@clasing/ui 2.9.1 → 2.9.3

package/dist/components/sidebar.js

@@ -0,0 +1,820 @@
+import { j as t, c as n } from "../index-C_XDkVGm.js";
+import * as d from "react";
+import { useState as _, useEffect as I } from "react";
+import { cva as k } from "class-variance-authority";
+import { CaretRightIcon as D, LayoutIcon as E } from "@phosphor-icons/react";
+import { Slot as w } from "@radix-ui/react-slot";
+import { B as z } from "../button-CKrOlPSD.js";
+import { C as T, a as O, b as B } from "../collapsible-DezttNhr.js";
+import { D as R } from "../divider-DnPsAXol.js";
+import { D as A, n as L, b as K, d as H } from "../dropdown-menu-VOZwAyVb.js";
+import { I as G } from "../input-BlcRuIEB.js";
+import { S as W, b as $, e as q, f as P, c as V } from "../sheet-CwXaadwy.js";
+import { S as M } from "../skeleton-DcjuJ5_d.js";
+import { T as F, c as U, a as X, b as Y } from "../tooltip-CC_kyHTm.js";
+const N = 768;
+function J() {
+  const [a, e] = _(
+    () => typeof window < "u" ? window.innerWidth < N : void 0
+  );
+  return I(() => {
+    const r = window.matchMedia(`(max-width: ${N - 1}px)`), i = () => {
+      e(window.innerWidth < N);
+    };
+    return r.addEventListener("change", i), () => r.removeEventListener("change", i);
+  }, []), !!a;
+}
+const Q = "sidebar_state", Z = 3600 * 24 * 7, ee = "16rem", ae = "18rem", te = "4.25rem", re = "b", y = d.createContext(null);
+function j() {
+  const a = d.useContext(y);
+  if (!a)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return a;
+}
+function Ce({
+  defaultOpen: a = !0,
+  open: e,
+  onOpenChange: r,
+  className: i,
+  style: s,
+  children: o,
+  ...x
+}) {
+  const u = J(), [m, c] = d.useState(!1), [S, C] = d.useState(a), b = e ?? S, f = d.useCallback(
+    (l) => {
+      const p = typeof l == "function" ? l(b) : l;
+      r ? r(p) : C(p), document.cookie = `${Q}=${p}; path=/; max-age=${Z}`;
+    },
+    [r, b]
+  ), g = d.useCallback(() => u ? c((l) => !l) : f((l) => !l), [u, f, c]);
+  d.useEffect(() => {
+    const l = (p) => {
+      p.key === re && (p.metaKey || p.ctrlKey) && (p.preventDefault(), g());
+    };
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+  }, [g]);
+  const h = b ? "expanded" : "collapsed", v = d.useMemo(
+    () => ({
+      state: h,
+      open: b,
+      setOpen: f,
+      isMobile: u,
+      openMobile: m,
+      setOpenMobile: c,
+      toggleSidebar: g
+    }),
+    [h, b, f, u, m, c, g]
+  );
+  return /* @__PURE__ */ t.jsx(y.Provider, { value: v, children: /* @__PURE__ */ t.jsx(Y, { delayDuration: 0, children: /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": ee,
+        "--sidebar-width-icon": te,
+        ...s
+      },
+      className: n(
+        `
+              group/sidebar-wrapper flex min-h-svh w-full
+              has-data-[variant=inset]:bg-sidebar
+            `,
+        i
+      ),
+      ...x,
+      children: o
+    }
+  ) }) });
+}
+function Ne({
+  side: a = "left",
+  variant: e = "sidebar",
+  collapsible: r = "icon",
+  className: i,
+  children: s,
+  ...o
+}) {
+  const { isMobile: x, state: u, openMobile: m, setOpenMobile: c } = j();
+  return r === "none" ? /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar",
+      className: n(
+        "flex h-full w-(--sidebar-width) flex-col bg-sidebar",
+        i
+      ),
+      ...o,
+      children: s
+    }
+  ) : x ? /* @__PURE__ */ t.jsx(W, { open: m, onOpenChange: c, ...o, children: /* @__PURE__ */ t.jsxs(
+    $,
+    {
+      "data-sidebar": "sidebar",
+      "data-slot": "sidebar",
+      "data-mobile": "true",
+      className: `\r
+            w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground\r
+            [&>button]:hidden\r
+          `,
+      style: {
+        "--sidebar-width": ae
+      },
+      side: a,
+      children: [
+        /* @__PURE__ */ t.jsxs(q, { className: "sr-only", children: [
+          /* @__PURE__ */ t.jsx(P, { children: "Sidebar" }),
+          /* @__PURE__ */ t.jsx(V, { children: "Displays the mobile sidebar." })
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "flex size-full flex-col", children: s })
+      ]
+    }
+  ) }) : /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: `\r
+        group peer hidden text-sidebar-foreground\r
+        md:block\r
+      `,
+      "data-state": u,
+      "data-collapsible": u === "collapsed" ? r : "",
+      "data-variant": e,
+      "data-side": a,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: n(
+              `
+            relative w-(--sidebar-width) bg-transparent transition-[width]
+            duration-200 ease-linear
+          `,
+              "group-data-[collapsible=offcanvas]:w-0",
+              "group-data-[side=right]:rotate-180",
+              e === "floating" || e === "inset" ? `
+              group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]
+            ` : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            )
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            className: n(
+              `
+            fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width)
+            transition-[left,right,width] duration-200 ease-linear
+            md:flex
+          `,
+              a === "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.
+              e === "floating" || e === "inset" ? `
+              p-2
+              group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]
+            ` : `
+              group-data-[collapsible=icon]:w-(--sidebar-width-icon)
+              group-data-[side=left]:border-r
+              group-data-[side=right]:border-l
+            `,
+              i
+            ),
+            ...o,
+            children: /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                className: `\r
+            flex size-full flex-col bg-sidebar\r
+            group-data-[variant=floating]:rounded-lg\r
+            group-data-[variant=floating]:border\r
+            group-data-[variant=floating]:border-sidebar-border\r
+            group-data-[variant=floating]:shadow-sm\r
+          `,
+                children: s
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Me({
+  className: a,
+  onClick: e,
+  ...r
+}) {
+  const { toggleSidebar: i } = j();
+  return /* @__PURE__ */ t.jsx(
+    z,
+    {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      className: n("border", a),
+      onClick: (s) => {
+        e?.(s), i();
+      },
+      ...r,
+      children: /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(E, {}) })
+    }
+  );
+}
+function ye({ className: a, ...e }) {
+  const { toggleSidebar: r } = j();
+  return /* @__PURE__ */ t.jsx(
+    "button",
+    {
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: r,
+      title: "Toggle Sidebar",
+      className: n(
+        `
+          absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all
+          ease-linear
+          group-data-[side=left]:-right-4
+          group-data-[side=right]:left-0
+          after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]
+          hover:after:bg-sidebar-border
+          sm:flex
+        `,
+        `
+          in-data-[side=left]:cursor-w-resize
+          in-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
+          hover:group-data-[collapsible=offcanvas]:bg-sidebar
+        `,
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function _e({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "main",
+    {
+      "data-slot": "sidebar-inset",
+      className: n(
+        "relative flex w-full flex-1 flex-col bg-background",
+        `
+          md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0
+          md:peer-data-[variant=inset]:rounded-xl
+          md:peer-data-[variant=inset]:shadow-sm
+          md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2
+        `,
+        a
+      ),
+      ...e
+    }
+  );
+}
+function Ie({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    G,
+    {
+      "data-slot": "sidebar-input",
+      "data-sidebar": "input",
+      className: n("h-8 w-full bg-background shadow-none", a),
+      ...e
+    }
+  );
+}
+function ke({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: n("flex flex-col gap-2 p-2", a),
+      ...e
+    }
+  );
+}
+function De({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: n("flex flex-col gap-2 p-2", a),
+      ...e
+    }
+  );
+}
+function Ee({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    R,
+    {
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      className: n("mx-2 w-auto bg-sidebar-border", a),
+      ...e
+    }
+  );
+}
+function ze({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: n(
+        `
+          flex min-h-0 flex-1 flex-col gap-2 overflow-auto
+          group-data-[collapsible=icon]:overflow-hidden
+        `,
+        a
+      ),
+      ...e
+    }
+  );
+}
+function Te({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: n("relative flex w-full min-w-0 flex-col p-2", a),
+      ...e
+    }
+  );
+}
+function Oe({
+  className: a,
+  asChild: e = !1,
+  ...r
+}) {
+  const i = e ? w : "div";
+  return /* @__PURE__ */ t.jsx(
+    i,
+    {
+      "data-slot": "sidebar-group-label",
+      "data-sidebar": "group-label",
+      className: n(
+        `
+          flex h-8 shrink-0 items-center rounded-md px-2 label-sm
+          text-muted-foreground outline-hidden 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
+        `,
+        a
+      ),
+      ...r
+    }
+  );
+}
+function Be({
+  className: a,
+  asChild: e = !1,
+  ...r
+}) {
+  const i = e ? w : "button";
+  return /* @__PURE__ */ t.jsx(
+    i,
+    {
+      "data-slot": "sidebar-group-action",
+      "data-sidebar": "group-action",
+      className: n(
+        `
+          absolute top-3.5 right-3 flex aspect-square w-5 items-center
+          justify-center rounded-md p-0 text-sidebar-foreground outline-hidden
+          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
+          md:after:hidden
+        `,
+        "group-data-[collapsible=icon]:hidden",
+        a
+      ),
+      ...r
+    }
+  );
+}
+function Re({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-group-content",
+      "data-sidebar": "group-content",
+      className: n("w-full paragraph-sm", a),
+      ...e
+    }
+  );
+}
+function Ae({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "ul",
+    {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: n("flex w-full min-w-0 flex-col gap-1", a),
+      ...e
+    }
+  );
+}
+function ne({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: n("group/menu-item relative", a),
+      ...e
+    }
+  );
+}
+const ie = k(
+  `
+    peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md
+    px-4 py-2.5 text-left paragraph-sm font-semibold outline-hidden
+    transition-[width,height,padding]
+    group-has-data-[sidebar=menu-action]/menu-item:pr-8
+    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
+    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
+    [&>span:last-child]:truncate
+    [&>svg]:size-5 [&>svg]:shrink-0
+  `,
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: `
+          bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))]
+          hover:bg-sidebar-accent hover:text-sidebar-accent-foreground
+          hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]
+        `
+      },
+      size: {
+        default: "h-12",
+        sm: "h-7",
+        lg: `
+          h-12
+          group-data-[collapsible=icon]:p-0!
+        `
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function se({
+  asChild: a = !1,
+  isActive: e = !1,
+  variant: r = "default",
+  size: i = "default",
+  tooltip: s,
+  dropdownItems: o,
+  className: x = "paragraph-sm",
+  ...u
+}) {
+  const m = a ? w : "button", { isMobile: c, state: S } = j(), [C, b] = d.useState(!1), f = d.useRef(null), g = () => {
+    f.current && clearTimeout(f.current), b(!0);
+  }, h = /* @__PURE__ */ t.jsx(
+    m,
+    {
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": i,
+      "data-active": e,
+      onMouseEnter: g,
+      className: n(ie({ variant: r, size: i }), x),
+      ...u
+    }
+  );
+  return !s && (!o || S !== "collapsed") ? h : o ? /* @__PURE__ */ t.jsxs(A, { open: C, onOpenChange: b, children: [
+    /* @__PURE__ */ t.jsx(L, { asChild: !0, children: h }),
+    /* @__PURE__ */ t.jsx(K, { side: "right", align: "start", children: o.map((v) => /* @__PURE__ */ t.jsx(H, { asChild: !0, children: /* @__PURE__ */ t.jsx("a", { href: v.href, children: v.title }) }, v.href)) })
+  ] }) : (typeof s == "string" && (s = {
+    children: s
+  }), /* @__PURE__ */ t.jsxs(F, { children: [
+    /* @__PURE__ */ t.jsx(U, { asChild: !0, children: h }),
+    /* @__PURE__ */ t.jsx(
+      X,
+      {
+        side: "right",
+        align: "center",
+        hidden: S !== "collapsed" || c,
+        ...s
+      }
+    )
+  ] }));
+}
+function Le({
+  className: a,
+  asChild: e = !1,
+  showOnHover: r = !1,
+  ...i
+}) {
+  const s = e ? w : "button";
+  return /* @__PURE__ */ t.jsx(
+    s,
+    {
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      className: n(
+        `
+          absolute top-1.5 right-1 flex aspect-square w-5 items-center
+          justify-center rounded-md p-0 text-sidebar-foreground outline-hidden
+          transition-transform
+          peer-hover/menu-button:text-sidebar-accent-foreground
+          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
+          md:after: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",
+        r && `
+            group-focus-within/menu-item:opacity-100
+            group-hover/menu-item:opacity-100
+            peer-data-[active=true]/menu-button:text-sidebar-accent-foreground
+            data-[state=open]:opacity-100
+            md:opacity-0
+          `,
+        a
+      ),
+      ...i
+    }
+  );
+}
+function Ke({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-menu-badge",
+      "data-sidebar": "menu-badge",
+      className: n(
+        `
+          pointer-events-none absolute right-1 flex h-5 min-w-5 items-center
+          justify-center rounded-md px-1 text-xs font-medium
+          text-sidebar-foreground tabular-nums select-none
+        `,
+        `
+          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",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function He({
+  className: a,
+  showIcon: e = !1,
+  ...r
+}) {
+  const i = d.useMemo(() => "30%", []);
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      "data-sidebar": "menu-skeleton",
+      className: n("flex h-8 items-center gap-2 rounded-md px-2", a),
+      ...r,
+      children: [
+        e && /* @__PURE__ */ t.jsx(
+          M,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          M,
+          {
+            className: "h-4 max-w-(--skeleton-width) flex-1",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": i
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function oe({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "ul",
+    {
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: n(
+        `
+          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",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function de({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "li",
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: n("group/menu-sub-item relative paragraph-lg", a),
+      ...e
+    }
+  );
+}
+function le({
+  asChild: a = !1,
+  size: e = "sm",
+  isActive: r = !1,
+  className: i,
+  ...s
+}) {
+  const o = a ? w : "a";
+  return /* @__PURE__ */ t.jsx(
+    o,
+    {
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": e,
+      "data-active": r,
+      className: n(
+        `
+          flex h-12 min-w-0 -translate-x-px items-center gap-2 overflow-hidden
+          rounded-md px-4 py-2.5 font-semibold text-sidebar-foreground
+          outline-hidden
+          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
+        `,
+        e === "sm" && "paragraph-sm",
+        e === "md" && "paragraph-md",
+        e === "lg" && "paragraph-lg",
+        "group-data-[collapsible=icon]:hidden",
+        i
+      ),
+      ...s
+    }
+  );
+}
+function Ge({
+  defaultOpen: a = !1,
+  className: e,
+  children: r,
+  ...i
+}) {
+  return /* @__PURE__ */ t.jsx(
+    T,
+    {
+      asChild: !0,
+      defaultOpen: a,
+      className: n("group/collapsible", e),
+      ...i,
+      children: /* @__PURE__ */ t.jsx(ne, { children: r })
+    }
+  );
+}
+function We({
+  className: a,
+  children: e,
+  dropdownItems: r,
+  ...i
+}) {
+  return /* @__PURE__ */ t.jsx(B, { asChild: !0, ...i, children: /* @__PURE__ */ t.jsxs(
+    se,
+    {
+      dropdownItems: r,
+      className: n("group-data-[collapsible=icon]:text-[0px]", a),
+      children: [
+        e,
+        /* @__PURE__ */ t.jsx(
+          D,
+          {
+            className: `\r
+            ml-auto transition-transform duration-200\r
+            group-data-[collapsible=icon]:hidden\r
+            group-data-[state=open]/collapsible:rotate-90\r
+          `
+          }
+        )
+      ]
+    }
+  ) });
+}
+function $e({
+  children: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(O, { asChild: !0, ...e, children: /* @__PURE__ */ t.jsx(oe, { children: a }) });
+}
+function qe({
+  children: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(de, { ...e, children: /* @__PURE__ */ t.jsx(le, { asChild: !0, children: /* @__PURE__ */ t.jsx("span", { children: a }) }) });
+}
+export {
+  Ne as Sidebar,
+  ze as SidebarContent,
+  De as SidebarFooter,
+  Te as SidebarGroup,
+  Be as SidebarGroupAction,
+  Re as SidebarGroupContent,
+  Oe as SidebarGroupLabel,
+  ke as SidebarHeader,
+  Ie as SidebarInput,
+  _e as SidebarInset,
+  Ae as SidebarMenu,
+  Le as SidebarMenuAction,
+  Ke as SidebarMenuBadge,
+  se as SidebarMenuButton,
+  ne as SidebarMenuItem,
+  He as SidebarMenuSkeleton,
+  oe as SidebarMenuSub,
+  le as SidebarMenuSubButton,
+  de as SidebarMenuSubItem,
+  Ce as SidebarProvider,
+  ye as SidebarRail,
+  Ee as SidebarSeparator,
+  Ge as SidebarSubMenu,
+  $e as SidebarSubMenuContent,
+  qe as SidebarSubMenuItem,
+  We as SidebarSubMenuTrigger,
+  Me as SidebarTrigger,
+  j as useSidebar
+};