@drjoshcsimmons/scl 0.1.1 → 0.1.3

package/dist/index103.js

@@ -1,6 +1,183 @@
-function m(t, [a, n]) {
-  return Math.min(n, Math.max(a, t));
+import * as c from "react";
+import { composeEventHandlers as p } from "./index78.js";
+import { createCollection as V } from "./index91.js";
+import { useComposedRefs as j } from "./index77.js";
+import { createContextScope as z } from "./index76.js";
+import { useId as q } from "./index84.js";
+import { Primitive as G } from "./index82.js";
+import { useCallbackRef as J } from "./index86.js";
+import { useControllableState as Q } from "./index80.js";
+import { useDirection as W } from "./index92.js";
+import { jsx as d } from "react/jsx-runtime";
+var y = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [D, N, Z] = V(I), [$, Fe] = z(
+  I,
+  [Z]
+), [ee, oe] = $(I), O = c.forwardRef(
+  (e, r) => /* @__PURE__ */ d(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
+);
+O.displayName = I;
+var te = c.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: s,
+    orientation: o,
+    loop: T = !1,
+    dir: w,
+    currentTabStopId: v,
+    defaultCurrentTabStopId: C,
+    onCurrentTabStopIdChange: S,
+    onEntryFocus: m,
+    preventScrollOnEntryFocus: u = !1,
+    ...b
+  } = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
+    prop: v,
+    defaultProp: C ?? null,
+    onChange: S,
+    caller: I
+  }), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
+  return c.useEffect(() => {
+    const n = F.current;
+    if (n)
+      return n.addEventListener(y, a), () => n.removeEventListener(y, a);
+  }, [a]), /* @__PURE__ */ d(
+    ee,
+    {
+      scope: s,
+      orientation: o,
+      dir: R,
+      loop: T,
+      currentTabStopId: E,
+      onItemFocus: c.useCallback(
+        (n) => t(n),
+        [t]
+      ),
+      onItemShiftTab: c.useCallback(() => h(!0), []),
+      onFocusableItemAdd: c.useCallback(
+        () => P((n) => n + 1),
+        []
+      ),
+      onFocusableItemRemove: c.useCallback(
+        () => P((n) => n - 1),
+        []
+      ),
+      children: /* @__PURE__ */ d(
+        G.div,
+        {
+          tabIndex: i || L === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...b,
+          ref: g,
+          style: { outline: "none", ...e.style },
+          onMouseDown: p(e.onMouseDown, () => {
+            A.current = !0;
+          }),
+          onFocus: p(e.onFocus, (n) => {
+            const U = !A.current;
+            if (n.target === n.currentTarget && U && !i) {
+              const x = new CustomEvent(y, X);
+              if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
+                const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
+                  Boolean
+                ).map((f) => f.ref.current);
+                k(H, u);
+              }
+            }
+            A.current = !1;
+          }),
+          onBlur: p(e.onBlur, () => h(!1))
+        }
+      )
+    }
+  );
+}), K = "RovingFocusGroupItem", M = c.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: s,
+      focusable: o = !0,
+      active: T = !1,
+      tabStopId: w,
+      children: v,
+      ...C
+    } = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
+    return c.useEffect(() => {
+      if (o)
+        return g(), () => R();
+    }, [o, g, R]), /* @__PURE__ */ d(
+      D.ItemSlot,
+      {
+        scope: s,
+        id: m,
+        focusable: o,
+        active: T,
+        children: /* @__PURE__ */ d(
+          G.span,
+          {
+            tabIndex: b ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...C,
+            ref: r,
+            onMouseDown: p(e.onMouseDown, (t) => {
+              o ? u.onItemFocus(m) : t.preventDefault();
+            }),
+            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
+            onKeyDown: p(e.onKeyDown, (t) => {
+              if (t.key === "Tab" && t.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (t.target !== t.currentTarget) return;
+              const i = ce(t, u.orientation, u.dir);
+              if (i !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
+                if (i === "last") a.reverse();
+                else if (i === "prev" || i === "next") {
+                  i === "prev" && a.reverse();
+                  const l = a.indexOf(t.currentTarget);
+                  a = u.loop ? se(a, l + 1) : a.slice(l + 1);
+                }
+                setTimeout(() => k(a));
+              }
+            }),
+            children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
+          }
+        )
+      }
+    );
+  }
+);
+M.displayName = K;
+var re = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function ne(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function ce(e, r, s) {
+  const o = ne(e.key, s);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return re[o];
+}
+function k(e, r = !1) {
+  const s = document.activeElement;
+  for (const o of e)
+    if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
+}
+function se(e, r) {
+  return e.map((s, o) => e[(r + o) % e.length]);
 }
+var ge = O, Re = M;
 export {
-  m as clamp
+  Re as Item,
+  ge as Root,
+  O as RovingFocusGroup,
+  M as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index104.js

@@ -1,32 +1,17 @@
-import * as a from "react";
-import { Primitive as o } from "./index82.js";
-import { jsx as t } from "react/jsx-runtime";
-var d = Object.freeze({
-  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-}), l = "VisuallyHidden", e = a.forwardRef(
-  (r, i) => /* @__PURE__ */ t(
-    o.span,
-    {
-      ...r,
-      ref: i,
-      style: { ...d, ...r.style }
-    }
-  )
-);
-e.displayName = l;
-var p = e;
+var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
+function $(t, o, e, i, n, h, u) {
+  if (h === o.length) return n === t.length ? m : G;
+  var s = `${n},${h}`;
+  if (u[s] !== void 0) return u[s];
+  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
+  return u[s] = l, l;
+}
+function x(t) {
+  return t.toLowerCase().replace(A, " ");
+}
+function M(t, o, e) {
+  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
+}
 export {
-  p as Root,
-  d as VISUALLY_HIDDEN_STYLES,
-  e as VisuallyHidden
+  M as a
 };

package/dist/index11.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as c from "react";
-import { Checkbox as o, CheckboxIndicator as s } from "./index50.js";
+import { Checkbox as o, CheckboxIndicator as s } from "./index49.js";
 import { cn as r } from "./index2.js";
-import m from "./index51.js";
+import m from "./index50.js";
 const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
   o,
   {

package/dist/index110.js

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { useCallbackRef as s } from "./index89.js";
+import { useCallbackRef as s } from "./index86.js";
 function p(n, e = globalThis == null ? void 0 : globalThis.document) {
   const t = s(n);
   r.useEffect(() => {

package/dist/index12.js

@@ -1,4 +1,4 @@
-import { Root as l, CollapsibleTrigger as o, CollapsibleContent as e } from "./index62.js";
+import { Root as l, CollapsibleTrigger as o, CollapsibleContent as e } from "./index47.js";
 const t = l, i = o, C = e;
 export {
   t as Collapsible,

package/dist/index13.js

@@ -3,9 +3,9 @@ import * as h from "react";
 import { cn as f } from "./index2.js";
 import { Popover as v, PopoverTrigger as C, PopoverContent as S } from "./index21.js";
 import { Button as O } from "./index9.js";
-import j from "./index63.js";
+import j from "./index65.js";
 import { Command as k, CommandInput as P, CommandList as R, CommandEmpty as B, CommandGroup as I, CommandItem as L } from "./index14.js";
-import M from "./index51.js";
+import M from "./index50.js";
 const D = h.forwardRef(
   ({
     options: s,

package/dist/index14.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as o from "react";
-import { Command as r } from "./index55.js";
+import { Command as r } from "./index70.js";
 import { cn as d } from "./index2.js";
 import { Dialog as s, DialogContent as n } from "./index15.js";
-import l from "./index56.js";
+import l from "./index71.js";
 const p = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ t(
   r,
   {

package/dist/index15.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as r, Title as c, Description as m } from "./index60.js";
+import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as r, Title as c, Description as m } from "./index63.js";
 import { cn as s } from "./index2.js";
-import y from "./index61.js";
+import y from "./index64.js";
 const T = g, j = x, N = u, F = n, f = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   d,
   {

package/dist/index17.js

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import * as n from "react";
-import { Root as w, Trigger as x, Group as N, Portal as m, Sub as v, RadioGroup as R, Content as l, Item as p, CheckboxItem as c, ItemIndicator as u, RadioItem as f, Label as b, Separator as y, SubContent as g, SubTrigger as h } from "./index57.js";
+import { Root as w, Trigger as x, Group as N, Portal as m, Sub as v, RadioGroup as R, Content as l, Item as p, CheckboxItem as c, ItemIndicator as u, RadioItem as f, Label as b, Separator as y, SubContent as g, SubTrigger as h } from "./index56.js";
 import { cn as s } from "./index2.js";
-import D from "./index51.js";
-import M from "./index54.js";
+import D from "./index50.js";
+import M from "./index57.js";
 import S from "./index58.js";
 const H = w, J = x, K = N, O = m, Q = v, U = R, I = n.forwardRef(({ className: e, inset: a, children: t, ...r }, i) => /* @__PURE__ */ d(
   h,

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as F } from "./index49.js";
-import { FormProvider as u, useFormContext as p, Controller as x } from "./index69.js";
+import { Root as F } from "./index59.js";
+import { FormProvider as u, useFormContext as p, Controller as x } from "./index60.js";
 import { cn as a } from "./index2.js";
 import { Label as I } from "./index20.js";
 const D = u, f = s.createContext(

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as t from "react";
-import { Root as o } from "./index65.js";
-import { cva as i } from "./index45.js";
+import { Root as o } from "./index53.js";
+import { cva as i } from "./index46.js";
 import { cn as s } from "./index2.js";
 const l = i(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"

package/dist/index21.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index66.js";
+import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index62.js";
 import { cn as l } from "./index2.js";
 const P = d, u = m, v = p, f = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...i }, n) => /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(
   t,

package/dist/index22.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import * as m from "react";
-import { Root as d, Indicator as l } from "./index70.js";
+import { Root as d, Indicator as l } from "./index69.js";
 import { cn as c } from "./index2.js";
 const f = m.forwardRef(
   ({

package/dist/index23.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as t, Item as s, Indicator as d } from "./index53.js";
+import { Root as t, Item as s, Indicator as d } from "./index73.js";
 import { cn as m } from "./index2.js";
-import l from "./index54.js";
+import l from "./index57.js";
 const c = i.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(
   t,
   {

package/dist/index24.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index71.js";
+import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index61.js";
 import { cn as n } from "./index2.js";
 const h = i.forwardRef(({ className: l, children: e, ...o }, a) => /* @__PURE__ */ m(
   s,

package/dist/index25.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as N, Group as b, Value as g, Trigger as d, Icon as S, Portal as v, Content as m, Viewport as R, Label as n, Item as c, ItemIndicator as C, ItemText as j, Separator as p, ScrollUpButton as f, ScrollDownButton as y } from "./index74.js";
+import { Root as N, Group as b, Value as g, Trigger as d, Icon as S, Portal as v, Content as m, Viewport as R, Label as n, Item as c, ItemIndicator as C, ItemText as j, Separator as p, ScrollUpButton as f, ScrollDownButton as y } from "./index54.js";
 import { cn as o } from "./index2.js";
-import u from "./index48.js";
-import I from "./index51.js";
-import B from "./index75.js";
+import u from "./index52.js";
+import I from "./index50.js";
+import B from "./index55.js";
 const E = N, F = b, H = g, k = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
   d,
   {

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import * as f from "react";
-import { Root as o } from "./index64.js";
+import { Root as o } from "./index72.js";
 import { cn as i } from "./index2.js";
 const s = f.forwardRef(
   ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, t) => /* @__PURE__ */ l(

package/dist/index27.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as l, Title as m, Description as c } from "./index60.js";
-import { cva as y } from "./index45.js";
+import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as l, Title as m, Description as c } from "./index63.js";
+import { cva as y } from "./index46.js";
 import { cn as s } from "./index2.js";
-import N from "./index61.js";
+import N from "./index64.js";
 const H = g, O = x, P = n, b = u, f = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   d,
   {

package/dist/index29.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as b from "react";
-import { Root as n, Track as l, Range as p, Thumb as d } from "./index72.js";
+import { Root as n, Track as l, Range as p, Thumb as d } from "./index66.js";
 import { cn as h } from "./index2.js";
 const g = b.forwardRef(({ className: i, defaultValue: r, value: o, ...s }, m) => {
   const t = (o == null ? void 0 : o.length) ?? (r == null ? void 0 : r.length) ?? 1;

package/dist/index31.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as a from "react";
-import { Root as o, Thumb as n } from "./index67.js";
+import { Root as o, Thumb as n } from "./index74.js";
 import { cn as e } from "./index2.js";
 const c = a.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ r(
   o,

package/dist/index33.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as d, List as o, Trigger as n, Content as c } from "./index68.js";
+import { Root as d, List as o, Trigger as n, Content as c } from "./index67.js";
 import { cn as r } from "./index2.js";
 const u = d, f = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
   o,

package/dist/index36.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as t } from "./index59.js";
-import { cva as m } from "./index45.js";
+import { Root as t } from "./index75.js";
+import { cva as m } from "./index46.js";
 import { cn as p } from "./index2.js";
 const f = m(
   "inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-primary/20 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50 border-2 border-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground data-[state=off]:bg-transparent data-[state=off]:text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",

package/dist/index37.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as d from "react";
-import { Root as s, Trigger as n, Portal as m, Content as e, Provider as l } from "./index73.js";
+import { Root as s, Trigger as n, Portal as m, Content as e, Provider as l } from "./index68.js";
 import { cn as p } from "./index2.js";
 const f = ({ children: o, ...t }) => /* @__PURE__ */ a(l, { delayDuration: 100, skipDelayDuration: 300, ...t, children: o });
 f.displayName = "TooltipProvider";

package/dist/index4.js

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import * as n from "react";
-import { Root as c, Item as l, Header as f, Trigger as i, Content as d } from "./index47.js";
+import { Root as c, Item as l, Header as f, Trigger as i, Content as d } from "./index51.js";
 import { cn as s } from "./index2.js";
-import p from "./index48.js";
+import p from "./index52.js";
 const R = c, N = n.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
   l,
   {

package/dist/index45.js

@@ -1,35 +1,127 @@
-import { clsx as O } from "./index43.js";
-const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
-  var s;
-  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
-    const a = n == null ? void 0 : n[t], u = d == null ? void 0 : d[t];
-    if (a === null) return null;
-    const i = m(a) || m(u);
-    return r[t][i];
-  }), v = n && Object.entries(n).reduce((t, a) => {
-    let [u, i] = a;
-    return i === void 0 || (t[u] = i), t;
-  }, {}), N = l == null || (s = l.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((t, a) => {
-    let { class: u, className: i, ...f } = a;
-    return Object.entries(f).every((C) => {
-      let [c, o] = C;
-      return Array.isArray(o) ? o.includes({
-        ...d,
-        ...v
-      }[c]) : {
-        ...d,
-        ...v
-      }[c] === o;
-    }) ? [
-      ...t,
-      u,
-      i
-    ] : t;
-  }, []);
-  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+import * as l from "react";
+import { createContextScope as w } from "./index76.js";
+import { useComposedRefs as v } from "./index77.js";
+import { createDialogScope as A, Root as M, Portal as x, Trigger as I, Overlay as L, WarningProvider as $, Content as F, Title as G, Description as j, Close as f } from "./index63.js";
+import { composeEventHandlers as W } from "./index78.js";
+import { createSlottable as Y } from "./index79.js";
+import { jsx as i, jsxs as q } from "react/jsx-runtime";
+var D = "AlertDialog", [B] = w(D, [
+  A
+]), n = A(), m = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(M, { ...t, ...r, modal: !0 });
 };
+m.displayName = D;
+var H = "AlertDialogTrigger", y = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(I, { ...a, ...t, ref: o });
+  }
+);
+y.displayName = H;
+var V = "AlertDialogPortal", _ = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(x, { ...t, ...r });
+};
+_.displayName = V;
+var k = "AlertDialogOverlay", N = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(L, { ...a, ...t, ref: o });
+  }
+);
+N.displayName = k;
+var s = "AlertDialogContent", [z, J] = B(s), K = Y("AlertDialogContent"), R = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, children: t, ...a } = e, g = n(r), p = l.useRef(null), b = v(o, p), d = l.useRef(null);
+    return /* @__PURE__ */ i(
+      $,
+      {
+        contentName: s,
+        titleName: C,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
+          F,
+          {
+            role: "alertdialog",
+            ...g,
+            ...a,
+            ref: b,
+            onOpenAutoFocus: W(a.onOpenAutoFocus, (c) => {
+              var u;
+              c.preventDefault(), (u = d.current) == null || u.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (c) => c.preventDefault(),
+            onInteractOutside: (c) => c.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(K, { children: t }),
+              /* @__PURE__ */ i(U, { contentRef: p })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+R.displayName = s;
+var C = "AlertDialogTitle", h = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
+  }
+);
+h.displayName = C;
+var E = "AlertDialogDescription", P = l.forwardRef((e, o) => {
+  const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+  return /* @__PURE__ */ i(j, { ...a, ...t, ref: o });
+});
+P.displayName = E;
+var Q = "AlertDialogAction", S = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(f, { ...a, ...t, ref: o });
+  }
+);
+S.displayName = Q;
+var T = "AlertDialogCancel", O = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = J(T, r), g = n(r), p = v(o, a);
+    return /* @__PURE__ */ i(f, { ...g, ...t, ref: p });
+  }
+);
+O.displayName = T;
+var U = ({ contentRef: e }) => {
+  const o = `\`${s}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${s}\` by passing a \`${E}\` 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 \`${s}\`. 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 l.useEffect(() => {
+    var t;
+    document.getElementById(
+      (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby")
+    ) || console.warn(o);
+  }, [o, e]), null;
+}, ae = m, ie = y, le = _, ne = N, se = R, ce = S, pe = O, ge = h, de = P;
 export {
-  j as cva,
-  y as cx
+  ce as Action,
+  m as AlertDialog,
+  S as AlertDialogAction,
+  O as AlertDialogCancel,
+  R as AlertDialogContent,
+  P as AlertDialogDescription,
+  N as AlertDialogOverlay,
+  _ as AlertDialogPortal,
+  h as AlertDialogTitle,
+  y as AlertDialogTrigger,
+  pe as Cancel,
+  se as Content,
+  de as Description,
+  ne as Overlay,
+  le as Portal,
+  ae as Root,
+  ge as Title,
+  ie as Trigger
 };