ml-uikit 1.1.2 → 1.1.4

package/dist/index.es47.js

@@ -1,50 +1,559 @@
 import * as e from "react";
-import * as r from "@radix-ui/react-slider";
-import { cn as s } from "./index.es57.js";
-const m = e.forwardRef(({ className: a, disabled: i, value: o, defaultValue: l, ...n }, d) => {
-  const t = Array.isArray(o) ? o : Array.isArray(l) ? l : [0], c = t.length > 1;
-  return /* @__PURE__ */ e.createElement(
-    r.Root,
-    {
-      ref: d,
-      "data-disabled": i ? "true" : void 0,
-      disabled: i,
-      className: s(
-        "group/slider relative flex w-full touch-none select-none items-center",
-        a
-      ),
-      value: o,
-      defaultValue: l,
-      ...n
-    },
-    /* @__PURE__ */ e.createElement(
-      r.Track,
+import { Slot as h } from "@radix-ui/react-slot";
+import { cva as M } from "class-variance-authority";
+import { PanelLeft as R } from "lucide-react";
+import { cn as o } from "./index.es59.js";
+import { Button as C } from "./index.es10.js";
+import { Input as I } from "./index.es28.js";
+import { Separator as _ } from "./index.es45.js";
+import { Sheet as z, SheetContent as T, SheetHeader as B, SheetTitle as O, SheetDescription as A } from "./index.es46.js";
+import { Skeleton as E } from "./index.es48.js";
+import { Tooltip as D, TooltipTrigger as L, TooltipContent as G, TooltipProvider as H } from "./index.es58.js";
+const K = "sidebar_state", P = 3600 * 24 * 7, $ = "15rem", j = "15rem", V = "4.5rem", W = 1024, q = "b";
+function F() {
+  const [t, r] = e.useState(void 0);
+  return e.useEffect(() => {
+    const a = window.matchMedia(`(max-width: ${W - 1}px)`), i = () => {
+      r(a.matches);
+    };
+    return i(), typeof a.addEventListener == "function" ? (a.addEventListener("change", i), () => a.removeEventListener("change", i)) : (a.addListener(i), () => a.removeListener(i));
+  }, []), !!t;
+}
+const y = e.createContext(null);
+function w() {
+  const t = e.useContext(y);
+  if (!t)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return t;
+}
+const U = e.forwardRef(
+  ({
+    defaultOpen: t = !0,
+    open: r,
+    onOpenChange: a,
+    className: i,
+    style: n,
+    children: d,
+    ...l
+  }, p) => {
+    const s = F(), [b, u] = e.useState(!1), [m, N] = e.useState(t), g = r ?? m, v = e.useCallback(
+      (c) => {
+        const f = typeof c == "function" ? c(g) : c;
+        a ? a(f) : N(f), document.cookie = `${K}=${f}; path=/; max-age=${P}`;
+      },
+      [a, g]
+    ), x = e.useCallback(() => s ? u((c) => !c) : v((c) => !c), [s, v, u]);
+    e.useEffect(() => {
+      const c = (f) => {
+        f.key === q && (f.metaKey || f.ctrlKey) && (f.preventDefault(), x());
+      };
+      return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+    }, [x]);
+    const S = g ? "expanded" : "collapsed", k = e.useMemo(
+      () => ({
+        state: S,
+        open: g,
+        setOpen: v,
+        isMobile: s,
+        openMobile: b,
+        setOpenMobile: u,
+        toggleSidebar: x
+      }),
+      [S, g, v, s, b, u, x]
+    );
+    return /* @__PURE__ */ e.createElement(y.Provider, { value: k }, /* @__PURE__ */ e.createElement(H, { delayDuration: 0 }, /* @__PURE__ */ e.createElement(
+      "div",
       {
-        className: s(
-          "relative h-2 w-full grow overflow-hidden rounded-full bg-[#e6e6e6] group-data-[disabled=true]/slider:bg-[#f2f2f2]"
-        )
+        style: {
+          "--sidebar-width": $,
+          "--sidebar-width-icon": V,
+          ...n
+        },
+        className: o(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+          i
+        ),
+        ref: p,
+        ...l
+      },
+      d
+    )));
+  }
+);
+U.displayName = "SidebarProvider";
+const X = e.forwardRef(
+  ({
+    side: t = "left",
+    variant: r = "sidebar",
+    collapsible: a = "offcanvas",
+    className: i,
+    children: n,
+    ...d
+  }, l) => {
+    const { isMobile: p, state: s, openMobile: b, setOpenMobile: u } = w(), m = a === "offcanvas" ? "icon" : a;
+    return a === "none" ? /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: o(
+          "flex h-full w-[--sidebar-width] flex-col border-r border-[#e6e6e6] bg-white text-black",
+          i
+        ),
+        ref: l,
+        ...d
+      },
+      n
+    ) : p ? /* @__PURE__ */ e.createElement(z, { open: b, onOpenChange: u, ...d }, /* @__PURE__ */ e.createElement(
+      T,
+      {
+        "data-sidebar": "sidebar",
+        "data-mobile": "true",
+        className: o(
+          "w-[--sidebar-width] border-r border-[#e6e6e6] bg-white p-0 text-black shadow-none [&>button]:hidden",
+          i
+        ),
+        style: {
+          "--sidebar-width": j
+        },
+        side: t
+      },
+      /* @__PURE__ */ e.createElement(B, { className: "sr-only" }, /* @__PURE__ */ e.createElement(O, null, "Sidebar"), /* @__PURE__ */ e.createElement(A, null, "Displays the mobile sidebar.")),
+      /* @__PURE__ */ e.createElement("div", { className: "flex h-full w-full flex-col" }, n)
+    )) : /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: l,
+        className: "group peer hidden text-black lg:block",
+        "data-state": s,
+        "data-collapsible": s === "collapsed" ? m : "",
+        "data-variant": r,
+        "data-side": t
       },
       /* @__PURE__ */ e.createElement(
-        r.Range,
+        "div",
         {
-          className: s(
-            "absolute z-0 h-full bg-[#26453f]",
-            c ? "rounded-full" : "rounded-l-full"
+          className: o(
+            "relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+            "group-data-[collapsible=offcanvas]:w-0",
+            "group-data-[side=right]:rotate-180",
+            r === "floating" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
           )
         }
+      ),
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          className: o(
+            "fixed inset-y-0 z-20 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear lg:flex",
+            t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+            // Adjust the padding for floating and inset variants.
+            r === "floating" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=left]:border-[#e6e6e6] group-data-[side=right]:border-l group-data-[side=right]:border-[#e6e6e6]",
+            i
+          ),
+          ...d
+        },
+        /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            "data-sidebar": "sidebar",
+            className: "flex h-full w-full flex-col bg-white text-black group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-[#e6e6e6] group-data-[variant=floating]:shadow"
+          },
+          n
+        )
       )
