@nuxt/ui 4.7.1 → 4.8.1

package/dist/runtime/composables/useComponentProps.d.ts

@@ -0,0 +1,180 @@
+import type { ComputedRef } from 'vue';
+import type { ClassValue } from 'tailwind-variants';
+import type * as ComponentTypes from '../types';
+import type * as ui from '#build/ui';
+type ThemeSlotOverrides<T> = T extends {
+    slots: infer S extends Record<string, any>;
+} ? {
+    [K in keyof S]?: ClassValue;
+} : {
+    [K in keyof T]?: T[K] extends any[] ? ClassValue : T[K] extends Record<string, any> ? ThemeSlotOverrides<T[K]> : ClassValue;
+};
+/**
+ * Flat slot-class override shape: `{ button: { base: '...' }, modal: {...} }`.
+ * Powers the `:ui` prop on `<UTheme>`, which remains the recommended way to
+ * scope class overrides without touching component prop defaults.
+ */
+export type ThemeUI = {
+    [K in keyof typeof ui]?: ThemeSlotOverrides<(typeof ui)[K]>;
+};
+/**
+ * Strict per-component defaults shape used by `<UTheme :props>`. Authored as
+ * a flat interface with literal keys (rather than a mapped type) so editors —
+ * Volar in particular — surface key completions inside template inline
+ * objects (`:props="{ button: { … } }"`). Volar reliably iterates interface
+ * members but not mapped-type members in this position.
+ *
+ * Keys mirror the theme registry exposed by `#build/ui` (see
+ * `src/templates.ts`): every themable component gets one camelCase entry
+ * whose value is a `Partial` of that component's `<PascalCase>Props`.
+ */
+export interface ThemeDefaults {
+    accordion?: Partial<ComponentTypes.AccordionProps>;
+    alert?: Partial<ComponentTypes.AlertProps>;
+    authForm?: Partial<ComponentTypes.AuthFormProps>;
+    avatar?: Partial<ComponentTypes.AvatarProps>;
+    avatarGroup?: Partial<ComponentTypes.AvatarGroupProps>;
+    badge?: Partial<ComponentTypes.BadgeProps>;
+    banner?: Partial<ComponentTypes.BannerProps>;
+    blogPost?: Partial<ComponentTypes.BlogPostProps>;
+    blogPosts?: Partial<ComponentTypes.BlogPostsProps>;
+    breadcrumb?: Partial<ComponentTypes.BreadcrumbProps>;
+    button?: Partial<ComponentTypes.ButtonProps>;
+    calendar?: Partial<ComponentTypes.CalendarProps>;
+    card?: Partial<ComponentTypes.CardProps>;
+    carousel?: Partial<ComponentTypes.CarouselProps>;
+    changelogVersion?: Partial<ComponentTypes.ChangelogVersionProps>;
+    changelogVersions?: Partial<ComponentTypes.ChangelogVersionsProps>;
+    chatMessage?: Partial<ComponentTypes.ChatMessageProps>;
+    chatMessages?: Partial<ComponentTypes.ChatMessagesProps>;
+    chatPalette?: Partial<ComponentTypes.ChatPaletteProps>;
+    chatPrompt?: Partial<ComponentTypes.ChatPromptProps>;
+    chatPromptSubmit?: Partial<ComponentTypes.ChatPromptSubmitProps>;
+    chatReasoning?: Partial<ComponentTypes.ChatReasoningProps>;
+    chatShimmer?: Partial<ComponentTypes.ChatShimmerProps>;
+    chatTool?: Partial<ComponentTypes.ChatToolProps>;
+    checkbox?: Partial<ComponentTypes.CheckboxProps>;
+    checkboxGroup?: Partial<ComponentTypes.CheckboxGroupProps>;
+    chip?: Partial<ComponentTypes.ChipProps>;
+    collapsible?: Partial<ComponentTypes.CollapsibleProps>;
+    colorPicker?: Partial<ComponentTypes.ColorPickerProps>;
+    commandPalette?: Partial<ComponentTypes.CommandPaletteProps>;
+    container?: Partial<ComponentTypes.ContainerProps>;
+    contentNavigation?: Partial<ComponentTypes.ContentNavigationProps>;
+    contentSearch?: Partial<ComponentTypes.ContentSearchProps>;
+    contentSearchButton?: Partial<ComponentTypes.ContentSearchButtonProps>;
+    contentSurround?: Partial<ComponentTypes.ContentSurroundProps>;
+    contentToc?: Partial<ComponentTypes.ContentTocProps>;
+    contextMenu?: Partial<ComponentTypes.ContextMenuProps>;
+    dashboardGroup?: Partial<ComponentTypes.DashboardGroupProps>;
+    dashboardNavbar?: Partial<ComponentTypes.DashboardNavbarProps>;
+    dashboardPanel?: Partial<ComponentTypes.DashboardPanelProps>;
+    dashboardResizeHandle?: Partial<ComponentTypes.DashboardResizeHandleProps>;
+    dashboardSearch?: Partial<ComponentTypes.DashboardSearchProps>;
+    dashboardSearchButton?: Partial<ComponentTypes.DashboardSearchButtonProps>;
+    dashboardSidebar?: Partial<ComponentTypes.DashboardSidebarProps>;
+    dashboardSidebarCollapse?: Partial<ComponentTypes.DashboardSidebarCollapseProps>;
+    dashboardSidebarToggle?: Partial<ComponentTypes.DashboardSidebarToggleProps>;
+    dashboardToolbar?: Partial<ComponentTypes.DashboardToolbarProps>;
+    drawer?: Partial<ComponentTypes.DrawerProps>;
+    dropdownMenu?: Partial<ComponentTypes.DropdownMenuProps>;
+    editor?: Partial<ComponentTypes.EditorProps>;
+    editorDragHandle?: Partial<ComponentTypes.EditorDragHandleProps>;
+    editorToolbar?: Partial<ComponentTypes.EditorToolbarProps>;
+    empty?: Partial<ComponentTypes.EmptyProps>;
+    error?: Partial<ComponentTypes.ErrorProps>;
+    fieldGroup?: Partial<ComponentTypes.FieldGroupProps>;
+    fileUpload?: Partial<ComponentTypes.FileUploadProps>;
+    footer?: Partial<ComponentTypes.FooterProps>;
+    footerColumns?: Partial<ComponentTypes.FooterColumnsProps>;
+    form?: Partial<ComponentTypes.FormProps<any, any, any>>;
+    formField?: Partial<ComponentTypes.FormFieldProps>;
+    header?: Partial<ComponentTypes.HeaderProps>;
+    input?: Partial<ComponentTypes.InputProps>;
+    inputDate?: Partial<ComponentTypes.InputDateProps>;
+    inputMenu?: Partial<ComponentTypes.InputMenuProps>;
+    inputNumber?: Partial<ComponentTypes.InputNumberProps>;
+    inputTags?: Partial<ComponentTypes.InputTagsProps>;
+    inputTime?: Partial<ComponentTypes.InputTimeProps>;
+    kbd?: Partial<ComponentTypes.KbdProps>;
+    listbox?: Partial<ComponentTypes.ListboxProps>;
+    main?: Partial<ComponentTypes.MainProps>;
+    marquee?: Partial<ComponentTypes.MarqueeProps>;
+    modal?: Partial<ComponentTypes.ModalProps>;
+    navigationMenu?: Partial<ComponentTypes.NavigationMenuProps>;
+    page?: Partial<ComponentTypes.PageProps>;
+    pageAnchors?: Partial<ComponentTypes.PageAnchorsProps>;
+    pageAside?: Partial<ComponentTypes.PageAsideProps>;
+    pageBody?: Partial<ComponentTypes.PageBodyProps>;
+    pageCTA?: Partial<ComponentTypes.PageCTAProps>;
+    pageCard?: Partial<ComponentTypes.PageCardProps>;
+    pageColumns?: Partial<ComponentTypes.PageColumnsProps>;
+    pageFeature?: Partial<ComponentTypes.PageFeatureProps>;
+    pageGrid?: Partial<ComponentTypes.PageGridProps>;
+    pageHeader?: Partial<ComponentTypes.PageHeaderProps>;
+    pageHero?: Partial<ComponentTypes.PageHeroProps>;
+    pageLinks?: Partial<ComponentTypes.PageLinksProps>;
+    pageList?: Partial<ComponentTypes.PageListProps>;
+    pageLogos?: Partial<ComponentTypes.PageLogosProps>;
+    pageSection?: Partial<ComponentTypes.PageSectionProps>;
+    pagination?: Partial<ComponentTypes.PaginationProps>;
+    pinInput?: Partial<ComponentTypes.PinInputProps>;
+    popover?: Partial<ComponentTypes.PopoverProps>;
+    pricingPlan?: Partial<ComponentTypes.PricingPlanProps>;
+    pricingPlans?: Partial<ComponentTypes.PricingPlansProps>;
+    pricingTable?: Partial<ComponentTypes.PricingTableProps>;
+    progress?: Partial<ComponentTypes.ProgressProps>;
+    radioGroup?: Partial<ComponentTypes.RadioGroupProps>;
+    scrollArea?: Partial<ComponentTypes.ScrollAreaProps>;
+    select?: Partial<ComponentTypes.SelectProps>;
+    selectMenu?: Partial<ComponentTypes.SelectMenuProps>;
+    separator?: Partial<ComponentTypes.SeparatorProps>;
+    sidebar?: Partial<ComponentTypes.SidebarProps>;
+    skeleton?: Partial<ComponentTypes.SkeletonProps>;
+    slideover?: Partial<ComponentTypes.SlideoverProps>;
+    slider?: Partial<ComponentTypes.SliderProps>;
+    stepper?: Partial<ComponentTypes.StepperProps>;
+    switch?: Partial<ComponentTypes.SwitchProps>;
+    table?: Partial<ComponentTypes.TableProps>;
+    tabs?: Partial<ComponentTypes.TabsProps>;
+    textarea?: Partial<ComponentTypes.TextareaProps>;
+    timeline?: Partial<ComponentTypes.TimelineProps>;
+    toast?: Partial<ComponentTypes.ToastProps>;
+    toaster?: Partial<ComponentTypes.ToasterProps>;
+    tooltip?: Partial<ComponentTypes.TooltipProps>;
+    tree?: Partial<ComponentTypes.TreeProps>;
+    user?: Partial<ComponentTypes.UserProps>;
+}
+/**
+ * Loose internal shape stored on the injected `ThemeContext`. Allows the
+ * `prose` namespace (lifted by `normalizeUi`) and any unknown keys to flow
+ * through without polluting the user-facing `ThemeDefaults` type.
+ */
+export type ThemeContextDefaults = ThemeDefaults & {
+    [name: string]: Record<string, any> | undefined;
+};
+export type ThemeContext = {
+    defaults: ComputedRef<ThemeContextDefaults>;
+};
+declare const provideThemeContext: (contextValue: ThemeContext) => ThemeContext;
+/**
+ * Module-level fallback so components can call `useComponentProps` outside any
+ * `<UTheme>` wrapper without crashing.
+ */
+export declare const defaultThemeContext: ThemeContext;
+export declare function injectThemeContext(fallback?: ThemeContext): ThemeContext;
+export { provideThemeContext };
+/**
+ * Resolve a component's props with the priority chain:
+ *   explicit prop > nearest UTheme > withDefaults
+ *     > app.config.ui.<name>.defaultVariants
+ *
+ * The returned proxy transparently reads from `props`, falling through to the
+ * injected `ThemeContext` and `app.config.ui.<name>.defaultVariants` for
+ * defaults. The component's tv() `defaultVariants` are intentionally left out
+ * of the proxy fallback — they continue to drive `tv()`-internal class
+ * resolution (the original semantics) without leaking into prop reads. The
+ * `ui` prop is deep-merged (explicit slot classes override theme slot classes)
+ * instead of being replaced.
+ */
+export declare function useComponentProps<T extends object>(name: string, props: T): T;

