@una-ui/nuxt 0.54.2 → 0.54.3

package/dist/runtime/components/forms/form/FormControl.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/forms/form/FormDescription.vue

@@ -1,21 +1,21 @@
-<script lang="ts" setup>
-import type { NFormDescriptionProps } from '../../../types'
-import { useFormField } from '../../../composables/useFormField'
-import { cn } from '../../../utils'
-
-const props = defineProps<NFormDescriptionProps>()
-
-const { formDescriptionId } = useFormField()
+<script setup>
+import { useFormField } from "../../../composables/useFormField";
+import { cn } from "../../../utils";
+const props = defineProps({
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
+const { formDescriptionId } = useFormField();
 </script>
 
 <template>
   <p
     :id="formDescriptionId"
     :class="cn(
-      'form-description',
-      props.una?.formDescription,
-      props.class,
-    )"
+  'form-description',
+  props.una?.formDescription,
+  props.class
+)"
   >
     <slot />
   </p>

package/dist/runtime/components/forms/form/FormDescription.vue.d.ts

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

@@ -1,32 +1,41 @@
-<script setup lang="ts">
-import type { NFormFieldProps } from '../../../types'
-import { Field } from 'vee-validate'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import FormFieldDefaultSlot from '../../slots/FormFieldDefault'
-import FormControl from './FormControl.vue'
-import FormDescription from './FormDescription.vue'
-import FormItem from './FormItem.vue'
-import FormLabel from './FormLabel.vue'
-import FormMessage from './FormMessage.vue'
-
+<script setup>
+import { Field } from "vee-validate";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import FormFieldDefaultSlot from "../../slots/FormFieldDefault";
+import FormControl from "./FormControl.vue";
+import FormDescription from "./FormDescription.vue";
+import FormItem from "./FormItem.vue";
+import FormLabel from "./FormLabel.vue";
+import FormMessage from "./FormMessage.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = defineProps<NFormFieldProps>()
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  class: { type: null, required: false },
+  status: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  id: { type: String, required: false },
+  label: { type: String, required: false },
+  hint: { type: null, required: false },
+  description: { type: null, required: false },
+  message: { type: null, required: false },
+  una: { type: Object, required: false },
+  for: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
 const statusClassVariants = computed(() => {
   const text = {
-    info: 'text-info',
-    success: 'text-success',
-    warning: 'text-warning',
-    error: 'text-error',
-    default: 'text-muted',
-  }
-
-  return text[props.status ?? 'default']
-})
+    info: "text-info",
+    success: "text-success",
+    warning: "text-warning",
+    error: "text-error",
+    default: "text-muted"
+  };
+  return text[props.status ?? "default"];
+});
 </script>
 
 <template>
@@ -36,36 +45,36 @@ const statusClassVariants = computed(() => {
   >
     <FormItem
       :class="cn(
-        props.class,
-      )"
+  props.class
+)"
       :una
     >
       <slot name="top">
         <div
           :class="cn(
-            'form-field-top-wrapper',
-            una?.formFieldTopWrapper,
-          )"
+  'form-field-top-wrapper',
+  una?.formFieldTopWrapper
+)"
         >
           <div
             v-if="label || hint || description"
             :class="cn(
-              'form-field-top-wrapper',
-              una?.formFieldTopWrapper,
-            )"
+  'form-field-top-wrapper',
+  una?.formFieldTopWrapper
+)"
           >
             <div
               v-if="label || hint"
               :class="cn(
-                'form-field-top-wrapper-inner',
-                una?.formFieldTopWrapperInner,
-              )"
+  'form-field-top-wrapper-inner',
+  una?.formFieldTopWrapperInner
+)"
             >
               <div
                 :class="cn(
-                  'form-field-label-wrapper',
-                  una?.formFieldLabelWrapper,
-                )"
+  'form-field-label-wrapper',
+  una?.formFieldLabelWrapper
+)"
               >
                 <slot name="label">
                   <FormLabel
