@drjoshcsimmons/scl 0.1.3 → 0.1.4

package/dist/index55.js

@@ -5,7 +5,7 @@ import e from "./index106.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const r = e("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
+const t = e("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 export {
-  r as default
+  t as default
 };

package/dist/index56.js

@@ -1,227 +1,251 @@
-import * as u from "react";
-import { composeEventHandlers as m } from "./index78.js";
-import { composeRefs as K } from "./index77.js";
-import { createContextScope as U } from "./index76.js";
-import { useControllableState as g } from "./index80.js";
-import { Primitive as B } from "./index82.js";
-import { createMenuScope as D, Root as F, Anchor as H, Group as W, Portal as $, Sub as j, RadioGroup as X, Content as q, Item as z, CheckboxItem as J, ItemIndicator as Q, RadioItem as V, Label as Y, Separator as Z, SubContent as oo, SubTrigger as eo, Arrow as ro } from "./index102.js";
-import { useId as M } from "./index84.js";
-import { jsx as t } from "react/jsx-runtime";
-var f = "DropdownMenu", [no] = U(
-  f,
-  [D]
-), i = D(), [ao, _] = no(f), h = (o) => {
+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 "./index85.js";
+import { useSize as H } from "./index86.js";
+import { Presence as z } from "./index88.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 {
-    __scopeDropdownMenu: n,
-    children: r,
-    dir: e,
-    open: a,
-    defaultOpen: d,
-    onOpenChange: c,
-    modal: p = !0
-  } = o, s = i(n), v = u.useRef(null), [l, w] = g({
-    prop: a,
-    defaultProp: d ?? !1,
-    onChange: c,
-    caller: f
-  });
-  return /* @__PURE__ */ t(
-    ao,
+    __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: n,
-      triggerId: M(),
-      triggerRef: v,
-      contentId: M(),
-      open: l,
-      onOpenChange: w,
-      onOpenToggle: u.useCallback(() => w((L) => !L), [w]),
-      modal: p,
-      children: /* @__PURE__ */ t(F, { ...s, open: l, onOpenChange: w, dir: e, modal: p, children: r })
+      scope: a,
+      ...R,
+      children: W(d) ? d(R) : u
     }
   );
-};
-h.displayName = f;
-var R = "DropdownMenuTrigger", b = u.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, disabled: e = !1, ...a } = o, d = _(R, r), c = i(r);
-    return /* @__PURE__ */ t(H, { asChild: !0, ...c, children: /* @__PURE__ */ t(
-      B.button,
+}
+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",
-        id: d.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": d.open,
-        "aria-controls": d.open ? d.contentId : void 0,
-        "data-state": d.open ? "open" : "closed",
-        "data-disabled": e ? "" : void 0,
-        disabled: e,
-        ...a,
-        ref: K(n, d.triggerRef),
-        onPointerDown: m(o.onPointerDown, (p) => {
-          !e && p.button === 0 && p.ctrlKey === !1 && (d.onOpenToggle(), d.open || p.preventDefault());
+        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();
         }),
-        onKeyDown: m(o.onKeyDown, (p) => {
-          e || (["Enter", " "].includes(p.key) && d.onOpenToggle(), p.key === "ArrowDown" && d.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(p.key) && p.preventDefault());
+        onClick: S(c, (o) => {
+          d((n) => h(n) ? !0 : !n), k && v && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
         })
       }
-    ) });
+    );
   }
 );
-b.displayName = R;
-var to = "DropdownMenuPortal", I = (o) => {
-  const { __scopeDropdownMenu: n, ...r } = o, e = i(n);
-  return /* @__PURE__ */ t($, { ...e, ...r });
-};
-I.displayName = to;
-var S = "DropdownMenuContent", C = u.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = _(S, r), d = i(r), c = u.useRef(!1);
-    return /* @__PURE__ */ t(
-      q,
+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,
       {
-        id: a.contentId,
-        "aria-labelledby": a.triggerId,
-        ...d,
-        ...e,
-        ref: n,
-        onCloseAutoFocus: m(o.onCloseAutoFocus, (p) => {
-          var s;
-          c.current || (s = a.triggerRef.current) == null || s.focus(), c.current = !1, p.preventDefault();
-        }),
-        onInteractOutside: m(o.onInteractOutside, (p) => {
-          const s = p.detail.originalEvent, v = s.button === 0 && s.ctrlKey === !0, l = s.button === 2 || v;
-          (!a.modal || l) && (c.current = !0);
-        }),
-        style: {
-          ...o.style,
-          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-        }
+        __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
+            }
+          )
+        ] })
       }
     );
   }
 );
