@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("../../jsx-runtime-Dajn0hD2.cjs"),e=require("../../react.esm-DzAzWxXs.cjs");require("../../index-0ocAFlwM.cjs");const r=require("./index.cjs.js");describe("SpinnerButton Component",()=>{it("renders button text when not pending",()=>{e.render(n.jsxRuntimeExports.jsx(r.SpinnerButton,{children:"ボタンテキスト"})),expect(e.screen.getByText("ボタンテキスト")).toBeInTheDocument()}),it("renders spinner when pending",()=>{const{container:t}=e.render(n.jsxRuntimeExports.jsx(r.SpinnerButton,{isPending:!0,children:"ボタンテキスト"}));expect(e.screen.queryByText("ボタンテキスト")).not.toBeInTheDocument(),expect(t.querySelector(".spinner")).toBeInTheDocument()}),it("adds progressbar role to spinner",()=>{e.render(n.jsxRuntimeExports.jsx(r.SpinnerButton,{isPending:!0,children:"ボタンテキスト"})),expect(e.screen.getByRole("progressbar")).toBeInTheDocument()}),it("disables button when pending",()=>{e.render(n.jsxRuntimeExports.jsx(r.SpinnerButton,{isPending:!0,children:"ボタンテキスト"}));const t=e.screen.getByRole("button");expect(t).toBeDisabled()}),it("disables button when disabled prop is true",()=>{e.render(n.jsxRuntimeExports.jsx(r.SpinnerButton,{disabled:!0,children:"ボタンテキスト"}));const t=e.screen.getByRole("button");expect(t).toBeDisabled()}),it("passes other props to Button component",()=>{e.render(n.jsxRuntimeExports.jsx(r.SpinnerButton,{color:"secondary",fullWidth:!0,variant:"contained",children:"ボタンテキスト"}));const t=e.screen.getByRole("button");expect(t).toHaveClass("MuiButton-fullWidth"),expect(t).toHaveClass("MuiButton-containedSecondary")})});
+"use strict";const t=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.cjs");require("../../index-BpMSrIOq.cjs");const r=require("./index.cjs.js");describe("SpinnerButton Component",()=>{it("renders button text when not pending",()=>{e.render(t.jsx(r.SpinnerButton,{children:"ボタンテキスト"})),expect(e.screen.getByText("ボタンテキスト")).toBeInTheDocument()}),it("renders spinner when pending",()=>{const{container:n}=e.render(t.jsx(r.SpinnerButton,{isPending:!0,children:"ボタンテキスト"}));expect(e.screen.queryByText("ボタンテキスト")).not.toBeInTheDocument(),expect(n.querySelector(".spinner")).toBeInTheDocument()}),it("adds progressbar role to spinner",()=>{e.render(t.jsx(r.SpinnerButton,{isPending:!0,children:"ボタンテキスト"})),expect(e.screen.getByRole("progressbar")).toBeInTheDocument()}),it("disables button when pending",()=>{e.render(t.jsx(r.SpinnerButton,{isPending:!0,children:"ボタンテキスト"}));const n=e.screen.getByRole("button");expect(n).toBeDisabled()}),it("disables button when disabled prop is true",()=>{e.render(t.jsx(r.SpinnerButton,{disabled:!0,children:"ボタンテキスト"}));const n=e.screen.getByRole("button");expect(n).toBeDisabled()}),it("passes other props to Button component",()=>{e.render(t.jsx(r.SpinnerButton,{color:"secondary",fullWidth:!0,variant:"contained",children:"ボタンテキスト"}));const n=e.screen.getByRole("button");expect(n).toHaveClass("MuiButton-fullWidth"),expect(n).toHaveClass("MuiButton-containedSecondary")})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SpinnerButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { SpinnerButton } from \".\";\n\ndescribe(\"SpinnerButton Component\", () => {\n  it(\"renders button text when not pending\", () => {\n    render(<SpinnerButton>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByText(\"ボタンテキスト\")).toBeInTheDocument();\n  });\n\n  it(\"renders spinner when pending\", () => {\n    const { container } = render(\n      <SpinnerButton isPending>ボタンテキスト</SpinnerButton>,\n    );\n    expect(screen.queryByText(\"ボタンテキスト\")).not.toBeInTheDocument();\n    expect(container.querySelector(\".spinner\")).toBeInTheDocument();\n  });\n\n  it(\"adds progressbar role to spinner\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByRole(\"progressbar\")).toBeInTheDocument();\n  });\n\n  it(\"disables button when pending\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"disables button when disabled prop is true\", () => {\n    render(<SpinnerButton disabled>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"passes other props to Button component\", () => {\n    render(\n      <SpinnerButton color=\"secondary\" fullWidth variant=\"contained\">\n        ボタンテキスト\n      </SpinnerButton>,\n    );\n    const button = screen.getByRole(\"button\");\n    expect(button).toHaveClass(\"MuiButton-fullWidth\");\n    expect(button).toHaveClass(\"MuiButton-containedSecondary\");\n  });\n});\n"],"names":["render","jsx","SpinnerButton","screen","container","button"],"mappings":"+KAMA,SAAS,0BAA2B,IAAM,CACxC,GAAG,uCAAwC,IAAM,CACxCA,EAAA,OAAAC,EAAA,kBAAA,IAACC,EAAc,cAAA,CAAA,SAAA,SAAO,CAAA,CAAgB,EAC7C,OAAOC,EAAAA,OAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB,CAAA,CACvD,EAED,GAAG,+BAAgC,IAAM,CACjC,KAAA,CAAE,UAAAC,GAAcJ,EAAA,OACnBC,EAAA,kBAAA,IAAAC,EAAA,cAAA,CAAc,UAAS,GAAC,SAAO,SAAA,CAAA,CAClC,EACA,OAAOC,SAAO,YAAY,SAAS,CAAC,EAAE,IAAI,kBAAkB,EAC5D,OAAOC,EAAU,cAAc,UAAU,CAAC,EAAE,kBAAkB,CAAA,CAC/D,EAED,GAAG,mCAAoC,IAAM,CAC3CJ,SAAQC,EAAAA,kBAAAA,IAAAC,EAAAA,cAAA,CAAc,UAAS,GAAC,mBAAO,CAAgB,EACvD,OAAOC,EAAAA,OAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,CAAA,CAC3D,EAED,GAAG,+BAAgC,IAAM,CACvCH,SAAQC,EAAAA,kBAAAA,IAAAC,EAAAA,cAAA,CAAc,UAAS,GAAC,mBAAO,CAAgB,EACjD,MAAAG,EAASF,EAAAA,OAAO,UAAU,QAAQ,EACjC,OAAAE,CAAM,EAAE,aAAa,CAAA,CAC7B,EAED,GAAG,6CAA8C,IAAM,CACrDL,SAAQC,EAAAA,kBAAAA,IAAAC,EAAAA,cAAA,CAAc,SAAQ,GAAC,mBAAO,CAAgB,EAChD,MAAAG,EAASF,EAAAA,OAAO,UAAU,QAAQ,EACjC,OAAAE,CAAM,EAAE,aAAa,CAAA,CAC7B,EAED,GAAG,yCAA0C,IAAM,CACjDL,EAAA,OACEC,EAAAA,kBAAAA,IAACC,iBAAc,MAAM,YAAY,UAAS,GAAC,QAAQ,YAAY,SAE/D,SAAA,CAAA,CACF,EACM,MAAAG,EAASF,EAAAA,OAAO,UAAU,QAAQ,EACjC,OAAAE,CAAM,EAAE,YAAY,qBAAqB,EACzC,OAAAA,CAAM,EAAE,YAAY,8BAA8B,CAAA,CAC1D,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SpinnerButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { SpinnerButton } from \".\";\n\ndescribe(\"SpinnerButton Component\", () => {\n  it(\"renders button text when not pending\", () => {\n    render(<SpinnerButton>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByText(\"ボタンテキスト\")).toBeInTheDocument();\n  });\n\n  it(\"renders spinner when pending\", () => {\n    const { container } = render(\n      <SpinnerButton isPending>ボタンテキスト</SpinnerButton>,\n    );\n    expect(screen.queryByText(\"ボタンテキスト\")).not.toBeInTheDocument();\n    expect(container.querySelector(\".spinner\")).toBeInTheDocument();\n  });\n\n  it(\"adds progressbar role to spinner\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByRole(\"progressbar\")).toBeInTheDocument();\n  });\n\n  it(\"disables button when pending\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"disables button when disabled prop is true\", () => {\n    render(<SpinnerButton disabled>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"passes other props to Button component\", () => {\n    render(\n      <SpinnerButton color=\"secondary\" fullWidth variant=\"contained\">\n        ボタンテキスト\n      </SpinnerButton>,\n    );\n    const button = screen.getByRole(\"button\");\n    expect(button).toHaveClass(\"MuiButton-fullWidth\");\n    expect(button).toHaveClass(\"MuiButton-containedSecondary\");\n  });\n});\n"],"names":["render","jsx","SpinnerButton","screen","container","button"],"mappings":"kKAMA,SAAS,0BAA2B,IAAM,CACxC,GAAG,uCAAwC,IAAM,CACxCA,EAAA,OAAAC,EAAA,IAACC,EAAc,cAAA,CAAA,SAAA,SAAO,CAAA,CAAgB,EAC7C,OAAOC,EAAAA,OAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB,CAAA,CACvD,EAED,GAAG,+BAAgC,IAAM,CACjC,KAAA,CAAE,UAAAC,GAAcJ,EAAA,OACnBC,EAAA,IAAAC,EAAA,cAAA,CAAc,UAAS,GAAC,SAAO,SAAA,CAAA,CAClC,EACA,OAAOC,SAAO,YAAY,SAAS,CAAC,EAAE,IAAI,kBAAkB,EAC5D,OAAOC,EAAU,cAAc,UAAU,CAAC,EAAE,kBAAkB,CAAA,CAC/D,EAED,GAAG,mCAAoC,IAAM,CAC3CJ,SAAQC,EAAAA,IAAAC,EAAAA,cAAA,CAAc,UAAS,GAAC,mBAAO,CAAgB,EACvD,OAAOC,EAAAA,OAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,CAAA,CAC3D,EAED,GAAG,+BAAgC,IAAM,CACvCH,SAAQC,EAAAA,IAAAC,EAAAA,cAAA,CAAc,UAAS,GAAC,mBAAO,CAAgB,EACjD,MAAAG,EAASF,EAAAA,OAAO,UAAU,QAAQ,EACjC,OAAAE,CAAM,EAAE,aAAa,CAAA,CAC7B,EAED,GAAG,6CAA8C,IAAM,CACrDL,SAAQC,EAAAA,IAAAC,EAAAA,cAAA,CAAc,SAAQ,GAAC,mBAAO,CAAgB,EAChD,MAAAG,EAASF,EAAAA,OAAO,UAAU,QAAQ,EACjC,OAAAE,CAAM,EAAE,aAAa,CAAA,CAC7B,EAED,GAAG,yCAA0C,IAAM,CACjDL,EAAA,OACEC,EAAAA,IAACC,iBAAc,MAAM,YAAY,UAAS,GAAC,QAAQ,YAAY,SAE/D,SAAA,CAAA,CACF,EACM,MAAAG,EAASF,EAAAA,OAAO,UAAU,QAAQ,EACjC,OAAAE,CAAM,EAAE,YAAY,qBAAqB,EACzC,OAAAA,CAAM,EAAE,YAAY,8BAA8B,CAAA,CAC1D,CACH,CAAC"}

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

