@eslamdevui/ui 4.0.0 → 4.1.1-rc.1

package/.nuxt/ui/input-number.ts

@@ -92,6 +92,12 @@ export default {
     },
     "highlight": {
       "true": ""
+    },
+    "increment": {
+      "false": ""
+    },
+    "decrement": {
+      "false": ""
     }
   },
   "compoundVariants": [
@@ -188,51 +194,56 @@ export default {
     },
     {
       "orientation": "horizontal" as typeof orientation[number],
+      "decrement": false,
+      "class": "text-start"
+    },
+    {
+      "decrement": true,
       "size": "xs" as typeof size[number],
-      "class": "px-7"
+      "class": "ps-7"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "sm" as typeof size[number],
-      "class": "px-8"
+      "class": "ps-8"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "md" as typeof size[number],
-      "class": "px-9"
+      "class": "ps-9"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "lg" as typeof size[number],
-      "class": "px-10"
+      "class": "ps-10"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "xl" as typeof size[number],
-      "class": "px-11"
+      "class": "ps-11"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "xs" as typeof size[number],
       "class": "pe-7"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "sm" as typeof size[number],
       "class": "pe-8"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "md" as typeof size[number],
       "class": "pe-9"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "lg" as typeof size[number],
       "class": "pe-10"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "xl" as typeof size[number],
       "class": "pe-11"
     }

package/.nuxt/ui/kbd.ts

@@ -22,7 +22,7 @@ const size = [
 ] as const
 
 export default {
-  "base": "inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans",
+  "base": "inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans uppercase",
   "variants": {
     "color": {
       "primary": "",

package/.nuxt/ui/prose/code-tree.ts

@@ -9,7 +9,7 @@ export default {
     "linkLeadingIcon": "size-4 shrink-0",
     "linkLabel": "truncate",
     "linkTrailing": "ms-auto inline-flex gap-1.5 items-center",
-    "linkTrailingIcon": "size-5 transform transition-transform duration-200 shrink-0 group-data-[expanded=true]:rotate-180",
+    "linkTrailingIcon": "size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180",
     "content": "overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto"
   },
   "variants": {

package/.nuxt/ui/prose/img.ts

@@ -2,7 +2,8 @@ export default {
   "slots": {
     "base": "rounded-md w-full",
     "overlay": "fixed inset-0 bg-default/75 backdrop-blur-sm will-change-opacity",
-    "content": "fixed inset-0 flex items-center justify-center cursor-zoom-out focus:outline-none p-4 sm:p-8"
+    "content": "fixed inset-0 flex items-center justify-center cursor-zoom-out focus:outline-none",
+    "zoomedImage": "w-full h-auto max-w-[95vw] max-h-[95vh] object-contain rounded-md"
   },
   "variants": {
     "zoom": {

package/.nuxt/ui/select-menu.ts

@@ -43,13 +43,13 @@ export default {
       "max-h-60 w-(--reka-select-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-select-content-transform-origin) pointer-events-auto flex flex-col",
       "origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"
     ],
-    "viewport": "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
+    "viewport": "relative scroll-py-1 overflow-y-auto flex-1",
     "group": "p-1 isolate",
     "empty": "text-center text-muted",
     "label": "font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
     "item": [
-      "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
+      "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
       "transition-colors before:transition-colors"
     ],
     "itemLeadingIcon": [
@@ -62,7 +62,9 @@ export default {
     "itemLeadingChipSize": "",
     "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
     "itemTrailingIcon": "shrink-0",
+    "itemWrapper": "flex-1 flex flex-col min-w-0",
     "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted",
     "input": "border-b border-default",
     "focusScope": "flex flex-col min-h-0"
   },
@@ -183,6 +185,14 @@ export default {
     },
     "type": {
       "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
+    },
+    "virtualize": {
+      "true": {
+        "viewport": "p-1 isolate"
+      },
+      "false": {
+        "viewport": "divide-y divide-default"
+      }
     }
   },
   "compoundVariants": [

package/.nuxt/ui/select.ts

@@ -46,7 +46,7 @@ export default {
     "label": "font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
     "item": [
-      "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
+      "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
       "transition-colors before:transition-colors"
     ],
     "itemLeadingIcon": [
@@ -59,7 +59,9 @@ export default {
     "itemLeadingChipSize": "",
     "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
     "itemTrailingIcon": "shrink-0",
-    "itemLabel": "truncate"
+    "itemWrapper": "flex-1 flex flex-col min-w-0",
+    "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted"
   },
   "variants": {
     "fieldGroup": {

package/.nuxt/ui/table.ts

@@ -18,10 +18,10 @@ const loadingColor = [
 export default {
   "slots": {
     "root": "relative overflow-auto",
-    "base": "min-w-full overflow-clip",
+    "base": "min-w-full",
     "caption": "sr-only",
     "thead": "relative",
-    "tbody": "divide-y divide-default [&>tr]:data-[selectable=true]:hover:bg-elevated/50 [&>tr]:data-[selectable=true]:focus-visible:outline-primary",
+    "tbody": "[&>tr]:data-[selectable=true]:hover:bg-elevated/50 [&>tr]:data-[selectable=true]:focus-visible:outline-primary",
     "tfoot": "relative",
     "tr": "data-[selected=true]:bg-elevated/50",
     "th": "px-4 py-3.5 text-sm text-highlighted text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
@@ -31,6 +31,12 @@ export default {
     "loading": "py-6 text-center"
   },
   "variants": {
+    "virtualize": {
+      "false": {
+        "base": "overflow-clip",
+        "tbody": "divide-y divide-default"
+      }
+    },
     "pinned": {
       "true": {
         "th": "sticky bg-default/75 data-[pinned=left]:left-0 data-[pinned=right]:right-0",

package/.nuxt/ui/tree.ts

@@ -19,16 +19,21 @@ const size = [
 export default {
   "slots": {
     "root": "relative isolate",
-    "item": "",
-    "listWithChildren": "ms-4.5 border-s border-default",
+    "item": "w-full",
+    "listWithChildren": "border-s border-default",
     "itemWithChildren": "ps-1.5 -ms-px",
-    "link": "relative group w-full flex items-center text-sm before:absolute before:inset-y-px before:inset-x-0 before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2",
-    "linkLeadingIcon": "shrink-0",
+    "link": "relative group w-full flex items-center text-sm select-none before:absolute before:inset-y-px before:inset-x-0 before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2",
+    "linkLeadingIcon": "shrink-0 relative",
     "linkLabel": "truncate",
     "linkTrailing": "ms-auto inline-flex gap-1.5 items-center",
-    "linkTrailingIcon": "shrink-0 transform transition-transform duration-200 group-data-[expanded=true]:rotate-180"
+    "linkTrailingIcon": "shrink-0 transform transition-transform duration-200 group-data-expanded:rotate-180"
   },
   "variants": {
+    "virtualize": {
+      "true": {
+        "root": "overflow-y-auto"
+      }
+    },
     "color": {
       "primary": {
         "link": "focus-visible:before:ring-primary"
@@ -54,26 +59,31 @@ export default {
     },
     "size": {
       "xs": {
+        "listWithChildren": "ms-4",
         "link": "px-2 py-1 text-xs gap-1",
         "linkLeadingIcon": "size-4",
         "linkTrailingIcon": "size-4"
       },
       "sm": {
+        "listWithChildren": "ms-4.5",
         "link": "px-2.5 py-1.5 text-xs gap-1.5",
         "linkLeadingIcon": "size-4",
         "linkTrailingIcon": "size-4"
       },
       "md": {
+        "listWithChildren": "ms-5",
         "link": "px-2.5 py-1.5 text-sm gap-1.5",
         "linkLeadingIcon": "size-5",
         "linkTrailingIcon": "size-5"
       },
       "lg": {
+        "listWithChildren": "ms-5.5",
         "link": "px-3 py-2 text-sm gap-2",
         "linkLeadingIcon": "size-5",
         "linkTrailingIcon": "size-5"
       },
       "xl": {
+        "listWithChildren": "ms-6",
         "link": "px-3 py-2 text-base gap-2",
         "linkLeadingIcon": "size-6",
         "linkTrailingIcon": "size-6"
@@ -82,12 +92,6 @@ export default {
     "selected": {
       "true": {
         "link": "before:bg-elevated"
-      },
-      "false": {
-        "link": [
-          "hover:not-disabled:text-highlighted hover:not-disabled:before:bg-elevated/50",
-          "transition-colors before:transition-colors"
-        ]
       }
     },
     "disabled": {
@@ -145,6 +149,16 @@ export default {
       "class": {
         "link": "text-highlighted"
       }
+    },
+    {
+      "selected": false,
+      "disabled": false,
+      "class": {
+        "link": [
+          "hover:text-highlighted hover:before:bg-elevated/50",
+          "transition-colors before:transition-colors"
+        ]
+      }
     }
   ],
   "defaultVariants": {

package/cli/templates.mjs

@@ -141,22 +141,34 @@ const test = ({ name, prose, content }) => {
       ? undefined
       : `
 import { describe, it, expect } from 'vitest'
+import { axe } from 'vitest-axe'
+import { mountSuspended } from '@nuxt/test-utils/runtime'
 import ${upperName} from '../../${content ? '../' : ''}src/runtime/components/${content ? 'content/' : ''}${upperName}.vue'
 import type { ${upperName}Props, ${upperName}Slots } from '../../${content ? '../' : ''}src/runtime/components/${content ? 'content/' : ''}${upperName}.vue'
 import ComponentRender from '../${content ? '../' : ''}component-render'
 
 describe('${upperName}', () => {
+  const props = {}
+
   it.each([
     // Props
     ['with as', { props: { as: 'section' } }],
     ['with class', { props: { class: '' } }],
     ['with ui', { props: { ui: {} } }],
     // Slots
-    ['with default slot', { slots: { default: () => 'Default slot' } }]
+    ['with default slot', { props, slots: { default: () => 'Default slot' } }]
   ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ${upperName}Props, slots?: Partial<${upperName}Slots> }) => {
     const html = await ComponentRender(nameOrHtml, options, ${upperName})
     expect(html).toMatchSnapshot()
   })
+
+  it('passes accessibility tests', async () => {
+    const wrapper = await mountSuspended(${upperName}, {
+      props
+    })
+
+    expect(await axe(wrapper.element)).toHaveNoViolations()
+  })
 })
 `
   }
@@ -167,7 +179,7 @@ const docs = ({ name, primitive }) => {
   const upperName = splitByCase(name).map(p => upperFirst(p)).join('')
 
   return {
-    filename: `docs/content/3.components/${kebabName}.md`,
+    filename: `docs/content/docs/2.components/${kebabName}.md`,
     contents: `---
 title: ${upperName}
 description: ''

package/dist/module.d.mts

@@ -63,6 +63,21 @@ interface ModuleOptions {
      * @defaultValue false
      */
     content?: boolean;
+    /**
+     * Experimental features
+     */
+    experimental?: {
+        /**
+         * Enable automatic component detection for tree-shaking
+         * Only generates theme files for components actually used in your app
+         * - `true`: Enable automatic detection
+         * - `string[]`: Enable detection and include additional components (useful for dynamic components)
+         * @defaultValue false
+         * @example true
+         * @example ['Modal', 'Dropdown']
+         */
+        componentDetection?: boolean | string[];
+    };
 }
 declare module '#app' {
     interface RuntimeNuxtHooks {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslamdevui/ui",
-  "version": "4.0.0",
+  "version": "4.1.1-rc.1",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {
@@ -8,6 +8,6 @@
   },
   "builder": {
     "@nuxt/module-builder": "1.0.2",
-    "unbuild": "3.6.0"
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,14 +1,17 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.BBlr3wu_.mjs';
+import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.Dy8dMbVj.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
+import 'node:fs/promises';
+import 'pathe';
+import 'tinyglobby';
 import 'scule';
 import 'knitwork';
 import 'tailwindcss/colors';
 
 const name = "@eslamdevui/ui";
-const version = "4.0.0";
+const version = "4.1.1-rc.1";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -51,28 +51,33 @@ type SlotProps<T extends AccordionItem> = (props: {
     item: T;
     index: number;
     open: boolean;
+    ui: Accordion['ui'];
 }) => any;
 export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
     leading: SlotProps<T>;
-    default: SlotProps<T>;
+    default(props: {
+        item: T;
+        index: number;
+        open: boolean;
+    }): any;
     trailing: SlotProps<T>;
     content: SlotProps<T>;
     body: SlotProps<T>;
 } & DynamicSlots<T, 'body', {
     index: number;
     open: boolean;
+    ui: Accordion['ui'];
 }>;
-declare const _default: <T extends AccordionItem>(__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"> & AccordionProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends AccordionItem>(__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<AccordionProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: string | string[] | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: AccordionSlots<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/Accordion.vue

@@ -45,7 +45,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.accordion ||
     >
       <AccordionHeader as="div" :class="ui.header({ class: [props.ui?.header, item.ui?.header] })">
         <AccordionTrigger :class="ui.trigger({ class: [props.ui?.trigger, item.ui?.trigger], disabled: item.disabled })">
-          <slot name="leading" :item="item" :index="index" :open="open">
+          <slot name="leading" :item="item" :index="index" :open="open" :ui="ui">
             <UIcon v-if="item.icon" :name="item.icon" :class="ui.leadingIcon({ class: [props.ui?.leadingIcon, item?.ui?.leadingIcon] })" />
           </slot>
 
@@ -53,16 +53,16 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.accordion ||
             <slot :item="item" :index="index" :open="open">{{ get(item, props.labelKey) }}</slot>
           </span>
 
-          <slot name="trailing" :item="item" :index="index" :open="open">
+          <slot name="trailing" :item="item" :index="index" :open="open" :ui="ui">
             <UIcon :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.trailingIcon({ class: [props.ui?.trailingIcon, item.ui?.trailingIcon] })" />
           </slot>
         </AccordionTrigger>
       </AccordionHeader>
 
       <AccordionContent v-if="item.content || !!slots.content || item.slot && !!slots[item.slot] || !!slots.body || item.slot && !!slots[`${item.slot}-body`]" :class="ui.content({ class: [props.ui?.content, item.ui?.content] })">
-        <slot :name="item.slot || 'content'" :item="item" :index="index" :open="open">
+        <slot :name="item.slot || 'content'" :item="item" :index="index" :open="open" :ui="ui">
           <div :class="ui.body({ class: [props.ui?.body, item.ui?.body] })">
-            <slot :name="item.slot ? `${item.slot}-body` : 'body'" :item="item" :index="index" :open="open">
+            <slot :name="item.slot ? `${item.slot}-body` : 'body'" :item="item" :index="index" :open="open" :ui="ui">
               {{ item.content }}
             </slot>
           </div>

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

@@ -51,28 +51,33 @@ type SlotProps<T extends AccordionItem> = (props: {
     item: T;
     index: number;
     open: boolean;
+    ui: Accordion['ui'];
 }) => any;
 export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
     leading: SlotProps<T>;
-    default: SlotProps<T>;
+    default(props: {
+        item: T;
+        index: number;
+        open: boolean;
+    }): any;
     trailing: SlotProps<T>;
     content: SlotProps<T>;
     body: SlotProps<T>;
 } & DynamicSlots<T, 'body', {
     index: number;
     open: boolean;
+    ui: Accordion['ui'];
 }>;
-declare const _default: <T extends AccordionItem>(__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"> & AccordionProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends AccordionItem>(__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<AccordionProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: string | string[] | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: AccordionSlots<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/Alert.d.vue.ts

@@ -56,23 +56,24 @@ export interface AlertEmits {
     'update:open': [value: boolean];
 }
 export interface AlertSlots {
-    leading(props?: {}): any;
+    leading(props: {
+        ui: Alert['ui'];
+    }): any;
     title(props?: {}): any;
     description(props?: {}): any;
     actions(props?: {}): any;
     close(props: {
-        ui: {
-            [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string;
-        };
+        ui: Alert['ui'];
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     orientation: Alert["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Alert.vue

@@ -40,7 +40,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.alert || {} }
 
 <template>
   <Primitive :as="as" :data-orientation="orientation" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <slot name="leading">
+    <slot name="leading" :ui="ui">
       <UAvatar v-if="avatar" :size="props.ui?.avatarSize || ui.avatarSize()" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
       <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
     </slot>

package/dist/runtime/components/Alert.vue.d.ts

@@ -56,23 +56,24 @@ export interface AlertEmits {
     'update:open': [value: boolean];
 }
 export interface AlertSlots {
-    leading(props?: {}): any;
+    leading(props: {
+        ui: Alert['ui'];
+    }): any;
     title(props?: {}): any;
     description(props?: {}): any;
     actions(props?: {}): any;
     close(props: {
-        ui: {
-            [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string;
-        };
+        ui: Alert['ui'];
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     orientation: Alert["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/App.d.vue.ts

@@ -5,20 +5,21 @@ export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProv
     tooltip?: TooltipProviderProps;
     toaster?: ToasterProps | null;
     locale?: Locale<T>;
-    portal?: string | HTMLElement;
+    portal?: boolean | string | HTMLElement;
 }
 export interface AppSlots {
     default(props?: {}): any;
 }
-declare const _default: <T extends Messages>(__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> & AppProps<T> & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T extends Messages>(__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<AppProps<T>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: AppSlots;
     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/App.vue

@@ -16,7 +16,7 @@ const props = defineProps({
   tooltip: { type: Object, required: false },
   toaster: { type: [Object, null], required: false },
   locale: { type: Object, required: false },
-  portal: { type: null, required: false, default: "body" },
+  portal: { type: [Boolean, String], required: false, skipCheck: true, default: "body" },
   scrollBody: { type: [Boolean, Object], required: false },
   nonce: { type: String, required: false }
 });