@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/components/CollapsePanel.d.mts

@@ -9,9 +9,10 @@ interface VueCollapsePanelProps {
     className?: string;
     style?: Record<string, string | number>;
 }
+type CollapsePanelProps = VueCollapsePanelProps;
 declare const CollapsePanel: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
-     * Unique key for the panel (required)
+     * Unique key for the panel (required). `1` and `"1"` match.
      */
     panelKey: {
         type: PropType<string | number>;
@@ -25,7 +26,7 @@ declare const CollapsePanel: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Whether the panel is disabled
+     * Disabled headers stay in the tab order and expose `aria-disabled`.
      * @default false
      */
     disabled: {
@@ -58,7 +59,7 @@ declare const CollapsePanel: vue.DefineComponent<vue.ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
-     * Unique key for the panel (required)
+     * Unique key for the panel (required). `1` and `"1"` match.
      */
     panelKey: {
         type: PropType<string | number>;
@@ -72,7 +73,7 @@ declare const CollapsePanel: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Whether the panel is disabled
+     * Disabled headers stay in the tab order and expose `aria-disabled`.
      * @default false
      */
     disabled: {
@@ -102,11 +103,11 @@ declare const CollapsePanel: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     header: string;
     style: Record<string, string | number>;
+    className: string;
     disabled: boolean;
     showArrow: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { CollapsePanel, type VueCollapsePanelProps, CollapsePanel as default };
+export { CollapsePanel, type CollapsePanelProps, type VueCollapsePanelProps, CollapsePanel as default };

package/dist/components/CollapsePanel.mjs

@@ -1,8 +1,8 @@
 import {
   CollapsePanel,
   CollapsePanel_default
-} from "../chunk-P62TYR3M.mjs";
-import "../chunk-WE4DGU2T.mjs";
+} from "../chunk-H6EOA6Q6.mjs";
+import "../chunk-63QGROKA.mjs";
 export {
   CollapsePanel,
   CollapsePanel_default as default

package/dist/components/ColorPicker.d.mts

@@ -1,25 +1,26 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ComponentSize, ColorFormat, TigerLocale, TigerLocaleColorPicker } from '@expcat/tigercat-core';
+import { ComponentSize, ColorFormat, TigerLocale, TigerLocaleColorPicker, InputStatus, FloatingPlacement } from '@expcat/tigercat-core';
+export { ColorFormat } from '@expcat/tigercat-core';
 
 type VueColorPickerProps = InstanceType<typeof ColorPicker>['$props'];
+type ColorPickerProps = VueColorPickerProps;
+
 declare const ColorPicker: vue.DefineComponent<vue.ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
     };
+    disabled: BooleanConstructor;
     size: {
         type: PropType<ComponentSize>;
         default: string;
     };
-    showAlpha: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    showAlpha: BooleanConstructor;
     format: {
         type: PropType<ColorFormat>;
         default: string;
@@ -36,25 +37,58 @@ declare const ColorPicker: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Partial<TigerLocaleColorPicker>>;
         default: undefined;
     };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: StringConstructor;
+    id: StringConstructor;
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<FloatingPlacement>;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dropdownClassName: StringConstructor;
+    getPopupContainer: {
+        type: PropType<() => HTMLElement | null>;
+    };
+    className: StringConstructor;
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("input" | "blur" | "change" | "update:open" | "open-change" | "update:modelValue")[], "input" | "blur" | "change" | "update:open" | "open-change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
     };
+    disabled: BooleanConstructor;
     size: {
         type: PropType<ComponentSize>;
         default: string;
     };
-    showAlpha: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    showAlpha: BooleanConstructor;
     format: {
         type: PropType<ColorFormat>;
         default: string;
@@ -71,18 +105,65 @@ declare const ColorPicker: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Partial<TigerLocaleColorPicker>>;
         default: undefined;
     };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: StringConstructor;
+    id: StringConstructor;
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<FloatingPlacement>;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dropdownClassName: StringConstructor;
+    getPopupContainer: {
+        type: PropType<() => HTMLElement | null>;
+    };
+    className: StringConstructor;
 }>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    status: InputStatus;
     labels: Partial<TigerLocaleColorPicker>;
     size: ComponentSize;
     disabled: boolean;
+    open: boolean;
+    placement: FloatingPlacement;
+    offset: number;
+    defaultOpen: boolean;
     modelValue: string;
+    defaultValue: string;
+    clearable: boolean;
     format: ColorFormat;
