@yh-ui/components 0.1.17 → 0.1.21

package/dist/popover/index.d.ts

@@ -1,5 +1,396 @@
 import Popover from './src/popover.vue';
-export declare const YhPopover: any;
+export declare const YhPopover: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        readonly title: StringConstructor;
+        readonly description: StringConstructor;
+        readonly icon: StringConstructor;
+        readonly iconColor: StringConstructor;
+        readonly content: StringConstructor;
+        readonly placement: {
+            readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+            readonly default: "bottom";
+        };
+        readonly trigger: {
+            readonly type: import("vue").PropType<import("./index.js").PopoverTrigger | import("./index.js").PopoverTrigger[]>;
+            readonly default: "click";
+        };
+        readonly visible: {
+            readonly type: import("vue").PropType<boolean | null>;
+            readonly default: null;
+        };
+        readonly effect: {
+            readonly type: import("vue").PropType<"light" | "dark" | string>;
+            readonly default: "light";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly showArrow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly hideAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 100;
+        };
+        readonly offset: {
+            readonly type: import("vue").PropType<[number, number]>;
+            readonly default: () => number[];
+        };
+        readonly width: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "auto";
+        };
+        readonly maxHeight: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "none";
+        };
+        readonly scrollable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly interactive: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly matchTriggerWidth: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly zIndex: {
+            readonly type: NumberConstructor;
+            readonly default: 2003;
+        };
+        readonly teleported: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly popperClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly popperStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly transition: {
+            readonly type: StringConstructor;
+            readonly default: "yh-popover-fade";
+        };
+        readonly persistent: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {
+        toggle: (val: boolean) => boolean;
+        visible: import("vue").WritableComputedRef<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        hide: () => void;
+        show: () => void;
+        "update:visible": (visible: boolean) => void;
+    }, import("vue").PublicProps, {
+        readonly trigger: "hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[];
+        readonly effect: string;
+        readonly transition: string;
+        readonly disabled: boolean;
+        readonly width: string | number;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly maxHeight: string | number;
+        readonly zIndex: number;
+        readonly offset: [number, number];
+        readonly visible: boolean | null;
+        readonly placement: import("@floating-ui/utils").Placement;
+        readonly popperClass: string;
+        readonly teleported: boolean;
+        readonly popperStyle: import("vue").StyleValue;
+        readonly scrollable: boolean;
+        readonly showAfter: number;
+        readonly hideAfter: number;
+        readonly showArrow: boolean;
+        readonly interactive: boolean;
+        readonly persistent: boolean;
+        readonly matchTriggerWidth: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly title: StringConstructor;
+        readonly description: StringConstructor;
+        readonly icon: StringConstructor;
+        readonly iconColor: StringConstructor;
+        readonly content: StringConstructor;
+        readonly placement: {
+            readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+            readonly default: "bottom";
+        };
+        readonly trigger: {
+            readonly type: import("vue").PropType<import("./index.js").PopoverTrigger | import("./index.js").PopoverTrigger[]>;
+            readonly default: "click";
+        };
+        readonly visible: {
+            readonly type: import("vue").PropType<boolean | null>;
+            readonly default: null;
+        };
+        readonly effect: {
+            readonly type: import("vue").PropType<"light" | "dark" | string>;
+            readonly default: "light";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly showArrow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly hideAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 100;
+        };
+        readonly offset: {
+            readonly type: import("vue").PropType<[number, number]>;
+            readonly default: () => number[];
+        };
+        readonly width: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "auto";
+        };
+        readonly maxHeight: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "none";
+        };
+        readonly scrollable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly interactive: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly matchTriggerWidth: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly zIndex: {
+            readonly type: NumberConstructor;
+            readonly default: 2003;
+        };
+        readonly teleported: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly popperClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly popperStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly transition: {
+            readonly type: StringConstructor;
+            readonly default: "yh-popover-fade";
+        };
+        readonly persistent: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {
+        toggle: (val: boolean) => boolean;
+        visible: import("vue").WritableComputedRef<boolean, boolean>;
+    }, {}, {}, {}, {
+        readonly trigger: "hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[];
+        readonly effect: string;
+        readonly transition: string;
+        readonly disabled: boolean;
+        readonly width: string | number;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly maxHeight: string | number;
+        readonly zIndex: number;
+        readonly offset: [number, number];
+        readonly visible: boolean | null;
+        readonly placement: import("@floating-ui/utils").Placement;
+        readonly popperClass: string;
+        readonly teleported: boolean;
+        readonly popperStyle: import("vue").StyleValue;
+        readonly scrollable: boolean;
+        readonly showAfter: number;
+        readonly hideAfter: number;
+        readonly showArrow: boolean;
+        readonly interactive: boolean;
+        readonly persistent: boolean;
+        readonly matchTriggerWidth: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly title: StringConstructor;
+    readonly description: StringConstructor;
+    readonly icon: StringConstructor;
+    readonly iconColor: StringConstructor;
+    readonly content: StringConstructor;
+    readonly placement: {
+        readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+        readonly default: "bottom";
+    };
+    readonly trigger: {
+        readonly type: import("vue").PropType<import("./index.js").PopoverTrigger | import("./index.js").PopoverTrigger[]>;
+        readonly default: "click";
+    };
+    readonly visible: {
+        readonly type: import("vue").PropType<boolean | null>;
+        readonly default: null;
+    };
+    readonly effect: {
+        readonly type: import("vue").PropType<"light" | "dark" | string>;
+        readonly default: "light";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "auto";
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "none";
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly interactive: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly matchTriggerWidth: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2003;
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
+        readonly default: () => {};
+    };
+    readonly transition: {
+        readonly type: StringConstructor;
+        readonly default: "yh-popover-fade";
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+    toggle: (val: boolean) => boolean;
+    visible: import("vue").WritableComputedRef<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => void;
+    show: () => void;
+    "update:visible": (visible: boolean) => void;
+}, string, {
+    readonly trigger: "hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[];
+    readonly effect: string;
+    readonly transition: string;
+    readonly disabled: boolean;
+    readonly width: string | number;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly maxHeight: string | number;
+    readonly zIndex: number;
+    readonly offset: [number, number];
+    readonly visible: boolean | null;
+    readonly placement: import("@floating-ui/utils").Placement;
+    readonly popperClass: string;
+    readonly teleported: boolean;
+    readonly popperStyle: import("vue").StyleValue;
+    readonly scrollable: boolean;
+    readonly showAfter: number;
+    readonly hideAfter: number;
+    readonly showArrow: boolean;
+    readonly interactive: boolean;
+    readonly persistent: boolean;
+    readonly matchTriggerWidth: boolean;
+}, {}, 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;
+    } & {
+        icon?: (props: {}) => any;
+    } & {
+        header?: (props: {}) => any;
+    } & {
+        content?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        footer?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
 export default YhPopover;
 export * from './src/popover';
 export type PopoverInstance = InstanceType<typeof Popover>;

package/dist/popover/src/popover.cjs

@@ -103,7 +103,7 @@ const popoverProps = exports.popoverProps = {
   },
   /** 弹出层自定义样式 */
   popperStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 动画名称 */

package/dist/popover/src/popover.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import type { ExtractPropTypes, PropType, StyleValue } from 'vue';
 import type { Placement } from '@floating-ui/dom';
 export declare const popoverTriggers: readonly ["hover", "click", "focus", "contextmenu"];
 export type PopoverTrigger = (typeof popoverTriggers)[number];
@@ -100,7 +100,7 @@ export declare const popoverProps: {
     };
     /** 弹出层自定义样式 */
     readonly popperStyle: {
-        readonly type: PropType<CSSProperties>;
+        readonly type: PropType<StyleValue>;
         readonly default: () => {};
     };
     /** 动画名称 */

package/dist/popover/src/popover.mjs

@@ -97,7 +97,7 @@ export const popoverProps = {
   },
   /** 弹出层自定义样式 */
   popperStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 动画名称 */

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

@@ -1,4 +1,3 @@
-import type { CSSProperties } from 'vue';
 declare var __VLS_12: {}, __VLS_14: {}, __VLS_20: {}, __VLS_22: {}, __VLS_24: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_12) => any;
