@drjoshcsimmons/scl 0.2.4 → 0.2.5

package/dist/index45.js

@@ -1,239 +1,127 @@
-import s from "react";
-import { createContextScope as X } from "./index76.js";
-import { createCollection as Z } from "./index77.js";
-import { useComposedRefs as $ } from "./index78.js";
-import { composeEventHandlers as ee } from "./index79.js";
-import { useControllableState as M } from "./index80.js";
-import { Primitive as V } from "./index81.js";
-import { createCollapsibleScope as H, Content as oe, Root as re, Trigger as te } from "./index49.js";
-import { useId as ne } from "./index82.js";
-import { useDirection as ce } from "./index83.js";
-import { jsx as n } from "react/jsx-runtime";
-var d = "Accordion", ie = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [E, ae, le] = Z(d), [b] = X(d, [
-  le,
-  H
-]), S = H(), K = s.forwardRef(
-  (o, c) => {
-    const { type: e, ...t } = o, i = t, r = t;
-    return /* @__PURE__ */ n(E.Provider, { scope: o.__scopeAccordion, children: e === "multiple" ? /* @__PURE__ */ n(fe, { ...r, ref: c }) : /* @__PURE__ */ n(pe, { ...i, ref: c }) });
+import * as l from "react";
+import { createContextScope as w } from "./index77.js";
+import { useComposedRefs as v } from "./index76.js";
+import { createDialogScope as A, Root as M, Portal as x, Trigger as I, Close as f, WarningProvider as L, Content as $, Description as F, Overlay as G, Title as j } from "./index62.js";
+import { composeEventHandlers as W } from "./index78.js";
+import { createSlottable as Y } from "./index84.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 });
   }
 );
