@eslamdevui/ui 3.2.0-beta.1 → 3.2.0-beta.2

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

@@ -0,0 +1,13 @@
+export interface ProseTbodyProps {
+    class?: any;
+}
+export interface ProseTbodySlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTbodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTbodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTbodySlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/td";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.td || {} }));
+</script>
+
+<template>
+  <td :class="ui({ class: props.class })">
+    <slot />
+  </td>
+</template>

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

@@ -0,0 +1,13 @@
+export interface ProseTdProps {
+    class?: any;
+}
+export interface ProseTdSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTdSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/th";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.th || {} }));
+</script>
+
+<template>
+  <th :class="ui({ class: props.class })">
+    <slot />
+  </th>
+</template>

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

@@ -0,0 +1,13 @@
+export interface ProseThProps {
+    class?: any;
+}
+export interface ProseThSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseThProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseThProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseThSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/thead";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.thead || {} }));
+</script>
+
+<template>
+  <thead :class="ui({ class: props.class })">
+    <slot />
+  </thead>
+</template>

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

@@ -0,0 +1,13 @@
+export interface ProseTheadProps {
+    class?: any;
+}
+export interface ProseTheadSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/tr";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tr || {} }));
+</script>
+
+<template>
+  <tr :class="ui({ class: props.class })">
+    <slot />
+  </tr>
+</template>

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

@@ -0,0 +1,13 @@
+export interface ProseTrProps {
+    class?: any;
+}
+export interface ProseTrSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTrSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/ul";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.ul || {} }));
+</script>
+
+<template>
+  <ul :class="ui({ class: props.class })">
+    <slot />
+  </ul>
+</template>

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

