@una-ui/nuxt 0.61.0 → 1.0.0-alpha.2

package/dist/runtime/components/elements/card/CardAction.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NCardActionProps } from '../../../types/card.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCardActionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardActionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/card/CardContent.vue

@@ -8,6 +8,7 @@ const props = defineProps({
 
 <template>
   <div
+    data-slot="card-content"
     :class="cn(
   'card-content',
   props.una?.cardContent,

package/dist/runtime/components/elements/card/CardDescription.vue

@@ -8,6 +8,7 @@ const props = defineProps({
 
 <template>
   <p
+    data-slot="card-description"
     :class="cn(
   'card-description',
   props.una?.cardDescription,

package/dist/runtime/components/elements/card/CardFooter.vue

@@ -8,6 +8,7 @@ const props = defineProps({
 
 <template>
   <div
+    data-slot="card-footer"
     :class="cn(
   'card-footer',
   props.una?.cardFooter,

package/dist/runtime/components/elements/card/CardHeader.vue

@@ -8,6 +8,7 @@ const props = defineProps({
 
 <template>
   <div
+    data-slot="card-header"
     :class="cn(
   'card-header',
   props.una?.cardHeader,

package/dist/runtime/components/elements/card/CardTitle.vue

@@ -8,6 +8,7 @@ const props = defineProps({
 
 <template>
   <h3
+    data-slot="card-title"
     :class="
   cn(
     'card-title',

package/dist/runtime/components/elements/dialog/Dialog.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { reactivePick } from "@vueuse/core";
-import { DialogRoot, DialogTrigger, useForwardPropsEmits, VisuallyHidden } from "reka-ui";
+import { DialogRoot, useForwardPropsEmits, VisuallyHidden } from "reka-ui";
 import { computed } from "vue";
 import { randomId } from "../../../utils";
 import DialogContent from "./DialogContent.vue";
@@ -9,6 +9,7 @@ import DialogFooter from "./DialogFooter.vue";
 import DialogHeader from "./DialogHeader.vue";
 import DialogScrollContent from "./DialogScrollContent.vue";
 import DialogTitle from "./DialogTitle.vue";
+import DialogTrigger from "./DialogTrigger.vue";
 defineOptions({
   inheritAttrs: false
 });
@@ -21,11 +22,12 @@ const props = defineProps({
   _dialogHeader: { type: Object, required: false },
   _dialogFooter: { type: Object, required: false },
   _dialogContent: { type: Object, required: false },
+  _dialogTrigger: { type: Object, required: false },
   una: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
   modal: { type: Boolean, required: false },
-  preventClose: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false, default: true },
   showClose: { type: Boolean, required: false, default: true },
   overlay: { type: Boolean, required: false, default: true },
   _dialogClose: { type: Object, required: false },
@@ -45,71 +47,80 @@ const rootPropsEmits = useForwardPropsEmits(rootProps, emits);
 </script>
 
 <template>
-  <DialogRoot v-slot="{ open }" v-bind="rootPropsEmits">
-    <DialogTrigger as-child>
-      <slot name="trigger" :open />
-    </DialogTrigger>
+  <DialogRoot
+    v-slot="{ open }"
+    data-slot="dialog"
+    v-bind="rootPropsEmits"
+  >
+    <slot>
+      <DialogTrigger
+        v-bind="_dialogTrigger"
+        as-child
+      >
+        <slot name="trigger" :open />
+      </DialogTrigger>
 
-    <component
-      :is="!scrollable ? DialogContent : DialogScrollContent"
-      v-bind="_dialogContent"
-      :_dialog-overlay
-      :_dialog-close
-      :scrollable
-      :show-close
-      :prevent-close
-      :una
-    >
-      <VisuallyHidden v-if="title === DEFAULT_TITLE || !!$slots.title || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
-        <DialogTitle v-if="title === DEFAULT_TITLE || !!$slots.title">
-          {{ title }}
-        </DialogTitle>
+      <component
+        :is="!scrollable ? DialogContent : DialogScrollContent"
+        v-bind="_dialogContent"
+        :_dialog-overlay
+        :_dialog-close
+        :scrollable
+        :show-close
+        :dismissible
+        :una
+      >
+        <VisuallyHidden v-if="title === DEFAULT_TITLE || !!$slots.title || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
+          <DialogTitle v-if="title === DEFAULT_TITLE || !!$slots.title">
+            {{ title }}
+          </DialogTitle>
 
-        <DialogDescription v-if="description === DEFAULT_DESCRIPTION || !!$slots.description">
-          {{ description }}
-        </DialogDescription>
-      </VisuallyHidden>
+          <DialogDescription v-if="description === DEFAULT_DESCRIPTION || !!$slots.description">
+            {{ description }}
+          </DialogDescription>
+        </VisuallyHidden>
 
-      <slot name="content">
-        <DialogHeader
-          v-if="!!$slots.header || (title !== DEFAULT_TITLE || !!$slots.title) || (description !== DEFAULT_DESCRIPTION || !!$slots.description)"
-          v-bind="_dialogHeader"
-          :una
-        >
-          <slot name="header">
-            <DialogTitle
-              v-if="$slots.title || title !== DEFAULT_TITLE"
-              v-bind="_dialogTitle"
-              :una
-            >
-              <slot name="title">
-                {{ title }}
-              </slot>
-            </DialogTitle>
+        <slot name="content">
+          <DialogHeader
+            v-if="!!$slots.header || (title !== DEFAULT_TITLE || !!$slots.title) || (description !== DEFAULT_DESCRIPTION || !!$slots.description)"
+            v-bind="_dialogHeader"
+            :una
+          >
+            <slot name="header">
+              <DialogTitle
+                v-if="$slots.title || title !== DEFAULT_TITLE"
+                v-bind="_dialogTitle"
+                :una
+              >
+                <slot name="title">
+                  {{ title }}
+                </slot>
+              </DialogTitle>
 
-            <DialogDescription
-              v-if="$slots.description || description !== DEFAULT_DESCRIPTION"
-              v-bind="_dialogDescription"
-              :una
-            >
-              <slot name="description">
-                {{ description }}
-              </slot>
-            </DialogDescription>
-          </slot>
-        </DialogHeader>
+              <DialogDescription
+                v-if="$slots.description || description !== DEFAULT_DESCRIPTION"
+                v-bind="_dialogDescription"
+                :una
+              >
+                <slot name="description">
+                  {{ description }}
+                </slot>
+              </DialogDescription>
+            </slot>
+          </DialogHeader>
 
-        <!-- body -->
-        <slot />
+          <!-- body -->
+          <slot name="body" />
 
-        <DialogFooter
-          v-if="$slots.footer"
-          v-bind="_dialogFooter"
-          :una
-        >
-          <slot name="footer" />
-        </DialogFooter>
-      </slot>
-    </component>
+          <DialogFooter
+            v-if="$slots.footer"
+            v-bind="_dialogFooter"
+            :una
+          >
+            <slot name="footer" />
+          </DialogFooter>
+        </slot>
+      </component>
+    </slot>
   </DialogRoot>
 </template>

package/dist/runtime/components/elements/dialog/Dialog.vue.d.ts

@@ -1,27 +1,30 @@
 import type { NDialogProps } from '../../../types/index.js';
-declare var __VLS_10: {
+declare var __VLS_6: {}, __VLS_11: {
     open: boolean;
-}, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {};
+}, __VLS_27: {}, __VLS_32: {}, __VLS_37: {}, __VLS_42: {}, __VLS_44: {}, __VLS_49: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_6) => any;
 } & {
-    content?: (props: typeof __VLS_26) => any;
+    trigger?: (props: typeof __VLS_11) => any;
 } & {
-    header?: (props: typeof __VLS_31) => any;
+    content?: (props: typeof __VLS_27) => any;
 } & {
-    title?: (props: typeof __VLS_36) => any;
+    header?: (props: typeof __VLS_32) => any;
 } & {
-    description?: (props: typeof __VLS_41) => any;
+    title?: (props: typeof __VLS_37) => any;
 } & {
-    default?: (props: typeof __VLS_43) => any;
+    description?: (props: typeof __VLS_42) => any;
 } & {
-    footer?: (props: typeof __VLS_48) => any;
+    body?: (props: typeof __VLS_44) => any;
+} & {
+    footer?: (props: typeof __VLS_49) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<NDialogProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    dismissible: boolean;
     overlay: boolean;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/dialog/DialogClose.vue

@@ -38,6 +38,7 @@ const props = defineProps({
 
 <template>
   <DialogClose
+    data-slot="dialog-close"
     as-child
   >
     <slot>

package/dist/runtime/components/elements/dialog/DialogClose.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NDialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogCloseProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     btn: string;
     square: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/dialog/DialogContent.vue

@@ -13,7 +13,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  preventClose: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false, default: true },
   showClose: { type: Boolean, required: false, default: true },
   overlay: { type: Boolean, required: false, default: true },
   _dialogClose: { type: Object, required: false },
@@ -30,7 +30,7 @@ const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside"
 const delegatedProps = reactiveOmit(props, ["class", "una", "_dialogOverlay", "_dialogClose"]);
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 const contentEvents = computed(() => {
-  if (props.preventClose) {
+  if (!props.dismissible) {
     return {
       pointerDownOutside: (e) => e.preventDefault(),
       interactOutside: (e) => e.preventDefault(),
@@ -53,6 +53,7 @@ const contentEvents = computed(() => {
     />
 
     <DialogContent
+      data-slot="dialog-content"
       v-bind="{ ...forwarded, ...$attrs }"
       :class="cn(
   'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',

package/dist/runtime/components/elements/dialog/DialogContent.vue.d.ts

@@ -18,6 +18,7 @@ declare const __VLS_component: import("vue").DefineComponent<NDialogContentProps
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    dismissible: boolean;
     overlay: boolean;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/dialog/DialogDescription.vue

@@ -14,6 +14,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 
 <template>
   <DialogDescription
+    data-slot="dialog-description"
     v-bind="forwardedProps"
     :class="cn(
   'dialog-description data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',

package/dist/runtime/components/elements/dialog/DialogFooter.vue

@@ -8,6 +8,7 @@ const props = defineProps({
 
 <template>
   <div
+    data-slot="dialog-footer"
     :class="cn(
   'dialog-footer',
   props.una?.dialogFooter,

package/dist/runtime/components/elements/dialog/DialogHeader.vue

@@ -8,6 +8,7 @@ const props = defineProps({
 
 <template>
   <div
+    data-slot="dialog-header"
     :class="cn(
   'dialog-header',
   props.una?.dialogHeader,

package/dist/runtime/components/elements/dialog/DialogOverlay.vue

@@ -10,6 +10,7 @@ const props = defineProps({
 
 <template>
   <DialogOverlay
+    data-slot="dialog-overlay"
     :class="cn(
   'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
   !props.scrollable ? 'dialog-overlay' : 'dialog-scroll-overlay',

package/dist/runtime/components/elements/dialog/DialogScrollContent.vue

@@ -13,7 +13,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  preventClose: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false, default: true },
   showClose: { type: Boolean, required: false, default: true },
   overlay: { type: Boolean, required: false, default: true },
   _dialogClose: { type: Object, required: false },
@@ -29,7 +29,7 @@ const props = defineProps({
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
 const delegatedProps = reactiveOmit(props, ["class", "_dialogOverlay", "_dialogClose"]);
 const contentEvents = computed(() => {
-  if (props.preventClose) {
+  if (!props.dismissible) {
     return {
       pointerDownOutside: (e) => e.preventDefault(),
       interactOutside: (e) => e.preventDefault(),

package/dist/runtime/components/elements/dialog/DialogScrollContent.vue.d.ts

@@ -18,6 +18,7 @@ declare const __VLS_component: import("vue").DefineComponent<NDialogContentProps
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    dismissible: boolean;
     overlay: boolean;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/dialog/DialogTitle.vue

@@ -14,6 +14,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 
 <template>
   <DialogTitle
+    data-slot="dialog-title"
     v-bind="forwardedProps"
     :class="
   cn(

package/dist/runtime/components/elements/dialog/DialogTrigger.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { DialogTrigger } from "reka-ui";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <DialogTrigger
+    data-slot="dialog-trigger"
+    v-bind="props"
+  >
+    <slot />
+  </DialogTrigger>
+</template>

package/dist/runtime/components/elements/dialog/DialogTrigger.vue.d.ts

@@ -0,0 +1,13 @@
+import type { DialogTriggerProps } from 'reka-ui';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuItem.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NDropdownMenuItemProps } from '../../../types/index.js';
 type __VLS_Slots = any;
 declare const __VLS_component: import("vue").DefineComponent<NDropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDropdownMenuItemProps> & Readonly<{}>, {
-    rounded: import("vue").HTMLAttributes["class"];
     size: string;
+    rounded: import("vue").HTMLAttributes["class"];
     dropdownMenuItem: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/pagination/PaginationFirst.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationFirstProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationFirstProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/pagination/PaginationLast.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationLastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationLastProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/pagination/PaginationNext.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationNextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationNextProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/pagination/PaginationPrev.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationPrevProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationPrevProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/tabs/TabsTrigger.vue

@@ -31,8 +31,8 @@ const props = defineProps({
   dropdownMenu: { type: String, required: false },
   toggleOn: { type: String, required: false },
   toggleOff: { type: String, required: false },
-  tabsActive: { type: String, required: false, default: "soft-black" },
-  tabsInactive: { type: String, required: false },
+  tabsActive: { type: String, required: false, default: "outline-gray" },
+  tabsInactive: { type: String, required: false, default: "text-muted" },
   navigationMenu: { type: String, required: false },
   navigationMenuLink: { type: String, required: false },
   ariaLabel: { type: String, required: false }

package/dist/runtime/components/elements/tabs/TabsTrigger.vue.d.ts

@@ -6,6 +6,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<NTabsTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NTabsTriggerProps> & Readonly<{}>, {
     size: string;
     tabsActive: string;
+    tabsInactive: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/forms/Checkbox.vue

@@ -9,9 +9,9 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  checkbox: { type: String, required: false },
+  checkbox: { type: String, required: false, default: "primary" },
   label: { type: String, required: false },
-  size: { type: String, required: false },
+  size: { type: String, required: false, default: "md" },
   reverse: { type: Boolean, required: false },
   forceMount: { type: Boolean, required: false, default: true },
   _checkboxIndicator: { type: Object, required: false },

package/dist/runtime/components/forms/Checkbox.vue.d.ts

@@ -10,7 +10,9 @@ declare const __VLS_component: import("vue").DefineComponent<NCheckboxProps, {},
 }, string, import("vue").PublicProps, Readonly<NCheckboxProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
 }>, {
+    size: string;
     forceMount: boolean;
+    checkbox: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/forms/FormGroup.vue

@@ -25,7 +25,7 @@ const statusClassVariants = computed(() => {
     success: "text-success",
     warning: "text-warning",
     error: "text-error",
-    default: "text-muted"
+    default: "text-muted-foreground"
   };
   return text[props.status ?? "default"];
 });

package/dist/runtime/components/forms/Input.vue.d.ts

@@ -13,22 +13,22 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     select: () => void | undefined;
     inputRef: import("vue").Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur: (...args: any[]) => void;
-    change: (...args: any[]) => void;
     leading: (...args: any[]) => void;
     trailing: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onLeading?: ((...args: any[]) => any) | undefined;
     onTrailing?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: string;
-    resize: string | null;
     type: HTMLInputElement["type"] | "textarea";
+    size: string;
     autofocusDelay: number;
+    resize: string | null;
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;