@yh-ui/components 1.0.30 → 1.0.36

package/dist/dialog/src/dialog.d.vue.ts

@@ -0,0 +1,217 @@
+/**
+ * YhDialog - 对话框
+ * @description 旗舰级弹窗组件，深度对标 市面组件库 / Naive UI。支持亚克力玻璃态、智能拖拽、锁定滚动、焦点捕获等顶级能力。
+ */
+import { type CSSProperties } from 'vue';
+declare var __VLS_13: {}, __VLS_31: {}, __VLS_37: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_31) => any;
+} & {
+    footer?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: import("vue").PropType<import("./dialog").RenderContent>;
+    };
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly style: {
+        readonly type: import("vue").PropType<string | CSSProperties>;
+    };
+    readonly titleClass: StringConstructor;
+    readonly titleStyle: import("vue").PropType<CSSProperties | string>;
+    readonly transformOrigin: {
+        readonly type: import("vue").PropType<"mouse" | "center">;
+        readonly default: "mouse";
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<"error" | "success" | "warning" | "info" | "default">;
+        readonly default: "default";
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly content: {
+        readonly type: import("vue").PropType<import("./dialog").RenderContent>;
+    };
+    readonly contentClass: StringConstructor;
+    readonly contentStyle: import("vue").PropType<CSSProperties | string>;
+    readonly action: {
+        readonly type: import("vue").PropType<() => import("vue").VNode | import("vue").Component>;
+    };
+    readonly actionClass: StringConstructor;
+    readonly actionStyle: import("vue").PropType<CSSProperties | string>;
+    readonly autoFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "50%";
+    };
+    readonly top: {
+        readonly type: StringConstructor;
+        readonly default: "15vh";
+    };
+    readonly fullscreen: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly alignCenter: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly center: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly glass: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lockScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly modal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnClickModal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnPressEscape: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeIcon: {
+        readonly type: StringConstructor;
+        readonly default: "close";
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly overflow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly confirmText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly modalClass: StringConstructor;
+    readonly customClass: StringConstructor;
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly beforeClose: {
+        readonly type: import("vue").PropType<(done: () => void) => void>;
+    };
+    readonly teleportTo: {
+        readonly type: import("vue").PropType<string | HTMLElement>;
+        readonly default: "body";
+    };
+    readonly headerAlignCenter: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly headerAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly contentAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly footerAlignCenter: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly footerAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "right";
+    };
+    readonly swapFooterButtons: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {
+    visible: import("vue").Ref<boolean>;
+    dialogRef: import("vue").Ref<HTMLElement | null>;
+    handleClose: () => void;
+    handleCancel: () => void;
+    handleConfirm: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly type: "default" | "info" | "warning" | "error" | "success";
+    readonly loading: boolean;
+    readonly top: string;
+    readonly zIndex: number;
+    readonly width: string | number;
+    readonly transformOrigin: "center" | "mouse";
+    readonly overflow: boolean;
+    readonly center: boolean;
+    readonly fullscreen: boolean;
+    readonly glass: boolean;
+    readonly closeOnPressEscape: boolean;
+    readonly draggable: boolean;
+    readonly modelValue: boolean;
+    readonly modal: boolean;
+    readonly closeOnClickModal: boolean;
+    readonly showClose: boolean;
+    readonly closeIcon: string;
+    readonly destroyOnClose: boolean;
+    readonly teleportTo: string | HTMLElement;
+    readonly showFooter: boolean;
+    readonly lockScroll: boolean;
+    readonly showIcon: boolean;
+    readonly autoFocus: boolean;
+    readonly alignCenter: boolean;
+    readonly cancelText: string;
+    readonly confirmText: string;
+    readonly headerAlignCenter: boolean;
+    readonly headerAlign: "left" | "right" | "center";
+    readonly contentAlign: "left" | "right" | "center";
+    readonly footerAlignCenter: boolean;
+    readonly footerAlign: "left" | "right" | "center";
+    readonly swapFooterButtons: boolean;
+}, {}, {}, {}, 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/dialog/src/dialog.vue.d.ts

@@ -173,217 +173,39 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     handleClose: () => void;
     handleCancel: () => void;
     handleConfirm: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    confirm: () => void;
