una-nuxt-module 2.1.4 → 2.1.6

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "una-nuxt-module",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "configKey": "unaxt",
   "builder": {
     "@nuxt/module-builder": "1.0.1",

package/dist/module.mjs

@@ -112,7 +112,7 @@ function addTemplates() {
 }
 
 const name = "una-nuxt-module";
-const version = "2.1.4";
+const version = "2.1.6";
 
 const module = defineNuxtModule({
   meta: {
@@ -186,6 +186,13 @@ const module = defineNuxtModule({
             prepend: true
           }
         );
+        logger.success("Shadcn components added");
+        addComponentsDir({
+          path: resolve("./runtime/components/shared"),
+          prefix: "",
+          pathPrefix: false,
+          global: true
+        });
         logger.success("Global components added");
       }
     };

package/dist/runtime/components/shared/AppBreadcumbs.vue

@@ -0,0 +1,33 @@
+<script setup>
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+} from "../ui/breadcrumb";
+import { useBreadcumbs } from "../../composables/useBreadcumbs";
+const { breadcrumbs } = useBreadcumbs();
+</script>
+
+<template>
+  <Breadcrumb>
+    <BreadcrumbList>
+      <template v-for="(breadcumb, index) in breadcrumbs" :key="index">
+        <BreadcrumbItem>
+          <BreadcrumbLink v-if="breadcumb.type === 'link'" as-child>
+            <NuxtLink :to="breadcumb.to"> {{ breadcumb.text }} </NuxtLink>
+          </BreadcrumbLink>
+          <BreadcrumbPage v-if="breadcumb.type === 'page'">
+            {{ breadcumb.text }}
+          </BreadcrumbPage>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator
+          v-if="index < breadcrumbs.length - 1"
+          class="hidden md:block"
+        />
+      </template>
+    </BreadcrumbList>
+  </Breadcrumb>
+</template>

package/dist/runtime/components/shared/AppBreadcumbs.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/shared/ColorModeSelect.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { onMounted, useColorMode } from "#imports";
+import { Button } from "../ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../ui/dropdown-menu";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "../ui/tooltip";
+import { Check } from "lucide-vue-next";
+const colorMode = useColorMode();
+onMounted(() => {
+  console.log("colorMode", colorMode.value);
+});
+</script>
+
+<template>
+  <TooltipProvider>
+    <Tooltip>
+      <TooltipTrigger>
+        <DropdownMenu>
+          <DropdownMenuTrigger as-child>
+            <Button variant="outline" size="icon">
+              <Icon
+                name="radix-icons:moon"
+                class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+              />
+              <Icon
+                name="radix-icons:sun"
+                class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+              />
+              <span class="sr-only">Toggle theme</span>
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="end">
+            <DropdownMenuItem @click="colorMode.preference = 'light'">
+              <Icon name="radix-icons:moon" />
+              Light
+              <Check v-if="colorMode.preference === 'light'" class="ml-auto" />
+            </DropdownMenuItem>
+            <DropdownMenuItem @click="colorMode.preference = 'dark'">
+              <Icon name="radix-icons:sun" />
+              Dark
+              <Check v-if="colorMode.preference === 'dark'" class="ml-auto" />
+            </DropdownMenuItem>
+            <DropdownMenuSeparator />
+            <DropdownMenuItem @click="colorMode.preference = 'system'">
+              <Icon name="radix-icons:desktop" />
+              System
+              <Check v-if="colorMode.preference === 'system'" class="ml-auto" />
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </TooltipTrigger>
+      <TooltipContent>Theme</TooltipContent>
+    </Tooltip>
+  </TooltipProvider>
+</template>

package/dist/runtime/components/shared/ColorModeSelect.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/ui/alert-dialog/AlertDialogAction.vue

@@ -2,7 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { AlertDialogAction } from "reka-ui";
 import { cn } from "../../../lib/utils";
-import { buttonVariants } from "~/src/runtime/components/ui/button";
+import { buttonVariants } from "../button";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: [String, Object, Function], required: false },

package/dist/runtime/components/ui/alert-dialog/AlertDialogCancel.vue

@@ -2,7 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { AlertDialogCancel } from "reka-ui";
 import { cn } from "../../../lib/utils";
