@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

package/dist/components/Textarea/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  id?: string;\n  register?: UseFormRegisterReturn;\n  placeholder?: string;\n  rows?: number;\n  errorMessage?: string;\n  disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n  const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <textarea\n        id={id}\n        {...register}\n        className={classNames(styles.textArea, {\n          [styles.error]: errorMessage,\n        })}\n        placeholder={placeholder}\n        rows={rows}\n        disabled={disabled}\n      />\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nTextArea.defaultProps = {\n  rows: 3,\n  disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":"8UAcaA,EAAYC,GAAiB,CACxC,KAAM,CAAE,GAAAC,EAAI,SAAAC,EAAU,YAAAC,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,GAAaN,EAEpE,OACGO,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAA,kBAAA,IAAC,WAAA,CACC,GAAAR,EACC,GAAGC,EACJ,UAAWQ,EAAWF,EAAO,SAAU,CACrC,CAACA,EAAO,KAAK,EAAGH,CAAA,CACjB,EACD,YAAAF,EACA,KAAAC,EACA,SAAAE,CAAA,CACF,EACCD,GACEI,EAAAA,kBAAAA,IAAA,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAaH,CAAA,CAAA,CAAA,EAEzD,CAEJ,EAEAN,EAAS,aAAe,CACtB,KAAM,EACN,SAAU,EACZ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  id?: string;\n  register?: UseFormRegisterReturn;\n  placeholder?: string;\n  rows?: number;\n  errorMessage?: string;\n  disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n  const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <textarea\n        id={id}\n        {...register}\n        className={classNames(styles.textArea, {\n          [styles.error]: errorMessage,\n        })}\n        placeholder={placeholder}\n        rows={rows}\n        disabled={disabled}\n      />\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nTextArea.defaultProps = {\n  rows: 3,\n  disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":"iUAcaA,EAAYC,GAAiB,CACxC,KAAM,CAAE,GAAAC,EAAI,SAAAC,EAAU,YAAAC,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,GAAaN,EAEpE,OACGO,EAAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAA,IAAC,WAAA,CACC,GAAAR,EACC,GAAGC,EACJ,UAAWQ,EAAWF,EAAO,SAAU,CACrC,CAACA,EAAO,KAAK,EAAGH,CAAA,CACjB,EACD,YAAAF,EACA,KAAAC,EACA,SAAAE,CAAA,CACF,EACCD,GACEI,EAAAA,IAAA,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAaH,CAAA,CAAA,CAAA,EAEzD,CAEJ,EAEAN,EAAS,aAAe,CACtB,KAAM,EACN,SAAU,EACZ"}

package/dist/components/Textarea/index.es.js

@@ -1,19 +1,19 @@
-import { j as s } from "../../jsx-runtime-CbmOdJhC.js";
-import c from "classnames";
-import '../../assets/index2.css';const x = "_inputContainer_qfvgb_1", _ = "_textArea_qfvgb_8", d = "_error_qfvgb_22", g = "_errorMessage_qfvgb_26", e = {
-  inputContainer: x,
-  textArea: _,
-  error: d,
-  errorMessage: g
-}, m = (t) => {
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import _ from "classnames";
+import '../../assets/index2.css';const d = "_inputContainer_qfvgb_1", g = "_textArea_qfvgb_8", f = "_error_qfvgb_22", m = "_errorMessage_qfvgb_26", e = {
+  inputContainer: d,
+  textArea: g,
+  error: f,
+  errorMessage: m
+}, p = (t) => {
   const { id: a, register: o, placeholder: n, rows: i, errorMessage: r, disabled: l } = t;
-  return /* @__PURE__ */ s.jsxs("div", { className: e.inputContainer, children: [
-    /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ c("div", { className: e.inputContainer, children: [
+    /* @__PURE__ */ s(
       "textarea",
       {
         id: a,
         ...o,
-        className: c(e.textArea, {
+        className: _(e.textArea, {
           [e.error]: r
         }),
         placeholder: n,
@@ -21,15 +21,15 @@ import '../../assets/index2.css';const x = "_inputContainer_qfvgb_1", _ = "_text
         disabled: l
       }
     ),
-    r && /* @__PURE__ */ s.jsx("small", { className: e.errorMessage, children: r })
+    r && /* @__PURE__ */ s("small", { className: e.errorMessage, children: r })
   ] });
 };
-m.defaultProps = {
+p.defaultProps = {
   rows: 3,
   disabled: !1
 };
 export {
-  m as TextArea,
-  m as default
+  p as TextArea,
+  p as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/Textarea/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  id?: string;\n  register?: UseFormRegisterReturn;\n  placeholder?: string;\n  rows?: number;\n  errorMessage?: string;\n  disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n  const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <textarea\n        id={id}\n        {...register}\n        className={classNames(styles.textArea, {\n          [styles.error]: errorMessage,\n        })}\n        placeholder={placeholder}\n        rows={rows}\n        disabled={disabled}\n      />\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nTextArea.defaultProps = {\n  rows: 3,\n  disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":";;;;;;;GAcaA,IAAW,CAACC,MAAiB;AACxC,QAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,aAAAC,GAAa,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaN;AAEpE,SACGO,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAR;AAAA,QACC,GAAGC;AAAA,QACJ,WAAWQ,EAAWF,EAAO,UAAU;AAAA,UACrC,CAACA,EAAO,KAAK,GAAGH;AAAA,QAAA,CACjB;AAAA,QACD,aAAAF;AAAA,QACA,MAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IACCD,KACEI,gBAAAA,EAAAA,IAAA,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAaH,EAAA,CAAA;AAAA,EAAA,GAEzD;AAEJ;AAEAN,EAAS,eAAe;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AACZ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  id?: string;\n  register?: UseFormRegisterReturn;\n  placeholder?: string;\n  rows?: number;\n  errorMessage?: string;\n  disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n  const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <textarea\n        id={id}\n        {...register}\n        className={classNames(styles.textArea, {\n          [styles.error]: errorMessage,\n        })}\n        placeholder={placeholder}\n        rows={rows}\n        disabled={disabled}\n      />\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nTextArea.defaultProps = {\n  rows: 3,\n  disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":";;;;;;;GAcaA,IAAW,CAACC,MAAiB;AACxC,QAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,aAAAC,GAAa,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaN;AAEpE,SACG,gBAAAO,EAAA,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAR;AAAA,QACC,GAAGC;AAAA,QACJ,WAAWQ,EAAWF,EAAO,UAAU;AAAA,UACrC,CAACA,EAAO,KAAK,GAAGH;AAAA,QAAA,CACjB;AAAA,QACD,aAAAF;AAAA,QACA,MAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IACCD,KACE,gBAAAI,EAAA,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAaH,EAAA,CAAA;AAAA,EAAA,GAEzD;AAEJ;AAEAN,EAAS,eAAe;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AACZ;"}

package/dist/components/Textarea/index.test.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("../../jsx-runtime-Dajn0hD2.cjs"),t=require("../../react.esm-DzAzWxXs.cjs"),x=require("../../index-DwYqI3bz.cjs"),s=require("./index.cjs.js");describe("TextArea component",()=>{const c="testTextArea",o="Test Placeholder",n="Test Error";it("renders the textarea with the provided properties",()=>{t.render(r.jsxRuntimeExports.jsx(s.TextArea,{id:c,placeholder:o,rows:4}));const e=t.screen.getByPlaceholderText(o);expect(e).toBeInTheDocument(),expect(e.tagName).toBe("TEXTAREA"),expect(e.getAttribute("rows")).toBe("4")}),it("renders the error message when provided",()=>{t.render(r.jsxRuntimeExports.jsx(s.TextArea,{errorMessage:n}));const e=t.screen.getByText(n);expect(e).toBeInTheDocument()}),it("does not render the error message when not provided",()=>{t.render(r.jsxRuntimeExports.jsx(s.TextArea,{}));const e=t.screen.queryByText(n);expect(e).not.toBeInTheDocument()}),it("should be accessible",async()=>{const{container:e}=t.render(r.jsxRuntimeExports.jsx(s.TextArea,{id:c,placeholder:o,rows:4})),a=await x.jestAxe.axe(e);expect.extend(x.jestAxe.toHaveNoViolations),expect(a).toHaveNoViolations()})});
+"use strict";const r=require("react/jsx-runtime"),t=require("../../react.esm-CiMn0Rnx.cjs"),a=require("../../index-BHsZ5xlA.cjs"),o=require("./index.cjs.js");describe("TextArea component",()=>{const c="testTextArea",s="Test Placeholder",n="Test Error";it("renders the textarea with the provided properties",()=>{t.render(r.jsx(o.TextArea,{id:c,placeholder:s,rows:4}));const e=t.screen.getByPlaceholderText(s);expect(e).toBeInTheDocument(),expect(e.tagName).toBe("TEXTAREA"),expect(e.getAttribute("rows")).toBe("4")}),it("renders the error message when provided",()=>{t.render(r.jsx(o.TextArea,{errorMessage:n}));const e=t.screen.getByText(n);expect(e).toBeInTheDocument()}),it("does not render the error message when not provided",()=>{t.render(r.jsx(o.TextArea,{}));const e=t.screen.queryByText(n);expect(e).not.toBeInTheDocument()}),it("should be accessible",async()=>{const{container:e}=t.render(r.jsx(o.TextArea,{id:c,placeholder:s,rows:4})),x=await a.jestAxe.axe(e);expect.extend(a.jestAxe.toHaveNoViolations),expect(x).toHaveNoViolations()})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/Textarea/index.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n  const id = \"testTextArea\";\n  const placeholder = \"Test Placeholder\";\n  const rows = 4;\n  const errorMessage = \"Test Error\";\n\n  it(\"renders the textarea with the provided properties\", () => {\n    render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n    const textAreaElement = screen.getByPlaceholderText(placeholder);\n    expect(textAreaElement).toBeInTheDocument();\n    expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n    expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n  });\n\n  it(\"renders the error message when provided\", () => {\n    render(<TextArea errorMessage={errorMessage} />);\n\n    const errorMessageElement = screen.getByText(errorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n  });\n\n  it(\"does not render the error message when not provided\", () => {\n    render(<TextArea />);\n\n    const errorMessageElement = screen.queryByText(errorMessage);\n    expect(errorMessageElement).not.toBeInTheDocument();\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <TextArea id={id} placeholder={placeholder} rows={rows} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":"2KAKA,SAAS,qBAAsB,IAAM,CACnC,MAAMA,EAAK,eACLC,EAAc,mBAEdC,EAAe,aAErB,GAAG,oDAAqD,IAAM,CAC5DC,EAAA,OAAQC,EAAA,kBAAA,IAAAC,WAAA,CAAS,GAAAL,EAAQ,YAAAC,EAA0B,OAAY,CAAE,EAE3D,MAAAK,EAAkBC,EAAAA,OAAO,qBAAqBN,CAAW,EACxD,OAAAK,CAAe,EAAE,kBAAkB,EAC1C,OAAOA,EAAgB,OAAO,EAAE,KAAK,UAAU,EACxC,OAAAA,EAAgB,aAAa,MAAM,CAAC,EAAE,KAAK,GAAe,CAAA,CAClE,EAED,GAAG,0CAA2C,IAAM,CAC3CH,EAAAA,OAAAC,EAAAA,kBAAAA,IAACC,EAAAA,SAAS,CAAA,aAAAH,CAA4B,CAAA,CAAE,EAEzC,MAAAM,EAAsBD,EAAAA,OAAO,UAAUL,CAAY,EAClD,OAAAM,CAAmB,EAAE,kBAAkB,CAAA,CAC/C,EAED,GAAG,sDAAuD,IAAM,CACvDL,EAAAA,OAAAC,EAAA,kBAAA,IAACC,aAAS,CAAE,EAEb,MAAAG,EAAsBD,EAAAA,OAAO,YAAYL,CAAY,EACpD,OAAAM,CAAmB,EAAE,IAAI,kBAAkB,CAAA,CACnD,EAED,GAAG,uBAAwB,SAAY,CAC/B,KAAA,CAAE,UAAAC,GAAcN,EAAA,OACnBC,EAAAA,kBAAAA,IAAAC,EAAAA,SAAA,CAAS,GAAAL,EAAQ,YAAAC,EAA0B,MAAY,CAAA,CAC1D,EACMS,EAAU,MAAMC,EAAA,QAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EACzB,OAAAF,CAAO,EAAE,mBAAmB,CAAA,CACpC,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n  const id = \"testTextArea\";\n  const placeholder = \"Test Placeholder\";\n  const rows = 4;\n  const errorMessage = \"Test Error\";\n\n  it(\"renders the textarea with the provided properties\", () => {\n    render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n    const textAreaElement = screen.getByPlaceholderText(placeholder);\n    expect(textAreaElement).toBeInTheDocument();\n    expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n    expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n  });\n\n  it(\"renders the error message when provided\", () => {\n    render(<TextArea errorMessage={errorMessage} />);\n\n    const errorMessageElement = screen.getByText(errorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n  });\n\n  it(\"does not render the error message when not provided\", () => {\n    render(<TextArea />);\n\n    const errorMessageElement = screen.queryByText(errorMessage);\n    expect(errorMessageElement).not.toBeInTheDocument();\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <TextArea id={id} placeholder={placeholder} rows={rows} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,qBAAsB,IAAM,CACnC,MAAMA,EAAK,eACLC,EAAc,mBAEdC,EAAe,aAErB,GAAG,oDAAqD,IAAM,CAC5DC,EAAA,OAAQC,EAAA,IAAAC,WAAA,CAAS,GAAAL,EAAQ,YAAAC,EAA0B,OAAY,CAAE,EAE3D,MAAAK,EAAkBC,EAAAA,OAAO,qBAAqBN,CAAW,EACxD,OAAAK,CAAe,EAAE,kBAAkB,EAC1C,OAAOA,EAAgB,OAAO,EAAE,KAAK,UAAU,EACxC,OAAAA,EAAgB,aAAa,MAAM,CAAC,EAAE,KAAK,GAAe,CAAA,CAClE,EAED,GAAG,0CAA2C,IAAM,CAC3CH,EAAAA,OAAAC,EAAAA,IAACC,EAAAA,SAAS,CAAA,aAAAH,CAA4B,CAAA,CAAE,EAEzC,MAAAM,EAAsBD,EAAAA,OAAO,UAAUL,CAAY,EAClD,OAAAM,CAAmB,EAAE,kBAAkB,CAAA,CAC/C,EAED,GAAG,sDAAuD,IAAM,CACvDL,EAAAA,OAAAC,EAAA,IAACC,aAAS,CAAE,EAEb,MAAAG,EAAsBD,EAAAA,OAAO,YAAYL,CAAY,EACpD,OAAAM,CAAmB,EAAE,IAAI,kBAAkB,CAAA,CACnD,EAED,GAAG,uBAAwB,SAAY,CAC/B,KAAA,CAAE,UAAAC,GAAcN,EAAA,OACnBC,EAAAA,IAAAC,EAAAA,SAAA,CAAS,GAAAL,EAAQ,YAAAC,EAA0B,MAAY,CAAA,CAC1D,EACMS,EAAU,MAAMC,EAAA,QAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EACzB,OAAAF,CAAO,EAAE,mBAAmB,CAAA,CACpC,CACH,CAAC"}

package/dist/components/Textarea/index.test.es.js

@@ -1,24 +1,24 @@
-import { j as t } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as o, s as a } from "../../react.esm-BL1KU4o5.js";
-import { j as i } from "../../index-LAxM3Vwk.js";
+import { jsx as t } from "react/jsx-runtime";
+import { r as o, s as a } from "../../react.esm-2FJSSo-S.js";
+import { j as i } from "../../index-ZP4xL6Dt.js";
 import { TextArea as r } from "./index.es.js";
 describe("TextArea component", () => {
   const c = "testTextArea", s = "Test Placeholder", n = "Test Error";
   it("renders the textarea with the provided properties", () => {
-    o(/* @__PURE__ */ t.jsx(r, { id: c, placeholder: s, rows: 4 }));
+    o(/* @__PURE__ */ t(r, { id: c, placeholder: s, rows: 4 }));
     const e = a.getByPlaceholderText(s);
     expect(e).toBeInTheDocument(), expect(e.tagName).toBe("TEXTAREA"), expect(e.getAttribute("rows")).toBe("4");
   }), it("renders the error message when provided", () => {
-    o(/* @__PURE__ */ t.jsx(r, { errorMessage: n }));
+    o(/* @__PURE__ */ t(r, { errorMessage: n }));
     const e = a.getByText(n);
     expect(e).toBeInTheDocument();
   }), it("does not render the error message when not provided", () => {
-    o(/* @__PURE__ */ t.jsx(r, {}));
+    o(/* @__PURE__ */ t(r, {}));
     const e = a.queryByText(n);
     expect(e).not.toBeInTheDocument();
   }), it("should be accessible", async () => {
     const { container: e } = o(
-      /* @__PURE__ */ t.jsx(r, { id: c, placeholder: s, rows: 4 })
+      /* @__PURE__ */ t(r, { id: c, placeholder: s, rows: 4 })
     ), x = await i.axe(e);
     expect.extend(i.toHaveNoViolations), expect(x).toHaveNoViolations();
   });

package/dist/components/Textarea/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n  const id = \"testTextArea\";\n  const placeholder = \"Test Placeholder\";\n  const rows = 4;\n  const errorMessage = \"Test Error\";\n\n  it(\"renders the textarea with the provided properties\", () => {\n    render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n    const textAreaElement = screen.getByPlaceholderText(placeholder);\n    expect(textAreaElement).toBeInTheDocument();\n    expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n    expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n  });\n\n  it(\"renders the error message when provided\", () => {\n    render(<TextArea errorMessage={errorMessage} />);\n\n    const errorMessageElement = screen.getByText(errorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n  });\n\n  it(\"does not render the error message when not provided\", () => {\n    render(<TextArea />);\n\n    const errorMessageElement = screen.queryByText(errorMessage);\n    expect(errorMessageElement).not.toBeInTheDocument();\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <TextArea id={id} placeholder={placeholder} rows={rows} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,sBAAsB,MAAM;AACnC,QAAMA,IAAK,gBACLC,IAAc,oBAEdC,IAAe;AAErB,KAAG,qDAAqD,MAAM;AAC5D,IAAAC,EAAQC,gBAAAA,EAAA,IAAAC,GAAA,EAAS,IAAAL,GAAQ,aAAAC,GAA0B,SAAY,CAAE;AAE3D,UAAAK,IAAkBC,EAAO,qBAAqBN,CAAW;AACxD,WAAAK,CAAe,EAAE,kBAAkB,GAC1C,OAAOA,EAAgB,OAAO,EAAE,KAAK,UAAU,GACxC,OAAAA,EAAgB,aAAa,MAAM,CAAC,EAAE,KAAK,GAAe;AAAA,EAAA,CAClE,GAED,GAAG,2CAA2C,MAAM;AAC3C,IAAAH,EAAAC,gBAAAA,EAAAA,IAACC,GAAS,EAAA,cAAAH,EAA4B,CAAA,CAAE;AAEzC,UAAAM,IAAsBD,EAAO,UAAUL,CAAY;AAClD,WAAAM,CAAmB,EAAE,kBAAkB;AAAA,EAAA,CAC/C,GAED,GAAG,uDAAuD,MAAM;AACvD,IAAAL,EAAAC,gBAAAA,EAAA,IAACC,KAAS,CAAE;AAEb,UAAAG,IAAsBD,EAAO,YAAYL,CAAY;AACpD,WAAAM,CAAmB,EAAE,IAAI,kBAAkB;AAAA,EAAA,CACnD,GAED,GAAG,wBAAwB,YAAY;AAC/B,UAAA,EAAE,WAAAC,MAAcN;AAAA,MACnBC,gBAAAA,EAAAA,IAAAC,GAAA,EAAS,IAAAL,GAAQ,aAAAC,GAA0B,QAAY,CAAA;AAAA,IAC1D,GACMS,IAAU,MAAMC,EAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GACzB,OAAAF,CAAO,EAAE,mBAAmB;AAAA,EAAA,CACpC;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n  const id = \"testTextArea\";\n  const placeholder = \"Test Placeholder\";\n  const rows = 4;\n  const errorMessage = \"Test Error\";\n\n  it(\"renders the textarea with the provided properties\", () => {\n    render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n    const textAreaElement = screen.getByPlaceholderText(placeholder);\n    expect(textAreaElement).toBeInTheDocument();\n    expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n    expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n  });\n\n  it(\"renders the error message when provided\", () => {\n    render(<TextArea errorMessage={errorMessage} />);\n\n    const errorMessageElement = screen.getByText(errorMessage);\n    expect(errorMessageElement).toBeInTheDocument();\n  });\n\n  it(\"does not render the error message when not provided\", () => {\n    render(<TextArea />);\n\n    const errorMessageElement = screen.queryByText(errorMessage);\n    expect(errorMessageElement).not.toBeInTheDocument();\n  });\n\n  it(\"should be accessible\", async () => {\n    const { container } = render(\n      <TextArea id={id} placeholder={placeholder} rows={rows} />,\n    );\n    const results = await axe(container);\n\n    expect.extend(toHaveNoViolations);\n    expect(results).toHaveNoViolations();\n  });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,sBAAsB,MAAM;AACnC,QAAMA,IAAK,gBACLC,IAAc,oBAEdC,IAAe;AAErB,KAAG,qDAAqD,MAAM;AAC5D,IAAAC,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAAL,GAAQ,aAAAC,GAA0B,SAAY,CAAE;AAE3D,UAAAK,IAAkBC,EAAO,qBAAqBN,CAAW;AACxD,WAAAK,CAAe,EAAE,kBAAkB,GAC1C,OAAOA,EAAgB,OAAO,EAAE,KAAK,UAAU,GACxC,OAAAA,EAAgB,aAAa,MAAM,CAAC,EAAE,KAAK,GAAe;AAAA,EAAA,CAClE,GAED,GAAG,2CAA2C,MAAM;AAC3C,IAAAH,EAAA,gBAAAC,EAACC,GAAS,EAAA,cAAAH,EAA4B,CAAA,CAAE;AAEzC,UAAAM,IAAsBD,EAAO,UAAUL,CAAY;AAClD,WAAAM,CAAmB,EAAE,kBAAkB;AAAA,EAAA,CAC/C,GAED,GAAG,uDAAuD,MAAM;AACvD,IAAAL,EAAA,gBAAAC,EAACC,KAAS,CAAE;AAEb,UAAAG,IAAsBD,EAAO,YAAYL,CAAY;AACpD,WAAAM,CAAmB,EAAE,IAAI,kBAAkB;AAAA,EAAA,CACnD,GAED,GAAG,wBAAwB,YAAY;AAC/B,UAAA,EAAE,WAAAC,MAAcN;AAAA,MACnB,gBAAAC,EAAAC,GAAA,EAAS,IAAAL,GAAQ,aAAAC,GAA0B,QAAY,CAAA;AAAA,IAC1D,GACMS,IAAU,MAAMC,EAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GACzB,OAAAF,CAAO,EAAE,mBAAmB;AAAA,EAAA,CACpC;AACH,CAAC;"}

package/dist/components/Title/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index26.css');const s=require("../../jsx-runtime-Dajn0hD2.cjs"),l=require("@mui/material"),r="_title_1p2hj_1",o={title:r},t=e=>{const{title:i}=e;return s.jsxRuntimeExports.jsx(l.Typography,{className:o.title,fontWeight:600,children:i})};exports.Title=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index31.css');const l=require("react/jsx-runtime"),s=require("@mui/material"),r="_title_1p2hj_1",o={title:r},t=e=>{const{title:i}=e;return l.jsx(s.Typography,{className:o.title,fontWeight:600,children:i})};exports.Title=t;exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Title/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title } = props;\n  return (\n    <Typography className={styles.title} fontWeight={600}>\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","Typography","styles"],"mappings":"wNAaaA,EAASC,GAAiB,CAC/B,KAAA,CAAE,MAAAC,GAAUD,EAClB,+BACGE,EAAAA,WAAW,CAAA,UAAWC,EAAO,MAAO,WAAY,IAC9C,SACHF,EAAA,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title } = props;\n  return (\n    <Typography className={styles.title} fontWeight={600}>\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","Typography","styles"],"mappings":"2MAaaA,EAASC,GAAiB,CAC/B,KAAA,CAAE,MAAAC,GAAUD,EAClB,aACGE,EAAAA,WAAW,CAAA,UAAWC,EAAO,MAAO,WAAY,IAC9C,SACHF,EAAA,CAEJ"}

package/dist/components/Title/index.es.js

@@ -1,13 +1,13 @@
-import { j as s } from "../../jsx-runtime-CbmOdJhC.js";
-import { Typography as o } from "@mui/material";
-import '../../assets/index26.css';const i = "_title_1p2hj_1", l = {
-  title: i
-}, p = (t) => {
+import { jsx as o } from "react/jsx-runtime";
+import { Typography as i } from "@mui/material";
+import '../../assets/index31.css';const l = "_title_1p2hj_1", s = {
+  title: l
+}, c = (t) => {
   const { title: e } = t;
-  return /* @__PURE__ */ s.jsx(o, { className: l.title, fontWeight: 600, children: e });
+  return /* @__PURE__ */ o(i, { className: s.title, fontWeight: 600, children: e });
 };
 export {
-  p as Title,
-  p as default
+  c as Title,
+  c as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/Title/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title } = props;\n  return (\n    <Typography className={styles.title} fontWeight={600}>\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","Typography","styles"],"mappings":";;;;GAaaA,IAAQ,CAACC,MAAiB;AAC/B,QAAA,EAAE,OAAAC,MAAUD;AAClB,+BACGE,GAAW,EAAA,WAAWC,EAAO,OAAO,YAAY,KAC9C,UACHF,GAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title } = props;\n  return (\n    <Typography className={styles.title} fontWeight={600}>\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","Typography","styles"],"mappings":";;;;GAaaA,IAAQ,CAACC,MAAiB;AAC/B,QAAA,EAAE,OAAAC,MAAUD;AAClB,2BACGE,GAAW,EAAA,WAAWC,EAAO,OAAO,YAAY,KAC9C,UACHF,GAAA;AAEJ;"}

package/dist/components/Title/index.test.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("../../jsx-runtime-Dajn0hD2.cjs"),s=require("../../react.esm-DzAzWxXs.cjs");require("../../index-0ocAFlwM.cjs");const n=require("./index.cjs.js");describe("Title Component",()=>{it("renders the title text",()=>{const e="Test Title",{getByText:t}=s.render(i.jsxRuntimeExports.jsx(n.Title,{title:e}));expect(t(e)).toBeInTheDocument()}),it("applies the correct class name",()=>{const e="Test Title",{getByText:t}=s.render(i.jsxRuntimeExports.jsx(n.Title,{title:e}));expect(t(e)).toHaveClass("title")}),it("applies the correct font weight",()=>{const e="Test Title",{getByText:t}=s.render(i.jsxRuntimeExports.jsx(n.Title,{title:e}));expect(t(e)).toHaveStyle("font-weight: 600")})});
+"use strict";const i=require("react/jsx-runtime"),s=require("../../react.esm-CiMn0Rnx.cjs");require("../../index-BpMSrIOq.cjs");const n=require("./index.cjs.js");describe("Title Component",()=>{it("renders the title text",()=>{const e="Test Title",{getByText:t}=s.render(i.jsx(n.Title,{title:e}));expect(t(e)).toBeInTheDocument()}),it("applies the correct class name",()=>{const e="Test Title",{getByText:t}=s.render(i.jsx(n.Title,{title:e}));expect(t(e)).toHaveClass("title")}),it("applies the correct font weight",()=>{const e="Test Title",{getByText:t}=s.render(i.jsx(n.Title,{title:e}));expect(t(e)).toHaveStyle("font-weight: 600")})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/Title/index.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n  it(\"renders the title text\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toBeInTheDocument();\n  });\n\n  it(\"applies the correct class name\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveClass(\"title\");\n  });\n\n  it(\"applies the correct font weight\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n  });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":"+KAMA,SAAS,kBAAmB,IAAM,CAChC,GAAG,yBAA0B,IAAM,CACjC,MAAMA,EAAY,aACZ,CAAE,UAAAC,CAAc,EAAAC,iCAAQC,EAAAA,MAAM,CAAA,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,kBAAkB,CAAA,CAChD,EAED,GAAG,iCAAkC,IAAM,CACzC,MAAMA,EAAY,aACZ,CAAE,UAAAC,CAAc,EAAAC,iCAAQC,EAAAA,MAAM,CAAA,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,OAAO,CAAA,CACjD,EAED,GAAG,kCAAmC,IAAM,CAC1C,MAAMA,EAAY,aACZ,CAAE,UAAAC,CAAc,EAAAC,iCAAQC,EAAAA,MAAM,CAAA,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,kBAAkB,CAAA,CAC5D,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n  it(\"renders the title text\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toBeInTheDocument();\n  });\n\n  it(\"applies the correct class name\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveClass(\"title\");\n  });\n\n  it(\"applies the correct font weight\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n  });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":"kKAMA,SAAS,kBAAmB,IAAM,CAChC,GAAG,yBAA0B,IAAM,CACjC,MAAMA,EAAY,aACZ,CAAE,UAAAC,CAAc,EAAAC,eAAQC,EAAAA,MAAM,CAAA,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,kBAAkB,CAAA,CAChD,EAED,GAAG,iCAAkC,IAAM,CACzC,MAAMA,EAAY,aACZ,CAAE,UAAAC,CAAc,EAAAC,eAAQC,EAAAA,MAAM,CAAA,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,OAAO,CAAA,CACjD,EAED,GAAG,kCAAmC,IAAM,CAC1C,MAAMA,EAAY,aACZ,CAAE,UAAAC,CAAc,EAAAC,eAAQC,EAAAA,MAAM,CAAA,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,kBAAkB,CAAA,CAC5D,CACH,CAAC"}

package/dist/components/Title/index.test.es.js

@@ -1,16 +1,16 @@
-import { j as i } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as o } from "../../react.esm-BL1KU4o5.js";
-import "../../index-BWKwvsbv.js";
+import { jsx as i } from "react/jsx-runtime";
+import { r as o } from "../../react.esm-2FJSSo-S.js";
+import "../../index-DCSLk6pp.js";
 import { Title as s } from "./index.es.js";
 describe("Title Component", () => {
   it("renders the title text", () => {
-    const t = "Test Title", { getByText: e } = o(/* @__PURE__ */ i.jsx(s, { title: t }));
+    const t = "Test Title", { getByText: e } = o(/* @__PURE__ */ i(s, { title: t }));
     expect(e(t)).toBeInTheDocument();
   }), it("applies the correct class name", () => {
-    const t = "Test Title", { getByText: e } = o(/* @__PURE__ */ i.jsx(s, { title: t }));
+    const t = "Test Title", { getByText: e } = o(/* @__PURE__ */ i(s, { title: t }));
     expect(e(t)).toHaveClass("title");
   }), it("applies the correct font weight", () => {
-    const t = "Test Title", { getByText: e } = o(/* @__PURE__ */ i.jsx(s, { title: t }));
+    const t = "Test Title", { getByText: e } = o(/* @__PURE__ */ i(s, { title: t }));
     expect(e(t)).toHaveStyle("font-weight: 600");
   });
 });

package/dist/components/Title/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n  it(\"renders the title text\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toBeInTheDocument();\n  });\n\n  it(\"applies the correct class name\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveClass(\"title\");\n  });\n\n  it(\"applies the correct font weight\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n  });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":";;;;AAMA,SAAS,mBAAmB,MAAM;AAChC,KAAG,0BAA0B,MAAM;AACjC,UAAMA,IAAY,cACZ,EAAE,WAAAC,EAAc,IAAAC,wBAAQC,GAAM,EAAA,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAChD,GAED,GAAG,kCAAkC,MAAM;AACzC,UAAMA,IAAY,cACZ,EAAE,WAAAC,EAAc,IAAAC,wBAAQC,GAAM,EAAA,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,OAAO;AAAA,EAAA,CACjD,GAED,GAAG,mCAAmC,MAAM;AAC1C,UAAMA,IAAY,cACZ,EAAE,WAAAC,EAAc,IAAAC,wBAAQC,GAAM,EAAA,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAAA,CAC5D;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n  it(\"renders the title text\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toBeInTheDocument();\n  });\n\n  it(\"applies the correct class name\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveClass(\"title\");\n  });\n\n  it(\"applies the correct font weight\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(<Title title={titleText} />);\n\n    expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n  });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":";;;;AAMA,SAAS,mBAAmB,MAAM;AAChC,KAAG,0BAA0B,MAAM;AACjC,UAAMA,IAAY,cACZ,EAAE,WAAAC,EAAc,IAAAC,oBAAQC,GAAM,EAAA,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAChD,GAED,GAAG,kCAAkC,MAAM;AACzC,UAAMA,IAAY,cACZ,EAAE,WAAAC,EAAc,IAAAC,oBAAQC,GAAM,EAAA,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,OAAO;AAAA,EAAA,CACjD,GAED,GAAG,mCAAmC,MAAM;AAC1C,UAAMA,IAAY,cACZ,EAAE,WAAAC,EAAc,IAAAC,oBAAQC,GAAM,EAAA,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAAA,CAC5D;AACH,CAAC;"}

package/dist/components/ToggleButton/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../jsx-runtime-Dajn0hD2.cjs"),o=require("@mui/material"),m=require("react-hook-form"),i=x=>{const{control:a,name:c,defaultValue:g,options:j,onChange:t}=x;return r.jsxRuntimeExports.jsx(m.Controller,{control:a,name:c,defaultValue:g,render:({field:s,fieldState:l})=>{var u;return r.jsxRuntimeExports.jsxs(o.FormControl,{error:l.invalid,children:[r.jsxRuntimeExports.jsx(o.ToggleButtonGroup,{exclusive:!0,...s,onChange:(e,n)=>{n&&(s.onChange(n),t==null||t(e,n))},children:j.map(e=>r.jsxRuntimeExports.jsxs(o.ToggleButton,{value:e.value,children:[" ",e.label," "]},e.value))}),r.jsxRuntimeExports.jsx(o.FormHelperText,{children:(u=l.error)==null?void 0:u.message})]})}})};exports.ToggleButtonController=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("@mui/material"),j=require("react-hook-form"),i=a=>{const{control:c,name:g,defaultValue:d,options:x,onChange:t}=a;return r.jsx(j.Controller,{control:c,name:g,defaultValue:d,render:({field:n,fieldState:u})=>{var s;return r.jsxs(o.FormControl,{error:u.invalid,children:[r.jsx(o.ToggleButtonGroup,{exclusive:!0,...n,onChange:(e,l)=>{l&&(n.onChange(l),t==null||t(e,l))},children:x.map(e=>r.jsxs(o.ToggleButton,{value:e.value,children:[" ",e.label," "]},e.value))}),r.jsx(o.FormHelperText,{children:(s=u.error)==null?void 0:s.message})]})}})};exports.ToggleButtonController=i;exports.default=i;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/ToggleButton/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  FormControl,\n  FormHelperText,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n  Control,\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n  label: ReactNode;\n  value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  options: Option<T>[];\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, defaultValue, options, onChange } = props;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <ToggleButtonGroup\n            exclusive\n            {...field}\n            onChange={(e, newValue) => {\n              if (newValue) {\n                field.onChange(newValue);\n                onChange?.(e, newValue);\n              }\n            }}\n          >\n            {options.map((m: Option<T>) => (\n              <ToggleButton value={m.value} key={m.value}>\n                {\" \"}\n                {m.label}{\" \"}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":"sNA4BaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,QAAAC,EAAS,SAAAC,GAAaL,EAGzD,OAAAM,EAAA,kBAAA,IAACC,EAAA,WAAA,CACC,QAAAN,EACA,KAAAC,EACA,aAAAC,EACA,OAAQ,CAAC,CAAE,MAAAK,EAAO,WAAAC,KACfC,OAAAA,OAAAA,EAAAA,kBAAAA,KAAAC,EAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAA,kBAAA,IAACM,EAAA,kBAAA,CACC,UAAS,GACR,GAAGJ,EACJ,SAAU,CAAC,EAAGK,IAAa,CACrBA,IACFL,EAAM,SAASK,CAAQ,EACvBR,GAAA,MAAAA,EAAW,EAAGQ,GAElB,EAEC,SAAAT,EAAQ,IAAKU,4BACXC,EAAa,aAAA,CAAA,MAAOD,EAAE,MACpB,SAAA,CAAA,IACAA,EAAE,MAAO,GAAA,CAFuB,EAAAA,EAAE,KAGrC,CACD,CAAA,CACH,EACCR,EAAA,kBAAA,IAAAU,EAAA,eAAA,CAAgB,UAAWC,EAAAR,EAAA,QAAA,YAAAQ,EAAO,OAAQ,CAAA,CAAA,CAC7C,CAAA,EAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  FormControl,\n  FormHelperText,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n  Control,\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n  label: ReactNode;\n  value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  options: Option<T>[];\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, defaultValue, options, onChange } = props;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <ToggleButtonGroup\n            exclusive\n            {...field}\n            onChange={(e, newValue) => {\n              if (newValue) {\n                field.onChange(newValue);\n                onChange?.(e, newValue);\n              }\n            }}\n          >\n            {options.map((m: Option<T>) => (\n              <ToggleButton value={m.value} key={m.value}>\n                {\" \"}\n                {m.label}{\" \"}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":"yMA4BaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,QAAAC,EAAS,SAAAC,GAAaL,EAGzD,OAAAM,EAAA,IAACC,EAAA,WAAA,CACC,QAAAN,EACA,KAAAC,EACA,aAAAC,EACA,OAAQ,CAAC,CAAE,MAAAK,EAAO,WAAAC,KACfC,OAAAA,OAAAA,EAAAA,KAAAC,EAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAA,IAACM,EAAA,kBAAA,CACC,UAAS,GACR,GAAGJ,EACJ,SAAU,CAAC,EAAGK,IAAa,CACrBA,IACFL,EAAM,SAASK,CAAQ,EACvBR,GAAA,MAAAA,EAAW,EAAGQ,GAElB,EAEC,SAAAT,EAAQ,IAAKU,UACXC,EAAa,aAAA,CAAA,MAAOD,EAAE,MACpB,SAAA,CAAA,IACAA,EAAE,MAAO,GAAA,CAFuB,EAAAA,EAAE,KAGrC,CACD,CAAA,CACH,EACCR,EAAA,IAAAU,EAAA,eAAA,CAAgB,UAAWC,EAAAR,EAAA,QAAA,YAAAQ,EAAO,OAAQ,CAAA,CAAA,CAC7C,CAAA,EAAA,CAEJ,CAEJ"}

package/dist/components/ToggleButton/index.es.js

@@ -1,40 +1,40 @@
-import { j as o } from "../../jsx-runtime-CbmOdJhC.js";
-import { FormControl as p, ToggleButtonGroup as c, ToggleButton as g, FormHelperText as j } from "@mui/material";
-import { Controller as d } from "react-hook-form";
-const C = (u) => {
-  const { control: a, name: i, defaultValue: m, options: x, onChange: e } = u;
-  return /* @__PURE__ */ o.jsx(
-    d,
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { FormControl as p, ToggleButtonGroup as d, ToggleButton as h, FormHelperText as v } from "@mui/material";
+import { Controller as x } from "react-hook-form";
+const B = (i) => {
+  const { control: s, name: m, defaultValue: c, options: g, onChange: o } = i;
+  return /* @__PURE__ */ l(
+    x,
     {
-      control: a,
-      name: i,
-      defaultValue: m,
-      render: ({ field: l, fieldState: n }) => {
-        var s;
-        return /* @__PURE__ */ o.jsxs(p, { error: n.invalid, children: [
-          /* @__PURE__ */ o.jsx(
-            c,
+      control: s,
+      name: m,
+      defaultValue: c,
+      render: ({ field: t, fieldState: n }) => {
+        var u;
+        return /* @__PURE__ */ a(p, { error: n.invalid, children: [
+          /* @__PURE__ */ l(
+            d,
             {
               exclusive: !0,
-              ...l,
-              onChange: (r, t) => {
-                t && (l.onChange(t), e == null || e(r, t));
+              ...t,
+              onChange: (r, e) => {
+                e && (t.onChange(e), o == null || o(r, e));
               },
-              children: x.map((r) => /* @__PURE__ */ o.jsxs(g, { value: r.value, children: [
+              children: g.map((r) => /* @__PURE__ */ a(h, { value: r.value, children: [
                 " ",
                 r.label,
                 " "
               ] }, r.value))
             }
           ),
-          /* @__PURE__ */ o.jsx(j, { children: (s = n.error) == null ? void 0 : s.message })
+          /* @__PURE__ */ l(v, { children: (u = n.error) == null ? void 0 : u.message })
         ] });
       }
     }
   );
 };
 export {
-  C as ToggleButtonController,
-  C as default
+  B as ToggleButtonController,
+  B as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/ToggleButton/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  FormControl,\n  FormHelperText,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n  Control,\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n  label: ReactNode;\n  value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  options: Option<T>[];\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, defaultValue, options, onChange } = props;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <ToggleButtonGroup\n            exclusive\n            {...field}\n            onChange={(e, newValue) => {\n              if (newValue) {\n                field.onChange(newValue);\n                onChange?.(e, newValue);\n              }\n            }}\n          >\n            {options.map((m: Option<T>) => (\n              <ToggleButton value={m.value} key={m.value}>\n                {\" \"}\n                {m.label}{\" \"}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","e","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":";;;AA4Ba,MAAAA,IAAyB,CACpCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,cAAAC,GAAc,SAAAC,GAAS,UAAAC,MAAaL;AAGzD,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,GAAO,YAAAC,QACfC;;AAAAA,+BAAAA,EAAAA,KAAAC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACR,GAAGJ;AAAA,cACJ,UAAU,CAACK,GAAGC,MAAa;AACzB,gBAAIA,MACFN,EAAM,SAASM,CAAQ,GACvBT,KAAA,QAAAA,EAAWQ,GAAGC;AAAA,cAElB;AAAA,cAEC,UAAAV,EAAQ,IAAI,CAACW,6BACXC,GAAa,EAAA,OAAOD,EAAE,OACpB,UAAA;AAAA,gBAAA;AAAA,gBACAA,EAAE;AAAA,gBAAO;AAAA,cAAA,EAFuB,GAAAA,EAAE,KAGrC,CACD;AAAA,YAAA;AAAA,UACH;AAAA,UACCT,gBAAAA,EAAA,IAAAW,GAAA,EAAgB,WAAWC,IAAAT,EAAA,UAAA,gBAAAS,EAAO,QAAQ,CAAA;AAAA,QAAA,EAC7C,CAAA;AAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  FormControl,\n  FormHelperText,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n  Control,\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n  label: ReactNode;\n  value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  defaultValue: PathValue<T, FieldPath<T>>;\n  options: Option<T>[];\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n  props: Props<T>,\n) => {\n  const { control, name, defaultValue, options, onChange } = props;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <ToggleButtonGroup\n            exclusive\n            {...field}\n            onChange={(e, newValue) => {\n              if (newValue) {\n                field.onChange(newValue);\n                onChange?.(e, newValue);\n              }\n            }}\n          >\n            {options.map((m: Option<T>) => (\n              <ToggleButton value={m.value} key={m.value}>\n                {\" \"}\n                {m.label}{\" \"}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","e","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":";;;AA4Ba,MAAAA,IAAyB,CACpCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,cAAAC,GAAc,SAAAC,GAAS,UAAAC,MAAaL;AAGzD,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,GAAO,YAAAC,QACf;;AAAA,+BAAAC,EAAAC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACR,GAAGJ;AAAA,cACJ,UAAU,CAACK,GAAGC,MAAa;AACzB,gBAAIA,MACFN,EAAM,SAASM,CAAQ,GACvBT,KAAA,QAAAA,EAAWQ,GAAGC;AAAA,cAElB;AAAA,cAEC,UAAAV,EAAQ,IAAI,CAACW,wBACXC,GAAa,EAAA,OAAOD,EAAE,OACpB,UAAA;AAAA,gBAAA;AAAA,gBACAA,EAAE;AAAA,gBAAO;AAAA,cAAA,EAFuB,GAAAA,EAAE,KAGrC,CACD;AAAA,YAAA;AAAA,UACH;AAAA,UACC,gBAAAT,EAAAW,GAAA,EAAgB,WAAWC,IAAAT,EAAA,UAAA,gBAAAS,EAAO,QAAQ,CAAA;AAAA,QAAA,EAC7C,CAAA;AAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/components/ToggleButton/index.test.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("../../jsx-runtime-Dajn0hD2.cjs"),o=require("../../react.esm-DzAzWxXs.cjs"),u=require("react-hook-form"),a=require("./index.cjs.js");describe("ToggleButtonController component",()=>{it("renders select box with options and correct default value",()=>{const{result:r}=o.renderHook(()=>u.useForm()),{control:s}=r.current,c="TestToggle",t=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],n=["option2"];o.render(i.jsxRuntimeExports.jsx(a.ToggleButtonController,{control:s,name:c,options:t,defaultValue:n})),n.forEach(l=>{const e=t.find(p=>p.value===l);e&&expect(o.screen.getByText(e.label)).toBeInTheDocument()})}),it("renders select box with options and correct default value for single select",()=>{const{result:r}=o.renderHook(()=>u.useForm()),{control:s}=r.current,c="TestToggle",t=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],n="option2";o.render(i.jsxRuntimeExports.jsx(a.ToggleButtonController,{control:s,name:c,options:t,defaultValue:n}));const l=t.find(e=>e.value===n);if(l){const e=o.screen.getByText(l.label);expect(e).toBeInTheDocument()}})});
+"use strict";const i=require("react/jsx-runtime"),o=require("../../react.esm-CiMn0Rnx.cjs"),a=require("react-hook-form"),u=require("./index.cjs.js");describe("ToggleButtonController component",()=>{it("renders select box with options and correct default value",()=>{const{result:r}=o.renderHook(()=>a.useForm()),{control:s}=r.current,c="TestToggle",t=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],n=["option2"];o.render(i.jsx(u.ToggleButtonController,{control:s,name:c,options:t,defaultValue:n})),n.forEach(l=>{const e=t.find(p=>p.value===l);e&&expect(o.screen.getByText(e.label)).toBeInTheDocument()})}),it("renders select box with options and correct default value for single select",()=>{const{result:r}=o.renderHook(()=>a.useForm()),{control:s}=r.current,c="TestToggle",t=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],n="option2";o.render(i.jsx(u.ToggleButtonController,{control:s,name:c,options:t,defaultValue:n}));const l=t.find(e=>e.value===n);if(l){const e=o.screen.getByText(l.label);expect(e).toBeInTheDocument()}})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/ToggleButton/index.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n  it(\"renders select box with options and correct default value\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = [\"option2\"]; // Example of default value\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    defaultValue.forEach((value) => {\n      const option = options.find((opt) => opt.value === value);\n      if (option) {\n        expect(screen.getByText(option.label)).toBeInTheDocument();\n      }\n    });\n  });\n\n  it(\"renders select box with options and correct default value for single select\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = \"option2\"; // Example of default value for single select\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    const option = options.find((opt) => opt.value === defaultValue);\n    if (option) {\n      // Check if the default value's label is displayed\n      const displayedValue = screen.getByText(option.label);\n      expect(displayedValue).toBeInTheDocument();\n    }\n  });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":"kKAKA,SAAS,mCAAoC,IAAM,CACjD,GAAG,4DAA6D,IAAM,CACpE,KAAM,CAAE,OAAAA,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,aACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EACMC,EAAe,CAAC,SAAS,EAE/BC,EAAA,OACEC,EAAA,kBAAA,IAACC,EAAA,uBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,EACA,aAAAC,CAAA,CAAA,CAEJ,EAGaA,EAAA,QAASI,GAAU,CAC9B,MAAMC,EAASN,EAAQ,KAAMO,GAAQA,EAAI,QAAUF,CAAK,EACpDC,GACF,OAAOE,SAAO,UAAUF,EAAO,KAAK,CAAC,EAAE,kBAAkB,CAC3D,CACD,CAAA,CACF,EAED,GAAG,8EAA+E,IAAM,CACtF,KAAM,CAAE,OAAAX,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,aACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EACMC,EAAe,UAErBC,EAAA,OACEC,EAAA,kBAAA,IAACC,EAAA,uBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,EACA,aAAAC,CAAA,CAAA,CAEJ,EAGA,MAAMK,EAASN,EAAQ,KAAMO,GAAQA,EAAI,QAAUN,CAAY,EAC/D,GAAIK,EAAQ,CAEV,MAAMG,EAAiBD,EAAA,OAAO,UAAUF,EAAO,KAAK,EAC7C,OAAAG,CAAc,EAAE,kBAAkB,CAAA,CAC3C,CACD,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n  it(\"renders select box with options and correct default value\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = [\"option2\"]; // Example of default value\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    defaultValue.forEach((value) => {\n      const option = options.find((opt) => opt.value === value);\n      if (option) {\n        expect(screen.getByText(option.label)).toBeInTheDocument();\n      }\n    });\n  });\n\n  it(\"renders select box with options and correct default value for single select\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = \"option2\"; // Example of default value for single select\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    const option = options.find((opt) => opt.value === defaultValue);\n    if (option) {\n      // Check if the default value's label is displayed\n      const displayedValue = screen.getByText(option.label);\n      expect(displayedValue).toBeInTheDocument();\n    }\n  });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":"qJAKA,SAAS,mCAAoC,IAAM,CACjD,GAAG,4DAA6D,IAAM,CACpE,KAAM,CAAE,OAAAA,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,aACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EACMC,EAAe,CAAC,SAAS,EAE/BC,EAAA,OACEC,EAAA,IAACC,EAAA,uBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,EACA,aAAAC,CAAA,CAAA,CAEJ,EAGaA,EAAA,QAASI,GAAU,CAC9B,MAAMC,EAASN,EAAQ,KAAMO,GAAQA,EAAI,QAAUF,CAAK,EACpDC,GACF,OAAOE,SAAO,UAAUF,EAAO,KAAK,CAAC,EAAE,kBAAkB,CAC3D,CACD,CAAA,CACF,EAED,GAAG,8EAA+E,IAAM,CACtF,KAAM,CAAE,OAAAX,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,aACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EACMC,EAAe,UAErBC,EAAA,OACEC,EAAA,IAACC,EAAA,uBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,EACA,aAAAC,CAAA,CAAA,CAEJ,EAGA,MAAMK,EAASN,EAAQ,KAAMO,GAAQA,EAAI,QAAUN,CAAY,EAC/D,GAAIK,EAAQ,CAEV,MAAMG,EAAiBD,EAAA,OAAO,UAAUF,EAAO,KAAK,EAC7C,OAAAG,CAAc,EAAE,kBAAkB,CAAA,CAC3C,CACD,CACH,CAAC"}

package/dist/components/ToggleButton/index.test.es.js

@@ -1,20 +1,20 @@
-import { j as a } from "../../jsx-runtime-CbmOdJhC.js";
-import { a as i, r as c, s as p } from "../../react.esm-BL1KU4o5.js";
+import { jsx as a } from "react/jsx-runtime";
+import { a as i, r as c, s as p } from "../../react.esm-2FJSSo-S.js";
 import { useForm as u } from "react-hook-form";
 import { ToggleButtonController as m } from "./index.es.js";
 describe("ToggleButtonController component", () => {
   it("renders select box with options and correct default value", () => {
-    const { result: l } = i(() => u()), { control: s } = l.current, r = "TestToggle", e = [
+    const { result: l } = i(() => u()), { control: r } = l.current, s = "TestToggle", e = [
       { label: "Option 1", value: "option1" },
       { label: "Option 2", value: "option2" },
       { label: "Option 3", value: "option3" }
     ], t = ["option2"];
     c(
-      /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ a(
         m,
         {
-          control: s,
-          name: r,
+          control: r,
+          name: s,
           options: e,
           defaultValue: t
         }
@@ -24,17 +24,17 @@ describe("ToggleButtonController component", () => {
       o && expect(p.getByText(o.label)).toBeInTheDocument();
     });
   }), it("renders select box with options and correct default value for single select", () => {
-    const { result: l } = i(() => u()), { control: s } = l.current, r = "TestToggle", e = [
+    const { result: l } = i(() => u()), { control: r } = l.current, s = "TestToggle", e = [
       { label: "Option 1", value: "option1" },
       { label: "Option 2", value: "option2" },
       { label: "Option 3", value: "option3" }
     ], t = "option2";
     c(
-      /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ a(
         m,
         {
-          control: s,
-          name: r,
+          control: r,
+          name: s,
           options: e,
           defaultValue: t
         }

package/dist/components/ToggleButton/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n  it(\"renders select box with options and correct default value\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = [\"option2\"]; // Example of default value\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    defaultValue.forEach((value) => {\n      const option = options.find((opt) => opt.value === value);\n      if (option) {\n        expect(screen.getByText(option.label)).toBeInTheDocument();\n      }\n    });\n  });\n\n  it(\"renders select box with options and correct default value for single select\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = \"option2\"; // Example of default value for single select\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    const option = options.find((opt) => opt.value === defaultValue);\n    if (option) {\n      // Check if the default value's label is displayed\n      const displayedValue = screen.getByText(option.label);\n      expect(displayedValue).toBeInTheDocument();\n    }\n  });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":";;;;AAKA,SAAS,oCAAoC,MAAM;AACjD,KAAG,6DAA6D,MAAM;AACpE,UAAM,EAAE,QAAAA,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,cACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC,GACMC,IAAe,CAAC,SAAS;AAE/B,IAAAC;AAAA,MACEC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAGaA,EAAA,QAAQ,CAACI,MAAU;AAC9B,YAAMC,IAASN,EAAQ,KAAK,CAACO,MAAQA,EAAI,UAAUF,CAAK;AACxD,MAAIC,KACF,OAAOE,EAAO,UAAUF,EAAO,KAAK,CAAC,EAAE,kBAAkB;AAAA,IAC3D,CACD;AAAA,EAAA,CACF,GAED,GAAG,+EAA+E,MAAM;AACtF,UAAM,EAAE,QAAAX,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,cACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC,GACMC,IAAe;AAErB,IAAAC;AAAA,MACEC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAGA,UAAMK,IAASN,EAAQ,KAAK,CAACO,MAAQA,EAAI,UAAUN,CAAY;AAC/D,QAAIK,GAAQ;AAEV,YAAMG,IAAiBD,EAAO,UAAUF,EAAO,KAAK;AAC7C,aAAAG,CAAc,EAAE,kBAAkB;AAAA,IAAA;AAAA,EAC3C,CACD;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n  it(\"renders select box with options and correct default value\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = [\"option2\"]; // Example of default value\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    defaultValue.forEach((value) => {\n      const option = options.find((opt) => opt.value === value);\n      if (option) {\n        expect(screen.getByText(option.label)).toBeInTheDocument();\n      }\n    });\n  });\n\n  it(\"renders select box with options and correct default value for single select\", () => {\n    const { result } = renderHook(() => useForm());\n    const { control } = result.current;\n\n    const testName = \"TestToggle\";\n    const options = [\n      { label: \"Option 1\", value: \"option1\" },\n      { label: \"Option 2\", value: \"option2\" },\n      { label: \"Option 3\", value: \"option3\" },\n    ];\n    const defaultValue = \"option2\"; // Example of default value for single select\n\n    render(\n      <ToggleButtonController\n        control={control}\n        name={testName}\n        options={options}\n        defaultValue={defaultValue}\n      />,\n    );\n\n    // Check if the select box renders with correct default value\n    const option = options.find((opt) => opt.value === defaultValue);\n    if (option) {\n      // Check if the default value's label is displayed\n      const displayedValue = screen.getByText(option.label);\n      expect(displayedValue).toBeInTheDocument();\n    }\n  });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":";;;;AAKA,SAAS,oCAAoC,MAAM;AACjD,KAAG,6DAA6D,MAAM;AACpE,UAAM,EAAE,QAAAA,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,cACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC,GACMC,IAAe,CAAC,SAAS;AAE/B,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAGaA,EAAA,QAAQ,CAACI,MAAU;AAC9B,YAAMC,IAASN,EAAQ,KAAK,CAACO,MAAQA,EAAI,UAAUF,CAAK;AACxD,MAAIC,KACF,OAAOE,EAAO,UAAUF,EAAO,KAAK,CAAC,EAAE,kBAAkB;AAAA,IAC3D,CACD;AAAA,EAAA,CACF,GAED,GAAG,+EAA+E,MAAM;AACtF,UAAM,EAAE,QAAAX,EAAO,IAAIC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,cACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC,GACMC,IAAe;AAErB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAGA,UAAMK,IAASN,EAAQ,KAAK,CAACO,MAAQA,EAAI,UAAUN,CAAY;AAC/D,QAAIK,GAAQ;AAEV,YAAMG,IAAiBD,EAAO,UAAUF,EAAO,KAAK;AAC7C,aAAAG,CAAc,EAAE,kBAAkB;AAAA,IAAA;AAAA,EAC3C,CACD;AACH,CAAC;"}

package/dist/components/VStack/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index.css');const c=require("../../jsx-runtime-Dajn0hD2.cjs"),o="_content_u0bv6_1",u={content:o},t=e=>{const{children:n,spacing:s=24}=e;return c.jsxRuntimeExports.jsx("div",{className:u.content,style:{gap:s},children:n})};exports.VStack=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index.css');const c=require("react/jsx-runtime"),o="_content_u0bv6_1",u={content:o},t=e=>{const{children:n,spacing:s=24}=e;return c.jsx("div",{className:u.content,style:{gap:s},children:n})};exports.VStack=t;exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/VStack/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/VStack/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** children同士のギャップ */\n  spacing?: number;\n  /**コンテンツの中身 */\n  children: ReactNode;\n};\n\n/**\n * 子要素を垂直方向に配置するコンポーネント\n * ギャップを指定することで子要素間の間隔を調整できます\n */\nexport const VStack = (props: Props) => {\n  const { children, spacing: gap = 24 } = props;\n  return (\n    <div className={styles.content} style={{ gap }}>\n      {children}\n    </div>\n  );\n};\n\nexport default VStack;\n"],"names":["VStack","props","children","gap","jsx","styles"],"mappings":"iMAeaA,EAAUC,GAAiB,CACtC,KAAM,CAAE,SAAAC,EAAU,QAASC,EAAM,EAAO,EAAAF,EAEtC,OAAAG,wBAAC,OAAI,UAAWC,EAAO,QAAS,MAAO,CAAE,IAAAF,GACtC,SAAAD,EACH,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/VStack/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** children同士のギャップ */\n  spacing?: number;\n  /**コンテンツの中身 */\n  children: ReactNode;\n};\n\n/**\n * 子要素を垂直方向に配置するコンポーネント\n * ギャップを指定することで子要素間の間隔を調整できます\n */\nexport const VStack = (props: Props) => {\n  const { children, spacing: gap = 24 } = props;\n  return (\n    <div className={styles.content} style={{ gap }}>\n      {children}\n    </div>\n  );\n};\n\nexport default VStack;\n"],"names":["VStack","props","children","gap","jsx","styles"],"mappings":"oLAeaA,EAAUC,GAAiB,CACtC,KAAM,CAAE,SAAAC,EAAU,QAASC,EAAM,EAAO,EAAAF,EAEtC,OAAAG,MAAC,OAAI,UAAWC,EAAO,QAAS,MAAO,CAAE,IAAAF,GACtC,SAAAD,EACH,CAEJ"}

package/dist/components/VStack/index.es.js

@@ -1,9 +1,9 @@
-import { j as c } from "../../jsx-runtime-CbmOdJhC.js";
+import { jsx as s } from "react/jsx-runtime";
 import '../../assets/index.css';const e = "_content_u0bv6_1", o = {
   content: e
 }, r = (t) => {
-  const { children: n, spacing: s = 24 } = t;
-  return /* @__PURE__ */ c.jsx("div", { className: o.content, style: { gap: s }, children: n });
+  const { children: n, spacing: c = 24 } = t;
+  return /* @__PURE__ */ s("div", { className: o.content, style: { gap: c }, children: n });
 };
 export {
   r as VStack,

package/dist/components/VStack/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/VStack/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** children同士のギャップ */\n  spacing?: number;\n  /**コンテンツの中身 */\n  children: ReactNode;\n};\n\n/**\n * 子要素を垂直方向に配置するコンポーネント\n * ギャップを指定することで子要素間の間隔を調整できます\n */\nexport const VStack = (props: Props) => {\n  const { children, spacing: gap = 24 } = props;\n  return (\n    <div className={styles.content} style={{ gap }}>\n      {children}\n    </div>\n  );\n};\n\nexport default VStack;\n"],"names":["VStack","props","children","gap","jsx","styles"],"mappings":";;;GAeaA,IAAS,CAACC,MAAiB;AACtC,QAAM,EAAE,UAAAC,GAAU,SAASC,IAAM,GAAO,IAAAF;AAEtC,SAAAG,gBAAAA,MAAC,SAAI,WAAWC,EAAO,SAAS,OAAO,EAAE,KAAAF,KACtC,UAAAD,GACH;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/VStack/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** children同士のギャップ */\n  spacing?: number;\n  /**コンテンツの中身 */\n  children: ReactNode;\n};\n\n/**\n * 子要素を垂直方向に配置するコンポーネント\n * ギャップを指定することで子要素間の間隔を調整できます\n */\nexport const VStack = (props: Props) => {\n  const { children, spacing: gap = 24 } = props;\n  return (\n    <div className={styles.content} style={{ gap }}>\n      {children}\n    </div>\n  );\n};\n\nexport default VStack;\n"],"names":["VStack","props","children","gap","jsx","styles"],"mappings":";;;GAeaA,IAAS,CAACC,MAAiB;AACtC,QAAM,EAAE,UAAAC,GAAU,SAASC,IAAM,GAAO,IAAAF;AAEtC,SAAA,gBAAAG,EAAC,SAAI,WAAWC,EAAO,SAAS,OAAO,EAAE,KAAAF,KACtC,UAAAD,GACH;AAEJ;"}

package/dist/components/VStack/index.test.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../jsx-runtime-Dajn0hD2.cjs"),i=require("../../react.esm-DzAzWxXs.cjs");require("../../index-0ocAFlwM.cjs");const s=require("./index.cjs.js");describe("VStack Component",()=>{it("renders its children",()=>{const{getByText:t}=i.render(e.jsxRuntimeExports.jsxs(s.VStack,{children:[e.jsxRuntimeExports.jsx("div",{children:"Child 1"}),e.jsxRuntimeExports.jsx("div",{children:"Child 2"})]}));expect(t("Child 1")).toBeInTheDocument(),expect(t("Child 2")).toBeInTheDocument()}),it("applies default gap spacing",()=>{const{container:t}=i.render(e.jsxRuntimeExports.jsx(s.VStack,{children:e.jsxRuntimeExports.jsx("div",{children:"Child"})}));expect(t.firstChild).toHaveStyle("gap: 24px")}),it("applies custom gap spacing",()=>{const{container:n}=i.render(e.jsxRuntimeExports.jsx(s.VStack,{spacing:10,children:e.jsxRuntimeExports.jsx("div",{children:"Child"})}));expect(n.firstChild).toHaveStyle("gap: 10px")})});
+"use strict";const e=require("react/jsx-runtime"),i=require("../../react.esm-CiMn0Rnx.cjs");require("../../index-BpMSrIOq.cjs");const c=require("./index.cjs.js");describe("VStack Component",()=>{it("renders its children",()=>{const{getByText:t}=i.render(e.jsxs(c.VStack,{children:[e.jsx("div",{children:"Child 1"}),e.jsx("div",{children:"Child 2"})]}));expect(t("Child 1")).toBeInTheDocument(),expect(t("Child 2")).toBeInTheDocument()}),it("applies default gap spacing",()=>{const{container:t}=i.render(e.jsx(c.VStack,{children:e.jsx("div",{children:"Child"})}));expect(t.firstChild).toHaveStyle("gap: 24px")}),it("applies custom gap spacing",()=>{const{container:n}=i.render(e.jsx(c.VStack,{spacing:10,children:e.jsx("div",{children:"Child"})}));expect(n.firstChild).toHaveStyle("gap: 10px")})});
 //# sourceMappingURL=index.test.cjs.js.map

package/dist/components/VStack/index.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/VStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { VStack } from \".\";\n\ndescribe(\"VStack Component\", () => {\n  it(\"renders its children\", () => {\n    const { getByText } = render(\n      <VStack>\n        <div>Child 1</div>\n        <div>Child 2</div>\n      </VStack>,\n    );\n\n    expect(getByText(\"Child 1\")).toBeInTheDocument();\n    expect(getByText(\"Child 2\")).toBeInTheDocument();\n  });\n\n  it(\"applies default gap spacing\", () => {\n    const { container } = render(\n      <VStack>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n  });\n\n  it(\"applies custom gap spacing\", () => {\n    const customSpacing = 10;\n    const { container } = render(\n      <VStack spacing={customSpacing}>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","VStack","jsx","container"],"mappings":"+KAMA,SAAS,mBAAoB,IAAM,CACjC,GAAG,uBAAwB,IAAM,CACzB,KAAA,CAAE,UAAAA,GAAcC,EAAA,gCACnBC,EAAAA,OACC,CAAA,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,OAAI,SAAO,SAAA,CAAA,EACZA,EAAAA,kBAAAA,IAAC,OAAI,SAAO,SAAA,CAAA,CAAA,CACd,CAAA,CACF,EAEA,OAAOH,EAAU,SAAS,CAAC,EAAE,kBAAkB,EAC/C,OAAOA,EAAU,SAAS,CAAC,EAAE,kBAAkB,CAAA,CAChD,EAED,GAAG,8BAA+B,IAAM,CAChC,KAAA,CAAE,UAAAI,GAAcH,EAAA,OACnBE,wBAAAD,EAAAA,OAAA,CACC,SAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,iBAAK,CACZ,CAAA,CACF,EAEA,OAAOC,EAAU,UAAU,EAAE,YAAY,WAAW,CAAA,CACrD,EAED,GAAG,6BAA8B,IAAM,CAE/B,KAAA,CAAE,UAAAA,GAAcH,EAAA,+BACnBC,EAAO,OAAA,CAAA,QAAS,GACf,SAACC,EAAA,kBAAA,IAAA,MAAA,CAAI,gBAAK,CAAA,CACZ,CAAA,CACF,EAEA,OAAOC,EAAU,UAAU,EAAE,YAAY,WAAyB,CAAA,CACnE,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/VStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { VStack } from \".\";\n\ndescribe(\"VStack Component\", () => {\n  it(\"renders its children\", () => {\n    const { getByText } = render(\n      <VStack>\n        <div>Child 1</div>\n        <div>Child 2</div>\n      </VStack>,\n    );\n\n    expect(getByText(\"Child 1\")).toBeInTheDocument();\n    expect(getByText(\"Child 2\")).toBeInTheDocument();\n  });\n\n  it(\"applies default gap spacing\", () => {\n    const { container } = render(\n      <VStack>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n  });\n\n  it(\"applies custom gap spacing\", () => {\n    const customSpacing = 10;\n    const { container } = render(\n      <VStack spacing={customSpacing}>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","VStack","jsx","container"],"mappings":"kKAMA,SAAS,mBAAoB,IAAM,CACjC,GAAG,uBAAwB,IAAM,CACzB,KAAA,CAAE,UAAAA,GAAcC,EAAA,cACnBC,EAAAA,OACC,CAAA,SAAA,CAAAC,EAAAA,IAAC,OAAI,SAAO,SAAA,CAAA,EACZA,EAAAA,IAAC,OAAI,SAAO,SAAA,CAAA,CAAA,CACd,CAAA,CACF,EAEA,OAAOH,EAAU,SAAS,CAAC,EAAE,kBAAkB,EAC/C,OAAOA,EAAU,SAAS,CAAC,EAAE,kBAAkB,CAAA,CAChD,EAED,GAAG,8BAA+B,IAAM,CAChC,KAAA,CAAE,UAAAI,GAAcH,EAAA,OACnBE,MAAAD,EAAAA,OAAA,CACC,SAACC,EAAAA,IAAA,MAAA,CAAI,iBAAK,CACZ,CAAA,CACF,EAEA,OAAOC,EAAU,UAAU,EAAE,YAAY,WAAW,CAAA,CACrD,EAED,GAAG,6BAA8B,IAAM,CAE/B,KAAA,CAAE,UAAAA,GAAcH,EAAA,aACnBC,EAAO,OAAA,CAAA,QAAS,GACf,SAACC,EAAA,IAAA,MAAA,CAAI,gBAAK,CAAA,CACZ,CAAA,CACF,EAEA,OAAOC,EAAU,UAAU,EAAE,YAAY,WAAyB,CAAA,CACnE,CACH,CAAC"}

package/dist/components/VStack/index.test.es.js

@@ -1,24 +1,24 @@
-import { j as i } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as t } from "../../react.esm-BL1KU4o5.js";
-import "../../index-BWKwvsbv.js";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { r as t } from "../../react.esm-2FJSSo-S.js";
+import "../../index-DCSLk6pp.js";
 import { VStack as c } from "./index.es.js";
 describe("VStack Component", () => {
   it("renders its children", () => {
     const { getByText: e } = t(
-      /* @__PURE__ */ i.jsxs(c, { children: [
-        /* @__PURE__ */ i.jsx("div", { children: "Child 1" }),
-        /* @__PURE__ */ i.jsx("div", { children: "Child 2" })
+      /* @__PURE__ */ o(c, { children: [
+        /* @__PURE__ */ i("div", { children: "Child 1" }),
+        /* @__PURE__ */ i("div", { children: "Child 2" })
       ] })
     );
     expect(e("Child 1")).toBeInTheDocument(), expect(e("Child 2")).toBeInTheDocument();
   }), it("applies default gap spacing", () => {
     const { container: e } = t(
-      /* @__PURE__ */ i.jsx(c, { children: /* @__PURE__ */ i.jsx("div", { children: "Child" }) })
+      /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", { children: "Child" }) })
     );
     expect(e.firstChild).toHaveStyle("gap: 24px");
   }), it("applies custom gap spacing", () => {
     const { container: n } = t(
-      /* @__PURE__ */ i.jsx(c, { spacing: 10, children: /* @__PURE__ */ i.jsx("div", { children: "Child" }) })
+      /* @__PURE__ */ i(c, { spacing: 10, children: /* @__PURE__ */ i("div", { children: "Child" }) })
     );
     expect(n.firstChild).toHaveStyle("gap: 10px");
   });

package/dist/components/VStack/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/VStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { VStack } from \".\";\n\ndescribe(\"VStack Component\", () => {\n  it(\"renders its children\", () => {\n    const { getByText } = render(\n      <VStack>\n        <div>Child 1</div>\n        <div>Child 2</div>\n      </VStack>,\n    );\n\n    expect(getByText(\"Child 1\")).toBeInTheDocument();\n    expect(getByText(\"Child 2\")).toBeInTheDocument();\n  });\n\n  it(\"applies default gap spacing\", () => {\n    const { container } = render(\n      <VStack>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n  });\n\n  it(\"applies custom gap spacing\", () => {\n    const customSpacing = 10;\n    const { container } = render(\n      <VStack spacing={customSpacing}>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","VStack","jsx","container"],"mappings":";;;;AAMA,SAAS,oBAAoB,MAAM;AACjC,KAAG,wBAAwB,MAAM;AACzB,UAAA,EAAE,WAAAA,MAAcC;AAAA,6BACnBC,GACC,EAAA,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,SAAI,UAAO,UAAA,CAAA;AAAA,QACZA,gBAAAA,EAAAA,IAAC,SAAI,UAAO,UAAA,CAAA;AAAA,MAAA,EACd,CAAA;AAAA,IACF;AAEA,WAAOH,EAAU,SAAS,CAAC,EAAE,kBAAkB,GAC/C,OAAOA,EAAU,SAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAChD,GAED,GAAG,+BAA+B,MAAM;AAChC,UAAA,EAAE,WAAAI,MAAcH;AAAA,MACnBE,gBAAAA,MAAAD,GAAA,EACC,UAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,mBAAK,EACZ,CAAA;AAAA,IACF;AAEA,WAAOC,EAAU,UAAU,EAAE,YAAY,WAAW;AAAA,EAAA,CACrD,GAED,GAAG,8BAA8B,MAAM;AAE/B,UAAA,EAAE,WAAAA,MAAcH;AAAA,4BACnBC,GAAO,EAAA,SAAS,IACf,UAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,kBAAK,CAAA,EACZ,CAAA;AAAA,IACF;AAEA,WAAOC,EAAU,UAAU,EAAE,YAAY,WAAyB;AAAA,EAAA,CACnE;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/VStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { VStack } from \".\";\n\ndescribe(\"VStack Component\", () => {\n  it(\"renders its children\", () => {\n    const { getByText } = render(\n      <VStack>\n        <div>Child 1</div>\n        <div>Child 2</div>\n      </VStack>,\n    );\n\n    expect(getByText(\"Child 1\")).toBeInTheDocument();\n    expect(getByText(\"Child 2\")).toBeInTheDocument();\n  });\n\n  it(\"applies default gap spacing\", () => {\n    const { container } = render(\n      <VStack>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n  });\n\n  it(\"applies custom gap spacing\", () => {\n    const customSpacing = 10;\n    const { container } = render(\n      <VStack spacing={customSpacing}>\n        <div>Child</div>\n      </VStack>,\n    );\n\n    expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","VStack","jsx","container"],"mappings":";;;;AAMA,SAAS,oBAAoB,MAAM;AACjC,KAAG,wBAAwB,MAAM;AACzB,UAAA,EAAE,WAAAA,MAAcC;AAAA,wBACnBC,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,QACZ,gBAAAA,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,MAAA,EACd,CAAA;AAAA,IACF;AAEA,WAAOH,EAAU,SAAS,CAAC,EAAE,kBAAkB,GAC/C,OAAOA,EAAU,SAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAChD,GAED,GAAG,+BAA+B,MAAM;AAChC,UAAA,EAAE,WAAAI,MAAcH;AAAA,MACnB,gBAAAE,EAAAD,GAAA,EACC,UAAC,gBAAAC,EAAA,OAAA,EAAI,mBAAK,EACZ,CAAA;AAAA,IACF;AAEA,WAAOC,EAAU,UAAU,EAAE,YAAY,WAAW;AAAA,EAAA,CACrD,GAED,GAAG,8BAA8B,MAAM;AAE/B,UAAA,EAAE,WAAAA,MAAcH;AAAA,wBACnBC,GAAO,EAAA,SAAS,IACf,UAAC,gBAAAC,EAAA,OAAA,EAAI,kBAAK,CAAA,EACZ,CAAA;AAAA,IACF;AAEA,WAAOC,EAAU,UAAU,EAAE,YAAY,WAAyB;AAAA,EAAA,CACnE;AACH,CAAC;"}