+    );
+  }
+);
+X.displayName = "Sidebar";
+const Y = e.forwardRef(({ className: t, onClick: r, ...a }, i) => {
+  const { isMobile: n, open: d, openMobile: l, toggleSidebar: p } = w(), s = n ? l : d;
+  return /* @__PURE__ */ e.createElement(
+    C,
+    {
+      ref: i,
+      "data-sidebar": "trigger",
+      variant: "ghost",
+      size: "icon",
+      "data-state": s ? "open" : "closed",
+      className: o(
+        "h-9 w-9 rounded-lg border border-[#dcdcde] bg-white text-black hover:bg-[#fafafa] hover:text-black",
+        t
+      ),
+      onClick: (b) => {
+        r?.(b), p();
+      },
+      ...a
+    },
+    /* @__PURE__ */ e.createElement(R, { className: "size-4" }),
+    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
+  );
+});
+Y.displayName = "SidebarTrigger";
+const J = e.forwardRef(({ className: t, ...r }, a) => {
+  const { toggleSidebar: i } = w();
+  return /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      ref: a,
+      "data-sidebar": "rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: i,
+      title: "Toggle Sidebar",
+      className: o(
+        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        t
+      ),
+      ...r
+    }
+  );
+});
+J.displayName = "SidebarRail";
+const Q = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "main",
+  {
+    ref: a,
+    className: o(
+      "relative flex w-full flex-1 flex-col bg-background",
+      "lg:peer-data-[variant=inset]:m-2 lg:peer-data-[variant=inset]:ml-0 lg:peer-data-[variant=inset]:rounded-xl lg:peer-data-[variant=inset]:shadow",
+      t
+    ),
+    ...r
+  }
+));
+Q.displayName = "SidebarInset";
+const Z = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  I,
+  {
+    ref: a,
+    "data-sidebar": "input",
+    className: o(
+      "h-10 w-full rounded-lg border-[#e6e6e6] bg-white text-black placeholder:text-[#adacb0] shadow-none focus-visible:ring-2 focus-visible:ring-[#26453f]",
+      t
+    ),
+    ...r
+  }
+));
+Z.displayName = "SidebarInput";
+const ee = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "header",
+    className: o(
+      "flex flex-col gap-4 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4 group-data-[collapsible=icon]:py-4",
+      t
+    ),
+    ...r
+  }
+));
+ee.displayName = "SidebarHeader";
+const ae = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "footer",
+    className: o(
+      "flex flex-col gap-3 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4 group-data-[collapsible=icon]:py-4",
+      t
     ),