package/dist/runtime/composables/useComponentProps.js

@@ -0,0 +1,59 @@
+import { computed, getCurrentInstance } from "vue";
+import defu from "defu";
+import { createContext } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { get } from "../utils/index.js";
+const [_injectThemeContext, provideThemeContext] = createContext("UTheme", "RootContext");
+export const defaultThemeContext = {
+  defaults: computed(() => ({}))
+};
+export function injectThemeContext(fallback = defaultThemeContext) {
+  return _injectThemeContext(fallback);
+}
+export { provideThemeContext };
+function camelCase(str) {
+  return str.replace(/-(\w)/g, (_, c) => c.toUpperCase());
+}
+function kebabCase(str) {
+  return str.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+function propIsDefined(vnode, prop) {
+  if (!vnode || !vnode.props) return false;
+  return vnode.props[camelCase(prop)] !== void 0 || vnode.props[kebabCase(prop)] !== void 0;
+}
+export function useComponentProps(name, props) {
+  const vm = getCurrentInstance();
+  const { defaults } = injectThemeContext();
+  const appConfig = useAppConfig();
+  return new Proxy(props, {
+    get(target, prop, receiver) {
+      if (prop === "__v_isReactive") return true;
+      if (prop === "__v_raw") return target;
+      const raw = Reflect.get(target, prop, receiver);
+      if (typeof prop !== "string") return raw;
+      const themeEntry = name.includes(".") ? get(defaults.value, name) : defaults.value[name];
+      if (prop === "ui") {
+        const themeUi = themeEntry?.ui;
+        if (!raw && !themeUi) return raw;
+        return defu(raw ?? {}, themeUi ?? {});
+      }
+      if (vm && propIsDefined(vm.vnode, prop)) return raw;
+      const themeValue = themeEntry?.[prop];
+      if (themeValue !== void 0) return themeValue;
+      const propDef = vm?.type?.props?.[prop];
+      if (propDef && Object.prototype.hasOwnProperty.call(propDef, "default")) {
+        return raw;
+      }
+      const appConfigEntry = name.includes(".") ? get(appConfig.ui ?? {}, name) : appConfig.ui?.[name];
+      return appConfigEntry?.defaultVariants?.[prop];
+    },
+    // `has`, `ownKeys`, and `getOwnPropertyDescriptor` reflect the underlying
+    // `defineProps` schema only — theme defaults are NOT enumerable. As a
+    // result, `Object.keys(props)`, `for…in`, and `{ ...props }` see only the
+    // declared prop keys, but each value lookup still flows through the proxy.
+    // This is the contract our internal `useForwardProps` relies on.
+    has: (t, p) => Reflect.has(t, p),
+    ownKeys: (t) => Reflect.ownKeys(t),
+    getOwnPropertyDescriptor: (t, p) => Reflect.getOwnPropertyDescriptor(t, p)
+  });
+}

package/dist/runtime/composables/useContentSearch.d.ts

@@ -1,9 +1,11 @@
 import type { ContentNavigationItem } from '@nuxt/content';
-import type { ContentSearchFile, ContentSearchItem } from '../components/content/ContentSearch.vue';
+import type { ContentSearchFile, ContentSearchItem, ContentSearchLink, ContentSearchResult } from '../components/content/ContentSearch.vue';
 declare function _useContentSearch(): {
     open: import("vue").Ref<boolean, boolean>;
-    mapFile: (file: ContentSearchFile, link: ContentNavigationItem, parent?: ContentNavigationItem) => ContentSearchItem;
+    mapFile: (file: ContentSearchFile, link: ContentNavigationItem, ancestors?: ContentNavigationItem[]) => ContentSearchItem;
     mapNavigationItems: (children: ContentNavigationItem[], files: ContentSearchFile[], parent?: ContentNavigationItem) => ContentSearchItem[];
+    mapLinks: (links: ContentSearchLink[]) => ContentSearchItem[];
+    mapSearchResults: (results: ContentSearchResult[], navigation?: ContentNavigationItem[]) => ContentSearchItem[];
     postFilter: (query: string, items: ContentSearchItem[]) => ContentSearchItem[];
 };
 export declare const useContentSearch: typeof _useContentSearch;

package/dist/runtime/composables/useContentSearch.js

@@ -1,17 +1,19 @@
 import { ref } from "vue";
 import { createSharedComposable } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { sanitizeSnippet } from "../utils/search.js";
 function _useContentSearch() {
   const open = ref(false);
   const appConfig = useAppConfig();
-  function mapFile(file, link, parent) {
-    const prefix = [...new Set([parent?.title, ...file.titles].filter(Boolean))];
+  function mapFile(file, link, ancestors = []) {
+    const prefix = [...new Set([...ancestors.map((a) => a.title), ...file.titles].filter(Boolean))];
+    const ancestorIcon = ancestors.findLast((a) => a.icon)?.icon;
     return {
       prefix: prefix?.length ? prefix.join(" > ") + " >" : void 0,
       label: file.id === link.path ? link.title : file.title,
       suffix: file.content.replaceAll("<", "&lt;").replaceAll(">", "&gt;"),
       to: file.id,
-      icon: link.icon || parent?.icon || (file.level > 1 ? appConfig.ui.icons.hash : appConfig.ui.icons.file),
+      icon: link.icon || ancestorIcon || (file.level > 1 ? appConfig.ui.icons.hash : appConfig.ui.icons.file),
       level: file.level
     };
   }
@@ -26,16 +28,69 @@ function _useContentSearch() {
       }
       bucket.push(file);
     }
-    function visit(nodes, nodeParent) {
+    function visit(nodes, ancestors) {
       return nodes.flatMap((link) => {
         if (link.children?.length) {
-          return visit(link.children, link);
+          return visit(link.children, [...ancestors, link]);
         }
         const matched = link.path ? filesByPath.get(link.path) : void 0;
-        return matched?.map((file) => mapFile(file, link, nodeParent)) || [];
+        return matched?.map((file) => mapFile(file, link, ancestors)) || [];
       });
     }
-    return visit(children, parent);
+    return visit(children, parent ? [parent] : []);
+  }
+  function mapLinks(links) {
+    return links.flatMap((link) => [{
+      ...link,
+      suffix: link.description,
+      description: void 0,
+      icon: link.icon || appConfig.ui.icons.file,
+      children: void 0
+    }, ...link.children?.map((child) => ({
+      ...child,
+      prefix: link.label ? link.label + " >" : void 0,
+      suffix: child.description,
+      description: void 0,
+      icon: child.icon || link.icon || appConfig.ui.icons.file
+    })) || []]);
+  }
+  function findNavItem(path, nodes, ancestors = []) {
+    for (const node of nodes || []) {
+      if (node.path === path) return { link: node, ancestors };
+      if (node.children?.length) {
+        const found = findNavItem(path, node.children, [...ancestors, node]);
+        if (found.link) return found;
+      }
+    }
+    return {};
+  }
+  function mapSearchResults(results, navigation) {
+    const navCache = /* @__PURE__ */ new Map();
+    return results.reduce((acc, result) => {
+      const basePath = result.id.split("#")[0] ?? result.id;
+      let nav = navCache.get(basePath);
+      if (!nav) {
+        nav = findNavItem(basePath, navigation);
+        navCache.set(basePath, nav);
+      }
+      const { link, ancestors = [] } = nav;
+      if (navigation?.length && !link) return acc;
+      const sectionChain = ancestors.length ? ancestors : link ? [link] : [];
+      const prefixParts = [...new Set([...sectionChain.map((s) => s.title), ...result.titles].filter(Boolean))];
+      const prefix = prefixParts.length ? prefixParts.join(" > ") + " >" : void 0;
+      const ancestorIcon = ancestors.findLast((a) => a.icon)?.icon;
+      acc.push({
+        label: result.title,
+        labelHtml: result.snippets?.title ? sanitizeSnippet(result.snippets.title) : void 0,
+        prefix,
+        description: result.content.replaceAll("<", "&lt;").replaceAll(">", "&gt;"),
+        descriptionHtml: result.snippets?.content ? sanitizeSnippet(result.snippets.content) : void 0,
+        to: result.id,
+        icon: link?.icon || ancestorIcon || (result.level > 1 ? appConfig.ui.icons.hash : appConfig.ui.icons.file),
+        level: result.level
+      });
+      return acc;
+    }, []);
   }
   function postFilter(query, items) {
     if (!query) {
@@ -47,6 +102,8 @@ function _useContentSearch() {
     open,
     mapFile,
     mapNavigationItems,
+    mapLinks,
+    mapSearchResults,
     postFilter
   };
 }

package/dist/runtime/composables/useFieldGroup.d.ts

@@ -8,9 +8,17 @@ export declare const fieldGroupInjectionKey: InjectionKey<ComputedRef<{
 type Props<T> = {
     size?: GetObjectField<T, 'size'>;
 };
+/**
+ * Reads `size` / `orientation` from a wrapping `<UFieldGroup>` (or `<UButtonGroup>`, etc.).
+ *
+ * **Always pass the raw `_props`, never the `useComponentProps` proxy** — the
+ * fallback `props?.size ?? fieldGroup?.value.size` must keep the closer context
+ * winning over `<UTheme :props>`. To still apply theme defaults on bare inputs,
+ * fall back to the proxy at the `tv()` call site: `size: groupSize.value ?? props.size`.
+ */
 export declare function useFieldGroup<T>(props: Props<T>): {
     orientation: ComputedRef<"horizontal" | "vertical" | undefined>;
-    size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
+    size: ComputedRef<"md" | "xs" | "sm" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
 };
 export declare const FieldGroupReset: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;

package/dist/runtime/composables/useFormField.d.ts

@@ -22,13 +22,33 @@ export declare const formInputsInjectionKey: InjectionKey<Ref<Record<string, {
 }>>>;
 export declare const formLoadingInjectionKey: InjectionKey<Readonly<Ref<boolean>>>;
 export declare const formErrorsInjectionKey: InjectionKey<Readonly<Ref<FormErrorWithId[]>>>;
+/**
+ * Wires an input to its wrapping `<UFormField>` (id/name/aria, validation events, error-driven color).
+ *
+ * **Always pass the raw `_props`, never the `useComponentProps` proxy.**
+ * The internal fallback `props?.x ?? formField?.value.x` must distinguish
+ * "explicit prop" from "theme default" — passing the proxy would leak
+ * `<UTheme :props>` defaults into the explicit slot and let theme size/color
+ * silently override the wrapping field (regression-tested in `Theme.spec.ts`).
+ *
+ * To get `<UTheme :props>` to apply when no `<UFormField>` wraps the input,
+ * fall back to the proxy at the `tv()` call site:
+ *
+ * ```ts
+ * size: size.value ?? props.size,
+ * color: color.value ?? props.color,
+ * highlight: highlight.value ?? props.highlight
+ * ```
+ *
+ * Final precedence: `explicit > FormField > <UTheme :props> > withDefaults > app.config > tv defaults`.
+ */
 export declare function useFormField<T>(props?: Props<T>, opts?: {
     bind?: boolean;
     deferInputValidation?: boolean;
 }): {
     id: ComputedRef<string | undefined>;
     name: ComputedRef<string | undefined>;
-    size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
+    size: ComputedRef<"md" | "xs" | "sm" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
     color: ComputedRef<"error" | GetObjectField<T, "color"> | undefined>;
     highlight: ComputedRef<boolean | undefined>;
     disabled: ComputedRef<boolean | undefined>;

package/dist/runtime/composables/useForwardProps.d.ts

@@ -0,0 +1,13 @@
+import type { ComputedRef, MaybeRef } from 'vue';
+/**
+ * Proxy-aware replacement for reka-ui's `useForwardProps` / `useForwardPropsEmits`.
+ * Forwards every enumerable key of `source` whose value is not `undefined`, and
+ * — when `emits` is provided — merges the emit handlers as `onUpdate:open`-style
+ * props on the resulting object.
+ *
+ * Unlike reka-ui's version, this does NOT filter by `vm.vnode.props` or
+ * `vm.type.props.<key>.default`, so values supplied by `<UTheme :props>`
+ * through `useComponentProps` flow through transparently to the underlying
+ * Reka primitive.
+ */
+export declare function useForwardProps<T extends object, E extends string = string>(source: MaybeRef<T> | ComputedRef<T>, emits?: (event: E, ...args: any[]) => void): ComputedRef<Partial<T>>;

package/dist/runtime/composables/useForwardProps.js

@@ -0,0 +1,14 @@
+import { computed, isRef } from "vue";
+import { useEmitAsProps } from "reka-ui";
+export function useForwardProps(source, emits) {
+  const emitAsProps = emits ? useEmitAsProps(emits) : {};
+  return computed(() => {
+    const src = isRef(source) ? source.value : source;
+    const out = { ...emitAsProps };
+    for (const key in src) {
+      const value = src[key];
+      if (value !== void 0) out[key] = value;
+    }
+    return out;
+  });
+}

package/dist/runtime/composables/usePrefix.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Prefixes Tailwind utility class strings with the configured `theme.prefix`,
+ * so static utility classes inside Nuxt UI components match the consumer's
+ * Tailwind `prefix(...)` configuration.
+ */
+export declare function usePrefix(): (classString: string) => string;

package/dist/runtime/composables/usePrefix.js

@@ -0,0 +1,11 @@
+import { useAppConfig } from "#imports";
+export function usePrefix() {
+  const appConfig = useAppConfig();
+  const prefix = appConfig.ui?.prefix;
+  return (classString) => {
+    if (!prefix || !classString) {
+      return classString;
+    }
+    return classString.split(/\s+/).filter(Boolean).map((cls) => `${prefix}:${cls}`).join(" ");
+  };
+}

package/dist/runtime/composables/useResizable.d.ts

@@ -50,6 +50,10 @@ export type UseResizableProps = {
      * @defaultValue 'dashboard'
      */
     storageKey?: string;
+    /**
+     * Options to pass to the underlying storage (`useCookie` or `useStorage`).
+     */
+    storageOptions?: Record<string, any>;
     /**
      * Whether to persist the size in the storage.
      * @defaultValue true

package/dist/runtime/composables/useResizable.js

@@ -22,7 +22,7 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     size: opts.value.defaultSize,
     collapsed: unref(collapsed) ?? false
   };
-  const storageData = opts.value.persistent && (opts.value.resizable || opts.value.collapsible) ? opts.value.storage === "cookie" ? useCookie(key, { default: () => defaultStorageValue }) : useStorage(key, defaultStorageValue) : ref(defaultStorageValue);
+  const storageData = opts.value.persistent && (opts.value.resizable || opts.value.collapsible) ? opts.value.storage === "cookie" ? useCookie(key, { ...opts.value.storageOptions, default: () => defaultStorageValue }) : useStorage(key, defaultStorageValue, void 0, opts.value.storageOptions) : ref(defaultStorageValue);
   const isCollapsed = computed({
     get: () => storageData.value.collapsed,
     set: (value) => {

package/dist/runtime/locale/ar.js

@@ -54,6 +54,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "\u0627\u0644\u0631\u0648\u0627\u0628\u0637",
+      search: "\u0627\u0644\u0646\u062A\u0627\u0626\u062C",
       theme: "\u0627\u0644\u0633\u0645\u0629"
     },
     contentSearchButton: {

package/dist/runtime/locale/az.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Ba\u011Flant\u0131lar",
+      search: "N\u0259tic\u0259l\u0259r",
       theme: "Tema"
     },
     contentSearchButton: {

package/dist/runtime/locale/be.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "\u0421\u043F\u0430\u0441\u044B\u043B\u043A\u0456",
+      search: "\u0412\u044B\u043D\u0456\u043A\u0456",
       theme: "\u0422\u044D\u043C\u0430"
     },
     contentSearchButton: {

package/dist/runtime/locale/bg.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "\u0412\u0440\u044A\u0437\u043A\u0438",
+      search: "\u0420\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438",
       theme: "\u0422\u0435\u043C\u0430"
     },
     contentSearchButton: {

package/dist/runtime/locale/bn.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "\u09B2\u09BF\u0982\u0995\u09B8\u09AE\u09C2\u09B9",
+      search: "\u09AB\u09B2\u09BE\u09AB\u09B2",
       theme: "\u09A5\u09BF\u09AE"
     },
     contentSearchButton: {

package/dist/runtime/locale/ca.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Enlla\xE7os",
+      search: "Resultats",
       theme: "Tema"
     },
     contentSearchButton: {

package/dist/runtime/locale/ckb.js

@@ -54,6 +54,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "\u0628\u06D5\u0633\u062A\u06D5\u0631\u06D5\u06A9\u0627\u0646",
+      search: "\u0626\u06D5\u0646\u062C\u0627\u0645\u06D5\u06A9\u0627\u0646",
       theme: "\u0695\u0648\u0648\u06A9\u0627\u0631"
     },
     contentSearchButton: {

package/dist/runtime/locale/cs.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Odkazy",
+      search: "V\xFDsledky",
       theme: "Barevn\xFD re\u017Eim"
     },
     contentSearchButton: {

package/dist/runtime/locale/da.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Links",
+      search: "Resultater",
       theme: "Tema"
     },
     contentSearchButton: {

package/dist/runtime/locale/de.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Links",
+      search: "Ergebnisse",
       theme: "Thema"
     },
     contentSearchButton: {

package/dist/runtime/locale/de_ch.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Links",
+      search: "Ergebnisse",
       theme: "Thema"
     },
     contentSearchButton: {

package/dist/runtime/locale/el.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03B9",
+      search: "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1",
       theme: "\u0398\u03AD\u03BC\u03B1"
     },
     contentSearchButton: {

package/dist/runtime/locale/en.js

@@ -48,6 +48,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Links",
+      search: "Results",
       theme: "Theme"
     },
     contentSearchButton: {

package/dist/runtime/locale/es.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Enlaces",
+      search: "Resultados",
       theme: "Tema"
     },
     contentSearchButton: {

package/dist/runtime/locale/et.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Lingid",
+      search: "Tulemused",
       theme: "Teema"
     },
     contentSearchButton: {

package/dist/runtime/locale/eu.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Estekak",
+      search: "Emaitzak",
       theme: "Gaia"
     },
     contentSearchButton: {

package/dist/runtime/locale/fa_ir.js

@@ -54,6 +54,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "\u067E\u06CC\u0648\u0646\u062F\u0647\u0627",
+      search: "\u0646\u062A\u0627\u06CC\u062C",
       theme: "\u062A\u0645"
     },
     contentSearchButton: {

package/dist/runtime/locale/fi.js

@@ -53,6 +53,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Linkit",
+      search: "Tulokset",
       theme: "Teema"
     },
     contentSearchButton: {