@drjoshcsimmons/scl 0.1.14 → 0.1.15

package/dist/index52.js

@@ -1,24 +1,251 @@
-import * as p from "react";
-import { Primitive as v } from "./index94.js";
-import { jsx as m } from "react/jsx-runtime";
-var d = "Separator", a = "horizontal", l = ["horizontal", "vertical"], i = p.forwardRef((r, n) => {
-  const { decorative: e, orientation: t = a, ...s } = r, o = f(t) ? t : a, c = e ? { role: "none" } : { "aria-orientation": o === "vertical" ? o : void 0, role: "separator" };
-  return /* @__PURE__ */ m(
-    v.div,
+import * as s from "react";
+import { useComposedRefs as B } from "./index78.js";
+import { createContextScope as L } from "./index76.js";
+import { composeEventHandlers as S } from "./index79.js";
+import { useControllableState as O } from "./index80.js";
+import { usePrevious as j } from "./index99.js";
+import { useSize as H } from "./index100.js";
+import { Presence as z } from "./index94.js";
+import { Primitive as P } from "./index81.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,
     {
-      "data-orientation": o,
-      ...c,
-      ...s,
-      ref: n
+      scope: a,
+      ...R,
+      children: W(d) ? d(R) : u
     }
   );
-});
-i.displayName = d;
-function f(r) {
-  return l.includes(r);
 }
-var T = i;
+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 {
-  T as Root,
-  i as Separator
+  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
 };

package/dist/index53.js

@@ -1,163 +1,11 @@
-import * as v from "react";
-import { composeEventHandlers as g } from "./index76.js";
-import { createContextScope as x } from "./index78.js";
-import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index95.js";
-import { Presence as w } from "./index85.js";
-import { Primitive as b } from "./index86.js";
-import { useDirection as D } from "./index92.js";
-import { useControllableState as V } from "./index88.js";
-import { useId as G } from "./index82.js";
-import { jsx as l } from "react/jsx-runtime";
-var p = "Tabs", [L] = x(p, [
-  C
-]), h = C(), [$, T] = L(p), I = v.forwardRef(
-  (e, r) => {
-    const {
-      __scopeTabs: s,
-      value: t,
-      onValueChange: n,
-      defaultValue: c,
-      orientation: o = "horizontal",
-      dir: d,
-      activationMode: f = "automatic",
-      ...m
-    } = e, i = D(d), [a, u] = V({
-      prop: t,
-      onChange: n,
-      defaultProp: c ?? "",
-      caller: p
-    });
-    return /* @__PURE__ */ l(
-      $,
-      {
-        scope: s,
-        baseId: G(),
-        value: a,
-        onValueChange: u,
-        orientation: o,
-        dir: i,
-        activationMode: f,
-        children: /* @__PURE__ */ l(
-          b.div,
-          {
-            dir: i,
-            "data-orientation": o,
-            ...m,
-            ref: r
-          }
-        )
-      }
-    );
-  }
-);
-I.displayName = p;
-var R = "TabsList", _ = v.forwardRef(
-  (e, r) => {
-    const { __scopeTabs: s, loop: t = !0, ...n } = e, c = T(R, s), o = h(s);
-    return /* @__PURE__ */ l(
-      E,
-      {
-        asChild: !0,
-        ...o,
-        orientation: c.orientation,
-        dir: c.dir,
-        loop: t,
-        children: /* @__PURE__ */ l(
-          b.div,
-          {
-            role: "tablist",
-            "aria-orientation": c.orientation,
-            ...n,
-            ref: r
-          }
-        )
-      }
-    );
-  }
-);
-_.displayName = R;
-var y = "TabsTrigger", A = v.forwardRef(
-  (e, r) => {
-    const { __scopeTabs: s, value: t, disabled: n = !1, ...c } = e, o = T(y, s), d = h(s), f = P(o.baseId, t), m = S(o.baseId, t), i = t === o.value;
-    return /* @__PURE__ */ l(
-      F,
-      {
-        asChild: !0,
-        ...d,
-        focusable: !n,
-        active: i,
-        children: /* @__PURE__ */ l(
-          b.button,
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": i,
-            "aria-controls": m,
-            "data-state": i ? "active" : "inactive",
-            "data-disabled": n ? "" : void 0,
-            disabled: n,
-            id: f,
-            ...c,
-            ref: r,
-            onMouseDown: g(e.onMouseDown, (a) => {
-              !n && a.button === 0 && a.ctrlKey === !1 ? o.onValueChange(t) : a.preventDefault();
-            }),
-            onKeyDown: g(e.onKeyDown, (a) => {
-              [" ", "Enter"].includes(a.key) && o.onValueChange(t);
-            }),
-            onFocus: g(e.onFocus, () => {
-              const a = o.activationMode !== "manual";
-              !i && !n && a && o.onValueChange(t);
-            })
-          }
-        )
-      }
-    );
-  }
-);
-A.displayName = y;
-var M = "TabsContent", N = v.forwardRef(
-  (e, r) => {
-    const { __scopeTabs: s, value: t, forceMount: n, children: c, ...o } = e, d = T(M, s), f = P(d.baseId, t), m = S(d.baseId, t), i = t === d.value, a = v.useRef(i);
-    return v.useEffect(() => {
-      const u = requestAnimationFrame(() => a.current = !1);
-      return () => cancelAnimationFrame(u);
-    }, []), /* @__PURE__ */ l(w, { present: n || i, children: ({ present: u }) => /* @__PURE__ */ l(
-      b.div,
-      {
-        "data-state": i ? "active" : "inactive",
-        "data-orientation": d.orientation,
-        role: "tabpanel",
-        "aria-labelledby": f,
-        hidden: !u,
-        id: m,
-        tabIndex: 0,
-        ...o,
-        ref: r,
-        style: {
-          ...e.style,
-          animationDuration: a.current ? "0s" : void 0
-        },
-        children: u && c
-      }
-    ) });
-  }
-);
-N.displayName = M;
-function P(e, r) {
-  return `${e}-trigger-${r}`;
-}
-function S(e, r) {
-  return `${e}-content-${r}`;
-}
-var Q = I, U = _, W = A, X = N;
+import e from "./index120.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 t = e("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 export {
-  X as Content,
-  U as List,
-  Q as Root,
-  I as Tabs,
-  N as TabsContent,
-  _ as TabsList,
-  A as TabsTrigger,
-  W as Trigger
+  t as default
 };