-    cancel: () => void;
-    close: () => void;
-    closed: () => void;
-    "update:modelValue": (value: boolean) => void;
-    open: () => void;
-    opened: () => void;
-    dragStart: (evt: MouseEvent) => void;
-    dragMove: (evt: MouseEvent) => void;
-    dragEnd: (evt: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly title: {
-        readonly type: import("vue").PropType<import("./dialog").RenderContent>;
-    };
-    readonly showIcon: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly style: {
-        readonly type: import("vue").PropType<string | CSSProperties>;
-    };
-    readonly titleClass: StringConstructor;
-    readonly titleStyle: import("vue").PropType<CSSProperties | string>;
-    readonly transformOrigin: {
-        readonly type: import("vue").PropType<"mouse" | "center">;
-        readonly default: "mouse";
-    };
-    readonly type: {
-        readonly type: import("vue").PropType<"error" | "success" | "warning" | "info" | "default">;
-        readonly default: "default";
-    };
-    readonly loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly content: {
-        readonly type: import("vue").PropType<import("./dialog").RenderContent>;
-    };
-    readonly contentClass: StringConstructor;
-    readonly contentStyle: import("vue").PropType<CSSProperties | string>;
-    readonly action: {
-        readonly type: import("vue").PropType<() => import("vue").VNode | import("vue").Component>;
-    };
-    readonly actionClass: StringConstructor;
-    readonly actionStyle: import("vue").PropType<CSSProperties | string>;
-    readonly autoFocus: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly width: {
-        readonly type: import("vue").PropType<string | number>;
-        readonly default: "50%";
-    };
-    readonly top: {
-        readonly type: StringConstructor;
-        readonly default: "15vh";
-    };
-    readonly fullscreen: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly alignCenter: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly center: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly glass: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly draggable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly lockScroll: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly modal: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly closeOnClickModal: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly closeOnPressEscape: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly showClose: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly closeIcon: {
-        readonly type: StringConstructor;
-        readonly default: "close";
-    };
-    readonly destroyOnClose: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly overflow: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showFooter: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly cancelText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly confirmText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly modalClass: StringConstructor;
-    readonly customClass: StringConstructor;
-    readonly zIndex: {
-        readonly type: NumberConstructor;
-        readonly default: 2000;
-    };
-    readonly beforeClose: {
-        readonly type: import("vue").PropType<(done: () => void) => void>;
-    };
-    readonly teleportTo: {
-        readonly type: import("vue").PropType<string | HTMLElement>;
-        readonly default: "body";
-    };
-    readonly headerAlignCenter: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly headerAlign: {
-        readonly type: import("vue").PropType<"left" | "center" | "right">;
-        readonly default: "left";
-    };
-    readonly contentAlign: {
-        readonly type: import("vue").PropType<"left" | "center" | "right">;
-        readonly default: "left";
-    };
-    readonly footerAlignCenter: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly footerAlign: {
-        readonly type: import("vue").PropType<"left" | "center" | "right">;
-        readonly default: "right";
-    };
-    readonly swapFooterButtons: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>> & Readonly<{
-    onConfirm?: (() => any) | undefined;
-    onCancel?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onClosed?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpen?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
-    onDragStart?: ((evt: MouseEvent) => any) | undefined;
-    onDragMove?: ((evt: MouseEvent) => any) | undefined;
-    onDragEnd?: ((evt: MouseEvent) => any) | undefined;
-}>, {
-    readonly overflow: boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly type: "default" | "info" | "warning" | "error" | "success";
     readonly loading: boolean;
-    readonly fullscreen: boolean;
-    readonly type: "default" | "error" | "success" | "warning" | "info";
-    readonly center: boolean;
     readonly top: string;
-    readonly modal: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly zIndex: number;
     readonly width: string | number;
-    readonly modelValue: boolean;
     readonly transformOrigin: "center" | "mouse";
-    readonly zIndex: number;
-    readonly draggable: boolean;
-    readonly confirmText: string;
-    readonly cancelText: string;
-    readonly showFooter: boolean;
+    readonly overflow: boolean;
+    readonly center: boolean;
+    readonly fullscreen: boolean;
     readonly glass: boolean;
-    readonly closeIcon: string;
-    readonly showIcon: boolean;
-    readonly autoFocus: boolean;
-    readonly alignCenter: boolean;
-    readonly lockScroll: boolean;
-    readonly closeOnClickModal: boolean;
     readonly closeOnPressEscape: boolean;
+    readonly draggable: boolean;
+    readonly modelValue: boolean;
+    readonly modal: boolean;
+    readonly closeOnClickModal: boolean;
     readonly showClose: boolean;
+    readonly closeIcon: string;
     readonly destroyOnClose: boolean;
     readonly teleportTo: string | HTMLElement;
+    readonly showFooter: boolean;
+    readonly lockScroll: boolean;
+    readonly showIcon: boolean;
+    readonly autoFocus: boolean;
+    readonly alignCenter: boolean;
+    readonly cancelText: string;
+    readonly confirmText: string;
     readonly headerAlignCenter: boolean;
-    readonly headerAlign: "center" | "left" | "right";
-    readonly contentAlign: "center" | "left" | "right";
+    readonly headerAlign: "left" | "right" | "center";
+    readonly contentAlign: "left" | "right" | "center";
     readonly footerAlignCenter: boolean;
-    readonly footerAlign: "center" | "left" | "right";
+    readonly footerAlign: "left" | "right" | "center";
     readonly swapFooterButtons: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/divider/index.d.ts

@@ -1,117 +1,5 @@
 import Divider from './src/divider.vue';
-export declare const YhDivider: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        readonly direction: {
-            readonly type: import("vue").PropType<"horizontal" | "vertical">;
-            readonly default: "horizontal";
-        };
-        readonly contentPosition: {
-            readonly type: import("vue").PropType<"left" | "center" | "right">;
-            readonly default: "center";
-        };
-        readonly borderStyle: {
-            readonly type: import("vue").PropType<"solid" | "dashed" | "dotted" | "double">;
-            readonly default: "solid";
-        };
-        readonly borderWidth: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly default: "";
-        };
-        readonly color: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly themeOverrides: {
-            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-            readonly default: undefined;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-        readonly borderWidth: string | number;
-        readonly color: string;
-        readonly direction: "vertical" | "horizontal";
-        readonly borderStyle: "dashed" | "dotted" | "double" | "solid";
-        readonly contentPosition: "center" | "left" | "right";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        readonly direction: {
-            readonly type: import("vue").PropType<"horizontal" | "vertical">;
-            readonly default: "horizontal";
-        };
-        readonly contentPosition: {
-            readonly type: import("vue").PropType<"left" | "center" | "right">;
-            readonly default: "center";
-        };
-        readonly borderStyle: {
-            readonly type: import("vue").PropType<"solid" | "dashed" | "dotted" | "double">;
-            readonly default: "solid";
-        };
-        readonly borderWidth: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly default: "";
-        };
-        readonly color: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly themeOverrides: {
-            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-            readonly default: undefined;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-        readonly borderWidth: string | number;
-        readonly color: string;
-        readonly direction: "vertical" | "horizontal";
-        readonly borderStyle: "dashed" | "dotted" | "double" | "solid";
-        readonly contentPosition: "center" | "left" | "right";
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: {
-        readonly type: import("vue").PropType<"horizontal" | "vertical">;
-        readonly default: "horizontal";
-    };
-    readonly contentPosition: {
-        readonly type: import("vue").PropType<"left" | "center" | "right">;
-        readonly default: "center";
-    };
-    readonly borderStyle: {
-        readonly type: import("vue").PropType<"solid" | "dashed" | "dotted" | "double">;
-        readonly default: "solid";
-    };
-    readonly borderWidth: {
-        readonly type: import("vue").PropType<string | number>;
-        readonly default: "";
-    };
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly borderWidth: string | number;
-    readonly color: string;
-    readonly direction: "vertical" | "horizontal";
-    readonly borderStyle: "dashed" | "dotted" | "double" | "solid";
-    readonly contentPosition: "center" | "left" | "right";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?: (props: {}) => any;
-    };
-})> & Record<string, unknown>;
+export declare const YhDivider: any;
 export default YhDivider;
 export * from './src/divider';
 export type DividerInstance = InstanceType<typeof Divider>;