-K.displayName = d;
-var [L, se] = b(d), [z, de] = b(
-  d,
-  { collapsible: !1 }
-), pe = s.forwardRef(
-  (o, c) => {
-    const {
-      value: e,
-      defaultValue: t,
-      onValueChange: i = () => {
-      },
-      collapsible: r = !1,
-      ...l
-    } = o, [a, p] = M({
-      prop: e,
-      defaultProp: t ?? "",
-      onChange: i,
-      caller: d
-    });
-    return /* @__PURE__ */ n(
-      L,
-      {
-        scope: o.__scopeAccordion,
-        value: s.useMemo(() => a ? [a] : [], [a]),
-        onItemOpen: p,
-        onItemClose: s.useCallback(() => r && p(""), [r, p]),
-        children: /* @__PURE__ */ n(z, { scope: o.__scopeAccordion, collapsible: r, children: /* @__PURE__ */ n(G, { ...l, ref: c }) })
-      }
-    );
-  }
-), fe = s.forwardRef((o, c) => {
-  const {
-    value: e,
-    defaultValue: t,
-    onValueChange: i = () => {
-    },
-    ...r
-  } = o, [l, a] = M({
-    prop: e,
-    defaultProp: t ?? [],
-    onChange: i,
-    caller: d
-  }), p = s.useCallback(
-    (v) => a((u = []) => [...u, v]),
-    [a]
-  ), m = s.useCallback(
-    (v) => a((u = []) => u.filter((h) => h !== v)),
-    [a]
-  );
-  return /* @__PURE__ */ n(
-    L,
-    {
-      scope: o.__scopeAccordion,
-      value: l,
-      onItemOpen: p,
-      onItemClose: m,
-      children: /* @__PURE__ */ n(z, { scope: o.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ n(G, { ...r, ref: c }) })
-    }
-  );
-}), [ue, I] = b(d), G = s.forwardRef(
-  (o, c) => {
-    const { __scopeAccordion: e, disabled: t, dir: i, orientation: r = "vertical", ...l } = o, a = s.useRef(null), p = $(a, c), m = ae(e), u = ce(i) === "ltr", h = ee(o.onKeyDown, (C) => {
-      var O;
-      if (!ie.includes(C.key)) return;
-      const Q = C.target, x = m().filter((N) => {
-        var T;
-        return !((T = N.ref.current) != null && T.disabled);
-      }), A = x.findIndex((N) => N.ref.current === Q), D = x.length;
-      if (A === -1) return;
-      C.preventDefault();
-      let f = A;
-      const _ = 0, w = D - 1, R = () => {
-        f = A + 1, f > w && (f = _);
-      }, P = () => {
-        f = A - 1, f < _ && (f = w);
-      };
-      switch (C.key) {
-        case "Home":
-          f = _;
-          break;
-        case "End":
-          f = w;
-          break;
-        case "ArrowRight":
-          r === "horizontal" && (u ? R() : P());
-          break;
-        case "ArrowDown":
-          r === "vertical" && R();
-          break;
-        case "ArrowLeft":
-          r === "horizontal" && (u ? P() : R());
-          break;
-        case "ArrowUp":
-          r === "vertical" && P();
-          break;
-      }
-      const W = f % D;
-      (O = x[W].ref.current) == null || O.focus();
-    });
-    return /* @__PURE__ */ n(
-      ue,
-      {
-        scope: e,
-        disabled: t,
-        direction: i,
-        orientation: r,
-        children: /* @__PURE__ */ n(E.Slot, { scope: e, children: /* @__PURE__ */ n(
-          V.div,
-          {
-            ...l,
-            "data-orientation": r,
-            ref: p,
-            onKeyDown: t ? void 0 : h
-          }
-        ) })
-      }
-    );
+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(G, { ...a, ...t, ref: o });
   }
-), g = "AccordionItem", [me, k] = b(g), U = s.forwardRef(
-  (o, c) => {
-    const { __scopeAccordion: e, value: t, ...i } = o, r = I(g, e), l = se(g, e), a = S(e), p = ne(), m = t && l.value.includes(t) || !1, v = r.disabled || o.disabled;
-    return /* @__PURE__ */ n(
-      me,
+);
+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(
+      L,
       {
-        scope: e,
-        open: m,
-        disabled: v,
-        triggerId: p,
-        children: /* @__PURE__ */ n(
-          re,
+        contentName: s,
+        titleName: C,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
+          $,
           {
-            "data-orientation": r.orientation,
-            "data-state": J(m),
+            role: "alertdialog",
+            ...g,
             ...a,
-            ...i,
-            ref: c,
-            disabled: v,
-            open: m,
-            onOpenChange: (u) => {
-              u ? l.onItemOpen(t) : l.onItemClose(t);
-            }
+            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 })
+            ]
           }
-        )
+        ) })
       }
     );
   }
 );
-U.displayName = g;
-var j = "AccordionHeader", Y = s.forwardRef(
-  (o, c) => {
-    const { __scopeAccordion: e, ...t } = o, i = I(d, e), r = k(j, e);
-    return /* @__PURE__ */ n(
-      V.h3,
-      {
-        "data-orientation": i.orientation,
-        "data-state": J(r.open),
-        "data-disabled": r.disabled ? "" : void 0,
-        ...t,
-        ref: c
-      }
-    );
+R.displayName = s;
+var C = "AlertDialogTitle", h = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(j, { ...a, ...t, ref: o });
   }
 );
