@una-ui/nuxt 0.52.0 → 0.53.0

package/dist/runtime/components/elements/Progress.vue

@@ -1,63 +1,65 @@
-<script setup lang="ts">
-import type { NProgressProps } from '../../types'
+<script setup>
 import {
   ProgressIndicator,
-  ProgressRoot,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../utils'
-
-const props = withDefaults(
-  defineProps<NProgressProps>(),
-  {
-    progress: 'primary',
-    rounded: 'full',
-  },
-)
-
+  ProgressRoot
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../utils";
+const props = defineProps({
+  progress: { type: null, required: false, default: "primary" },
+  size: { type: null, required: false },
+  rounded: { type: null, required: false, default: "full" },
+  una: { type: Object, required: false },
+  modelValue: { type: [Number, null], required: false },
+  max: { type: Number, required: false },
+  getValueLabel: { type: Function, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
 </script>
 
 <template>
   <ProgressRoot
+    v-slot="{ modelValue }"
     v-bind="delegatedProps"
     :class="
-      cn(
-        'progress-root',
-        props.una?.progressRoot,
-        props.class,
-      )
-    "
+  cn(
+    'progress-root',
+    props.una?.progressRoot,
+    props.class
+  )
+"
     :rounded
     :progress
   >
-    <slot>
+    <slot :model-value>
       <ProgressIndicator
-        v-if="props.modelValue !== undefined || props.modelValue === null"
+        v-if="modelValue !== void 0 || modelValue === null"
         :class="cn(
-          'progress-indicator',
-          props.una?.progressIndicator,
-        )"
-        :style="`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`"
+  'progress-indicator',
+  props.una?.progressIndicator
+)"
+        :style="`transform: translateX(-${100 - (modelValue ?? 0)}%);`"
       />
       <template
         v-else
       >
         <ProgressIndicator
           :class="cn(
-            'increase progress-indeterminate',
-            props.una?.progressIndicator,
-          )"
+  'increase progress-indeterminate',
+  props.una?.progressIndicator
+)"
         />
         <ProgressIndicator
           :class="cn(
-            'decrease progress-indeterminate',
-            props.una?.progressIndicator,
-          )"
+  'decrease progress-indeterminate',
+  props.una?.progressIndicator
+)"
         />
       </template>
     </slot>

package/dist/runtime/components/elements/Progress.vue.d.ts

@@ -0,0 +1,18 @@
+import type { NProgressProps } from '../../types/index.js';
+declare var __VLS_6: {
+    modelValue: number | null | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NProgressProps> & Readonly<{}>, {
+    rounded: import("vue").HTMLAttributes["class"];
+    progress: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, 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/Separator.vue

@@ -1,41 +1,46 @@
-<script setup lang="ts">
-import type { NSeparatorProps } from '../../types'
-import { Separator } from 'reka-ui'
-import { computed } from 'vue'
-import { cn, omitProps } from '../../utils'
-
-const props = withDefaults(defineProps<NSeparatorProps>(), {
-  orientation: 'horizontal',
-})
-
+<script setup>
+import { Separator } from "reka-ui";
+import { computed } from "vue";
+import { cn, omitProps } from "../../utils";
+const props = defineProps({
+  separator: { type: null, required: false },
+  separatorPosition: { type: null, required: false },
+  size: { type: null, required: false },
+  una: { type: Object, required: false },
+  orientation: { type: String, required: false, default: "horizontal" },
+  decorative: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  label: { type: String, required: false }
+});
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = omitProps(props, ['una'])
-
-  return delegated
-})
+  const { class: _, ...delegated } = omitProps(props, ["una"]);
+  return delegated;
+});
 </script>
 
 <template>
   <Separator
     v-bind="omitProps(delegatedProps, ['una', 'separatorPosition'])"
     :class="
-      cn(
-        'separator',
-        props.una?.separatorDefaultVariant || 'separator-default-variant',
-        props.class,
-        props.una?.separator,
-        props.orientation === 'vertical' ? 'separator-vertical' : 'separator-horizontal',
-      )
-    "
+  cn(
+    'separator',
+    props.una?.separatorDefaultVariant || 'separator-default-variant',
+    props.class,
+    props.una?.separator,
+    props.orientation === 'vertical' ? 'separator-vertical' : 'separator-horizontal'
+  )
+"
   >
     <span
       v-if="props.label || $slots.default"
       :separator-position="props.separatorPosition || 'center'"
       :class="cn(
-        'separator-content',
-        props.una?.separatorContent,
-        props.orientation === 'vertical' ? 'separator-content-vertical' : 'separator-content-horizontal',
-      )"
+  'separator-content',
+  props.una?.separatorContent,
+  props.orientation === 'vertical' ? 'separator-content-vertical' : 'separator-content-horizontal'
+)"
     >
       <slot>
         {{ props.label }}

