@drjoshcsimmons/scl 0.1.3 → 0.1.5

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 "./index59.js";
-import { FormProvider as u, useFormContext as p, Controller as x } from "./index60.js";
+import { Root as F } from "./index50.js";
+import { FormProvider as u, useFormContext as p, Controller as x } from "./index51.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 "./index53.js";
-import { cva as i } from "./index46.js";
+import { Root as o } from "./index67.js";
+import { cva as i } from "./index47.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 "./index62.js";
+import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index72.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 "./index69.js";
+import { Root as d, Indicator as l } from "./index71.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 "./index73.js";
+import { Root as t, Item as s, Indicator as d } from "./index75.js";
 import { cn as m } from "./index2.js";
-import l from "./index57.js";
+import l from "./index59.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 "./index61.js";
+import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index65.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 "./index54.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 "./index63.js";
 import { cn as o } from "./index2.js";
-import u from "./index52.js";
-import I from "./index50.js";
-import B from "./index55.js";
+import u from "./index46.js";
+import I from "./index56.js";
+import B from "./index64.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 "./index72.js";
+import { Root as o } from "./index68.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 "./index63.js";
-import { cva as y } from "./index46.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 "./index61.js";
+import { cva as y } from "./index47.js";
 import { cn as s } from "./index2.js";
-import N from "./index64.js";
+import N from "./index62.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 "./index66.js";
+import { Root as n, Track as l, Range as p, Thumb as d } from "./index57.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 "./index74.js";
+import { Root as o, Thumb as n } from "./index70.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 "./index67.js";
+import { Root as d, List as o, Trigger as n, Content as c } from "./index66.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 "./index75.js";
-import { cva as m } from "./index46.js";
+import { Root as t } from "./index74.js";
+import { cva as m } from "./index47.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 "./index68.js";
+import { Root as s, Trigger as n, Portal as m, Content as e, Provider as l } from "./index69.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 "./index51.js";
+import { Root as c, Item as l, Header as f, Trigger as i, Content as d } from "./index45.js";
 import { cn as s } from "./index2.js";
-import p from "./index52.js";
+import p from "./index46.js";
 const R = c, N = n.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
   l,
   {

package/dist/index45.js

@@ -1,127 +1,239 @@
-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 });
+import s from "react";
+import { createContextScope as X } from "./index76.js";
+import { createCollection as Z } from "./index90.js";
+import { useComposedRefs as $ } from "./index77.js";
+import { composeEventHandlers as ee } from "./index78.js";
+import { useControllableState as M } from "./index85.js";
+import { Primitive as V } from "./index86.js";
+import { createCollapsibleScope as H, Root as oe, Trigger as re, Content as te } from "./index52.js";
+import { useId as ne } from "./index88.js";
+import { useDirection as ce } from "./index91.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 }) });
   }
 );
-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 });
+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 }) })
+      }
+    );
   }
-);
-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(
-      $,
+), 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,
       {
-        contentName: s,
-        titleName: C,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
-          F,
+        scope: e,
+        disabled: t,
+        direction: i,
+        orientation: r,
+        children: /* @__PURE__ */ n(E.Slot, { scope: e, children: /* @__PURE__ */ n(
+          V.div,
           {
-            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 })
-            ]
+            ...l,
+            "data-orientation": r,
+            ref: p,
+            onKeyDown: t ? void 0 : h
           }
         ) })
       }
     );
   }
+), 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,
+      {
+        scope: e,
+        open: m,
+        disabled: v,
+        triggerId: p,
+        children: /* @__PURE__ */ n(
+          oe,
+          {
+            "data-orientation": r.orientation,
+            "data-state": J(m),
+            ...a,
+            ...i,
+            ref: c,
+            disabled: v,
+            open: m,
+            onOpenChange: (u) => {
+              u ? l.onItemOpen(t) : l.onItemClose(t);
+            }
+          }
+        )
+      }
+    );
+  }
 );
-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 });
+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
+      }
+    );
   }
 );
-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 });
+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(
+      re,
+      {
+        "aria-disabled": r.open && !l.collapsible || void 0,
+        "data-orientation": i.orientation,
+        id: r.triggerId,
+        ...a,
+        ...t,
+        ref: c
+      }
+    ) });
   }
 );
-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 });
+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(
+      te,
+      {
+        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
+        }
+      }
+    );
   }
 );
-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;
+F.displayName = B;
+function J(o) {
+  return o ? "open" : "closed";
+}
+var Pe = K, Ne = U, ye = Y, Ee = q, Se = F;
 export {
-  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
+  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
 };

package/dist/index46.js

@@ -1,35 +1,13 @@
-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 o from "./index106.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" }]
+]);
 export {
-  j as cva,
-  y as cx
+  n as default
 };