@drjoshcsimmons/scl 0.1.15 → 0.2.2

package/dist/index54.js

@@ -1,120 +1,227 @@
-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,
+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 "./index81.js";
+import { Primitive as B } from "./index82.js";
+import { createMenuScope as D, Root as F, Group as H, Portal as W, RadioGroup as $, Sub as j, Anchor as X, CheckboxItem as q, ItemIndicator as z, Content as J, Item as Q, Label as V, RadioItem as Y, Separator as Z, SubContent as oo, SubTrigger as eo, Arrow as ro } from "./index102.js";
+import { useId as M } from "./index83.js";
+import { jsx as t } from "react/jsx-runtime";
+var f = "DropdownMenu", [no] = U(
+  f,
+  [D]
+), i = D(), [ao, _] = no(f), h = (o) => {
+  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,
+    {
+      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 })
+    }
+  );
+};
+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(X, { asChild: !0, ...c, children: /* @__PURE__ */ t(
+      B.button,
       {
-        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
-          }
-        )
+        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());
+        }),
+        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());
+        })
       }
-    );
+    ) });
   }
 );
-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,
+b.displayName = R;
+var to = "DropdownMenuPortal", I = (o) => {
+  const { __scopeDropdownMenu: n, ...r } = o, e = i(n);
+  return /* @__PURE__ */ t(W, { ...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(
+      J,
       {
-        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)
+        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)"
+        }
       }
     );
   }
 );
-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 }) });
+C.displayName = S;
+var po = "DropdownMenuGroup", N = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(H, { ...a, ...e, ref: n });
   }
 );
-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,
+N.displayName = po;
+var uo = "DropdownMenuLabel", x = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(V, { ...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(Q, { ...a, ...e, ref: n });
+  }
+);
+A.displayName = io;
+var so = "DropdownMenuCheckboxItem", P = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(q, { ...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($, { ...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(Y, { ...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(z, { ...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 });
+  }
+);
+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,
     {
-      "data-state": h(s.open),
-      "data-disabled": s.disabled ? "" : void 0,
-      id: s.contentId,
-      hidden: !b,
-      ...l,
-      ref: C,
+      ...a,
+      ...e,
+      ref: n,
       style: {
-        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
-        "--radix-collapsible-content-width": P ? `${P}px` : void 0,
-        ...e.style
-      },
-      children: b && t
+        ...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)"
+      }
     }
   );
 });
-function h(e) {
-  return e ? "open" : "closed";
-}
-var X = w, Y = I, Z = O;
+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;
 export {
-  w as Collapsible,
-  O as CollapsibleContent,
-  I as CollapsibleTrigger,
-  Z as Content,
-  X as Root,
-  Y as Trigger,
-  W as createCollapsibleScope
+  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
 };

package/dist/index55.js

@@ -1,132 +1,11 @@
-import * as r from "react";
-import { composeEventHandlers as T } from "./index79.js";
-import { useComposedRefs as P } from "./index78.js";
-import { createContextScope as I } from "./index76.js";
-import { useControllableState as M } from "./index80.js";
-import { usePrevious as H } from "./index99.js";
-import { useSize as j } from "./index100.js";
-import { Primitive as y } from "./index81.js";
-import { jsxs as A, jsx as m } from "react/jsx-runtime";
-var h = "Switch", [U] = I(h), [q, z] = U(h), R = r.forwardRef(
-  (t, a) => {
-    const {
-      __scopeSwitch: e,
-      name: c,
-      checked: o,
-      defaultChecked: v,
-      required: i,
-      disabled: n,
-      value: p = "on",
-      onCheckedChange: w,
-      form: s,
-      ...S
-    } = t, [d, u] = r.useState(null), b = P(a, (f) => u(f)), C = r.useRef(!1), k = d ? s || !!d.closest("form") : !0, [l, B] = M({
-      prop: o,
-      defaultProp: v ?? !1,
-      onChange: w,
-      caller: h
-    });
-    return /* @__PURE__ */ A(q, { scope: e, checked: l, disabled: n, children: [
-      /* @__PURE__ */ m(
-        y.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": l,
-          "aria-required": i,
-          "data-state": g(l),
-          "data-disabled": n ? "" : void 0,
-          disabled: n,
-          value: p,
-          ...S,
-          ref: b,
-          onClick: T(t.onClick, (f) => {
-            B((N) => !N), k && (C.current = f.isPropagationStopped(), C.current || f.stopPropagation());
-          })
-        }
-      ),
-      k && /* @__PURE__ */ m(
-        x,
-        {
-          control: d,
-          bubbles: !C.current,
-          name: c,
-          value: p,
-          checked: l,
-          required: i,
-          disabled: n,
-          form: s,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-R.displayName = h;
-var E = "SwitchThumb", _ = r.forwardRef(
-  (t, a) => {
-    const { __scopeSwitch: e, ...c } = t, o = z(E, e);
-    return /* @__PURE__ */ m(
-      y.span,
-      {
-        "data-state": g(o.checked),
-        "data-disabled": o.disabled ? "" : void 0,
-        ...c,
-        ref: a
-      }
-    );
-  }
-);
-_.displayName = E;
-var L = "SwitchBubbleInput", x = r.forwardRef(
-  ({
-    __scopeSwitch: t,
-    control: a,
-    checked: e,
-    bubbles: c = !0,
-    ...o
-  }, v) => {
-    const i = r.useRef(null), n = P(i, v), p = H(e), w = j(a);
-    return r.useEffect(() => {
-      const s = i.current;
-      if (!s) return;
-      const S = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(
-        S,
-        "checked"
-      ).set;
-      if (p !== e && u) {
-        const b = new Event("click", { bubbles: c });
-        u.call(s, e), s.dispatchEvent(b);
-      }
-    }, [p, e, c]), /* @__PURE__ */ m(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: e,
-        ...o,
-        tabIndex: -1,
-        ref: n,
-        style: {
-          ...o.style,
-          ...w,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-x.displayName = L;
-function g(t) {
-  return t ? "checked" : "unchecked";
-}
-var Q = R, V = _;
+import e from "./index121.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 {
-  Q as Root,
-  R as Switch,
-  _ as SwitchThumb,
-  V as Thumb
+  t as default
 };