-C.displayName = S;
-var po = "DropdownMenuGroup", N = u.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-    return /* @__PURE__ */ t(W, { ...a, ...e, ref: n });
-  }
-);
-N.displayName = po;
-var uo = "DropdownMenuLabel", x = u.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-    return /* @__PURE__ */ t(Y, { ...a, ...e, ref: n });
-  }
-);
-x.displayName = uo;
-var io = "DropdownMenuItem", A = u.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-    return /* @__PURE__ */ t(z, { ...a, ...e, ref: n });
+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 }
+          }
+        )
+      }
+    );
   }
 );
-A.displayName = io;
-var so = "DropdownMenuCheckboxItem", P = u.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-  return /* @__PURE__ */ t(J, { ...a, ...e, ref: n });
-});
-P.displayName = so;
-var co = "DropdownMenuRadioGroup", E = u.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-  return /* @__PURE__ */ t(X, { ...a, ...e, ref: n });
-});
-E.displayName = co;
-var lo = "DropdownMenuRadioItem", O = u.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-  return /* @__PURE__ */ t(V, { ...a, ...e, ref: n });
-});
-O.displayName = lo;
-var wo = "DropdownMenuItemIndicator", y = u.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-  return /* @__PURE__ */ t(Q, { ...a, ...e, ref: n });
-});
-y.displayName = wo;
-var mo = "DropdownMenuSeparator", T = u.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-  return /* @__PURE__ */ t(Z, { ...a, ...e, ref: n });
-});
-T.displayName = mo;
-var fo = "DropdownMenuArrow", vo = u.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-    return /* @__PURE__ */ t(ro, { ...a, ...e, ref: n });
+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%)"
+        }
+      }
+    );
   }
 );
-vo.displayName = fo;
-var Mo = (o) => {
-  const { __scopeDropdownMenu: n, children: r, open: e, onOpenChange: a, defaultOpen: d } = o, c = i(n), [p, s] = g({
-    prop: e,
-    defaultProp: d ?? !1,
-    onChange: a,
-    caller: "DropdownMenuSub"
-  });
-  return /* @__PURE__ */ t(j, { ...c, open: p, onOpenChange: s, children: r });
-}, go = "DropdownMenuSubTrigger", G = u.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-  return /* @__PURE__ */ t(eo, { ...a, ...e, ref: n });
-});
-G.displayName = go;
-var Do = "DropdownMenuSubContent", k = u.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
-  return /* @__PURE__ */ t(
-    oo,
-    {
-      ...a,
-      ...e,
-      ref: n,
-      style: {
-        ...o.style,
-        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-      }
-    }
-  );
-});
-k.displayName = Do;
-var xo = h, Ao = b, Po = I, Eo = C, Oo = N, yo = x, To = A, Go = P, ko = E, Lo = O, Ko = y, Uo = T, Bo = Mo, Fo = G, Ho = k;
+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 {
-  Go as CheckboxItem,
-  Eo as Content,
-  h as DropdownMenu,
-  vo as DropdownMenuArrow,
-  P as DropdownMenuCheckboxItem,
-  C as DropdownMenuContent,
-  N as DropdownMenuGroup,
-  A as DropdownMenuItem,
-  y as DropdownMenuItemIndicator,
-  x as DropdownMenuLabel,
-  I as DropdownMenuPortal,
-  E as DropdownMenuRadioGroup,
-  O as DropdownMenuRadioItem,
-  T as DropdownMenuSeparator,
-  Mo as DropdownMenuSub,
-  k as DropdownMenuSubContent,
-  G as DropdownMenuSubTrigger,
-  b as DropdownMenuTrigger,
-  Oo as Group,
-  To as Item,
-  Ko as ItemIndicator,
-  yo as Label,
-  Po as Portal,
-  ko as RadioGroup,
-  Lo as RadioItem,
-  xo as Root,
-  Uo as Separator,
-  Bo as Sub,
-  Ho as SubContent,
-  Fo as SubTrigger,
-  Ao as Trigger
+  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/index57.js

@@ -1,13 +1,62 @@
-import c 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 r = c("Circle", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-]);
+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);
+}
 export {
-  r as default
+  V as Root,
+  V as Slot,
+  C as createSlot
 };