@brumaombra/ui-vintage 0.1.0

package/dist/Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js

@@ -0,0 +1,27 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card",
+        class: normalizeClass(
+          unref(cn)(
+            "bg-card text-card-foreground flex flex-col gap-6 rounded border border-border py-6 transition-colors duration-300 ease-in-out",
+            props.class
+          )
+        )
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/CardTitle.vue_vue_type_script_setup_true_lang-DVAd7AWF.js

@@ -0,0 +1,112 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "CardAction",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card-action",
+        class: normalizeClass(unref(cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "CardContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card-content",
+        class: normalizeClass(unref(cn)("px-6", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "CardDescription",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", {
+        "data-slot": "card-description",
+        class: normalizeClass(unref(cn)("text-muted-foreground text-sm", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "CardFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card-footer",
+        class: normalizeClass(unref(cn)("flex items-center px-6 [.border-t]:pt-6", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CardHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card-header",
+        class: normalizeClass(unref(cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CardTitle",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("h3", {
+        "data-slot": "card-title",
+        class: normalizeClass(unref(cn)("leading-none font-semibold", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main$5 as _,
+  _sfc_main$4 as a,
+  _sfc_main$3 as b,
+  _sfc_main$2 as c,
+  _sfc_main$1 as d,
+  _sfc_main as e
+};

package/dist/Collection-CmOoLBo7.js

@@ -0,0 +1,76 @@
+import { S as Slot } from "./Primitive-D3IcFg81.js";
+import { u as usePrimitiveElement } from "./usePrimitiveElement-CijaRBgF.js";
+import { ref, provide, inject, defineComponent, watch, h, watchEffect, markRaw, computed } from "vue";
+const ITEM_DATA_ATTR = "data-reka-collection-item";
+function useCollection(options = {}) {
+  const { key = "", isProvider = false } = options;
+  const injectionKey = `${key}CollectionProvider`;
+  let context;
+  if (isProvider) {
+    const itemMap = ref(/* @__PURE__ */ new Map());
+    const collectionRef = ref();
+    context = {
+      collectionRef,
+      itemMap
+    };
+    provide(injectionKey, context);
+  } else context = inject(injectionKey);
+  const getItems = (includeDisabledItem = false) => {
+    const collectionNode = context.collectionRef.value;
+    if (!collectionNode) return [];
+    const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+    const items = Array.from(context.itemMap.value.values());
+    const orderedItems = items.sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
+    if (includeDisabledItem) return orderedItems;
+    else return orderedItems.filter((i) => i.ref.dataset.disabled !== "");
+  };
+  const CollectionSlot = defineComponent({
+    name: "CollectionSlot",
+    inheritAttrs: false,
+    setup(_, { slots, attrs }) {
+      const { primitiveElement, currentElement } = usePrimitiveElement();
+      watch(currentElement, () => {
+        context.collectionRef.value = currentElement.value;
+      });
+      return () => h(Slot, {
+        ref: primitiveElement,
+        ...attrs
+      }, slots);
+    }
+  });
+  const CollectionItem = defineComponent({
+    name: "CollectionItem",
+    inheritAttrs: false,
+    props: { value: { validator: () => true } },
+    setup(props, { slots, attrs }) {
+      const { primitiveElement, currentElement } = usePrimitiveElement();
+      watchEffect((cleanupFn) => {
+        if (currentElement.value) {
+          const key$1 = markRaw(currentElement.value);
+          context.itemMap.value.set(key$1, {
+            ref: currentElement.value,
+            value: props.value
+          });
+          cleanupFn(() => context.itemMap.value.delete(key$1));
+        }
+      });
+      return () => h(Slot, {
+        ...attrs,
+        [ITEM_DATA_ATTR]: "",
+        ref: primitiveElement
+      }, slots);
+    }
+  });
+  const reactiveItems = computed(() => Array.from(context.itemMap.value.values()));
+  const itemMapSize = computed(() => context.itemMap.value.size);
+  return {
+    getItems,
+    reactiveItems,
+    itemMapSize,
+    CollectionSlot,
+    CollectionItem
+  };
+}
+export {
+  useCollection as u
+};

package/dist/ConfigProvider-D2O0Jles.js

@@ -0,0 +1,6 @@
+import { c as createContext } from "./useForwardPropsEmits-DmumnZO5.js";
+import "vue";
+const [injectConfigProviderContext] = createContext("ConfigProvider");
+export {
+  injectConfigProviderContext as i
+};

package/dist/ConfirmDialog-DEsvF0b_.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./ConfirmDialog.vue_vue_type_script_setup_true_lang-BAd1l1zF.js";
+export {
+  _sfc_main as default
+};

package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-BAd1l1zF.js

@@ -0,0 +1,230 @@
+import { reactive, render, h, markRaw, defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, resolveDynamicComponent, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { _ as _sfc_main$1, a as _sfc_main$2, d as _sfc_main$3, e as _sfc_main$4, b as _sfc_main$5, c as _sfc_main$6 } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-CWCr2erD.js";
+import { Button as _sfc_main$7 } from "./button.js";
+import { I as Info } from "./info-DZrSmi42.js";
+const confirmDialogQueue = [];
+let nextConfirmDialogId = 0;
+const DIALOG_CLOSE_DURATION_MS = 300;
+let closeTimer = null;
+let confirmDialogMountPromise = null;
+const CONFIRM_DIALOG_ROOT_ID = "ui-vintage-confirm-dialog-root";
+const confirmDialogState = reactive({
+  current: null,
+  busy: false,
+  isOpen: false
+});
+const markIcon = (icon) => icon ? markRaw(icon) : null;
+const ensureConfirmDialogMounted = () => {
+  if (typeof document === "undefined") {
+    return Promise.resolve();
+  }
+  const existingRoot = document.getElementById(CONFIRM_DIALOG_ROOT_ID);
+  if (existingRoot) {
+    return Promise.resolve();
+  }
+  if (confirmDialogMountPromise) {
+    return confirmDialogMountPromise;
+  }
+  confirmDialogMountPromise = (async () => {
+    const { default: ConfirmDialog } = await import("./ConfirmDialog-DEsvF0b_.js");
+    if (document.getElementById(CONFIRM_DIALOG_ROOT_ID)) {
+      return;
+    }
+    const container = document.createElement("div");
+    container.id = CONFIRM_DIALOG_ROOT_ID;
+    document.body.appendChild(container);
+    render(h(ConfirmDialog), container);
+  })().finally(() => {
+    confirmDialogMountPromise = null;
+  });
+  return confirmDialogMountPromise;
+};
+const openNextConfirmDialog = () => {
+  const nextDialog = confirmDialogQueue.shift() ?? null;
+  confirmDialogState.current = nextDialog;
+  confirmDialogState.isOpen = Boolean(nextDialog);
+};
+const enqueueConfirmDialog = (request) => {
+  confirmDialogQueue.push(request);
+  if (!confirmDialogState.current) {
+    openNextConfirmDialog();
+  }
+};
+const clearCurrentConfirmDialog = () => {
+  confirmDialogState.busy = false;
+  confirmDialogState.isOpen = false;
+  confirmDialogState.current = null;
+  openNextConfirmDialog();
+};
+const scheduleCloseCurrentConfirmDialog = () => {
+  if (!confirmDialogState.current || !confirmDialogState.isOpen) {
+    return;
+  }
+  confirmDialogState.isOpen = false;
+  if (closeTimer) {
+    clearTimeout(closeTimer);
+  }
+  closeTimer = setTimeout(() => {
+    closeTimer = null;
+    clearCurrentConfirmDialog();
+  }, DIALOG_CLOSE_DURATION_MS);
+};
+const closeConfirmDialog = () => {
+  const current = confirmDialogState.current;
+  if (!current || !confirmDialogState.isOpen) {
+    return;
+  }
+  current.resolve(false);
+  scheduleCloseCurrentConfirmDialog();
+};
+const cancelActiveConfirmDialog = async () => {
+  var _a, _b;
+  const current = confirmDialogState.current;
+  if (!current || confirmDialogState.busy) {
+    return;
+  }
+  confirmDialogState.busy = true;
+  try {
+    await ((_b = (_a = current.options).onCancel) == null ? void 0 : _b.call(_a));
+    current.resolve(false);
+  } finally {
+    scheduleCloseCurrentConfirmDialog();
+  }
+};
+const confirmActiveDialog = async () => {
+  var _a, _b;
+  const current = confirmDialogState.current;
+  if (!current || confirmDialogState.busy) {
+    return;
+  }
+  confirmDialogState.busy = true;
+  try {
+    await ((_b = (_a = current.options).onConfirm) == null ? void 0 : _b.call(_a));
+    current.resolve(true);
+  } finally {
+    scheduleCloseCurrentConfirmDialog();
+  }
+};
+const showConfirmDialog = (options) => {
+  void ensureConfirmDialogMounted();
+  return new Promise((resolve) => {
+    enqueueConfirmDialog({
+      id: nextConfirmDialogId += 1,
+      options: {
+        title: options.title ?? "Confirm",
+        message: options.message,
+        confirmText: options.confirmText ?? "Confirm",
+        cancelText: options.cancelText ?? "Cancel",
+        confirmButtonType: options.confirmButtonType ?? "default",
+        cancelButtonType: options.cancelButtonType ?? "outline",
+        icon: markIcon(options.icon),
+        confirmButtonIcon: markIcon(options.confirmButtonIcon),
+        cancelButtonIcon: markIcon(options.cancelButtonIcon),
+        onConfirm: options.onConfirm ?? null,
+        onCancel: options.onCancel ?? null
+      },
+      resolve
+    });
+  });
+};
+const _hoisted_1 = { class: "px-5 pb-5 pt-5 sm:px-6 sm:pb-4 sm:pt-6" };
+const _hoisted_2 = { class: "flex flex-col gap-4 sm:flex-row sm:items-start" };
+const _hoisted_3 = { class: "flex size-12 shrink-0 self-center items-center justify-center rounded border border-[var(--border-light)] bg-[var(--bg-surface-light)] sm:size-10 sm:self-start dark:border-[var(--border-dark)] dark:bg-[var(--bg-surface-dark)]" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ConfirmDialog",
+  setup(__props) {
+    const currentDialog = computed(() => confirmDialogState.current);
+    const confirmIcon = computed(() => {
+      var _a;
+      return ((_a = currentDialog.value) == null ? void 0 : _a.options.icon) ?? Info;
+    });
+    const handleOpenChange = (open) => {
+      if (!open) {
+        closeConfirmDialog();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        open: unref(confirmDialogState).isOpen,
+        "onUpdate:open": handleOpenChange
+      }, {
+        default: withCtx(() => [
+          currentDialog.value ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 0 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    (openBlock(), createBlock(resolveDynamicComponent(confirmIcon.value), {
+                      "stroke-width": 1.8,
+                      class: "size-6 text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]"
+                    }))
+                  ]),
+                  createVNode(unref(_sfc_main$3), { class: "sm:pt-0" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(_sfc_main$4), null, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(currentDialog.value.options.title), 1)
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(_sfc_main$5), null, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(currentDialog.value.options.message), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              createVNode(unref(_sfc_main$6), null, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$7), {
+                    variant: currentDialog.value.options.cancelButtonType,
+                    disabled: unref(confirmDialogState).busy,
+                    onClick: unref(cancelActiveConfirmDialog)
+                  }, {
+                    default: withCtx(() => [
+                      currentDialog.value.options.cancelButtonIcon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.cancelButtonIcon), {
+                        key: 0,
+                        class: "size-4"
+                      })) : createCommentVNode("", true),
+                      createTextVNode(" " + toDisplayString(currentDialog.value.options.cancelText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "disabled", "onClick"]),
+                  createVNode(unref(_sfc_main$7), {
+                    variant: currentDialog.value.options.confirmButtonType,
+                    disabled: unref(confirmDialogState).busy,
+                    onClick: unref(confirmActiveDialog)
+                  }, {
+                    default: withCtx(() => [
+                      currentDialog.value.options.confirmButtonIcon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.confirmButtonIcon), {
+                        key: 0,
+                        class: "size-4"
+                      })) : createCommentVNode("", true),
+                      createTextVNode(" " + toDisplayString(currentDialog.value.options.confirmText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "disabled", "onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  closeConfirmDialog as a,
+  confirmActiveDialog as b,
+  cancelActiveConfirmDialog as c,
+  confirmDialogState as d,
+  showConfirmDialog as s
+};

package/dist/DashboardShell.vue_vue_type_script_setup_true_lang-CT2SQBXv.js

@@ -0,0 +1,171 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent, mergeProps, createElementVNode, normalizeClass } from "vue";
+import { B as BackgroundGrid } from "./BackgroundGrid-Cxvbtefm.js";
+import { _ as _sfc_main$e } from "./Separator.vue_vue_type_script_setup_true_lang-COrZ60NR.js";
+import { SidebarProvider as _sfc_main$1, Sidebar as _sfc_main$2, SidebarHeader as _sfc_main$3, SidebarContent as _sfc_main$4, SidebarGroup as _sfc_main$5, SidebarGroupLabel as _sfc_main$6, SidebarGroupContent as _sfc_main$7, SidebarMenu as _sfc_main$8, SidebarMenuItem as _sfc_main$9, SidebarMenuButton as _sfc_main$a, SidebarFooter as _sfc_main$b, SidebarInset as _sfc_main$c, SidebarTrigger as _sfc_main$d } from "./sidebar.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _hoisted_1 = { class: "grid min-w-0 flex-1 text-left leading-tight" };
+const _hoisted_2 = { class: "truncate font-semibold" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mt-0.5 text-[11px] leading-4 text-sidebar-foreground/65"
+};
+const _hoisted_4 = { class: "min-w-0 flex-1" };
+const _hoisted_5 = { class: "truncate text-sm font-medium" };
+const _hoisted_6 = {
+  key: 0,
+  class: "truncate text-xs text-muted-foreground"
+};
+const _hoisted_7 = { class: "relative z-10 min-w-0 flex-1" };
+const _hoisted_8 = { class: "pb-4" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DashboardShell",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    collapsible: { default: "offcanvas" },
+    sidebarSections: { default: () => [] },
+    sidebarLinkComponent: { default: "a" },
+    showBackground: { type: Boolean, default: true },
+    insetClass: {},
+    topbarClass: {},
+    contentContainerClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const getSidebarItemLinkProps = (item) => {
+      if (props.sidebarLinkComponent === "a") {
+        return { href: item.href ?? "#" };
+      }
+      return { to: item.to ?? item.href ?? "/" };
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$2), {
+            collapsible: props.collapsible
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots["sidebar-header"] ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                key: 0,
+                class: "h-16 justify-center border-b border-sidebar-border"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "sidebar-header")
+                ]),
+                _: 3
+              })) : createCommentVNode("", true),
+              props.sidebarSections.length ? (openBlock(), createBlock(unref(_sfc_main$4), { key: 1 }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.sidebarSections, (section) => {
+                    return openBlock(), createBlock(unref(_sfc_main$5), {
+                      key: section.id
+                    }, {
+                      default: withCtx(() => [
+                        section.label ? (openBlock(), createBlock(unref(_sfc_main$6), { key: 0 }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(section.label), 1)
+                          ]),
+                          _: 2
+                        }, 1024)) : createCommentVNode("", true),
+                        createVNode(unref(_sfc_main$7), null, {
+                          default: withCtx(() => [
+                            createVNode(unref(_sfc_main$8), { class: "gap-3" }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+                                  return openBlock(), createBlock(unref(_sfc_main$9), {
+                                    key: item.id
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(unref(_sfc_main$a), {
+                                        "as-child": "",
+                                        "is-active": item.active,
+                                        class: "group h-auto min-h-12 items-start rounded border border-[var(--border-light)] px-3 py-2.5 text-[var(--text-secondary-light)] transition-all duration-200 hover:border-[var(--border-hover-light)] hover:bg-[var(--bg-selected-light)] hover:text-[var(--text-primary-light)] data-[active=true]:border-[var(--border-hover-light)] data-[active=true]:bg-[var(--bg-selected-light)] data-[active=true]:text-[var(--text-primary-light)] dark:border-[var(--border-dark)] dark:text-[var(--text-secondary-dark)] dark:hover:border-[var(--border-hover-dark)] dark:hover:bg-[var(--bg-selected-dark)] dark:hover:text-[var(--text-primary-dark)] dark:data-[active=true]:border-[var(--border-hover-dark)] dark:data-[active=true]:bg-[var(--bg-selected-dark)] dark:data-[active=true]:text-[var(--text-primary-dark)] sm:px-4 sm:py-3"
+                                      }, {
+                                        default: withCtx(() => [
+                                          (openBlock(), createBlock(resolveDynamicComponent(props.sidebarLinkComponent), mergeProps({ ref_for: true }, getSidebarItemLinkProps(item)), {
+                                            default: withCtx(() => [
+                                              item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                                                key: 0,
+                                                "stroke-width": 1.8,
+                                                class: "mt-0.5 h-4 w-4 shrink-0 opacity-90 transition-opacity duration-200 group-hover:opacity-100 sm:h-5 sm:w-5"
+                                              })) : createCommentVNode("", true),
+                                              createElementVNode("div", _hoisted_1, [
+                                                createElementVNode("span", _hoisted_2, toDisplayString(item.label), 1),
+                                                item.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.description), 1)) : createCommentVNode("", true)
+                                              ])
+                                            ]),
+                                            _: 2
+                                          }, 1040))
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["is-active"])
+                                    ]),
+                                    _: 2
+                                  }, 1024);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024);
+                  }), 128))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              _ctx.$slots["sidebar-footer"] ? (openBlock(), createBlock(unref(_sfc_main$b), {
+                key: 2,
+                class: "border-t border-sidebar-border"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "sidebar-footer")
+                ]),
+                _: 3
+              })) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["collapsible"]),
+          createVNode(unref(_sfc_main$c), {
+            class: normalizeClass(unref(cn)("relative min-h-screen min-w-0 bg-background text-foreground", props.insetClass))
+          }, {
+            default: withCtx(() => [
+              props.showBackground ? (openBlock(), createBlock(BackgroundGrid, { key: 0 })) : createCommentVNode("", true),
+              createElementVNode("header", {
+                class: normalizeClass(unref(cn)("sticky top-0 z-20 flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border bg-sidebar px-4 backdrop-blur", props.topbarClass))
+              }, [
+                createVNode(unref(_sfc_main$d), { class: "-ml-1" }),
+                createVNode(unref(_sfc_main$e), {
+                  orientation: "vertical",
+                  class: "mr-2 data-[orientation=vertical]:h-4"
+                }),
+                renderSlot(_ctx.$slots, "topbar-leading"),
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, toDisplayString(props.title), 1),
+                  props.description ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(props.description), 1)) : createCommentVNode("", true)
+                ]),
+                renderSlot(_ctx.$slots, "topbar-trailing")
+              ], 2),
+              createElementVNode("main", _hoisted_7, [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(cn)("mx-auto flex w-full min-w-0 max-w-6xl flex-col gap-6 p-3 sm:p-6 lg:p-8", props.contentContainerClass))
+                }, [
+                  createElementVNode("div", _hoisted_8, [
+                    renderSlot(_ctx.$slots, "default")
+                  ])
+                ], 2)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};