@@ -20,7 +19,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly iconColor: StringConstructor;
     readonly content: StringConstructor;
     readonly placement: {
-        readonly type: import("vue").PropType<import("@floating-ui/dom").Placement>;
+        readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
         readonly default: "bottom";
     };
     readonly trigger: {
@@ -88,7 +87,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: "";
     };
     readonly popperStyle: {
-        readonly type: import("vue").PropType<CSSProperties>;
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
         readonly default: () => {};
     };
     readonly transition: {
@@ -108,27 +107,125 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     toggle: (val: boolean) => boolean;
     /** 弹出状态 */
     visible: import("vue").WritableComputedRef<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly offset: [number, number];
-    readonly zIndex: number;
-    readonly teleported: boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => void;
+    show: () => void;
+    "update:visible": (visible: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: StringConstructor;
+    readonly description: StringConstructor;
+    readonly icon: StringConstructor;
+    readonly iconColor: StringConstructor;
+    readonly content: StringConstructor;
+    readonly placement: {
+        readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+        readonly default: "bottom";
+    };
+    readonly trigger: {
+        readonly type: import("vue").PropType<import("./popover").PopoverTrigger | import("./popover").PopoverTrigger[]>;
+        readonly default: "click";
+    };
+    readonly visible: {
+        readonly type: import("vue").PropType<boolean | null>;
+        readonly default: null;
+    };
+    readonly effect: {
+        readonly type: import("vue").PropType<"light" | "dark" | string>;
+        readonly default: "light";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "auto";
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "none";
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly interactive: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly matchTriggerWidth: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2003;
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
+        readonly default: () => {};
+    };
+    readonly transition: {
+        readonly type: StringConstructor;
+        readonly default: "yh-popover-fade";
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+    readonly trigger: "hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[];
+    readonly effect: string;
+    readonly transition: string;
     readonly disabled: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly width: string | number;
-    readonly visible: boolean | null;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly maxHeight: string | number;
-    readonly transition: string;
-    readonly placement: import("@floating-ui/dom").Placement;
-    readonly trigger: "click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[];
+    readonly zIndex: number;
+    readonly offset: [number, number];
+    readonly visible: boolean | null;
+    readonly placement: import("@floating-ui/utils").Placement;
+    readonly popperClass: string;
+    readonly teleported: boolean;
+    readonly popperStyle: import("vue").StyleValue;
+    readonly scrollable: boolean;
     readonly showAfter: number;
     readonly hideAfter: number;
     readonly showArrow: boolean;
     readonly interactive: boolean;
-    readonly effect: string;
-    readonly popperClass: string;
     readonly persistent: boolean;
-    readonly scrollable: boolean;
-    readonly popperStyle: CSSProperties;
     readonly matchTriggerWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/price/__tests__/price.ssr.test.cjs

@@ -0,0 +1,20 @@
+"use strict";
+
+var _serverRenderer = require("@vue/server-renderer");
+var _vitest = require("vitest");
+var _vue = require("vue");
+var _price = _interopRequireDefault(require("../src/price.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("Price SSR", () => {
+  (0, _vitest.it)("renders correctly on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_price.default, {
+      value: 123.45,
+      symbol: "$",
+      precision: 2
+    }));
+    (0, _vitest.expect)(html).toContain("yh-price");
+    (0, _vitest.expect)(html).toContain("123");
+    (0, _vitest.expect)(html).toContain(".45");
+    (0, _vitest.expect)(html).toContain("$");
+  });
+});

