@nuxt/ui 4.0.0-alpha.0 → 4.0.0-alpha.2

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

@@ -0,0 +1,15 @@
+export interface ProseAccordionItemProps {
+    label: string;
+    description?: string;
+    class?: any;
+}
+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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/callout';
+import type { IconProps, LinkProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCallout = ComponentConfig<typeof theme, AppConfig, 'callout', 'ui.prose'>;
+export interface ProseCalloutProps {
+    to?: LinkProps['to'];
+    target?: LinkProps['target'];
+    icon?: IconProps['name'];
+    /**
+     * @defaultValue 'neutral'
+     */
+    color?: ProseCallout['variants']['color'];
+    class?: any;
+    ui?: ProseCallout['slots'];
+}
+export interface ProseCalloutSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCalloutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCalloutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCalloutSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -12,7 +12,7 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   color: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }

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

@@ -1,12 +1,12 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/callout';
-import type { LinkProps } from '../../types';
+import type { IconProps, LinkProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCallout = ComponentConfig<typeof theme, AppConfig, 'callout', 'ui.prose'>;
 export interface ProseCalloutProps {
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    icon?: string;
+    icon?: IconProps['name'];
     /**
      * @defaultValue 'neutral'
      */
@@ -17,7 +17,7 @@ export interface ProseCalloutProps {
 export interface ProseCalloutSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCalloutProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCalloutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCalloutSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCalloutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCalloutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCalloutSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,29 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/card';
+import type { IconProps, LinkProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCard = ComponentConfig<typeof theme, AppConfig, 'card', 'ui.prose'>;
+export interface ProseCardProps {
+    to?: LinkProps['to'];
+    target?: LinkProps['target'];
+    icon?: IconProps['name'];
+    title?: string;
+    description?: string;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: ProseCard['variants']['color'];
+    class?: any;
+    ui?: ProseCard['slots'];
+}
+export interface ProseCardSlots {
+    default(props?: {}): any;
+    title(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCardSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -12,7 +12,7 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   color: { type: null, required: false },

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

@@ -1,12 +1,12 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/card';
-import type { LinkProps } from '../../types';
+import type { IconProps, LinkProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCard = ComponentConfig<typeof theme, AppConfig, 'card', 'ui.prose'>;
 export interface ProseCardProps {
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    icon?: string;
+    icon?: IconProps['name'];
     title?: string;
     description?: string;
     /**
@@ -20,7 +20,7 @@ export interface ProseCardSlots {
     default(props?: {}): any;
     title(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCardProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCardSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCardSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

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

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

@@ -0,0 +1,22 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/code';
+type ProseCode = ComponentConfig<typeof theme, AppConfig, 'code', 'ui.prose'>;
+export interface ProseCodeProps {
+    lang?: string;
+    /**
+     * @defaultValue 'neutral'
+     */
+    color?: ProseCode['variants']['color'];
+    class?: any;
+}
+export interface ProseCodeSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,47 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/code-collapse';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCodeCollapse = ComponentConfig<typeof theme, AppConfig, 'codeCollapse', 'ui.prose'>;
+export interface ProseCodeCollapseProps {
+    /**
+     * The icon displayed to toggle the code.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     */
+    icon?: IconProps['name'];
+    /**
+     * The name displayed in the trigger label.
+     * @defaultValue t('prose.codeCollapse.name')
+     */
+    name?: string;
+    /**
+     * The text displayed when the code is collapsed.
+     * @defaultValue t('prose.codeCollapse.openText')
+     */
+    openText?: string;
+    /**
+     * The text displayed when the code is expanded.
+     * @defaultValue t('prose.codeCollapse.closeText')
+     */
+    closeText?: string;
+    class?: any;
+    ui?: ProseCodeCollapse['slots'];
+}
+export interface ProseCodeCollapseSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeCollapseProps & {
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeCollapseProps & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeCollapseSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -9,7 +9,7 @@ import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
 import UButton from "../Button.vue";
 const props = defineProps({
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   name: { type: String, required: false },
   openText: { type: String, required: false },
   closeText: { type: String, required: false },

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

@@ -1,5 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/code-collapse';
+import type { IconProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCodeCollapse = ComponentConfig<typeof theme, AppConfig, 'codeCollapse', 'ui.prose'>;
 export interface ProseCodeCollapseProps {
@@ -7,7 +8,7 @@ export interface ProseCodeCollapseProps {
      * The icon displayed to toggle the code.
      * @defaultValue appConfig.ui.icons.chevronDown
      */
-    icon?: string;
+    icon?: IconProps['name'];
     /**
      * The name displayed in the trigger label.
      * @defaultValue t('prose.codeCollapse.name')
@@ -31,7 +32,7 @@ export interface ProseCodeCollapseSlots {
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeCollapseProps & {
     open?: boolean;
-}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<ProseCodeCollapseProps & {
     open?: boolean;

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

@@ -0,0 +1,37 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/code-group';
+type ProseCodeGroup = ComponentConfig<typeof theme, AppConfig, 'codeGroup', 'ui.prose'>;
+export interface ProseCodeGroupProps {
+    /**
+     * The default tab to select.
+     * @example '1'
+     */
+    defaultValue?: string;
+    /**
+     * Sync the selected tab with a local storage key.
+     */
+    sync?: string;
+    class?: any;
+    ui?: ProseCodeGroup['slots'];
+}
+export interface ProseCodeGroupSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeGroupProps & {
+    modelValue?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeGroupProps & {
+    modelValue?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    defaultValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -20,7 +20,7 @@ export interface ProseCodeGroupSlots {
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeGroupProps & {
     modelValue?: string;
-}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<ProseCodeGroupProps & {
     modelValue?: string;

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

@@ -0,0 +1,7 @@
+import type { IconProps } from '../../types';
+export interface ProseCodeIconProps {
+    icon?: IconProps['name'];
+    filename?: string;
+}
+declare const _default: import("vue").DefineComponent<ProseCodeIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -8,7 +8,7 @@ import { defu } from "defu";
 import { useAppConfig } from "#imports";
 import UIcon from "../Icon.vue";
 const props = defineProps({
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   filename: { type: String, required: false }
 });
 const appConfig = useAppConfig();

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

@@ -1,6 +1,7 @@
+import type { IconProps } from '../../types';
 export interface ProseCodeIconProps {
-    icon?: string;
+    icon?: IconProps['name'];
     filename?: string;
 }
-declare const _default: import("vue").DefineComponent<ProseCodeIconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<ProseCodeIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,19 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/code-preview';
+type ProseCodePreview = ComponentConfig<typeof theme, AppConfig, 'codePreview', 'ui.prose'>;
+export interface ProseCodePreviewProps {
+    class?: any;
+    ui?: ProseCodePreview['slots'];
+}
+export interface ProseCodePreviewSlots {
+    default(props?: {}): any;
+    code(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodePreviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodePreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodePreviewSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -10,7 +10,7 @@ export interface ProseCodePreviewSlots {
     default(props?: {}): any;
     code(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodePreviewProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodePreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodePreviewSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodePreviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodePreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodePreviewSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,28 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/code-tree';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCodeTree = ComponentConfig<typeof theme, AppConfig, 'codeTree', 'ui.prose'>;
+export interface ProseCodeTreeProps {
+    /**
+     * The default path to select.
+     * @example 'package.json'
+     */
+    defaultValue?: string;
+    /**
+     * Expand all directories by default.
+     * @defaultValue false
+     */
+    expandAll?: boolean;
+    class?: any;
+    ui?: ProseCodeTree['slots'];
+}
+export interface ProseCodeTreeSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -92,43 +92,50 @@ onBeforeUpdate(() => rerenderCount.value++);
 
 <template>
   <DefineTreeTemplate v-slot="{ items, level }">
-    <li
+    <TreeItem
       v-for="(item, index) in items"
       :key="`${level}-${index}`"
-      :class="level > 0 ? ui.itemWithChildren({ class: props.ui?.itemWithChildren }) : ui.item({ class: props.ui?.item })"
+      v-slot="{ isExpanded, isSelected }"
+      :level="level"
+      :value="item"
+      :class="level > 1 ? ui.itemWithChildren({ class: props.ui?.itemWithChildren }) : ui.item({ class: props.ui?.item })"
     >
-      <TreeItem
-        v-slot="{ isExpanded, isSelected }"
-        as-child
-        :level="level"
-        :value="item"
+      <button
+        type="button"
+        :data-expanded="isExpanded"
+        :class="ui.link({ class: props.ui?.link, active: isSelected })"
       >
-        <button :class="ui.link({ class: props.ui?.link, active: isSelected })">
-          <UIcon
-            v-if="item.children?.length"
-            :name="isExpanded ? appConfig.ui.icons.folderOpen : appConfig.ui.icons.folder"
-            :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
-          />
-          <UCodeIcon
-            v-else
-            :filename="item.label"
-            :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
-          />
+        <UIcon
+          v-if="item.children?.length"
+          :name="isExpanded ? appConfig.ui.icons.folderOpen : appConfig.ui.icons.folder"
+          :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
+        />
+        <UCodeIcon
+          v-else
+          :filename="item.label"
+          :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
+        />
 
-          <span :class="ui.linkLabel({ class: props.ui?.linkLabel })">
-            {{ item.label }}
-          </span>
+        <span :class="ui.linkLabel({ class: props.ui?.linkLabel })">
+          {{ item.label }}
+        </span>
 
-          <span v-if="item.children?.length" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
-            <UIcon :name="appConfig.ui.icons.chevronDown" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon })" />
-          </span>
-        </button>
+        <span v-if="item.children?.length" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
+          <UIcon
+            :name="appConfig.ui.icons.chevronDown"
+            :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon })"
+          />
+        </span>
+      </button>
 
-        <ul v-if="item.children?.length && isExpanded" :class="ui.listWithChildren({ class: props.ui?.listWithChildren })">
-          <ReuseTreeTemplate :items="item.children" :level="level + 1" />
-        </ul>
-      </TreeItem>
-    </li>
+      <ul
+        v-if="item.children?.length && isExpanded"
+        role="group"
+        :class="ui.listWithChildren({ class: props.ui?.listWithChildren })"
+      >
+        <ReuseTreeTemplate :items="item.children" :level="level + 1" />
+      </ul>
+    </TreeItem>
   </DefineTreeTemplate>
 
   <div v-bind="$attrs" :class="ui.root({ class: [props.ui?.root, props.class] })">
@@ -139,7 +146,7 @@ onBeforeUpdate(() => rerenderCount.value++);
       :get-key="(item2) => item2.path"
       :default-expanded="expanded"
     >
-      <ReuseTreeTemplate :items="items" :level="0" />
+      <ReuseTreeTemplate :items="items" :level="1" />
     </TreeRoot>
 
     <div :class="ui.content({ class: props.ui?.content })">

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

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

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

@@ -0,0 +1,39 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/collapsible';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCollapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible', 'ui.prose'>;
+export interface ProseCollapsibleProps {
+    /**
+     * The icon displayed to toggle the collapsible.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     */
+    icon?: IconProps['name'];
+    /**
+     * The name displayed in the trigger label.
+     * @defaultValue t('prose.collapsible.name')
+     */
+    name?: string;
+    /**
+     * The text displayed when the collapsible is open.
+     * @defaultValue t('prose.collapsible.openText')
+     */
+    openText?: string;
+    /**
+     * The text displayed when the collapsible is closed.
+     * @defaultValue t('prose.collapsible.closeText')
+     */
+    closeText?: string;
+    class?: any;
+    ui?: ProseCollapsible['slots'];
+}
+export interface ProseCollapsibleSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCollapsibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCollapsibleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCollapsibleSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};