@brumaombra/ui-vintage 0.1.0

package/dist/sidebar.js

@@ -0,0 +1,813 @@
+var _a;
+import { c as cva } from "./index-FpH8cK6B.js";
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, renderSlot, createBlock, withCtx, createVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeClass, normalizeProps, guardReactiveProps, Fragment, toDisplayString, resolveDynamicComponent, computed, createCommentVNode, ref } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { _ as _sfc_main$o, a as _sfc_main$p, c as _sfc_main$q, d as _sfc_main$r, b as _sfc_main$s } from "./SheetTitle.vue_vue_type_script_setup_true_lang-DLoXGMbx.js";
+import { c as createContext } from "./useForwardPropsEmits-DmumnZO5.js";
+import { P as Primitive } from "./Primitive-D3IcFg81.js";
+import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-U778IWa0.js";
+import { _ as _sfc_main$u, b as _sfc_main$v, a as _sfc_main$w, T as TooltipProvider_default } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-BRyHTWgw.js";
+import { _ as _sfc_main$x } from "./Skeleton.vue_vue_type_script_setup_true_lang-BSbVyZz7.js";
+import { f as useMediaQuery, u as useVModel, b as useEventListener, g as defaultDocument } from "./index-C1_fxYhb.js";
+import { _ as _sfc_main$y } from "./Separator.vue_vue_type_script_setup_true_lang-COrZ60NR.js";
+import { Button as _sfc_main$z } from "./button.js";
+import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
+import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const PanelLeft = createLucideIcon("panel-left", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }]
+]);
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const [useSidebar, provideSidebarContext] = createContext("Sidebar");
+const _hoisted_1 = ["data-state", "data-collapsible", "data-variant", "data-side"];
+const _hoisted_2 = {
+  "data-sidebar": "sidebar",
+  class: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+};
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "Sidebar",
+  props: {
+    side: { default: "left" },
+    variant: { default: "sidebar" },
+    collapsible: { default: "offcanvas" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    function handleMobileSidebarClick(event) {
+      const target = event.target;
+      if (target == null ? void 0 : target.closest('[data-sidebar="menu-button"]')) {
+        setOpenMobile(false);
+      }
+    }
+    return (_ctx, _cache) => {
+      return _ctx.collapsible === "none" ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        "data-slot": "sidebar",
+        class: unref(cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", props.class)
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16)) : unref(isMobile) ? (openBlock(), createBlock(unref(_sfc_main$o), mergeProps({
+        key: 1,
+        open: unref(openMobile)
+      }, _ctx.$attrs, { "onUpdate:open": unref(setOpenMobile) }), {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$p), {
+            "data-sidebar": "sidebar",
+            "data-slot": "sidebar",
+            "data-mobile": "true",
+            side: _ctx.side,
+            class: "border-sidebar-border bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+            style: normalizeStyle({
+              "--sidebar-width": unref(SIDEBAR_WIDTH_MOBILE)
+            })
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$q, { class: "sr-only" }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$r, null, {
+                    default: withCtx(() => _cache[0] || (_cache[0] = [
+                      createTextVNode("Sidebar")
+                    ])),
+                    _: 1
+                  }),
+                  createVNode(_sfc_main$s, null, {
+                    default: withCtx(() => _cache[1] || (_cache[1] = [
+                      createTextVNode("Displays the mobile sidebar.")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              createElementVNode("div", {
+                class: "flex h-full w-full flex-col",
+                onClick: handleMobileSidebarClick
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 8, ["side", "style"])
+        ]),
+        _: 3
+      }, 16, ["open", "onUpdate:open"])) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: "group peer text-sidebar-foreground hidden md:block",
+        "data-slot": "sidebar",
+        "data-state": unref(state),
+        "data-collapsible": unref(state) === "collapsed" ? _ctx.collapsible : "",
+        "data-variant": _ctx.variant,
+        "data-side": _ctx.side
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cn)(
+            "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+            "group-data-[collapsible=offcanvas]:w-0",
+            "group-data-[side=right]:rotate-180",
+            _ctx.variant === "floating" || _ctx.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+          ))
+        }, null, 2),
+        createElementVNode("div", mergeProps({
+          class: unref(cn)(
+            "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+            _ctx.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.
+            _ctx.variant === "floating" || _ctx.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "border-sidebar-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+            props.class
+          )
+        }, _ctx.$attrs), [
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ], 16)
+      ], 8, _hoisted_1));
+    };
+  }
+});
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "SidebarContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-content",
+        "data-sidebar": "content",
+        class: normalizeClass(unref(cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "SidebarFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-footer",
+        "data-sidebar": "footer",
+        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroup",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-group",
+        "data-sidebar": "group",
+        class: normalizeClass(unref(cn)("relative flex w-full min-w-0 flex-col p-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupAction",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-group-action",
+        "data-sidebar": "group-action",
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        class: normalizeClass(unref(cn)(
+          "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+          "after:absolute after:-inset-2 md:after:hidden",
+          "group-data-[collapsible=icon]:hidden",
+          props.class
+        ))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "class"]);
+    };
+  }
+});
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-group-content",
+        "data-sidebar": "group-content",
+        class: normalizeClass(unref(cn)("w-full text-sm", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-group-label",
+        "data-sidebar": "group-label",
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        class: normalizeClass(unref(cn)(
+          "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium 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",
+          props.class
+        ))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "class"]);
+    };
+  }
+});
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "SidebarHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-header",
+        "data-sidebar": "header",
+        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "SidebarInput",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$t), {
+        "data-slot": "sidebar-input",
+        "data-sidebar": "input",
+        class: normalizeClass(unref(cn)(
+          "bg-background h-8 w-full shadow-none",
+          props.class
+        ))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "SidebarInset",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("main", {
+        "data-slot": "sidebar-inset",
+        class: normalizeClass(unref(cn)(
+          "bg-background relative flex w-full flex-1 flex-col",
+          "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",
+          props.class
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenu",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        "data-slot": "sidebar-menu",
+        "data-sidebar": "menu",
+        class: normalizeClass(unref(cn)("flex w-full min-w-0 flex-col gap-1", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuAction",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" },
+    showOnHover: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-menu-action",
+        "data-sidebar": "menu-action",
+        class: normalizeClass(unref(cn)(
+          "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+          "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",
+          _ctx.showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+          props.class
+        )),
+        as: _ctx.as,
+        "as-child": _ctx.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuBadge",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-menu-badge",
+        "data-sidebar": "menu-badge",
+        class: normalizeClass(unref(cn)(
+          "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium 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",
+          props.class
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuButtonChild",
+  props: {
+    variant: { default: "default" },
+    size: { default: "default" },
+    isActive: { type: Boolean },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps({
+        "data-slot": "sidebar-menu-button",
+        "data-sidebar": "menu-button",
+        "data-size": _ctx.size,
+        "data-active": _ctx.isActive,
+        class: unref(cn)(unref(sidebarMenuButtonVariants)({ variant: _ctx.variant, size: _ctx.size }), props.class),
+        as: _ctx.as,
+        "as-child": _ctx.asChild
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-size", "data-active", "class", "as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "SidebarMenuButton",
+  props: {
+    variant: { default: "default" },
+    size: { default: "default" },
+    isActive: { type: Boolean },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "button" },
+    tooltip: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { isMobile, state } = useSidebar();
+    const delegatedProps = reactiveOmit(props, "tooltip");
+    return (_ctx, _cache) => {
+      return !_ctx.tooltip ? (openBlock(), createBlock(_sfc_main$a, normalizeProps(mergeProps({ key: 0 }, { ...unref(delegatedProps), ..._ctx.$attrs })), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)) : (openBlock(), createBlock(unref(_sfc_main$u), { key: 1 }, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$v), { "as-child": "" }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$a, normalizeProps(guardReactiveProps({ ...unref(delegatedProps), ..._ctx.$attrs })), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 16)
+            ]),
+            _: 3
+          }),
+          createVNode(unref(_sfc_main$w), {
+            side: "right",
+            align: "center",
+            hidden: unref(state) !== "collapsed" || unref(isMobile)
+          }, {
+            default: withCtx(() => [
+              typeof _ctx.tooltip === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.tooltip), 1)
+              ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.tooltip), { key: 1 }))
+            ]),
+            _: 1
+          }, 8, ["hidden"])
+        ]),
+        _: 3
+      }));
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuItem",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        "data-slot": "sidebar-menu-item",
+        "data-sidebar": "menu-item",
+        class: normalizeClass(unref(cn)("group/menu-item relative", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSkeleton",
+  props: {
+    showIcon: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const width = computed(() => {
+      return `${Math.floor(Math.random() * 40) + 50}%`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-menu-skeleton",
+        "data-sidebar": "menu-skeleton",
+        class: normalizeClass(unref(cn)("flex h-8 items-center gap-2 rounded-md px-2", props.class))
+      }, [
+        _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$x), {
+          key: 0,
+          class: "size-4 rounded-md",
+          "data-sidebar": "menu-skeleton-icon"
+        })) : createCommentVNode("", true),
+        createVNode(unref(_sfc_main$x), {
+          class: "h-4 max-w-(--skeleton-width) flex-1",
+          "data-sidebar": "menu-skeleton-text",
+          style: normalizeStyle({ "--skeleton-width": width.value })
+        }, null, 8, ["style"])
+      ], 2);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSub",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        "data-slot": "sidebar-menu-sub",
+        "data-sidebar": "menu-badge",
+        class: normalizeClass(unref(cn)(
+          "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+          "group-data-[collapsible=icon]:hidden",
+          props.class
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSubButton",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "a" },
+    size: { default: "md" },
+    isActive: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-menu-sub-button",
+        "data-sidebar": "menu-sub-button",
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        "data-size": _ctx.size,
+        "data-active": _ctx.isActive,
+        class: normalizeClass(unref(cn)(
+          "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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",
+          "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+          _ctx.size === "sm" && "text-xs",
+          _ctx.size === "md" && "text-sm",
+          "group-data-[collapsible=icon]:hidden",
+          props.class
+        ))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "data-size", "data-active", "class"]);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSubItem",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        "data-slot": "sidebar-menu-sub-item",
+        "data-sidebar": "menu-sub-item",
+        class: normalizeClass(unref(cn)("group/menu-sub-item relative", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarProvider",
+  props: {
+    defaultOpen: { type: Boolean, default: !((_a = defaultDocument) == null ? void 0 : _a.cookie.includes(`${SIDEBAR_COOKIE_NAME}=false`)) },
+    open: { type: Boolean, default: void 0 },
+    class: {}
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const isMobile = useMediaQuery("(max-width: 768px)");
+    const openMobile = ref(false);
+    const open = useVModel(props, "open", emits, {
+      defaultValue: props.defaultOpen ?? false,
+      passive: props.open === void 0
+    });
+    function setOpen(value) {
+      open.value = value;
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${open.value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    }
+    function setOpenMobile(value) {
+      openMobile.value = value;
+    }
+    function toggleSidebar() {
+      return isMobile.value ? setOpenMobile(!openMobile.value) : setOpen(!open.value);
+    }
+    useEventListener("keydown", (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    });
+    const state = computed(() => open.value ? "expanded" : "collapsed");
+    provideSidebarContext({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipProvider_default), { "delay-duration": 0 }, {
+        default: withCtx(() => [
+          createElementVNode("div", mergeProps({
+            "data-slot": "sidebar-wrapper",
+            style: {
+              "--sidebar-width": unref(SIDEBAR_WIDTH),
+              "--sidebar-width-icon": unref(SIDEBAR_WIDTH_ICON)
+            },
+            class: unref(cn)("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", props.class)
+          }, _ctx.$attrs), [
+            renderSlot(_ctx.$slots, "default")
+          ], 16)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarRail",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { toggleSidebar } = useSidebar();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        "data-sidebar": "rail",
+        "data-slot": "sidebar-rail",
+        "aria-label": "Toggle Sidebar",
+        tabindex: -1,
+        title: "Toggle Sidebar",
+        class: normalizeClass(unref(cn)(
+          "hover:after:bg-sidebar-border 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] 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",
+          "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+          "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+          "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+          props.class
+        )),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(toggleSidebar) && unref(toggleSidebar)(...args))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarSeparator",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$y), {
+        "data-slot": "sidebar-separator",
+        "data-sidebar": "separator",
+        class: normalizeClass(unref(cn)("bg-sidebar-border mx-2 w-auto", props.class))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SidebarTrigger",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { toggleSidebar } = useSidebar();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$z), {
+        "data-sidebar": "trigger",
+        "data-slot": "sidebar-trigger",
+        variant: "outline",
+        size: "icon",
+        class: normalizeClass(unref(cn)(props.class)),
+        onClick: unref(toggleSidebar)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(PanelLeft)),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Toggle Sidebar", -1))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"]);
+    };
+  }
+});
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden 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 {
+  _sfc_main$n as Sidebar,
+  _sfc_main$m as SidebarContent,
+  _sfc_main$l as SidebarFooter,
+  _sfc_main$k as SidebarGroup,
+  _sfc_main$j as SidebarGroupAction,
+  _sfc_main$i as SidebarGroupContent,
+  _sfc_main$h as SidebarGroupLabel,
+  _sfc_main$g as SidebarHeader,
+  _sfc_main$f as SidebarInput,
+  _sfc_main$e as SidebarInset,
+  _sfc_main$d as SidebarMenu,
+  _sfc_main$c as SidebarMenuAction,
+  _sfc_main$b as SidebarMenuBadge,
+  _sfc_main$9 as SidebarMenuButton,
+  _sfc_main$8 as SidebarMenuItem,
+  _sfc_main$7 as SidebarMenuSkeleton,
+  _sfc_main$6 as SidebarMenuSub,
+  _sfc_main$5 as SidebarMenuSubButton,
+  _sfc_main$4 as SidebarMenuSubItem,
+  _sfc_main$3 as SidebarProvider,
+  _sfc_main$2 as SidebarRail,
+  _sfc_main$1 as SidebarSeparator,
+  _sfc_main as SidebarTrigger,
+  sidebarMenuButtonVariants,
+  useSidebar
+};