@nipsys/shadcn-lsd 0.2.3 → 0.2.5

package/dist/{Input-W8QqFI1v.js → Input-BNaFAHs9.js}

@@ -1,8 +1,8 @@
-import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import * as i from "react";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import * as c from "react";
 import { c as l } from "./utils-DtaLkIY8.js";
-function p(e) {
-  switch (e) {
+function b(s) {
+  switch (s) {
     case "xs":
       return "lsd:text-xs file:lsd:text-xs";
     case "sm":
@@ -17,24 +17,25 @@ function p(e) {
       return "lsd:text-base file:lsd:text-base";
   }
 }
-function g(e) {
-  switch (e) {
+function g(s) {
+  const t = "lsd:py-[var(--lsd-spacing-small)]";
+  switch (s) {
     case "xs":
-      return "lsd:py-1";
+      return "lsd:py-[var(--lsd-spacing-smallest)]";
     case "sm":
-      return "lsd:py-2";
+      return "lsd:py-[var(--lsd-spacing-smaller)]";
     case "md":
-      return "lsd:py-3";
+      return t;
     case "lg":
-      return "lsd:py-4";
+      return "lsd:py-[var(--lsd-spacing-base)]";
     case "xl":
-      return "lsd:py-5";
+      return "lsd:py-[var(--lsd-spacing-large)]";
     default:
-      return "lsd:py-3";
+      return t;
   }
 }
-function y(e) {
-  switch (e) {
+function h(s) {
+  switch (s) {
     case "xs":
       return "lsd:text-xs";
     case "sm":
@@ -49,71 +50,71 @@ function y(e) {
       return "lsd:text-sm";
   }
 }
-const h = i.forwardRef(
+const y = c.forwardRef(
   ({
-    className: e,
-    variant: c = "underlined",
-    size: t = "md",
-    label: d,
-    supportingText: r,
-    error: a,
+    className: s,
+    variant: t = "underlined",
+    size: d = "md",
+    label: r,
+    supportingText: a,
+    error: n,
     id: x,
     type: o,
     ...u
-  }, f) => {
-    const m = i.useId(), n = x || m;
-    return /* @__PURE__ */ b("div", { className: l("lsd:flex lsd:flex-col lsd:box-border", e), children: [
-      d && /* @__PURE__ */ s(
+  }, m) => {
+    const f = c.useId(), i = x || f;
+    return /* @__PURE__ */ p("div", { className: l("lsd:flex lsd:flex-col lsd:box-border", s), children: [
+      r && /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: n,
-          className: l("lsd:font-medium", y(t)),
-          children: d
+          htmlFor: i,
+          className: l("lsd:font-medium", h(d)),
+          children: r
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ e(
         "div",
         {
           className: l(
             "lsd:flex lsd:items-center lsd:justify-between",
-            c === "outlined" ? "lsd:border lsd:border-lsd-border" : "lsd:border lsd:border-transparent lsd:border-b-lsd-border",
-            a && "lsd:border-lsd-destructive"
+            t === "outlined" ? "lsd:border lsd:border-lsd-border" : "lsd:border lsd:border-transparent lsd:border-b-lsd-border",
+            n && "lsd:border-lsd-destructive"
           ),
-          children: /* @__PURE__ */ s(
+          children: /* @__PURE__ */ e(
             "input",
             {
-              ref: f,
+              ref: m,
               type: o,
-              id: n,
+              id: i,
               className: l(
                 "file:lsd:text-lsd-text-primary placeholder:lsd:text-lsd-text-primary placeholder:lsd:opacity-30 selection:lsd:bg-lsd-primary selection:lsd:text-lsd-surface lsd:border-none lsd:outline-none lsd:bg-transparent lsd:text-lsd-text-primary lsd:w-full lsd:h-full file:lsd:inline-flex file:lsd:h-7 file:lsd:border-0 file:lsd:bg-transparent file:lsd:font-medium lsd:disabled:pointer-events-none lsd:disabled:cursor-not-allowed lsd:disabled:opacity-34",
-                "focus-visible:lsd:outline-none lsd:px-4",
-                p(t),
-                g(t)
+                "focus-visible:lsd:outline-none lsd:px-(--lsd-spacing-base)",
+                b(d),
+                g(d)
               ),
               ...u
             }
           )
         }
       ),
-      r && /* @__PURE__ */ s("div", { className: "lsd:pt-1.5 lsd:w-fit", children: /* @__PURE__ */ s(
+      a && /* @__PURE__ */ e("div", { className: "lsd:pt-(--lsd-spacing-smaller) lsd:w-fit", children: /* @__PURE__ */ e(
         "p",
         {
           className: l(
             "lsd:text-sm",
-            t === "lg" ? "lsd:text-base" : "lsd:text-sm",
-            a && "lsd:text-lsd-destructive"
+            d === "lg" ? "lsd:text-base" : "lsd:text-sm",
+            n && "lsd:text-lsd-destructive"
           ),
-          children: r
+          children: a
         }
       ) })
     ] });
   }
 );
-h.displayName = "Input";
+y.displayName = "Input";
 export {
-  h as I,
-  p as a,
+  y as I,
+  b as a,
   g as b,
-  y as g
+  h as g
 };

package/dist/{Label-BEM-ZJXI.js → Label-CjkQmoNz.js}

@@ -3,20 +3,20 @@ import * as d from "react";
 import { P as o } from "./index-CDPBTubN.js";
 import { c as i } from "./utils-DtaLkIY8.js";
 import { c as n } from "./index-D69Iqk5J.js";
-var m = "Label", s = d.forwardRef((t, a) => /* @__PURE__ */ l(
+var m = "Label", s = d.forwardRef((a, t) => /* @__PURE__ */ l(
   o.label,
   {
-    ...t,
-    ref: a,
+    ...a,
+    ref: t,
     onMouseDown: (e) => {
-      e.target.closest("button, input, select, textarea") || (t.onMouseDown?.(e), !e.defaultPrevented && e.detail > 1 && e.preventDefault());
+      e.target.closest("button, input, select, textarea") || (a.onMouseDown?.(e), !e.defaultPrevented && e.detail > 1 && e.preventDefault());
     }
   }
 ));
 s.displayName = m;
 var c = s;
 const u = n(
-  "lsd:flex lsd:items-center lsd:gap-2 lsd:select-none lsd:group-data-[disabled=true]:pointer-events-none lsd:group-data-[disabled=true]:opacity-50 lsd:peer-disabled:cursor-not-allowed lsd:peer-disabled:opacity-50",
+  "lsd:flex lsd:items-center lsd:gap-[var(--lsd-spacing-smaller)] lsd:select-none lsd:group-data-[disabled=true]:pointer-events-none lsd:group-data-[disabled=true]:opacity-50 lsd:peer-disabled:cursor-not-allowed lsd:peer-disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -35,17 +35,17 @@ const u = n(
     }
   }
 );
-function g({ className: t, variant: a, size: e, ...r }) {
+function x({ className: a, variant: t, size: e, ...r }) {
   return /* @__PURE__ */ l(
     c,
     {
       "data-slot": "label",
-      className: i(u({ variant: a, size: e }), t),
+      className: i(u({ variant: t, size: e }), a),
       ...r
     }
   );
 }
 export {
-  g as L,
+  x as L,
   u as l
 };

package/dist/{ScrollBar-CyKMm83e.js → ScrollBar-Cuog8lP4.js}

@@ -19,7 +19,7 @@ var V = "ScrollArea", [j] = ae(V), [he, p] = j(V), q = c.forwardRef(
       dir: o,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [a, i] = c.useState(null), [f, d] = c.useState(null), [b, u] = c.useState(null), [S, w] = c.useState(null), [x, M] = c.useState(null), [P, _] = c.useState(0), [U, D] = c.useState(0), [W, y] = c.useState(!1), [H, N] = c.useState(!1), m = A(t, (E) => i(E)), v = ie(o);
+    } = e, [a, i] = c.useState(null), [f, d] = c.useState(null), [b, u] = c.useState(null), [m, w] = c.useState(null), [x, M] = c.useState(null), [P, _] = c.useState(0), [U, D] = c.useState(0), [W, y] = c.useState(!1), [H, N] = c.useState(!1), S = A(t, (E) => i(E)), v = ie(o);
     return /* @__PURE__ */ h(
       he,
       {
@@ -32,7 +32,7 @@ var V = "ScrollArea", [j] = ae(V), [he, p] = j(V), q = c.forwardRef(
         onViewportChange: d,
         content: b,
         onContentChange: u,
-        scrollbarX: S,
+        scrollbarX: m,
         onScrollbarXChange: w,
         scrollbarXEnabled: W,
         onScrollbarXEnabledChange: y,
@@ -47,7 +47,7 @@ var V = "ScrollArea", [j] = ae(V), [he, p] = j(V), q = c.forwardRef(
           {
             dir: v,
             ...s,
-            ref: m,
+            ref: S,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -109,7 +109,7 @@ var g = "ScrollAreaScrollbar", J = c.forwardRef(
     const { forceMount: r, ...l } = e, o = p(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = o, a = e.orientation === "horizontal";
     return c.useEffect(() => (a ? n(!0) : s(!0), () => {
       a ? n(!1) : s(!1);
-    }), [a, n, s]), o.type === "hover" ? /* @__PURE__ */ h(be, { ...l, ref: t, forceMount: r }) : o.type === "scroll" ? /* @__PURE__ */ h(Se, { ...l, ref: t, forceMount: r }) : o.type === "auto" ? /* @__PURE__ */ h(K, { ...l, ref: t, forceMount: r }) : o.type === "always" ? /* @__PURE__ */ h(B, { ...l, ref: t }) : null;
+    }), [a, n, s]), o.type === "hover" ? /* @__PURE__ */ h(be, { ...l, ref: t, forceMount: r }) : o.type === "scroll" ? /* @__PURE__ */ h(me, { ...l, ref: t, forceMount: r }) : o.type === "auto" ? /* @__PURE__ */ h(K, { ...l, ref: t, forceMount: r }) : o.type === "always" ? /* @__PURE__ */ h(B, { ...l, ref: t }) : null;
   }
 );
 J.displayName = g;
@@ -136,7 +136,7 @@ var be = c.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), Se = c.forwardRef((e, t) => {
+}), me = c.forwardRef((e, t) => {
   const { forceMount: r, ...l } = e, o = p(g, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Y(() => i("SCROLL_END"), 100), [a, i] = fe("hidden", {
     hidden: {
       SCROLL: "scrolling"
@@ -165,8 +165,8 @@ var be = c.forwardRef((e, t) => {
     if (f) {
       let b = f[d];
       const u = () => {
-        const S = f[d];
-        b !== S && (i("SCROLL"), s()), b = S;
+        const m = f[d];
+        b !== m && (i("SCROLL"), s()), b = m;
       };
       return f.addEventListener("scroll", u), () => f.removeEventListener("scroll", u);
     }
@@ -209,18 +209,18 @@ var be = c.forwardRef((e, t) => {
     onThumbPointerUp: () => s.current = 0,
     onThumbPointerDown: (u) => s.current = u
   };
-  function b(u, S) {
-    return Pe(u, s.current, a, S);
+  function b(u, m) {
+    return Pe(u, s.current, a, m);
   }
   return r === "horizontal" ? /* @__PURE__ */ h(
-    me,
+    Se,
     {
       ...d,
       ref: t,
       onThumbPositionChange: () => {
         if (o.viewport && n.current) {
-          const u = o.viewport.scrollLeft, S = F(u, a, o.dir);
-          n.current.style.transform = `translate3d(${S}px, 0, 0)`;
+          const u = o.viewport.scrollLeft, m = F(u, a, o.dir);
+          n.current.style.transform = `translate3d(${m}px, 0, 0)`;
         }
       },
       onWheelScroll: (u) => {
@@ -237,8 +237,8 @@ var be = c.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (o.viewport && n.current) {
-          const u = o.viewport.scrollTop, S = F(u, a);
-          n.current.style.transform = `translate3d(0, ${S}px, 0)`;
+          const u = o.viewport.scrollTop, m = F(u, a);
+          n.current.style.transform = `translate3d(0, ${m}px, 0)`;
         }
       },
       onWheelScroll: (u) => {
@@ -249,7 +249,7 @@ var be = c.forwardRef((e, t) => {
       }
     }
   ) : null;
-}), me = c.forwardRef((e, t) => {
+}), Se = c.forwardRef((e, t) => {
   const { sizes: r, onSizesChange: l, ...o } = e, n = p(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), f = A(t, i, n.onScrollbarXChange);
   return c.useEffect(() => {
     i.current && a(getComputedStyle(i.current));
@@ -341,20 +341,20 @@ var be = c.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: b,
     ...u
-  } = e, S = p(g, r), [w, x] = c.useState(null), M = A(t, (m) => x(m)), P = c.useRef(null), _ = c.useRef(""), U = S.viewport, D = l.content - l.viewport, W = C(d), y = C(i), H = Y(b, 10);
-  function N(m) {
+  } = e, m = p(g, r), [w, x] = c.useState(null), M = A(t, (S) => x(S)), P = c.useRef(null), _ = c.useRef(""), U = m.viewport, D = l.content - l.viewport, W = C(d), y = C(i), H = Y(b, 10);
+  function N(S) {
     if (P.current) {
-      const v = m.clientX - P.current.left, E = m.clientY - P.current.top;
+      const v = S.clientX - P.current.left, E = S.clientY - P.current.top;
       f({ x: v, y: E });
     }
   }
   return c.useEffect(() => {
-    const m = (v) => {
+    const S = (v) => {
       const E = v.target;
       w?.contains(E) && W(v, D);
     };
-    return document.addEventListener("wheel", m, { passive: !1 }), () => document.removeEventListener("wheel", m, { passive: !1 });
-  }, [U, w, D, W]), c.useEffect(y, [l, y]), T(w, H), T(S.content, H), /* @__PURE__ */ h(
+    return document.addEventListener("wheel", S, { passive: !1 }), () => document.removeEventListener("wheel", S, { passive: !1 });
+  }, [U, w, D, W]), c.useEffect(y, [l, y]), T(w, H), T(m.content, H), /* @__PURE__ */ h(
     ve,
     {
       scope: r,
@@ -370,13 +370,13 @@ var be = c.forwardRef((e, t) => {
           ...u,
           ref: M,
           style: { position: "absolute", ...u.style },
-          onPointerDown: R(e.onPointerDown, (m) => {
-            m.button === 0 && (m.target.setPointerCapture(m.pointerId), P.current = w.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", S.viewport && (S.viewport.style.scrollBehavior = "auto"), N(m));
+          onPointerDown: R(e.onPointerDown, (S) => {
+            S.button === 0 && (S.target.setPointerCapture(S.pointerId), P.current = w.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), N(S));
           }),
           onPointerMove: R(e.onPointerMove, N),
-          onPointerUp: R(e.onPointerUp, (m) => {
-            const v = m.target;
-            v.hasPointerCapture(m.pointerId) && v.releasePointerCapture(m.pointerId), document.body.style.webkitUserSelect = _.current, S.viewport && (S.viewport.style.scrollBehavior = ""), P.current = null;
+          onPointerUp: R(e.onPointerUp, (S) => {
+            const v = S.target;
+            v.hasPointerCapture(S.pointerId) && v.releasePointerCapture(S.pointerId), document.body.style.webkitUserSelect = _.current, m.viewport && (m.viewport.style.scrollBehavior = ""), P.current = null;
           })
         }
       )
@@ -400,8 +400,8 @@ var be = c.forwardRef((e, t) => {
       if (b) {
         const u = () => {
           if (d(), !f.current) {
-            const S = Ce(b, a);
-            f.current = S, a();
+            const m = Ce(b, a);
+            f.current = m, a();
           }
         };
         return a(), b.addEventListener("scroll", u), () => b.removeEventListener("scroll", u);
@@ -418,7 +418,7 @@ var be = c.forwardRef((e, t) => {
           ...l
         },
         onPointerDownCapture: R(e.onPointerDownCapture, (b) => {
-          const S = b.target.getBoundingClientRect(), w = b.clientX - S.left, x = b.clientY - S.top;
+          const m = b.target.getBoundingClientRect(), w = b.clientX - m.left, x = b.clientY - m.top;
           s.onThumbPointerDown({ x: w, y: x });
         }),
         onPointerUp: R(e.onPointerUp, s.onThumbPointerUp)
@@ -529,8 +529,8 @@ function Oe({
       orientation: t,
       className: ue(
         "lsd:flex lsd:touch-none lsd:p-px lsd:transition-colors lsd:select-none",
-        t === "vertical" && "lsd:h-full lsd:w-2.5 lsd:border-l lsd:border-l-transparent",
-        t === "horizontal" && "lsd:h-2.5 lsd:flex-col lsd:border-t lsd:border-t-transparent",
+        t === "vertical" && "lsd:h-full lsd:w-(--lsd-spacing-small) lsd:border-l lsd:border-l-transparent",
+        t === "horizontal" && "lsd:h-(--lsd-spacing-small) lsd:flex-col lsd:border-t lsd:border-t-transparent",
         e
       ),
       ...r,

package/dist/SidebarContext-CNUkvXwD.js

@@ -0,0 +1,107 @@
+import { jsx as u } from "react/jsx-runtime";
+import * as s from "react";
+import { c as E } from "./utils-DtaLkIY8.js";
+import { TooltipProvider as I } from "./components/ui/tooltip/TooltipProvider.js";
+import { c as y } from "./index-D69Iqk5J.js";
+const b = 768;
+function D() {
+  const [a, r] = s.useState(
+    void 0
+  );
+  return s.useEffect(() => {
+    const d = window.matchMedia(`(max-width: ${b - 1}px)`), i = () => {
+      r(window.innerWidth < b);
+    };
+    return d.addEventListener("change", i), r(window.innerWidth < b), () => d.removeEventListener("change", i);
+  }, []), !!a;
+}
+const k = "16rem", T = "18rem", A = "3rem", M = "b", L = y(
+  "peer/menu-button lsd:flex lsd:w-full lsd:items-center lsd:gap-(--lsd-spacing-smaller) lsd:overflow-hidden lsd:rounded-md lsd:p-(--lsd-spacing-smaller) lsd:text-left lsd:text-sm lsd:outline-hidden ring-sidebar-ring lsd:transition-[width,height,padding] lsd:hover:bg-sidebar-accent lsd:hover:text-sidebar-accent-foreground lsd:focus-visible:ring-2 lsd:active:bg-sidebar-accent lsd:active:text-sidebar-accent-foreground lsd:disabled:pointer-events-none lsd:disabled:opacity-50 lsd:group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-lsd:disabled:pointer-events-none aria-lsd:disabled:opacity-50 lsd:data-[active=true]:bg-sidebar-accent lsd:data-[active=true]:font-medium lsd:data-[active=true]:text-sidebar-accent-foreground lsd:data-[state=open]:hover:bg-sidebar-accent lsd:data-[state=open]:hover:text-sidebar-accent-foreground lsd:group-data-[collapsible=icon]:size-8! lsd:group-data-[collapsible=icon]:p-(--lsd-spacing-smaller)! lsd:[&>span:last-child]:truncate lsd:[&>svg]:size-(--lsd-spacing-base) lsd:[&>svg]:shrink-0 lsd:hover:underline lsd:focus:underline",
+  {
+    variants: {
+      variant: {
+        default: "lsd:hover:bg-sidebar-accent lsd:hover:text-sidebar-accent-foreground",
+        outline: "lsd:bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] lsd:hover:bg-sidebar-accent lsd:hover:text-sidebar-accent-foreground lsd:hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "lsd:h-8 lsd:text-sm",
+        sm: "lsd:h-(--lsd-spacing-largest) lsd:text-xs",
+        lg: "lsd:h-12 lsd:text-sm lsd:group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), m = s.createContext(
+  null
+);
+function K() {
+  const a = s.useContext(m);
+  if (!a)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return a;
+}
+function W({
+  defaultOpen: a = !0,
+  open: r,
+  onOpenChange: d,
+  className: i,
+  style: f,
+  children: v,
+  ...w
+}) {
+  const o = D(), [p, h] = s.useState(!1), [x, _] = s.useState(a), n = r ?? x, l = s.useCallback(
+    (e) => {
+      const t = typeof e == "function" ? e(n) : e;
+      d ? d(t) : _(t);
+    },
+    [d, n]
+  ), c = s.useCallback(() => o ? h((e) => !e) : l((e) => !e), [o, l]);
+  s.useEffect(() => {
+    const e = (t) => {
+      t.key === M && (t.metaKey || t.ctrlKey) && (t.preventDefault(), c());
+    };
+    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+  }, [c]);
+  const g = n ? "expanded" : "collapsed", S = s.useMemo(
+    () => ({
+      state: g,
+      open: n,
+      setOpen: l,
+      isMobile: o,
+      openMobile: p,
+      setOpenMobile: h,
+      toggleSidebar: c
+    }),
+    [g, n, l, o, p, c]
+  );
+  return /* @__PURE__ */ u(m.Provider, { value: S, children: /* @__PURE__ */ u(I, { delayDuration: 0, children: /* @__PURE__ */ u(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": "16rem",
+        "--sidebar-width-icon": "3rem",
+        ...f
+      },
+      className: E(
+        "lsd:group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar lsd:flex lsd:min-h-svh lsd:w-full",
+        i
+      ),
+      ...w,
+      children: v
+    }
+  ) }) });
+}
+export {
+  M as S,
+  k as a,
+  A as b,
+  T as c,
+  W as d,
+  m as e,
+  L as s,
+  K as u
+};

package/dist/Toggle-DZIHuZXk.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { R as e } from "./index-yX7K5Wk9.js";
+import * as t from "react";
+import { c as i } from "./utils-DtaLkIY8.js";
+import { c as o } from "./index-D69Iqk5J.js";
+const n = o(
+  "lsd:inline-flex lsd:items-center lsd:justify-center lsd:border lsd:transition-colors lsd:bg-transparent lsd:text-lsd-text-primary lsd:border-lsd-border lsd:hover:underline lsd:cursor-pointer lsd:disabled:opacity-34 lsd:disabled:cursor-not-allowed lsd:disabled:no-underline lsd:data-[state=on]:bg-lsd-primary lsd:data-[state=on]:text-lsd-surface",
+  {
+    variants: {
+      size: {
+        sm: "lsd:h-8 lsd:min-w-8 lsd:px-[var(--lsd-spacing-smaller)] lsd:py-[var(--lsd-spacing-smaller)] lsd:text-[0.75rem]",
+        md: "lsd:h-10 lsd:min-w-10 lsd:px-[var(--lsd-spacing-small)] lsd:py-[var(--lsd-spacing-smaller)]",
+        lg: "lsd:h-12 lsd:min-w-12 lsd:px-[var(--lsd-spacing-base)] lsd:py-[var(--lsd-spacing-small)] lsd:text-[0.875rem]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), m = t.forwardRef(
+  ({ className: s, size: l, ...d }, a) => /* @__PURE__ */ r(
+    e,
+    {
+      ref: a,
+      className: i(n({ size: l }), s),
+      ...d
+    }
+  )
+);
+m.displayName = "Toggle";
+export {
+  m as T,
+  n as t
+};