@yh-ui/components 0.1.21 → 0.1.23

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

@@ -1,62 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _result = _interopRequireDefault(require("../src/result.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhResult SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_result.default, {
-      title: "Success",
-      icon: "success"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-result");
-    (0, _vitest.expect)(html).toContain("Success");
-    (0, _ssr.expectSSRHasClass)(html, "yh-result__icon--success");
-  });
-  (0, _vitest.it)("should render subtitle in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_result.default, {
-      title: "Done",
-      subTitle: "Please go back"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-result__subtitle");
-    (0, _vitest.expect)(html).toContain("Please go back");
-  });
-  (0, _vitest.it)("should render SVG icon in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_result.default, {
-      icon: "error"
-    });
-    (0, _vitest.expect)(html).toContain("<svg");
-    (0, _ssr.expectSSRHasClass)(html, "yh-result__icon--error");
-  });
-  (0, _vitest.it)("should render default slot in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_result.default, {
-      title: "Done"
-    }, {
-      default: () => (0, _vue.h)("button", "Go Back")
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-result__actions");
-    (0, _vitest.expect)(html).toContain("Go Back");
-  });
-  (0, _vitest.it)("should have role=status in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_result.default);
-    (0, _vitest.expect)(html).toContain('role="status"');
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_result.default, {
-      title: "OK",
-      icon: "success"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with slots without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_result.default, {
-      title: "Done",
-      subTitle: "Info"
-    }, {
-      default: () => (0, _vue.h)("button", "Action")
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,51 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import Result from "../src/result.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhResult SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Result, { title: "Success", icon: "success" });
-    expectSSRHasClass(html, "yh-result");
-    expect(html).toContain("Success");
-    expectSSRHasClass(html, "yh-result__icon--success");
-  });
-  it("should render subtitle in SSR", async () => {
-    const html = await renderSSR(Result, { title: "Done", subTitle: "Please go back" });
-    expectSSRHasClass(html, "yh-result__subtitle");
-    expect(html).toContain("Please go back");
-  });
-  it("should render SVG icon in SSR", async () => {
-    const html = await renderSSR(Result, { icon: "error" });
-    expect(html).toContain("<svg");
-    expectSSRHasClass(html, "yh-result__icon--error");
-  });
-  it("should render default slot in SSR", async () => {
-    const html = await renderSSR(
-      Result,
-      { title: "Done" },
-      {
-        default: () => h("button", "Go Back")
-      }
-    );
-    expectSSRHasClass(html, "yh-result__actions");
-    expect(html).toContain("Go Back");
-  });
-  it("should have role=status in SSR", async () => {
-    const html = await renderSSR(Result);
-    expect(html).toContain('role="status"');
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Result, { title: "OK", icon: "success" });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with slots without mismatch", async () => {
-    const result = await testHydration(
-      Result,
-      { title: "Done", subTitle: "Info" },
-      {
-        default: () => h("button", "Action")
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/result/__tests__/result.test.cjs

@@ -1,135 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _result = _interopRequireDefault(require("../src/result.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhResult", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default);
-    (0, _vitest.expect)(wrapper.find(".yh-result").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6709 role=status", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default);
-    (0, _vitest.expect)(wrapper.find(".yh-result").attributes("role")).toBe("status");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u6807\u9898", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      props: {
-        title: "\u64CD\u4F5C\u6210\u529F"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__title").text()).toBe("\u64CD\u4F5C\u6210\u529F");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u526F\u6807\u9898", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      props: {
-        subTitle: "\u8BF7\u8FD4\u56DE\u9996\u9875"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__subtitle").text()).toBe("\u8BF7\u8FD4\u56DE\u9996\u9875");
-  });
-  (0, _vitest.it)("\u9ED8\u8BA4\u56FE\u6807\u7C7B\u578B\u4E3A info", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default);
-    (0, _vitest.expect)(wrapper.find(".yh-result__icon--info").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 success \u56FE\u6807", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      props: {
-        icon: "success"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__icon--success").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 warning \u56FE\u6807", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      props: {
-        icon: "warning"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__icon--warning").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 error \u56FE\u6807", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      props: {
-        icon: "error"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__icon--error").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 SVG \u56FE\u6807", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      props: {
-        icon: "success"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("svg").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u65E0\u6807\u9898\u65F6\u5E94\u663E\u793A\u9ED8\u8BA4\u6807\u9898", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default);
-    (0, _vitest.expect)(wrapper.find(".yh-result__title").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u65E0\u526F\u6807\u9898\u65F6\u4E0D\u6E32\u67D3\u526F\u6807\u9898\u533A", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default);
-    (0, _vitest.expect)(wrapper.find(".yh-result__subtitle").exists()).toBe(false);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 #icon \u63D2\u69FD", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      slots: {
-        icon: '<div class="custom-icon">\u{1F389}</div>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-icon").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 #title \u63D2\u69FD", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      slots: {
-        title: '<span class="custom-title">\u81EA\u5B9A\u4E49\u6807\u9898</span>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-title").text()).toBe("\u81EA\u5B9A\u4E49\u6807\u9898");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 #extra \u63D2\u69FD", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      slots: {
-        extra: '<div class="extra-content">\u989D\u5916\u5185\u5BB9</div>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__extra").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".extra-content").text()).toBe("\u989D\u5916\u5185\u5BB9");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u9ED8\u8BA4\u63D2\u69FD\uFF08\u64CD\u4F5C\u533A\uFF09", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      slots: {
-        default: '<button class="action-btn">\u8FD4\u56DE</button>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__actions").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".action-btn").text()).toBe("\u8FD4\u56DE");
-  });
-  (0, _vitest.it)("\u65E0\u9ED8\u8BA4\u63D2\u69FD\u65F6\u4E0D\u6E32\u67D3\u64CD\u4F5C\u533A", () => {
-    const wrapper = (0, _testUtils.mount)(_result.default, {
-      props: {
-        title: "\u6807\u9898"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-result__actions").exists()).toBe(false);
-  });
-  (0, _vitest.it)("\u4E0D\u540C icon \u7C7B\u578B\u5E94\u663E\u793A\u5BF9\u5E94\u56FD\u9645\u5316\u6807\u9898", () => {
-    const icons = ["success", "warning", "error", "info"];
-    const titles = {
-      success: "\u64CD\u4F5C\u6210\u529F",
-      warning: "\u8B66\u544A",
-      error: "\u64CD\u4F5C\u5931\u8D25",
-      info: "\u63D0\u793A"
-    };
-    icons.forEach(icon => {
-      const wrapper = (0, _testUtils.mount)(_result.default, {
-        props: {
-          icon
-        }
-      });
-      (0, _vitest.expect)(wrapper.find(".yh-result__title").text()).toBe(titles[icon]);
-    });
-  });
-});

package/dist/result/__tests__/result.test.mjs

@@ -1,92 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Result from "../src/result.vue";
-describe("YhResult", () => {
-  it("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = mount(Result);
-    expect(wrapper.find(".yh-result").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u6709 role=status", () => {
-    const wrapper = mount(Result);
-    expect(wrapper.find(".yh-result").attributes("role")).toBe("status");
-  });
-  it("\u5E94\u8BE5\u6E32\u67D3\u6807\u9898", () => {
-    const wrapper = mount(Result, { props: { title: "\u64CD\u4F5C\u6210\u529F" } });
-    expect(wrapper.find(".yh-result__title").text()).toBe("\u64CD\u4F5C\u6210\u529F");
-  });
-  it("\u5E94\u8BE5\u6E32\u67D3\u526F\u6807\u9898", () => {
-    const wrapper = mount(Result, { props: { subTitle: "\u8BF7\u8FD4\u56DE\u9996\u9875" } });
-    expect(wrapper.find(".yh-result__subtitle").text()).toBe("\u8BF7\u8FD4\u56DE\u9996\u9875");
-  });
-  it("\u9ED8\u8BA4\u56FE\u6807\u7C7B\u578B\u4E3A info", () => {
-    const wrapper = mount(Result);
-    expect(wrapper.find(".yh-result__icon--info").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 success \u56FE\u6807", () => {
-    const wrapper = mount(Result, { props: { icon: "success" } });
-    expect(wrapper.find(".yh-result__icon--success").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 warning \u56FE\u6807", () => {
-    const wrapper = mount(Result, { props: { icon: "warning" } });
-    expect(wrapper.find(".yh-result__icon--warning").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 error \u56FE\u6807", () => {
-    const wrapper = mount(Result, { props: { icon: "error" } });
-    expect(wrapper.find(".yh-result__icon--error").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u6E32\u67D3 SVG \u56FE\u6807", () => {
-    const wrapper = mount(Result, { props: { icon: "success" } });
-    expect(wrapper.find("svg").exists()).toBe(true);
-  });
-  it("\u65E0\u6807\u9898\u65F6\u5E94\u663E\u793A\u9ED8\u8BA4\u6807\u9898", () => {
-    const wrapper = mount(Result);
-    expect(wrapper.find(".yh-result__title").exists()).toBe(true);
-  });
-  it("\u65E0\u526F\u6807\u9898\u65F6\u4E0D\u6E32\u67D3\u526F\u6807\u9898\u533A", () => {
-    const wrapper = mount(Result);
-    expect(wrapper.find(".yh-result__subtitle").exists()).toBe(false);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 #icon \u63D2\u69FD", () => {
-    const wrapper = mount(Result, {
-      slots: { icon: '<div class="custom-icon">\u{1F389}</div>' }
-    });
-    expect(wrapper.find(".custom-icon").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 #title \u63D2\u69FD", () => {
-    const wrapper = mount(Result, {
-      slots: { title: '<span class="custom-title">\u81EA\u5B9A\u4E49\u6807\u9898</span>' }
-    });
-    expect(wrapper.find(".custom-title").text()).toBe("\u81EA\u5B9A\u4E49\u6807\u9898");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 #extra \u63D2\u69FD", () => {
-    const wrapper = mount(Result, {
-      slots: { extra: '<div class="extra-content">\u989D\u5916\u5185\u5BB9</div>' }
-    });
-    expect(wrapper.find(".yh-result__extra").exists()).toBe(true);
-    expect(wrapper.find(".extra-content").text()).toBe("\u989D\u5916\u5185\u5BB9");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u9ED8\u8BA4\u63D2\u69FD\uFF08\u64CD\u4F5C\u533A\uFF09", () => {
-    const wrapper = mount(Result, {
-      slots: { default: '<button class="action-btn">\u8FD4\u56DE</button>' }
-    });
-    expect(wrapper.find(".yh-result__actions").exists()).toBe(true);
-    expect(wrapper.find(".action-btn").text()).toBe("\u8FD4\u56DE");
-  });
-  it("\u65E0\u9ED8\u8BA4\u63D2\u69FD\u65F6\u4E0D\u6E32\u67D3\u64CD\u4F5C\u533A", () => {
-    const wrapper = mount(Result, { props: { title: "\u6807\u9898" } });
-    expect(wrapper.find(".yh-result__actions").exists()).toBe(false);
-  });
-  it("\u4E0D\u540C icon \u7C7B\u578B\u5E94\u663E\u793A\u5BF9\u5E94\u56FD\u9645\u5316\u6807\u9898", () => {
-    const icons = ["success", "warning", "error", "info"];
-    const titles = {
-      success: "\u64CD\u4F5C\u6210\u529F",
-      warning: "\u8B66\u544A",
-      error: "\u64CD\u4F5C\u5931\u8D25",
-      info: "\u63D0\u793A"
-    };
-    icons.forEach((icon) => {
-      const wrapper = mount(Result, { props: { icon } });
-      expect(wrapper.find(".yh-result__title").text()).toBe(titles[icon]);
-    });
-  });
-});

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

@@ -1,29 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _row = _interopRequireDefault(require("../src/row.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRow SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_row.default, {
-      gutter: 20,
-      justify: "center",
-      align: "middle"
-    }, {
-      default: () => "Row Content"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-row");
-    (0, _ssr.expectSSRHasClass)(html, "is-justify-center");
-    (0, _ssr.expectSSRHasClass)(html, "is-align-middle");
-    (0, _vitest.expect)(html).toContain("margin-left:-10px");
-    (0, _vitest.expect)(html).toContain("margin-right:-10px");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_row.default, {
-      gutter: 10,
-      tag: "section"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,30 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Row from "../src/row.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhRow SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      Row,
-      {
-        gutter: 20,
-        justify: "center",
-        align: "middle"
-      },
-      {
-        default: () => "Row Content"
-      }
-    );
-    expectSSRHasClass(html, "yh-row");
-    expectSSRHasClass(html, "is-justify-center");
-    expectSSRHasClass(html, "is-align-middle");
-    expect(html).toContain("margin-left:-10px");
-    expect(html).toContain("margin-right:-10px");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Row, {
-      gutter: 10,
-      tag: "section"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/row/__tests__/row.test.cjs

@@ -1,89 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _row = _interopRequireDefault(require("../src/row.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRow", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      slots: {
-        default: "Row Content"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("Row Content");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-row");
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("div");
-  });
-  (0, _vitest.it)("should render with custom tag", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        tag: "section"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("section");
-  });
-  (0, _vitest.it)("should apply gutter styles correctly", () => {
-    const gutter = 20;
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        gutter
-      }
-    });
-    const style = wrapper.attributes("style");
-    (0, _vitest.expect)(style).toContain(`margin-left: -${gutter / 2}px`);
-    (0, _vitest.expect)(style).toContain(`margin-right: -${gutter / 2}px`);
-  });
-  (0, _vitest.it)("should apply justify classes correctly", () => {
-    const justifyList = ["center", "end", "space-around", "space-between", "space-evenly"];
-    justifyList.forEach(justify => {
-      const wrapper = (0, _testUtils.mount)(_row.default, {
-        props: {
-          justify
-        }
-      });
-      (0, _vitest.expect)(wrapper.classes()).toContain(`is-justify-${justify}`);
-    });
-    const wrapperDefault = (0, _testUtils.mount)(_row.default, {
-      props: {
-        justify: "start"
-      }
-    });
-    (0, _vitest.expect)(wrapperDefault.classes()).not.toContain("is-justify-start");
-  });
-  (0, _vitest.it)("should apply align classes correctly", () => {
-    const alignList = ["middle", "bottom"];
-    alignList.forEach(align => {
-      const wrapper = (0, _testUtils.mount)(_row.default, {
-        props: {
-          align
-        }
-      });
-      (0, _vitest.expect)(wrapper.classes()).toContain(`is-align-${align}`);
-    });
-    const wrapperDefault = (0, _testUtils.mount)(_row.default, {
-      props: {
-        align: "top"
-      }
-    });
-    (0, _vitest.expect)(wrapperDefault.classes()).not.toContain("is-align-top");
-  });
-  (0, _vitest.it)("should apply multiple props correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        tag: "nav",
-        gutter: 30,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: "Combined"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("nav");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-justify-center");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-align-middle");
-    (0, _vitest.expect)(wrapper.attributes("style")).toContain("margin-left: -15px");
-    (0, _vitest.expect)(wrapper.text()).toBe("Combined");
-  });
-});

package/dist/row/__tests__/row.test.mjs

@@ -1,86 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Row from "../src/row.vue";
-describe("YhRow", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(Row, {
-      slots: {
-        default: "Row Content"
-      }
-    });
-    expect(wrapper.text()).toContain("Row Content");
-    expect(wrapper.classes()).toContain("yh-row");
-    expect(wrapper.element.tagName.toLowerCase()).toBe("div");
-  });
-  it("should render with custom tag", () => {
-    const wrapper = mount(Row, {
-      props: {
-        tag: "section"
-      }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("section");
-  });
-  it("should apply gutter styles correctly", () => {
-    const gutter = 20;
-    const wrapper = mount(Row, {
-      props: {
-        gutter
-      }
-    });
-    const style = wrapper.attributes("style");
-    expect(style).toContain(`margin-left: -${gutter / 2}px`);
-    expect(style).toContain(`margin-right: -${gutter / 2}px`);
-  });
-  it("should apply justify classes correctly", () => {
-    const justifyList = ["center", "end", "space-around", "space-between", "space-evenly"];
-    justifyList.forEach((justify) => {
-      const wrapper = mount(Row, {
-        props: {
-          justify
-        }
-      });
-      expect(wrapper.classes()).toContain(`is-justify-${justify}`);
-    });
-    const wrapperDefault = mount(Row, {
-      props: {
-        justify: "start"
-      }
-    });
-    expect(wrapperDefault.classes()).not.toContain("is-justify-start");
-  });
-  it("should apply align classes correctly", () => {
-    const alignList = ["middle", "bottom"];
-    alignList.forEach((align) => {
-      const wrapper = mount(Row, {
-        props: {
-          align
-        }
-      });
-      expect(wrapper.classes()).toContain(`is-align-${align}`);
-    });
-    const wrapperDefault = mount(Row, {
-      props: {
-        align: "top"
-      }
-    });
-    expect(wrapperDefault.classes()).not.toContain("is-align-top");
-  });
-  it("should apply multiple props correctly", () => {
-    const wrapper = mount(Row, {
-      props: {
-        tag: "nav",
-        gutter: 30,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: "Combined"
-      }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("nav");
-    expect(wrapper.classes()).toContain("is-justify-center");
-    expect(wrapper.classes()).toContain("is-align-middle");
-    expect(wrapper.attributes("style")).toContain("margin-left: -15px");
-    expect(wrapper.text()).toBe("Combined");
-  });
-});

package/dist/row/__tests__/row_ts.test.cjs

@@ -1,31 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _row = _interopRequireDefault(require("../src/row.cjs"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRow (Functional Component)", () => {
-  (0, _vitest.it)("should render correctly with various props", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        tag: "section",
-        gutter: 20,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: () => "Content"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("section");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-row");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-justify-center");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-align-middle");
-    (0, _vitest.expect)(wrapper.attributes("style")).toContain("margin-left: -10px");
-    (0, _vitest.expect)(wrapper.text()).toBe("Content");
-  });
-  (0, _vitest.it)("should render without gutter", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default);
-    (0, _vitest.expect)(wrapper.attributes("style")).toBeUndefined();
-  });
-});

package/dist/row/__tests__/row_ts.test.mjs

@@ -1,28 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Row from "../src/row.mjs";
-describe("YhRow (Functional Component)", () => {
-  it("should render correctly with various props", () => {
-    const wrapper = mount(Row, {
-      props: {
-        tag: "section",
-        gutter: 20,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: () => "Content"
-      }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("section");
-    expect(wrapper.classes()).toContain("yh-row");
-    expect(wrapper.classes()).toContain("is-justify-center");
-    expect(wrapper.classes()).toContain("is-align-middle");
-    expect(wrapper.attributes("style")).toContain("margin-left: -10px");
-    expect(wrapper.text()).toBe("Content");
-  });
-  it("should render without gutter", () => {
-    const wrapper = mount(Row);
-    expect(wrapper.attributes("style")).toBeUndefined();
-  });
-});