-Y.displayName = j;
-var y = "AccordionTrigger", q = s.forwardRef(
-  (o, c) => {
-    const { __scopeAccordion: e, ...t } = o, i = I(d, e), r = k(y, e), l = de(y, e), a = S(e);
-    return /* @__PURE__ */ n(E.ItemSlot, { scope: e, children: /* @__PURE__ */ n(
-      te,
-      {
-        "aria-disabled": r.open && !l.collapsible || void 0,
-        "data-orientation": i.orientation,
-        id: r.triggerId,
-        ...a,
-        ...t,
-        ref: c
-      }
-    ) });
+h.displayName = C;
+var E = "AlertDialogDescription", P = l.forwardRef((e, o) => {
+  const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+  return /* @__PURE__ */ i(F, { ...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 });
   }
 );
-q.displayName = y;
-var B = "AccordionContent", F = s.forwardRef(
-  (o, c) => {
-    const { __scopeAccordion: e, ...t } = o, i = I(d, e), r = k(B, e), l = S(e);
-    return /* @__PURE__ */ n(
-      oe,
-      {
-        role: "region",
-        "aria-labelledby": r.triggerId,
-        "data-orientation": i.orientation,
-        ...l,
-        ...t,
-        ref: c,
-        style: {
-          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
-          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
-          ...o.style
-        }
-      }
-    );
+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 });
   }
 );
-F.displayName = B;
-function J(o) {
-  return o ? "open" : "closed";
-}
-var Pe = K, Ne = U, ye = Y, Ee = q, Se = F;
+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 {
-  K as Accordion,
-  F as AccordionContent,
-  Y as AccordionHeader,
-  U as AccordionItem,
-  q as AccordionTrigger,
-  Se as Content,
-  ye as Header,
-  Ne as Item,
-  Pe as Root,
-  Ee as Trigger
+  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
 };

package/dist/index46.js