@@ -78,9 +87,9 @@ const statusClassVariants = computed(() => {
                     <span
                       v-if="required"
                       :class="cn(
-                        'form-field-label-required',
-                        una?.formFieldLabelRequired,
-                      )"
+  'form-field-label-required',
+  una?.formFieldLabelRequired
+)"
                     />
                   </FormLabel>
                 </slot>
@@ -90,9 +99,9 @@ const statusClassVariants = computed(() => {
                 <span
                   v-if="hint"
                   :class="cn(
-                    'form-field-hint',
-                    una?.formFieldHint,
-                  )"
+  'form-field-hint',
+  una?.formFieldHint
+)"
                 >
                   {{ hint }}
                 </span>
@@ -123,24 +132,24 @@ const statusClassVariants = computed(() => {
       <slot name="bottom">
         <div
           :class="cn(
-            'form-field-bottom-wrapper',
-            una?.formFieldBottomWrapper,
-          )"
+  'form-field-bottom-wrapper',
+  una?.formFieldBottomWrapper
+)"
         >
           <slot name="message">
             <div
               v-if="message && !errorMessage"
               :class="cn(
-                'form-field-message-wrapper',
-                una?.formFieldMessageWrapper,
-              )"
+  'form-field-message-wrapper',
+  una?.formFieldMessageWrapper
+)"
             >
               <FormDescription
                 :class="cn(
-                  'form-field-message',
-                  una?.formMessage,
-                  statusClassVariants,
-                )"
+  'form-field-message',
+  una?.formMessage,
+  statusClassVariants
+)"
               >
                 {{ message }}
               </FormDescription>

package/dist/runtime/components/forms/form/FormField.vue.d.ts