@@ -1,28 +1,28 @@
-import { j as t } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as n, s as o } from "../../react.esm-BL1KU4o5.js";
-import "../../index-BWKwvsbv.js";
+import { jsx as t } from "react/jsx-runtime";
+import { r as n, s as o } from "../../react.esm-2FJSSo-S.js";
+import "../../index-DCSLk6pp.js";
 import { SpinnerButton as r } from "./index.es.js";
 describe("SpinnerButton Component", () => {
   it("renders button text when not pending", () => {
-    n(/* @__PURE__ */ t.jsx(r, { children: "ボタンテキスト" })), expect(o.getByText("ボタンテキスト")).toBeInTheDocument();
+    n(/* @__PURE__ */ t(r, { children: "ボタンテキスト" })), expect(o.getByText("ボタンテキスト")).toBeInTheDocument();
   }), it("renders spinner when pending", () => {
     const { container: e } = n(
-      /* @__PURE__ */ t.jsx(r, { isPending: !0, children: "ボタンテキスト" })
+      /* @__PURE__ */ t(r, { isPending: !0, children: "ボタンテキスト" })
     );
     expect(o.queryByText("ボタンテキスト")).not.toBeInTheDocument(), expect(e.querySelector(".spinner")).toBeInTheDocument();
   }), it("adds progressbar role to spinner", () => {
-    n(/* @__PURE__ */ t.jsx(r, { isPending: !0, children: "ボタンテキスト" })), expect(o.getByRole("progressbar")).toBeInTheDocument();
+    n(/* @__PURE__ */ t(r, { isPending: !0, children: "ボタンテキスト" })), expect(o.getByRole("progressbar")).toBeInTheDocument();
   }), it("disables button when pending", () => {
-    n(/* @__PURE__ */ t.jsx(r, { isPending: !0, children: "ボタンテキスト" }));
+    n(/* @__PURE__ */ t(r, { isPending: !0, children: "ボタンテキスト" }));
     const e = o.getByRole("button");
     expect(e).toBeDisabled();
   }), it("disables button when disabled prop is true", () => {
-    n(/* @__PURE__ */ t.jsx(r, { disabled: !0, children: "ボタンテキスト" }));
+    n(/* @__PURE__ */ t(r, { disabled: !0, children: "ボタンテキスト" }));
     const e = o.getByRole("button");
     expect(e).toBeDisabled();
   }), it("passes other props to Button component", () => {
     n(
-      /* @__PURE__ */ t.jsx(r, { color: "secondary", fullWidth: !0, variant: "contained", children: "ボタンテキスト" })
+      /* @__PURE__ */ t(r, { color: "secondary", fullWidth: !0, variant: "contained", children: "ボタンテキスト" })
     );
     const e = o.getByRole("button");
     expect(e).toHaveClass("MuiButton-fullWidth"), expect(e).toHaveClass("MuiButton-containedSecondary");

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SpinnerButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { SpinnerButton } from \".\";\n\ndescribe(\"SpinnerButton Component\", () => {\n  it(\"renders button text when not pending\", () => {\n    render(<SpinnerButton>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByText(\"ボタンテキスト\")).toBeInTheDocument();\n  });\n\n  it(\"renders spinner when pending\", () => {\n    const { container } = render(\n      <SpinnerButton isPending>ボタンテキスト</SpinnerButton>,\n    );\n    expect(screen.queryByText(\"ボタンテキスト\")).not.toBeInTheDocument();\n    expect(container.querySelector(\".spinner\")).toBeInTheDocument();\n  });\n\n  it(\"adds progressbar role to spinner\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByRole(\"progressbar\")).toBeInTheDocument();\n  });\n\n  it(\"disables button when pending\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"disables button when disabled prop is true\", () => {\n    render(<SpinnerButton disabled>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"passes other props to Button component\", () => {\n    render(\n      <SpinnerButton color=\"secondary\" fullWidth variant=\"contained\">\n        ボタンテキスト\n      </SpinnerButton>,\n    );\n    const button = screen.getByRole(\"button\");\n    expect(button).toHaveClass(\"MuiButton-fullWidth\");\n    expect(button).toHaveClass(\"MuiButton-containedSecondary\");\n  });\n});\n"],"names":["render","jsx","SpinnerButton","screen","container","button"],"mappings":";;;;AAMA,SAAS,2BAA2B,MAAM;AACxC,KAAG,wCAAwC,MAAM;AACxC,IAAAA,EAAAC,gBAAAA,EAAA,IAACC,GAAc,EAAA,UAAA,UAAO,CAAA,CAAgB,GAC7C,OAAOC,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACvD,GAED,GAAG,gCAAgC,MAAM;AACjC,UAAA,EAAE,WAAAC,MAAcJ;AAAA,MACnBC,gBAAAA,EAAA,IAAAC,GAAA,EAAc,WAAS,IAAC,UAAO,UAAA,CAAA;AAAA,IAClC;AACA,WAAOC,EAAO,YAAY,SAAS,CAAC,EAAE,IAAI,kBAAkB,GAC5D,OAAOC,EAAU,cAAc,UAAU,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC/D,GAED,GAAG,oCAAoC,MAAM;AAC3C,IAAAJ,EAAQC,gBAAAA,EAAAA,IAAAC,GAAA,EAAc,WAAS,IAAC,qBAAO,CAAgB,GACvD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC3D,GAED,GAAG,gCAAgC,MAAM;AACvC,IAAAH,EAAQC,gBAAAA,EAAAA,IAAAC,GAAA,EAAc,WAAS,IAAC,qBAAO,CAAgB;AACjD,UAAAG,IAASF,EAAO,UAAU,QAAQ;AACjC,WAAAE,CAAM,EAAE,aAAa;AAAA,EAAA,CAC7B,GAED,GAAG,8CAA8C,MAAM;AACrD,IAAAL,EAAQC,gBAAAA,EAAAA,IAAAC,GAAA,EAAc,UAAQ,IAAC,qBAAO,CAAgB;AAChD,UAAAG,IAASF,EAAO,UAAU,QAAQ;AACjC,WAAAE,CAAM,EAAE,aAAa;AAAA,EAAA,CAC7B,GAED,GAAG,0CAA0C,MAAM;AACjD,IAAAL;AAAA,MACEC,gBAAAA,EAAAA,IAACC,KAAc,OAAM,aAAY,WAAS,IAAC,SAAQ,aAAY,UAE/D,UAAA,CAAA;AAAA,IACF;AACM,UAAAG,IAASF,EAAO,UAAU,QAAQ;AACjC,WAAAE,CAAM,EAAE,YAAY,qBAAqB,GACzC,OAAAA,CAAM,EAAE,YAAY,8BAA8B;AAAA,EAAA,CAC1D;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SpinnerButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { SpinnerButton } from \".\";\n\ndescribe(\"SpinnerButton Component\", () => {\n  it(\"renders button text when not pending\", () => {\n    render(<SpinnerButton>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByText(\"ボタンテキスト\")).toBeInTheDocument();\n  });\n\n  it(\"renders spinner when pending\", () => {\n    const { container } = render(\n      <SpinnerButton isPending>ボタンテキスト</SpinnerButton>,\n    );\n    expect(screen.queryByText(\"ボタンテキスト\")).not.toBeInTheDocument();\n    expect(container.querySelector(\".spinner\")).toBeInTheDocument();\n  });\n\n  it(\"adds progressbar role to spinner\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    expect(screen.getByRole(\"progressbar\")).toBeInTheDocument();\n  });\n\n  it(\"disables button when pending\", () => {\n    render(<SpinnerButton isPending>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"disables button when disabled prop is true\", () => {\n    render(<SpinnerButton disabled>ボタンテキスト</SpinnerButton>);\n    const button = screen.getByRole(\"button\");\n    expect(button).toBeDisabled();\n  });\n\n  it(\"passes other props to Button component\", () => {\n    render(\n      <SpinnerButton color=\"secondary\" fullWidth variant=\"contained\">\n        ボタンテキスト\n      </SpinnerButton>,\n    );\n    const button = screen.getByRole(\"button\");\n    expect(button).toHaveClass(\"MuiButton-fullWidth\");\n    expect(button).toHaveClass(\"MuiButton-containedSecondary\");\n  });\n});\n"],"names":["render","jsx","SpinnerButton","screen","container","button"],"mappings":";;;;AAMA,SAAS,2BAA2B,MAAM;AACxC,KAAG,wCAAwC,MAAM;AACxC,IAAAA,EAAA,gBAAAC,EAACC,GAAc,EAAA,UAAA,UAAO,CAAA,CAAgB,GAC7C,OAAOC,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACvD,GAED,GAAG,gCAAgC,MAAM;AACjC,UAAA,EAAE,WAAAC,MAAcJ;AAAA,MACnB,gBAAAC,EAAAC,GAAA,EAAc,WAAS,IAAC,UAAO,UAAA,CAAA;AAAA,IAClC;AACA,WAAOC,EAAO,YAAY,SAAS,CAAC,EAAE,IAAI,kBAAkB,GAC5D,OAAOC,EAAU,cAAc,UAAU,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC/D,GAED,GAAG,oCAAoC,MAAM;AAC3C,IAAAJ,EAAQ,gBAAAC,EAAAC,GAAA,EAAc,WAAS,IAAC,qBAAO,CAAgB,GACvD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC3D,GAED,GAAG,gCAAgC,MAAM;AACvC,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAc,WAAS,IAAC,qBAAO,CAAgB;AACjD,UAAAG,IAASF,EAAO,UAAU,QAAQ;AACjC,WAAAE,CAAM,EAAE,aAAa;AAAA,EAAA,CAC7B,GAED,GAAG,8CAA8C,MAAM;AACrD,IAAAL,EAAQ,gBAAAC,EAAAC,GAAA,EAAc,UAAQ,IAAC,qBAAO,CAAgB;AAChD,UAAAG,IAASF,EAAO,UAAU,QAAQ;AACjC,WAAAE,CAAM,EAAE,aAAa;AAAA,EAAA,CAC7B,GAED,GAAG,0CAA0C,MAAM;AACjD,IAAAL;AAAA,MACE,gBAAAC,EAACC,KAAc,OAAM,aAAY,WAAS,IAAC,SAAQ,aAAY,UAE/D,UAAA,CAAA;AAAA,IACF;AACM,UAAAG,IAASF,EAAO,UAAU,QAAQ;AACjC,WAAAE,CAAM,EAAE,YAAY,qBAAqB,GACzC,OAAAA,CAAM,EAAE,YAAY,8BAA8B;AAAA,EAAA,CAC1D;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../jsx-runtime-Dajn0hD2.cjs"),l=require("react"),n=require("@mui/material"),u=c=>{const{menuItems:x,buttonElement:d}=c,[s,i]=l.useState(null),r=!!s,p=t=>{t.stopPropagation(),i(t.currentTarget)},a=t=>{t.stopPropagation(),i(null)},h=(t,o)=>{t.stopPropagation(),o.onClick&&o.onClick(t),o.closeWhenClick!==!1&&a(t)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(n.Button,{id:"fade-button","aria-controls":r?"fade-menu":void 0,"aria-haspopup":"true","aria-expanded":r?"true":void 0,onClick:p,color:"inherit",children:[d," "]}),e.jsxRuntimeExports.jsx(n.Menu,{id:"fade-menu",MenuListProps:{"aria-labelledby":"fade-button"},anchorEl:s,open:r,onClose:a,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:x.map((t,o)=>e.jsxRuntimeExports.jsxs(l.Fragment,{children:[e.jsxRuntimeExports.jsxs(n.MenuItem,{onClick:j=>{h(j,t)},sx:{minWidth:200},children:[e.jsxRuntimeExports.jsx(n.ListItemIcon,{children:t.icon}),e.jsxRuntimeExports.jsx(n.ListItemText,{children:t.title}),t.shortcut&&e.jsxRuntimeExports.jsx(n.Typography,{variant:"body2",color:"text.secondary",children:t.shortcut})]}),t.separatorLine&&e.jsxRuntimeExports.jsx(n.Divider,{})]},o))})]})};exports.SubMenu=u;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("react"),o=require("@mui/material"),c=u=>{const{menuItems:d,buttonElement:h}=u,[i,a]=l.useState(null),r=!!i,p=e=>{e.stopPropagation(),a(e.currentTarget)},s=e=>{e.stopPropagation(),a(null)},x=(e,t)=>{e.stopPropagation(),t.onClick&&t.onClick(e),t.closeWhenClick!==!1&&s(e)};return n.jsxs(n.Fragment,{children:[n.jsxs(o.Button,{id:"fade-button","aria-controls":r?"fade-menu":void 0,"aria-haspopup":"true","aria-expanded":r?"true":void 0,onClick:p,color:"inherit",children:[h," "]}),n.jsx(o.Menu,{id:"fade-menu",MenuListProps:{"aria-labelledby":"fade-button"},anchorEl:i,open:r,onClose:s,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:d.map((e,t)=>n.jsxs(l.Fragment,{children:[n.jsxs(o.MenuItem,{onClick:g=>{x(g,e)},sx:{minWidth:200},children:[n.jsx(o.ListItemIcon,{children:e.icon}),n.jsx(o.ListItemText,{children:e.title}),e.shortcut&&n.jsx(o.Typography,{variant:"body2",color:"text.secondary",children:e.shortcut})]}),e.separatorLine&&n.jsx(o.Divider,{})]},t))})]})};exports.SubMenu=c;exports.default=c;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/SubMenu/index.tsx"],"sourcesContent":["import { Fragment, ReactNode, useState } from \"react\";\nimport {\n  Button,\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n} from \"@mui/material\";\n\ntype MenuItemType = {\n  /** 操作メニューのアイコン */\n  icon: React.ReactNode;\n  /** 操作メニュー名 */\n  title: string;\n  /** ショートカットキー */\n  shortcut?: string;\n  /** メニュー下の区切り線有無 */\n  separatorLine?: boolean;\n  /** クリックした時の動作 */\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n  /** クリックした時に閉じるか否か。指定がない場合はクリック時メニューが自動的に閉じます*/\n  closeWhenClick?: boolean;\n};\n\ntype Props = {\n  menuItems: MenuItemType[];\n  buttonElement: ReactNode;\n};\n\nexport const SubMenu = (props: Props) => {\n  const { menuItems, buttonElement } = props;\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleClose = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(null);\n  };\n\n  const handleItemClick = (\n    event: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    item: MenuItemType,\n  ) => {\n    event.stopPropagation();\n    if (item.onClick) {\n      item.onClick(event);\n    }\n    if (item.closeWhenClick !== false) {\n      handleClose(event);\n    }\n  };\n\n  return (\n    <>\n      <Button\n        id=\"fade-button\"\n        aria-controls={open ? \"fade-menu\" : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? \"true\" : undefined}\n        onClick={handleClick}\n        color={\"inherit\"}\n      >\n        {buttonElement} {/* ここでButton要素を表示します */}\n      </Button>\n      <Menu\n        id=\"fade-menu\"\n        MenuListProps={{\n          \"aria-labelledby\": \"fade-button\",\n        }}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: \"bottom\",\n          horizontal: \"right\",\n        }}\n        transformOrigin={{\n          vertical: \"top\",\n          horizontal: \"right\",\n        }}\n      >\n        {menuItems.map((item, index) => (\n          <Fragment key={index}>\n            <MenuItem\n              onClick={(e) => {\n                handleItemClick(e, item);\n              }}\n              sx={{ minWidth: 200 }}\n            >\n              <ListItemIcon>{item.icon}</ListItemIcon>\n              <ListItemText>{item.title}</ListItemText>\n              {item.shortcut && (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {item.shortcut}\n                </Typography>\n              )}\n            </MenuItem>\n            {item.separatorLine && <Divider />}\n          </Fragment>\n        ))}\n      </Menu>\n    </>\n  );\n};\n\nexport default SubMenu;\n"],"names":["SubMenu","props","menuItems","buttonElement","anchorEl","setAnchorEl","useState","open","handleClick","event","handleClose","handleItemClick","item","jsxs","Fragment","Button","jsx","Menu","index","MenuItem","e","ListItemIcon","ListItemText","Typography","Divider"],"mappings":"4MA+BaA,EAAWC,GAAiB,CACjC,KAAA,CAAE,UAAAC,EAAW,cAAAC,CAAA,EAAkBF,EAE/B,CAACG,EAAUC,CAAW,EAAIC,EAAAA,SAA6B,IAAI,EAC3DC,EAAO,EAAQH,EACfI,EAAeC,GAAyC,CAC5DA,EAAM,gBAAgB,EACtBJ,EAAYI,EAAM,aAAa,CACjC,EACMC,EAAeD,GAAyC,CAC5DA,EAAM,gBAAgB,EACtBJ,EAAY,IAAI,CAClB,EAEMM,EAAkB,CACtBF,EACAG,IACG,CACHH,EAAM,gBAAgB,EAClBG,EAAK,SACPA,EAAK,QAAQH,CAAK,EAEhBG,EAAK,iBAAmB,IAC1BF,EAAYD,CAAK,CAErB,EAEA,OAEII,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,KAACE,EAAA,OAAA,CACC,GAAG,cACH,gBAAeR,EAAO,YAAc,OACpC,gBAAc,OACd,gBAAeA,EAAO,OAAS,OAC/B,QAASC,EACT,MAAO,UAEN,SAAA,CAAAL,EAAc,GAAA,CAAA,CACjB,EACAa,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,GAAG,YACH,cAAe,CACb,kBAAmB,aACrB,EACA,SAAAb,EACA,KAAAG,EACA,QAASG,EACT,aAAc,CACZ,SAAU,SACV,WAAY,OACd,EACA,gBAAiB,CACf,SAAU,MACV,WAAY,OACd,EAEC,WAAU,IAAI,CAACE,EAAMM,IACpBL,EAAA,kBAAA,KAACC,WAAA,CACC,SAAA,CAAAD,EAAA,kBAAA,KAACM,EAAA,SAAA,CACC,QAAUC,GAAM,CACdT,EAAgBS,EAAGR,CAAI,CACzB,EACA,GAAI,CAAE,SAAU,GAAI,EAEpB,SAAA,CAACI,EAAAA,kBAAAA,IAAAK,EAAAA,aAAA,CAAc,WAAK,IAAK,CAAA,EACzBL,EAAAA,kBAAAA,IAACM,EAAAA,aAAc,CAAA,SAAAV,EAAK,KAAM,CAAA,EACzBA,EAAK,UACHI,wBAAAO,EAAAA,WAAA,CAAW,QAAQ,QAAQ,MAAM,iBAC/B,SAAAX,EAAK,QACR,CAAA,CAAA,CAAA,CAEJ,EACCA,EAAK,eAAiBI,wBAACQ,EAAAA,QAAQ,CAAA,CAAA,CAAA,CAAA,EAfnBN,CAgBf,CACD,CAAA,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/SubMenu/index.tsx"],"sourcesContent":["import { Fragment, ReactNode, useState } from \"react\";\nimport {\n  Button,\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n} from \"@mui/material\";\n\ntype MenuItemType = {\n  /** 操作メニューのアイコン */\n  icon: React.ReactNode;\n  /** 操作メニュー名 */\n  title: string;\n  /** ショートカットキー */\n  shortcut?: string;\n  /** メニュー下の区切り線有無 */\n  separatorLine?: boolean;\n  /** クリックした時の動作 */\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n  /** クリックした時に閉じるか否か。指定がない場合はクリック時メニューが自動的に閉じます*/\n  closeWhenClick?: boolean;\n};\n\ntype Props = {\n  menuItems: MenuItemType[];\n  buttonElement: ReactNode;\n};\n\nexport const SubMenu = (props: Props) => {\n  const { menuItems, buttonElement } = props;\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleClose = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(null);\n  };\n\n  const handleItemClick = (\n    event: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    item: MenuItemType,\n  ) => {\n    event.stopPropagation();\n    if (item.onClick) {\n      item.onClick(event);\n    }\n    if (item.closeWhenClick !== false) {\n      handleClose(event);\n    }\n  };\n\n  return (\n    <>\n      <Button\n        id=\"fade-button\"\n        aria-controls={open ? \"fade-menu\" : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? \"true\" : undefined}\n        onClick={handleClick}\n        color={\"inherit\"}\n      >\n        {buttonElement} {/* ここでButton要素を表示します */}\n      </Button>\n      <Menu\n        id=\"fade-menu\"\n        MenuListProps={{\n          \"aria-labelledby\": \"fade-button\",\n        }}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: \"bottom\",\n          horizontal: \"right\",\n        }}\n        transformOrigin={{\n          vertical: \"top\",\n          horizontal: \"right\",\n        }}\n      >\n        {menuItems.map((item, index) => (\n          <Fragment key={index}>\n            <MenuItem\n              onClick={(e) => {\n                handleItemClick(e, item);\n              }}\n              sx={{ minWidth: 200 }}\n            >\n              <ListItemIcon>{item.icon}</ListItemIcon>\n              <ListItemText>{item.title}</ListItemText>\n              {item.shortcut && (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {item.shortcut}\n                </Typography>\n              )}\n            </MenuItem>\n            {item.separatorLine && <Divider />}\n          </Fragment>\n        ))}\n      </Menu>\n    </>\n  );\n};\n\nexport default SubMenu;\n"],"names":["SubMenu","props","menuItems","buttonElement","anchorEl","setAnchorEl","useState","open","handleClick","event","handleClose","handleItemClick","item","jsxs","Fragment","Button","jsx","Menu","index","MenuItem","e","ListItemIcon","ListItemText","Typography","Divider"],"mappings":"+LA+BaA,EAAWC,GAAiB,CACjC,KAAA,CAAE,UAAAC,EAAW,cAAAC,CAAA,EAAkBF,EAE/B,CAACG,EAAUC,CAAW,EAAIC,EAAAA,SAA6B,IAAI,EAC3DC,EAAO,EAAQH,EACfI,EAAeC,GAAyC,CAC5DA,EAAM,gBAAgB,EACtBJ,EAAYI,EAAM,aAAa,CACjC,EACMC,EAAeD,GAAyC,CAC5DA,EAAM,gBAAgB,EACtBJ,EAAY,IAAI,CAClB,EAEMM,EAAkB,CACtBF,EACAG,IACG,CACHH,EAAM,gBAAgB,EAClBG,EAAK,SACPA,EAAK,QAAQH,CAAK,EAEhBG,EAAK,iBAAmB,IAC1BF,EAAYD,CAAK,CAErB,EAEA,OAEII,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAD,EAAA,KAACE,EAAA,OAAA,CACC,GAAG,cACH,gBAAeR,EAAO,YAAc,OACpC,gBAAc,OACd,gBAAeA,EAAO,OAAS,OAC/B,QAASC,EACT,MAAO,UAEN,SAAA,CAAAL,EAAc,GAAA,CAAA,CACjB,EACAa,EAAA,IAACC,EAAA,KAAA,CACC,GAAG,YACH,cAAe,CACb,kBAAmB,aACrB,EACA,SAAAb,EACA,KAAAG,EACA,QAASG,EACT,aAAc,CACZ,SAAU,SACV,WAAY,OACd,EACA,gBAAiB,CACf,SAAU,MACV,WAAY,OACd,EAEC,WAAU,IAAI,CAACE,EAAMM,IACpBL,EAAA,KAACC,WAAA,CACC,SAAA,CAAAD,EAAA,KAACM,EAAA,SAAA,CACC,QAAUC,GAAM,CACdT,EAAgBS,EAAGR,CAAI,CACzB,EACA,GAAI,CAAE,SAAU,GAAI,EAEpB,SAAA,CAACI,EAAAA,IAAAK,EAAAA,aAAA,CAAc,WAAK,IAAK,CAAA,EACzBL,EAAAA,IAACM,EAAAA,aAAc,CAAA,SAAAV,EAAK,KAAM,CAAA,EACzBA,EAAK,UACHI,MAAAO,EAAAA,WAAA,CAAW,QAAQ,QAAQ,MAAM,iBAC/B,SAAAX,EAAK,QACR,CAAA,CAAA,CAAA,CAEJ,EACCA,EAAK,eAAiBI,MAACQ,EAAAA,QAAQ,CAAA,CAAA,CAAA,CAAA,EAfnBN,CAgBf,CACD,CAAA,CAAA,CACH,EACF,CAEJ"}

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

