@una-ui/nuxt 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist/runtime/types/pin-input.d.ts

@@ -0,0 +1,88 @@
+import type { PinInputInputProps, PinInputRootProps, PrimitiveProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+interface BaseExtensions {
+    /** CSS class for the component */
+    class?: HTMLAttributes['class'];
+    /** Size of the component */
+    size?: HTMLAttributes['class'];
+}
+export type PinInputType = 'text' | 'number';
+export type PinInputValueType<T extends PinInputType> = T extends 'text' ? string : number;
+export interface NPinInputProps<T extends PinInputType = 'text'> extends Omit<PinInputRootProps<T>, 'defaultValue'>, Pick<NPinInputSlotProps, 'pinInput' | 'status'>, BaseExtensions {
+    /**
+     * The default value of the pin input.
+     * @default []
+     */
+    defaultValue?: PinInputValueType<T>[];
+    /**
+     * The maximum number of slots to render.
+     */
+    maxLength?: number;
+    /**
+     * The icon to use as a separator between pin-input groups.
+     */
+    separator?: boolean | string;
+    /**
+     * The number of slots to group together.
+     *
+     * @default 0
+     */
+    groupBy?: number;
+    /** Props for the pin input group */
+    _pinInputGroup?: Partial<NPinInputGroupProps>;
+    /** Props for the pin input separator */
+    _pinInputSeparator?: Partial<NPinInputSeparatorProps>;
+    /** Props for the pin input slots */
+    _pinInputSlot?: Partial<NPinInputSlotProps>;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/pin-input.ts
+     */
+    una?: NPinInputUnaProps;
+}
+export interface NPinInputGroupProps extends PrimitiveProps, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NPinInputUnaProps, 'pinInputGroup'>;
+}
+export interface NPinInputSlotProps extends PinInputInputProps, Pick<NPinInputSeparatorProps, 'icon'>, BaseExtensions {
+    /**
+     * Allows you to add `UnaUI` pin-input preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/pin-input.ts
+     * @example
+     * pin-input="outline-indigo"
+     */
+    pinInput?: HTMLAttributes['class'];
+    /**
+     * Update the pin input status.
+     * Useful for validations.
+     *
+     * @default null
+     */
+    status?: 'info' | 'success' | 'warning' | 'error';
+    /** Additional properties for the una component */
+    una?: Pick<NPinInputUnaProps, 'pinInputSlot'>;
+}
+export interface NPinInputSeparatorProps extends PrimitiveProps, BaseExtensions {
+    /**
+     * The separator to use between pin input fields.
+     *@example
+     * 'i-lucide:dot'
+     */
+    icon?: string;
+    /** Additional properties for the una component */
+    una?: Pick<NPinInputUnaProps, 'pinInputSeparator'>;
+}
+interface NPinInputUnaProps {
+    /** CSS class for the pin input root */
+    pinInput?: HTMLAttributes['class'];
+    /** CSS class for the pin input group */
+    pinInputGroup?: HTMLAttributes['class'];
+    /** CSS class for the pin input separator */
+    pinInputSeparator?: HTMLAttributes['class'];
+    /** CSS class for the pin input slots */
+    pinInputSlot?: HTMLAttributes['class'];
+}
+export {};

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/dist/runtime/types/stepper.d.ts