+    closeOnSelect: boolean;
     showAlpha: boolean;
     presets: string[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { ColorPicker, type VueColorPickerProps, ColorPicker as default };
+export { ColorPicker, type ColorPickerProps, type VueColorPickerProps, ColorPicker as default };

package/dist/components/ColorPicker.mjs

@@ -1,10 +1,11 @@
 import {
   ColorPicker,
   ColorPicker_default
-} from "../chunk-EC62TY2Y.mjs";
-import "../chunk-Q7Y22OFX.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-G6PIOE4B.mjs";
+import "../chunk-4H3PX46K.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-Y63TRXZO.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   ColorPicker,
   ColorPicker_default as default

package/dist/components/ColorSwatch.d.mts

@@ -1,8 +1,9 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ComponentSize, ColorSwatchOptionInput, ColorSwatchGroup } from '@expcat/tigercat-core';
+import { ComponentSize, ColorSwatchOptionInput, ColorSwatchGroup, TigerLocale, TigerLocaleColorPicker, InputStatus } from '@expcat/tigercat-core';
 
 type VueColorSwatchProps = InstanceType<typeof ColorSwatch>['$props'];
+type ColorSwatchProps = VueColorSwatchProps;
 declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
@@ -10,6 +11,7 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     defaultValue: {
         type: StringConstructor;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
@@ -33,17 +35,42 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     ariaLabel: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleColorPicker>>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("input" | "blur" | "change" | "update:modelValue")[], "input" | "blur" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
     };
     defaultValue: {
         type: StringConstructor;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
@@ -67,19 +94,52 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     ariaLabel: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleColorPicker>>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
     };
 }>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    locale: Partial<TigerLocale>;
+    status: InputStatus;
+    name: string;
     ariaLabel: string;
+    labels: Partial<TigerLocaleColorPicker>;
     size: ComponentSize;
+    className: string;
     disabled: boolean;
+    id: string;
     modelValue: string;
+    defaultValue: string;
     groups: ColorSwatchGroup[];
     columns: number;
     colors: ColorSwatchOptionInput[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { ColorSwatch, type VueColorSwatchProps, ColorSwatch as default };
+export { ColorSwatch, type ColorSwatchProps, type VueColorSwatchProps, ColorSwatch as default };

package/dist/components/ColorSwatch.mjs

@@ -1,7 +1,9 @@
 import {
   ColorSwatch,
   ColorSwatch_default
-} from "../chunk-FEQ7PZXI.mjs";
+} from "../chunk-4H3PX46K.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   ColorSwatch,
   ColorSwatch_default as default

package/dist/components/CommentThread.d.mts

@@ -107,6 +107,10 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showComposer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     className: {
         type: StringConstructor;
         default: undefined;
@@ -117,7 +121,7 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:expandedKeys" | "like" | "reply" | "more" | "action" | "load-more")[], "update:expandedKeys" | "like" | "reply" | "more" | "action" | "load-more", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:expandedKeys" | "action" | "like" | "reply" | "more" | "load-more" | "user-click")[], "update:expandedKeys" | "action" | "like" | "reply" | "more" | "load-more" | "user-click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     nodes: {
         type: PropType<CommentNode[]>;
         default: undefined;
