@una-ui/nuxt 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.7",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "1.0.0-alpha.6";
+const version = "1.0.0-alpha.7";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/combobox/Combobox.vue

@@ -25,6 +25,7 @@ const props = defineProps({
   groupSeparator: { type: Boolean, required: false },
   textEmpty: { type: String, required: false, default: "No items found." },
   label: { type: String, required: false },
+  multiple: { type: null, required: false },
   _comboboxAnchor: { type: Object, required: false },
   _comboboxEmpty: { type: Object, required: false },
   _comboboxGroup: { type: Object, required: false },
@@ -46,7 +47,6 @@ const props = defineProps({
   resetSearchTermOnSelect: { type: Boolean, required: false },
   ignoreFilter: { type: Boolean, required: false },
   defaultValue: { type: null, required: false },
-  multiple: { type: Boolean, required: false },
   dir: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   highlightOnHover: { type: Boolean, required: false },
@@ -139,7 +139,6 @@ function isItemSelected(item) {
 
 <template>
   <ComboboxRoot
-    v-slot="{ modelValue, open }"
     data-slot="combobox"
     :class="cn(
   'combobox',

package/dist/runtime/components/combobox/Combobox.vue.d.ts

@@ -1,6 +1,6 @@
 import type { AcceptableValue } from 'reka-ui';
 import type { ExtractItemType, NComboboxGroupProps, NComboboxProps } 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<{
+declare const _default: <T extends AcceptableValue, M extends boolean = false>(__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"?: ((value: ExtractItemType<T>) => any) | undefined;
         readonly onHighlight?: ((payload: {
@@ -8,7 +8,7 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
             value: ExtractItemType<T>;
         } | undefined) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onHighlight" | "onUpdate:open"> & NComboboxProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onHighlight" | "onUpdate:open"> & NComboboxProps<T, M> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -19,20 +19,20 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         'trigger-wrapper'?: (props: {}) => any;
     } & {
         trigger?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         list?: (props: {}) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         header?: (props: {}) => any;

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

@@ -8,6 +8,7 @@ import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "../../../utils";
 import RadioGroupItem from "./RadioGroupItem.vue";
 const props = defineProps({
+  modelValue: { type: null, required: true },
   items: { type: Array, required: false },
   labelKey: { type: null, required: false },
   valueKey: { type: null, required: false },
@@ -20,7 +21,6 @@ const props = defineProps({
   square: { type: null, required: false, default: "1em" },
   rounded: { type: null, required: false },
   icon: { type: null, required: false },
-  modelValue: { type: null, required: false },
   defaultValue: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   orientation: { type: String, required: false },
@@ -71,7 +71,6 @@ function getItemDescription(item) {
 
 <template>
   <RadioGroupRoot
-    v-slot="{ modelValue }"
     :class="cn(
   'radio-group',
   orientation === 'horizontal' ? 'radio-group-orientation-horizontal' : 'radio-group-orientation-vertical',

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

@@ -1,22 +1,22 @@
 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<{
+declare const _default: <T extends AcceptableValue, Item extends T | NRadioGroupItemProps<T>>(__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;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T, Item> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: any;
+            modelValue: T;
         }) => any;
     } & {
         label?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: Item;
         }) => any;
     } & {
         description?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: Item;
         }) => any;
     };
     emit: (evt: "update:modelValue", payload: string) => void;

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

@@ -12,6 +12,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
+  value: { type: null, required: true },
   label: { type: String, required: false },
   radioGroup: { type: null, required: false, default: "primary" },
   description: { type: String, required: false },
@@ -22,7 +23,6 @@ const props = defineProps({
   rounded: { type: null, required: false },
   icon: { type: null, required: false, default: "radio-group-indicator-icon" },
   id: { type: String, required: false },
-  value: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

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

@@ -1,4 +1,5 @@
 import type { NRadioGroupItemProps } from '../../../types/index.js';
+type __VLS_Props = NRadioGroupItemProps;
 declare var __VLS_9: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_9) => any;
@@ -7,7 +8,7 @@ type __VLS_Slots = {} & {
 } & {
     description?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NRadioGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NRadioGroupItemProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];

package/dist/runtime/components/forms/select/Select.vue

@@ -49,7 +49,6 @@ const props = defineProps({
   id: { type: String, required: false }
 });
 const emits = defineEmits(["update:modelValue", "update:open"]);
-defineSlots();
 const hasGroups = computed(() => {
   return Array.isArray(props.items) && props.items.length > 0 && typeof props.items[0] === "object" && "items" in props.items[0];
 });
@@ -88,15 +87,14 @@ function isItemSelected(item, modelValue) {
 
 <template>
   <SelectRoot
-    v-slot="{ modelValue, open }"
     :class="cn(
   props.una?.select,
   props.class
 )"
     v-bind="forwarded"
   >
-    <slot :model-value="modelValue" :open>
-      <slot name="trigger-wrapper" :model-value="modelValue" :open>
+    <slot :model-value :open>
+      <slot name="trigger-wrapper" :model-value :open>
         <SelectTrigger
           :id
           :size
@@ -105,7 +103,7 @@ function isItemSelected(item, modelValue) {
           v-bind="props._selectTrigger"
           :una
         >
-          <slot name="trigger" :model-value="modelValue" :open="open">
+          <slot name="trigger" :model-value :open="open">
             <SelectValue
               :placeholder="props.placeholder"
               v-bind="props._selectValue"
@@ -113,7 +111,7 @@ function isItemSelected(item, modelValue) {
               :data-status="status"
               :una
             >
-              <slot name="value" :model-value="modelValue" :open>
+              <slot name="value" :model-value :open>
                 {{ formatSelectedValue(modelValue) || props.placeholder }}
               </slot>
             </SelectValue>

package/dist/runtime/components/forms/select/Select.vue.d.ts

@@ -1,5 +1,5 @@
 import type { AcceptableValue } from 'reka-ui';
-import type { NSelectProps, NSelectSlots, SelectGroup as SelectGroupType } from '../../../types/index.js';
+import type { NSelectProps, SelectGroup as SelectGroupType } from '../../../types/index.js';
 declare const _default: <T extends AcceptableValue, I extends Array<T | SelectGroupType<T>>, M extends boolean = false>(__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"?: ((value: T) => any) | undefined;
@@ -7,7 +7,59 @@ declare const _default: <T extends AcceptableValue, I extends Array<T | SelectGr
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:open"> & NSelectProps<T, I, M> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: NSelectSlots<T, I, M>;
+    slots: {
+        default?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        'trigger-wrapper'?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        trigger?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        value?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        content?: (props: {
+            items: I;
+        }) => any;
+    } & {
+        label?: (props: {
+            label: string;
+        }) => any;
+    } & {
+        item?: (props: {
+            item: I extends number ? number : I extends string ? string : I extends any[] ? I[number] : I extends Iterable<infer T1> ? T1 : any;
+        }) => any;
+    } & {
+        indicator?: (props: {
+            item: I extends number ? number : I extends string ? string : I extends any[] ? I[number] : I extends Iterable<infer T1> ? T1 : any;
+        }) => any;
+    } & {
+        group?: (props: {
+            items: SelectGroupType<T>;
+        }) => any;
+    } & {
+        label?: (props: {
+            label: string;
+        }) => any;
+    } & {
+        item?: (props: {
+            item: T;
+        }) => any;
+    } & {
+        indicator?: (props: {
+            item: T;
+        }) => any;
+    };
     emit: ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/runtime/types/combobox.d.ts

@@ -10,12 +10,12 @@ interface BaseExtensions {
 export type ExtractItemType<T> = T extends {
     items: infer I extends AcceptableValue[];
 } ? I[number] : T;
-export interface NComboboxProps<T extends AcceptableValue> extends Omit<ComboboxRootProps<ExtractItemType<T>>, 'modelValue'>, Pick<NComboboxInputProps, 'status' | 'id'>, BaseExtensions {
+export interface NComboboxProps<T extends AcceptableValue, M extends boolean> extends Omit<ComboboxRootProps<ExtractItemType<T>>, 'modelValue'>, Pick<NComboboxInputProps, 'status' | 'id'>, BaseExtensions {
     /**
      * The model value for the combobox.
      * When using grouped items, this will be the item type from within the groups.
      */
-    modelValue?: ExtractItemType<T> | ExtractItemType<T>[] | null | undefined;
+    modelValue?: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null;
     /**
      * The items to display in the combobox.
      *
@@ -52,6 +52,7 @@ export interface NComboboxProps<T extends AcceptableValue> extends Omit<Combobox
      * @default ''
      */
     label?: string;
+    multiple?: M;
     /**
      * Sub-component configurations
      */

package/dist/runtime/types/radio-group.d.ts

@@ -22,11 +22,12 @@ interface BaseProps {
      */
     icon?: HTMLAttributes['class'];
 }
-export interface NRadioGroupProps<T extends AcceptableValue> extends BaseProps, RadioGroupRootProps {
+export interface NRadioGroupProps<T extends AcceptableValue, Item extends T | NRadioGroupItemProps<T>> extends BaseProps, RadioGroupRootProps {
+    modelValue: T;
     /**
      * The items to display in the radio group.
      */
-    items?: T[] | NRadioGroupItemProps[];
+    items?: Item[];
     /**
      * The key name to use to display in the radio items.
      */
@@ -61,7 +62,8 @@ export interface NRadioGroupProps<T extends AcceptableValue> extends BaseProps,
      */
     una?: NRadioGroupUnaProps;
 }
-export interface NRadioGroupItemProps extends BaseProps, RadioGroupItemProps {
+export interface NRadioGroupItemProps<T extends AcceptableValue = any> extends BaseProps, RadioGroupItemProps {
+    value: T;
     /**
      * The label to display in the radio item.
      */

package/dist/runtime/types/select.d.ts

@@ -22,7 +22,6 @@ export interface SelectGroup<T extends AcceptableValue> {
     _selectLabel?: Partial<NSelectLabelProps>;
     _selectItem?: Partial<NSelectItemProps>;
 }
-type SelectModelType<T extends AcceptableValue, M extends boolean> = true extends M ? T[] : T;
 export interface NSelectProps<T extends AcceptableValue, Items extends Array<T | SelectGroup<T>>, M extends boolean = false> extends SelectExtensions<T> {
     /**
      * The items to display in the select.
@@ -46,8 +45,8 @@ export interface NSelectProps<T extends AcceptableValue, Items extends Array<T |
      * @default false
      */
     groupSeparator?: boolean;
-    defaultValue?: SelectModelType<T, M>;
-    modelValue?: SelectModelType<T, M>;
+    defaultValue?: M extends true ? T[] : T;
+    modelValue?: M extends true ? T[] : T;
     multiple?: M;
     /**
      * Sub-component configurations
@@ -64,33 +63,6 @@ export interface NSelectProps<T extends AcceptableValue, Items extends Array<T |
     _selectLabel?: Partial<NSelectLabelProps>;
     una?: NSelectUnaProps;
 }
-interface SelectModelSlotProps<T extends AcceptableValue, M extends boolean> {
-    modelValue: SelectModelType<T, M> | null | undefined;
-    open: boolean;
-}
-interface SelectContentSlotProps<T extends AcceptableValue, I extends Array<T | SelectGroup<T>>> {
-    items: I;
-}
-interface SelectLabelSlotProps {
-    label: string | undefined;
-}
-interface SelectItemSlotProps<T extends AcceptableValue, I extends Array<T | SelectGroup<T>>> {
-    item: I[number];
-}
-interface SelectGroupSlotProps<T extends AcceptableValue> {
-    items: SelectGroup<T>;
-}
-export interface NSelectSlots<T extends AcceptableValue, I extends Array<T | SelectGroup<T>>, M extends boolean = false> {
-    'default': (props: SelectModelSlotProps<T, M>) => any;
-    'trigger-wrapper': (props: SelectModelSlotProps<T, M>) => any;
-    'trigger': (props: SelectModelSlotProps<T, M>) => any;
-    'value': (props: SelectModelSlotProps<T, M>) => any;
-    'content': (props: SelectContentSlotProps<T, I>) => any;
-    'label': (props: SelectLabelSlotProps) => any;
-    'item': (props: SelectItemSlotProps<T, I>) => any;
-    'indicator': (props: SelectItemSlotProps<T, I>) => any;
-    'group': (props: SelectGroupSlotProps<T>) => any;
-}
 export interface NSelectTriggerProps extends TriggerExtensions {
     /**
      * The unique id of the select trigger to be used for the form field.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.7",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -58,8 +58,8 @@
     "unocss": "^66.2.0",
     "unocss-preset-animations": "^1.2.1",
     "vaul-vue": "^0.4.1",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.6",
-    "@una-ui/preset": "^1.0.0-alpha.6"
+    "@una-ui/preset": "^1.0.0-alpha.7",
+    "@una-ui/extractor-vue-script": "^1.0.0-alpha.7"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.57",