@@ -0,0 +1,129 @@
+import type { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperTitleProps, StepperTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+interface BaseExtensions {
+    /** CSS class for the component */
+    class?: HTMLAttributes['class'];
+    /** Size of the component */
+    size?: HTMLAttributes['class'];
+}
+export interface NStepperProps<T> extends StepperRootProps, Pick<StepperItemProps, 'disabled'>, BaseExtensions {
+    /**
+     * The array of steps that is passed to the stepper.
+     *
+     * @default []
+     */
+    items?: T[];
+    /**
+     * Allows you to add `UnaUI` stepper preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/stepper.ts
+     * @example
+     * stepper="solid-yellow"
+     */
+    stepper?: string;
+    /** Props for the stepper item */
+    _stepperItem?: Partial<NStepperItemProps>;
+    /** Props for the stepper trigger */
+    _stepperTrigger?: Partial<NStepperTriggerProps>;
+    /** Props for the stepper separator */
+    _stepperSeparator?: Partial<NStepperSeparatorProps>;
+    /** Props for the stepper title */
+    _stepperTitle?: Partial<NStepperTitleProps>;
+    /** Props for the stepper description */
+    _stepperDescription?: Partial<NStepperDescriptionProps>;
+    /** Props for the stepper indicator */
+    _stepperIndicator?: Partial<NStepperIndicatorProps>;
+    /** Props for the stepper header */
+    _stepperHeader?: Partial<NStepperHeaderProps>;
+    /** Props for the stepper wrapper */
+    _stepperWrapper?: Partial<NStepperWrapperProps>;
+    /** Props for the stepper container */
+    _stepperContainer?: Partial<NStepperContainerProps>;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/stepper.ts
+     */
+    una?: NStepperUnaProps;
+}
+export type NStepperEmits<T> = StepperRootEmits & {
+    next: [payload: T];
+    prev: [payload: T];
+};
+export interface NStepperItemProps extends StepperItemProps, Pick<NStepperProps<NStepperItemProps>, 'orientation'>, BaseExtensions {
+    /** Slot of the stepper item */
+    slot?: string;
+    /** Title of the stepper item. */
+    title?: string;
+    /** Description of the stepper item. */
+    description?: string;
+    value?: string | number;
+    /**
+     * Icon name
+     * @see @IconifyIcon
+     *
+     * @example
+     * 'i-heroicons-book-open-20-solid'
+     */
+    icon?: string;
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperItem'>;
+}
+export interface NStepperTriggerProps extends StepperTriggerProps, Pick<NStepperProps<StepperItemProps>, 'stepper'>, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperTrigger' | 'stepperMenuDefaultVariant'>;
+}
+export interface NStepperSeparatorProps extends StepperSeparatorProps, Pick<NStepperProps<StepperItemProps>, 'stepper'>, Pick<BaseExtensions, 'class'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperSeparator'>;
+}
+export interface NStepperIndicatorProps extends StepperIndicatorProps, Pick<NStepperProps<StepperItemProps>, 'stepper'>, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperIndicator'>;
+}
+export interface NStepperHeaderProps extends Pick<BaseExtensions, 'class'>, Pick<NStepperProps<StepperItemProps>, 'orientation'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperHeader'>;
+}
+export interface NStepperTitleProps extends StepperTitleProps, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperTitle'>;
+}
+export interface NStepperDescriptionProps extends StepperDescriptionProps, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperDescription'>;
+}
+export interface NStepperContainerProps extends Pick<BaseExtensions, 'class'>, Pick<NStepperProps<StepperItemProps>, 'orientation'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperContainer'>;
+}
+export interface NStepperWrapperProps extends Pick<BaseExtensions, 'class'>, Pick<NStepperProps<StepperItemProps>, 'orientation'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperWrapper'>;
+}
+interface NStepperUnaProps {
+    /** CSS class for the stepper */
+    stepper?: HTMLAttributes['class'];
+    /** CSS class for the stepper trigger */
+    stepperTrigger?: HTMLAttributes['class'];
+    /** CSS class for the stepper trigger default variant */
+    stepperMenuDefaultVariant?: HTMLAttributes['class'];
+    /** CSS class for the stepper item */
+    stepperItem?: HTMLAttributes['class'];
+    /** CSS class for the stepper title */
+    stepperTitle?: HTMLAttributes['class'];
+    /** CSS class for the stepper description */
+    stepperDescription?: HTMLAttributes['class'];
+    /** CSS class for the stepper indicator */
+    stepperIndicator?: HTMLAttributes['class'];
+    /** CSS class for the stepper separator */
+    stepperSeparator?: HTMLAttributes['class'];
+    /** CSS class for the stepper header */
+    stepperHeader?: HTMLAttributes['class'];
+    /** CSS class for the stepper container */
+    stepperContainer?: HTMLAttributes['class'];
+    /** CSS class for the stepper wrapper */
+    stepperWrapper?: HTMLAttributes['class'];
+}
+export {};

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