package/dist/runtime/components/elements/Separator.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NSeparatorProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSeparatorProps> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/Skeleton.vue

@@ -1,19 +1,23 @@
-<script setup lang="ts">
-import type { NSkeletonProps } from '../../types'
-import { cn } from '../../utils'
-
-const props = defineProps<NSkeletonProps>()
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  skeleton: { type: null, required: false },
+  size: { type: null, required: false },
+  rounded: { type: null, required: false },
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <div
     :class="
-      cn(
-        'skeleton',
-        props.class,
-        props.una?.skeleton,
-      )
-    "
+  cn(
+    'skeleton',
+    props.class,
+    props.una?.skeleton
+  )
+"
     :skeleton
     :size
     :rounded

package/dist/runtime/components/elements/Skeleton.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NSkeletonProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSkeletonProps> & 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/Toggle.vue

@@ -1,35 +1,57 @@
-<script setup lang="ts">
-import type { ToggleEmits } from 'reka-ui'
-import type { NToggleProps } from '../../types'
-import { Toggle, useForwardPropsEmits } from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../utils'
-import Button from './Button.vue'
-
-const props = withDefaults(defineProps<NToggleProps>(), {
-  icon: true,
-  square: true,
-  toggleOff: '~',
-  toggleOn: '~',
-})
-
-const emits = defineEmits<ToggleEmits>()
-
+<script setup>
+import { Toggle, useForwardPropsEmits } from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../utils";
+import Button from "./Button.vue";
+const props = defineProps({
+  toggleOn: { type: String, required: false, default: "~" },
+  toggleOff: { type: String, required: false, default: "~" },
+  defaultValue: { type: Boolean, required: false },
+  modelValue: { type: [Boolean, null], required: false },
+  disabled: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false, default: true },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false },
+  btn: { type: String, required: false },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false },
+  una: { type: Object, required: false },
+  square: { type: null, required: false, default: true },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
   <Toggle
     :class="cn(
-      'toggle',
-      props.class,
-    )"
+  'toggle',
+  props.class
+)"
     v-bind="forwarded"
     :toggle-off
     :toggle-on

package/dist/runtime/components/elements/Toggle.vue.d.ts

@@ -0,0 +1,22 @@
+import type { NToggleProps } from '../../types/index.js';
+declare var __VLS_7: string | number, __VLS_8: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<NToggleProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    icon: boolean;
+    square: import("vue").HTMLAttributes["class"];
+    toggleOn: string;
+    toggleOff: string;
+}, {}, {}, {}, 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/avatar/Avatar.vue

@@ -1,30 +1,39 @@
-<script setup lang="ts">
-import type { NAvatarProps } from '../../../types'
-import { AvatarRoot } from 'reka-ui'
-import { cn } from '../../../utils'
-import AvatarFallback from './AvatarFallback.vue'
-import AvatarImage from './AvatarImage.vue'
-
+<script setup>
+import { AvatarRoot } from "reka-ui";
+import { cn } from "../../../utils";
+import AvatarFallback from "./AvatarFallback.vue";
+import AvatarImage from "./AvatarImage.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NAvatarProps>(), {
-  as: 'span',
-  size: 'md',
-  rounded: 'full',
-  square: '2.5em',
-  avatar: 'soft',
-})
+  inheritAttrs: false
+});
+const props = defineProps({
+  _avatarRoot: { type: Object, required: false },
+  _avatarImage: { type: Object, required: false },
+  _avatarFallback: { type: Object, required: false },
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false, default: "md" },
+  square: { type: null, required: false, default: "2.5em" },
+  rounded: { type: null, required: false, default: "full" },
+  avatar: { type: null, required: false, default: "soft" },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "span" },
+  label: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  delayMs: { type: Number, required: false },
+  src: { type: String, required: false },
+  alt: { type: String, required: false },
+  referrerPolicy: { type: null, required: false }
+});
 </script>
 
 <template>
   <AvatarRoot
     :class="cn(
-      'avatar',
-      una?.avatarRoot,
-      props.class,
-    )"
+  'avatar',
+  una?.avatarRoot,
+  props.class
+)"
     :size
     :rounded
     :square