package/dist/divider/src/divider.d.vue.ts

@@ -0,0 +1,69 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import("vue").PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly contentPosition: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "center";
+    };
+    readonly borderStyle: {
+        readonly type: import("vue").PropType<"solid" | "dashed" | "dotted" | "double">;
+        readonly default: "solid";
+    };
+    readonly borderWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import("vue").PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly contentPosition: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "center";
+    };
+    readonly borderStyle: {
+        readonly type: import("vue").PropType<"solid" | "dashed" | "dotted" | "double">;
+        readonly default: "solid";
+    };
+    readonly borderWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly direction: "horizontal" | "vertical";
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly color: string;
+    readonly borderStyle: "dashed" | "dotted" | "double" | "solid";
+    readonly borderWidth: string | number;
+    readonly contentPosition: "left" | "right" | "center";
+}, {}, {}, {}, 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/divider/src/divider.vue

@@ -8,7 +8,10 @@ defineOptions({
 });
 const props = defineProps(dividerProps);
 const ns = useNamespace("divider");
-const { themeStyle } = useComponentTheme("divider", computed(() => props.themeOverrides));
+const { themeStyle } = useComponentTheme(
+  "divider",
+  computed(() => props.themeOverrides)
+);
 const dividerStyle = computed(() => {
   const styles = {
     "--yh-divider-border-style": props.borderStyle
@@ -30,7 +33,10 @@ const classes = computed(() => [
 
 <template>
   <div :class="classes" :style="dividerStyle" role="separator">
-    <div v-if="$slots.default && direction !== 'vertical'" :class="[ns.e('text'), ns.is(contentPosition)]">
+    <div
+      v-if="$slots.default && direction !== 'vertical'"
+      :class="[ns.e('text'), ns.is(contentPosition)]"
+    >
       <slot />
     </div>
   </div>

package/dist/divider/src/divider.vue.d.ts

@@ -53,12 +53,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: undefined;
     };
 }>> & Readonly<{}>, {
+    readonly direction: "horizontal" | "vertical";
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly borderWidth: string | number;
     readonly color: string;
-    readonly direction: "vertical" | "horizontal";
     readonly borderStyle: "dashed" | "dotted" | "double" | "solid";
-    readonly contentPosition: "center" | "left" | "right";
+    readonly borderWidth: string | number;
+    readonly contentPosition: "left" | "right" | "center";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;