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

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.5",
+  "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.5";
+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

@@ -13,11 +13,14 @@ import SelectSeparator from "./SelectSeparator.vue";
 import SelectTrigger from "./SelectTrigger.vue";
 import SelectValue from "./SelectValue.vue";
 const props = defineProps({
-  items: { type: Array, required: true },
+  items: { type: null, required: true },
   itemKey: { type: null, required: false },
   valueKey: { type: null, required: false },
   label: { type: String, required: false },
   groupSeparator: { type: Boolean, required: false },
+  defaultValue: { type: null, required: false },
+  modelValue: { type: null, required: false },
+  multiple: { type: null, required: false },
   _selectScrollUpButton: { type: Object, required: false },
   _selectItemText: { type: Object, required: false },
   _selectScrollDownButton: { type: Object, required: false },
@@ -31,11 +34,8 @@ const props = defineProps({
   una: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
-  defaultValue: { type: null, required: false },
-  modelValue: { type: null, required: false },
   by: { type: [String, Function], required: false },
   dir: { type: String, required: false },
-  multiple: { type: Boolean, required: false },
   autocomplete: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },
@@ -87,7 +87,6 @@ function isItemSelected(item, modelValue) {
 
 <template>
   <SelectRoot
-    v-slot="{ modelValue, open }"
     :class="cn(
   props.una?.select,
   props.class
@@ -211,7 +210,6 @@ function isItemSelected(item, modelValue) {
               </slot>
             </SelectGroup>
           </template>
-          <slot />
         </slot>
       </SelectContent>
     </slot>

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

@@ -1,35 +1,35 @@
 import type { AcceptableValue } from 'reka-ui';
 import type { NSelectProps, SelectGroup as SelectGroupType } 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, 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;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:open"> & NSelectProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & 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: {
         default?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         'trigger-wrapper'?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         trigger?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         value?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         content?: (props: {
-            items: T[] | SelectGroupType<T>[];
+            items: I;
         }) => any;
     } & {
         label?: (props: {
@@ -37,11 +37,11 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         }) => any;
     } & {
         item?: (props: {
-            item: T | SelectGroupType<T>;
+            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: T | SelectGroupType<T>;
+            item: I extends number ? number : I extends string ? string : I extends any[] ? I[number] : I extends Iterable<infer T1> ? T1 : any;
         }) => any;
     } & {
         group?: (props: {
@@ -59,8 +59,6 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         indicator?: (props: {
             item: T;
         }) => any;
-    } & {
-        default?: (props: {}) => any;
     };
     emit: ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void);
 }>) => import("vue").VNode & {

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

@@ -15,18 +15,18 @@ type ItemTextExtensions = SelectItemTextProps & BaseExtensions;
 type GroupExtensions = SelectGroupProps & BaseExtensions;
 type LabelExtensions = SelectLabelProps & BaseExtensions;
 type SeparatorExtensions = SelectSeparatorProps & BaseExtensions;
-type SelectExtensions = SelectRootProps & BaseExtensions & Pick<NSelectValueProps, 'placeholder'> & Pick<NSelectItemProps, 'selectItem'> & Pick<NSelectTriggerProps, 'status' | 'select' | 'id'>;
+type SelectExtensions<T extends AcceptableValue> = SelectRootProps<T> & BaseExtensions & Pick<NSelectValueProps, 'placeholder'> & Pick<NSelectItemProps, 'selectItem'> & Pick<NSelectTriggerProps, 'status' | 'select' | 'id'>;
 export interface SelectGroup<T extends AcceptableValue> {
     label?: string;
     items: T[];
     _selectLabel?: Partial<NSelectLabelProps>;
     _selectItem?: Partial<NSelectItemProps>;
 }
-export interface NSelectProps<T extends AcceptableValue> extends SelectExtensions {
+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.
      */
-    items: T[] | SelectGroup<T>[];
+    items: Items;
     /**
      * The key name to use to display in the select items.
      */
@@ -45,6 +45,9 @@ export interface NSelectProps<T extends AcceptableValue> extends SelectExtension
      * @default false
      */
     groupSeparator?: boolean;
+    defaultValue?: M extends true ? T[] : T;
+    modelValue?: M extends true ? T[] : T;
+    multiple?: M;
     /**
      * Sub-component configurations
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "1.0.0-alpha.5",
+  "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/preset": "^1.0.0-alpha.5",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.5"
+    "@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",