@una-ui/nuxt 0.1.0-beta.1

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

@@ -0,0 +1,95 @@
+export interface NButtonProps {
+    /**
+     * Change the button type.
+     *
+     * @default 'button'
+    */
+    type?: 'button' | 'submit' | 'reset';
+    /**
+     * Change the loading placement of the button.
+     *
+     * @default 'leading'
+    */
+    loadingPlacement?: 'leading' | 'trailing' | 'label';
+    /**
+     * Convert `label` prop to icon component.
+     *
+     * @default false
+     * @example
+     * icon
+     * label="i-heroicons-information-circle"
+    */
+    icon?: boolean;
+    /**
+     * Disable the button.
+     *
+     * @default false
+    */
+    disabled?: boolean;
+    /**
+     * Swap the position of the leading and trailing icons.
+     *
+     * @default false
+    */
+    reverse?: boolean;
+    /**
+     * Show loading state on button
+     * @default false
+    */
+    loading?: boolean;
+    /**
+     * Change the button tag to `NuxtLink` component,
+     * This allows you to use `NuxtLink` available props.
+     *
+     * @see https://nuxt.com/docs/api/components/nuxt-link#props
+     * @example
+     * to="/"
+    */
+    to?: string;
+    /**
+     * Add a label to the button.
+     *
+     * @example
+     * label="Click me"
+    */
+    label?: string;
+    /**
+     * Allows you to add `UnaUI` button 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/button.ts
+     * @example
+     * btn="solid-green block square"
+    */
+    btn?: string;
+    /**
+     * Add leading icon the button,
+     * This also allows you to add utility classes to the icon.
+     *
+     * @example
+     * leading="i-heroicons-information-circle text-green-500 dark:text-green-400 text-2xl"
+     */
+    leading?: string;
+    /**
+     * Add trailing icon the button.
+     * This also allows you to add utility classes to the icon.
+     *
+     * @example
+     * trailing="i-heroicons-information-circle text-green-500 dark:text-green-400 text-2xl"
+     */
+    trailing?: string;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/button.ts
+    */
+    una?: {
+        btn?: string;
+        btnLabel?: string;
+        btnIconLabel?: string;
+        btnLoading?: string;
+        btnTrailing?: string;
+        btnLeading?: string;
+        btnLoadingIcon?: string;
+    };
+}

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

@@ -0,0 +1,83 @@
+export interface NFormGroupProps {
+    /**
+     * Update the form group status.
+     *
+     * @default null
+    */
+    status?: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Add a required indicator to the form group.
+     *
+     * @default false
+    */
+    required?: boolean;
+    /**
+     * Manually set the name attribute for the form group label.
+     * Slot children will inherit the name attribute as both `id` and `name` for accessibility.
+     *
+     * By default, the name attribute is generated randomly.
+     *
+     * @default randomId
+     * @example
+     * name="email"
+    */
+    name?: string;
+    /**
+     * Label for the form group.
+     *
+     * @example
+     * label="Email"
+    */
+    label?: string;
+    /**
+     * Display `hint` message for the form group.
+     *
+     * @example
+     * hint="Enter your email address"
+    */
+    hint?: string;
+    /**
+     * Display `Description` message for the form group.
+     *
+     * @example
+     * description="We will never share your email with anyone else."
+    */
+    description?: string;
+    /**
+     * Display `Message` for the form group.
+     * Useful for displaying validation errors.
+     *
+     * @example
+     * message="Email is required"
+    */
+    message?: string;
+    /**
+     * Display `counter` for the form group.
+     * Useful for displaying character count.
+     *
+     * @example
+     * counter="{ value: 0, max: 100 }"
+    */
+    counter?: {
+        value: number;
+        max?: number;
+    };
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/form-group.ts
+    */
+    una?: {
+        formGroupTopWrapper?: string;
+        formGroupTopWrapperInner?: string;
+        formGroupBottomWrapper?: string;
+        formGroupCounterWrapper?: string;
+        formGroupMessageWrapper?: string;
+        formGroupLabelWrapper?: string;
+        formGroupLabel?: string;
+        formGroupDescription?: string;
+        formGroupHint?: string;
+        formGroupMessage?: string;
+        formGroupLabelRequired?: string;
+    };
+}

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

@@ -0,0 +1,9 @@
+export interface NIconProps {
+    /**
+     * Icon name
+     *
+     * @example
+     * 'heroicons-chevron-up'
+    */
+    name: string;
+}

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

