@eslamdevui/ui 4.0.0 → 4.1.1-rc.1

package/dist/runtime/components/content/ContentNavigation.vue

@@ -46,28 +46,38 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentNaviga
   highlightColor: props.highlightColor || props.color
 }));
 const disabled = computed(() => props.disabled || props.type === "multiple" && props.collapsible === false);
+function isRouteInTree(link, routePath) {
+  if (link.children?.length) {
+    return link.children.some((child) => isRouteInTree(child, routePath));
+  }
+  return routePath === link.path;
+}
 const defaultValue = computed(() => {
   if (props.defaultOpen === false) {
     return void 0;
   }
   if (props.defaultOpen === void 0) {
-    return props.type === "single" ? "0" : props.navigation?.map((link, index2) => link.defaultOpen !== false && String(index2)).filter(Boolean);
+    return props.type === "single" ? "0" : props.navigation?.map((link, index) => link.defaultOpen !== false && String(index)).filter(Boolean);
   }
-  const index = props.navigation?.findIndex((link) => route.path.startsWith(link.path));
-  const tyindex = index === -1 ? 0 : index;
-  return props.type === "multiple" ? [String(tyindex)] : String(tyindex);
+  const indices = props.navigation?.reduce((acc, link, index) => {
+    if (isRouteInTree(link, route.path)) {
+      acc.push(String(index));
+    }
+    return acc;
+  }, []) || [];
+  return props.type === "multiple" ? indices : indices[0];
 });
 </script>
 
 <template>
   <DefineLinkTemplate v-slot="{ link, active }">
-    <slot name="link" :link="link" :active="active">
-      <slot name="link-leading" :link="link" :active="active">
+    <slot name="link" :link="link" :active="active" :ui="ui">
+      <slot name="link-leading" :link="link" :active="active" :ui="ui">
         <UIcon v-if="link.icon" :name="link.icon" :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, link.ui?.linkLeadingIcon], active })" />
       </slot>
 
       <span v-if="link.title || !!slots['link-title']" :class="ui.linkTitle({ class: [props.ui?.linkTitle, link.ui?.linkTitle], active })">
-        <slot name="link-title" :link="link" :active="active">
+        <slot name="link-title" :link="link" :active="active" :ui="ui">
           {{ link.title }}
         </slot>
 
