@drjoshcsimmons/scl 0.1.13 → 0.1.15

package/dist/index51.js

@@ -1,14 +1,127 @@
-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 r = e("Search", [
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
-  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-]);
+import * as l from "react";
+import { createContextScope as w } from "./index76.js";
+import { useComposedRefs as v } from "./index78.js";
+import { createDialogScope as A, Root as M, Portal as x, Trigger as I, Overlay as L, WarningProvider as $, Content as F, Title as G, Description as j, Close as f } from "./index60.js";
+import { composeEventHandlers as W } from "./index79.js";
+import { createSlottable as Y } from "./index101.js";
+import { jsx as i, jsxs as q } from "react/jsx-runtime";
+var D = "AlertDialog", [B] = w(D, [
+  A
+]), n = A(), m = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(M, { ...t, ...r, modal: !0 });
+};
+m.displayName = D;
+var H = "AlertDialogTrigger", y = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(I, { ...a, ...t, ref: o });
+  }
+);
+y.displayName = H;
+var V = "AlertDialogPortal", _ = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(x, { ...t, ...r });
+};
+_.displayName = V;
+var k = "AlertDialogOverlay", N = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(L, { ...a, ...t, ref: o });
+  }
+);
+N.displayName = k;
+var s = "AlertDialogContent", [z, J] = B(s), K = Y("AlertDialogContent"), R = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, children: t, ...a } = e, g = n(r), p = l.useRef(null), b = v(o, p), d = l.useRef(null);
+    return /* @__PURE__ */ i(
+      $,
+      {
+        contentName: s,
+        titleName: C,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
+          F,
+          {
+            role: "alertdialog",
+            ...g,
+            ...a,
+            ref: b,
+            onOpenAutoFocus: W(a.onOpenAutoFocus, (c) => {
+              var u;
+              c.preventDefault(), (u = d.current) == null || u.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (c) => c.preventDefault(),
+            onInteractOutside: (c) => c.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(K, { children: t }),
+              /* @__PURE__ */ i(U, { contentRef: p })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+R.displayName = s;
+var C = "AlertDialogTitle", h = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
+  }
+);
+h.displayName = C;
+var E = "AlertDialogDescription", P = l.forwardRef((e, o) => {
+  const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+  return /* @__PURE__ */ i(j, { ...a, ...t, ref: o });
+});
+P.displayName = E;
+var Q = "AlertDialogAction", S = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(f, { ...a, ...t, ref: o });
+  }
+);
+S.displayName = Q;
+var T = "AlertDialogCancel", O = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = J(T, r), g = n(r), p = v(o, a);
+    return /* @__PURE__ */ i(f, { ...g, ...t, ref: p });
+  }
+);
+O.displayName = T;
+var U = ({ contentRef: e }) => {
+  const o = `\`${s}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${s}\` by passing a \`${E}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${s}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return l.useEffect(() => {
+    var t;
+    document.getElementById(
+      (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby")
+    ) || console.warn(o);
+  }, [o, e]), null;
+}, ae = m, ie = y, le = _, ne = N, se = R, ce = S, pe = O, ge = h, de = P;
 export {
-  r as default
+  ce as Action,
+  m as AlertDialog,
+  S as AlertDialogAction,
+  O as AlertDialogCancel,
+  R as AlertDialogContent,
+  P as AlertDialogDescription,
+  N as AlertDialogOverlay,
+  _ as AlertDialogPortal,
+  h as AlertDialogTitle,
+  y as AlertDialogTrigger,
+  pe as Cancel,
+  se as Content,
+  de as Description,
+  ne as Overlay,
+  le as Portal,
+  ae as Root,
+  ge as Title,
+  ie as Trigger
 };

package/dist/index52.js

@@ -3,9 +3,9 @@ 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 "./index92.js";
-import { useSize as H } from "./index93.js";
-import { Presence as z } from "./index87.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);

package/dist/index53.js

@@ -1,4 +1,4 @@
-import e from "./index121.js";
+import e from "./index120.js";
 /**
  * @license lucide-react v0.460.0 - ISC
  *

package/dist/index54.js

@@ -1,227 +1,120 @@
-import * as u from "react";
-import { composeEventHandlers as m } from "./index79.js";
-import { composeRefs as K } from "./index78.js";
-import { createContextScope as U } from "./index76.js";
-import { useControllableState as g } from "./index80.js";
-import { Primitive as B } from "./index81.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 "./index95.js";
-import { useId as M } from "./index82.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(H, { asChild: !0, ...c, children: /* @__PURE__ */ t(
-      B.button,
+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,
       {
-        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());
-        })
+        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
+          }
+        )
       }
-    ) });
+    );
   }
 );
-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 = u;
+var A = "CollapsibleTrigger", I = o.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: i, ...r } = e, t = g(A, i);
+    return /* @__PURE__ */ c(
+      v.button,
       {
-        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)"
-        }
+        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)
       }
     );
   }
 );
-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 });
+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 }) });
   }
 );
-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 });
-  }
-);
-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,
+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,
     {
-      ...a,
-      ...e,
-      ref: n,
+      "data-state": h(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !b,
+      ...l,
+      ref: C,
       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)"
-      }
+        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
+        "--radix-collapsible-content-width": P ? `${P}px` : void 0,
+        ...e.style
+      },
+      children: b && t
     }
   );
 });
-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;
+function h(e) {
+  return e ? "open" : "closed";
+}
+var X = w, Y = I, Z = O;
 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
+  w as Collapsible,
+  O as CollapsibleContent,
+  I as CollapsibleTrigger,
+  Z as Content,
+  X as Root,
+  Y as Trigger,
+  W as createCollapsibleScope
 };

package/dist/index55.js

@@ -1,13 +1,132 @@
-import c 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 r = c("Circle", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-]);
+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 = _;
 export {
-  r as default
+  Q as Root,
+  R as Switch,
+  _ as SwitchThumb,
+  V as Thumb
 };