@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/index-0g-eSmV1.js

@@ -0,0 +1,142 @@
+import { jsx as i, Fragment as x, jsxs as I } from "react/jsx-runtime";
+import { c as M } from "./compiler-runtime-DA41awpA.js";
+import * as s from "react";
+import { forwardRef as $ } from "react";
+import { b as L, c as F } from "./index--l0zux8V.js";
+import { u as f } from "./index-DLcqcWxM.js";
+import { a as v, T as B, c as D, O as G, W, C as j, d as k, e as Y, R as q, P as H } from "./index-C6mt--X_.js";
+import { Button as V } from "./components/Button/Button.js";
+import { cn as z } from "./utils/index.js";
+var J = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function K(r) {
+  const o = ({ children: e }) => /* @__PURE__ */ i(x, { children: e });
+  return o.displayName = `${r}.Slottable`, o.__radixId = J, o;
+}
+var _ = "AlertDialog", [Q] = L(_, [
+  D
+]), n = D(), y = (r) => {
+  const { __scopeAlertDialog: o, ...e } = r, t = n(o);
+  return /* @__PURE__ */ i(q, { ...t, ...e, modal: !0 });
+};
+y.displayName = _;
+var U = "AlertDialogTrigger", N = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(B, { ...a, ...t, ref: o });
+  }
+);
+N.displayName = U;
+var X = "AlertDialogPortal", R = (r) => {
+  const { __scopeAlertDialog: o, ...e } = r, t = n(o);
+  return /* @__PURE__ */ i(H, { ...t, ...e });
+};
+R.displayName = X;
+var Z = "AlertDialogOverlay", h = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
+  }
+);
+h.displayName = Z;
+var u = "AlertDialogContent", [ee, oe] = Q(u), re = /* @__PURE__ */ K("AlertDialogContent"), C = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, children: t, ...a } = r, p = n(e), c = s.useRef(null), m = f(o, c), d = s.useRef(null);
+    return /* @__PURE__ */ i(
+      W,
+      {
+        contentName: u,
+        titleName: E,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(ee, { scope: e, cancelRef: d, children: /* @__PURE__ */ I(
+          j,
+          {
+            role: "alertdialog",
+            ...p,
+            ...a,
+            ref: m,
+            onOpenAutoFocus: F(a.onOpenAutoFocus, (l) => {
+              l.preventDefault(), d.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (l) => l.preventDefault(),
+            onInteractOutside: (l) => l.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(re, { children: t }),
+              /* @__PURE__ */ i(ae, { contentRef: c })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+C.displayName = u;
+var E = "AlertDialogTitle", T = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(k, { ...a, ...t, ref: o });
+  }
+);
+T.displayName = E;
+var S = "AlertDialogDescription", b = s.forwardRef((r, o) => {
+  const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+  return /* @__PURE__ */ i(Y, { ...a, ...t, ref: o });
+});
+b.displayName = S;
+var te = "AlertDialogAction", P = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(v, { ...a, ...t, ref: o });
+  }
+);
+P.displayName = te;
+var O = "AlertDialogCancel", w = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, { cancelRef: a } = oe(O, e), p = n(e), c = f(o, a);
+    return /* @__PURE__ */ i(v, { ...p, ...t, ref: c });
+  }
+);
+w.displayName = O;
+var ae = ({ contentRef: r }) => {
+  const o = `\`${u}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${u}\` by passing a \`${S}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${u}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return s.useEffect(() => {
+    document.getElementById(
+      r.current?.getAttribute("aria-describedby")
+    ) || console.warn(o);
+  }, [o, r]), null;
+}, me = y, ie = N, Ae = R, fe = h, ve = C, De = P, _e = w, ye = T, Ne = b;
+const Re = $((r, o) => {
+  const e = M.c(12), {
+    "data-theme": t,
+    className: a,
+    text: p,
+    variant: c,
+    onOpen: m,
+    onClick: d
+  } = r;
+  let l;
+  e[0] !== a ? (l = z(a), e[0] = a, e[1] = l) : l = e[1];
+  let g;
+  e[2] !== d || e[3] !== m ? (g = () => {
+    m(), d?.();
+  }, e[2] = d, e[3] = m, e[4] = g) : g = e[4];
+  let A;
+  return e[5] !== t || e[6] !== o || e[7] !== l || e[8] !== g || e[9] !== p || e[10] !== c ? (A = /* @__PURE__ */ i(ie, { asChild: !0, children: /* @__PURE__ */ i(V, { ref: o, type: "button", variant: c, "data-theme": t, className: l, onClick: g, children: p }) }), e[5] = t, e[6] = o, e[7] = l, e[8] = g, e[9] = p, e[10] = c, e[11] = A) : A = e[11], A;
+});
+export {
+  Re as A,
+  _e as C,
+  Ne as D,
+  fe as O,
+  Ae as P,
+  me as R,
+  ye as T,
+  De as a,
+  ve as b
+};

package/dist/{index-Jr0cra7i.js → index-B9v5VxE2.js}

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { a as ce, c as _, P as T, b as le } from "./index--l0zux8V.js";
+import { P as T, b as ce, a as le, c as _ } from "./index--l0zux8V.js";
 import { u as M } from "./index-DLcqcWxM.js";
 import { u as de } from "./index-BdMNhZnh.js";
 import { u as ue } from "./index-BZPx6jYI.js";
@@ -14,7 +14,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, C = "Slider", [N, pe, he] = me(C), [W] = le(C, [
+}, C = "Slider", [N, pe, he] = me(C), [W] = ce(C, [
   he
 ]), [ge, V] = W(C), q = l.forwardRef(
   (e, t) => {
@@ -35,7 +35,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       inverted: v = !1,
       form: y,
       ...h
-    } = e, m = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [S = [], K] = ce({
+    } = e, m = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [S = [], K] = le({
       prop: p,
       defaultProp: w,
       onChange: (R) => {
@@ -424,8 +424,8 @@ function Ce(e, t) {
 }
 var ze = q, He = te, Ne = ne, Le = oe;
 export {
-  ze as R,
+  Ne as R,
   He as T,
-  Ne as a,
-  Le as b
+  Le as a,
+  ze as b
 };

package/dist/index-BvEpLnOv.js

@@ -0,0 +1,144 @@
+import * as r from "react";
+import { P as m, c as p, d as U, u as z } from "./index--l0zux8V.js";
+import { u as T } from "./index-DLcqcWxM.js";
+import { u as b } from "./index-0ioNhtNM.js";
+import { jsx as P } from "react/jsx-runtime";
+import H from "react-dom";
+function K(n, e = globalThis?.document) {
+  const t = b(n);
+  r.useEffect(() => {
+    const o = (s) => {
+      s.key === "Escape" && t(s);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+var j = "DismissableLayer", h = "dismissableLayer.update", X = "dismissableLayer.pointerDownOutside", Y = "dismissableLayer.focusOutside", R, B = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), x = r.forwardRef(
+  (n, e) => {
+    const {
+      disableOutsidePointerEvents: t = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: s,
+      onFocusOutside: a,
+      onInteractOutside: d,
+      onDismiss: l,
+      ...E
+    } = n, c = r.useContext(B), [u, S] = r.useState(null), f = u?.ownerDocument ?? globalThis?.document, [, A] = r.useState({}), N = T(e, (i) => S(i)), D = Array.from(c.layers), [W] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = D.indexOf(W), O = u ? D.indexOf(u) : -1, k = c.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= _, M = G((i) => {
+      const v = i.target, w = [...c.branches].some((y) => y.contains(v));
+      !L || w || (s?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f), C = J((i) => {
+      const v = i.target;
+      [...c.branches].some((y) => y.contains(v)) || (a?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f);
+    return K((i) => {
+      O === c.layers.size - 1 && (o?.(i), !i.defaultPrevented && l && (i.preventDefault(), l()));
+    }, f), r.useEffect(() => {
+      if (u)
+        return t && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (R = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), g(), () => {
+          t && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = R);
+        };
+    }, [u, f, t, c]), r.useEffect(() => () => {
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), g());
+    }, [u, c]), r.useEffect(() => {
+      const i = () => A({});
+      return document.addEventListener(h, i), () => document.removeEventListener(h, i);
+    }, []), /* @__PURE__ */ P(
+      m.div,
+      {
+        ...E,
+        ref: N,
+        style: {
+          pointerEvents: k ? L ? "auto" : "none" : void 0,
+          ...n.style
+        },
+        onFocusCapture: p(n.onFocusCapture, C.onFocusCapture),
+        onBlurCapture: p(n.onBlurCapture, C.onBlurCapture),
+        onPointerDownCapture: p(
+          n.onPointerDownCapture,
+          M.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+x.displayName = j;
+var q = "DismissableLayerBranch", F = r.forwardRef((n, e) => {
+  const t = r.useContext(B), o = r.useRef(null), s = T(e, o);
+  return r.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return t.branches.add(a), () => {
+        t.branches.delete(a);
+      };
+  }, [t.branches]), /* @__PURE__ */ P(m.div, { ...n, ref: s });
+});
+F.displayName = q;
+function G(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1), s = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (l) => {
+      if (l.target && !o.current) {
+        let E = function() {
+          I(
+            X,
+            t,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: l };
+        l.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = E, e.addEventListener("click", s.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", s.current);
+      o.current = !1;
+    }, d = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(d), e.removeEventListener("pointerdown", a), e.removeEventListener("click", s.current);
+    };
+  }, [e, t]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function J(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1);
+  return r.useEffect(() => {
+    const s = (a) => {
+      a.target && !o.current && I(Y, t, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
+  }, [e, t]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function g() {
+  const n = new CustomEvent(h);
+  document.dispatchEvent(n);
+}
+function I(n, e, t, { discrete: o }) {
+  const s = t.originalEvent.target, a = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
+  e && s.addEventListener(n, e, { once: !0 }), o ? U(s, a) : s.dispatchEvent(a);
+}
+var ne = x, re = F, Q = "Portal", V = r.forwardRef((n, e) => {
+  const { container: t, ...o } = n, [s, a] = r.useState(!1);
+  z(() => a(!0), []);
+  const d = t || s && globalThis?.document?.body;
+  return d ? H.createPortal(/* @__PURE__ */ P(m.div, { ...o, ref: e }), d) : null;
+});
+V.displayName = Q;
+export {
+  re as B,
+  x as D,
+  V as P,
+  ne as R
+};

package/dist/{index-9a-FL_6D.js → index-C6mt--X_.js}

@@ -1,11 +1,10 @@
 import * as i from "react";
-import { P as O, c as _, b as Ee, a as ye, e as he } from "./index--l0zux8V.js";
+import { P as O, a as Ee, c as _, b as ye, e as he } from "./index--l0zux8V.js";
 import { u as F, c as Ce } from "./index-DLcqcWxM.js";
 import { u as w } from "./index-BKMaItIC.js";
-import { D as De } from "./index-URQGEGX7.js";
+import { P as De, D as be } from "./index-BvEpLnOv.js";
 import { u as $ } from "./index-0ioNhtNM.js";
 import { jsx as u, jsxs as j, Fragment as B } from "react/jsx-runtime";
-import { P as be } from "./index-CESXsoMn.js";
 import { P as U } from "./index-3fEdeexs.js";
 import { R as Re } from "./Combination-BtmnusWq.js";
 var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q = { bubbles: !1, cancelable: !0 }, Ae = "FocusScope", Q = i.forwardRef((e, t) => {
@@ -15,7 +14,7 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
     onMountAutoFocus: r,
     onUnmountAutoFocus: a,
     ...l
-  } = e, [s, m] = i.useState(null), p = $(r), E = $(a), c = i.useRef(null), d = F(t, (f) => m(f)), v = i.useRef({
+  } = e, [s, v] = i.useState(null), p = $(r), E = $(a), c = i.useRef(null), d = F(t, (f) => v(f)), m = i.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -27,11 +26,11 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
   i.useEffect(() => {
     if (o) {
       let f = function(C) {
-        if (v.paused || !s) return;
+        if (m.paused || !s) return;
         const h = C.target;
         s.contains(h) ? c.current = h : b(c.current, { select: !0 });
       }, D = function(C) {
-        if (v.paused || !s) return;
+        if (m.paused || !s) return;
         const h = C.relatedTarget;
         h !== null && (s.contains(h) || b(c.current, { select: !0 }));
       }, g = function(C) {
@@ -45,9 +44,9 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
         document.removeEventListener("focusin", f), document.removeEventListener("focusout", D), N.disconnect();
       };
     }
-  }, [o, s, v.paused]), i.useEffect(() => {
+  }, [o, s, m.paused]), i.useEffect(() => {
     if (s) {
-      Y.add(v);
+      Y.add(m);
       const f = document.activeElement;
       if (!s.contains(f)) {
         const g = new CustomEvent(x, q);
@@ -56,21 +55,21 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
       return () => {
         s.removeEventListener(x, p), setTimeout(() => {
           const g = new CustomEvent(W, q);
-          s.addEventListener(W, E), s.dispatchEvent(g), g.defaultPrevented || b(f ?? document.body, { select: !0 }), s.removeEventListener(W, E), Y.remove(v);
+          s.addEventListener(W, E), s.dispatchEvent(g), g.defaultPrevented || b(f ?? document.body, { select: !0 }), s.removeEventListener(W, E), Y.remove(m);
         }, 0);
       };
     }
-  }, [s, p, E, v]);
+  }, [s, p, E, m]);
   const P = i.useCallback(
     (f) => {
-      if (!n && !o || v.paused) return;
+      if (!n && !o || m.paused) return;
       const D = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, g = document.activeElement;
       if (D && g) {
         const N = f.currentTarget, [C, h] = Ne(N);
         C && h ? !f.shiftKey && g === h ? (f.preventDefault(), n && b(C, { select: !0 })) : f.shiftKey && g === C && (f.preventDefault(), n && b(h, { select: !0 })) : g === N && f.preventDefault();
       }
     },
-    [n, o, v.paused]
+    [n, o, m.paused]
   );
   return /* @__PURE__ */ u(O.div, { tabIndex: -1, ...l, ref: d, onKeyDown: P });
 });
@@ -168,17 +167,17 @@ var Fe = function(e) {
 }, we = function(e, t, n, o) {
   var r = Me(t, Array.isArray(e) ? e : [e]);
   I[n] || (I[n] = /* @__PURE__ */ new WeakMap());
-  var a = I[n], l = [], s = /* @__PURE__ */ new Set(), m = new Set(r), p = function(c) {
+  var a = I[n], l = [], s = /* @__PURE__ */ new Set(), v = new Set(r), p = function(c) {
     !c || s.has(c) || (s.add(c), p(c.parentNode));
   };
   r.forEach(p);
   var E = function(c) {
-    !c || m.has(c) || Array.prototype.forEach.call(c.children, function(d) {
+    !c || v.has(c) || Array.prototype.forEach.call(c.children, function(d) {
       if (s.has(d))
         E(d);
       else
         try {
-          var v = d.getAttribute(o), P = v !== null && v !== "false", f = (A.get(d) || 0) + 1, D = (a.get(d) || 0) + 1;
+          var m = d.getAttribute(o), P = m !== null && m !== "false", f = (A.get(d) || 0) + 1, D = (a.get(d) || 0) + 1;
           A.set(d, f), a.set(d, D), l.push(d), f === 1 && P && S.set(d, !0), D === 1 && d.setAttribute(n, "true"), P || d.setAttribute(o, "true");
         } catch (g) {
           console.error("aria-hidden: cannot operate on ", d, g);
@@ -187,8 +186,8 @@ var Fe = function(e) {
   };
   return E(t), s.clear(), k++, function() {
     l.forEach(function(c) {
-      var d = A.get(c) - 1, v = a.get(c) - 1;
-      A.set(c, d), a.set(c, v), d || (S.has(c) || c.removeAttribute(o), S.delete(c)), v || c.removeAttribute(n);
+      var d = A.get(c) - 1, m = a.get(c) - 1;
+      A.set(c, d), a.set(c, m), d || (S.has(c) || c.removeAttribute(o), S.delete(c)), m || c.removeAttribute(n);
     }), k--, k || (A = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), I = {});
   };
 }, xe = function(e, t, n) {
@@ -201,9 +200,9 @@ var Fe = function(e) {
 // @__NO_SIDE_EFFECTS__
 function We(e) {
   const t = /* @__PURE__ */ Le(e), n = i.forwardRef((o, r) => {
-    const { children: a, ...l } = o, s = i.Children.toArray(a), m = s.find(Ue);
-    if (m) {
-      const p = m.props.children, E = s.map((c) => c === m ? i.Children.count(p) > 1 ? i.Children.only(null) : i.isValidElement(p) ? p.props.children : null : c);
+    const { children: a, ...l } = o, s = i.Children.toArray(a), v = s.find(Ue);
+    if (v) {
+      const p = v.props.children, E = s.map((c) => c === v ? i.Children.count(p) > 1 ? i.Children.only(null) : i.isValidElement(p) ? p.props.children : null : c);
       return /* @__PURE__ */ u(t, { ...l, ref: r, children: i.isValidElement(p) ? i.cloneElement(p, void 0, E) : null });
     }
     return /* @__PURE__ */ u(t, { ...l, ref: r, children: a });
@@ -231,8 +230,8 @@ function Ke(e, t) {
   for (const o in t) {
     const r = e[o], a = t[o];
     /^on[A-Z]/.test(o) ? r && a ? n[o] = (...s) => {
-      const m = a(...s);
-      return r(...s), m;
+      const v = a(...s);
+      return r(...s), v;
     } : r && (n[o] = r) : o === "style" ? n[o] = { ...r, ...a } : o === "className" && (n[o] = [r, a].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
@@ -241,7 +240,7 @@ function Ge(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var M = "Dialog", [te, st] = Ee(M), [Ve, y] = te(M), ne = (e) => {
+var M = "Dialog", [te, at] = ye(M), [Ve, y] = te(M), ne = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -249,7 +248,7 @@ var M = "Dialog", [te, st] = Ee(M), [Ve, y] = te(M), ne = (e) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: l = !0
-  } = e, s = i.useRef(null), m = i.useRef(null), [p, E] = ye({
+  } = e, s = i.useRef(null), v = i.useRef(null), [p, E] = Ee({
     prop: o,
     defaultProp: r ?? !1,
     onChange: a,
@@ -260,7 +259,7 @@ var M = "Dialog", [te, st] = Ee(M), [Ve, y] = te(M), ne = (e) => {
     {
       scope: t,
       triggerRef: s,
-      contentRef: m,
+      contentRef: v,
       contentId: w(),
       titleId: w(),
       descriptionId: w(),
@@ -296,7 +295,7 @@ var K = "DialogPortal", [He, ae] = te(K, {
   forceMount: void 0
 }), se = (e) => {
   const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = y(K, t);
-  return /* @__PURE__ */ u(He, { scope: t, forceMount: n, children: i.Children.map(o, (l) => /* @__PURE__ */ u(U, { present: n || a.open, children: /* @__PURE__ */ u(be, { asChild: !0, container: r, children: l }) })) });
+  return /* @__PURE__ */ u(He, { scope: t, forceMount: n, children: i.Children.map(o, (l) => /* @__PURE__ */ u(U, { present: n || a.open, children: /* @__PURE__ */ u(De, { asChild: !0, container: r, children: l }) })) });
 };
 se.displayName = K;
 var T = "DialogOverlay", ie = i.forwardRef(
@@ -380,7 +379,7 @@ var Be = i.forwardRef(
   }
 ), ue = i.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = e, s = y(R, n), m = i.useRef(null), p = F(t, m);
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = e, s = y(R, n), v = i.useRef(null), p = F(t, v);
     return Te(), /* @__PURE__ */ j(B, { children: [
       /* @__PURE__ */ u(
         Q,
@@ -391,7 +390,7 @@ var Be = i.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ u(
-            De,
+            be,
             {
               role: "dialog",
               id: s.contentId,
@@ -407,7 +406,7 @@ var Be = i.forwardRef(
       ),
       /* @__PURE__ */ j(B, { children: [
         /* @__PURE__ */ u(Ze, { titleId: s.titleId }),
-        /* @__PURE__ */ u(ze, { contentRef: m, descriptionId: s.descriptionId })
+        /* @__PURE__ */ u(ze, { contentRef: v, descriptionId: s.descriptionId })
       ] })
     ] });
   }
@@ -425,7 +424,7 @@ var fe = "DialogDescription", de = i.forwardRef(
   }
 );
 de.displayName = fe;
-var pe = "DialogClose", me = i.forwardRef(
+var pe = "DialogClose", ve = i.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = y(pe, n);
     return /* @__PURE__ */ u(
@@ -439,16 +438,16 @@ var pe = "DialogClose", me = i.forwardRef(
     );
   }
 );
-me.displayName = pe;
+ve.displayName = pe;
 function V(e) {
   return e ? "open" : "closed";
 }
-var ve = "DialogTitleWarning", [it, ge] = he(ve, {
+var me = "DialogTitleWarning", [st, ge] = he(me, {
   contentName: R,
   titleName: G,
   docsSlug: "dialog"
 }), Ze = ({ titleId: e }) => {
-  const t = ge(ve), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = ge(me), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -462,18 +461,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const r = e.current?.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, ct = ne, ut = re, lt = se, ft = ie, dt = ce, pt = le, mt = de, vt = me;
+}, it = ne, ct = re, ut = se, lt = ie, ft = ce, dt = le, pt = de, vt = ve;
 export {
-  dt as C,
+  ft as C,
   le as D,
-  ft as O,
-  lt as P,
-  ct as R,
-  ut as T,
-  it as W,
-  se as a,
-  vt as b,
-  st as c,
-  pt as d,
-  mt as e
+  lt as O,
+  ut as P,
+  it as R,
+  ct as T,
+  st as W,
+  vt as a,
+  se as b,
+  at as c,
+  dt as d,
+  pt as e
 };