"use client";
import { jsx as t, jsxs as m } from "react/jsx-runtime";
import { S as p } from "./surface-BIC6CXiz.js";
import { c as o } from "./cn-Bhsu1vx2.js";
import { ao as u, ap as D, aq as f, ar as y, as as x, at as w, au as T, av as b } from "./vendor-base-ui-Bsg5ebHI.js";
const N = {
  size: {
    base: {
      classes: "sm:min-w-96",
      description: "Default dialog width"
    },
    sm: {
      classes: "min-w-72",
      description: "Small dialog for simple confirmations"
    },
    lg: {
      classes: "min-w-[32rem]",
      description: "Large dialog for complex content"
    },
    xl: {
      classes: "min-w-[48rem]",
      description: "Extra large dialog for detailed views"
    }
  }
}, s = {
  size: "base"
};
function v({
  size: a = s.size
} = {}) {
  return o(
    // Base styles
    "shadow-m fixed top-1/2 left-1/2 w-full sm:w-auto max-w-[calc(100vw-2rem)] sm:max-w-[calc(100vw-3rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl bg-kumo-base text-kumo-default duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0",
    // Apply size from KUMO_DIALOG_VARIANTS
    N.size[a].classes
  );
}
function A({
  className: a,
  children: i,
  style: g,
  size: d = s.size
}) {
  return /* @__PURE__ */ m(w, { children: [
    /* @__PURE__ */ t(T, { className: "fixed inset-0 bg-kumo-overlay opacity-80 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0" }),
    /* @__PURE__ */ t(
      p,
      {
        as: b,
        className: o(v({ size: d }), a),
        style: {
          transitionProperty: "scale, opacity",
          transitionTimingFunction: "var(--default-transition-timing-function)",
          "--tw-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.03), 0 8px 10px -6px rgb(0 0 0 / 0.03)",
          ...g
        },
        children: i
      }
    )
  ] });
}
function e({ children: a, ...i }) {
  return /* @__PURE__ */ t(u, { ...i, children: a });
}
e.displayName = "Dialog.Root";
function l({ children: a, ...i }) {
  return /* @__PURE__ */ t(D, { ...i, children: a });
}
l.displayName = "Dialog.Trigger";
function n({ className: a, ...i }) {
  return /* @__PURE__ */ t(f, { className: a, ...i });
}
n.displayName = "Dialog.Title";
function r({ className: a, ...i }) {
  return /* @__PURE__ */ t(y, { className: a, ...i });
}
r.displayName = "Dialog.Description";
function c({ children: a, ...i }) {
  return /* @__PURE__ */ t(x, { ...i, children: a });
}
c.displayName = "Dialog.Close";
const O = Object.assign(A, {
  Root: e,
  Trigger: l,
  Title: n,
  Description: r,
  Close: c
});
export {
  O as D,
  e as a,
  l as b,
  n as c,
  r as d,
  c as e
};
//# sourceMappingURL=dialog-C4BIM-74.js.map