package/dist/price/__tests__/price.ssr.test.mjs

@@ -0,0 +1,19 @@
+import { renderToString } from "@vue/server-renderer";
+import { describe, it, expect } from "vitest";
+import { h } from "vue";
+import Price from "../src/price.vue";
+describe("Price SSR", () => {
+  it("renders correctly on server", async () => {
+    const html = await renderToString(
+      h(Price, {
+        value: 123.45,
+        symbol: "$",
+        precision: 2
+      })
+    );
+    expect(html).toContain("yh-price");
+    expect(html).toContain("123");
+    expect(html).toContain(".45");
+    expect(html).toContain("$");
+  });
+});

package/dist/price/__tests__/price.test.cjs

@@ -0,0 +1,45 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _price = _interopRequireDefault(require("../src/price.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("Price", () => {
+  (0, _vitest.it)("renders numeric values correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_price.default, {
+      props: {
+        value: 123.456
+      }
+    });
+    (0, _vitest.expect)(wrapper.text()).toContain("\xA5");
+    (0, _vitest.expect)(wrapper.text()).toContain("123");
+    (0, _vitest.expect)(wrapper.text()).toContain(".46");
+  });
+  (0, _vitest.it)("customizes currency symbol", () => {
+    const wrapper = (0, _testUtils.mount)(_price.default, {
+      props: {
+        value: 10,
+        symbol: "$"
+      }
+    });
+    (0, _vitest.expect)(wrapper.text()).toContain("$");
+  });
+  (0, _vitest.it)("renders line-through style", () => {
+    const wrapper = (0, _testUtils.mount)(_price.default, {
+      props: {
+        value: 50,
+        lineThrough: true
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("is-line-through");
+  });
+  (0, _vitest.it)("handles small/large sizes", () => {
+    const wrapper = (0, _testUtils.mount)(_price.default, {
+      props: {
+        value: 10,
+        size: "large"
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-price--large");
+  });
+});