@una-ui/nuxt 0.7.0-beta.1 → 0.8.0-beta.1

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

@@ -1,3 +1,4 @@
+import type { HTMLAttributes } from 'vue';
 export interface NIconProps {
     /**
      * Icon name
@@ -5,5 +6,5 @@ export interface NIconProps {
      * @example
      * 'i-heroicons-chevron-up'
      */
-    name: string;
+    name: HTMLAttributes['class'];
 }

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

@@ -18,6 +18,7 @@ export * from './checkbox.js';
 export * from './slider.js';
 export * from './progress.js';
 export * from './skeleton.js';
+export * from './select.js';
 export interface Colors {
     [key: string]: string;
 }

package/dist/runtime/types/index.js

@@ -18,3 +18,4 @@ export * from "./checkbox.js";
 export * from "./slider.js";
 export * from "./progress.js";
 export * from "./skeleton.js";
+export * from "./select.js";

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

@@ -0,0 +1,150 @@
+import type { SelectContentProps, SelectGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps } from 'radix-vue';
+import type { HTMLAttributes } from 'vue';
+import type { NButtonProps } from './button.js';
+interface BaseExtensions {
+    class?: HTMLAttributes['class'];
+    size?: HTMLAttributes['class'];
+}
+type RootExtensions = Omit<SelectRootProps, 'modelValue'> & BaseExtensions;
+type TriggerExtensions = SelectTriggerProps & Omit<NButtonProps, 'una'> & BaseExtensions;
+type ValueExtensions = SelectValueProps & BaseExtensions;
+type ScrollDownButtonExtensions = SelectScrollDownButtonProps & BaseExtensions;
+type ScrollUpButtonExtensions = SelectScrollUpButtonProps & BaseExtensions;
+type ContentExtensions = SelectContentProps & BaseExtensions;
+type ItemExtensions = Omit<SelectItemProps, 'value'> & BaseExtensions;
+type ItemTextExtensions = SelectItemTextProps & BaseExtensions;
+type GroupExtensions = SelectGroupProps & BaseExtensions;
+type LabelExtensions = SelectLabelProps & BaseExtensions;
+type SeparatorExtensions = SelectSeparatorProps & BaseExtensions;
+type SelectExtensions = NSelectRootProps & BaseExtensions & Pick<NSelectItemProps, 'selectItem'> & Pick<NSelectTriggerProps, 'status'>;
+export interface NSelectProps extends SelectExtensions {
+    /**
+     * The unique id of the select.
+     */
+    id?: string;
+    /**
+     * The value of the select.
+     */
+    modelValue: any;
+    /**
+     * Enable multiple group items.
+     *
+     * @default false
+     */
+    multipleGroup?: boolean;
+    /**
+     * The attribute name to use to display in the select items.
+     *
+     */
+    itemAttribute?: string | number;
+    /**
+     * The attribute name to use to display in the selected value.
+     */
+    valueAttribute?: string | number;
+    /**
+     * The placeholder to display when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * The label to display above the select items.
+     */
+    label?: string;
+    /**
+     * The items to display in the select.
+     *
+     * @default []
+     */
+    items: any[];
+    _selectScrollUpButton?: Partial<NSelectScrollUpButtonProps>;
+    _selectItemText?: Partial<NSelectItemTextProps>;
+    _selectScrollDownButton?: Partial<NSelectScrollDownButtonProps>;
+    _selectGroup?: Partial<NSelectGroupProps>;
+    _selectContent?: Partial<NSelectContentProps>;
+    _selectValue?: Partial<NSelectValueProps>;
+    _selectTrigger?: Partial<NSelectTriggerProps>;
+    _selectItem?: Partial<NSelectItemProps>;
+    _selectLabel?: Partial<NSelectLabelProps>;
+}
+export interface NSelectRootProps extends RootExtensions {
+    una?: {
+        selectRoot?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectTriggerProps extends TriggerExtensions {
+    status?: 'info' | 'success' | 'warning' | 'error';
+    una?: {
+        selectTrigger?: HTMLAttributes['class'];
+        selectTriggerTrailing?: HTMLAttributes['class'];
+        selectTriggerTrailingIcon?: HTMLAttributes['class'];
+        selectTriggerLeading?: HTMLAttributes['class'];
+        selectTriggerInfoIcon?: HTMLAttributes['class'];
+        selectTriggerSuccessIcon?: HTMLAttributes['class'];
+        selectTriggerWarningIcon?: HTMLAttributes['class'];
+        selectTriggerErrorIcon?: HTMLAttributes['class'];
+    } & NButtonProps['una'];
+}
+export interface NSelectValueProps extends ValueExtensions {
+    una?: {
+        selectValue?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectScrollDownButtonProps extends ScrollDownButtonExtensions {
+    una?: {
+        selectScrollDownButton?: HTMLAttributes['class'];
+        selectScrollDownButtonIcon?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectScrollUpButtonProps extends ScrollUpButtonExtensions {
+    una?: {
+        selectScrollUpButton?: HTMLAttributes['class'];
+        selectScrollUpButtonIcon?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectContentProps extends ContentExtensions {
+    _selectScrollDownButton?: NSelectScrollDownButtonProps;
+    _selectScrollUpButton?: NSelectScrollUpButtonProps;
+    _selectSeparator?: NSelectSeparator;
+    una?: {
+        selectContent?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectItemIndicatorProps extends SelectItemIndicatorProps {
+    icon?: HTMLAttributes['class'];
+    class?: HTMLAttributes['class'];
+    una?: {
+        selectItemIndicator?: HTMLAttributes['class'];
+        selectItemIndicatorIcon?: HTMLAttributes;
+    };
+}
+export interface NSelectItemProps extends ItemExtensions {
+    value: any;
+    selectItem?: HTMLAttributes['class'];
+    isSelected?: boolean;
+    _selectItemText?: NSelectItemTextProps;
+    _selectItemIndicator?: NSelectItemIndicatorProps;
+    una?: {
+        selectItem?: HTMLAttributes['class'];
+        selectItemIndicatorWrapper?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectItemTextProps extends ItemTextExtensions {
+    una?: {
+        selectItemText?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectGroupProps extends GroupExtensions {
+    una?: {
+        selectGroup?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectLabelProps extends LabelExtensions {
+    una?: {
+        selectLabel?: HTMLAttributes['class'];
+    };
+}
+export interface NSelectSeparator extends SeparatorExtensions {
+    una?: {
+        selectSeparator?: HTMLAttributes['class'];
+    };
+}
+export {};

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

@@ -4,16 +4,16 @@ interface Extensions {
 }
 export interface NSkeletonProps extends Extensions {
     /**
-     * Allows you to add `UnaUI` slider preset properties,
+     * Allows you to add `UnaUI` skeleton 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/slider.ts
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/skeleton.ts
      * @example
-     * slider="green""
+     * skeleton="green""
      */
     skeleton?: string;
     /**
-     * Allows you to change the size of the slider.
+     * Allows you to change the size of the skeleton.
      *
      * @default base|md
      *
@@ -24,7 +24,7 @@ export interface NSkeletonProps extends Extensions {
     /**
      * `UnaUI` preset configuration
      *
-     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/slider.ts
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/skeleton.ts
      */
     una?: {
         skeleton?: HTMLAttributes['class'];

package/dist/runtime/utils/index.d.ts

@@ -18,3 +18,13 @@ export declare function pickProps<T extends Record<string, any>>(obj: T, propsTo
  * @returns first non-undefined value
  */
 export declare function getPriority<T>(...args: (T | undefined)[]): T | undefined;
+/**
+ * Check if all objects are equal
+ * @param objects - objects to compare
+ * @returns true if all objects are equal
+ * @example
+ * ```ts
+ * const equal = isEqualObject({ a: 1 }, { a: 1 }, { a: 1 })
+ * ```
+ */
+export declare function isEqualObject(...objects: Record<string, any>[]): boolean;

package/dist/runtime/utils/index.js

@@ -35,3 +35,10 @@ export function getPriority(...args) {
   }
   return void 0;
 }
+export function isEqualObject(...objects) {
+  return objects.every((obj, i) => {
+    if (i === 0)
+      return true;
+    return JSON.stringify(obj) === JSON.stringify(objects[i - 1]);
+  });
+}

package/dist/una.config.mjs

@@ -1,4 +1,5 @@
 import { presetUno, presetAttributify, presetIcons, transformerDirectives, transformerVariantGroup } from 'unocss';
+import { presetAnimations } from 'unocss-preset-animations';
 import presetUna from '@una-ui/preset';
 import prefixes from '@una-ui/preset/prefixes';
 import extratorUna from '@una-ui/extractor-vue-script';
@@ -18,6 +19,7 @@ function extendUnocssOptions(user = {}) {
         }
       }),
       presetUna(),
+      presetAnimations(),
       ...user.presets || []
     ],
     extractors: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.7.0-beta.1",
+  "version": "0.8.0-beta.1",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -47,8 +47,9 @@
     "tailwind-merge": "^2.4.0",
     "typescript": "^5.5.3",
     "unocss": "^0.61.5",
-    "@una-ui/preset": "^0.7.0-beta.1",
-    "@una-ui/extractor-vue-script": "^0.7.0-beta.1"
+    "unocss-preset-animations": "^1.1.0",
+    "@una-ui/extractor-vue-script": "^0.8.0-beta.1",
+    "@una-ui/preset": "^0.8.0-beta.1"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.8.1",