@@ -0,0 +1,11 @@
+export * from './input';
+export * from './button';
+export * from './form-group';
+export * from './icon';
+export * from './accordion';
+export * from './switch';
+export * from './alert';
+export * from './badge';
+export * from './avatar';
+export * from './avatar-group';
+export * from './indicator';

package/dist/runtime/types/index.mjs

@@ -0,0 +1,11 @@
+export * from "./input.mjs";
+export * from "./button.mjs";
+export * from "./form-group.mjs";
+export * from "./icon.mjs";
+export * from "./accordion.mjs";
+export * from "./switch.mjs";
+export * from "./alert.mjs";
+export * from "./badge.mjs";
+export * from "./avatar.mjs";
+export * from "./avatar-group.mjs";
+export * from "./indicator.mjs";

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

@@ -0,0 +1,45 @@
+export interface NIndicatorProps {
+    /**
+     * Set the size of the indicator.
+     *
+     * @default 'md'
+    */
+    size?: string;
+    /**
+     * Allows you to add `UnaUI` button 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/indicator.ts
+     * @example
+     * indicator="solid-green top-right"
+    */
+    indicator?: string;
+    /**
+     * Add a label to the indicator.
+     *
+     * @example
+     * label="new"
+    */
+    label?: string;
+    /**
+     * Add ping animation to the indicator.
+     *
+     * @default false
+    */
+    ping?: boolean;
+    /**
+     * Set visibility of the indicator.
+     *
+     * @default true
+    */
+    visible?: boolean;
+    /**
+   * `UnaUI` preset configuration
+   *
+   * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/indicator.ts
+  */
+    una?: {
+        indicator?: string;
+        indicatorWrapper?: string;
+    };
+}

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

@@ -0,0 +1,91 @@
+export interface NInputProps {
+    /**
+     *
+     * @default null
+    */
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    /**
+     * Update the input status.
+     * Useful for validations.
+     *
+     * @default null
+    */
+    status?: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Add loading state to the input.
+     *
+     * @default false
+    */
+    loading?: boolean;
+    /**
+     * Swap the position of the leading and trailing icons.
+     *
+     * @default false
+    */
+    reverse?: boolean;
+    /**
+     * Value of the input.
+     *
+     * @default null
+    */
+    modelValue?: string | number;
+    /**
+     * Display leading icon.
+     *
+     * @default null
+    */
+    leading?: string;
+    /**
+     * Display trailing icon.
+     *
+     * @default null
+    */
+    trailing?: string;
+    /**
+     * Allows you to add `UnaUI` 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/input.ts
+     * @example
+     * input="solid-green"
+    */
+    input?: string;
+    /**
+     * Allows you to change the size of the input.
+     *
+     * @default size="sm"
+     *
+     * @example
+     * size="sm" | size="2cm" | size="2rem" | size="2px"
+    */
+    size?: string;
+    /**
+     * Manually set the id attribute.
+     *
+     * By default, the id attribute is generated randomly for accessibility reasons.
+     *
+     * @default randomId
+     * @example
+     * id="email"
+    */
+    id?: string;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/input.ts
+    */
+    una?: {
+        input?: string;
+        inputLoading?: string;
+        inputTrailing?: string;
+        inputLeading?: string;
+        inputWrapper?: string;
+        inputLeadingWrapper?: string;
+        inputTrailingWrapper?: string;
+        inputWarningIcon?: string;
+        inputErrorIcon?: string;
+        inputSuccessIcon?: string;
+        inputInfoIcon?: string;
+        inputLoadingIcon?: string;
+    };
+}

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

@@ -0,0 +1,69 @@
+export interface NSwitchProps {
+    /**
+     * Value of the switch.
+     *
+     * @default null
+    */
+    modelValue?: boolean;
+    /**
+     * Disable the switch from being clicked.
+     *
+     * @default false
+    */
+    disabled?: boolean;
+    /**
+     * Add a loading indicator to the switch.
+     * This will also disable the switch.
+     *
+     * @default false
+    */
+    loading?: boolean;
+    /**
+     * Display the slider thumb outside of the track.
+     *
+     * @default false
+    */
+    outset?: boolean;
+    /**
+     * Allows you to add `UnaUI` switch preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @example
+     * switch="xl green focus"
+    */
+    switch?: string;
+    /**
+     * Allows you to display an icon when the switch is on.
+     * Accepts icon name and utility classes
+     *
+     * @example
+     * icon="i-heroicons-check-20-solid text-white"
+    */
+    onIcon?: string;
+    /**
+     * Allows you to display an icon when the switch is off.
+     * Accepts icon name and utility classes
+     *
+     * @example
+     * icon="i-heroicons-x-mark-20-solid text-white"
+    */
+    offIcon?: string;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/switch.ts
+    */
+    una?: {
+        switchThumb?: string;
+        switchThumbOn?: string;
+        switchThumbOff?: string;
+        switchTrack?: string;
+        switchTrackOn?: string;
+        switchTrackOff?: string;
+        switchIconBase?: string;
+        switchIconOn?: string;
+        switchIconOff?: string;
+        switchLoading?: string;
+        switchloadingicon?: string;
+    };
+}

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