@@ -0,0 +1,25 @@
+import type { NFormFieldProps } from '../../../types/index.js';
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_16: {}, __VLS_18: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {};
+type __VLS_Slots = {} & {
+    top?: (props: typeof __VLS_9) => any;
+} & {
+    label?: (props: typeof __VLS_11) => any;
+} & {
+    hint?: (props: typeof __VLS_16) => any;
+} & {
+    description?: (props: typeof __VLS_18) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    bottom?: (props: typeof __VLS_32) => any;
+} & {
+    message?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NFormFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NFormFieldProps> & 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/forms/form/FormItem.vue

@@ -1,22 +1,22 @@
-<script lang="ts" setup>
-import type { NFormItemProps } from '../../../types'
-import { provide } from 'vue'
-import { cn, randomId } from '../../../utils'
-import { FORM_ITEM_INJECTION_KEY } from '../../../utils/injectionKeys'
-
-const props = defineProps<NFormItemProps>()
-
-const id = randomId('form')
-provide(FORM_ITEM_INJECTION_KEY, id)
+<script setup>
+import { provide } from "vue";
+import { cn, randomId } from "../../../utils";
+import { FORM_ITEM_INJECTION_KEY } from "../../../utils/injectionKeys";
+const props = defineProps({
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
+const id = randomId("form");
+provide(FORM_ITEM_INJECTION_KEY, id);
 </script>
 
 <template>
   <div
     :class="cn(
-      'form-item',
-      props.una?.formItem,
-      props.class,
-    )"
+  'form-item',
+  props.una?.formItem,
+  props.class
+)"
   >
     <slot />
   </div>

package/dist/runtime/components/forms/form/FormItem.vue.d.ts

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

@@ -1,21 +1,25 @@
-<script lang="ts" setup>
-import type { NFormLabelProps } from '../../../types'
-import { useFormField } from '../../../composables/useFormField'
-import { cn } from '../../../utils'
-import Label from '../../elements/Label.vue'
-
-const props = defineProps<NFormLabelProps>()
-
-const { formItemId } = useFormField()
+<script setup>
+import { useFormField } from "../../../composables/useFormField";
+import { cn } from "../../../utils";
+import Label from "../../elements/Label.vue";
+const props = defineProps({
+  una: { type: Object, required: false },
+  label: { type: String, required: false },
+  class: { type: null, required: false },
+  for: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const { formItemId } = useFormField();
 </script>
 
 <template>
   <Label
     :class="cn(
-      'form-label',
-      props.una?.formLabel,
-      props.class,
-    )"
+  'form-label',
+  props.una?.formLabel,
+  props.class
+)"
     :for="formItemId"
   >
     <slot />

package/dist/runtime/components/forms/form/FormLabel.vue.d.ts

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

@@ -1,13 +1,13 @@
-<script lang="ts" setup>
-import type { NFormMessageProps } from '../../../types'
-import { ErrorMessage } from 'vee-validate'
-import { toValue } from 'vue'
-import { useFormField } from '../../../composables/useFormField'
-import { cn } from '../../../utils'
-
-const props = defineProps<NFormMessageProps>()
-
-const { name, formMessageId } = useFormField()
+<script setup>
+import { ErrorMessage } from "vee-validate";
+import { toValue } from "vue";
+import { useFormField } from "../../../composables/useFormField";
+import { cn } from "../../../utils";
+const props = defineProps({
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
+const { name, formMessageId } = useFormField();
 </script>
 
 <template>
@@ -16,9 +16,9 @@ const { name, formMessageId } = useFormField()
     as="p"
     :name="toValue(name)"
     :class="cn(
-      'form-message',
-      props.una?.formMessage,
-      props.class,
-    )"
+  'form-message',
+  props.una?.formMessage,
+  props.class
+)"
   />
 </template>

package/dist/runtime/components/forms/form/FormMessage.vue.d.ts

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

package/dist/runtime/components/forms/radio-group/RadioGroup.vue

@@ -1,67 +1,71 @@
-<script lang="ts">
-import type { AcceptableValue, RadioGroupRootEmits } from 'reka-ui'
-import type { NRadioGroupItemProps, NRadioGroupProps } from '../../../types'
-</script>
-
-<script setup lang="ts" generic="T extends AcceptableValue">
-import { reactivePick } from '@vueuse/core'
-import { RadioGroupRoot, useForwardPropsEmits } from 'reka-ui'
-import { cn } from '../../../utils'
-import RadioGroupItem from './RadioGroupItem.vue'
+<script>
 
-const props = withDefaults(defineProps<NRadioGroupProps<T>>(), {
-  radioGroup: 'primary',
-  size: 'md',
-  square: '1em',
-})
-
-const emits = defineEmits<RadioGroupRootEmits>()
+</script>
 
+<script setup>
+import { reactivePick } from "@vueuse/core";
+import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../../utils";
+import RadioGroupItem from "./RadioGroupItem.vue";
+const props = defineProps({
+  items: { type: Array, required: false },
+  labelKey: { type: null, required: false },
+  valueKey: { type: null, required: false },
+  descriptionKey: { type: null, required: false },
+  reverse: { type: Boolean, required: false },
+  radioGroup: { type: null, required: false, default: "primary" },
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false, default: "md" },
+  square: { type: null, required: false, default: "1em" },
+  rounded: { type: null, required: false },
+  icon: { type: null, required: false },
+  modelValue: { type: [String, Number, Object, null], required: false },
+  defaultValue: { type: [String, Number, Object, null], required: false },
+  disabled: { type: Boolean, required: false },
+  orientation: { type: String, required: false },
+  dir: { type: String, required: false },
+  loop: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
 const rootProps = reactivePick(props, [
-  'modelValue',
-  'defaultValue',
-  'disabled',
-  'required',
-  'loop',
-])
-const forwarded = useForwardPropsEmits(rootProps, emits)
-
-function isRadioGroupItem(item: any): item is NRadioGroupItemProps {
-  return typeof item === 'object' && item !== null && 'value' in item
+  "modelValue",
+  "defaultValue",
+  "disabled",
+  "required",
+  "loop"
+]);
+const forwarded = useForwardPropsEmits(rootProps, emits);
+function isRadioGroupItem(item) {
+  return typeof item === "object" && item !== null && "value" in item;
 }
-
-function isObjectWithKey<K extends PropertyKey>(item: unknown, key: K): item is Record<K, unknown> {
-  return typeof item === 'object' && item !== null && key in item
+function isObjectWithKey(item, key) {
+  return typeof item === "object" && item !== null && key in item;
 }
-
-function getItemValue(item: NonNullable<T | NRadioGroupItemProps>): string {
+function getItemValue(item) {
   if (props.valueKey && isObjectWithKey(item, props.valueKey))
-    return String(item[props.valueKey])
-
+    return String(item[props.valueKey]);
   if (isRadioGroupItem(item))
-    return String(item.value)
-
-  return String(item)
+    return String(item.value);
+  return String(item);
 }
-
-function getItemLabel(item: NonNullable<T | NRadioGroupItemProps>): string {
+function getItemLabel(item) {
   if (props.labelKey && isObjectWithKey(item, props.labelKey))
-    return String(item[props.labelKey])
-
+    return String(item[props.labelKey]);
   if (isRadioGroupItem(item) && item.label)
-    return String(item.label)
-
-  return ''
+    return String(item.label);
+  return "";
 }
-
-function getItemDescription(item: NonNullable<T | NRadioGroupItemProps>): string | undefined {
+function getItemDescription(item) {
   if (props.descriptionKey && isObjectWithKey(item, props.descriptionKey))
-    return String(item[props.descriptionKey])
-
+    return String(item[props.descriptionKey]);
   if (isRadioGroupItem(item) && item.description)
-    return String(item.description)
-
-  return undefined
+    return String(item.description);
+  return void 0;
 }
 </script>
 
@@ -69,27 +73,27 @@ function getItemDescription(item: NonNullable<T | NRadioGroupItemProps>): string
   <RadioGroupRoot
     v-slot="{ modelValue }"
     :class="cn(
-      'radio-group',
-      orientation === 'horizontal' ? 'radio-group-orientation-horizontal' : 'radio-group-orientation-vertical',
-      una?.radioGroup,
-      props.class,
-    )"
+  'radio-group',
+  orientation === 'horizontal' ? 'radio-group-orientation-horizontal' : 'radio-group-orientation-vertical',
+  una?.radioGroup,
+  props.class
+)"
     v-bind="forwarded"
   >
     <slot :model-value>
       <template v-if="items?.length">
         <RadioGroupItem
           v-for="item in items"
-          :key="getItemValue(item!)"
-          v-bind="{ rounded, icon, size, square, radioGroup, ...(item as NRadioGroupItemProps) }"
-          :una="{ ...una, ...(isRadioGroupItem(item!) && item!.una) }"
-          :value="getItemValue(item!)"
+          :key="getItemValue(item)"
+          v-bind="{ rounded, icon, size, square, radioGroup, ...item }"
+          :una="{ ...una, ...isRadioGroupItem(item) && item.una }"
+          :value="getItemValue(item)"
         >
           <slot
             name="label"
             :item
           >
-            {{ getItemLabel(item!) }}
+            {{ getItemLabel(item) }}
           </slot>
 
           <template #description>
@@ -97,7 +101,7 @@ function getItemDescription(item: NonNullable<T | NRadioGroupItemProps>): string
               name="description"
               :item
             >
-              {{ getItemDescription(item!) }}
+              {{ getItemDescription(item) }}
             </slot>
           </template>
         </RadioGroupItem>

package/dist/runtime/components/forms/radio-group/RadioGroup.vue.d.ts

@@ -0,0 +1,29 @@
+import type { AcceptableValue } from 'reka-ui';
+import type { NRadioGroupItemProps, NRadioGroupProps } from '../../../types/index.js';
+declare const _default: <T extends AcceptableValue>(__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<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            modelValue: AcceptableValue | undefined;
+        }) => any;
+    } & {
+        label?: (props: {
+            item: NRadioGroupItemProps | T;
+        }) => any;
+    } & {
+        description?: (props: {
+            item: NRadioGroupItemProps | T;
+        }) => any;
+    };
+    emit: (evt: "update:modelValue", payload: string) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};