@@ -1,40 +1,40 @@
-import { j as n } from "../../jsx-runtime-CbmOdJhC.js";
-import { useState as p, Fragment as x } from "react";
-import { Button as m, Menu as f, MenuItem as g, ListItemIcon as j, ListItemText as C, Typography as b, Divider as k } from "@mui/material";
-const L = (s) => {
-  const { menuItems: l, buttonElement: c } = s, [e, i] = p(null), r = !!e, d = (o) => {
+import { jsxs as r, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { useState as f, Fragment as g } from "react";
+import { Button as C, Menu as b, MenuItem as k, ListItemIcon as x, ListItemText as I, Typography as y, Divider as L } from "@mui/material";
+const E = (c) => {
+  const { menuItems: s, buttonElement: d } = c, [a, i] = f(null), e = !!a, h = (o) => {
     o.stopPropagation(), i(o.currentTarget);
-  }, a = (o) => {
+  }, l = (o) => {
     o.stopPropagation(), i(null);
-  }, h = (o, t) => {
-    o.stopPropagation(), t.onClick && t.onClick(o), t.closeWhenClick !== !1 && a(o);
+  }, u = (o, n) => {
+    o.stopPropagation(), n.onClick && n.onClick(o), n.closeWhenClick !== !1 && l(o);
   };
-  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsxs(
-      m,
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r(
+      C,
       {
         id: "fade-button",
-        "aria-controls": r ? "fade-menu" : void 0,
+        "aria-controls": e ? "fade-menu" : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": r ? "true" : void 0,
-        onClick: d,
+        "aria-expanded": e ? "true" : void 0,
+        onClick: h,
         color: "inherit",
         children: [
-          c,
+          d,
           " "
         ]
       }
     ),
-    /* @__PURE__ */ n.jsx(
-      f,
+    /* @__PURE__ */ t(
+      b,
       {
         id: "fade-menu",
         MenuListProps: {
           "aria-labelledby": "fade-button"
         },
-        anchorEl: e,
-        open: r,
-        onClose: a,
+        anchorEl: a,
+        open: e,
+        onClose: l,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "right"
@@ -43,29 +43,29 @@ const L = (s) => {
           vertical: "top",
           horizontal: "right"
         },
-        children: l.map((o, t) => /* @__PURE__ */ n.jsxs(x, { children: [
-          /* @__PURE__ */ n.jsxs(
-            g,
+        children: s.map((o, n) => /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ r(
+            k,
             {
-              onClick: (u) => {
-                h(u, o);
+              onClick: (p) => {
+                u(p, o);
               },
               sx: { minWidth: 200 },
               children: [
-                /* @__PURE__ */ n.jsx(j, { children: o.icon }),
-                /* @__PURE__ */ n.jsx(C, { children: o.title }),
-                o.shortcut && /* @__PURE__ */ n.jsx(b, { variant: "body2", color: "text.secondary", children: o.shortcut })
+                /* @__PURE__ */ t(x, { children: o.icon }),
+                /* @__PURE__ */ t(I, { children: o.title }),
+                o.shortcut && /* @__PURE__ */ t(y, { variant: "body2", color: "text.secondary", children: o.shortcut })
               ]
             }
           ),
-          o.separatorLine && /* @__PURE__ */ n.jsx(k, {})
-        ] }, t))
+          o.separatorLine && /* @__PURE__ */ t(L, {})
+        ] }, n))
       }
     )
   ] });
 };
 export {
-  L as SubMenu,
-  L as default
+  E as SubMenu,
+  E as default
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/SubMenu/index.tsx"],"sourcesContent":["import { Fragment, ReactNode, useState } from \"react\";\nimport {\n  Button,\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n} from \"@mui/material\";\n\ntype MenuItemType = {\n  /** 操作メニューのアイコン */\n  icon: React.ReactNode;\n  /** 操作メニュー名 */\n  title: string;\n  /** ショートカットキー */\n  shortcut?: string;\n  /** メニュー下の区切り線有無 */\n  separatorLine?: boolean;\n  /** クリックした時の動作 */\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n  /** クリックした時に閉じるか否か。指定がない場合はクリック時メニューが自動的に閉じます*/\n  closeWhenClick?: boolean;\n};\n\ntype Props = {\n  menuItems: MenuItemType[];\n  buttonElement: ReactNode;\n};\n\nexport const SubMenu = (props: Props) => {\n  const { menuItems, buttonElement } = props;\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleClose = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(null);\n  };\n\n  const handleItemClick = (\n    event: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    item: MenuItemType,\n  ) => {\n    event.stopPropagation();\n    if (item.onClick) {\n      item.onClick(event);\n    }\n    if (item.closeWhenClick !== false) {\n      handleClose(event);\n    }\n  };\n\n  return (\n    <>\n      <Button\n        id=\"fade-button\"\n        aria-controls={open ? \"fade-menu\" : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? \"true\" : undefined}\n        onClick={handleClick}\n        color={\"inherit\"}\n      >\n        {buttonElement} {/* ここでButton要素を表示します */}\n      </Button>\n      <Menu\n        id=\"fade-menu\"\n        MenuListProps={{\n          \"aria-labelledby\": \"fade-button\",\n        }}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: \"bottom\",\n          horizontal: \"right\",\n        }}\n        transformOrigin={{\n          vertical: \"top\",\n          horizontal: \"right\",\n        }}\n      >\n        {menuItems.map((item, index) => (\n          <Fragment key={index}>\n            <MenuItem\n              onClick={(e) => {\n                handleItemClick(e, item);\n              }}\n              sx={{ minWidth: 200 }}\n            >\n              <ListItemIcon>{item.icon}</ListItemIcon>\n              <ListItemText>{item.title}</ListItemText>\n              {item.shortcut && (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {item.shortcut}\n                </Typography>\n              )}\n            </MenuItem>\n            {item.separatorLine && <Divider />}\n          </Fragment>\n        ))}\n      </Menu>\n    </>\n  );\n};\n\nexport default SubMenu;\n"],"names":["SubMenu","props","menuItems","buttonElement","anchorEl","setAnchorEl","useState","open","handleClick","event","handleClose","handleItemClick","item","jsxs","Fragment","Button","jsx","Menu","index","MenuItem","e","ListItemIcon","ListItemText","Typography","Divider"],"mappings":";;;AA+Ba,MAAAA,IAAU,CAACC,MAAiB;AACjC,QAAA,EAAE,WAAAC,GAAW,eAAAC,EAAA,IAAkBF,GAE/B,CAACG,GAAUC,CAAW,IAAIC,EAA6B,IAAI,GAC3DC,IAAO,EAAQH,GACfI,IAAc,CAACC,MAAyC;AAC5D,IAAAA,EAAM,gBAAgB,GACtBJ,EAAYI,EAAM,aAAa;AAAA,EACjC,GACMC,IAAc,CAACD,MAAyC;AAC5D,IAAAA,EAAM,gBAAgB,GACtBJ,EAAY,IAAI;AAAA,EAClB,GAEMM,IAAkB,CACtBF,GACAG,MACG;AACH,IAAAH,EAAM,gBAAgB,GAClBG,EAAK,WACPA,EAAK,QAAQH,CAAK,GAEhBG,EAAK,mBAAmB,MAC1BF,EAAYD,CAAK;AAAA,EAErB;AAEA,SAEII,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,iBAAeR,IAAO,cAAc;AAAA,QACpC,iBAAc;AAAA,QACd,iBAAeA,IAAO,SAAS;AAAA,QAC/B,SAASC;AAAA,QACT,OAAO;AAAA,QAEN,UAAA;AAAA,UAAAL;AAAA,UAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,IACAa,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAe;AAAA,UACb,mBAAmB;AAAA,QACrB;AAAA,QACA,UAAAb;AAAA,QACA,MAAAG;AAAA,QACA,SAASG;AAAA,QACT,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,iBAAiB;AAAA,UACf,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QAEC,YAAU,IAAI,CAACE,GAAMM,MACpBL,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,SAAS,CAACC,MAAM;AACd,gBAAAT,EAAgBS,GAAGR,CAAI;AAAA,cACzB;AAAA,cACA,IAAI,EAAE,UAAU,IAAI;AAAA,cAEpB,UAAA;AAAA,gBAACI,gBAAAA,EAAAA,IAAAK,GAAA,EAAc,YAAK,KAAK,CAAA;AAAA,gBACzBL,gBAAAA,EAAAA,IAACM,GAAc,EAAA,UAAAV,EAAK,MAAM,CAAA;AAAA,gBACzBA,EAAK,YACHI,gBAAAA,MAAAO,GAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAAX,EAAK,SACR,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCA,EAAK,iBAAiBI,gBAAAA,MAACQ,GAAQ,CAAA,CAAA;AAAA,QAAA,EAAA,GAfnBN,CAgBf,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/SubMenu/index.tsx"],"sourcesContent":["import { Fragment, ReactNode, useState } from \"react\";\nimport {\n  Button,\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n} from \"@mui/material\";\n\ntype MenuItemType = {\n  /** 操作メニューのアイコン */\n  icon: React.ReactNode;\n  /** 操作メニュー名 */\n  title: string;\n  /** ショートカットキー */\n  shortcut?: string;\n  /** メニュー下の区切り線有無 */\n  separatorLine?: boolean;\n  /** クリックした時の動作 */\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n  /** クリックした時に閉じるか否か。指定がない場合はクリック時メニューが自動的に閉じます*/\n  closeWhenClick?: boolean;\n};\n\ntype Props = {\n  menuItems: MenuItemType[];\n  buttonElement: ReactNode;\n};\n\nexport const SubMenu = (props: Props) => {\n  const { menuItems, buttonElement } = props;\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleClose = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    setAnchorEl(null);\n  };\n\n  const handleItemClick = (\n    event: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    item: MenuItemType,\n  ) => {\n    event.stopPropagation();\n    if (item.onClick) {\n      item.onClick(event);\n    }\n    if (item.closeWhenClick !== false) {\n      handleClose(event);\n    }\n  };\n\n  return (\n    <>\n      <Button\n        id=\"fade-button\"\n        aria-controls={open ? \"fade-menu\" : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? \"true\" : undefined}\n        onClick={handleClick}\n        color={\"inherit\"}\n      >\n        {buttonElement} {/* ここでButton要素を表示します */}\n      </Button>\n      <Menu\n        id=\"fade-menu\"\n        MenuListProps={{\n          \"aria-labelledby\": \"fade-button\",\n        }}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: \"bottom\",\n          horizontal: \"right\",\n        }}\n        transformOrigin={{\n          vertical: \"top\",\n          horizontal: \"right\",\n        }}\n      >\n        {menuItems.map((item, index) => (\n          <Fragment key={index}>\n            <MenuItem\n              onClick={(e) => {\n                handleItemClick(e, item);\n              }}\n              sx={{ minWidth: 200 }}\n            >\n              <ListItemIcon>{item.icon}</ListItemIcon>\n              <ListItemText>{item.title}</ListItemText>\n              {item.shortcut && (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {item.shortcut}\n                </Typography>\n              )}\n            </MenuItem>\n            {item.separatorLine && <Divider />}\n          </Fragment>\n        ))}\n      </Menu>\n    </>\n  );\n};\n\nexport default SubMenu;\n"],"names":["SubMenu","props","menuItems","buttonElement","anchorEl","setAnchorEl","useState","open","handleClick","event","handleClose","handleItemClick","item","jsxs","Fragment","Button","jsx","Menu","index","MenuItem","e","ListItemIcon","ListItemText","Typography","Divider"],"mappings":";;;AA+Ba,MAAAA,IAAU,CAACC,MAAiB;AACjC,QAAA,EAAE,WAAAC,GAAW,eAAAC,EAAA,IAAkBF,GAE/B,CAACG,GAAUC,CAAW,IAAIC,EAA6B,IAAI,GAC3DC,IAAO,EAAQH,GACfI,IAAc,CAACC,MAAyC;AAC5D,IAAAA,EAAM,gBAAgB,GACtBJ,EAAYI,EAAM,aAAa;AAAA,EACjC,GACMC,IAAc,CAACD,MAAyC;AAC5D,IAAAA,EAAM,gBAAgB,GACtBJ,EAAY,IAAI;AAAA,EAClB,GAEMM,IAAkB,CACtBF,GACAG,MACG;AACH,IAAAH,EAAM,gBAAgB,GAClBG,EAAK,WACPA,EAAK,QAAQH,CAAK,GAEhBG,EAAK,mBAAmB,MAC1BF,EAAYD,CAAK;AAAA,EAErB;AAEA,SAEI,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,iBAAeR,IAAO,cAAc;AAAA,QACpC,iBAAc;AAAA,QACd,iBAAeA,IAAO,SAAS;AAAA,QAC/B,SAASC;AAAA,QACT,OAAO;AAAA,QAEN,UAAA;AAAA,UAAAL;AAAA,UAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,IACA,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAe;AAAA,UACb,mBAAmB;AAAA,QACrB;AAAA,QACA,UAAAb;AAAA,QACA,MAAAG;AAAA,QACA,SAASG;AAAA,QACT,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,iBAAiB;AAAA,UACf,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QAEC,YAAU,IAAI,CAACE,GAAMM,MACpB,gBAAAL,EAACC,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,SAAS,CAACC,MAAM;AACd,gBAAAT,EAAgBS,GAAGR,CAAI;AAAA,cACzB;AAAA,cACA,IAAI,EAAE,UAAU,IAAI;AAAA,cAEpB,UAAA;AAAA,gBAAC,gBAAAI,EAAAK,GAAA,EAAc,YAAK,KAAK,CAAA;AAAA,gBACzB,gBAAAL,EAACM,GAAc,EAAA,UAAAV,EAAK,MAAM,CAAA;AAAA,gBACzBA,EAAK,YACH,gBAAAI,EAAAO,GAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAAX,EAAK,SACR,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCA,EAAK,iBAAiB,gBAAAI,EAACQ,GAAQ,CAAA,CAAA;AAAA,QAAA,EAAA,GAfnBN,CAgBf,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("../../jsx-runtime-Dajn0hD2.cjs"),e=require("../../react.esm-DzAzWxXs.cjs"),m=require("./index.cjs.js");describe("SubMenu component",()=>{test("renders SubMenu component with given menu items and button element",()=>{const c=jest.fn(),s=jest.fn(),o=jest.fn(),u=[{icon:n.jsxRuntimeExports.jsx("span",{children:"Icon 1"}),title:"Menu 1",onClick:c,closeWhenClick:!0},{icon:n.jsxRuntimeExports.jsx("span",{children:"Icon 2"}),title:"Menu 2",onClick:s},{icon:n.jsxRuntimeExports.jsx("span",{children:"Icon 3"}),title:"Menu 3",onClick:o,closeWhenClick:!1}],i=n.jsxRuntimeExports.jsx("button",{children:"Menu Button"});e.render(n.jsxRuntimeExports.jsx(m.SubMenu,{menuItems:u,buttonElement:i}));const t=e.screen.getByText("Menu Button");e.fireEvent.click(t);const r=e.screen.getByText("Menu 1");e.fireEvent.click(r),expect(c).toHaveBeenCalled(),setTimeout(()=>{expect(e.screen.queryByText("Menu 1")).toBeNull()},0),e.fireEvent.click(t);const l=e.screen.getByText("Menu 2");e.fireEvent.click(l),expect(s).toHaveBeenCalled(),setTimeout(()=>{expect(e.screen.queryByText("Menu 2")).toBeNull()},0),e.fireEvent.click(t);const x=e.screen.getByText("Menu 3");e.fireEvent.click(x),expect(o).toHaveBeenCalled(),setTimeout(()=>{expect(e.screen.queryByText("Menu 3")).not.toBeNull()},0)})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.cjs"),x=require("./index.cjs.js");describe("SubMenu component",()=>{test("renders SubMenu component with given menu items and button element",()=>{const c=jest.fn(),o=jest.fn(),u=jest.fn(),s=[{icon:n.jsx("span",{children:"Icon 1"}),title:"Menu 1",onClick:c,closeWhenClick:!0},{icon:n.jsx("span",{children:"Icon 2"}),title:"Menu 2",onClick:o},{icon:n.jsx("span",{children:"Icon 3"}),title:"Menu 3",onClick:u,closeWhenClick:!1}],i=n.jsx("button",{children:"Menu Button"});e.render(n.jsx(x.SubMenu,{menuItems:s,buttonElement:i}));const t=e.screen.getByText("Menu Button");e.fireEvent.click(t);const l=e.screen.getByText("Menu 1");e.fireEvent.click(l),expect(c).toHaveBeenCalled(),setTimeout(()=>{expect(e.screen.queryByText("Menu 1")).toBeNull()},0),e.fireEvent.click(t);const r=e.screen.getByText("Menu 2");e.fireEvent.click(r),expect(o).toHaveBeenCalled(),setTimeout(()=>{expect(e.screen.queryByText("Menu 2")).toBeNull()},0),e.fireEvent.click(t);const m=e.screen.getByText("Menu 3");e.fireEvent.click(m),expect(u).toHaveBeenCalled(),setTimeout(()=>{expect(e.screen.queryByText("Menu 3")).not.toBeNull()},0)})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n  test(\"renders SubMenu component with given menu items and button element\", () => {\n    const mockOnClickMenu1 = jest.fn();\n    const mockOnClickMenu2 = jest.fn();\n    const mockOnClickMenu3 = jest.fn();\n\n    const menuItems = [\n      {\n        icon: <span>Icon 1</span>,\n        title: \"Menu 1\",\n        onClick: mockOnClickMenu1,\n        closeWhenClick: true,\n      },\n      {\n        icon: <span>Icon 2</span>,\n        title: \"Menu 2\",\n        onClick: mockOnClickMenu2,\n      },\n      {\n        icon: <span>Icon 3</span>,\n        title: \"Menu 3\",\n        onClick: mockOnClickMenu3,\n        closeWhenClick: false,\n      },\n    ];\n\n    const buttonElement = <button>Menu Button</button>;\n\n    render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n    // Menu 1のテスト menuクリック時消えていること\n    const button = screen.getByText(\"Menu Button\");\n    fireEvent.click(button);\n    const menuItem1 = screen.getByText(\"Menu 1\");\n    fireEvent.click(menuItem1);\n    expect(mockOnClickMenu1).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 1\")).toBeNull();\n    }, 0);\n\n    // Menu 2のテスト menuクリック時消えていること\n    fireEvent.click(button);\n    const menuItem2 = screen.getByText(\"Menu 2\");\n    fireEvent.click(menuItem2);\n    expect(mockOnClickMenu2).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 2\")).toBeNull();\n    }, 0);\n\n    // Menu 3のテスト menuクリック時消えていないこと\n    fireEvent.click(button);\n    const menuItem3 = screen.getByText(\"Menu 3\");\n    fireEvent.click(menuItem3);\n    expect(mockOnClickMenu3).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n    }, 0);\n  });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","menuItems","jsx","buttonElement","render","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":"qIAIA,SAAS,oBAAqB,IAAM,CAClC,KAAK,qEAAsE,IAAM,CACzE,MAAAA,EAAmB,KAAK,GAAG,EAC3BC,EAAmB,KAAK,GAAG,EAC3BC,EAAmB,KAAK,GAAG,EAE3BC,EAAY,CAChB,CACE,KAAOC,EAAAA,kBAAAA,IAAA,OAAA,CAAK,SAAM,QAAA,CAAA,EAClB,MAAO,SACP,QAASJ,EACT,eAAgB,EAClB,EACA,CACE,KAAOI,EAAAA,kBAAAA,IAAA,OAAA,CAAK,SAAM,QAAA,CAAA,EAClB,MAAO,SACP,QAASH,CACX,EACA,CACE,KAAOG,EAAAA,kBAAAA,IAAA,OAAA,CAAK,SAAM,QAAA,CAAA,EAClB,MAAO,SACP,QAASF,EACT,eAAgB,EAAA,CAEpB,EAEMG,EAAiBD,EAAAA,kBAAAA,IAAA,SAAA,CAAO,SAAW,aAAA,CAAA,EAEzCE,EAAA,OAAQF,EAAA,kBAAA,IAAAG,EAAA,QAAA,CAAQ,UAAAJ,EAAsB,cAAAE,CAA8B,CAAA,CAAE,EAGhE,MAAAG,EAASC,EAAAA,OAAO,UAAU,aAAa,EAC7CC,EAAA,UAAU,MAAMF,CAAM,EAChB,MAAAG,EAAYF,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAA,UAAU,MAAMC,CAAS,EAClB,OAAAX,CAAgB,EAAE,iBAAiB,EAC1C,WAAW,IAAM,CACf,OAAOS,EAAAA,OAAO,YAAY,QAAQ,CAAC,EAAE,SAAS,GAC7C,CAAC,EAGJC,EAAA,UAAU,MAAMF,CAAM,EAChB,MAAAI,EAAYH,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAA,UAAU,MAAME,CAAS,EAClB,OAAAX,CAAgB,EAAE,iBAAiB,EAC1C,WAAW,IAAM,CACf,OAAOQ,EAAAA,OAAO,YAAY,QAAQ,CAAC,EAAE,SAAS,GAC7C,CAAC,EAGJC,EAAA,UAAU,MAAMF,CAAM,EAChB,MAAAK,EAAYJ,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAA,UAAU,MAAMG,CAAS,EAClB,OAAAX,CAAgB,EAAE,iBAAiB,EAC1C,WAAW,IAAM,CACf,OAAOO,SAAO,YAAY,QAAQ,CAAC,EAAE,IAAI,SAAS,GACjD,CAAC,CAAA,CACL,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n  test(\"renders SubMenu component with given menu items and button element\", () => {\n    const mockOnClickMenu1 = jest.fn();\n    const mockOnClickMenu2 = jest.fn();\n    const mockOnClickMenu3 = jest.fn();\n\n    const menuItems = [\n      {\n        icon: <span>Icon 1</span>,\n        title: \"Menu 1\",\n        onClick: mockOnClickMenu1,\n        closeWhenClick: true,\n      },\n      {\n        icon: <span>Icon 2</span>,\n        title: \"Menu 2\",\n        onClick: mockOnClickMenu2,\n      },\n      {\n        icon: <span>Icon 3</span>,\n        title: \"Menu 3\",\n        onClick: mockOnClickMenu3,\n        closeWhenClick: false,\n      },\n    ];\n\n    const buttonElement = <button>Menu Button</button>;\n\n    render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n    // Menu 1のテスト menuクリック時消えていること\n    const button = screen.getByText(\"Menu Button\");\n    fireEvent.click(button);\n    const menuItem1 = screen.getByText(\"Menu 1\");\n    fireEvent.click(menuItem1);\n    expect(mockOnClickMenu1).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 1\")).toBeNull();\n    }, 0);\n\n    // Menu 2のテスト menuクリック時消えていること\n    fireEvent.click(button);\n    const menuItem2 = screen.getByText(\"Menu 2\");\n    fireEvent.click(menuItem2);\n    expect(mockOnClickMenu2).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 2\")).toBeNull();\n    }, 0);\n\n    // Menu 3のテスト menuクリック時消えていないこと\n    fireEvent.click(button);\n    const menuItem3 = screen.getByText(\"Menu 3\");\n    fireEvent.click(menuItem3);\n    expect(mockOnClickMenu3).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n    }, 0);\n  });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","menuItems","jsx","buttonElement","render","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":"wHAIA,SAAS,oBAAqB,IAAM,CAClC,KAAK,qEAAsE,IAAM,CACzE,MAAAA,EAAmB,KAAK,GAAG,EAC3BC,EAAmB,KAAK,GAAG,EAC3BC,EAAmB,KAAK,GAAG,EAE3BC,EAAY,CAChB,CACE,KAAOC,EAAAA,IAAA,OAAA,CAAK,SAAM,QAAA,CAAA,EAClB,MAAO,SACP,QAASJ,EACT,eAAgB,EAClB,EACA,CACE,KAAOI,EAAAA,IAAA,OAAA,CAAK,SAAM,QAAA,CAAA,EAClB,MAAO,SACP,QAASH,CACX,EACA,CACE,KAAOG,EAAAA,IAAA,OAAA,CAAK,SAAM,QAAA,CAAA,EAClB,MAAO,SACP,QAASF,EACT,eAAgB,EAAA,CAEpB,EAEMG,EAAiBD,EAAAA,IAAA,SAAA,CAAO,SAAW,aAAA,CAAA,EAEzCE,EAAA,OAAQF,EAAA,IAAAG,EAAA,QAAA,CAAQ,UAAAJ,EAAsB,cAAAE,CAA8B,CAAA,CAAE,EAGhE,MAAAG,EAASC,EAAAA,OAAO,UAAU,aAAa,EAC7CC,EAAA,UAAU,MAAMF,CAAM,EAChB,MAAAG,EAAYF,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAA,UAAU,MAAMC,CAAS,EAClB,OAAAX,CAAgB,EAAE,iBAAiB,EAC1C,WAAW,IAAM,CACf,OAAOS,EAAAA,OAAO,YAAY,QAAQ,CAAC,EAAE,SAAS,GAC7C,CAAC,EAGJC,EAAA,UAAU,MAAMF,CAAM,EAChB,MAAAI,EAAYH,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAA,UAAU,MAAME,CAAS,EAClB,OAAAX,CAAgB,EAAE,iBAAiB,EAC1C,WAAW,IAAM,CACf,OAAOQ,EAAAA,OAAO,YAAY,QAAQ,CAAC,EAAE,SAAS,GAC7C,CAAC,EAGJC,EAAA,UAAU,MAAMF,CAAM,EAChB,MAAAK,EAAYJ,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAA,UAAU,MAAMG,CAAS,EAClB,OAAAX,CAAgB,EAAE,iBAAiB,EAC1C,WAAW,IAAM,CACf,OAAOO,SAAO,YAAY,QAAQ,CAAC,EAAE,IAAI,SAAS,GACjD,CAAC,CAAA,CACL,CACH,CAAC"}

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

@@ -1,40 +1,40 @@
-import { j as n } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as k, s as e, f as t } from "../../react.esm-BL1KU4o5.js";
-import { SubMenu as M } from "./index.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { r, s as e, f as t } from "../../react.esm-2FJSSo-S.js";
+import { SubMenu as k } from "./index.es.js";
 describe("SubMenu component", () => {
   test("renders SubMenu component with given menu items and button element", () => {
-    const o = jest.fn(), u = jest.fn(), s = jest.fn(), l = [
+    const o = jest.fn(), u = jest.fn(), l = jest.fn();
+    r(/* @__PURE__ */ n(k, { menuItems: [
       {
-        icon: /* @__PURE__ */ n.jsx("span", { children: "Icon 1" }),
+        icon: /* @__PURE__ */ n("span", { children: "Icon 1" }),
         title: "Menu 1",
         onClick: o,
         closeWhenClick: !0
       },
       {
-        icon: /* @__PURE__ */ n.jsx("span", { children: "Icon 2" }),
+        icon: /* @__PURE__ */ n("span", { children: "Icon 2" }),
         title: "Menu 2",
         onClick: u
       },
       {
-        icon: /* @__PURE__ */ n.jsx("span", { children: "Icon 3" }),
+        icon: /* @__PURE__ */ n("span", { children: "Icon 3" }),
         title: "Menu 3",
-        onClick: s,
+        onClick: l,
         closeWhenClick: !1
       }
-    ], i = /* @__PURE__ */ n.jsx("button", { children: "Menu Button" });
-    k(/* @__PURE__ */ n.jsx(M, { menuItems: l, buttonElement: i }));
+    ], buttonElement: /* @__PURE__ */ n("button", { children: "Menu Button" }) }));
     const c = e.getByText("Menu Button");
     t.click(c);
-    const m = e.getByText("Menu 1");
-    t.click(m), expect(o).toHaveBeenCalled(), setTimeout(() => {
+    const i = e.getByText("Menu 1");
+    t.click(i), expect(o).toHaveBeenCalled(), setTimeout(() => {
       expect(e.queryByText("Menu 1")).toBeNull();
     }, 0), t.click(c);
-    const r = e.getByText("Menu 2");
-    t.click(r), expect(u).toHaveBeenCalled(), setTimeout(() => {
+    const s = e.getByText("Menu 2");
+    t.click(s), expect(u).toHaveBeenCalled(), setTimeout(() => {
       expect(e.queryByText("Menu 2")).toBeNull();
     }, 0), t.click(c);
-    const x = e.getByText("Menu 3");
-    t.click(x), expect(s).toHaveBeenCalled(), setTimeout(() => {
+    const m = e.getByText("Menu 3");
+    t.click(m), expect(l).toHaveBeenCalled(), setTimeout(() => {
       expect(e.queryByText("Menu 3")).not.toBeNull();
     }, 0);
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n  test(\"renders SubMenu component with given menu items and button element\", () => {\n    const mockOnClickMenu1 = jest.fn();\n    const mockOnClickMenu2 = jest.fn();\n    const mockOnClickMenu3 = jest.fn();\n\n    const menuItems = [\n      {\n        icon: <span>Icon 1</span>,\n        title: \"Menu 1\",\n        onClick: mockOnClickMenu1,\n        closeWhenClick: true,\n      },\n      {\n        icon: <span>Icon 2</span>,\n        title: \"Menu 2\",\n        onClick: mockOnClickMenu2,\n      },\n      {\n        icon: <span>Icon 3</span>,\n        title: \"Menu 3\",\n        onClick: mockOnClickMenu3,\n        closeWhenClick: false,\n      },\n    ];\n\n    const buttonElement = <button>Menu Button</button>;\n\n    render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n    // Menu 1のテスト menuクリック時消えていること\n    const button = screen.getByText(\"Menu Button\");\n    fireEvent.click(button);\n    const menuItem1 = screen.getByText(\"Menu 1\");\n    fireEvent.click(menuItem1);\n    expect(mockOnClickMenu1).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 1\")).toBeNull();\n    }, 0);\n\n    // Menu 2のテスト menuクリック時消えていること\n    fireEvent.click(button);\n    const menuItem2 = screen.getByText(\"Menu 2\");\n    fireEvent.click(menuItem2);\n    expect(mockOnClickMenu2).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 2\")).toBeNull();\n    }, 0);\n\n    // Menu 3のテスト menuクリック時消えていないこと\n    fireEvent.click(button);\n    const menuItem3 = screen.getByText(\"Menu 3\");\n    fireEvent.click(menuItem3);\n    expect(mockOnClickMenu3).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n    }, 0);\n  });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","menuItems","jsx","buttonElement","render","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":";;;AAIA,SAAS,qBAAqB,MAAM;AAClC,OAAK,sEAAsE,MAAM;AACzE,UAAAA,IAAmB,KAAK,GAAG,GAC3BC,IAAmB,KAAK,GAAG,GAC3BC,IAAmB,KAAK,GAAG,GAE3BC,IAAY;AAAA,MAChB;AAAA,QACE,MAAOC,gBAAAA,EAAAA,IAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,QAClB,OAAO;AAAA,QACP,SAASJ;AAAA,QACT,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAOI,gBAAAA,EAAAA,IAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,QAClB,OAAO;AAAA,QACP,SAASH;AAAA,MACX;AAAA,MACA;AAAA,QACE,MAAOG,gBAAAA,EAAAA,IAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,QAClB,OAAO;AAAA,QACP,SAASF;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAEpB,GAEMG,IAAiBD,gBAAAA,EAAAA,IAAA,UAAA,EAAO,UAAW,cAAA,CAAA;AAEzC,IAAAE,EAAQF,gBAAAA,EAAA,IAAAG,GAAA,EAAQ,WAAAJ,GAAsB,eAAAE,EAA8B,CAAA,CAAE;AAGhE,UAAAG,IAASC,EAAO,UAAU,aAAa;AAC7C,IAAAC,EAAU,MAAMF,CAAM;AAChB,UAAAG,IAAYF,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAMC,CAAS,GAClB,OAAAX,CAAgB,EAAE,iBAAiB,GAC1C,WAAW,MAAM;AACf,aAAOS,EAAO,YAAY,QAAQ,CAAC,EAAE,SAAS;AAAA,OAC7C,CAAC,GAGJC,EAAU,MAAMF,CAAM;AAChB,UAAAI,IAAYH,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAME,CAAS,GAClB,OAAAX,CAAgB,EAAE,iBAAiB,GAC1C,WAAW,MAAM;AACf,aAAOQ,EAAO,YAAY,QAAQ,CAAC,EAAE,SAAS;AAAA,OAC7C,CAAC,GAGJC,EAAU,MAAMF,CAAM;AAChB,UAAAK,IAAYJ,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAMG,CAAS,GAClB,OAAAX,CAAgB,EAAE,iBAAiB,GAC1C,WAAW,MAAM;AACf,aAAOO,EAAO,YAAY,QAAQ,CAAC,EAAE,IAAI,SAAS;AAAA,OACjD,CAAC;AAAA,EAAA,CACL;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n  test(\"renders SubMenu component with given menu items and button element\", () => {\n    const mockOnClickMenu1 = jest.fn();\n    const mockOnClickMenu2 = jest.fn();\n    const mockOnClickMenu3 = jest.fn();\n\n    const menuItems = [\n      {\n        icon: <span>Icon 1</span>,\n        title: \"Menu 1\",\n        onClick: mockOnClickMenu1,\n        closeWhenClick: true,\n      },\n      {\n        icon: <span>Icon 2</span>,\n        title: \"Menu 2\",\n        onClick: mockOnClickMenu2,\n      },\n      {\n        icon: <span>Icon 3</span>,\n        title: \"Menu 3\",\n        onClick: mockOnClickMenu3,\n        closeWhenClick: false,\n      },\n    ];\n\n    const buttonElement = <button>Menu Button</button>;\n\n    render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n    // Menu 1のテスト menuクリック時消えていること\n    const button = screen.getByText(\"Menu Button\");\n    fireEvent.click(button);\n    const menuItem1 = screen.getByText(\"Menu 1\");\n    fireEvent.click(menuItem1);\n    expect(mockOnClickMenu1).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 1\")).toBeNull();\n    }, 0);\n\n    // Menu 2のテスト menuクリック時消えていること\n    fireEvent.click(button);\n    const menuItem2 = screen.getByText(\"Menu 2\");\n    fireEvent.click(menuItem2);\n    expect(mockOnClickMenu2).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 2\")).toBeNull();\n    }, 0);\n\n    // Menu 3のテスト menuクリック時消えていないこと\n    fireEvent.click(button);\n    const menuItem3 = screen.getByText(\"Menu 3\");\n    fireEvent.click(menuItem3);\n    expect(mockOnClickMenu3).toHaveBeenCalled();\n    setTimeout(() => {\n      expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n    }, 0);\n  });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","render","jsx","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":";;;AAIA,SAAS,qBAAqB,MAAM;AAClC,OAAK,sEAAsE,MAAM;AACzE,UAAAA,IAAmB,KAAK,GAAG,GAC3BC,IAAmB,KAAK,GAAG,GAC3BC,IAAmB,KAAK,GAAG;AAwBjC,IAAAC,EAAQ,gBAAAC,EAAAC,GAAA,EAAQ,WAtBE;AAAA,MAChB;AAAA,QACE,MAAO,gBAAAD,EAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,QAClB,OAAO;AAAA,QACP,SAASJ;AAAA,QACT,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAO,gBAAAI,EAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,QAClB,OAAO;AAAA,QACP,SAASH;AAAA,MACX;AAAA,MACA;AAAA,QACE,MAAO,gBAAAG,EAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,QAClB,OAAO;AAAA,QACP,SAASF;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAEpB,GAIsC,eAFf,gBAAAE,EAAA,UAAA,EAAO,UAAW,cAAA,CAAA,EAE2B,CAAA,CAAE;AAGhE,UAAAE,IAASC,EAAO,UAAU,aAAa;AAC7C,IAAAC,EAAU,MAAMF,CAAM;AAChB,UAAAG,IAAYF,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAMC,CAAS,GAClB,OAAAT,CAAgB,EAAE,iBAAiB,GAC1C,WAAW,MAAM;AACf,aAAOO,EAAO,YAAY,QAAQ,CAAC,EAAE,SAAS;AAAA,OAC7C,CAAC,GAGJC,EAAU,MAAMF,CAAM;AAChB,UAAAI,IAAYH,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAME,CAAS,GAClB,OAAAT,CAAgB,EAAE,iBAAiB,GAC1C,WAAW,MAAM;AACf,aAAOM,EAAO,YAAY,QAAQ,CAAC,EAAE,SAAS;AAAA,OAC7C,CAAC,GAGJC,EAAU,MAAMF,CAAM;AAChB,UAAAK,IAAYJ,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAMG,CAAS,GAClB,OAAAT,CAAgB,EAAE,iBAAiB,GAC1C,WAAW,MAAM;AACf,aAAOK,EAAO,YAAY,QAAQ,CAAC,EAAE,IAAI,SAAS;AAAA,OACjD,CAAC;AAAA,EAAA,CACL;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../jsx-runtime-Dajn0hD2.cjs"),a=require("@mui/material"),l=a.styled(s=>e.jsxRuntimeExports.jsx(a.Tabs,{...s,"aria-label":"wrapped tabs",TabIndicatorProps:{children:e.jsxRuntimeExports.jsx("span",{className:"MuiTabs-indicatorSpan"})}}))({"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{width:"100%",backgroundColor:"#6672e8"}}),u=a.styled(s=>e.jsxRuntimeExports.jsx(a.Tab,{...s,iconPosition:"start"}))(({})=>({"&.Mui-selected":{color:"#000",fontWeight:"800"}})),n=s=>{const{items:o,value:r,handleChange:i}=s;return e.jsxRuntimeExports.jsx(a.Box,{sx:{width:"100%"},children:e.jsxRuntimeExports.jsx(l,{value:r,onChange:i,"aria-label":"wrapped tabs",children:o.map(t=>e.jsxRuntimeExports.jsx(u,{icon:t.icon,label:t.label,value:t.value},t.value))})})};exports.Tabs=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),s=require("@mui/material"),i=s.styled(e=>a.jsx(s.Tabs,{...e,"aria-label":"wrapped tabs",TabIndicatorProps:{children:a.jsx("span",{className:"MuiTabs-indicatorSpan"})}}))({"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{width:"100%",backgroundColor:"#6672e8"}}),c=s.styled(e=>a.jsx(s.Tab,{...e,iconPosition:"start"}))(({})=>({"&.Mui-selected":{color:"#000",fontWeight:"800"}})),n=e=>{const{items:l,value:o,handleChange:r}=e;return a.jsx(s.Box,{sx:{width:"100%"},children:a.jsx(i,{value:o,onChange:r,"aria-label":"wrapped tabs",children:l.map(t=>a.jsx(c,{icon:t.icon,label:t.label,value:t.value},t.value))})})};exports.Tabs=n;exports.default=n;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n  /** タブの識別値 */\n  value: string;\n  /** 表示名 */\n  label: string;\n  /** 表示アイコン example:\n   * <PhoneIcon sx={{ fontSize: 20 }} />\n   */\n  icon?: React.ReactElement;\n};\n\ntype Props = {\n  /** タブアイテム情報*/\n  items: TabItem[];\n  /** 現在選択中のvalue state管理 */\n  value: string;\n  /** 選択中のTabが変更された時のhandler */\n  handleChange: (event: React.SyntheticEvent, newValue: string) => void;\n};\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: string;\n  onChange: (event: React.SyntheticEvent, newValue: string) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <MuiTabs\n    {...props}\n    aria-label=\"wrapped tabs\"\n    TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n  />\n))({\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    width: \"100%\",\n    backgroundColor: \"#6672e8\",\n  },\n});\n\nconst StyledTab = styled((props: TabItem) => (\n  <Tab {...props} iconPosition=\"start\" />\n))(({}) => ({\n  \"&.Mui-selected\": {\n    color: \"#000\",\n    fontWeight: \"800\",\n  },\n}));\n\nexport const Tabs = (props: Props) => {\n  const { items, value, handleChange } = props;\n\n  return (\n    <Box sx={{ width: \"100%\" }}>\n      <StyledTabs\n        value={value}\n        onChange={handleChange}\n        aria-label=\"wrapped tabs\"\n      >\n        {items.map((item) => (\n          <StyledTab\n            key={item.value}\n            icon={item.icon}\n            label={item.label}\n            value={item.value}\n          />\n        ))}\n      </StyledTabs>\n    </Box>\n  );\n};\n\nexport default Tabs;\n"],"names":["StyledTabs","styled","props","jsx","MuiTabs","StyledTab","Tab","Tabs","items","value","handleChange","Box","item"],"mappings":"yLA6BMA,EAAaC,EAAAA,OAAQC,GACzBC,EAAA,kBAAA,IAACC,EAAA,KAAA,CACE,GAAGF,EACJ,aAAW,eACX,kBAAmB,CAAE,iCAAW,OAAK,CAAA,UAAU,wBAAwB,CAAG,CAAA,CAC5E,CACD,EAAE,CACD,uBAAwB,CACtB,QAAS,OACT,eAAgB,SAChB,gBAAiB,aACnB,EACA,2BAA4B,CAC1B,MAAO,OACP,gBAAiB,SAAA,CAErB,CAAC,EAEKG,EAAYJ,EAAAA,OAAQC,2BACvBI,EAAAA,IAAK,CAAA,GAAGJ,EAAO,aAAa,OAAQ,CAAA,CACtC,EAAE,CAAC,CAAA,KAAQ,CACV,iBAAkB,CAChB,MAAO,OACP,WAAY,KAAA,CAEhB,EAAE,EAEWK,EAAQL,GAAiB,CACpC,KAAM,CAAE,MAAAM,EAAO,MAAAC,EAAO,aAAAC,CAAiB,EAAAR,EAEvC,+BACGS,EAAI,IAAA,CAAA,GAAI,CAAE,MAAO,QAChB,SAAAR,EAAA,kBAAA,IAACH,EAAA,CACC,MAAAS,EACA,SAAUC,EACV,aAAW,eAEV,SAAAF,EAAM,IAAKI,GACVT,EAAA,kBAAA,IAACE,EAAA,CAEC,KAAMO,EAAK,KACX,MAAOA,EAAK,MACZ,MAAOA,EAAK,KAAA,EAHPA,EAAK,KAKb,CAAA,CAAA,CAAA,EAEL,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n  /** タブの識別値 */\n  value: string;\n  /** 表示名 */\n  label: string;\n  /** 表示アイコン example:\n   * <PhoneIcon sx={{ fontSize: 20 }} />\n   */\n  icon?: React.ReactElement;\n};\n\ntype Props = {\n  /** タブアイテム情報*/\n  items: TabItem[];\n  /** 現在選択中のvalue state管理 */\n  value: string;\n  /** 選択中のTabが変更された時のhandler */\n  handleChange: (event: React.SyntheticEvent, newValue: string) => void;\n};\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: string;\n  onChange: (event: React.SyntheticEvent, newValue: string) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <MuiTabs\n    {...props}\n    aria-label=\"wrapped tabs\"\n    TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n  />\n))({\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    width: \"100%\",\n    backgroundColor: \"#6672e8\",\n  },\n});\n\nconst StyledTab = styled((props: TabItem) => (\n  <Tab {...props} iconPosition=\"start\" />\n))(({}) => ({\n  \"&.Mui-selected\": {\n    color: \"#000\",\n    fontWeight: \"800\",\n  },\n}));\n\nexport const Tabs = (props: Props) => {\n  const { items, value, handleChange } = props;\n\n  return (\n    <Box sx={{ width: \"100%\" }}>\n      <StyledTabs\n        value={value}\n        onChange={handleChange}\n        aria-label=\"wrapped tabs\"\n      >\n        {items.map((item) => (\n          <StyledTab\n            key={item.value}\n            icon={item.icon}\n            label={item.label}\n            value={item.value}\n          />\n        ))}\n      </StyledTabs>\n    </Box>\n  );\n};\n\nexport default Tabs;\n"],"names":["StyledTabs","styled","props","jsx","MuiTabs","StyledTab","Tab","Tabs","items","value","handleChange","Box","item"],"mappings":"4KA6BMA,EAAaC,EAAAA,OAAQC,GACzBC,EAAA,IAACC,EAAA,KAAA,CACE,GAAGF,EACJ,aAAW,eACX,kBAAmB,CAAE,eAAW,OAAK,CAAA,UAAU,wBAAwB,CAAG,CAAA,CAC5E,CACD,EAAE,CACD,uBAAwB,CACtB,QAAS,OACT,eAAgB,SAChB,gBAAiB,aACnB,EACA,2BAA4B,CAC1B,MAAO,OACP,gBAAiB,SAAA,CAErB,CAAC,EAEKG,EAAYJ,EAAAA,OAAQC,SACvBI,EAAAA,IAAK,CAAA,GAAGJ,EAAO,aAAa,OAAQ,CAAA,CACtC,EAAE,CAAC,CAAA,KAAQ,CACV,iBAAkB,CAChB,MAAO,OACP,WAAY,KAAA,CAEhB,EAAE,EAEWK,EAAQL,GAAiB,CACpC,KAAM,CAAE,MAAAM,EAAO,MAAAC,EAAO,aAAAC,CAAiB,EAAAR,EAEvC,aACGS,EAAI,IAAA,CAAA,GAAI,CAAE,MAAO,QAChB,SAAAR,EAAA,IAACH,EAAA,CACC,MAAAS,EACA,SAAUC,EACV,aAAW,eAEV,SAAAF,EAAM,IAAKI,GACVT,EAAA,IAACE,EAAA,CAEC,KAAMO,EAAK,KACX,MAAOA,EAAK,MACZ,MAAOA,EAAK,KAAA,EAHPA,EAAK,KAKb,CAAA,CAAA,CAAA,EAEL,CAEJ"}

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

@@ -1,11 +1,11 @@
-import { j as a } from "../../jsx-runtime-CbmOdJhC.js";
-import { styled as n, Tabs as i, Tab as l, Box as c } from "@mui/material";
-const d = n((s) => /* @__PURE__ */ a.jsx(
-  i,
+import { jsx as a } from "react/jsx-runtime";
+import { styled as o, Tabs as l, Tab as i, Box as c } from "@mui/material";
+const d = o((e) => /* @__PURE__ */ a(
+  l,
   {
-    ...s,
+    ...e,
     "aria-label": "wrapped tabs",
-    TabIndicatorProps: { children: /* @__PURE__ */ a.jsx("span", { className: "MuiTabs-indicatorSpan" }) }
+    TabIndicatorProps: { children: /* @__PURE__ */ a("span", { className: "MuiTabs-indicatorSpan" }) }
   }
 ))({
   "& .MuiTabs-indicator": {
@@ -17,33 +17,33 @@ const d = n((s) => /* @__PURE__ */ a.jsx(
     width: "100%",
     backgroundColor: "#6672e8"
   }
-}), b = n((s) => /* @__PURE__ */ a.jsx(l, { ...s, iconPosition: "start" }))(({}) => ({
+}), b = o((e) => /* @__PURE__ */ a(i, { ...e, iconPosition: "start" }))(({}) => ({
   "&.Mui-selected": {
     color: "#000",
     fontWeight: "800"
   }
-})), x = (s) => {
-  const { items: o, value: t, handleChange: r } = s;
-  return /* @__PURE__ */ a.jsx(c, { sx: { width: "100%" }, children: /* @__PURE__ */ a.jsx(
+})), T = (e) => {
+  const { items: t, value: s, handleChange: r } = e;
+  return /* @__PURE__ */ a(c, { sx: { width: "100%" }, children: /* @__PURE__ */ a(
     d,
     {
-      value: t,
+      value: s,
       onChange: r,
       "aria-label": "wrapped tabs",
-      children: o.map((e) => /* @__PURE__ */ a.jsx(
+      children: t.map((n) => /* @__PURE__ */ a(
         b,
         {
-          icon: e.icon,
-          label: e.label,
-          value: e.value
+          icon: n.icon,
+          label: n.label,
+          value: n.value
         },
-        e.value
+        n.value
       ))
     }
   ) });
 };
 export {
-  x as Tabs,
-  x as default
+  T as Tabs,
+  T as default
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n  /** タブの識別値 */\n  value: string;\n  /** 表示名 */\n  label: string;\n  /** 表示アイコン example:\n   * <PhoneIcon sx={{ fontSize: 20 }} />\n   */\n  icon?: React.ReactElement;\n};\n\ntype Props = {\n  /** タブアイテム情報*/\n  items: TabItem[];\n  /** 現在選択中のvalue state管理 */\n  value: string;\n  /** 選択中のTabが変更された時のhandler */\n  handleChange: (event: React.SyntheticEvent, newValue: string) => void;\n};\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: string;\n  onChange: (event: React.SyntheticEvent, newValue: string) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <MuiTabs\n    {...props}\n    aria-label=\"wrapped tabs\"\n    TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n  />\n))({\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    width: \"100%\",\n    backgroundColor: \"#6672e8\",\n  },\n});\n\nconst StyledTab = styled((props: TabItem) => (\n  <Tab {...props} iconPosition=\"start\" />\n))(({}) => ({\n  \"&.Mui-selected\": {\n    color: \"#000\",\n    fontWeight: \"800\",\n  },\n}));\n\nexport const Tabs = (props: Props) => {\n  const { items, value, handleChange } = props;\n\n  return (\n    <Box sx={{ width: \"100%\" }}>\n      <StyledTabs\n        value={value}\n        onChange={handleChange}\n        aria-label=\"wrapped tabs\"\n      >\n        {items.map((item) => (\n          <StyledTab\n            key={item.value}\n            icon={item.icon}\n            label={item.label}\n            value={item.value}\n          />\n        ))}\n      </StyledTabs>\n    </Box>\n  );\n};\n\nexport default Tabs;\n"],"names":["StyledTabs","styled","props","jsx","MuiTabs","StyledTab","Tab","Tabs","items","value","handleChange","Box","item"],"mappings":";;AA6BA,MAAMA,IAAaC,EAAO,CAACC,MACzBC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,cAAW;AAAA,IACX,mBAAmB,EAAE,gCAAW,QAAK,EAAA,WAAU,yBAAwB,EAAG;AAAA,EAAA;AAC5E,CACD,EAAE;AAAA,EACD,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EACnB;AAAA,EACA,4BAA4B;AAAA,IAC1B,OAAO;AAAA,IACP,iBAAiB;AAAA,EAAA;AAErB,CAAC,GAEKG,IAAYJ,EAAO,CAACC,4BACvBI,GAAK,EAAA,GAAGJ,GAAO,cAAa,QAAQ,CAAA,CACtC,EAAE,CAAC,CAAA,OAAQ;AAAA,EACV,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,YAAY;AAAA,EAAA;AAEhB,EAAE,GAEWK,IAAO,CAACL,MAAiB;AACpC,QAAM,EAAE,OAAAM,GAAO,OAAAC,GAAO,cAAAC,EAAiB,IAAAR;AAEvC,+BACGS,GAAI,EAAA,IAAI,EAAE,OAAO,UAChB,UAAAR,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,OAAAS;AAAA,MACA,UAAUC;AAAA,MACV,cAAW;AAAA,MAEV,UAAAF,EAAM,IAAI,CAACI,MACVT,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,MAAMO,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,QAAA;AAAA,QAHPA,EAAK;AAAA,MAKb,CAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n  /** タブの識別値 */\n  value: string;\n  /** 表示名 */\n  label: string;\n  /** 表示アイコン example:\n   * <PhoneIcon sx={{ fontSize: 20 }} />\n   */\n  icon?: React.ReactElement;\n};\n\ntype Props = {\n  /** タブアイテム情報*/\n  items: TabItem[];\n  /** 現在選択中のvalue state管理 */\n  value: string;\n  /** 選択中のTabが変更された時のhandler */\n  handleChange: (event: React.SyntheticEvent, newValue: string) => void;\n};\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: string;\n  onChange: (event: React.SyntheticEvent, newValue: string) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <MuiTabs\n    {...props}\n    aria-label=\"wrapped tabs\"\n    TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n  />\n))({\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    width: \"100%\",\n    backgroundColor: \"#6672e8\",\n  },\n});\n\nconst StyledTab = styled((props: TabItem) => (\n  <Tab {...props} iconPosition=\"start\" />\n))(({}) => ({\n  \"&.Mui-selected\": {\n    color: \"#000\",\n    fontWeight: \"800\",\n  },\n}));\n\nexport const Tabs = (props: Props) => {\n  const { items, value, handleChange } = props;\n\n  return (\n    <Box sx={{ width: \"100%\" }}>\n      <StyledTabs\n        value={value}\n        onChange={handleChange}\n        aria-label=\"wrapped tabs\"\n      >\n        {items.map((item) => (\n          <StyledTab\n            key={item.value}\n            icon={item.icon}\n            label={item.label}\n            value={item.value}\n          />\n        ))}\n      </StyledTabs>\n    </Box>\n  );\n};\n\nexport default Tabs;\n"],"names":["StyledTabs","styled","props","jsx","MuiTabs","StyledTab","Tab","Tabs","items","value","handleChange","Box","item"],"mappings":";;AA6BA,MAAMA,IAAaC,EAAO,CAACC,MACzB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,cAAW;AAAA,IACX,mBAAmB,EAAE,4BAAW,QAAK,EAAA,WAAU,yBAAwB,EAAG;AAAA,EAAA;AAC5E,CACD,EAAE;AAAA,EACD,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EACnB;AAAA,EACA,4BAA4B;AAAA,IAC1B,OAAO;AAAA,IACP,iBAAiB;AAAA,EAAA;AAErB,CAAC,GAEKG,IAAYJ,EAAO,CAACC,wBACvBI,GAAK,EAAA,GAAGJ,GAAO,cAAa,QAAQ,CAAA,CACtC,EAAE,CAAC,CAAA,OAAQ;AAAA,EACV,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,YAAY;AAAA,EAAA;AAEhB,EAAE,GAEWK,IAAO,CAACL,MAAiB;AACpC,QAAM,EAAE,OAAAM,GAAO,OAAAC,GAAO,cAAAC,EAAiB,IAAAR;AAEvC,2BACGS,GAAI,EAAA,IAAI,EAAE,OAAO,UAChB,UAAA,gBAAAR;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,OAAAS;AAAA,MACA,UAAUC;AAAA,MACV,cAAW;AAAA,MAEV,UAAAF,EAAM,IAAI,CAACI,MACV,gBAAAT;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,MAAMO,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,QAAA;AAAA,QAHPA,EAAK;AAAA,MAKb,CAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const l=require("../../jsx-runtime-Dajn0hD2.cjs"),s=require("../../react.esm-DzAzWxXs.cjs"),c=require("./index.cjs.js");require("../../index-0ocAFlwM.cjs");describe("Tabs Component",()=>{const e=jest.fn(),t=[{value:"tab1",label:"Tab 1"},{value:"tab2",label:"Tab 2"},{value:"tab3",label:"Tab 3"}];it("renders the tabs correctly",()=>{const{getByText:a}=s.render(l.jsxRuntimeExports.jsx(c.Tabs,{items:t,value:"tab1",handleChange:e}));t.forEach(n=>{expect(a(n.label)).toBeInTheDocument()})}),it("calls handleChange with the right value when a tab is clicked",()=>{const{getByText:a}=s.render(l.jsxRuntimeExports.jsx(c.Tabs,{items:t,value:"tab1",handleChange:e})),n=a("Tab 2");s.fireEvent.click(n),expect(e).toHaveBeenCalled(),expect(e).toHaveBeenCalledWith(expect.anything(),"tab2")})});
+"use strict";const c=require("react/jsx-runtime"),l=require("../../react.esm-CiMn0Rnx.cjs"),s=require("./index.cjs.js");require("../../index-BpMSrIOq.cjs");describe("Tabs Component",()=>{const e=jest.fn(),t=[{value:"tab1",label:"Tab 1"},{value:"tab2",label:"Tab 2"},{value:"tab3",label:"Tab 3"}];it("renders the tabs correctly",()=>{const{getByText:a}=l.render(c.jsx(s.Tabs,{items:t,value:"tab1",handleChange:e}));t.forEach(n=>{expect(a(n.label)).toBeInTheDocument()})}),it("calls handleChange with the right value when a tab is clicked",()=>{const{getByText:a}=l.render(c.jsx(s.Tabs,{items:t,value:"tab1",handleChange:e})),n=a("Tab 2");l.fireEvent.click(n),expect(e).toHaveBeenCalled(),expect(e).toHaveBeenCalledWith(expect.anything(),"tab2")})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n  const mockHandleChange = jest.fn();\n  const items = [\n    { value: \"tab1\", label: \"Tab 1\" },\n    { value: \"tab2\", label: \"Tab 2\" },\n    { value: \"tab3\", label: \"Tab 3\" },\n  ];\n\n  it(\"renders the tabs correctly\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    items.forEach((item) => {\n      expect(getByText(item.label)).toBeInTheDocument();\n    });\n  });\n\n  it(\"calls handleChange with the right value when a tab is clicked\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    const tab2 = getByText(\"Tab 2\");\n    fireEvent.click(tab2);\n\n    expect(mockHandleChange).toHaveBeenCalled();\n    expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n  });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":"yKAMA,SAAS,iBAAkB,IAAM,CACzB,MAAAA,EAAmB,KAAK,GAAG,EAC3BC,EAAQ,CACZ,CAAE,MAAO,OAAQ,MAAO,OAAQ,EAChC,CAAE,MAAO,OAAQ,MAAO,OAAQ,EAChC,CAAE,MAAO,OAAQ,MAAO,OAAQ,CAClC,EAEA,GAAG,6BAA8B,IAAM,CAC/B,KAAA,CAAE,UAAAC,GAAcC,EAAA,+BACnBC,EAAK,KAAA,CAAA,MAAAH,EAAc,MAAM,OAAO,aAAcD,CAAkB,CAAA,CACnE,EAEMC,EAAA,QAASI,GAAS,CACtB,OAAOH,EAAUG,EAAK,KAAK,CAAC,EAAE,kBAAkB,CAAA,CACjD,CAAA,CACF,EAED,GAAG,gEAAiE,IAAM,CAClE,KAAA,CAAE,UAAAH,GAAcC,EAAA,+BACnBC,EAAK,KAAA,CAAA,MAAAH,EAAc,MAAM,OAAO,aAAcD,CAAkB,CAAA,CACnE,EAEMM,EAAOJ,EAAU,OAAO,EAC9BK,EAAA,UAAU,MAAMD,CAAI,EAEb,OAAAN,CAAgB,EAAE,iBAAiB,EAC1C,OAAOA,CAAgB,EAAE,qBAAqB,OAAO,WAAY,MAAM,CAAA,CACxE,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n  const mockHandleChange = jest.fn();\n  const items = [\n    { value: \"tab1\", label: \"Tab 1\" },\n    { value: \"tab2\", label: \"Tab 2\" },\n    { value: \"tab3\", label: \"Tab 3\" },\n  ];\n\n  it(\"renders the tabs correctly\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    items.forEach((item) => {\n      expect(getByText(item.label)).toBeInTheDocument();\n    });\n  });\n\n  it(\"calls handleChange with the right value when a tab is clicked\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    const tab2 = getByText(\"Tab 2\");\n    fireEvent.click(tab2);\n\n    expect(mockHandleChange).toHaveBeenCalled();\n    expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n  });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":"4JAMA,SAAS,iBAAkB,IAAM,CACzB,MAAAA,EAAmB,KAAK,GAAG,EAC3BC,EAAQ,CACZ,CAAE,MAAO,OAAQ,MAAO,OAAQ,EAChC,CAAE,MAAO,OAAQ,MAAO,OAAQ,EAChC,CAAE,MAAO,OAAQ,MAAO,OAAQ,CAClC,EAEA,GAAG,6BAA8B,IAAM,CAC/B,KAAA,CAAE,UAAAC,GAAcC,EAAA,aACnBC,EAAK,KAAA,CAAA,MAAAH,EAAc,MAAM,OAAO,aAAcD,CAAkB,CAAA,CACnE,EAEMC,EAAA,QAASI,GAAS,CACtB,OAAOH,EAAUG,EAAK,KAAK,CAAC,EAAE,kBAAkB,CAAA,CACjD,CAAA,CACF,EAED,GAAG,gEAAiE,IAAM,CAClE,KAAA,CAAE,UAAAH,GAAcC,EAAA,aACnBC,EAAK,KAAA,CAAA,MAAAH,EAAc,MAAM,OAAO,aAAcD,CAAkB,CAAA,CACnE,EAEMM,EAAOJ,EAAU,OAAO,EAC9BK,EAAA,UAAU,MAAMD,CAAI,EAEb,OAAAN,CAAgB,EAAE,iBAAiB,EAC1C,OAAOA,CAAgB,EAAE,qBAAqB,OAAO,WAAY,MAAM,CAAA,CACxE,CACH,CAAC"}

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

@@ -1,25 +1,25 @@
-import { j as n } from "../../jsx-runtime-CbmOdJhC.js";
-import { r as o, f as b } from "../../react.esm-BL1KU4o5.js";
-import { Tabs as s } from "./index.es.js";
-import "../../index-BWKwvsbv.js";
+import { jsx as n } from "react/jsx-runtime";
+import { r as o, f as c } from "../../react.esm-2FJSSo-S.js";
+import { Tabs as b } from "./index.es.js";
+import "../../index-DCSLk6pp.js";
 describe("Tabs Component", () => {
-  const e = jest.fn(), t = [
+  const e = jest.fn(), a = [
     { value: "tab1", label: "Tab 1" },
     { value: "tab2", label: "Tab 2" },
     { value: "tab3", label: "Tab 3" }
   ];
   it("renders the tabs correctly", () => {
-    const { getByText: a } = o(
-      /* @__PURE__ */ n.jsx(s, { items: t, value: "tab1", handleChange: e })
+    const { getByText: t } = o(
+      /* @__PURE__ */ n(b, { items: a, value: "tab1", handleChange: e })
     );
-    t.forEach((l) => {
-      expect(a(l.label)).toBeInTheDocument();
+    a.forEach((l) => {
+      expect(t(l.label)).toBeInTheDocument();
     });
   }), it("calls handleChange with the right value when a tab is clicked", () => {
-    const { getByText: a } = o(
-      /* @__PURE__ */ n.jsx(s, { items: t, value: "tab1", handleChange: e })
-    ), l = a("Tab 2");
-    b.click(l), expect(e).toHaveBeenCalled(), expect(e).toHaveBeenCalledWith(expect.anything(), "tab2");
+    const { getByText: t } = o(
+      /* @__PURE__ */ n(b, { items: a, value: "tab1", handleChange: e })
+    ), l = t("Tab 2");
+    c.click(l), expect(e).toHaveBeenCalled(), expect(e).toHaveBeenCalledWith(expect.anything(), "tab2");
   });
 });
 //# sourceMappingURL=index.test.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n  const mockHandleChange = jest.fn();\n  const items = [\n    { value: \"tab1\", label: \"Tab 1\" },\n    { value: \"tab2\", label: \"Tab 2\" },\n    { value: \"tab3\", label: \"Tab 3\" },\n  ];\n\n  it(\"renders the tabs correctly\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    items.forEach((item) => {\n      expect(getByText(item.label)).toBeInTheDocument();\n    });\n  });\n\n  it(\"calls handleChange with the right value when a tab is clicked\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    const tab2 = getByText(\"Tab 2\");\n    fireEvent.click(tab2);\n\n    expect(mockHandleChange).toHaveBeenCalled();\n    expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n  });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":";;;;AAMA,SAAS,kBAAkB,MAAM;AACzB,QAAAA,IAAmB,KAAK,GAAG,GAC3BC,IAAQ;AAAA,IACZ,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,IAChC,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,IAChC,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,EAClC;AAEA,KAAG,8BAA8B,MAAM;AAC/B,UAAA,EAAE,WAAAC,MAAcC;AAAA,4BACnBC,GAAK,EAAA,OAAAH,GAAc,OAAM,QAAO,cAAcD,EAAkB,CAAA;AAAA,IACnE;AAEM,IAAAC,EAAA,QAAQ,CAACI,MAAS;AACtB,aAAOH,EAAUG,EAAK,KAAK,CAAC,EAAE,kBAAkB;AAAA,IAAA,CACjD;AAAA,EAAA,CACF,GAED,GAAG,iEAAiE,MAAM;AAClE,UAAA,EAAE,WAAAH,MAAcC;AAAA,4BACnBC,GAAK,EAAA,OAAAH,GAAc,OAAM,QAAO,cAAcD,EAAkB,CAAA;AAAA,IACnE,GAEMM,IAAOJ,EAAU,OAAO;AAC9B,IAAAK,EAAU,MAAMD,CAAI,GAEb,OAAAN,CAAgB,EAAE,iBAAiB,GAC1C,OAAOA,CAAgB,EAAE,qBAAqB,OAAO,YAAY,MAAM;AAAA,EAAA,CACxE;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n  const mockHandleChange = jest.fn();\n  const items = [\n    { value: \"tab1\", label: \"Tab 1\" },\n    { value: \"tab2\", label: \"Tab 2\" },\n    { value: \"tab3\", label: \"Tab 3\" },\n  ];\n\n  it(\"renders the tabs correctly\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    items.forEach((item) => {\n      expect(getByText(item.label)).toBeInTheDocument();\n    });\n  });\n\n  it(\"calls handleChange with the right value when a tab is clicked\", () => {\n    const { getByText } = render(\n      <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n    );\n\n    const tab2 = getByText(\"Tab 2\");\n    fireEvent.click(tab2);\n\n    expect(mockHandleChange).toHaveBeenCalled();\n    expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n  });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":";;;;AAMA,SAAS,kBAAkB,MAAM;AACzB,QAAAA,IAAmB,KAAK,GAAG,GAC3BC,IAAQ;AAAA,IACZ,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,IAChC,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,IAChC,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,EAClC;AAEA,KAAG,8BAA8B,MAAM;AAC/B,UAAA,EAAE,WAAAC,MAAcC;AAAA,wBACnBC,GAAK,EAAA,OAAAH,GAAc,OAAM,QAAO,cAAcD,EAAkB,CAAA;AAAA,IACnE;AAEM,IAAAC,EAAA,QAAQ,CAACI,MAAS;AACtB,aAAOH,EAAUG,EAAK,KAAK,CAAC,EAAE,kBAAkB;AAAA,IAAA,CACjD;AAAA,EAAA,CACF,GAED,GAAG,iEAAiE,MAAM;AAClE,UAAA,EAAE,WAAAH,MAAcC;AAAA,wBACnBC,GAAK,EAAA,OAAAH,GAAc,OAAM,QAAO,cAAcD,EAAkB,CAAA;AAAA,IACnE,GAEMM,IAAOJ,EAAU,OAAO;AAC9B,IAAAK,EAAU,MAAMD,CAAI,GAEb,OAAAN,CAAgB,EAAE,iBAAiB,GAC1C,OAAOA,CAAgB,EAAE,qBAAqB,OAAO,YAAY,MAAM;AAAA,EAAA,CACxE;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index2.css');const s=require("../../jsx-runtime-Dajn0hD2.cjs"),c=require("classnames"),x="_inputContainer_qfvgb_1",d="_textArea_qfvgb_8",_="_error_qfvgb_22",g="_errorMessage_qfvgb_26",e={inputContainer:x,textArea:d,error:_,errorMessage:g},t=a=>{const{id:o,register:n,placeholder:i,rows:l,errorMessage:r,disabled:u}=a;return s.jsxRuntimeExports.jsxs("div",{className:e.inputContainer,children:[s.jsxRuntimeExports.jsx("textarea",{id:o,...n,className:c(e.textArea,{[e.error]:r}),placeholder:i,rows:l,disabled:u}),r&&s.jsxRuntimeExports.jsx("small",{className:e.errorMessage,children:r})]})};t.defaultProps={rows:3,disabled:!1};exports.TextArea=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index2.css');const s=require("react/jsx-runtime"),u=require("classnames"),d="_inputContainer_qfvgb_1",_="_textArea_qfvgb_8",g="_error_qfvgb_22",x="_errorMessage_qfvgb_26",e={inputContainer:d,textArea:_,error:g,errorMessage:x},t=a=>{const{id:o,register:n,placeholder:i,rows:l,errorMessage:r,disabled:c}=a;return s.jsxs("div",{className:e.inputContainer,children:[s.jsx("textarea",{id:o,...n,className:u(e.textArea,{[e.error]:r}),placeholder:i,rows:l,disabled:c}),r&&s.jsx("small",{className:e.errorMessage,children:r})]})};t.defaultProps={rows:3,disabled:!1};exports.TextArea=t;exports.default=t;
 //# sourceMappingURL=index.cjs.js.map