@@ -0,0 +1,19 @@
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function hexToRgb(hex: string): [number, number, number];
+export declare function randomId(prefix: string): string;
+export declare function omitProps<T extends Record<string, any>>(obj: T, propsToOmit: Array<keyof T>): Partial<T>;
+export declare function pickProps<T extends Record<string, any>>(obj: T, propsToPick: Array<keyof T>): Partial<T>;
+/**
+  * We want to get the first non-undefined value,
+  * useful for arguments with multiple sources (local, global, default),
+  * this is basically an alternative for `local ?? global ?? default`.
+  * I prefer this approach because it's more readable and easier to extend for more sources.
+  *
+  * @param args - values to check
+  * @example
+  * ```ts
+  * const value = getPriority(specificValue, globalValue, defaultValue)
+  * ```
+  * @returns first non-undefined value
+*/
+export declare function getPriority<T>(...args: (T | undefined)[]): T | undefined;

package/dist/runtime/utils/index.mjs

@@ -0,0 +1,36 @@
+export function rgbToHex(r, g, b) {
+  return `#${[r, g, b].map((x) => {
+    const hex = x.toString(16);
+    return hex.length === 1 ? `0${hex}` : hex;
+  }).join("")}`;
+}
+export function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result)
+    throw new Error(`Invalid hex color: ${hex}`);
+  return [
+    Number.parseInt(result[1], 16),
+    Number.parseInt(result[2], 16),
+    Number.parseInt(result[3], 16)
+  ];
+}
+export function randomId(prefix) {
+  return `una-${prefix}-${Math.random().toString(36).slice(2)}`;
+}
+export function omitProps(obj, propsToOmit) {
+  const newObj = { ...obj };
+  propsToOmit.forEach((prop) => delete newObj[prop]);
+  return newObj;
+}
+export function pickProps(obj, propsToPick) {
+  const newObj = {};
+  propsToPick.forEach((prop) => newObj[prop] = obj[prop]);
+  return newObj;
+}
+export function getPriority(...args) {
+  for (const arg of args) {
+    if (arg !== void 0)
+      return arg;
+  }
+  return void 0;
+}

package/dist/types.d.ts

@@ -0,0 +1,15 @@
+
+import { ModuleOptions } from './module'
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['una']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['una']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['una']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['una']?: ModuleOptions }
+}
+
+
+export { ModuleOptions, default } from './module'

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@una-ui/nuxt",
+  "type": "module",
+  "version": "0.1.0-beta.1",
+  "description": "Nuxt module for @una-ui",
+  "author": "Phojie Rengel <phojrengel@gmail.com>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/phojie",
+  "homepage": "https://github.com/una-ui/una-ui/tree/main/packages/nuxt#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/una-ui/una-ui.git"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@headlessui/vue": "^1.7.16",
+    "@iconify-json/carbon": "^1.1.19",
+    "@iconify-json/heroicons": "^1.1.12",
+    "@iconify-json/tabler": "^1.1.87",
+    "@nuxt/kit": "^3.6.5",
+    "@nuxtjs/color-mode": "^3.3.0",
+    "@unocss/core": "^0.55.1",
+    "@unocss/nuxt": "^0.55.1",
+    "@unocss/preset-attributify": "^0.55.1",
+    "@unocss/preset-icons": "^0.55.1",
+    "@unocss/reset": "^0.55.1",
+    "@vueuse/core": "^10.3.0",
+    "@vueuse/integrations": "^10.3.0",
+    "@vueuse/nuxt": "^10.3.0",
+    "unocss": "^0.55.1",
+    "@una-ui/preset": "^0.1.0-beta.1"
+  },
+  "devDependencies": {
+    "@nuxt/module-builder": "^0.4.0",
+    "@nuxt/schema": "^3.6.5",
+    "nuxt": "^3.6.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "nuxt-build-module",
+    "stub": "nuxt-build-module --stub",
+    "dev": "nuxi dev playground",
+    "playground:build": "nuxi generate playground",
+    "playground:preview": "nuxi preview playground"
+  }
+}