@brumaombra/ui-vintage 0.6.7 → 0.7.1

package/dist/sidebar.js

@@ -1,807 +0,0 @@
-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, createCommentVNode, ref, computed } 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-Ja7-gmXd.js";
-import { c as createContext } from "./createContext-BabAT1K8.js";
-import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-KQETSF2I.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-BMdZRPa3.js";
-import { _ as _sfc_main$x } from "./Skeleton.vue_vue_type_script_setup_true_lang-BSbVyZz7.js";
-import { g as useMediaQuery, a as useVModel, c as useEventListener, h as defaultDocument } from "./index-Dw56kNV0.js";
-import { _ as _sfc_main$y } from "./Separator.vue_vue_type_script_setup_true_lang-D9BozdWD.js";
-import { h as m7 } from "./index.min-CZ9FIOXr.js";
-import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
-import { Button as _sfc_main$z } from "./button.js";
-import { r as reactiveOmit } from "./index-DDJjWaIl.js";
-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" },
-    compact: { type: Boolean, default: false },
-    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)("group/sidebar-wrapper 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",
-            "data-compact": props.compact ? "true" : "false",
-            side: _ctx.side,
-            class: "group/sidebar-wrapper 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, ["data-compact", "side", "style"])
-        ]),
-        _: 3
-      }, 16, ["open", "onUpdate:open"])) : (openBlock(), createElementBlock("div", {
-        key: 2,
-        class: "group/sidebar-wrapper 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-[compact=true]/sidebar-wrapper:gap-1.5 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 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5", 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 group-data-[compact=true]/sidebar-wrapper:p-2.5", 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-semibold outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 group-data-[compact=true]/sidebar-wrapper:h-7 group-data-[compact=true]/sidebar-wrapper:px-1.5 [&>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 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5", 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 group-data-[compact=true]/sidebar-wrapper:h-7 group-data-[compact=true]/sidebar-wrapper:text-xs",
-          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-[compact=true]/sidebar-wrapper:top-1",
-          "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-semibold 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-[compact=true]/sidebar-wrapper:top-1",
-          "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 width = "72%";
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenuSkeleton",
-  props: {
-    showIcon: { type: Boolean },
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    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 group-data-[compact=true]/sidebar-wrapper:h-7 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:px-1.5", props.class))
-      }, [
-        _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$x), {
-          key: 0,
-          class: "size-4 rounded-md group-data-[compact=true]/sidebar-wrapper:size-3.5",
-          "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 })
-        }, 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 min-h-7 min-w-0 -translate-x-px items-center gap-2 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 group-data-[compact=true]/sidebar-wrapper:min-h-6 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:px-1.5 group-data-[compact=true]/sidebar-wrapper:[&>svg]:size-3.5 [&>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-[compact=true]/sidebar-wrapper:text-xs",
-          "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 },
-    compact: { type: Boolean, default: false },
-    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: "secondary",
-        size: "icon",
-        class: normalizeClass(unref(cn)(props.class)),
-        onClick: unref(toggleSidebar)
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(HugeiconsIcon), { icon: unref(m7) }, null, 8, ["icon"]),
-          _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 rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,min-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-semibold 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! group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5 group-data-[compact=true]/sidebar-wrapper:[&>svg]:size-3.5 [&>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: "min-h-8 text-sm group-data-[compact=true]/sidebar-wrapper:min-h-7 group-data-[compact=true]/sidebar-wrapper:text-xs",
-        sm: "min-h-7 text-xs group-data-[compact=true]/sidebar-wrapper:min-h-6",
-        lg: "min-h-12 text-sm group-data-[compact=true]/sidebar-wrapper:min-h-10 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
-};