@@ -1,13 +1,35 @@
-import o from "./index119.js";
-/**
- * @license lucide-react v0.460.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const n = o("ChevronDown", [
-  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
-]);
+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);
+};
 export {
-  n as default
+  j as cva,
+  y as cx
 };

package/dist/index47.js

@@ -1,35 +1,251 @@
-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 s from "react";
+import { useComposedRefs as B } from "./index76.js";
+import { createContextScope as L } from "./index77.js";
+import { composeEventHandlers as S } from "./index78.js";
+import { useControllableState as O } from "./index79.js";
+import { usePrevious as j } from "./index80.js";
+import { useSize as H } from "./index81.js";
+import { Presence as z } from "./index82.js";
+import { Primitive as P } from "./index83.js";
+import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
+var g = "Checkbox", [U] = L(g), [X, E] = U(g);
+function J(t) {
+  const {
+    __scopeCheckbox: a,
+    checked: c,
+    children: u,
+    defaultChecked: r,
+    disabled: e,
+    form: p,
+    name: f,
+    onCheckedChange: i,
+    required: m,
+    value: C = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: d
+  } = t, [l, v] = O({
+    prop: c,
+    defaultProp: r ?? !1,
+    onChange: i,
+    caller: g
+  }), [k, x] = s.useState(null), [_, o] = s.useState(null), n = s.useRef(!1), I = k ? !!p || !!k.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), R = {
+    checked: l,
+    disabled: e,
+    setChecked: v,
+    control: k,
+    setControl: x,
+    name: f,
+    form: p,
+    value: C,
+    hasConsumerStoppedPropagationRef: n,
+    required: m,
+    defaultChecked: h(r) ? !1 : r,
+    isFormControl: I,
+    bubbleInput: _,
+    setBubbleInput: o
+  };
+  return /* @__PURE__ */ b(
+    X,
+    {
+      scope: a,
+      ...R,
+      children: W(d) ? d(R) : u
+    }
+  );
+}
+var N = "CheckboxTrigger", w = s.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: a, onClick: c, ...u }, r) => {
+    const {
+      control: e,
+      value: p,
+      disabled: f,
+      checked: i,
+      required: m,
+      setControl: C,
+      setChecked: d,
+      hasConsumerStoppedPropagationRef: l,
+      isFormControl: v,
+      bubbleInput: k
+    } = E(N, t), x = B(r, C), _ = s.useRef(i);
+    return s.useEffect(() => {
+      const o = e == null ? void 0 : e.form;
+      if (o) {
+        const n = () => d(_.current);
+        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
+      }
+    }, [e, d]), /* @__PURE__ */ b(
+      P.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": h(i) ? "mixed" : i,
+        "aria-required": m,
+        "data-state": A(i),
+        "data-disabled": f ? "" : void 0,
+        disabled: f,
+        value: p,
+        ...u,
+        ref: x,
+        onKeyDown: S(a, (o) => {
+          o.key === "Enter" && o.preventDefault();
+        }),
+        onClick: S(c, (o) => {
+          d((n) => h(n) ? !0 : !n), k && v && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
+        })
+      }
+    );
+  }
+);
+w.displayName = N;
+var Q = s.forwardRef(
+  (t, a) => {
+    const {
+      __scopeCheckbox: c,
+      name: u,
+      checked: r,
+      defaultChecked: e,
+      required: p,
+      disabled: f,
+      value: i,
+      onCheckedChange: m,
+      form: C,
+      ...d
+    } = t;
+    return /* @__PURE__ */ b(
+      J,
+      {
+        __scopeCheckbox: c,
+        checked: r,
+        defaultChecked: e,
+        disabled: f,
+        required: p,
+        onCheckedChange: m,
+        name: u,
+        form: C,
+        value: i,
+        internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ G(K, { children: [
+          /* @__PURE__ */ b(
+            w,
+            {
+              ...d,
+              ref: a,
+              __scopeCheckbox: c
+            }
+          ),
+          l && /* @__PURE__ */ b(
+            q,
+            {
+              __scopeCheckbox: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Q.displayName = g;
+var T = "CheckboxIndicator", V = s.forwardRef(
+  (t, a) => {
+    const { __scopeCheckbox: c, forceMount: u, ...r } = t, e = E(T, c);
+    return /* @__PURE__ */ b(
+      z,
+      {
+        present: u || h(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ b(
+          P.span,
+          {
+            "data-state": A(e.checked),
+            "data-disabled": e.disabled ? "" : void 0,
+            ...r,
+            ref: a,
+            style: { pointerEvents: "none", ...t.style }
+          }
+        )
+      }
+    );
+  }
+);
+V.displayName = T;
+var M = "CheckboxBubbleInput", q = s.forwardRef(
+  ({ __scopeCheckbox: t, ...a }, c) => {
+    const {
+      control: u,
+      hasConsumerStoppedPropagationRef: r,
+      checked: e,
+      defaultChecked: p,
+      required: f,
+      disabled: i,
+      name: m,
+      value: C,
+      form: d,
+      bubbleInput: l,
+      setBubbleInput: v
+    } = E(M, t), k = B(c, v), x = j(e), _ = H(u);
+    s.useEffect(() => {
+      const n = l;
+      if (!n) return;
+      const I = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, D = !r.current;
+      if (x !== e && y) {
+        const F = new Event("click", { bubbles: D });
+        n.indeterminate = h(e), y.call(n, h(e) ? !1 : e), n.dispatchEvent(F);
+      }
+    }, [l, x, e, r]);
+    const o = s.useRef(h(e) ? !1 : e);
+    return /* @__PURE__ */ b(
+      P.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: p ?? o.current,
+        required: f,
+        disabled: i,
+        name: m,
+        value: C,
+        form: d,
+        ...a,
+        tabIndex: -1,
+        ref: k,
+        style: {
+          ...a.style,
+          ..._,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+q.displayName = M;
+function W(t) {
+  return typeof t == "function";
+}
+function h(t) {
+  return t === "indeterminate";
+}
+function A(t) {
+  return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
+}
 export {
-  j as cva,
-  y as cx
+  Q as Checkbox,
+  V as CheckboxIndicator,
+  V as Indicator,
+  Q as Root,
+  q as unstable_BubbleInput,
+  q as unstable_CheckboxBubbleInput,
+  J as unstable_CheckboxProvider,
+  w as unstable_CheckboxTrigger,
+  J as unstable_Provider,
+  w as unstable_Trigger
 };