@drjoshcsimmons/scl 0.2.2 → 0.2.4

package/dist/index145.js

@@ -1,68 +1,67 @@
-var N = function(r) {
-  return r.tagName === "TEXTAREA";
-}, b = function(r, e) {
-  if (!(r instanceof Element))
-    return !1;
-  var t = window.getComputedStyle(r);
-  return (
-    // not-not-scrollable
-    t[e] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
-  );
-}, D = function(r) {
-  return b(r, "overflowY");
-}, E = function(r) {
-  return b(r, "overflowX");
-}, T = function(r, e) {
-  var t = e.ownerDocument, l = e;
-  do {
-    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
-    var f = g(r, l);
-    if (f) {
-      var n = m(r, l), i = n[1], o = n[2];
-      if (i > o)
-        return !0;
+import { __assign as d } from "./index125.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
     }
-    l = l.parentNode;
-  } while (l && l !== t.body);
-  return !1;
-}, H = function(r) {
-  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
-  return [
-    e,
-    t,
-    l
-  ];
-}, p = function(r) {
-  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
-  return [
-    e,
-    t,
-    l
-  ];
-}, g = function(r, e) {
-  return r === "v" ? D(e) : E(e);
-}, m = function(r, e) {
-  return r === "v" ? H(e) : p(e);
-}, B = function(r, e) {
-  return r === "h" && e === "rtl" ? -1 : 1;
-}, V = function(r, e, t, l, f) {
-  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
-  do {
-    if (!o)
-      break;
-    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
-    (v || w) && g(r, o) && (h += w, S += v);
-    var a = o.parentNode;
-    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
-  } while (
-    // portaled content
-    !d && o !== document.body || // self content
-    d && (e.contains(o) || e === o)
-  );
-  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
-};
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
 export {
-  V as handleScroll,
-  T as locationCouldBeScrolled
+  v as createSidecarMedium
 };

package/dist/index15.js

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

package/dist/index17.js

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

package/dist/index18.js

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

package/dist/index20.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { Root as o } from "./index61.js";
-import { cva as t } from "./index45.js";
+import { Root as o } from "./index59.js";
+import { cva as t } from "./index47.js";
 import * as i from "react";
 import { cn as s } from "./index2.js";
 const l = t(

package/dist/index21.js

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

package/dist/index22.js

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

package/dist/index23.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Root as i, Item as t, Indicator as d } from "./index73.js";
+import { Root as i, Item as t, Indicator as d } from "./index60.js";
 import * as s from "react";
 import { cn as m } from "./index2.js";
-import l from "./index56.js";
+import l from "./index61.js";
 const c = s.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(i, { className: m("grid gap-2", e), ...o, ref: a }));
 c.displayName = i.displayName;
 const n = s.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(

package/dist/index24.js

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

package/dist/index25.js

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

package/dist/index26.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { Root as o } from "./index62.js";
+import { Root as o } from "./index67.js";
 import * as f from "react";
 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 s, jsxs as i } from "react/jsx-runtime";
-import { Root as x, Close as l, Portal as g, Trigger as N, Content as n, Description as m, Overlay as c, Title as d } from "./index66.js";
-import { cva as y } from "./index45.js";
+import { Root as x, Close as l, Portal as g, Trigger as N, Content as n, Description as m, Overlay as c, Title as d } from "./index65.js";
+import { cva as y } from "./index47.js";
 import * as a from "react";
 import { cn as r } from "./index2.js";
-import b from "./index67.js";
+import b from "./index66.js";
 const H = x, O = N, P = l, u = g, f = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
   c,
   {

package/dist/index29.js

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

package/dist/index31.js

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

package/dist/index33.js

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

package/dist/index36.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Root as e } from "./index71.js";
-import { cva as s } from "./index45.js";
+import { Root as e } from "./index62.js";
+import { cva as s } from "./index47.js";
 import * as m from "react";
 import { cn as p } from "./index2.js";
 const f = s(

package/dist/index37.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Root as p, Trigger as n, Portal as s, Content as i, Provider as l } from "./index52.js";
+import { Root as p, Trigger as n, Portal as s, Content as i, Provider as l } from "./index74.js";
 import * as m from "react";
 import { cn as d } from "./index2.js";
 const c = ({

package/dist/index4.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Root as c, Content as n, Item as l, Header as f, Trigger as d } from "./index47.js";
+import { Root as c, Content as n, Item as l, Header as f, Trigger as d } from "./index45.js";
 import * as s from "react";
 import { cn as i } from "./index2.js";
-import p from "./index48.js";
+import p from "./index46.js";
 const v = c, N = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ r(l, { ref: o, className: i("border-b-2 w-full", e), ...t }));
 N.displayName = "AccordionItem";
 const x = s.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ r(f, { className: "flex", children: /* @__PURE__ */ m(

package/dist/index45.js

@@ -1,35 +1,239 @@
-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 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 }) });
+  }
+);
+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
+          }
+        ) })
+      }
+    );
+  }
+), 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(
+          re,
+          {
+            "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);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+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
+      }
+    );
+  }
+);
+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
+      }
+    ) });
+  }
+);
+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
+        }
+      }
+    );
+  }
+);
+F.displayName = B;
+function J(o) {
+  return o ? "open" : "closed";
+}
+var Pe = K, Ne = U, ye = Y, Ee = q, Se = F;
 export {
-  j as cva,
-  y as cx
+  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
 };