package/dist/index54.js

@@ -1,75 +1,120 @@
-import * as i from "react";
-import { createContextScope as C } from "./index96.js";
-import { useCallbackRef as h } from "./index97.js";
-import { useLayoutEffect as f } from "./index98.js";
-import { Primitive as m } from "./index99.js";
-import { useIsHydrated as _ } from "./index100.js";
-import { jsx as l } from "react/jsx-runtime";
-var v = "Avatar", [y] = C(v), [x, A] = y(v), L = i.forwardRef(
-  (t, e) => {
-    const { __scopeAvatar: o, ...r } = t, [n, a] = i.useState("idle");
-    return /* @__PURE__ */ l(
-      x,
+import * as o from "react";
+import { composeEventHandlers as T } from "./index79.js";
+import { createContextScope as S } from "./index76.js";
+import { useControllableState as D } from "./index80.js";
+import { useLayoutEffect as L } from "./index86.js";
+import { useComposedRefs as M } from "./index78.js";
+import { Primitive as v } from "./index81.js";
+import { Presence as k } from "./index94.js";
+import { useId as F } from "./index82.js";
+import { jsx as c } from "react/jsx-runtime";
+var u = "Collapsible", [B, W] = S(u), [G, g] = B(u), w = o.forwardRef(
+  (e, a) => {
+    const {
+      __scopeCollapsible: i,
+      open: r,
+      defaultOpen: t,
+      disabled: l,
+      onOpenChange: s,
+      ...m
+    } = e, [d, p] = D({
+      prop: r,
+      defaultProp: t ?? !1,
+      onChange: s,
+      caller: u
+    });
+    return /* @__PURE__ */ c(
+      G,
       {
-        scope: o,
-        imageLoadingStatus: n,
-        onImageLoadingStatusChange: a,
-        children: /* @__PURE__ */ l(m.span, { ...r, ref: e })
+        scope: i,
+        disabled: l,
+        contentId: F(),
+        open: d,
+        onOpenToggle: o.useCallback(() => p((C) => !C), [p]),
+        children: /* @__PURE__ */ c(
+          v.div,
+          {
+            "data-state": h(d),
+            "data-disabled": l ? "" : void 0,
+            ...m,
+            ref: a
+          }
+        )
       }
     );
   }
 );
-L.displayName = v;
-var S = "AvatarImage", E = i.forwardRef(
-  (t, e) => {
-    const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
-    }, ...a } = t, u = A(S, o), s = N(r, a), d = h((c) => {
-      n(c), u.onImageLoadingStatusChange(c);
-    });
-    return f(() => {
-      s !== "idle" && d(s);
-    }, [s, d]), s === "loaded" ? /* @__PURE__ */ l(m.img, { ...a, ref: e, src: r }) : null;
+w.displayName = u;
+var A = "CollapsibleTrigger", I = o.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: i, ...r } = e, t = g(A, i);
+    return /* @__PURE__ */ c(
+      v.button,
+      {
+        type: "button",
+        "aria-controls": t.contentId,
+        "aria-expanded": t.open || !1,
+        "data-state": h(t.open),
+        "data-disabled": t.disabled ? "" : void 0,
+        disabled: t.disabled,
+        ...r,
+        ref: a,
+        onClick: T(e.onClick, t.onOpenToggle)
+      }
+    );
   }
 );