@@ -3,7 +3,7 @@ import type { PrimitiveProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import type { NProgressProps } from './progress.js';
 import type { NScrollAreaProps, NScrollAreaUnaProps } from './scroll-area.js';
-export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'state' | 'onStateChange' | 'renderFallbackValue'> {
+export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'state' | 'onStateChange' | 'renderFallbackValue'>, Pick<NTableEmptyProps, 'emptyText' | 'emptyIcon'> {
     class?: HTMLAttributes['class'];
     /**
      * @see https://tanstack.com/table/latest/docs/api/core/table#state
@@ -115,6 +115,9 @@ export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'da
     _tableEmpty?: NTableEmptyProps;
     _tableLoading?: NTableLoadingProps;
     _scrollArea?: NScrollAreaProps;
+    /**
+     * Whether the table is loading.
+     */
     loading?: boolean;
     /**
      * `UnaUI` preset configuration
@@ -159,9 +162,17 @@ export interface NTableEmptyProps {
     [key: string]: any;
     class?: HTMLAttributes['class'];
     colspan?: number;
+    /**
+     * The text to display when the table is empty.
+     */
+    emptyText?: string;
+    /**
+     * The icon to display when the table is empty.
+     */
+    emptyIcon?: string;
     _tableCell?: NTableCellProps;
     _tableRow?: NTableRowProps;
-    una?: Pick<NTableUnaProps, 'tableEmpty' | 'tableRow' | 'tableCell'>;
+    una?: Pick<NTableUnaProps, 'tableEmpty' | 'tableRow' | 'tableCell' | 'tableEmptyText' | 'tableEmptyIcon'>;
 }
 export interface NTableLoadingProps {
     [key: string]: any;
@@ -189,9 +200,11 @@ interface NTableUnaProps {
     tableRow?: HTMLAttributes['class'];
     tableCell?: HTMLAttributes['class'];
     tableCaption?: HTMLAttributes['class'];
-    tableEmpty?: HTMLAttributes['class'];
     tableLoading?: HTMLAttributes['class'];
     tableLoadingRow?: HTMLAttributes['class'];
     tableLoadingCell?: HTMLAttributes['class'];
+    tableEmpty?: HTMLAttributes['class'];
+    tableEmptyText?: HTMLAttributes['class'];
+    tableEmptyIcon?: HTMLAttributes['class'];
 }
 export {};

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

@@ -0,0 +1,39 @@
+import type { ToggleGroupItemProps, ToggleGroupRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { NButtonProps } from './button.js';
+import type { NToggleProps } from './toggle.js';
+interface BaseExtensions {
+    /** CSS class for the component */
+    class?: HTMLAttributes['class'];
+    /** Size of the component */
+    size?: HTMLAttributes['class'];
+}
+export interface NToggleGroupProps<T> extends ToggleGroupRootProps, Pick<NToggleProps, 'toggleOff' | 'toggleOn'>, BaseExtensions {
+    /**
+     * The array of items that is passed to the toggle group.
+     *
+     * @default []
+     */
+    items?: T;
+    /** Props for the toggle group item */
+    _toggleGroupItem?: Partial<NToggleGroupItemProps>;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/toggle-group.ts
+     */
+    una?: NToggleGroupUnaProps;
+}
+export interface NToggleGroupItemProps extends ToggleGroupItemProps, Omit<NToggleProps, 'una'>, Pick<BaseExtensions, 'class'> {
+    /** Slot of the toggle group item */
+    slot?: string;
+    /** Additional properties for the una component */
+    una?: Pick<NToggleGroupUnaProps, 'toggleGroupItem'> & NButtonProps['una'];
+}
+interface NToggleGroupUnaProps {
+    /** CSS class for the navigation menu */
+    toggleGroup?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu content */
+    toggleGroupItem?: HTMLAttributes['class'];
+}
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.10",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -38,13 +38,14 @@
   "dependencies": {
     "@headlessui/vue": "^1.7.23",
     "@iconify/utils": "^2.3.0",
-    "@nuxt/kit": "^3.17.5",
+    "@nuxt/kit": "^3.19.2",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
-    "@unocss/core": "^66.2.0",
-    "@unocss/nuxt": "^66.2.0",
-    "@unocss/preset-attributify": "^66.2.0",
-    "@unocss/preset-icons": "^66.2.0",
+    "@unocss/core": "^66.5.1",
+    "@unocss/nuxt": "^66.5.1",
+    "@unocss/preset-attributify": "^66.5.1",
+    "@unocss/preset-icons": "^66.5.1",
+    "@unocss/reset": "^66.5.1",
     "@vee-validate/nuxt": "^4.15.1",
     "@vee-validate/zod": "^4.15.1",
     "@vueuse/core": "^12.8.2",
@@ -53,22 +54,22 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "ohash": "^1.1.6",
-    "reka-ui": "^2.3.1",
+    "reka-ui": "^2.5.1",
     "tailwind-merge": "^3.3.1",
-    "unocss": "^66.2.0",
+    "unocss": "^66.5.1",
     "unocss-preset-animations": "^1.2.1",
     "vaul-vue": "^0.4.1",
-    "@una-ui/preset": "^1.0.0-alpha.1",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.1"
+    "@una-ui/extractor-vue-script": "^1.0.0-alpha.10",
+    "@una-ui/preset": "^1.0.0-alpha.10"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.51",
-    "@iconify-json/radix-icons": "^1.2.2",
-    "@iconify-json/tabler": "^1.2.19",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.5",
-    "nuxt": "^3.17.5",
-    "zod": "^3.25.67"
+    "@iconify-json/lucide": "^1.2.68",
+    "@iconify-json/radix-icons": "^1.2.5",
+    "@iconify-json/tabler": "^1.2.23",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^3.19.2",
+    "nuxt": "^3.19.2",
+    "zod": "^3.25.76"
   },
   "publishConfig": {
     "access": "public"