@@ -75,7 +85,7 @@ const defaultValue = computed(() => {
       </span>
 
       <span v-if="link.badge || link.children?.length && !disabled || link.trailingIcon || !!slots['link-trailing']" :class="ui.linkTrailing({ class: [props.ui?.linkTrailing, link.ui?.linkTrailing] })">
-        <slot name="link-trailing" :link="link" :active="active">
+        <slot name="link-trailing" :link="link" :active="active" :ui="ui">
           <UBadge
             v-if="link.badge"
             color="neutral"
@@ -119,7 +129,7 @@ const defaultValue = computed(() => {
               :ui="props.ui"
             >
               <template v-for="(_, name) in slots" #[name]="slotData">
-                <slot :name="name" :link="slotData.link" :active="slotData.active" />
+                <slot :name="name" v-bind="{ ...slotData, link }" />
               </template>
             </UContentNavigation>
           </AccordionContent>

package/dist/runtime/components/content/ContentNavigation.vue.d.ts

@@ -78,6 +78,7 @@ export interface ContentNavigationEmits extends AccordionRootEmits {
 type SlotProps<T> = (props: {
     link: T;
     active?: boolean;
+    ui: ContentNavigation['ui'];
 }) => any;
 export interface ContentNavigationSlots<T extends ContentNavigationLink = ContentNavigationLink> {
     'link': SlotProps<T>;
@@ -85,17 +86,16 @@ export interface ContentNavigationSlots<T extends ContentNavigationLink = Conten
     'link-title': SlotProps<T>;
     'link-trailing': SlotProps<T>;
 }
-declare const _default: <T extends ContentNavigationLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & ContentNavigationProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends ContentNavigationLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<ContentNavigationProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: string | string[] | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentNavigationSlots<T>;
     emit: (evt: "update:modelValue", value: string | string[] | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/content/ContentSearch.d.vue.ts

@@ -28,7 +28,7 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconProps['name'];
 }
-export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends /* @vue-ignore */ Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
+export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
     /**
      * The icon displayed in the input.
      * @defaultValue appConfig.ui.icons.search
@@ -91,23 +91,24 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
     ui?: ContentSearch['slots'] & CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>['ui'];
 }
 export type ContentSearchSlots = CommandPaletteSlots<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem> & {
-    content(props?: {}): any;
+    content(props: {
+        close: () => void;
+    }): any;
 };
-declare const _default: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:searchTerm"> & (ContentSearchProps<T> & {
+declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<(ContentSearchProps<T> & {
         searchTerm?: string;
-    }) & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        commandPaletteRef: Readonly<import("vue").ShallowRef<import("vue").ShallowUnwrapRef<{}> | null>>;
-    }>): void;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:searchTerm", value: string) => void>>> & import("vue").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        commandPaletteRef: Readonly<import("vue").ShallowRef<any>>;
+    }>) => void;
     attrs: any;
     slots: ContentSearchSlots;
     emit: (evt: "update:searchTerm", value: string) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/content/ContentSearch.vue

@@ -30,7 +30,16 @@ const props = defineProps({
   fuse: { type: Object, required: false },
   colorMode: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
-  ui: { type: void 0, required: false }
+  ui: { type: void 0, required: false },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  overlay: { type: Boolean, required: false },
+  transition: { type: Boolean, required: false },
+  content: { type: Object, required: false },
+  dismissible: { type: Boolean, required: false },
+  fullscreen: { type: Boolean, required: false, default: false },
+  modal: { type: Boolean, required: false },
+  portal: { type: [Boolean, String], required: false, skipCheck: true }
 });
 const slots = defineSlots();
 const searchTerm = defineModel("searchTerm", { type: String, ...{ default: "" } });
@@ -39,22 +48,27 @@ const { open } = useContentSearch();
 const colorMode = useColorMode();
 const appConfig = useAppConfig();
 const commandPaletteProps = useForwardProps(reactivePick(props, "icon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon"));
+const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
 const getProxySlots = () => omit(slots, ["content"]);
 const fuse = computed(() => defu({}, props.fuse, {
   fuseOptions: {
     includeMatches: true
   }
 }));
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearch || {} })());
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearch || {} })({
+  fullscreen: props.fullscreen
+}));
 function mapLinksItems(links) {
   return links.flatMap((link) => [{
     ...link,
     suffix: link.description,
+    description: void 0,
     icon: link.icon || appConfig.ui.icons.file
   }, ...link.children?.map((child) => ({
     ...child,
     prefix: link.label + " >",
     suffix: child.description,
+    description: void 0,
     icon: child.icon || link.icon || appConfig.ui.icons.file
   })) || []]);
 }
@@ -148,12 +162,13 @@ defineExpose({
 <template>
   <UModal
     v-model:open="open"
-    :title="t('contentSearch.title')"
-    :description="t('contentSearch.description')"
+    :title="title || t('contentSearch.title')"
+    :description="description || t('contentSearch.description')"
+    v-bind="modalProps"
     :class="ui.modal({ class: [props.ui?.modal, props.class] })"
   >
-    <template #content>
-      <slot name="content">
+    <template #content="contentData">
+      <slot name="content" v-bind="contentData">
         <UCommandPalette
           ref="commandPaletteRef"
           v-model:search-term="searchTerm"

package/dist/runtime/components/content/ContentSearch.vue.d.ts

@@ -28,7 +28,7 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconProps['name'];
 }
-export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends /* @vue-ignore */ Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
+export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
     /**
      * The icon displayed in the input.
      * @defaultValue appConfig.ui.icons.search
@@ -91,23 +91,24 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
     ui?: ContentSearch['slots'] & CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>['ui'];
 }
 export type ContentSearchSlots = CommandPaletteSlots<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem> & {
-    content(props?: {}): any;
+    content(props: {
+        close: () => void;
+    }): any;
 };
-declare const _default: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:searchTerm"> & (ContentSearchProps<T> & {
+declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<(ContentSearchProps<T> & {
         searchTerm?: string;
-    }) & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        commandPaletteRef: Readonly<import("vue").ShallowRef<import("vue").ShallowUnwrapRef<{}> | null>>;
-    }>): void;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:searchTerm", value: string) => void>>> & import("vue").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        commandPaletteRef: Readonly<import("vue").ShallowRef<any>>;
+    }>) => void;
     attrs: any;
     slots: ContentSearchSlots;
     emit: (evt: "update:searchTerm", value: string) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/content/ContentSearchButton.d.vue.ts

@@ -45,12 +45,13 @@ export interface ContentSearchButtonProps {
     ui?: ContentSearchButton['slots'] & ButtonProps['ui'];
     class?: any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
     color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     tooltip: boolean | TooltipProps;
     kbds: KbdProps["value"][] | KbdProps[];
     collapsed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/content/ContentSearchButton.vue

@@ -62,9 +62,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearch
         <slot :name="name" v-bind="slotData" />
       </template>
 
-      <template v-if="!collapsed" #trailing>
+      <template v-if="!collapsed" #trailing="{ ui: uiProxy }">
         <div :class="ui.trailing({ class: props.ui?.trailing })">
-          <slot name="trailing">
+          <slot name="trailing" :ui="uiProxy">
             <template v-if="kbds?.length">
               <UKbd v-for="(kbd, index) in kbds" :key="index" variant="subtle" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
             </template>

package/dist/runtime/components/content/ContentSearchButton.vue.d.ts

@@ -45,12 +45,13 @@ export interface ContentSearchButtonProps {
     ui?: ContentSearchButton['slots'] & ButtonProps['ui'];
     class?: any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
     color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     tooltip: boolean | TooltipProps;
     kbds: KbdProps["value"][] | KbdProps[];
     collapsed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/content/ContentSurround.d.vue.ts

@@ -37,6 +37,7 @@ export interface ContentSurroundProps<T extends ContentSurroundLink = ContentSur
 }
 type SlotProps<T> = (props: {
     link: T;
+    ui: ContentSurround['ui'];
 }) => any;
 export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSurroundLink> {
     'link': SlotProps<T>;
@@ -44,15 +45,16 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-title': SlotProps<T>;
     'link-description': SlotProps<T>;
 }
-declare const _default: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ContentSurroundProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentSurroundSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/content/ContentSurround.vue

@@ -34,21 +34,21 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSurrou
 <template>
   <DefineLinkTemplate v-slot="{ link, icon, direction }">
     <ULink v-if="link" :to="link.path" raw :class="ui.link({ class: [props.ui?.link, link.ui?.link, link.class], direction })">
-      <slot name="link" :link="link">
+      <slot name="link" :link="link" :ui="ui">
         <div :class="ui.linkLeading({ class: [props.ui?.linkLeading, link.ui?.linkLeading] })">
-          <slot name="link-leading" :link="link">
+          <slot name="link-leading" :link="link" :ui="ui">
             <UIcon :name="link.icon || icon" :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, link.ui?.linkLeadingIcon], direction })" />
           </slot>
         </div>
 
         <p :class="ui.linkTitle({ class: [props.ui?.linkTitle, link.ui?.linkTitle] })">
-          <slot name="link-title" :link="link">
+          <slot name="link-title" :link="link" :ui="ui">
             {{ link.title }}
           </slot>
         </p>
 
         <p :class="ui.linkDescription({ class: [props.ui?.linkDescription, link.ui?.linkDescription] })">
-          <slot name="link-description" :link="link">
+          <slot name="link-description" :link="link" :ui="ui">
             {{ link.description }}
           </slot>
         </p>

package/dist/runtime/components/content/ContentSurround.vue.d.ts

@@ -37,6 +37,7 @@ export interface ContentSurroundProps<T extends ContentSurroundLink = ContentSur
 }
 type SlotProps<T> = (props: {
     link: T;
+    ui: ContentSurround['ui'];
 }) => any;
 export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSurroundLink> {
     'link': SlotProps<T>;
@@ -44,15 +45,16 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-title': SlotProps<T>;
     'link-description': SlotProps<T>;
 }
-declare const _default: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ContentSurroundProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentSurroundSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/content/ContentToc.d.vue.ts

@@ -52,12 +52,14 @@ type SlotProps<T> = (props: {
 export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
     leading(props: {
         open: boolean;
+        ui: ContentToc['ui'];
     }): any;
     default(props: {
         open: boolean;
     }): any;
     trailing(props: {
         open: boolean;
+        ui: ContentToc['ui'];
     }): any;
     content(props: {
         links: T[];
@@ -70,18 +72,16 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
         links?: T[];
     }): any;
 }
-declare const _default: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        readonly onMove?: ((id: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open" | "onMove"> & ContentTocProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentTocSlots<T>;
     emit: ((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/content/ContentToc.vue

@@ -95,14 +95,14 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
   </DefineListTemplate>
 
   <DefineTriggerTemplate v-slot="{ open }">
-    <slot name="leading" :open="open" />
+    <slot name="leading" :open="open" :ui="ui" />
 
     <span :class="ui.title({ class: props.ui?.title })">
       <slot :open="open">{{ title || t("contentToc.title") }}</slot>
     </span>
 
     <span :class="ui.trailing({ class: props.ui?.trailing })">
-      <slot name="trailing" :open="open">
+      <slot name="trailing" :open="open" :ui="ui">
         <UIcon :name="trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
       </slot>
     </span>

package/dist/runtime/components/content/ContentToc.vue.d.ts

@@ -52,12 +52,14 @@ type SlotProps<T> = (props: {
 export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
     leading(props: {
         open: boolean;
+        ui: ContentToc['ui'];
     }): any;
     default(props: {
         open: boolean;
     }): any;
     trailing(props: {
         open: boolean;
+        ui: ContentToc['ui'];
     }): any;
     content(props: {
         links: T[];
@@ -70,18 +72,16 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
         links?: T[];
     }): any;
 }
-declare const _default: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        readonly onMove?: ((id: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open" | "onMove"> & ContentTocProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentTocSlots<T>;
     emit: ((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

package/dist/runtime/components/locale/LocaleSelect.d.vue.ts

@@ -3,7 +3,7 @@ import type { Locale } from '../../types/locale';
 export interface LocaleSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'variant' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'ui'> {
     locales?: Locale<any>[];
 }
-declare const _default: import("vue").DefineComponent<LocaleSelectProps & {
+declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
@@ -12,4 +12,5 @@ declare const _default: import("vue").DefineComponent<LocaleSelectProps & {
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/locale/LocaleSelect.vue.d.ts

@@ -3,7 +3,7 @@ import type { Locale } from '../../types/locale';
 export interface LocaleSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'variant' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'ui'> {
     locales?: Locale<any>[];
 }
-declare const _default: import("vue").DefineComponent<LocaleSelectProps & {
+declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
@@ -12,4 +12,5 @@ declare const _default: import("vue").DefineComponent<LocaleSelectProps & {
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/A.d.vue.ts

@@ -6,7 +6,8 @@ export interface ProseAProps {
 export interface ProseASlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseAProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseASlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseASlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/prose/A.vue.d.ts

@@ -6,7 +6,8 @@ export interface ProseAProps {
 export interface ProseASlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseAProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseASlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseASlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/prose/Accordion.d.vue.ts

@@ -1,13 +1,20 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/accordion';
+import type { AccordionProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseAccordion = ComponentConfig<typeof theme, AppConfig, 'accordion', 'ui.prose'>;
 export interface ProseAccordionProps {
     type?: 'single' | 'multiple';
     class?: any;
+    ui?: ProseAccordion['slots'] & AccordionProps['ui'];
 }
 export interface ProseAccordionSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
     type: "single" | "multiple";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/prose/Accordion.vue

@@ -10,7 +10,8 @@ import { tv } from "../../utils/tv";
 import UAccordion from "../Accordion.vue";
 const props = defineProps({
   type: { type: String, required: false, default: "multiple" },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: void 0, required: false }
 });
 const slots = defineSlots();
 const appConfig = useAppConfig();
@@ -36,7 +37,7 @@ onBeforeUpdate(() => rerenderCount.value++);
 </script>
 
 <template>
-  <UAccordion :type="type" :items="items" :unmount-on-hide="false" :class="props.class" :ui="transformUI(ui())">
+  <UAccordion :type="type" :items="items" :unmount-on-hide="false" :class="props.class" :ui="transformUI(ui(), props.ui)">
     <template #content="{ item }">
       <component :is="item.component" />
     </template>

package/dist/runtime/components/prose/Accordion.vue.d.ts

@@ -1,13 +1,20 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/accordion';
+import type { AccordionProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseAccordion = ComponentConfig<typeof theme, AppConfig, 'accordion', 'ui.prose'>;
 export interface ProseAccordionProps {
     type?: 'single' | 'multiple';
     class?: any;
+    ui?: ProseAccordion['slots'] & AccordionProps['ui'];
 }
 export interface ProseAccordionSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
     type: "single" | "multiple";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/prose/AccordionItem.d.vue.ts

@@ -6,7 +6,8 @@ export interface ProseAccordionItemProps {
 export interface ProseAccordionItemSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionItemSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionItemSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {