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

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.6",
   "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.4";
+const version = "1.0.0-alpha.6";
 
 const module = defineNuxtModule({
   meta: {

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 },
@@ -49,6 +49,7 @@ 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];
 });
@@ -94,8 +95,8 @@ function isItemSelected(item, modelValue) {
 )"
     v-bind="forwarded"
   >
-    <slot :model-value :open>
-      <slot name="trigger-wrapper" :model-value :open>
+    <slot :model-value="modelValue" :open>
+      <slot name="trigger-wrapper" :model-value="modelValue" :open>
         <SelectTrigger
           :id
           :size
@@ -104,7 +105,7 @@ function isItemSelected(item, modelValue) {
           v-bind="props._selectTrigger"
           :una
         >
-          <slot name="trigger" :model-value :open="open">
+          <slot name="trigger" :model-value="modelValue" :open="open">
             <SelectValue
               :placeholder="props.placeholder"
               v-bind="props._selectValue"
@@ -112,7 +113,7 @@ function isItemSelected(item, modelValue) {
               :data-status="status"
               :una
             >
-              <slot name="value" :model-value :open>
+              <slot name="value" :model-value="modelValue" :open>
                 {{ formatSelectedValue(modelValue) || props.placeholder }}
               </slot>
             </SelectValue>
@@ -211,7 +212,6 @@ function isItemSelected(item, modelValue) {
               </slot>
             </SelectGroup>
           </template>
-          <slot />
         </slot>
       </SelectContent>
     </slot>

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

@@ -1,67 +1,13 @@
 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<{
+import type { NSelectProps, NSelectSlots, 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;
         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;
-        }) => any;
-    } & {
-        'trigger-wrapper'?: (props: {
-            modelValue: any;
-            open: any;
-        }) => any;
-    } & {
-        trigger?: (props: {
-            modelValue: any;
-            open: any;
-        }) => any;
-    } & {
-        value?: (props: {
-            modelValue: any;
-            open: any;
-        }) => any;
-    } & {
-        content?: (props: {
-            items: T[] | SelectGroupType<T>[];
-        }) => any;
-    } & {
-        label?: (props: {
-            label: string;
-        }) => any;
-    } & {
-        item?: (props: {
-            item: T | SelectGroupType<T>;
-        }) => any;
-    } & {
-        indicator?: (props: {
-            item: T | SelectGroupType<T>;
-        }) => any;
-    } & {
-        group?: (props: {
-            items: SelectGroupType<T>;
-        }) => any;
-    } & {
-        label?: (props: {
-            label: string;
-        }) => any;
-    } & {
-        item?: (props: {
-            item: T;
-        }) => any;
-    } & {
-        indicator?: (props: {
-            item: T;
-        }) => any;
-    } & {
-        default?: (props: {}) => any;
-    };
+    slots: NSelectSlots<T, I, M>;
     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/select.d.ts

@@ -15,18 +15,19 @@ 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 {
+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.
      */
-    items: T[] | SelectGroup<T>[];
+    items: Items;
     /**
      * The key name to use to display in the select items.
      */
@@ -45,6 +46,9 @@ export interface NSelectProps<T extends AcceptableValue> extends SelectExtension
      * @default false
      */
     groupSeparator?: boolean;
+    defaultValue?: SelectModelType<T, M>;
+    modelValue?: SelectModelType<T, M>;
+    multiple?: M;
     /**
      * Sub-component configurations
      */
@@ -60,6 +64,33 @@ export interface NSelectProps<T extends AcceptableValue> extends SelectExtension
     _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.4",
+  "version": "1.0.0-alpha.6",
   "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.4",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.4"
+    "@una-ui/extractor-vue-script": "^1.0.0-alpha.6",
+    "@una-ui/preset": "^1.0.0-alpha.6"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.57",