@@ -214,6 +218,10 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showComposer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     className: {
         type: StringConstructor;
         default: undefined;
@@ -229,8 +237,10 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     onMore?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
+    "onUser-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    style: Record<string, string | number>;
     emptyText: string;
     labels: Partial<TigerLocaleCommentThread>;
     replyPlaceholder: string;
@@ -244,10 +254,9 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     collapseRepliesText: string;
     expandRepliesText: string;
     className: string;
-    style: Record<string, string | number>;
-    items: CommentNode[];
-    defaultExpandedKeys: (string | number)[];
     expandedKeys: (string | number)[];
+    defaultExpandedKeys: (string | number)[];
+    items: CommentNode[];
     showAvatar: boolean;
     nodes: CommentNode[];
     maxDepth: number;
@@ -256,6 +265,7 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     showLike: boolean;
     showReply: boolean;
     showMore: boolean;
+    showComposer: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { CommentThread, type VueCommentThreadProps, CommentThread as default };

package/dist/components/CommentThread.mjs

@@ -1,17 +1,18 @@
 import {
   CommentThread,
   CommentThread_default
-} from "../chunk-H4DEIGEG.mjs";
-import "../chunk-3KAHJF7D.mjs";
-import "../chunk-VIIGYWUY.mjs";
-import "../chunk-YZBQ6IR7.mjs";
-import "../chunk-Z2ZECCGD.mjs";
-import "../chunk-342DH5CF.mjs";
-import "../chunk-NN6AINLG.mjs";
-import "../chunk-ZFTRR3KW.mjs";
-import "../chunk-JHFM6IFO.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-ETJ4QD6U.mjs";
+import "../chunk-ZQCKZXQI.mjs";
+import "../chunk-7PLYHGMY.mjs";
+import "../chunk-I77GUQV4.mjs";
+import "../chunk-OGXSLKXD.mjs";
+import "../chunk-PVJDEAOW.mjs";
+import "../chunk-FEVDV3I6.mjs";
+import "../chunk-4KIZXFFG.mjs";
+import "../chunk-4QMHNTUU.mjs";
+import "../chunk-J4HGCSOE.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   CommentThread,
   CommentThread_default as default

package/dist/components/ConfigProvider.d.mts

@@ -1,14 +1,8 @@
 import * as vue from 'vue';
 import { ExtractPropTypes, PropType, ComputedRef, InjectionKey } from 'vue';
-import { TigerLocaleInput, TigerLocaleDirection, ColorScheme, TigerLocale } from '@expcat/tigercat-core';
+import { TigerLocaleInput, TigerLocaleDirection, ColorScheme, TigerConfig } from '@expcat/tigercat-core';
+export { TigerConfig } from '@expcat/tigercat-core';
 
-interface TigerConfig {
-    locale?: Partial<TigerLocale>;
-    localeLoading?: boolean;
-    direction?: TigerLocaleDirection;
-    theme?: string;
-    colorScheme?: ColorScheme;
-}
 declare const TigerConfigKey: InjectionKey<ComputedRef<TigerConfig>>;
 declare function useTigerConfig(): ComputedRef<TigerConfig>;
 declare const configProviderProps: {
@@ -49,7 +43,7 @@ declare const ConfigProvider: vue.DefineComponent<ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
     locale: {
         type: PropType<TigerLocaleInput>;
         default: undefined;
@@ -73,4 +67,4 @@ declare const ConfigProvider: vue.DefineComponent<ExtractPropTypes<{
     colorScheme: ColorScheme;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { ConfigProvider, type TigerConfig, TigerConfigKey, type VueConfigProviderProps, configProviderProps, ConfigProvider as default, useTigerConfig };
+export { ConfigProvider, TigerConfigKey, type VueConfigProviderProps, configProviderProps, ConfigProvider as default, useTigerConfig };

package/dist/components/ConfigProvider.mjs

@@ -4,8 +4,7 @@ import {
   TigerConfigKey,
   configProviderProps,
   useTigerConfig
-} from "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-4GOTWNOO.mjs";
 export {
   ConfigProvider,
   TigerConfigKey,

package/dist/components/Container.d.mts

@@ -7,76 +7,54 @@ interface VueContainerProps {
     maxWidth?: ContainerMaxWidth;
     center?: boolean;
     padding?: boolean;
+    className?: string;
 }
 declare const Container: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * HTML element or component to render as
-     * @default 'div'
-     */
     as: {
         type: PropType<string | Component>;
         default: string;
     };
-    /**
-     * Maximum width constraint (false for no constraint)
-     * @default false
-     */
     maxWidth: {
         type: PropType<ContainerMaxWidth>;
         default: boolean;
     };
-    /**
-     * Center container horizontally
-     * @default true
-     */
     center: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Add responsive horizontal padding
-     * @default true
-     */
     padding: {
         type: BooleanConstructor;
         default: boolean;
     };
+    className: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * HTML element or component to render as
-     * @default 'div'
-     */
     as: {
         type: PropType<string | Component>;
         default: string;
     };
-    /**
-     * Maximum width constraint (false for no constraint)
-     * @default false
-     */
     maxWidth: {
         type: PropType<ContainerMaxWidth>;
         default: boolean;
     };
-    /**
-     * Center container horizontally
-     * @default true
-     */
     center: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Add responsive horizontal padding
-     * @default true
-     */
     padding: {
         type: BooleanConstructor;
         default: boolean;
     };
+    className: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
+    className: string;
     center: boolean;
     padding: boolean;
     as: string | Component;

package/dist/components/Container.mjs

@@ -1,7 +1,7 @@
 import {
   Container,
   Container_default
-} from "../chunk-VL7GENWD.mjs";
+} from "../chunk-QNULT27U.mjs";
 export {
   Container,
   Container_default as default

package/dist/components/Content.d.mts

@@ -3,28 +3,23 @@ import { PropType } from 'vue';
 
 interface VueContentProps {
     className?: string;
+    as?: string;
     padding?: boolean | string;
     style?: Record<string, string | number>;
 }
 declare const Content: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Additional CSS classes
-     */
     className: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Built-in content padding.
-     * @default true
-     */
+    as: {
+        type: PropType<string>;
+        default: string;
+    };
     padding: {
         type: PropType<boolean | string>;
         default: boolean;
     };
-    /**
-     * Custom styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
@@ -32,32 +27,27 @@ declare const Content: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Additional CSS classes
-     */
     className: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Built-in content padding.
-     * @default true
-     */
+    as: {
+        type: PropType<string>;
+        default: string;
+    };
     padding: {
         type: PropType<boolean | string>;
         default: boolean;
     };
-    /**
-     * Custom styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     style: Record<string, string | number>;
+    className: string;
     padding: string | boolean;
+    as: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Content, type VueContentProps, Content as default };