mada-design-system 0.2.2 → 0.2.4

package/index.es54.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-radio-group";
 import * as t from "react";
-import { cva as p } from "./index.es107.js";
+import { cva as p } from "./index.es100.js";
 import { cn as s } from "./index.es79.js";
-import m from "./index.es131.js";
+import m from "./index.es125.js";
 const h = p(
   "flex aspect-square h-space-05 w-space-05 rounded-full enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect focus:ring-2 focus:ring-border-black focus:ring-offset-2 disabled:cursor-not-allowed disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled",
   {

package/index.es56.js

@@ -4,9 +4,9 @@ import { debounce as w, cn as v } from "./index.es79.js";
 import { strings as R } from "./index.es91.js";
 import { Button as j } from "./index.es22.js";
 import { Input as z } from "./index.es35.js";
-import d from "./index.es127.js";
+import d from "./index.es121.js";
 import { Stack as A } from "./index.es40.js";
-import D from "./index.es110.js";
+import D from "./index.es103.js";
 const E = y.forwardRef(
   ({ placeholder: f = "Search...", value: a = "", type: e, validationMessage: c, onSearch: n, disabled: h = !1, debounceTime: u = 600, className: x = "", ...N }, b) => {
     const [o, s] = B(a), l = g();

package/index.es57.js

@@ -1,18 +1,18 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import * as d from "react";
 import * as e from "@radix-ui/react-select";
-import { cva as u } from "./index.es107.js";
+import { cva as u } from "./index.es100.js";
 import { cn as s } from "./index.es79.js";
-import b from "./index.es103.js";
-import h from "./index.es158.js";
-import x from "./index.es133.js";
-import g from "./index.es156.js";
+import b from "./index.es95.js";
+import h from "./index.es154.js";
+import x from "./index.es127.js";
+import g from "./index.es152.js";
 const w = u(
   ` placeholder:text-form-field-text-placeholder data-[placeholder]:text-form-field-text-placeholder  text-form-field-text-filled after:bg-form-field-border-pressed group relative
-    flex w-full items-center justify-between gap-space-01 whitespace-nowrap overflow-hidden min-w-fit
+    flex w-full items-center justify-between gap-space-01 whitespace-nowrap overflow-hidden
     aria-[invalid=true]:border-form-field-border-error  data-[state=open]:aria-[invalid=true]:after:bg-form-field-border-error
     ps-space-03 pe-space-02  after:absolute after:bottom-0 after:start-1/2 after:h-[2px]  focus-visible:after:w-full focus:outline-none focus:shadow-md
-    after:w-0 after:transition-all after:ease-in-out data-[state=open]:after:w-full  disabled:cursor-not-allowed disabled:border-border-disabled disabled:text-disabled-text-default-disabled ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&>span]:line-clamp-1
+    after:w-0 after:transition-all after:ease-in-out data-[state=open]:after:w-full  disabled:cursor-not-allowed disabled:border-border-disabled disabled:text-disabled-text-default-disabled ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&>span]:truncate
     `,
   {
     variants: {

package/index.es59.js

@@ -1,27 +1,28 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
-import { cva as v } from "./index.es107.js";
-import i, { useEffect as w } from "react";
-import { clsx as C } from "./index.es95.js";
-import { useMediaQuery as S } from "./index.es105.js";
-import { create as F } from "./index.es100.js";
+import { cva as v } from "./index.es100.js";
+import d, { useEffect as w } from "react";
+import { clsx as C } from "./index.es97.js";
+import { useMediaQuery as S } from "./index.es98.js";
+import { create as F } from "./index.es155.js";
 import { cn as r } from "./index.es79.js";
-import z from "./index.es80.js";
-import { Button as h } from "./index.es22.js";
-import R from "./index.es159.js";
-import k from "./index.es160.js";
-import I from "./index.es110.js";
+import R from "./index.es80.js";
+import { ShouldRender as z } from "./index.es14.js";
+import { Button as b } from "./index.es22.js";
+import k from "./index.es156.js";
+import I from "./index.es157.js";
+import T from "./index.es103.js";
 const n = F((a) => ({
   isCenter: !1,
   isFooterUsed: !1,
   setIsCenter: (e) => a((t) => ({ isCenter: e ?? !t.isCenter })),
   setIsFooterUsed: (e) => a(() => ({ isFooterUsed: e }))
-})), X = o.Root, Y = o.Trigger, T = o.Close, D = o.Portal, b = i.forwardRef(
+})), Z = o.Root, ee = o.Trigger, D = o.Close, U = o.Portal, x = d.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ s(
     o.Overlay,
     {
       className: r(
-        "fixed inset-0 z-50 bg-background-overlay  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "fixed inset-0 z-50 bg-background-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         a
       ),
       ...e,
@@ -29,9 +30,9 @@ const n = F((a) => ({
     }
   )
 );
-b.displayName = o.Overlay.displayName;
-const U = v(
-  "flex flex-col data-[side=bottom]:max-md:h-[93%] sm:max-w-[60rem] md:rounded-tl-none md:rounded-tr-none fixed z-50 bg-background overflow-y-auto p-space-00 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+x.displayName = o.Overlay.displayName;
+const O = v(
+  "flex flex-col data-[side=bottom]:max-md:h-[93%] sm:max-w-[60rem] md:rounded-tl-none md:rounded-tr-none fixed z-50 bg-background-secondary overflow-y-auto p-space-00 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -46,11 +47,11 @@ const U = v(
       side: "right"
     }
   }
-), O = i.forwardRef(
-  ({ className: a, side: e, ignoreInteractOutside: t = !1, hideOverlay: l = !1, overlayClassName: c, children: d, ...x }, y) => {
-    const g = z((m) => m.isActive), p = S("(min-width: 600px)"), { isCenter: u, setIsCenter: N } = n();
-    return /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(
-      b,
+), _ = d.forwardRef(
+  ({ className: a, side: e, ignoreInteractOutside: t = !1, hideOverlay: l = !1, overlayClassName: c, children: m, ...i }, y) => {
+    const g = R((f) => f.isActive), u = S("(min-width: 600px)"), { isCenter: h, setIsCenter: N } = n();
+    return /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(
+      x,
       {
         className: C(c, {
           "bg-transparent": l
@@ -59,60 +60,60 @@ const U = v(
           o.Content,
           {
             "aria-describedby": void 0,
-            onInteractOutside: (m) => t && m.preventDefault(),
+            onInteractOutside: (f) => t && f.preventDefault(),
             onCloseAutoFocus: () => N(!1),
             ref: y,
             className: r(
-              U({ side: e || (p ? u ? "center" : "left" : "bottom") }),
+              O({ side: e || (u ? h ? "center" : "left" : "bottom") }),
               { grayscale: g },
               a
             ),
-            "data-side": e || (p ? u ? "center" : "left" : "bottom"),
-            ...x,
-            children: d
+            "data-side": e || (u ? h ? "center" : "left" : "bottom"),
+            ...i,
+            children: m
           }
         )
       }
     ) });
   }
 );
-O.displayName = o.Content.displayName;
-const _ = ({ className: a, title: e, children: t, ...l }) => {
-  const { setIsCenter: c, isCenter: d } = n();
-  return /* @__PURE__ */ f("div", { className: r("flex flex-row items-center gap-space-02 px-space-05 py-space-04", a), ...l, children: [
-    t,
+_.displayName = o.Content.displayName;
+const j = ({ className: a, title: e, hideCenter: t, children: l, ...c }) => {
+  const { setIsCenter: m, isCenter: i } = n();
+  return /* @__PURE__ */ p("div", { className: r("flex flex-row items-center gap-space-02 px-space-05 py-space-04", a), ...c, children: [
+    l,
     /* @__PURE__ */ s("h1", { className: "text-body-01 font-semibold", children: e }),
-    /* @__PURE__ */ f("div", { className: "ms-auto flex items-center gap-space-01 ", children: [
-      /* @__PURE__ */ f(h, { variant: "text", colors: "neutral", size: "icon-sm", onClick: () => c(), className: "hidden sm:inline-flex", children: [
-        !d && /* @__PURE__ */ s(R, { size: 20, className: "-scale-100" }),
-        d && /* @__PURE__ */ s(k, { size: 20 })
-      ] }),
-      /* @__PURE__ */ s(T, { className: "p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ s(h, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ s(I, { className: "size-[20px]" }) }) })
+    /* @__PURE__ */ p("div", { className: "ms-auto flex items-center gap-space-01", children: [
+      /* @__PURE__ */ s(z, { shouldRender: !t, children: /* @__PURE__ */ p(b, { variant: "text", colors: "neutral", size: "icon-sm", onClick: () => m(), className: "hidden sm:inline-flex", children: [
+        !i && /* @__PURE__ */ s(k, { size: 20, className: "-scale-100" }),
+        i && /* @__PURE__ */ s(I, { size: 20 })
+      ] }) }),
+      /* @__PURE__ */ s(D, { className: "p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ s(b, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ s(T, { className: "size-[20px]" }) }) })
     ] })
   ] });
 };
-_.displayName = "SheetHeader";
-const j = ({ className: a, ...e }) => {
+j.displayName = "SheetHeader";
+const A = ({ className: a, ...e }) => {
   const { setIsFooterUsed: t } = n();
   return w(() => (t(!0), () => t(!1)), [t]), /* @__PURE__ */ s(
     "div",
     {
       className: r(
-        "absolute bottom-0 left-0 z-20 mt-auto flex w-full flex-col-reverse bg-background p-space-04 sm:flex-row sm:justify-end sm:space-x-2 sm:p-space-05",
+        "absolute bottom-0 left-0 z-20 mt-auto flex w-full flex-col-reverse bg-background-secondary p-space-04 sm:flex-row sm:justify-end sm:space-x-2 sm:p-space-05",
         a
       ),
       ...e
     }
   );
 };
-j.displayName = "SheetFooter";
-const A = i.forwardRef(
+A.displayName = "SheetFooter";
+const B = d.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ s(o.Title, { ref: t, className: r("text-body-01 font-semibold", a), ...e })
 );
-A.displayName = o.Title.displayName;
-const B = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ s(o.Description, { ref: t, className: r("text-sm text-muted-foreground", a), ...e }));
-B.displayName = o.Description.displayName;
-const P = i.forwardRef(({ className: a, ...e }, t) => {
+B.displayName = o.Title.displayName;
+const P = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ s(o.Description, { ref: t, className: r("text-sm text-muted-foreground", a), ...e }));
+P.displayName = o.Description.displayName;
+const V = d.forwardRef(({ className: a, ...e }, t) => {
   const { isFooterUsed: l } = n();
   return /* @__PURE__ */ s(
     "div",
@@ -120,24 +121,24 @@ const P = i.forwardRef(({ className: a, ...e }, t) => {
       ref: t,
       className: r(
         "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border",
-        `${l ? "mb-space-11" : ""} h-full overflow-auto rounded-4 bg-card p-space-05 text-foreground`,
+        `${l ? "mb-space-11" : ""} h-full overflow-auto rounded-4 border border-border-neutral-secondary bg-card p-space-05 text-foreground`,
         a
       ),
       ...e
     }
   );
 });
-P.displayName = "SheetBody";
+V.displayName = "SheetBody";
 export {
-  X as Sheet,
-  P as SheetBody,
-  T as SheetClose,
-  O as SheetContent,
-  B as SheetDescription,
-  j as SheetFooter,
-  _ as SheetHeader,
-  b as SheetOverlay,
-  D as SheetPortal,
-  A as SheetTitle,
-  Y as SheetTrigger
+  Z as Sheet,
+  V as SheetBody,
+  D as SheetClose,
+  _ as SheetContent,
+  P as SheetDescription,
+  A as SheetFooter,
+  j as SheetHeader,
+  x as SheetOverlay,
+  U as SheetPortal,
+  B as SheetTitle,
+  ee as SheetTrigger
 };

package/index.es60.js

@@ -1,34 +1,34 @@
 import { jsx as r, jsxs as S } from "react/jsx-runtime";
 import { Slot as h } from "@radix-ui/react-slot";
-import { cva as I } from "./index.es107.js";
+import { cva as k } from "./index.es100.js";
 import * as i from "react";
-import { useIsMobile as k } from "./index.es161.js";
+import { useIsMobile as z } from "./index.es158.js";
 import { cn as o } from "./index.es79.js";
-import { Button as z } from "./index.es22.js";
+import { Button as I } from "./index.es22.js";
 import { Input as B } from "./index.es35.js";
 import { Separator as E } from "./index.es58.js";
 import { Sheet as T, SheetContent as A } from "./index.es59.js";
 import { Skeleton as M } from "./index.es61.js";
-import { TooltipProvider as D, Tooltip as O, TooltipTrigger as G, TooltipContent as H } from "./index.es71.js";
-import K from "./index.es162.js";
-const j = "sidebar:state", L = 60 * 60 * 24 * 7, P = "88px", V = "320px", $ = "3rem", W = "b", R = i.createContext(null);
+import { TooltipProvider as O, Tooltip as G, TooltipTrigger as D, TooltipContent as K } from "./index.es71.js";
+import j from "./index.es159.js";
+const L = "sidebar:state", P = 60 * 60 * 24 * 7, V = "b", R = i.createContext(null);
 function y() {
   const a = i.useContext(R);
   if (!a)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return a;
 }
-const q = i.forwardRef(({ defaultOpen: a = !0, open: e, onOpenChange: t, className: n, style: d, children: s, ...p }, m) => {
-  const c = k(), [f, u] = i.useState(!1), [v, _] = i.useState(a), g = e ?? v, x = i.useCallback(
+const $ = i.forwardRef(({ defaultOpen: a = !0, open: e, onOpenChange: t, className: n, style: d, children: s, ...p }, m) => {
+  const c = z(), [f, u] = i.useState(!1), [v, _] = i.useState(a), g = e ?? v, x = i.useCallback(
     (l) => {
       const b = typeof l == "function" ? l(g) : l;
-      t ? t(b) : _(b), document.cookie = `${j}=${b}; path=/; max-age=${L}`;
+      t ? t(b) : _(b), document.cookie = `${L}=${b}; path=/; max-age=${P}`;
     },
     [t, g]
   ), w = i.useCallback(() => c ? u((l) => !l) : x((l) => !l), [c, x, u]);
   i.useEffect(() => {
     const l = (b) => {
-      b.key === W && (b.metaKey || b.ctrlKey) && (b.preventDefault(), w());
+      b.key === V && (b.metaKey || b.ctrlKey) && (b.preventDefault(), w());
     };
     return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
   }, [w]);
@@ -44,12 +44,10 @@ const q = i.forwardRef(({ defaultOpen: a = !0, open: e, onOpenChange: t, classNa
     }),
     [N, g, x, c, f, u, w]
   );
-  return /* @__PURE__ */ r(R.Provider, { value: C, children: /* @__PURE__ */ r(D, { delayDuration: 0, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(R.Provider, { value: C, children: /* @__PURE__ */ r(O, { delayDuration: 0, children: /* @__PURE__ */ r(
     "div",
     {
       style: {
-        "--sidebar-width": P,
-        "--sidebar-width-icon": $,
         ...d
       },
       className: o("group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full", n),
@@ -59,18 +57,15 @@ const q = i.forwardRef(({ defaultOpen: a = !0, open: e, onOpenChange: t, classNa
     }
   ) }) });
 });
-q.displayName = "SidebarProvider";
-const F = i.forwardRef(({ side: a = "left", variant: e = "sidebar", collapsible: t = "offcanvas", className: n, children: d, ...s }, p) => {
+$.displayName = "SidebarProvider";
+const H = i.forwardRef(({ side: a = "left", variant: e = "sidebar", collapsible: t = "offcanvas", className: n, children: d, ...s }, p) => {
   const { isMobile: m, state: c, openMobile: f, setOpenMobile: u } = y();
   return t === "none" ? /* @__PURE__ */ r("div", { className: o("bg-sidebar flex h-full w-[--sidebar-width] flex-col text-foreground-secondary", n), ref: p, ...s, children: d }) : m ? /* @__PURE__ */ r(T, { open: f, onOpenChange: u, ...s, children: /* @__PURE__ */ r(
     A,
     {
       "data-sidebar": "sidebar",
       "data-mobile": "true",
-      className: "w-[--sidebar-width] bg-card p-0 text-foreground-secondary [&>button]:hidden",
-      style: {
-        "--sidebar-width": V
-      },
+      className: "w-[--sidebar-width-mobile] bg-card p-0 text-foreground-secondary [&>button]:hidden",
       side: a,
       children: /* @__PURE__ */ r("div", { className: "flex h-full w-full flex-col", children: d })
     }
@@ -120,12 +115,12 @@ const F = i.forwardRef(({ side: a = "left", variant: e = "sidebar", collapsible:
     }
   );
 });
-F.displayName = "Sidebar";
-const U = i.forwardRef(
+H.displayName = "Sidebar";
+const q = i.forwardRef(
   ({ className: a, onClick: e, ...t }, n) => {
     const { toggleSidebar: d } = y();
     return /* @__PURE__ */ S(
-      z,
+      I,
       {
         ref: n,
         "data-sidebar": "trigger",
@@ -138,15 +133,15 @@ const U = i.forwardRef(
         },
         ...t,
         children: [
-          /* @__PURE__ */ r(K, {}),
+          /* @__PURE__ */ r(j, {}),
           /* @__PURE__ */ r("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
   }
 );
-U.displayName = "SidebarTrigger";
-const X = i.forwardRef(({ className: a, ...e }, t) => {
+q.displayName = "SidebarTrigger";
+const F = i.forwardRef(({ className: a, ...e }, t) => {
   const { toggleSidebar: n } = y();
   return /* @__PURE__ */ r(
     "button",
@@ -170,8 +165,8 @@ const X = i.forwardRef(({ className: a, ...e }, t) => {
     }
   );
 });
-X.displayName = "SidebarRail";
-const Y = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+F.displayName = "SidebarRail";
+const U = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "main",
   {
     ref: t,
@@ -183,8 +178,8 @@ const Y = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-Y.displayName = "SidebarInset";
-const J = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+U.displayName = "SidebarInset";
+const X = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   B,
   {
     ref: t,
@@ -193,16 +188,16 @@ const J = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-J.displayName = "SidebarInput";
-const Q = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "header", className: o("flex flex-col gap-2", a), ...e }));
-Q.displayName = "SidebarHeader";
-const Z = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "footer", className: o("flex flex-col gap-space-02 pb-space-03", a), ...e }));
-Z.displayName = "SidebarFooter";
-const ee = i.forwardRef(
+X.displayName = "SidebarInput";
+const Y = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "header", className: o("flex flex-col gap-2", a), ...e }));
+Y.displayName = "SidebarHeader";
+const J = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "footer", className: o("flex flex-col gap-space-02 pb-space-03", a), ...e }));
+J.displayName = "SidebarFooter";
+const Q = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(E, { ref: t, "data-sidebar": "separator", className: o("bg-sidebar-border mx-2 w-auto", a), ...e })
 );
-ee.displayName = "SidebarSeparator";
-const ae = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+Q.displayName = "SidebarSeparator";
+const W = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -211,8 +206,8 @@ const ae = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ae.displayName = "SidebarContent";
-const te = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+W.displayName = "SidebarContent";
+const Z = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -221,8 +216,8 @@ const te = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-te.displayName = "SidebarGroup";
-const re = i.forwardRef(
+Z.displayName = "SidebarGroup";
+const ee = i.forwardRef(
   ({ className: a, asChild: e = !1, ...t }, n) => /* @__PURE__ */ r(
     e ? h : "div",
     {
@@ -237,8 +232,8 @@ const re = i.forwardRef(
     }
   )
 );
-re.displayName = "SidebarGroupLabel";
-const ie = i.forwardRef(
+ee.displayName = "SidebarGroupLabel";
+const ae = i.forwardRef(
   ({ className: a, asChild: e = !1, ...t }, n) => /* @__PURE__ */ r(
     e ? h : "button",
     {
@@ -255,12 +250,12 @@ const ie = i.forwardRef(
     }
   )
 );
-ie.displayName = "SidebarGroupAction";
-const oe = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "group-content", className: o("w-full text-sm", a), ...e }));
-oe.displayName = "SidebarGroupContent";
-const ne = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("ul", { ref: t, "data-sidebar": "menu", className: o("flex w-full min-w-0 flex-col gap-space-02", a), ...e }));
-ne.displayName = "SidebarMenu";
-const de = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+ae.displayName = "SidebarGroupAction";
+const te = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, "data-sidebar": "group-content", className: o("w-full text-sm", a), ...e }));
+te.displayName = "SidebarGroupContent";
+const re = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r("ul", { ref: t, "data-sidebar": "menu", className: o("flex w-full min-w-0 flex-col gap-space-02", a), ...e }));
+re.displayName = "SidebarMenu";
+const ie = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "li",
   {
     ref: t,
@@ -272,8 +267,8 @@ const de = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-de.displayName = "SidebarMenuItem";
-const se = I(
+ie.displayName = "SidebarMenuItem";
+const oe = k(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -292,7 +287,7 @@ const se = I(
       size: "default"
     }
   }
-), le = i.forwardRef(({ asChild: a = !1, isActive: e = !1, variant: t = "default", size: n = "default", tooltip: d, className: s, ...p }, m) => {
+), ne = i.forwardRef(({ asChild: a = !1, isActive: e = !1, variant: t = "default", size: n = "default", tooltip: d, className: s, ...p }, m) => {
   const c = a ? h : "button", { isMobile: f, state: u } = y(), v = /* @__PURE__ */ r(
     c,
     {
@@ -300,19 +295,19 @@ const se = I(
       "data-sidebar": "menu-button",
       "data-size": n,
       "data-active": e,
-      className: o(se({ variant: t, size: n }), s),
+      className: o(oe({ variant: t, size: n }), s),
       ...p
     }
   );
   return d ? (typeof d == "string" && (d = {
     children: d
-  }), /* @__PURE__ */ S(O, { children: [
-    /* @__PURE__ */ r(G, { asChild: !0, children: v }),
-    /* @__PURE__ */ r(H, { side: "right", align: "center", hidden: u !== "collapsed" || f, ...d })
+  }), /* @__PURE__ */ S(G, { children: [
+    /* @__PURE__ */ r(D, { asChild: !0, children: v }),
+    /* @__PURE__ */ r(K, { side: "right", align: "center", hidden: u !== "collapsed" || f, ...d })
   ] })) : v;
 });
-le.displayName = "SidebarMenuButton";
-const ce = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...n }, d) => /* @__PURE__ */ r(
+ne.displayName = "SidebarMenuButton";
+const de = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...n }, d) => /* @__PURE__ */ r(
   e ? h : "button",
   {
     ref: d,
@@ -331,8 +326,8 @@ const ce = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, .
     ...n
   }
 ));
-ce.displayName = "SidebarMenuAction";
-const ue = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+de.displayName = "SidebarMenuAction";
+const se = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
@@ -349,8 +344,8 @@ const ue = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-ue.displayName = "SidebarMenuBadge";
-const be = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, n) => {
+se.displayName = "SidebarMenuBadge";
+const le = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, n) => {
   const d = i.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ S("div", { ref: n, "data-sidebar": "menu-skeleton", className: o("flex h-8 items-center gap-2 rounded-md px-2", a), ...t, children: [
     e && /* @__PURE__ */ r(M, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
@@ -366,8 +361,8 @@ const be = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, n) => {
     )
   ] });
 });
-be.displayName = "SidebarMenuSkeleton";
-const pe = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+le.displayName = "SidebarMenuSkeleton";
+const ce = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "ul",
   {
     ref: t,
@@ -380,10 +375,10 @@ const pe = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-pe.displayName = "SidebarMenuSub";
-const fe = i.forwardRef(({ ...a }, e) => /* @__PURE__ */ r("li", { ref: e, ...a }));
-fe.displayName = "SidebarMenuSubItem";
-const me = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: n, ...d }, s) => /* @__PURE__ */ r(
+ce.displayName = "SidebarMenuSub";
+const ue = i.forwardRef(({ ...a }, e) => /* @__PURE__ */ r("li", { ref: e, ...a }));
+ue.displayName = "SidebarMenuSubItem";
+const be = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: n, ...d }, s) => /* @__PURE__ */ r(
   a ? h : "a",
   {
     ref: s,
@@ -401,30 +396,30 @@ const me = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, classNa
     ...d
   }
 ));
-me.displayName = "SidebarMenuSubButton";
+be.displayName = "SidebarMenuSubButton";
 export {
-  F as Sidebar,
-  ae as SidebarContent,
-  Z as SidebarFooter,
-  te as SidebarGroup,
-  ie as SidebarGroupAction,
-  oe as SidebarGroupContent,
-  re as SidebarGroupLabel,
-  Q as SidebarHeader,
-  J as SidebarInput,
-  Y as SidebarInset,
-  ne as SidebarMenu,
-  ce as SidebarMenuAction,
-  ue as SidebarMenuBadge,
-  le as SidebarMenuButton,
-  de as SidebarMenuItem,
-  be as SidebarMenuSkeleton,
-  pe as SidebarMenuSub,
-  me as SidebarMenuSubButton,
-  fe as SidebarMenuSubItem,
-  q as SidebarProvider,
-  X as SidebarRail,
-  ee as SidebarSeparator,
-  U as SidebarTrigger,
+  H as Sidebar,
+  W as SidebarContent,
+  J as SidebarFooter,
+  Z as SidebarGroup,
+  ae as SidebarGroupAction,
+  te as SidebarGroupContent,
+  ee as SidebarGroupLabel,
+  Y as SidebarHeader,
+  X as SidebarInput,
+  U as SidebarInset,
+  re as SidebarMenu,
+  de as SidebarMenuAction,
+  se as SidebarMenuBadge,
+  ne as SidebarMenuButton,
+  ie as SidebarMenuItem,
+  le as SidebarMenuSkeleton,
+  ce as SidebarMenuSub,
+  be as SidebarMenuSubButton,
+  ue as SidebarMenuSubItem,
+  $ as SidebarProvider,
+  F as SidebarRail,
+  Q as SidebarSeparator,
+  q as SidebarTrigger,
   y as useSidebar
 };

package/index.es65.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-tabs";
-import { cva as b } from "./index.es107.js";
+import { cva as b } from "./index.es100.js";
 import * as n from "react";
 import { cn as l } from "./index.es79.js";
 import { ResponsiveScroll as v } from "./index.es46.js";

package/index.es66.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { cva as b } from "./index.es107.js";
+import { cva as b } from "./index.es100.js";
 import * as m from "react";
 import { cn as h } from "./index.es79.js";
 import { ShouldRender as x } from "./index.es14.js";

package/index.es67.js

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toast";
-import { cva as l } from "./index.es107.js";
+import { cva as l } from "./index.es100.js";
 import * as s from "react";
 import { cn as i } from "./index.es79.js";
 import { Button as d } from "./index.es22.js";
-import c from "./index.es110.js";
-import p from "./index.es163.js";
+import c from "./index.es103.js";
+import p from "./index.es160.js";
 const z = t.Provider, u = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(
   t.Viewport,
   {