@brumaombra/ui-vintage 0.1.0 → 0.2.0

package/dist/{TooltipTrigger.vue_vue_type_script_setup_true_lang-BRyHTWgw.js → TooltipTrigger.vue_vue_type_script_setup_true_lang-DEPKysA_.js}

@@ -1,12 +1,12 @@
 import { ref, watchEffect, defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, computed, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, toRefs, watch, onMounted, withModifiers, createTextVNode, toDisplayString, resolveDynamicComponent, toHandlers } from "vue";
 import { c as createContext, a as useForwardProps, u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
-import { u as useForwardExpose } from "./useForwardExpose-CNVHwdF2.js";
+import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { i as injectPopperContentContext, a as PopperRoot_default, b as PopperContent_default, P as PopperAnchor_default } from "./PopperContent-BiM0YLO3.js";
-import { d as defu, D as DismissableLayer_default, P as Presence_default, T as Teleport_default, u as useId } from "./Teleport-CuUn4UkG.js";
+import { i as injectPopperContentContext, a as PopperRoot_default, b as PopperContent_default, P as PopperAnchor_default } from "./PopperContent-h-thLTz8.js";
+import { d as defu, D as DismissableLayer_default, P as Presence_default, T as Teleport_default, u as useId } from "./Teleport-CV0tKbq5.js";
 import { V as VisuallyHidden_default } from "./VisuallyHidden-udQT2Fmo.js";
-import { u as useVModel, b as useEventListener } from "./index-C1_fxYhb.js";
-import { g as refAutoReset, e as tryOnScopeDispose, o as createEventHook, u as useTimeoutFn, r as reactiveOmit } from "./index-Dfi5ESP2.js";
+import { u as useVModel, b as useEventListener } from "./index-Cq9Ekgtb.js";
+import { g as refAutoReset, e as tryOnScopeDispose, o as createEventHook, u as useTimeoutFn, r as reactiveOmit } from "./index-qGMU40e1.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 function useGraceArea(triggerElement, containerElement) {
   const isPointerInTransit = refAutoReset(false, 300);

package/dist/{VisuallyHiddenInput-DLAsRwUw.js → VisuallyHiddenInput-1G1IEkBL.js}

@@ -1,4 +1,4 @@
-import { u as usePrimitiveElement } from "./usePrimitiveElement-CijaRBgF.js";
+import { u as usePrimitiveElement } from "./usePrimitiveElement-Bk3ZOslv.js";
 import { V as VisuallyHidden_default } from "./VisuallyHidden-udQT2Fmo.js";
 import { defineComponent, computed, watch, openBlock, createBlock, mergeProps, createElementBlock, Fragment, createCommentVNode, renderList } from "vue";
 var VisuallyHiddenInputBubble_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/alert-dialog.js

@@ -1,13 +1,165 @@
-import { _, a, b, c, d, e } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-CWCr2erD.js";
-import { _ as _2, a as a2, b as b2 } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-vNwxOYhM.js";
+import { i as injectAlertDialogContentContext } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-Ca0g2mVz.js";
+import { _, a, d, e, b, c } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-Ca0g2mVz.js";
+import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, onMounted, mergeProps } from "vue";
+import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
+import { D as DialogClose_default } from "./DialogClose-DDtZ0Em0.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { buttonVariants } from "./button.js";
+import { r as reactiveOmit } from "./index-qGMU40e1.js";
+import { D as DialogTrigger_default } from "./DialogTrigger-CjJ8QNL_.js";
+var AlertDialogAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogAction",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogAction_default = AlertDialogAction_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogCancel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogCancel",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const contentContext = injectAlertDialogContentContext();
+    const { forwardRef, currentElement } = useForwardExpose();
+    onMounted(() => {
+      contentContext.onCancelElementChange(currentElement.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose_default), mergeProps(props, { ref: unref(forwardRef) }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogCancel_default = AlertDialogCancel_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTrigger_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogTrigger_default = AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default;
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogAction",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogAction_default), mergeProps(unref(delegatedProps), {
+        class: unref(cn)(unref(buttonVariants)(), props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogCancel",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogCancel_default), mergeProps(unref(delegatedProps), {
+        class: unref(cn)(
+          unref(buttonVariants)({ variant: "outline" }),
+          "mt-2 sm:mt-0",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogTrigger_default), mergeProps({ "data-slot": "alert-dialog-trigger" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
 export {
   _ as AlertDialog,
-  _2 as AlertDialogAction,
-  a2 as AlertDialogCancel,
+  _sfc_main$2 as AlertDialogAction,
+  _sfc_main$1 as AlertDialogCancel,
   a as AlertDialogContent,
-  b as AlertDialogDescription,
-  c as AlertDialogFooter,
-  d as AlertDialogHeader,
-  e as AlertDialogTitle,
-  b2 as AlertDialogTrigger
+  d as AlertDialogDescription,
+  e as AlertDialogFooter,
+  b as AlertDialogHeader,
+  c as AlertDialogTitle,
+  _sfc_main as AlertDialogTrigger
 };

package/dist/busy-indicator.js

@@ -1,6 +1,66 @@
-import { _, b, s } from "./BusyIndicator.vue_vue_type_script_setup_true_lang-CYeXMI_V.js";
+import { reactive, render, h, defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
+import { B as Busy } from "./Busy-DSyPtpVD.js";
+const BUSY_INDICATOR_ROOT_ID = "ui-vintage-busy-indicator-root";
+let busyIndicatorMountPromise = null;
+const busyIndicatorState = reactive({
+  show: false,
+  label: "Loading...",
+  class: void 0,
+  overlayClass: void 0
+});
+const ensureBusyIndicatorMounted = () => {
+  if (typeof document === "undefined") {
+    return Promise.resolve();
+  }
+  const existingRoot = document.getElementById(BUSY_INDICATOR_ROOT_ID);
+  if (existingRoot) {
+    return Promise.resolve();
+  }
+  if (busyIndicatorMountPromise) {
+    return busyIndicatorMountPromise;
+  }
+  busyIndicatorMountPromise = (async () => {
+    const { default: BusyIndicator } = await import("./BusyIndicator-D-4YHN2L.js");
+    if (document.getElementById(BUSY_INDICATOR_ROOT_ID)) {
+      return;
+    }
+    const container = document.createElement("div");
+    container.id = BUSY_INDICATOR_ROOT_ID;
+    document.body.appendChild(container);
+    render(h(BusyIndicator), container);
+  })().finally(() => {
+    busyIndicatorMountPromise = null;
+  });
+  return busyIndicatorMountPromise;
+};
+const setBusy = (show, options = {}) => {
+  if (show) {
+    busyIndicatorState.label = options.label ?? busyIndicatorState.label ?? "Loading...";
+    busyIndicatorState.class = options.class;
+    busyIndicatorState.overlayClass = options.overlayClass;
+    void ensureBusyIndicatorMounted();
+  }
+  busyIndicatorState.show = show;
+  if (!show) {
+    busyIndicatorState.class = void 0;
+    busyIndicatorState.overlayClass = void 0;
+  }
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BusyIndicator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Busy), {
+        show: unref(busyIndicatorState).show,
+        label: unref(busyIndicatorState).label,
+        class: normalizeClass(unref(busyIndicatorState).class),
+        "overlay-class": unref(busyIndicatorState).overlayClass
+      }, null, 8, ["show", "label", "class", "overlay-class"]);
+    };
+  }
+});
 export {
-  _ as BusyIndicator,
-  b as busyIndicatorState,
-  s as setBusy
+  _sfc_main as BusyIndicator,
+  busyIndicatorState,
+  setBusy
 };

package/dist/busy.js

@@ -1,4 +1,4 @@
-import { B } from "./Busy-B65Nd9ec.js";
+import { B } from "./Busy-DSyPtpVD.js";
 export {
   B as Busy
 };

package/dist/calendar.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-C-WnFnvj.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-Dqz6DIGp.js";
 export {
   _ as Calendar,
   a as CalendarCell,

package/dist/card.js

@@ -1,11 +1,114 @@
 import { _ } from "./Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js";
-import { _ as _2, a, b, c, d, e } from "./CardTitle.vue_vue_type_script_setup_true_lang-DVAd7AWF.js";
+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 {
   _ as Card,
-  _2 as CardAction,
-  a as CardContent,
-  b as CardDescription,
-  c as CardFooter,
-  d as CardHeader,
-  e as CardTitle
+  _sfc_main$5 as CardAction,
+  _sfc_main$4 as CardContent,
+  _sfc_main$3 as CardDescription,
+  _sfc_main$2 as CardFooter,
+  _sfc_main$1 as CardHeader,
+  _sfc_main as CardTitle
 };

package/dist/command.js

@@ -1,21 +1,31 @@
 import { c as createContext, u as useForwardPropsEmits, a as useForwardProps } from "./useForwardPropsEmits-DmumnZO5.js";
 import { computed, unref, defineComponent, toRefs, ref, watch, nextTick, openBlock, createBlock, withCtx, renderSlot, createCommentVNode, createVNode, withKeys, withModifiers, watchSyncEffect, onMounted, onUnmounted, mergeProps, withMemo, reactive, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createElementVNode, createElementBlock, normalizeClass } from "vue";
-import { i as isEqual, u as useTypeahead } from "./useTypeahead-Dqe1QXq1.js";
+import { i as isEqual, u as useTypeahead } from "./useTypeahead-KTl4-oeq.js";
 import { u as useDirection } from "./useDirection-SIyEYNxv.js";
-import { u as useFormControl } from "./useFormControl-7ytzz-r7.js";
+import { u as useFormControl } from "./useFormControl-CyoJwp9r.js";
 import { u as useKbd } from "./useKbd-JjFOu4f7.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { u as usePrimitiveElement } from "./usePrimitiveElement-CijaRBgF.js";
-import { u as useCollection } from "./Collection-CmOoLBo7.js";
-import { V as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-DLAsRwUw.js";
-import { u as useVModel, e as useCurrentElement } from "./index-C1_fxYhb.js";
-import { o as createEventHook, g as refAutoReset, r as reactiveOmit } from "./index-Dfi5ESP2.js";
+import { u as usePrimitiveElement } from "./usePrimitiveElement-Bk3ZOslv.js";
+import { u as useCollection } from "./Collection-Coi6nyvb.js";
+import { V as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-1G1IEkBL.js";
+import { u as useVModel, e as useCurrentElement } from "./index-Cq9Ekgtb.js";
+import { o as createEventHook, g as refAutoReset, r as reactiveOmit } from "./index-qGMU40e1.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { _ as _sfc_main$9, a as _sfc_main$a, c as _sfc_main$b, e as _sfc_main$c, b as _sfc_main$d } from "./DialogTitle.vue_vue_type_script_setup_true_lang-Bw40D4AK.js";
-import { u as useId, h as handleAndDispatchCustomEvent } from "./Teleport-CuUn4UkG.js";
+import { _ as _sfc_main$9, a as _sfc_main$a, c as _sfc_main$b, e as _sfc_main$c, b as _sfc_main$d } from "./DialogTitle.vue_vue_type_script_setup_true_lang-83YQbiAn.js";
+import { u as useId, h as handleAndDispatchCustomEvent } from "./Teleport-CV0tKbq5.js";
 import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
-import { u as useForwardExpose } from "./useForwardExpose-CNVHwdF2.js";
+import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
 import { S as Separator_default } from "./Separator-CFm_M4pb.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 Search = createLucideIcon("search", [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+]);
 function findValuesBetween(array, start, end) {
   const startIndex = array.findIndex((i) => isEqual(i, start));
   const endIndex = array.findIndex((i) => isEqual(i, end));
@@ -712,16 +722,6 @@ var ListboxItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
   }
 });
 var ListboxItem_default = ListboxItem_vue_vue_type_script_setup_true_lang_default;
-/**
- * @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 Search = createLucideIcon("search", [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-]);
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Command",
   props: {

package/dist/components/dashboard-shell/DashboardShell.vue.d.ts

@@ -39,8 +39,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DashboardShellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DashboardShellProps> & Readonly<{}>, {
     title: string;
-    description: string;
     collapsible: "offcanvas" | "icon" | "none";
+    description: string;
     sidebarSections: DashboardSidebarSection[];
     sidebarLinkComponent: Component | string;
     showBackground: boolean;

package/dist/components/ui/button/index.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 export { default as Button } from './Button.vue';
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/components/ui/sidebar/SidebarMenuButton.vue.d.ts

@@ -14,8 +14,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "outline" | null;
     size: "default" | "sm" | "lg" | null;
+    variant: "default" | "outline" | null;
     as: import('reka-ui').AsTag | Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/ui/sidebar/SidebarMenuButtonChild.vue.d.ts

@@ -17,8 +17,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SidebarMenuButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarMenuButtonProps> & Readonly<{}>, {
-    variant: "default" | "outline" | null;
     size: "default" | "sm" | "lg" | null;
+    variant: "default" | "outline" | null;
     as: import('reka-ui').AsTag | import('vue').Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;