@drjoshcsimmons/scl 0.1.9 → 0.1.11

package/dist/index54.js

@@ -1,62 +1,14 @@
-import * as o from "react";
-import { composeRefs as S } from "./index78.js";
-import { jsx as y } from "react/jsx-runtime";
-var E = Symbol.for("react.lazy"), p = o[" use ".trim().toString()];
-function g(t) {
-  return typeof t == "object" && t !== null && "then" in t;
-}
-function d(t) {
-  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === E && "_payload" in t && g(t._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function C(t) {
-  const n = /* @__PURE__ */ R(t), i = o.forwardRef((e, r) => {
-    let { children: l, ...a } = e;
-    d(l) && typeof p == "function" && (l = p(l._payload));
-    const s = o.Children.toArray(l), f = s.find(b);
-    if (f) {
-      const c = f.props.children, m = s.map((u) => u === f ? o.Children.count(c) > 1 ? o.Children.only(null) : o.isValidElement(c) ? c.props.children : null : u);
-      return /* @__PURE__ */ y(n, { ...a, ref: r, children: o.isValidElement(c) ? o.cloneElement(c, void 0, m) : null });
-    }
-    return /* @__PURE__ */ y(n, { ...a, ref: r, children: l });
-  });
-  return i.displayName = `${t}.Slot`, i;
-}
-var V = /* @__PURE__ */ C("Slot");
-// @__NO_SIDE_EFFECTS__
-function R(t) {
-  const n = o.forwardRef((i, e) => {
-    let { children: r, ...l } = i;
-    if (d(r) && typeof p == "function" && (r = p(r._payload)), o.isValidElement(r)) {
-      const a = P(r), s = h(l, r.props);
-      return r.type !== o.Fragment && (s.ref = e ? S(e, a) : a), o.cloneElement(r, s);
-    }
-    return o.Children.count(r) > 1 ? o.Children.only(null) : null;
-  });
-  return n.displayName = `${t}.SlotClone`, n;
-}
-var _ = Symbol("radix.slottable");
-function b(t) {
-  return o.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === _;
-}
-function h(t, n) {
-  const i = { ...n };
-  for (const e in n) {
-    const r = t[e], l = n[e];
-    /^on[A-Z]/.test(e) ? r && l ? i[e] = (...s) => {
-      const f = l(...s);
-      return r(...s), f;
-    } : r && (i[e] = r) : e === "style" ? i[e] = { ...r, ...l } : e === "className" && (i[e] = [r, l].filter(Boolean).join(" "));
-  }
-  return { ...t, ...i };
-}
-function P(t) {
-  var e, r;
-  let n = (e = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : e.get, i = n && "isReactWarning" in n && n.isReactWarning;
-  return i ? t.ref : (n = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, i = n && "isReactWarning" in n && n.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
-}
+import e from "./index117.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 a = e("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]);
 export {
-  V as Root,
-  V as Slot,
-  C as createSlot
+  a as default
 };

package/dist/index55.js

@@ -1,14 +1,251 @@
-import e from "./index116.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("ChevronsUpDown", [
-  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
-  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
-]);
+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 "./index91.js";
+import { useSize as H } from "./index92.js";
+import { Presence as z } from "./index93.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,
+    {
+      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 {
-  t as default
+  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/index56.js

@@ -1,120 +1,11 @@
-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 "./index87.js";
-import { useComposedRefs as M } from "./index78.js";
-import { Primitive as v } from "./index81.js";
-import { Presence as k } from "./index92.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: 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
-          }
-        )
-      }
-    );
-  }
-);
-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)
-      }
-    );
-  }
-);
-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 }) });
-  }
-);
-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
-    }
-  );
-});
-function h(e) {
-  return e ? "open" : "closed";
-}
-var X = w, Y = I, Z = O;
+import e from "./index117.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 {
-  w as Collapsible,
-  O as CollapsibleContent,
-  I as CollapsibleTrigger,
-  Z as Content,
-  X as Root,
-  Y as Trigger,
-  W as createCollapsibleScope
+  t as default
 };

package/dist/index57.js

@@ -1,84 +1,120 @@
-import * as m from "react";
-import { createContextScope as $ } from "./index94.js";
-import { Primitive as c } from "./index95.js";
-import { jsx as l } from "react/jsx-runtime";
-var u = "Progress", d = 100, [h] = $(u), [R, _] = h(u), f = m.forwardRef(
-  (r, e) => {
+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 "./index87.js";
+import { useComposedRefs as M } from "./index78.js";
+import { Primitive as v } from "./index81.js";
+import { Presence as k } from "./index93.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 {
-      __scopeProgress: i,
-      value: o = null,
-      max: a,
-      getValueLabel: N = E,
-      ...b
-    } = r;
-    (a || a === 0) && !v(a) && console.error(M(`${a}`, "Progress"));
-    const t = v(a) ? a : d;
-    o !== null && !p(o, t) && console.error(V(`${o}`, "Progress"));
-    const n = p(o, t) ? o : null, I = s(n) ? N(n, t) : void 0;
-    return /* @__PURE__ */ l(R, { scope: i, value: n, max: t, children: /* @__PURE__ */ l(
-      c.div,
+      __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,
       {
-        "aria-valuemax": t,
-        "aria-valuemin": 0,
-        "aria-valuenow": s(n) ? n : void 0,
-        "aria-valuetext": I,
-        role: "progressbar",
-        "data-state": P(n, t),
-        "data-value": n ?? void 0,
-        "data-max": t,
-        ...b,
-        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
+          }
+        )
       }
-    ) });
+    );
   }
 );
-f.displayName = u;
-var g = "ProgressIndicator", x = m.forwardRef(
-  (r, e) => {
-    const { __scopeProgress: i, ...o } = r, a = _(g, i);
-    return /* @__PURE__ */ l(
-      c.div,
+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,
       {
-        "data-state": P(a.value, a.max),
-        "data-value": a.value ?? void 0,
-        "data-max": a.max,
-        ...o,
-        ref: e
+        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)
       }
     );
   }
 );
-x.displayName = g;
-function E(r, e) {
-  return `${Math.round(r / e * 100)}%`;
-}
-function P(r, e) {
-  return r == null ? "indeterminate" : r === e ? "complete" : "loading";
-}
-function s(r) {
-  return typeof r == "number";
-}
-function v(r) {
-  return s(r) && !isNaN(r) && r > 0;
-}
-function p(r, e) {
-  return s(r) && !isNaN(r) && r <= e && r >= 0;
-}
-function M(r, e) {
-  return `Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${d}\`.`;
-}
-function V(r, e) {
-  return `Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
-  - a positive number
-  - less than the value passed to \`max\` (or ${d} if no \`max\` prop is set)
-  - \`null\` or \`undefined\` if the progress is indeterminate.
-
-Defaulting to \`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 }) });
+  }
+);
+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
+    }
+  );
+});
+function h(e) {
+  return e ? "open" : "closed";
 }
-var D = f, L = x;
+var X = w, Y = I, Z = O;
 export {
-  L as Indicator,
-  f as Progress,
-  x as ProgressIndicator,
-  D as Root
+  w as Collapsible,
+  O as CollapsibleContent,
+  I as CollapsibleTrigger,
+  Z as Content,
+  X as Root,
+  Y as Trigger,
+  W as createCollapsibleScope
 };