@yh-ui/components 0.1.21 → 0.1.23

package/dist/checkbox/__tests__/checkbox.test.cjs

@@ -1,173 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _checkbox = _interopRequireDefault(require("../src/checkbox.vue"));
-var _checkboxGroup = _interopRequireDefault(require("../src/checkbox-group.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhCheckbox", () => {
-  (0, _vitest.it)("renders properly with label", () => {
-    const wrapper = (0, _testUtils.mount)(_checkbox.default, {
-      props: {
-        modelValue: false,
-        label: "Option 1"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-checkbox__label").text()).toBe("Option 1");
-  });
-  (0, _vitest.it)("supports custom true/false values", async () => {
-    const wrapper = (0, _testUtils.mount)(_checkbox.default, {
-      props: {
-        modelValue: "no",
-        trueValue: "yes",
-        falseValue: "no"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).not.toContain("is-checked");
-    const input = wrapper.find("input");
-    await input.setChecked(true);
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual(["yes"]);
-  });
-  (0, _vitest.it)("supports indeterminate state", () => {
-    const wrapper = (0, _testUtils.mount)(_checkbox.default, {
-      props: {
-        indeterminate: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-indeterminate");
-  });
-  (0, _vitest.it)("handles focus and blur and exposes methods", async () => {
-    const wrapper = (0, _testUtils.mount)(_checkbox.default);
-    const input = wrapper.find("input");
-    await input.trigger("focus");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-focused");
-    await input.trigger("blur");
-    (0, _vitest.expect)(wrapper.classes()).not.toContain("is-focused");
-    const vm = wrapper.vm;
-    vm.focus();
-    await (0, _vue.nextTick)();
-    vm.blur();
-    await (0, _vue.nextTick)();
-  });
-  (0, _vitest.it)("watches checked prop", async () => {
-    const wrapper = (0, _testUtils.mount)(_checkbox.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    await wrapper.setProps({
-      checked: true
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([true]);
-  });
-  (0, _vitest.it)("renders slot content", () => {
-    const wrapper = (0, _testUtils.mount)(_checkbox.default, {
-      slots: {
-        default: "Custom Label"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-checkbox__label").text()).toBe("Custom Label");
-  });
-});
-(0, _vitest.describe)("YhCheckboxGroup", () => {
-  (0, _vitest.it)("should work with v-model and change event", async () => {
-    const wrapper = (0, _testUtils.mount)(_checkboxGroup.default, {
-      props: {
-        modelValue: ["a"]
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_checkbox.default, {
-          value: "a",
-          label: "A"
-        }), (0, _vue.h)(_checkbox.default, {
-          value: "b",
-          label: "B"
-        })]
-      },
-      global: {
-        components: {
-          YhCheckbox: _checkbox.default
-        }
-      }
-    });
-    const checkboxes = wrapper.findAllComponents(_checkbox.default);
-    (0, _vitest.expect)(checkboxes[0].classes()).toContain("is-checked");
-    await checkboxes[0].find("input").setChecked(false);
-    await (0, _vue.nextTick)();
-    const emissions1 = wrapper.emitted("update:modelValue");
-    (0, _vitest.expect)(emissions1).toBeTruthy();
-    (0, _vitest.expect)(emissions1?.[emissions1.length - 1]).toEqual([[]]);
-    await wrapper.setProps({
-      modelValue: []
-    });
-    await checkboxes[1].find("input").setChecked(true);
-    await (0, _vue.nextTick)();
-    const emissions2 = wrapper.emitted("update:modelValue");
-    (0, _vitest.expect)(emissions2?.[emissions2.length - 1]).toEqual([["b"]]);
-  });
-  (0, _vitest.it)("should respect min and max limitations", async () => {
-    const wrapper = (0, _testUtils.mount)(_checkboxGroup.default, {
-      props: {
-        modelValue: ["a", "b"],
-        min: 1,
-        max: 2
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_checkbox.default, {
-          value: "a",
-          label: "A"
-        }), (0, _vue.h)(_checkbox.default, {
-          value: "b",
-          label: "B"
-        }), (0, _vue.h)(_checkbox.default, {
-          value: "c",
-          label: "C"
-        })]
-      },
-      global: {
-        components: {
-          YhCheckbox: _checkbox.default
-        }
-      }
-    });
-    await (0, _vue.nextTick)();
-    const checkboxes = wrapper.findAllComponents(_checkbox.default);
-    (0, _vitest.expect)(checkboxes[2].classes()).toContain("is-disabled");
-    const count1 = wrapper.emitted("update:modelValue")?.length || 0;
-    await checkboxes[2].find("input").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.length || 0).toBe(count1);
-    await wrapper.setProps({
-      modelValue: ["a"]
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(checkboxes[0].classes()).toContain("is-disabled");
-    (0, _vitest.expect)(checkboxes[1].classes()).not.toContain("is-disabled");
-    const count2 = wrapper.emitted("update:modelValue")?.length || 0;
-    await checkboxes[0].find("input").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.length || 0).toBe(count2);
-  });
-  (0, _vitest.it)("should use size and disabled from group", async () => {
-    const wrapper = (0, _testUtils.mount)(_checkboxGroup.default, {
-      props: {
-        size: "large",
-        disabled: true
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_checkbox.default, {
-          value: "a"
-        })]
-      },
-      global: {
-        components: {
-          YhCheckbox: _checkbox.default
-        }
-      }
-    });
-    await (0, _vue.nextTick)();
-    const checkbox = wrapper.findComponent(_checkbox.default);
-    (0, _vitest.expect)(checkbox.classes()).toContain("yh-checkbox--large");
-    (0, _vitest.expect)(checkbox.classes()).toContain("is-disabled");
-  });
-});

package/dist/checkbox/__tests__/checkbox.test.mjs

@@ -1,133 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, h } from "vue";
-import YhCheckbox from "../src/checkbox.vue";
-import YhCheckboxGroup from "../src/checkbox-group.vue";
-describe("YhCheckbox", () => {
-  it("renders properly with label", () => {
-    const wrapper = mount(YhCheckbox, {
-      props: { modelValue: false, label: "Option 1" }
-    });
-    expect(wrapper.find(".yh-checkbox__label").text()).toBe("Option 1");
-  });
-  it("supports custom true/false values", async () => {
-    const wrapper = mount(YhCheckbox, {
-      props: {
-        modelValue: "no",
-        trueValue: "yes",
-        falseValue: "no"
-      }
-    });
-    expect(wrapper.classes()).not.toContain("is-checked");
-    const input = wrapper.find("input");
-    await input.setChecked(true);
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual(["yes"]);
-  });
-  it("supports indeterminate state", () => {
-    const wrapper = mount(YhCheckbox, {
-      props: { indeterminate: true }
-    });
-    expect(wrapper.classes()).toContain("is-indeterminate");
-  });
-  it("handles focus and blur and exposes methods", async () => {
-    const wrapper = mount(YhCheckbox);
-    const input = wrapper.find("input");
-    await input.trigger("focus");
-    expect(wrapper.classes()).toContain("is-focused");
-    await input.trigger("blur");
-    expect(wrapper.classes()).not.toContain("is-focused");
-    const vm = wrapper.vm;
-    vm.focus();
-    await nextTick();
-    vm.blur();
-    await nextTick();
-  });
-  it("watches checked prop", async () => {
-    const wrapper = mount(YhCheckbox, {
-      props: { modelValue: false }
-    });
-    await wrapper.setProps({ checked: true });
-    await nextTick();
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([true]);
-  });
-  it("renders slot content", () => {
-    const wrapper = mount(YhCheckbox, {
-      slots: { default: "Custom Label" }
-    });
-    expect(wrapper.find(".yh-checkbox__label").text()).toBe("Custom Label");
-  });
-});
-describe("YhCheckboxGroup", () => {
-  it("should work with v-model and change event", async () => {
-    const wrapper = mount(YhCheckboxGroup, {
-      props: {
-        modelValue: ["a"]
-      },
-      slots: {
-        default: () => [
-          h(YhCheckbox, { value: "a", label: "A" }),
-          h(YhCheckbox, { value: "b", label: "B" })
-        ]
-      },
-      global: { components: { YhCheckbox } }
-    });
-    const checkboxes = wrapper.findAllComponents(YhCheckbox);
-    expect(checkboxes[0].classes()).toContain("is-checked");
-    await checkboxes[0].find("input").setChecked(false);
-    await nextTick();
-    const emissions1 = wrapper.emitted("update:modelValue");
-    expect(emissions1).toBeTruthy();
-    expect(emissions1?.[emissions1.length - 1]).toEqual([[]]);
-    await wrapper.setProps({ modelValue: [] });
-    await checkboxes[1].find("input").setChecked(true);
-    await nextTick();
-    const emissions2 = wrapper.emitted("update:modelValue");
-    expect(emissions2?.[emissions2.length - 1]).toEqual([["b"]]);
-  });
-  it("should respect min and max limitations", async () => {
-    const wrapper = mount(YhCheckboxGroup, {
-      props: {
-        modelValue: ["a", "b"],
-        min: 1,
-        max: 2
-      },
-      slots: {
-        default: () => [
-          h(YhCheckbox, { value: "a", label: "A" }),
-          h(YhCheckbox, { value: "b", label: "B" }),
-          h(YhCheckbox, { value: "c", label: "C" })
-        ]
-      },
-      global: { components: { YhCheckbox } }
-    });
-    await nextTick();
-    const checkboxes = wrapper.findAllComponents(YhCheckbox);
-    expect(checkboxes[2].classes()).toContain("is-disabled");
-    const count1 = wrapper.emitted("update:modelValue")?.length || 0;
-    await checkboxes[2].find("input").trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.length || 0).toBe(count1);
-    await wrapper.setProps({ modelValue: ["a"] });
-    await nextTick();
-    expect(checkboxes[0].classes()).toContain("is-disabled");
-    expect(checkboxes[1].classes()).not.toContain("is-disabled");
-    const count2 = wrapper.emitted("update:modelValue")?.length || 0;
-    await checkboxes[0].find("input").trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.length || 0).toBe(count2);
-  });
-  it("should use size and disabled from group", async () => {
-    const wrapper = mount(YhCheckboxGroup, {
-      props: {
-        size: "large",
-        disabled: true
-      },
-      slots: {
-        default: () => [h(YhCheckbox, { value: "a" })]
-      },
-      global: { components: { YhCheckbox } }
-    });
-    await nextTick();
-    const checkbox = wrapper.findComponent(YhCheckbox);
-    expect(checkbox.classes()).toContain("yh-checkbox--large");
-    expect(checkbox.classes()).toContain("is-disabled");
-  });
-});

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

@@ -1,44 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _col = _interopRequireDefault(require("../src/col.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhCol SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_col.default, {
-      span: 12,
-      offset: 4,
-      push: 2,
-      pull: 2
-    }, {
-      default: () => "Col Content"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-col");
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-12");
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-offset-4");
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-push-2");
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-pull-2");
-  });
-  (0, _vitest.it)("should render responsive props in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_col.default, {
-      xs: 24,
-      sm: {
-        span: 12,
-        offset: 4
-      },
-      md: 8
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-xs-24");
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-sm-12");
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-sm-offset-4");
-    (0, _ssr.expectSSRHasClass)(html, "yh-col-md-8");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_col.default, {
-      span: 6,
-      tag: "aside"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,42 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Col from "../src/col.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhCol SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      Col,
-      {
-        span: 12,
-        offset: 4,
-        push: 2,
-        pull: 2
-      },
-      {
-        default: () => "Col Content"
-      }
-    );
-    expectSSRHasClass(html, "yh-col");
-    expectSSRHasClass(html, "yh-col-12");
-    expectSSRHasClass(html, "yh-col-offset-4");
-    expectSSRHasClass(html, "yh-col-push-2");
-    expectSSRHasClass(html, "yh-col-pull-2");
-  });
-  it("should render responsive props in SSR", async () => {
-    const html = await renderSSR(Col, {
-      xs: 24,
-      sm: { span: 12, offset: 4 },
-      md: 8
-    });
-    expectSSRHasClass(html, "yh-col-xs-24");
-    expectSSRHasClass(html, "yh-col-sm-12");
-    expectSSRHasClass(html, "yh-col-sm-offset-4");
-    expectSSRHasClass(html, "yh-col-md-8");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Col, {
-      span: 6,
-      tag: "aside"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/col/__tests__/col.test.cjs

@@ -1,128 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _col = _interopRequireDefault(require("../src/col.vue"));
-var _row = _interopRequireDefault(require("../../row/src/row.vue"));
-var _row2 = require("../../row/src/row.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhCol", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_col.default, {
-      slots: {
-        default: "Col Content"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("Col Content");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-col");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-col-24");
-  });
-  (0, _vitest.it)("should render with custom tag", () => {
-    const wrapper = (0, _testUtils.mount)(_col.default, {
-      props: {
-        tag: "span"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("span");
-  });
-  (0, _vitest.it)("should apply span, offset, push, pull classes", () => {
-    const wrapper = (0, _testUtils.mount)(_col.default, {
-      props: {
-        span: 12,
-        offset: 4,
-        push: 2,
-        pull: 2
-      }
-    });
-    const classes = wrapper.classes();
-    (0, _vitest.expect)(classes).toContain("yh-col-12");
-    (0, _vitest.expect)(classes).toContain("yh-col-offset-4");
-    (0, _vitest.expect)(classes).toContain("yh-col-push-2");
-    (0, _vitest.expect)(classes).toContain("yh-col-pull-2");
-  });
-  (0, _vitest.it)("should apply padding style when gutter is provided via injection", () => {
-    const gutter = 20;
-    const wrapper = (0, _testUtils.mount)(_col.default, {
-      global: {
-        provide: {
-          [_row2.rowContextKey]: {
-            gutter: (0, _vue.computed)(() => gutter)
-          }
-        }
-      }
-    });
-    const style = wrapper.attributes("style");
-    (0, _vitest.expect)(style).toContain(`padding-left: ${gutter / 2}px`);
-    (0, _vitest.expect)(style).toContain(`padding-right: ${gutter / 2}px`);
-  });
-  (0, _vitest.it)("should work with Row gutter", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        gutter: 20
-      },
-      slots: {
-        default: (0, _testUtils.mount)(_col.default).html()
-      }
-    });
-  });
-  (0, _vitest.it)("should correctly inject gutter from parent Row", () => {
-    const wrapper = (0, _testUtils.mount)({
-      template: `
-        <yh-row :gutter="20">
-          <yh-col id="target">Content</yh-col>
-        </yh-row>
-      `,
-      components: {
-        "yh-row": _row.default,
-        "yh-col": _col.default
-      }
-    });
-    const col = wrapper.find("#target");
-    const style = col.attributes("style");
-    (0, _vitest.expect)(style).toContain("padding-left: 10px");
-    (0, _vitest.expect)(style).toContain("padding-right: 10px");
-  });
-  (0, _vitest.it)("should apply responsive classes (number)", () => {
-    const wrapper = (0, _testUtils.mount)(_col.default, {
-      props: {
-        xs: 4,
-        sm: 6,
-        md: 8,
-        lg: 10,
-        xl: 12
-      }
-    });
-    const classes = wrapper.classes();
-    (0, _vitest.expect)(classes).toContain("yh-col-xs-4");
-    (0, _vitest.expect)(classes).toContain("yh-col-sm-6");
-    (0, _vitest.expect)(classes).toContain("yh-col-md-8");
-    (0, _vitest.expect)(classes).toContain("yh-col-lg-10");
-    (0, _vitest.expect)(classes).toContain("yh-col-xl-12");
-  });
-  (0, _vitest.it)("should apply responsive classes (object)", () => {
-    const wrapper = (0, _testUtils.mount)(_col.default, {
-      props: {
-        xs: {
-          span: 4,
-          offset: 2
-        },
-        sm: {
-          span: 6,
-          push: 1
-        },
-        md: {
-          span: 8,
-          pull: 1
-        }
-      }
-    });
-    const classes = wrapper.classes();
-    (0, _vitest.expect)(classes).toContain("yh-col-xs-4");
-    (0, _vitest.expect)(classes).toContain("yh-col-xs-offset-2");
-    (0, _vitest.expect)(classes).toContain("yh-col-sm-6");
-    (0, _vitest.expect)(classes).toContain("yh-col-sm-push-1");
-    (0, _vitest.expect)(classes).toContain("yh-col-md-8");
-    (0, _vitest.expect)(classes).toContain("yh-col-md-pull-1");
-  });
-});

package/dist/col/__tests__/col.test.mjs

@@ -1,116 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { computed } from "vue";
-import Col from "../src/col.vue";
-import Row from "../../row/src/row.vue";
-import { rowContextKey } from "../../row/src/row.mjs";
-describe("YhCol", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(Col, {
-      slots: {
-        default: "Col Content"
-      }
-    });
-    expect(wrapper.text()).toContain("Col Content");
-    expect(wrapper.classes()).toContain("yh-col");
-    expect(wrapper.classes()).toContain("yh-col-24");
-  });
-  it("should render with custom tag", () => {
-    const wrapper = mount(Col, {
-      props: {
-        tag: "span"
-      }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("span");
-  });
-  it("should apply span, offset, push, pull classes", () => {
-    const wrapper = mount(Col, {
-      props: {
-        span: 12,
-        offset: 4,
-        push: 2,
-        pull: 2
-      }
-    });
-    const classes = wrapper.classes();
-    expect(classes).toContain("yh-col-12");
-    expect(classes).toContain("yh-col-offset-4");
-    expect(classes).toContain("yh-col-push-2");
-    expect(classes).toContain("yh-col-pull-2");
-  });
-  it("should apply padding style when gutter is provided via injection", () => {
-    const gutter = 20;
-    const wrapper = mount(Col, {
-      global: {
-        provide: {
-          [rowContextKey]: {
-            gutter: computed(() => gutter)
-          }
-        }
-      }
-    });
-    const style = wrapper.attributes("style");
-    expect(style).toContain(`padding-left: ${gutter / 2}px`);
-    expect(style).toContain(`padding-right: ${gutter / 2}px`);
-  });
-  it("should work with Row gutter", () => {
-    const wrapper = mount(Row, {
-      props: {
-        gutter: 20
-      },
-      slots: {
-        default: mount(Col).html()
-      }
-    });
-  });
-  it("should correctly inject gutter from parent Row", () => {
-    const wrapper = mount({
-      template: `
-        <yh-row :gutter="20">
-          <yh-col id="target">Content</yh-col>
-        </yh-row>
-      `,
-      components: {
-        "yh-row": Row,
-        "yh-col": Col
-      }
-    });
-    const col = wrapper.find("#target");
-    const style = col.attributes("style");
-    expect(style).toContain("padding-left: 10px");
-    expect(style).toContain("padding-right: 10px");
-  });
-  it("should apply responsive classes (number)", () => {
-    const wrapper = mount(Col, {
-      props: {
-        xs: 4,
-        sm: 6,
-        md: 8,
-        lg: 10,
-        xl: 12
-      }
-    });
-    const classes = wrapper.classes();
-    expect(classes).toContain("yh-col-xs-4");
-    expect(classes).toContain("yh-col-sm-6");
-    expect(classes).toContain("yh-col-md-8");
-    expect(classes).toContain("yh-col-lg-10");
-    expect(classes).toContain("yh-col-xl-12");
-  });
-  it("should apply responsive classes (object)", () => {
-    const wrapper = mount(Col, {
-      props: {
-        xs: { span: 4, offset: 2 },
-        sm: { span: 6, push: 1 },
-        md: { span: 8, pull: 1 }
-      }
-    });
-    const classes = wrapper.classes();
-    expect(classes).toContain("yh-col-xs-4");
-    expect(classes).toContain("yh-col-xs-offset-2");
-    expect(classes).toContain("yh-col-sm-6");
-    expect(classes).toContain("yh-col-sm-push-1");
-    expect(classes).toContain("yh-col-md-8");
-    expect(classes).toContain("yh-col-md-pull-1");
-  });
-});

package/dist/color-picker/__tests__/color-picker.ssr.test.cjs

@@ -1,34 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _colorPicker = _interopRequireDefault(require("../src/color-picker.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhColorPicker SSR", () => {
-  (0, _vitest.it)("should render to string without crashing", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_colorPicker.default, {
-      modelValue: "#6366f1"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-color-picker");
-    (0, _vitest.expect)(html).toContain("background-color:#6366f1");
-  });
-  (0, _vitest.it)("should render with different sizes on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_colorPicker.default, {
-      size: "large"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-color-picker--large");
-  });
-  (0, _vitest.it)("should render disabled state on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_colorPicker.default, {
-      disabled: true
-    }));
-    (0, _vitest.expect)(html).toContain("is-disabled");
-  });
-  (0, _vitest.it)("should not contain teleported content in initial SSR string", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_colorPicker.default, {
-      modelValue: "#ff0000"
-    }));
-    (0, _vitest.expect)(html).not.toContain("yh-color-picker__panel");
-  });
-});