-E.displayName = S;
-var I = "AvatarFallback", R = i.forwardRef(
-  (t, e) => {
-    const { __scopeAvatar: o, delayMs: r, ...n } = t, a = A(I, o), [u, s] = i.useState(r === void 0);
-    return i.useEffect(() => {
-      if (r !== void 0) {
-        const d = window.setTimeout(() => s(!0), r);
-        return () => window.clearTimeout(d);
-      }
-    }, [r]), u && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ l(m.span, { ...n, ref: e }) : null;
+I.displayName = A;
+var R = "CollapsibleContent", O = o.forwardRef(
+  (e, a) => {
+    const { forceMount: i, ...r } = e, t = g(R, e.__scopeCollapsible);
+    return /* @__PURE__ */ c(k, { present: i || t.open, children: ({ present: l }) => /* @__PURE__ */ c($, { ...r, ref: a, present: l }) });
   }
 );
-R.displayName = I;
-function p(t, e) {
-  return t ? e ? (t.src !== e && (t.src = e), t.complete && t.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
-}
-function N(t, { referrerPolicy: e, crossOrigin: o }) {
-  const r = _(), n = i.useRef(null), a = r ? (n.current || (n.current = new window.Image()), n.current) : null, [u, s] = i.useState(
-    () => p(a, t)
+O.displayName = R;
+var $ = o.forwardRef((e, a) => {
+  const { __scopeCollapsible: i, present: r, children: t, ...l } = e, s = g(R, i), [m, d] = o.useState(r), p = o.useRef(null), C = M(a, p), y = o.useRef(0), x = y.current, N = o.useRef(0), P = N.current, b = s.open || m, _ = o.useRef(b), f = o.useRef(void 0);
+  return o.useEffect(() => {
+    const n = requestAnimationFrame(() => _.current = !1);
+    return () => cancelAnimationFrame(n);
+  }, []), L(() => {
+    const n = p.current;
+    if (n) {
+      f.current = f.current || {
+        transitionDuration: n.style.transitionDuration,
+        animationName: n.style.animationName
+      }, n.style.transitionDuration = "0s", n.style.animationName = "none";
+      const E = n.getBoundingClientRect();
+      y.current = E.height, N.current = E.width, _.current || (n.style.transitionDuration = f.current.transitionDuration, n.style.animationName = f.current.animationName), d(r);
+    }
+  }, [s.open, r]), /* @__PURE__ */ c(
+    v.div,
+    {
+      "data-state": h(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !b,
+      ...l,
+      ref: C,
+      style: {
+        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
+        "--radix-collapsible-content-width": P ? `${P}px` : void 0,
+        ...e.style
+      },
+      children: b && t
+    }
   );
-  return f(() => {
-    s(p(a, t));
-  }, [a, t]), f(() => {
-    const d = (w) => () => {
-      s(w);
-    };
-    if (!a) return;
-    const c = d("loaded"), g = d("error");
-    return a.addEventListener("load", c), a.addEventListener("error", g), e && (a.referrerPolicy = e), typeof o == "string" && (a.crossOrigin = o), () => {
-      a.removeEventListener("load", c), a.removeEventListener("error", g);
-    };
-  }, [a, o, e]), u;
+});
+function h(e) {
+  return e ? "open" : "closed";
 }
-var H = L, j = E, B = R;
+var X = w, Y = I, Z = O;
 export {
-  L as Avatar,
-  R as AvatarFallback,
-  E as AvatarImage,
-  B as Fallback,
-  j as Image,
-  H as Root
+  w as Collapsible,
+  O as CollapsibleContent,
+  I as CollapsibleTrigger,
+  Z as Content,
+  X as Root,
+  Y as Trigger,
+  W as createCollapsibleScope
 };