@@ -42,7 +51,7 @@ const props = withDefaults(defineProps<NAvatarProps>(), {
     </slot>
 
     <AvatarFallback
-      :label="label || alt?.split(' ').map(word => word[0]).join('').slice(0, 2)"
+      :label="label || alt?.split(' ').map((word) => word[0]).join('').slice(0, 2)"
       :icon
       v-bind="_avatarFallback"
       :una

package/dist/runtime/components/elements/avatar/Avatar.vue.d.ts

@@ -0,0 +1,21 @@
+import type { NAvatarProps } from '../../../types/index.js';
+declare var __VLS_6: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    fallback?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+    rounded: import("vue").HTMLAttributes["class"];
+    size: import("vue").HTMLAttributes["class"];
+    square: import("vue").HTMLAttributes["class"];
+    avatar: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, 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/avatar/AvatarFallback.vue

@@ -1,37 +1,46 @@
-<script setup lang="ts">
-import type { NAvatarAvatarFallbackProps } from '../../../types'
-import { AvatarFallback } from 'reka-ui'
-import { cn, omitProps } from '../../../utils'
-import Icon from '../Icon.vue'
-
-const props = defineProps<NAvatarAvatarFallbackProps>()
+<script setup>
+import { AvatarFallback } from "reka-ui";
+import { cn, omitProps } from "../../../utils";
+import Icon from "../Icon.vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  una: { type: Object, required: false },
+  delayMs: { type: Number, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false }
+});
 </script>
 
 <template>
   <AvatarFallback
     v-bind="omitProps(props, ['label', 'una', 'icon'])"
     :class="cn(
-      'avatar-fallback',
-      una?.avatarFallback,
-      props.class,
-    )"
+  'avatar-fallback',
+  una?.avatarFallback,
+  props.class
+)"
   >
     <slot>
       <span
         v-if="label && !icon"
         :class="cn(
-          'avatar-label',
-          una?.avatarLabel,
-        )"
+  'avatar-label',
+  una?.avatarLabel
+)"
       >
         {{ label }}
       </span>
       <Icon
         v-else-if="icon"
         :class="cn(
-          'avatar-icon',
-          una?.avatarIcon,
-        )"
+  'avatar-icon',
+  una?.avatarIcon
+)"
         :name="label"
       />
     </slot>

package/dist/runtime/components/elements/avatar/AvatarFallback.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NAvatarAvatarFallbackProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAvatarAvatarFallbackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarAvatarFallbackProps> & 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/avatar/AvatarImage.vue

@@ -1,19 +1,28 @@
-<script setup lang="ts">
-import type { NAvatarImageProps } from '../../../types'
-import { AvatarImage } from 'reka-ui'
-import { cn, omitProps } from '../../../utils'
-
-const props = defineProps<NAvatarImageProps>()
+<script setup>
+import { AvatarImage } from "reka-ui";
+import { cn, omitProps } from "../../../utils";
+const props = defineProps({
+  src: { type: String, required: false },
+  alt: { type: String, required: false },
+  una: { type: Object, required: false },
+  referrerPolicy: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false }
+});
 </script>
 
 <template>
   <AvatarImage
     v-bind="omitProps(props, ['class', 'una'])"
-    :src="src!"
+    :src="src"
     :class="cn(
-      'avatar-image',
-      una?.avatarImage,
-      props.class,
-    )"
+  'avatar-image',
+  una?.avatarImage,
+  props.class
+)"
   />
 </template>

package/dist/runtime/components/elements/avatar/AvatarImage.vue.d.ts

@@ -0,0 +1,3 @@
+import type { NAvatarImageProps } from '../../../types/index.js';
+declare const _default: import("vue").DefineComponent<NAvatarImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,26 +1,30 @@
-<script setup lang="ts">
-import type { NCardProps } from '../../../types/card'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import CardContent from './CardContent.vue'
-import CardDescription from './CardDescription.vue'
-import CardFooter from './CardFooter.vue'
-import CardHeader from './CardHeader.vue'
-import CardTitle from './CardTitle.vue'
-
+<script setup>
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import CardContent from "./CardContent.vue";
+import CardDescription from "./CardDescription.vue";
+import CardFooter from "./CardFooter.vue";
+import CardHeader from "./CardHeader.vue";
+import CardTitle from "./CardTitle.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NCardProps>(), {
-  card: 'outline-gray',
-})
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  card: { type: String, required: false, default: "outline-gray" },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  _cardContent: { type: Object, required: false },
+  _cardTitle: { type: Object, required: false },
+  _cardDescription: { type: Object, required: false },
+  _cardHeader: { type: Object, required: false },
+  _cardFooter: { type: Object, required: false },
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
 </script>
 
 <template>
@@ -28,9 +32,9 @@ const delegatedProps = computed(() => {
     v-bind="{ ...$attrs, delegatedProps }"
     :card="card"
     :class="cn(
-      'card',
-      props.class,
-    )"
+  'card',
+  props.class
+)"
   >
     <slot name="root">
       <CardHeader