@@ -0,0 +1,13 @@
+export interface ProseUlProps {
+    class?: any;
+}
+export interface ProseUlSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseUlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseUlSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Caution.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="error" :icon="appConfig.ui.icons.caution">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Caution.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_5: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Note.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="info" :icon="appConfig.ui.icons.info">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Note.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_5: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Tip.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="success" :icon="appConfig.ui.icons.tip">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Tip.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_5: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Warning.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="warning" :icon="appConfig.ui.icons.warning">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Warning.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_5: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,4 @@
-import { type ComputedRef, type InjectionKey } from 'vue';
+import type { ComputedRef, InjectionKey } from 'vue';
 import type { AvatarGroupProps } from '../types';
 export declare const avatarGroupInjectionKey: InjectionKey<ComputedRef<{
     size: AvatarGroupProps['size'];

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

@@ -1,4 +1,4 @@
-import { type MaybeRefOrGetter } from 'vue';
+import type { MaybeRefOrGetter } from 'vue';
 import type { AvatarProps } from '../types';
 export interface UseComponentIconsProps {
     /**

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

@@ -1,5 +1,5 @@
-import { type InjectionKey, type Ref, type ComputedRef } from 'vue';
-import { type UseEventBusReturn } from '@vueuse/core';
+import type { InjectionKey, Ref, ComputedRef } from 'vue';
+import type { UseEventBusReturn } from '@vueuse/core';
 import type { FormFieldProps } from '../types';
 import type { FormEvent, FormFieldInjectedOptions, FormInjectedOptions } from '../types/form';
 import type { GetObjectField } from '../types/utils';

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

@@ -1,4 +1,4 @@
-import { type Ref, type InjectionKey } from 'vue';
+import type { Ref, InjectionKey } from 'vue';
 export declare const portalTargetInjectionKey: InjectionKey<Ref<string | HTMLElement>>;
 export declare function usePortal(portal: Ref<string | HTMLElement | boolean | undefined>): import("vue").ComputedRef<{
     to: string | HTMLElement;

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

@@ -1,4 +1,4 @@
-import { type Ref } from 'vue';
+import type { Ref } from 'vue';
 export type UseResizableProps = {
     id?: string;
     side?: 'left' | 'right';

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

@@ -100,8 +100,8 @@ const linkClass = computed(() => {
 </script>
 
 <template>
-  <template v-if="custom">
-    <slot
+  <template v-if="custom">
+    <slot
       v-bind="{
   ...$attrs,
   ...routerLinkProps,
@@ -111,11 +111,11 @@ const linkClass = computed(() => {
   href,
   active: isLinkActive,
   isExternal
-}"
-    />
-  </template>
-  <ULinkBase
-    v-else
+}"
+    />
+  </template>
+  <ULinkBase
+    v-else
     v-bind="{
   ...$attrs,
   ...routerLinkProps,
@@ -124,9 +124,9 @@ const linkClass = computed(() => {
   disabled,
   href,
   isExternal
-}"
-    :class="linkClass"
-  >
-    <slot :active="isLinkActive" />
-  </ULinkBase>
+}"
+    :class="linkClass"
+  >
+    <slot :active="isLinkActive" />
+  </ULinkBase>
 </template>

package/dist/runtime/inertia/components/LinkBase.vue

@@ -31,19 +31,19 @@ function onClickWrapper(e) {
 </script>
 
 <template>
-  <InertiaLink
-    v-if="!!href && !isExternal && !disabled"
-    :href="href"
+  <InertiaLink
+    v-if="!!href && !isExternal && !disabled"
+    :href="href"
     v-bind="{
   target: target || (isExternal ? '_blank' : void 0),
   ...$attrs
-}"
-    @click="onClickWrapper"
-  >
-    <slot />
-  </InertiaLink>
-  <Primitive
-    v-else
+}"
+    @click="onClickWrapper"
+  >
+    <slot />
+  </InertiaLink>
+  <Primitive
+    v-else
     v-bind="href ? {
   'as': 'a',
   'href': disabled ? void 0 : href,
@@ -60,9 +60,9 @@ function onClickWrapper(e) {
 } : {
   as,
   ...$attrs
-}"
-    @click="onClickWrapper"
-  >
-    <slot />
-  </Primitive>
+}"
+    @click="onClickWrapper"
+  >
+    <slot />
+  </Primitive>
 </template>

package/dist/runtime/types/app.config.d.ts

@@ -1,6 +1,6 @@
-declare module '#build/app.config' {
-  import type { AppConfig } from '@nuxt/schema'
-
-  const _default: AppConfig
-  export default _default
-}
+declare module '#build/app.config' {
+  import type { AppConfig } from '@nuxt/schema'
+
+  const _default: AppConfig
+  export default _default
+}

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

@@ -1 +1,4 @@
-export {};
+export * from '../components/content/ContentNavigation.vue';
+export * from '../components/content/ContentSearch.vue';
+export * from '../components/content/ContentSurround.vue';
+export * from '../components/content/ContentToc.vue';

package/dist/runtime/types/content.js

@@ -0,0 +1,4 @@
+export * from "../components/content/ContentNavigation.vue";
+export * from "../components/content/ContentSearch.vue";
+export * from "../components/content/ContentSurround.vue";
+export * from "../components/content/ContentToc.vue";

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

@@ -38,6 +38,7 @@ export * from '../components/DashboardSidebarCollapse.vue';
 export * from '../components/DashboardSidebarToggle.vue';
 export * from '../components/Drawer.vue';
 export * from '../components/DropdownMenu.vue';
+export * from '../components/Error.vue';
 export * from '../components/Form.vue';
 export * from '../components/FormField.vue';
 export * from '../components/Icon.vue';

package/dist/runtime/types/index.js

@@ -38,6 +38,7 @@ export * from "../components/DashboardSidebarCollapse.vue";
 export * from "../components/DashboardSidebarToggle.vue";
 export * from "../components/Drawer.vue";
 export * from "../components/DropdownMenu.vue";
+export * from "../components/Error.vue";
 export * from "../components/Form.vue";
 export * from "../components/FormField.vue";
 export * from "../components/Icon.vue";

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

@@ -1 +1,42 @@
-export {};
+export * from '../components/prose/A.vue';
+export * from '../components/prose/Accordion.vue';
+export * from '../components/prose/AccordionItem.vue';
+export * from '../components/prose/Badge.vue';
+export * from '../components/prose/Blockquote.vue';
+export * from '../components/prose/Callout.vue';
+export * from '../components/prose/Card.vue';
+export * from '../components/prose/CardGroup.vue';
+export * from '../components/prose/Code.vue';
+export * from '../components/prose/CodeCollapse.vue';
+export * from '../components/prose/CodeGroup.vue';
+export * from '../components/prose/CodeIcon.vue';
+export * from '../components/prose/CodePreview.vue';
+export * from '../components/prose/CodeTree.vue';
+export * from '../components/prose/Collapsible.vue';
+export * from '../components/prose/Em.vue';
+export * from '../components/prose/Field.vue';
+export * from '../components/prose/FieldGroup.vue';
+export * from '../components/prose/H1.vue';
+export * from '../components/prose/H2.vue';
+export * from '../components/prose/H3.vue';
+export * from '../components/prose/H4.vue';
+export * from '../components/prose/Hr.vue';
+export * from '../components/prose/Icon.vue';
+export * from '../components/prose/Img.vue';
+export * from '../components/prose/Kbd.vue';
+export * from '../components/prose/Li.vue';
+export * from '../components/prose/Ol.vue';
+export * from '../components/prose/P.vue';
+export * from '../components/prose/Pre.vue';
+export * from '../components/prose/Script.vue';
+export * from '../components/prose/Steps.vue';
+export * from '../components/prose/Strong.vue';
+export * from '../components/prose/Table.vue';
+export * from '../components/prose/Tabs.vue';
+export * from '../components/prose/TabsItem.vue';
+export * from '../components/prose/Tbody.vue';
+export * from '../components/prose/Td.vue';
+export * from '../components/prose/Th.vue';
+export * from '../components/prose/Thead.vue';
+export * from '../components/prose/Tr.vue';
+export * from '../components/prose/Ul.vue';

package/dist/runtime/types/prose.js

@@ -0,0 +1,42 @@
+export * from "../components/prose/A.vue";
+export * from "../components/prose/Accordion.vue";
+export * from "../components/prose/AccordionItem.vue";
+export * from "../components/prose/Badge.vue";
+export * from "../components/prose/Blockquote.vue";
+export * from "../components/prose/Callout.vue";
+export * from "../components/prose/Card.vue";
+export * from "../components/prose/CardGroup.vue";
+export * from "../components/prose/Code.vue";
+export * from "../components/prose/CodeCollapse.vue";
+export * from "../components/prose/CodeGroup.vue";
+export * from "../components/prose/CodeIcon.vue";
+export * from "../components/prose/CodePreview.vue";
+export * from "../components/prose/CodeTree.vue";
+export * from "../components/prose/Collapsible.vue";
+export * from "../components/prose/Em.vue";
+export * from "../components/prose/Field.vue";
+export * from "../components/prose/FieldGroup.vue";
+export * from "../components/prose/H1.vue";
+export * from "../components/prose/H2.vue";
+export * from "../components/prose/H3.vue";
+export * from "../components/prose/H4.vue";
+export * from "../components/prose/Hr.vue";
+export * from "../components/prose/Icon.vue";
+export * from "../components/prose/Img.vue";
+export * from "../components/prose/Kbd.vue";
+export * from "../components/prose/Li.vue";
+export * from "../components/prose/Ol.vue";
+export * from "../components/prose/P.vue";
+export * from "../components/prose/Pre.vue";
+export * from "../components/prose/Script.vue";
+export * from "../components/prose/Steps.vue";
+export * from "../components/prose/Strong.vue";
+export * from "../components/prose/Table.vue";
+export * from "../components/prose/Tabs.vue";
+export * from "../components/prose/TabsItem.vue";
+export * from "../components/prose/Tbody.vue";
+export * from "../components/prose/Td.vue";
+export * from "../components/prose/Th.vue";
+export * from "../components/prose/Thead.vue";
+export * from "../components/prose/Tr.vue";
+export * from "../components/prose/Ul.vue";

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

@@ -43,9 +43,9 @@ type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U ex
  * @template T The component's theme imported from `#build/ui/*`.
  * @template A The base AppConfig type from `@nuxt/schema`.
  * @template K The key identifying the component (e.g., 'badge').
- * @template U The top-level key in AppConfig ('ui' or 'ui').
+ * @template U The top-level key in AppConfig ('ui' or 'uiPro').
  */
-export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'ui' | 'ui' | 'ui.prose' = 'ui'> = {
+export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'ui' | 'ui.prose' = 'ui'> = {
     AppConfig: ComponentAppConfig<T, A, K, U>;
     variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
     slots: ComponentSlots<T>;

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

@@ -8,5 +8,5 @@ export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
 export declare function getSlotChildrenText(children: any): string;
 export declare function transformUI(ui: Record<string, ((args: {
     class?: string;
-}) => any) | any>, uiProp?: Record<string, string>): Record<string, any>;
+}) => any) | any>, uiProp?: Record<string, any>): Record<string, any>;
 export * from './content';

package/dist/runtime/utils/index.js

@@ -81,9 +81,18 @@ export function getSlotChildrenText(children) {
   return "";
 }
 export function transformUI(ui, uiProp) {
-  return Object.entries(ui).reduce((acc, [key, value]) => {
-    acc[key] = typeof value === "function" ? value({ class: uiProp?.[key] }) : value;
-    return acc;
-  }, uiProp ? { ...uiProp } : {});
+  const result = {};
+  for (const key in ui) {
+    const uiValue = ui[key];
+    const classValue = normalizeClass(uiProp?.[key]);
+    result[key] = typeof uiValue === "function" ? uiValue({ class: classValue }) : uiValue;
+  }
+  return result;
+}
+function normalizeClass(value) {
+  if (typeof value === "string") return value;
+  if (Array.isArray(value)) return value.filter(Boolean).join(" ");
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return void 0;
 }
 export * from "./content.js";

package/dist/runtime/vue/components/Icon.vue

@@ -10,5 +10,5 @@ defineProps({
 </script>
 
 <template>
-  <IconifyIcon :icon="name.replace(/^i-/, '')" />
+  <IconifyIcon :icon="name.replace(/^i-/, '')" />
 </template>