-    t.map((u, f) => /* @__PURE__ */ e.createElement(
-      r.Thumb,
+    ...r
+  }
+));
+ae.displayName = "SidebarFooter";
+const te = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  _,
+  {
+    ref: a,
+    "data-sidebar": "separator",
+    className: o("mx-0 w-full bg-[#e6e6e6]", t),
+    ...r
+  }
+));
+te.displayName = "SidebarSeparator";
+const re = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "content",
+    className: o(
+      "flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+      t
+    ),
+    ...r
+  }
+));
+re.displayName = "SidebarContent";
+const ie = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "group",
+    className: o(
+      "relative flex w-full min-w-0 flex-col gap-2 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4",
+      t
+    ),
+    ...r
+  }
+));
+ie.displayName = "SidebarGroup";
+const oe = e.forwardRef(({ className: t, asChild: r = !1, ...a }, i) => {
+  const n = r ? h : "div";
+  return /* @__PURE__ */ e.createElement(
+    n,
+    {
+      ref: i,
+      "data-sidebar": "group-label",
+      className: o(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium uppercase tracking-wide text-[#adacb0] outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        t
+      ),
+      ...a
+    }
+  );
+});
+oe.displayName = "SidebarGroupLabel";
+const ne = e.forwardRef(({ className: t, asChild: r = !1, ...a }, i) => {
+  const n = r ? h : "button";
+  return /* @__PURE__ */ e.createElement(
+    n,
+    {
+      ref: i,
+      "data-sidebar": "group-action",
+      className: o(
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:lg:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...a
+    }
+  );
+});
+ne.displayName = "SidebarGroupAction";
+const de = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "group-content",
+    className: o("w-full text-sm", t),
+    ...r
+  }
+));
+de.displayName = "SidebarGroupContent";
+const se = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "ul",
+  {
+    ref: a,
+    "data-sidebar": "menu",
+    className: o("flex w-full min-w-0 flex-col gap-2", t),
+    ...r
+  }
+));
+se.displayName = "SidebarMenu";
+const le = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "li",
+  {
+    ref: a,
+    "data-sidebar": "menu-item",
+    className: o("group/menu-item relative", t),
+    ...r
+  }
+));
+le.displayName = "SidebarMenuItem";
+const ce = M(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-[4px] border border-transparent bg-white p-2 text-left text-sm font-normal text-[#7f7d83] outline-none ring-sidebar-ring transition-[background-color,border-color,color,width,height,padding] hover:border-[#f1f1f1] hover:bg-[#fafafa] hover:text-black focus-visible:ring-2 focus-visible:ring-[#26453f] active:border-[#f1f1f1] active:bg-[#fafafa] active:text-black 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]:border-[#f1f1f1] data-[active=true]:bg-[#fafafa] data-[active=true]:font-medium data-[active=true]:text-black data-[state=open]:border-[#f1f1f1] data-[state=open]:bg-[#fafafa] data-[state=open]:text-black group-data-[collapsible=icon]:!size-10 group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!p-0 group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>span:last-child]:truncate [&>svg]:size-5 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "border-[#e6e6e6] text-black hover:border-[#dcdcde] hover:bg-[#fafafa]"
+      },
+      size: {
+        default: "h-10 text-sm",
+        sm: "h-9 text-xs",
+        lg: "h-11 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), be = e.forwardRef(
+  ({
+    asChild: t = !1,
+    isActive: r = !1,
+    variant: a = "default",
+    size: i = "default",
+    tooltip: n,
+    className: d,
+    ...l
+  }, p) => {
+    const s = t ? h : "button", { isMobile: b, state: u } = w(), m = /* @__PURE__ */ e.createElement(
+      s,
+      {
+        ref: p,
+        "data-sidebar": "menu-button",
+        "data-size": i,
+        "data-active": r,
+        className: o(ce({ variant: a, size: i }), d),
+        ...l
+      }
+    );
+    return n ? (typeof n == "string" && (n = {
+      children: n
+    }), /* @__PURE__ */ e.createElement(D, null, /* @__PURE__ */ e.createElement(L, { asChild: !0 }, m), /* @__PURE__ */ e.createElement(
+      G,
       {
-        key: `thumb-${f}`,
-        className: "block h-4 w-4 rounded-full border border-[#26453f] bg-white shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#111111] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+        side: "right",
+        align: "center",
+        hidden: u !== "collapsed" || b,
+        ...n
       }
-    ))
+    ))) : m;
+  }
+);
+be.displayName = "SidebarMenuButton";
+const ue = e.forwardRef(({ className: t, asChild: r = !1, showOnHover: a = !1, ...i }, n) => {
+  const d = r ? h : "button";
+  return /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: n,
+      "data-sidebar": "menu-action",
+      className: o(
+        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:lg:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        a && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground lg:opacity-0",
+        t
+      ),
+      ...i
+    }
+  );
+});
+ue.displayName = "SidebarMenuAction";
+const fe = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "menu-badge",
+    className: o(
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      t
+    ),
+    ...r
+  }
+));
+fe.displayName = "SidebarMenuBadge";
+const pe = e.forwardRef(({ className: t, showIcon: r = !1, ...a }, i) => {
+  const n = e.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: i,
+      "data-sidebar": "menu-skeleton",
+      className: o("flex h-8 items-center gap-2 rounded-md px-2", t),
+      ...a
+    },
+    r && /* @__PURE__ */ e.createElement(
+      E,
+      {
+        className: "size-4 rounded-md",
+        "data-sidebar": "menu-skeleton-icon"
+      }
+    ),
+    /* @__PURE__ */ e.createElement(
+      E,
+      {
+        className: "h-4 max-w-[--skeleton-width] flex-1",
+        "data-sidebar": "menu-skeleton-text",
+        style: {
+          "--skeleton-width": n
+        }
+      }
+    )
+  );
+});
+pe.displayName = "SidebarMenuSkeleton";
+const me = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
+  "ul",
+  {
+    ref: a,
+    "data-sidebar": "menu-sub",
+    className: o(
+      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+      "group-data-[collapsible=icon]:hidden",
+      t
+    ),
+    ...r
+  }
+));
+me.displayName = "SidebarMenuSub";
+const ge = e.forwardRef(({ ...t }, r) => /* @__PURE__ */ e.createElement("li", { ref: r, ...t }));
+ge.displayName = "SidebarMenuSubItem";
+const he = e.forwardRef(({ asChild: t = !1, size: r = "md", isActive: a, className: i, ...n }, d) => {
+  const l = t ? h : "a";
+  return /* @__PURE__ */ e.createElement(
+    l,
+    {
+      ref: d,
+      "data-sidebar": "menu-sub-button",
+      "data-size": r,
+      "data-active": a,
+      className: o(
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring 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 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        r === "sm" && "text-xs",
+        r === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        i
+      ),
+      ...n
+    }
   );
 });
-m.displayName = r.Root.displayName;
+he.displayName = "SidebarMenuSubButton";
 export {
-  m as Slider
+  X as Sidebar,
+  re as SidebarContent,
+  ae as SidebarFooter,
+  ie as SidebarGroup,
+  ne as SidebarGroupAction,
+  de as SidebarGroupContent,
+  oe as SidebarGroupLabel,
+  ee as SidebarHeader,
+  Z as SidebarInput,
+  Q as SidebarInset,
+  se as SidebarMenu,
+  ue as SidebarMenuAction,
+  fe as SidebarMenuBadge,
+  be as SidebarMenuButton,
+  le as SidebarMenuItem,
+  pe as SidebarMenuSkeleton,
+  me as SidebarMenuSub,
+  he as SidebarMenuSubButton,
+  ge as SidebarMenuSubItem,
+  U as SidebarProvider,
+  J as SidebarRail,
+  te as SidebarSeparator,
+  Y as SidebarTrigger,
+  w as useSidebar
 };
 //# sourceMappingURL=index.es47.js.map