@orchidui/dashboard 1.8.1-93 → 1.8.1-96

package/dist/ui/sidebar/index.js

@@ -0,0 +1,652 @@
+import { c as O } from "../../index-C_aI-Wfj.js";
+import { defineComponent as l, createElementBlock as b, createBlock as m, openBlock as r, mergeProps as _, unref as a, renderSlot as o, withCtx as p, createVNode as v, normalizeStyle as B, createElementVNode as h, normalizeClass as c, normalizeProps as z, guardReactiveProps as A, Fragment as E, createTextVNode as D, toDisplayString as R, resolveDynamicComponent as T, computed as C, createCommentVNode as j, ref as F } from "vue";
+import { c as n } from "../../utils-SFgRDk1R.js";
+import { Sheet as G, SheetContent as P } from "../sheet/index.js";
+import { useSidebar as w, SIDEBAR_WIDTH_MOBILE as H, provideSidebarContext as V, SIDEBAR_WIDTH_ICON as L, SIDEBAR_WIDTH as N, SIDEBAR_COOKIE_NAME as K, SIDEBAR_COOKIE_MAX_AGE as q, SIDEBAR_KEYBOARD_SHORTCUT as U } from "./utils.js";
+import { P as S } from "../../Primitive-B3twiLO1.js";
+import { _ as W } from "../../Input.vue_vue_type_script_setup_true_lang-BrjsUUvL.js";
+import { a as Q, c as X, b as Y, _ as J } from "../../TooltipTrigger.vue_vue_type_script_setup_true_lang-CZ3AuN38.js";
+import { _ as k } from "../../Skeleton.vue_vue_type_script_setup_true_lang-k1A7l6Y-.js";
+import { _ as Z } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { c as ee, a as ae, d as te } from "../../index-B3LW8uSH.js";
+import { _ as se } from "../../Separator.vue_vue_type_script_setup_true_lang-DGPbh6Dt.js";
+import { Button as re } from "../button/index.js";
+import { c as ie } from "../../createLucideIcon-eXqDwUWj.js";
+import { r as oe } from "../../index-OpE2oGce.js";
+/**
+ * @license lucide-vue-next v0.514.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ne = ie("panel-left", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }]
+]), de = { class: "flex h-full w-full flex-col" }, le = ["data-state", "data-collapsible", "data-variant", "data-side"], ce = {
+  "data-sidebar": "sidebar",
+  class: "flex h-full w-full flex-col text-sidebar-foreground bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
+}, Ie = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "Sidebar",
+  props: {
+    side: { default: "left" },
+    variant: { default: "sidebar" },
+    collapsible: { default: "offcanvas" },
+    class: {}
+  },
+  setup(t) {
+    const s = t, { isMobile: e, state: i, openMobile: f, setOpenMobile: u } = w();
+    return (d, $) => d.collapsible === "none" ? (r(), b("div", _({
+      key: 0,
+      class: a(n)("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", s.class)
+    }, d.$attrs), [
+      o(d.$slots, "default")
+    ], 16)) : a(e) ? (r(), m(a(G), _({
+      key: 1,
+      open: a(f)
+    }, d.$attrs, { "onUpdate:open": a(u) }), {
+      default: p(() => [
+        v(a(P), {
+          "data-sidebar": "sidebar",
+          "data-mobile": "true",
+          side: d.side,
+          class: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+          style: B({
+            "--sidebar-width": a(H)
+          })
+        }, {
+          default: p(() => [
+            h("div", de, [
+              o(d.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 8, ["side", "style"])
+      ]),
+      _: 3
+    }, 16, ["open", "onUpdate:open"])) : (r(), b("div", {
+      key: 2,
+      class: "group peer hidden md:block",
+      "data-state": a(i),
+      "data-collapsible": a(i) === "collapsed" ? d.collapsible : "",
+      "data-variant": d.variant,
+      "data-side": d.side
+    }, [
+      h("div", {
+        class: c(a(n)(
+          "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          d.variant === "floating" || d.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+        ))
+      }, null, 2),
+      h("div", _({
+        class: a(n)(
+          "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex",
+          d.side === "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.
+          d.variant === "floating" || d.variant === "inset" ? "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=right]:border-l",
+          s.class
+        )
+      }, d.$attrs), [
+        h("div", ce, [
+          o(d.$slots, "default")
+        ])
+      ], 16)
+    ], 8, le));
+  }
+}), Oe = /* @__PURE__ */ l({
+  __name: "SidebarContent",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("div", {
+      "data-sidebar": "content",
+      class: c(a(n)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", s.class))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), Ae = /* @__PURE__ */ l({
+  __name: "SidebarFooter",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("div", {
+      "data-sidebar": "footer",
+      class: c(a(n)("flex flex-col gap-2 p-2", s.class))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), Ee = /* @__PURE__ */ l({
+  __name: "SidebarGroup",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("div", {
+      "data-sidebar": "group",
+      class: c(a(n)("relative flex w-full min-w-0 flex-col p-2", s.class))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), De = /* @__PURE__ */ l({
+  __name: "SidebarGroupAction",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), m(a(S), {
+      "data-sidebar": "group-action",
+      as: e.as,
+      "as-child": e.asChild,
+      class: c(a(n)(
+        "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",
+        "after:absolute after:-inset-2 after:md:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        s.class
+      ))
+    }, {
+      default: p(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+}), Re = /* @__PURE__ */ l({
+  __name: "SidebarGroupContent",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("div", {
+      "data-sidebar": "group-content",
+      class: c(a(n)("w-full text-sm", s.class))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), Te = /* @__PURE__ */ l({
+  __name: "SidebarGroupLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), m(a(S), {
+      "data-sidebar": "group-label",
+      as: e.as,
+      "as-child": e.asChild,
+      class: c(a(n)(
+        "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        s.class
+      ))
+    }, {
+      default: p(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+}), je = /* @__PURE__ */ l({
+  __name: "SidebarHeader",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("div", {
+      "data-sidebar": "header",
+      class: c(a(n)("flex flex-col gap-2 p-2", s.class))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), Fe = /* @__PURE__ */ l({
+  __name: "SidebarInput",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), m(a(W), {
+      "data-sidebar": "input",
+      class: c(a(n)(
+        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+        s.class
+      ))
+    }, {
+      default: p(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Ge = /* @__PURE__ */ l({
+  __name: "SidebarInset",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("main", {
+      class: c(a(n)(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        s.class
+      ))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), Pe = /* @__PURE__ */ l({
+  __name: "SidebarMenu",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("ul", {
+      "data-sidebar": "menu",
+      class: c(a(n)("flex w-full min-w-0 flex-col gap-1", s.class))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), He = /* @__PURE__ */ l({
+  __name: "SidebarMenuAction",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function], default: "button" },
+    showOnHover: { type: Boolean },
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), m(a(S), {
+      "data-sidebar": "menu-action",
+      class: c(a(n)(
+        "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",
+        "after:absolute after:-inset-2 after:md: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",
+        e.showOnHover && "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 md:opacity-0",
+        s.class
+      )),
+      as: e.as,
+      "as-child": e.asChild
+    }, {
+      default: p(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "as", "as-child"]));
+  }
+}), Ve = /* @__PURE__ */ l({
+  __name: "SidebarMenuBadge",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("div", {
+      "data-sidebar": "menu-badge",
+      class: c(a(n)(
+        "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-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",
+        s.class
+      ))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), M = /* @__PURE__ */ l({
+  __name: "SidebarMenuButtonChild",
+  props: {
+    variant: { default: "default" },
+    size: { default: "default" },
+    isActive: { type: Boolean },
+    class: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function], default: "button" }
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), m(a(S), _({
+      "data-sidebar": "menu-button",
+      "data-size": e.size,
+      "data-active": e.isActive,
+      class: a(n)(a(be)({ variant: e.variant, size: e.size }), s.class),
+      as: e.as,
+      "as-child": e.asChild
+    }, e.$attrs), {
+      default: p(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-size", "data-active", "class", "as", "as-child"]));
+  }
+}), Le = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "SidebarMenuButton",
+  props: {
+    variant: { default: "default" },
+    size: { default: "default" },
+    isActive: { type: Boolean },
+    class: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function], default: "button" },
+    tooltip: {}
+  },
+  setup(t) {
+    const s = t, { isMobile: e, state: i } = w(), f = oe(s, "tooltip");
+    return (u, d) => u.tooltip ? (r(), m(a(Q), { key: 1 }, {
+      default: p(() => [
+        v(a(X), { "as-child": "" }, {
+          default: p(() => [
+            v(M, z(A({ ...a(f), ...u.$attrs })), {
+              default: p(() => [
+                o(u.$slots, "default")
+              ]),
+              _: 3
+            }, 16)
+          ]),
+          _: 3
+        }),
+        v(a(Y), {
+          side: "right",
+          align: "center",
+          hidden: a(i) !== "collapsed" || a(e)
+        }, {
+          default: p(() => [
+            typeof u.tooltip == "string" ? (r(), b(E, { key: 0 }, [
+              D(R(u.tooltip), 1)
+            ], 64)) : (r(), m(T(u.tooltip), { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["hidden"])
+      ]),
+      _: 3
+    })) : (r(), m(M, z(_({ key: 0 }, { ...a(f), ...u.$attrs })), {
+      default: p(() => [
+        o(u.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ne = /* @__PURE__ */ l({
+  __name: "SidebarMenuItem",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("li", {
+      "data-sidebar": "menu-item",
+      class: c(a(n)("group/menu-item relative", s.class))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), Ke = /* @__PURE__ */ l({
+  __name: "SidebarMenuSkeleton",
+  props: {
+    showIcon: { type: Boolean },
+    class: {}
+  },
+  setup(t) {
+    const s = t, e = C(() => `${Math.floor(Math.random() * 40) + 50}%`);
+    return (i, f) => (r(), b("div", {
+      "data-sidebar": "menu-skeleton",
+      class: c(a(n)("rounded-md h-8 flex gap-2 px-2 items-center", s.class))
+    }, [
+      i.showIcon ? (r(), m(a(k), {
+        key: 0,
+        class: "size-4 rounded-md",
+        "data-sidebar": "menu-skeleton-icon"
+      })) : j("", !0),
+      v(a(k), {
+        class: "h-4 flex-1 max-w-[--skeleton-width]",
+        "data-sidebar": "menu-skeleton-text",
+        style: B({ "--skeleton-width": e.value })
+      }, null, 8, ["style"])
+    ], 2));
+  }
+}), qe = /* @__PURE__ */ l({
+  __name: "SidebarMenuSub",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), b("ul", {
+      "data-sidebar": "menu-badge",
+      class: c(a(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",
+        s.class
+      ))
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), Ue = /* @__PURE__ */ l({
+  __name: "SidebarMenuSubButton",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function], default: "a" },
+    size: { default: "md" },
+    isActive: { type: Boolean },
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), m(a(S), {
+      "data-sidebar": "menu-sub-button",
+      as: e.as,
+      "as-child": e.asChild,
+      "data-size": e.size,
+      "data-active": e.isActive,
+      class: c(a(n)(
+        "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",
+        e.size === "sm" && "text-xs",
+        e.size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        s.class
+      ))
+    }, {
+      default: p(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "data-size", "data-active", "class"]));
+  }
+}), ue = {};
+function pe(t, s) {
+  return r(), b("li", null, [
+    o(t.$slots, "default")
+  ]);
+}
+const We = /* @__PURE__ */ Z(ue, [["render", pe]]), Qe = /* @__PURE__ */ l({
+  __name: "SidebarProvider",
+  props: {
+    defaultOpen: { type: Boolean, default: !0 },
+    open: { type: Boolean, default: void 0 },
+    class: {}
+  },
+  emits: ["update:open"],
+  setup(t, { emit: s }) {
+    const e = t, i = s, f = ee("(max-width: 768px)"), u = F(!1), d = ae(e, "open", i, {
+      defaultValue: e.defaultOpen ?? !1,
+      passive: e.open === void 0
+    });
+    function $(g) {
+      d.value = g, document.cookie = `${K}=${d.value}; path=/; max-age=${q}`;
+    }
+    function x(g) {
+      u.value = g;
+    }
+    function y() {
+      return f.value ? x(!u.value) : $(!d.value);
+    }
+    te("keydown", (g) => {
+      g.key === U && (g.metaKey || g.ctrlKey) && (g.preventDefault(), y());
+    });
+    const I = C(() => d.value ? "expanded" : "collapsed");
+    return V({
+      state: I,
+      open: d,
+      setOpen: $,
+      isMobile: f,
+      openMobile: u,
+      setOpenMobile: x,
+      toggleSidebar: y
+    }), (g, fe) => (r(), m(a(J), { "delay-duration": 0 }, {
+      default: p(() => [
+        h("div", _({
+          style: {
+            "--sidebar-width": a(N),
+            "--sidebar-width-icon": a(L)
+          },
+          class: a(n)("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar", e.class)
+        }, g.$attrs), [
+          o(g.$slots, "default")
+        ], 16)
+      ]),
+      _: 3
+    }));
+  }
+}), Xe = /* @__PURE__ */ l({
+  __name: "SidebarRail",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t, { toggleSidebar: e } = w();
+    return (i, f) => (r(), b("button", {
+      "data-sidebar": "rail",
+      "aria-label": "Toggle Sidebar",
+      tabindex: -1,
+      title: "Toggle Sidebar",
+      class: c(a(n)(
+        "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",
+        s.class
+      )),
+      onClick: f[0] || (f[0] = //@ts-ignore
+      (...u) => a(e) && a(e)(...u))
+    }, [
+      o(i.$slots, "default")
+    ], 2));
+  }
+}), Ye = /* @__PURE__ */ l({
+  __name: "SidebarSeparator",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, i) => (r(), m(a(se), {
+      "data-sidebar": "separator",
+      class: c(a(n)("mx-2 w-auto bg-sidebar-border", s.class))
+    }, {
+      default: p(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Je = /* @__PURE__ */ l({
+  __name: "SidebarTrigger",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t, { toggleSidebar: e } = w();
+    return (i, f) => (r(), m(a(re), {
+      "data-sidebar": "trigger",
+      variant: "ghost",
+      size: "icon",
+      class: c(a(n)("h-7 w-7", s.class)),
+      onClick: a(e)
+    }, {
+      default: p(() => [
+        v(a(ne)),
+        f[0] || (f[0] = h("span", { class: "sr-only" }, "Toggle Sidebar", -1))
+      ]),
+      _: 1,
+      __: [0]
+    }, 8, ["class", "onClick"]));
+  }
+}), be = O(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 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: {
+      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-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+export {
+  Ie as Sidebar,
+  Oe as SidebarContent,
+  Ae as SidebarFooter,
+  Ee as SidebarGroup,
+  De as SidebarGroupAction,
+  Re as SidebarGroupContent,
+  Te as SidebarGroupLabel,
+  je as SidebarHeader,
+  Fe as SidebarInput,
+  Ge as SidebarInset,
+  Pe as SidebarMenu,
+  He as SidebarMenuAction,
+  Ve as SidebarMenuBadge,
+  Le as SidebarMenuButton,
+  Ne as SidebarMenuItem,
+  Ke as SidebarMenuSkeleton,
+  qe as SidebarMenuSub,
+  Ue as SidebarMenuSubButton,
+  We as SidebarMenuSubItem,
+  Qe as SidebarProvider,
+  Xe as SidebarRail,
+  Ye as SidebarSeparator,
+  Je as SidebarTrigger,
+  be as sidebarMenuButtonVariants,
+  w as useSidebar
+};

package/dist/ui/sidebar/utils.js

@@ -0,0 +1,12 @@
+import { c as t } from "../../createContext-CZEfaSVa.js";
+const o = "sidebar_state", I = 60 * 60 * 24 * 7, _ = "16rem", r = "18rem", E = "3rem", s = "b", [A, D] = t("Sidebar");
+export {
+  I as SIDEBAR_COOKIE_MAX_AGE,
+  o as SIDEBAR_COOKIE_NAME,
+  s as SIDEBAR_KEYBOARD_SHORTCUT,
+  _ as SIDEBAR_WIDTH,
+  E as SIDEBAR_WIDTH_ICON,
+  r as SIDEBAR_WIDTH_MOBILE,
+  D as provideSidebarContext,
+  A as useSidebar
+};

package/dist/ui/skeleton/index.js

@@ -0,0 +1,4 @@
+import { _ as r } from "../../Skeleton.vue_vue_type_script_setup_true_lang-k1A7l6Y-.js";
+export {
+  r as Skeleton
+};