-import { buttonVariants } from "~/src/runtime/components/ui/button";
+import { buttonVariants } from "../button";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: [String, Object, Function], required: false },

package/dist/runtime/components/ui/auto-form/AutoForm.vue

@@ -1,10 +1,15 @@
 <script setup>
-import { Form } from "~/src/runtime/components/ui/form";
+import { Form } from "../form";
 import { toTypedSchema } from "@vee-validate/zod";
 import { computed, toRefs } from "vue";
 import AutoFormField from "./AutoFormField.vue";
 import { provideDependencies } from "./dependencies";
-import { getBaseSchema, getBaseType, getDefaultValueInZodStack, getObjectFormSchema } from "./utils";
+import {
+  getBaseSchema,
+  getBaseType,
+  getDefaultValueInZodStack,
+  getObjectFormSchema
+} from "./utils";
 const props = defineProps({
   schema: { type: null, required: true },
   form: { type: Object, required: false },
@@ -64,10 +69,7 @@ const formComponentProps = computed(() => {
 </script>
 
 <template>
-  <component
-    :is="formComponent"
-    v-bind="formComponentProps"
-  >
+  <component :is="formComponent" v-bind="formComponentProps">
     <slot name="customAutoForm" :fields="fields">
       <template v-for="(shape, key) of shapes" :key="key">
         <slot

package/dist/runtime/components/ui/auto-form/AutoForm.vue.d.ts

@@ -1,7 +1,7 @@
-import type { FormContext, GenericObject } from 'vee-validate';
-import type { z } from 'zod';
-import type { Config, ConfigItem, Dependency } from './interface.js';
-import { type ZodObjectOrWrapped } from './utils.js';
+import type { FormContext, GenericObject } from "vee-validate";
+import type { z } from "zod";
+import type { Config, ConfigItem, Dependency } from "./interface.js";
+import { type ZodObjectOrWrapped } from "./utils.js";
 declare const _default: <T extends ZodObjectOrWrapped>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<any & {
         schema: T;

package/dist/runtime/components/ui/auto-form/AutoFormFieldArray.vue

@@ -1,8 +1,13 @@
 <script setup>
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "~/src/runtime/components/ui/accordion";
-import { Button } from "~/src/runtime/components/ui/button";
-import { FormItem, FormMessage } from "~/src/runtime/components/ui/form";
-import { Separator } from "~/src/runtime/components/ui/separator";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../accordion";
+import { Button } from "../button";
+import { FormItem, FormMessage } from "../form";
+import { Separator } from "../separator";
 import { PlusIcon, TrashIcon } from "lucide-vue-next";
 import { FieldArray, FieldContextKey, useField } from "vee-validate";
 import { computed, provide } from "vue";
@@ -24,9 +29,11 @@ function isZodDefault(item) {
   return item instanceof z.ZodDefault;
 }
 const itemShape = computed(() => {
-  if (!props.schema)
-    return;
-  const schema = isZodArray(props.schema) ? props.schema._def.type : isZodDefault(props.schema) ? props.schema._def.innerType._def.type : null;
+  if (!props.schema) return;
+  const schema = isZodArray(props.schema) ? props.schema._def.type : isZodDefault(props.schema) ? (
+    // @ts-expect-error missing schema
+    props.schema._def.innerType._def.type
+  ) : null;
   return {
     type: getBaseType(schema),
     schema
@@ -39,7 +46,13 @@ provide(FieldContextKey, fieldContext);
 <template>
   <FieldArray v-slot="{ fields, remove, push }" as="section" :name="fieldName">
     <slot v-bind="props">
-      <Accordion type="multiple" class="w-full" collapsible :disabled="disabled" as-child>
+      <Accordion
+        type="multiple"
+        class="w-full"
+        collapsible
+        :disabled="disabled"
+        as-child
+      >
         <FormItem>
           <AccordionItem :value="fieldName" class="border-none">
             <AccordionTrigger>

package/dist/runtime/components/ui/auto-form/AutoFormFieldBoolean.vue

@@ -1,7 +1,13 @@
 <script setup>
-import { Checkbox } from "~/src/runtime/components/ui/checkbox";
-import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "~/src/runtime/components/ui/form";
-import { Switch } from "~/src/runtime/components/ui/switch";
+import { Checkbox } from "../checkbox";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormMessage
+} from "../form";
+import { Switch } from "../switch";
 import { computed } from "vue";
 import AutoFormLabel from "./AutoFormLabel.vue";
 import { beautifyObjectName, maybeBooleanishToBoolean } from "./utils";
@@ -12,7 +18,9 @@ const props = defineProps({
   config: { type: Object, required: false },
   disabled: { type: Boolean, required: false }
 });
-const booleanComponent = computed(() => props.config?.component === "switch" ? Switch : Checkbox);
+const booleanComponent = computed(
+  () => props.config?.component === "switch" ? Switch : Checkbox
+);
 </script>
 
 <template>
@@ -23,10 +31,14 @@ const booleanComponent = computed(() => props.config?.component === "switch" ? S
           <slot v-bind="slotProps">
             <component
               :is="booleanComponent"
-              :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled"
+              :disabled="
+  maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled
+"
               :name="slotProps.componentField.name"
               :model-value="slotProps.componentField.modelValue"
-              @update:model-value="slotProps.componentField['onUpdate:modelValue']"
+              @update:model-value="
+  slotProps.componentField['onUpdate:modelValue']
+"
             />
           </slot>
         </FormControl>

package/dist/runtime/components/ui/auto-form/AutoFormFieldBoolean.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FieldProps } from './interface.js';
+import type { FieldProps } from "./interface.js";
 declare function __VLS_template(): {
     slots: {
         default?(_: any): any;

package/dist/runtime/components/ui/auto-form/AutoFormFieldDate.vue

@@ -1,19 +1,15 @@
 <script setup>
 import { cn } from "../../../lib/utils";
-import { Button } from "~/src/runtime/components/ui/button";
-import { Calendar } from "~/src/runtime/components/ui/calendar";
+import { Button } from "../button";
+import { Calendar } from "../calendar";
 import {
   FormControl,
   FormDescription,
   FormField,
   FormItem,
   FormMessage
-} from "~/src/runtime/components/ui/form";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-} from "~/src/runtime/components/ui/popover";
+} from "../form";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover";
 import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
 import { CalendarIcon } from "lucide-vue-next";
 import AutoFormLabel from "./AutoFormLabel.vue";

package/dist/runtime/components/ui/auto-form/AutoFormFieldEnum.vue

@@ -1,8 +1,20 @@
 <script setup>
-import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "~/src/runtime/components/ui/form";
-import { Label } from "~/src/runtime/components/ui/label";
-import { RadioGroup, RadioGroupItem } from "~/src/runtime/components/ui/radio-group";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/src/runtime/components/ui/select";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormMessage
+} from "../form";
+import { Label } from "../label";
+import { RadioGroup, RadioGroupItem } from "../radio-group";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../select";
 import AutoFormLabel from "./AutoFormLabel.vue";
 import { beautifyObjectName, maybeBooleanishToBoolean } from "./utils";
 defineProps({
@@ -23,19 +35,42 @@ defineProps({
       </AutoFormLabel>
       <FormControl>
         <slot v-bind="slotProps">
-          <RadioGroup v-if="config?.component === 'radio'" :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" :orientation="'vertical'" v-bind="{ ...slotProps.componentField }">
-            <div v-for="(option, index) in options" :key="option" class="mb-2 flex items-center gap-3 space-y-0">
+          <RadioGroup
+            v-if="config?.component === 'radio'"
+            :disabled="
+  maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled
+"
+            :orientation="'vertical'"
+            v-bind="{ ...slotProps.componentField }"
+          >
+            <div
+              v-for="(option, index) in options"
+              :key="option"
+              class="mb-2 flex items-center gap-3 space-y-0"
+            >
               <RadioGroupItem :id="`${option}-${index}`" :value="option" />
-              <Label :for="`${option}-${index}`">{{ beautifyObjectName(option) }}</Label>
+              <Label :for="`${option}-${index}`">{{
+                beautifyObjectName(option)
+              }}</Label>
             </div>
           </RadioGroup>
 
-          <Select v-else :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" v-bind="{ ...slotProps.componentField }">
+          <Select
+            v-else
+            :disabled="
+  maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled
+"
+            v-bind="{ ...slotProps.componentField }"
+          >
             <SelectTrigger class="w-full">
               <SelectValue :placeholder="config?.inputProps?.placeholder" />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem v-for="option in options" :key="option" :value="option">
+              <SelectItem
+                v-for="option in options"
+                :key="option"
+                :value="option"
+              >
                 {{ beautifyObjectName(option) }}
               </SelectItem>
             </SelectContent>

package/dist/runtime/components/ui/auto-form/AutoFormFieldEnum.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FieldProps } from './interface.js';
+import type { FieldProps } from "./interface.js";
 declare function __VLS_template(): {
     slots: {
         default?(_: any): any;

package/dist/runtime/components/ui/auto-form/AutoFormFieldFile.vue

@@ -1,7 +1,13 @@
 <script setup>
-import { Button } from "~/src/runtime/components/ui/button";
-import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "~/src/runtime/components/ui/form";
-import { Input } from "~/src/runtime/components/ui/input";
+import { Button } from "../button";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormMessage
+} from "../form";
+import { Input } from "../input";
 import { Trash } from "lucide-vue-next";
 import { ref } from "vue";
 import AutoFormLabel from "./AutoFormLabel.vue";
@@ -43,14 +49,19 @@ async function parseFileAsString(file) {
             type="file"
             v-bind="{ ...config?.inputProps }"
             :disabled="config?.inputProps?.disabled ?? disabled"
-            @change="async (ev) => {
-  const file = ev.target.files?.[0];
-  inputFile = file;
-  const parsed = await parseFileAsString(file);
-  slotProps.componentField.onInput(parsed);
-}"
+            @change="
+  async (ev) => {
+    const file = ev.target.files?.[0];
+    inputFile = file;
+    const parsed = await parseFileAsString(file);
+    slotProps.componentField.onInput(parsed);
+  }
+"
           />
-          <div v-else class="flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent pl-3 pr-1 py-1 text-sm shadow-sm transition-colors">
+          <div
+            v-else
+            class="flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent pl-3 pr-1 py-1 text-sm shadow-sm transition-colors"
+          >
             <p>{{ inputFile?.name }}</p>
             <Button
               :size="'icon'"
@@ -58,10 +69,12 @@ async function parseFileAsString(file) {
               class="h-[26px] w-[26px]"
               aria-label="Remove file"
               type="button"
-              @click="() => {
-  inputFile = void 0;
-  slotProps.componentField.onInput(void 0);
-}"
+              @click="
+  () => {
+    inputFile = void 0;
+    slotProps.componentField.onInput(void 0);
+  }
+"
             >
               <Trash />
             </Button>

package/dist/runtime/components/ui/auto-form/AutoFormFieldFile.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FieldProps } from './interface.js';
+import type { FieldProps } from "./interface.js";
 declare function __VLS_template(): {
     slots: {
         default?(_: any): any;

package/dist/runtime/components/ui/auto-form/AutoFormFieldInput.vue

@@ -1,7 +1,13 @@
 <script setup>
-import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "~/src/runtime/components/ui/form";
-import { Input } from "~/src/runtime/components/ui/input";
-import { Textarea } from "~/src/runtime/components/ui/textarea";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormMessage
+} from "../form";
+import { Input } from "../input";
+import { Textarea } from "../textarea";
 import { computed } from "vue";
 import AutoFormLabel from "./AutoFormLabel.vue";
 import { beautifyObjectName } from "./utils";
@@ -12,7 +18,9 @@ const props = defineProps({
   config: { type: Object, required: false },
   disabled: { type: Boolean, required: false }
 });
-const inputComponent = computed(() => props.config?.component === "textarea" ? Textarea : Input);
+const inputComponent = computed(
+  () => props.config?.component === "textarea" ? Textarea : Input
+);
 </script>
 
 <template>

package/dist/runtime/components/ui/auto-form/AutoFormFieldInput.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FieldProps } from './interface.js';
+import type { FieldProps } from "./interface.js";
 declare function __VLS_template(): {
     slots: {
         default?(_: any): any;

package/dist/runtime/components/ui/auto-form/AutoFormFieldNumber.vue

@@ -1,6 +1,12 @@
 <script setup>
-import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "~/src/runtime/components/ui/form";
-import { Input } from "~/src/runtime/components/ui/input";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormMessage
+} from "../form";
+import { Input } from "../input";
 import AutoFormLabel from "./AutoFormLabel.vue";
 import { beautifyObjectName } from "./utils";
 defineOptions({
@@ -23,7 +29,11 @@ defineProps({
       </AutoFormLabel>
       <FormControl>
         <slot v-bind="slotProps">
-          <Input type="number" v-bind="{ ...slotProps.componentField, ...config?.inputProps }" :disabled="config?.inputProps?.disabled ?? disabled" />
+          <Input
+            type="number"
+            v-bind="{ ...slotProps.componentField, ...config?.inputProps }"
+            :disabled="config?.inputProps?.disabled ?? disabled"
+          />
         </slot>
       </FormControl>
       <FormDescription v-if="config?.description">

package/dist/runtime/components/ui/auto-form/AutoFormFieldNumber.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FieldProps } from './interface.js';
+import type { FieldProps } from "./interface.js";
 declare function __VLS_template(): {
     slots: {
         default?(_: any): any;

package/dist/runtime/components/ui/auto-form/AutoFormFieldObject.vue

@@ -1,11 +1,21 @@
 <script setup>
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "~/src/runtime/components/ui/accordion";
-import { FormItem } from "~/src/runtime/components/ui/form";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../accordion";
+import { FormItem } from "../form";
 import { FieldContextKey, useField } from "vee-validate";
 import { computed, provide } from "vue";
 import AutoFormField from "./AutoFormField.vue";
 import AutoFormLabel from "./AutoFormLabel.vue";
-import { beautifyObjectName, getBaseSchema, getBaseType, getDefaultValueInZodStack } from "./utils";
+import {
+  beautifyObjectName,
+  getBaseSchema,
+  getBaseType,
+  getDefaultValueInZodStack
+} from "./utils";
 const props = defineProps({
   fieldName: { type: String, required: true },
   required: { type: Boolean, required: false },
@@ -15,11 +25,9 @@ const props = defineProps({
 });
 const shapes = computed(() => {
   const val = {};
-  if (!props.schema)
-    return;
+  if (!props.schema) return;
   const shape = getBaseSchema(props.schema)?.shape;
-  if (!shape)
-    return;
+  if (!shape) return;
   Object.keys(shape).forEach((name) => {
     const item = shape[name];
     const baseItem = getBaseSchema(item);
@@ -43,7 +51,13 @@ provide(FieldContextKey, fieldContext);
 <template>
   <section>
     <slot v-bind="props">
-      <Accordion type="single" as-child class="w-full" collapsible :disabled="disabled">
+      <Accordion
+        type="single"
+        as-child
+        class="w-full"
+        collapsible
+        :disabled="disabled"
+      >
         <FormItem>
           <AccordionItem :value="fieldName" class="border-none">
             <AccordionTrigger>

package/dist/runtime/components/ui/auto-form/AutoFormLabel.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { FormLabel } from "~/src/runtime/components/ui/form";
+import { FormLabel } from "../form";
 defineProps({
   required: { type: Boolean, required: false }
 });

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

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

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.vue

@@ -5,7 +5,7 @@ import {
   useForwardProps
 } from "reka-ui";
 import { cn } from "../../../lib/utils";
-import { buttonVariants } from "~/src/runtime/components/ui/button";
+import { buttonVariants } from "../button";
 const props = defineProps({
   day: { type: null, required: true },
   month: { type: null, required: true },

package/dist/runtime/components/ui/calendar/CalendarNextButton.vue

@@ -3,7 +3,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { ChevronRight } from "lucide-vue-next";
 import { CalendarNext, useForwardProps } from "reka-ui";
 import { cn } from "../../../lib/utils";
-import { buttonVariants } from "~/src/runtime/components/ui/button";
+import { buttonVariants } from "../button";
 const props = defineProps({
   nextPage: { type: Function, required: false },
   asChild: { type: Boolean, required: false },