@nuxt/ui 4.4.0 → 4.5.0

package/dist/runtime/types/index.js

@@ -118,6 +118,7 @@ export * from "../components/locale/LocaleSelect.vue";
 export * from "./content.js";
 export * from "./editor.js";
 export * from "./form.js";
+export * from "./input.js";
 export * from "./locale.js";
 export * from "./prose.js";
 export * from "./tv.js";

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

@@ -1,8 +1,18 @@
-export interface ModelModifiers<T = any> {
-    string?: string extends T ? boolean : never;
-    number?: number extends T ? boolean : never;
-    trim?: string extends T ? boolean : never;
-    lazy?: boolean;
-    nullable?: null extends T ? boolean : never;
+export interface ModelModifiers {
+    nullable?: boolean;
+    number?: boolean;
     optional?: boolean;
+    trim?: boolean;
+    lazy?: boolean;
 }
+export type ApplyModifiers<T, M extends ModelModifiers = ModelModifiers> = _Number<_Optional<_Nullable<T, M>, M>, M>;
+type _Nullable<T, M> = M extends {
+    nullable: true;
+} ? T | null : T;
+type _Optional<T, M> = M extends {
+    optional: true;
+} ? T | undefined : T;
+type _Number<T, M> = M extends {
+    number: true;
+} ? T extends string ? T | number : T : T;
+export {};

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

@@ -27,16 +27,18 @@ export type MergeTypes<T extends object> = {
 } & {
     [k in NonCommonKeys<T>]?: PickTypeOf<T, k>;
 };
-type DotPathKeys<T> = T extends Array<any> ? never : T extends object ? {
-    [K in keyof T & string]: T[K] extends Record<string, any> ? K | `${K}.${DotPathKeys<T[K]>}` : K;
+type IsPrimitive<T> = T extends (string | number | boolean | symbol | bigint | null | undefined) ? true : false;
+type IsPlainObject<T> = IsPrimitive<T> extends true ? false : T extends (readonly any[] | ((...args: any[]) => any) | Date | RegExp | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | Promise<any> | Error) ? false : T extends object ? true : false;
+type DotPathKeys<T> = IsPlainObject<T> extends true ? {
+    [K in keyof T & string]: IsPlainObject<NonNullable<T[K]>> extends true ? K | `${K}.${DotPathKeys<NonNullable<T[K]>>}` : K;
 }[keyof T & string] : never;
-type DotPathValue<T, P extends DotPathKeys<T> | (string & {})> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? DotPathValue<T[K], Rest> : never : P extends keyof T ? T[P] : never;
-export type GetItemKeys<I> = keyof Extract<NestedItem<I>, object> | DotPathKeys<Extract<NestedItem<I>, object>>;
-export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
-export type GetModelValue<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = M extends true ? GetItemValue<T, VK>[] : GetItemValue<T, VK>;
-export type GetModelValueEmits<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = {
+type DotPathValue<T, P extends DotPathKeys<T> | (string & {})> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? DotPathValue<NonNullable<T[K]>, Rest> : never : P extends keyof T ? T[P] : never;
+export type GetItemKeys<I, T extends NestedItem<I> = NestedItem<I>> = (keyof Extract<T, object> & string) | DotPathKeys<Extract<T, object>>;
+export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, O extends object | undefined = undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T extends O ? never : T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
+export type GetModelValue<I, VK extends GetItemKeys<I> | undefined, M extends boolean, O extends object | undefined = undefined> = M extends true ? GetItemValue<I, VK, O>[] : GetItemValue<I, VK, O>;
+export type GetModelValueEmits<I, VK extends GetItemKeys<I> | undefined, M extends boolean, O extends object | undefined = undefined> = {
     /** Event handler called when the value changes. */
-    'update:modelValue': [value: GetModelValue<T, VK, M>];
+    'update:modelValue': [value: GetModelValue<I, VK, M, O>];
 };
 export type StringOrVNode = string | VNode | (() => VNode);
 export type EmitsToProps<T> = {

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

@@ -15,4 +15,5 @@ export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
 export declare function mergeClasses(appConfigClass?: string | string[], propClass?: string): "" | (string | undefined)[];
 export declare function getSlotChildrenText(children: any): any;
 export declare function transformUI(ui: any, uiProp?: any): any;
+export declare function resolveBaseURL(path?: string, baseURL?: string): string | undefined;
 export * from './content';

package/dist/runtime/utils/index.js

@@ -1,4 +1,5 @@
 import { isEqual } from "ohash/utils";
+import { withTrailingSlash, withLeadingSlash, joinURL } from "ufo";
 export function pick(data, keys) {
   const result = {};
   for (const key of keys) {
@@ -136,4 +137,13 @@ export function transformUI(ui, uiProp) {
     return acc;
   }, uiProp || {});
 }
+export function resolveBaseURL(path, baseURL) {
+  if (path?.startsWith("/") && !path.startsWith("//")) {
+    const _base = withLeadingSlash(withTrailingSlash(baseURL || "/"));
+    if (_base !== "/" && !path.startsWith(_base)) {
+      return joinURL(_base, path);
+    }
+  }
+  return path;
+}
 export * from "./content.js";

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

@@ -0,0 +1,19 @@
+import type { PointerDownOutsideEvent } from 'reka-ui';
+export interface PointerDownOutsideOptions {
+    /**
+     * Whether the overlay is in scrollable mode.
+     * When true, prevents closing when clicking on the scrollbar.
+     */
+    scrollable?: boolean;
+}
+/**
+ * Handles `pointerDownOutside` events to prevent overlays from closing in specific scenarios:
+ * 1. When the target element is no longer in the DOM (e.g., a toast was dismissed between pointerdown and click on touch devices)
+ * 2. When clicking on a scrollbar (only in scrollable mode)
+ *
+ * Note: Reka UI already handles dismissable layer checks internally via `isLayerExist`,
+ * so we don't need to check for `[data-dismissable-layer]` here.
+ *
+ * @see https://reka-ui.com/docs/components/dialog#disable-close-on-interaction-outside
+ */
+export declare function pointerDownOutside(e: PointerDownOutsideEvent, options?: PointerDownOutsideOptions): void;

package/dist/runtime/utils/overlay.js

@@ -0,0 +1,13 @@
+export function pointerDownOutside(e, options = {}) {
+  const originalEvent = e.detail.originalEvent;
+  const target = originalEvent.target;
+  if (!target?.isConnected) {
+    e.preventDefault();
+    return;
+  }
+  if (options.scrollable) {
+    if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+      e.preventDefault();
+    }
+  }
+}

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue

@@ -29,7 +29,7 @@ const props = defineProps({
   labelKey: { type: null, required: false },
   descriptionKey: { type: null, required: false },
   defaultValue: { type: null, required: false },
-  modelModifiers: { type: Object, required: false },
+  modelModifiers: { type: null, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },
@@ -38,7 +38,7 @@ const props = defineProps({
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue

@@ -18,7 +18,7 @@ const props = defineProps({
   label: { type: String, required: false },
   description: { type: String, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   disabled: { type: Boolean, required: false },
   id: { type: String, required: false },
   name: { type: String, required: false },

package/dist/runtime/vue/overrides/inertia/Link.d.vue.ts

@@ -62,9 +62,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    active: boolean;
     as: any;
     type: "reset" | "submit" | "button";
-    active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/vue/overrides/inertia/Link.vue

@@ -43,6 +43,8 @@ const props = defineProps({
   headers: { type: Object, required: false },
   queryStringArrayFormat: { type: String, required: false },
   async: { type: Boolean, required: false },
+  viewTransition: { type: [Boolean, Function], required: false },
+  onCancelToken: { type: Function, required: false },
   onBefore: { type: Function, required: false },
   onBeforeUpdate: { type: Function, required: false },
   onStart: { type: Function, required: false },
@@ -51,11 +53,11 @@ const props = defineProps({
   onCancel: { type: Function, required: false },
   onSuccess: { type: Function, required: false },
   onError: { type: Function, required: false },
+  onFlash: { type: Function, required: false },
   onPrefetched: { type: Function, required: false },
   onPrefetching: { type: Function, required: false },
-  onCancelToken: { type: Function, required: false },
   prefetch: { type: [Boolean, String, Array], required: false },
-  cacheFor: { type: [Number, String, Array], required: false },
+  cacheFor: { type: null, required: false },
   cacheTags: { type: [String, Array], required: false }
 });
 defineSlots();

package/dist/runtime/vue/overrides/inertia/Link.vue.d.ts

@@ -62,9 +62,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    active: boolean;
     as: any;
     type: "reset" | "submit" | "button";
-    active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/vue/overrides/none/Link.d.vue.ts

@@ -64,9 +64,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    active: boolean;
     as: any;
     type: "reset" | "submit" | "button";
-    active: boolean;
     ariaCurrentValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/vue/overrides/none/Link.vue.d.ts

@@ -64,9 +64,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    active: boolean;
     as: any;
     type: "reset" | "submit" | "button";
-    active: boolean;
     ariaCurrentValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/vue/overrides/vue-router/Link.d.vue.ts

@@ -55,9 +55,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    active: boolean;
     as: any;
     type: "reset" | "submit" | "button";
-    active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/vue/overrides/vue-router/Link.vue.d.ts

@@ -55,9 +55,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    active: boolean;
     as: any;
     type: "reset" | "submit" | "button";
-    active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/vue/stubs/base.d.ts

@@ -35,6 +35,12 @@ export declare function useNuxtApp(): {
     }) => () => void;
 };
 export declare function useRuntimeHook(name: string, fn: (...args: any[]) => void): void;
+export declare function useRuntimeConfig(): {
+    app: {
+        baseURL: string;
+    };
+    public: {};
+};
 export declare function defineNuxtPlugin(plugin: (nuxtApp: NuxtApp) => void): {
     install(app: import("vue").App<any>): void;
 };

package/dist/runtime/vue/stubs/base.js

@@ -66,6 +66,14 @@ export function useRuntimeHook(name, fn) {
   const unregister = nuxtApp.hook(name, fn);
   onScopeDispose(unregister);
 }
+export function useRuntimeConfig() {
+  return {
+    app: {
+      baseURL: "/"
+    },
+    public: {}
+  };
+}
 export function defineNuxtPlugin(plugin) {
   return {
     install(app) {

package/dist/shared/{ui.Ddb3hKxo.mjs → ui.BrgdrRzy.mjs}

@@ -1361,7 +1361,7 @@ const chatPrompt = {
     header: "flex items-center gap-1.5",
     body: "items-start",
     footer: "flex items-center justify-between gap-1.5",
-    base: "text-base/5"
+    base: ""
   },
   variants: {
     variant: {
@@ -2037,21 +2037,11 @@ const dashboardSearch = {
       }
     },
     size: {
-      xs: {
-        input: "[&>input]:text-sm"
-      },
-      sm: {
-        input: "[&>input]:text-sm"
-      },
-      md: {
-        input: "[&>input]:text-base/5"
-      },
-      lg: {
-        input: "[&>input]:text-base/5"
-      },
-      xl: {
-        input: "[&>input]:text-lg"
-      }
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
     }
   },
   defaultVariants: {
@@ -2430,10 +2420,10 @@ const editor = (options) => ({
   variants: {
     placeholderMode: {
       firstLine: {
-        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:text-dimmed [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:float-left [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:pointer-events-none"
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:text-dimmed [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:pointer-events-none"
       },
       everyLine: {
-        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:text-dimmed [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:float-left [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:pointer-events-none"
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:text-dimmed [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:pointer-events-none"
       }
     }
   },
@@ -2933,7 +2923,7 @@ const input = (options) => ({
     ...fieldGroupVariantWithRoot,
     size: {
       xs: {
-        base: "px-2 py-1 text-xs gap-1",
+        base: "px-2 py-1 text-sm/4 gap-1",
         leading: "ps-2",
         trailing: "pe-2",
         leadingIcon: "size-4",
@@ -2941,7 +2931,7 @@ const input = (options) => ({
         trailingIcon: "size-4"
       },
       sm: {
-        base: "px-2.5 py-1.5 text-xs gap-1.5",
+        base: "px-2.5 py-1.5 text-sm/4 gap-1.5",
         leading: "ps-2.5",
         trailing: "pe-2.5",
         leadingIcon: "size-4",
@@ -2949,7 +2939,7 @@ const input = (options) => ({
         trailingIcon: "size-4"
       },
       md: {
-        base: "px-2.5 py-1.5 text-sm gap-1.5",
+        base: "px-2.5 py-1.5 text-base/5 gap-1.5",
         leading: "ps-2.5",
         trailing: "pe-2.5",
         leadingIcon: "size-5",
@@ -2957,7 +2947,7 @@ const input = (options) => ({
         trailingIcon: "size-5"
       },
       lg: {
-        base: "px-3 py-2 text-sm gap-2",
+        base: "px-3 py-2 text-base/5 gap-2",
         leading: "ps-3",
         trailing: "pe-3",
         leadingIcon: "size-5",
@@ -2996,6 +2986,9 @@ const input = (options) => ({
     highlight: {
       true: ""
     },
+    fixed: {
+      false: ""
+    },
     type: {
       file: "file:me-1.5 file:font-medium file:text-muted file:outline-none"
     }
@@ -3069,6 +3062,22 @@ const input = (options) => ({
     class: {
       trailingIcon: "animate-spin"
     }
+  }, {
+    fixed: false,
+    size: "xs",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "sm",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "md",
+    class: "md:text-sm"
+  }, {
+    fixed: false,
+    size: "lg",
+    class: "md:text-sm"
   }],
   defaultVariants: {
     size: "md",
@@ -3143,7 +3152,7 @@ const inputMenu = (options) => {
   return defuFn({
     slots: {
       base: () => ["rounded-md", options.theme.transitions && "transition-colors"],
-      trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
+      trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none",
       trailingClear: "p-0",
       arrow: "fill-default",
       content: "max-h-60 w-(--reka-combobox-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto flex flex-col",
@@ -3287,10 +3296,10 @@ const inputNumber = (options) => {
         neutral: ""
       },
       size: {
-        xs: "px-2 py-1 text-xs gap-1",
-        sm: "px-2.5 py-1.5 text-xs gap-1.5",
-        md: "px-2.5 py-1.5 text-sm gap-1.5",
-        lg: "px-3 py-2 text-sm gap-2",
+        xs: "px-2 py-1 text-sm/4 gap-1",
+        sm: "px-2.5 py-1.5 text-sm/4 gap-1.5",
+        md: "px-2.5 py-1.5 text-base/5 gap-1.5",
+        lg: "px-3 py-2 text-base/5 gap-2",
         xl: "px-3 py-2 text-base gap-2"
       },
       variant: {
@@ -3316,6 +3325,9 @@ const inputNumber = (options) => {
       highlight: {
         true: ""
       },
+      fixed: {
+        false: ""
+      },
       increment: {
         false: ""
       },
@@ -3383,6 +3395,22 @@ const inputNumber = (options) => {
       increment: true,
       size: "xl",
       class: "pe-11"
+    }, {
+      fixed: false,
+      size: "xs",
+      class: "md:text-xs"
+    }, {
+      fixed: false,
+      size: "sm",
+      class: "md:text-xs"
+    }, {
+      fixed: false,
+      size: "md",
+      class: "md:text-sm"
+    }, {
+      fixed: false,
+      size: "lg",
+      class: "md:text-sm"
     }],
     defaultVariants: {
       size: "md",
@@ -3707,6 +3735,7 @@ const navigationMenu = (options) => ({
     linkLeadingIcon: "shrink-0 size-5",
     linkLeadingAvatar: "shrink-0",
     linkLeadingAvatarSize: "2xs",
+    linkLeadingChipSize: "sm",
     linkTrailing: "group ms-auto inline-flex gap-1.5 items-center",
     linkTrailingBadge: "shrink-0",
     linkTrailingBadgeSize: "sm",
@@ -4502,16 +4531,16 @@ const pinInput = (options) => ({
   variants: {
     size: {
       xs: {
-        base: "size-6 text-xs"
+        base: "size-6 text-sm/4"
       },
       sm: {
-        base: "size-7 text-xs"
+        base: "size-7 text-sm/4"
       },
       md: {
-        base: "size-8 text-sm"
+        base: "size-8 text-base/5"
       },
       lg: {
-        base: "size-9 text-sm"
+        base: "size-9 text-base/5"
       },
       xl: {
         base: "size-10 text-base"
@@ -4530,6 +4559,9 @@ const pinInput = (options) => ({
     },
     highlight: {
       true: ""
+    },
+    fixed: {
+      false: ""
     }
   },
   compoundVariants: [...(options.theme.colors || []).map((color) => ({
@@ -4548,6 +4580,22 @@ const pinInput = (options) => ({
     color: "neutral",
     highlight: true,
     class: "ring ring-inset ring-inverted"
+  }, {
+    fixed: false,
+    size: "xs",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "sm",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "md",
+    class: "md:text-sm"
+  }, {
+    fixed: false,
+    size: "lg",
+    class: "md:text-sm"
   }],
   defaultVariants: {
     size: "md",
@@ -4570,7 +4618,7 @@ const pricingPlan = {
     body: "flex flex-col min-w-0",
     footer: "flex flex-col gap-6 items-center",
     titleWrapper: "flex items-center gap-3",
-    title: "text-highlighted text-2xl sm:text-3xl text-pretty font-semibold",
+    title: "text-highlighted truncate text-2xl sm:text-3xl text-pretty font-semibold",
     description: "text-muted text-base text-pretty mt-2",
     priceWrapper: "flex items-center gap-1",
     price: "text-highlighted text-3xl sm:text-4xl font-semibold",
@@ -5167,8 +5215,14 @@ const select = (options) => {
     },
     variants: {
       ...fieldGroupVariant,
+      variant: (prev) => ({
+        ...prev,
+        outline: [prev.outline, "hover:bg-elevated disabled:bg-default"].join(" "),
+        subtle: [prev.subtle, "hover:bg-accented/75 disabled:bg-elevated"].join(" ")
+      }),
       size: {
         xs: {
+          base: "px-2 py-1 text-xs gap-1",
           label: "p-1 text-[10px]/3 gap-1",
           item: "p-1 text-xs gap-1",
           itemLeadingIcon: "size-4",
@@ -5179,6 +5233,7 @@ const select = (options) => {
           empty: "p-1 text-xs"
         },
         sm: {
+          base: "px-2.5 py-1.5 text-xs gap-1.5",
           label: "p-1.5 text-[10px]/3 gap-1.5",
           item: "p-1.5 text-xs gap-1.5",
           itemLeadingIcon: "size-4",
@@ -5189,6 +5244,7 @@ const select = (options) => {
           empty: "p-1.5 text-xs"
         },
         md: {
+          base: "px-2.5 py-1.5 text-sm gap-1.5",
           label: "p-1.5 text-xs gap-1.5",
           item: "p-1.5 text-sm gap-1.5",
           itemLeadingIcon: "size-5",
@@ -5199,6 +5255,7 @@ const select = (options) => {
           empty: "p-1.5 text-sm"
         },
         lg: {
+          base: "px-3 py-2 text-sm gap-2",
           label: "p-2 text-xs gap-2",
           item: "p-2 text-sm gap-2",
           itemLeadingIcon: "size-5",
@@ -5209,6 +5266,7 @@ const select = (options) => {
           empty: "p-2 text-sm"
         },
         xl: {
+          base: "px-3 py-2 text-base gap-2",
           label: "p-2 text-sm gap-2",
           item: "p-2 text-base gap-2",
           itemLeadingIcon: "size-6",
@@ -6307,7 +6365,7 @@ const toast = (options) => ({
 const toaster = {
   slots: {
     viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none",
-    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
+    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[state=open]:data-[pulsing=odd]:animate-[toast-pulse-a_300ms_ease-out] data-[state=open]:data-[pulsing=even]:animate-[toast-pulse-b_300ms_ease-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   variants: {
     position: {
@@ -6341,13 +6399,13 @@ const toaster = {
     position: ["top-left", "top-center", "top-right"],
     class: {
       viewport: "top-4",
-      base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
+      base: "top-0 data-[state=open]:animate-[toast-slide-in-from-top_200ms_ease-in-out]"
     }
   }, {
     position: ["bottom-left", "bottom-center", "bottom-right"],
     class: {
       viewport: "bottom-4",
-      base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
+      base: "bottom-0 data-[state=open]:animate-[toast-slide-in-from-bottom_200ms_ease-in-out]"
     }
   }, {
     swipeDirection: ["left", "right"],
@@ -7347,21 +7405,11 @@ const contentSearch = {
       }
     },
     size: {
-      xs: {
-        input: "[&>input]:text-sm"
-      },
-      sm: {
-        input: "[&>input]:text-sm"
-      },
-      md: {
-        input: "[&>input]:text-base/5"
-      },
-      lg: {
-        input: "[&>input]:text-base/5"
-      },
-      xl: {
-        input: "[&>input]:text-lg"
-      }
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
     }
   },
   defaultVariants: {
@@ -7705,7 +7753,7 @@ import colors from 'tailwindcss/colors'
 
 type IconsConfig = Record<${iconUnion} | (string & {}), string>
 
-type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone'
+type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'taupe' | 'mauve' | 'mist' | 'olive'
 type Color = Exclude<keyof typeof colors, 'inherit' | 'current' | 'transparent' | 'black' | 'white' | NeutralColor> | (string & {})
 
 type AppConfigUI = {

package/dist/unplugin.d.mts

@@ -53,7 +53,7 @@ declare const _default: {
     warning: string;
 };
 
-type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone';
+type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'taupe' | 'mauve' | 'mist' | 'olive';
 type Color = Exclude<keyof typeof colors, 'inherit' | 'current' | 'transparent' | 'black' | 'white' | NeutralColor> | (string & {});
 type AppConfigUI = {
     colors?: Record<string, Color> & {

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.Ddb3hKxo.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.BrgdrRzy.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';