@jigowatts/jigowatts-ui 2.0.0 → 2.1.0

package/dist/assets/index10.css

@@ -1 +1 @@
-._rangeContainer_17n2w_1{display:flex;gap:8px;align-items:center}._rangeContainer_17n2w_1 input{color:#000;border:none!important}._rangeContainer_17n2w_1 input::-moz-placeholder{font-size:10px}._rangeContainer_17n2w_1 input::placeholder{font-size:10px}
+@charset "UTF-8";._contentContainer_1d18f_2{width:100%;display:flex;flex-direction:column;flex-grow:1}._scrollableTableContainer_1d18f_10{flex:1;background-color:#fff;position:relative;overflow:auto;border:1px solid #ccc;border-radius:5px;margin:16px 0}._table_1d18f_20{border-collapse:collapse;background-color:#fff;min-width:100%;width:-moz-max-content!important;width:max-content!important}._header_1d18f_27{position:sticky;top:0;outline:1px solid lightgray!important;background-color:#fff}._th_1d18f_35{padding:16px;margin-top:48px;font-weight:700;max-width:240px;white-space:nowrap}._th_1d18f_35:hover{background-color:#00001513}._headerCell_1d18f_47{display:flex;gap:4px;align-items:center;font-size:small}._sortIcons_1d18f_54{display:flex;flex-direction:column;margin-left:5px}._sortIcon_1d18f_54{font-size:11px;color:#d3d3d3;margin:0}._sortIcon_1d18f_54._selected_1d18f_66{color:#1677ff}._row_1d18f_70{border-bottom:.5px solid #cfcfcf}._row_1d18f_70:hover{background-color:#00001513}._clickable_1d18f_78{cursor:pointer}._td_1d18f_82{padding:16px;font-size:small;max-width:300px;white-space:pre-wrap;word-break:break-all}._nonBorder_1d18f_90{border:none}

package/dist/assets/index11.css

@@ -1 +1 @@
-._container_yrdw7_1{background:#fff;border:1px solid #ccc}._header_yrdw7_6{padding:8px 16px!important;min-height:0!important;font-size:small;font-weight:800;display:flex;align-items:center;justify-content:space-between}._header_yrdw7_6 div{margin:0!important}._mainContent_yrdw7_19{border-top:1px solid #ccc;padding:24px!important;display:flex;flex-direction:column;gap:32px}._items_yrdw7_27{display:grid;gap:24px 96px}._gridOnlyOne_yrdw7_32{grid-column:span 2}@media (min-width: 901px) and (max-width: 1536px){._items_yrdw7_27[data-grid-columns="1"]{grid-template-columns:1fr!important}._items_yrdw7_27:not([data-grid-columns="1"]){grid-template-columns:1fr 1fr!important}._gridOnlyOne_yrdw7_32{grid-column:span 2!important}}@media (max-width: 900px){._items_yrdw7_27{grid-template-columns:1fr!important}._gridOnlyOne_yrdw7_32{grid-column:span 1!important}}
+._errorMessage_1x344_1{color:#de3b35;text-align:center;white-space:pre-line}

package/dist/assets/index12.css

@@ -1 +1 @@
-._link_1e6wm_1{text-decoration:underline;color:#00f;font-size:14px;font-weight:300}
+._evseStateLabel_10v1n_1{border-radius:4px;text-align:center;padding:4px;font-weight:400;color:#fff;max-width:100px}

package/dist/assets/index13.css

@@ -1 +1 @@
-@charset "UTF-8";._contentContainer_1d18f_2{width:100%;display:flex;flex-direction:column;flex-grow:1}._scrollableTableContainer_1d18f_10{flex:1;background-color:#fff;position:relative;overflow:auto;border:1px solid #ccc;border-radius:5px;margin:16px 0}._table_1d18f_20{border-collapse:collapse;background-color:#fff;min-width:100%;width:-moz-max-content!important;width:max-content!important}._header_1d18f_27{position:sticky;top:0;outline:1px solid lightgray!important;background-color:#fff}._th_1d18f_35{padding:16px;margin-top:48px;font-weight:700;max-width:240px;white-space:nowrap}._th_1d18f_35:hover{background-color:#00001513}._headerCell_1d18f_47{display:flex;gap:4px;align-items:center;font-size:small}._sortIcons_1d18f_54{display:flex;flex-direction:column;margin-left:5px}._sortIcon_1d18f_54{font-size:11px;color:#d3d3d3;margin:0}._sortIcon_1d18f_54._selected_1d18f_66{color:#1677ff}._row_1d18f_70{border-bottom:.5px solid #cfcfcf}._row_1d18f_70:hover{background-color:#00001513}._clickable_1d18f_78{cursor:pointer}._td_1d18f_82{padding:16px;font-size:small;max-width:300px;white-space:pre-wrap;word-break:break-all}._nonBorder_1d18f_90{border:none}
+._buttons_10vqq_1{display:flex;justify-content:flex-end;gap:20px;font-size:small;flex-wrap:wrap;white-space:nowrap}._buttons_10vqq_1 button{min-width:160px}

package/dist/assets/index14.css

@@ -1 +1 @@
-._errorMessage_1x344_1{color:#de3b35;text-align:center;white-space:pre-line}
+._form_1fwny_1{display:flex;flex-direction:column;gap:32px;align-items:center;width:100%}

package/dist/assets/index15.css

@@ -1 +1 @@
-._evseStateLabel_10v1n_1{border-radius:4px;text-align:center;padding:4px;font-weight:400;color:#fff;max-width:100px}
+._formItem_oyo9s_1{display:flex;flex-direction:column;gap:5px}._formItem_oyo9s_1 label{font-weight:600;font-size:small;margin-left:4px}._formItem_oyo9s_1 input{background:#fff;color:#000;border-radius:5px;padding:12px 4px 12px 12px;font-weight:400;font-size:small}._formItem_oyo9s_1 select{font-size:small;border-radius:4px}._gridFirst_oyo9s_25{grid-column:1}

package/dist/assets/index16.css

@@ -1 +1 @@
-._buttons_10vqq_1{display:flex;justify-content:flex-end;gap:20px;font-size:small;flex-wrap:wrap;white-space:nowrap}._buttons_10vqq_1 button{min-width:160px}
+._formTitle_qum4o_1{width:100%;padding-left:16px;font-size:18px;border-left:4px solid #0a263b}

package/dist/assets/index17.css

@@ -1 +1 @@
-._form_1fwny_1{display:flex;flex-direction:column;gap:32px;align-items:center;width:100%}
+._inputContainer_1gij2_1{display:flex;flex-direction:column;gap:8px;width:100%}._input_1gij2_1{width:100%;outline:none;padding:16px;border:1px solid #c4c4c4;border-radius:8px;font-family:Noto Sans JP,sans-serif;font-size:16px}._input_1gij2_1::-moz-placeholder{color:#c4c4c4;font-weight:300}._input_1gij2_1::placeholder{color:#c4c4c4;font-weight:300}._error_1gij2_22{border:1px solid #de3b35}._errorMessage_1gij2_26{color:#de3b35;font-size:12px}

package/dist/assets/index18.css

@@ -1 +1 @@
-._formItem_oyo9s_1{display:flex;flex-direction:column;gap:5px}._formItem_oyo9s_1 label{font-weight:600;font-size:small;margin-left:4px}._formItem_oyo9s_1 input{background:#fff;color:#000;border-radius:5px;padding:12px 4px 12px 12px;font-weight:400;font-size:small}._formItem_oyo9s_1 select{font-size:small;border-radius:4px}._gridFirst_oyo9s_25{grid-column:1}
+._inputGroup_yg0op_1{display:flex;align-items:center;gap:8px;text-align:start;width:100%}

package/dist/assets/index19.css

@@ -1 +1 @@
-._formTitle_qum4o_1{width:100%;padding-left:16px;font-size:18px;border-left:4px solid #0a263b}
+._required_1f4sr_1{font-size:12px;color:#de3b35}

package/dist/assets/index20.css

@@ -1 +1 @@
-._inputContainer_1gij2_1{display:flex;flex-direction:column;gap:8px;width:100%}._input_1gij2_1{width:100%;outline:none;padding:16px;border:1px solid #c4c4c4;border-radius:8px;font-family:Noto Sans JP,sans-serif;font-size:16px}._input_1gij2_1::-moz-placeholder{color:#c4c4c4;font-weight:300}._input_1gij2_1::placeholder{color:#c4c4c4;font-weight:300}._error_1gij2_22{border:1px solid #de3b35}._errorMessage_1gij2_26{color:#de3b35;font-size:12px}
+._container_1gimn_1{display:flex;flex-direction:column;gap:10px}._label_1gimn_7{font-weight:600;font-size:small;color:#363636}._label_1gimn_7 ._required_1gimn_12{color:#de3b35}._content_1gimn_16{font-size:small;font-weight:300;display:contents;white-space:pre-line;word-wrap:break-word}

package/dist/assets/index21.css

@@ -1 +1 @@
-._inputGroup_yg0op_1{display:flex;align-items:center;gap:8px;text-align:start;width:100%}
+._overlay_igez4_1{width:100vw;height:100vh;background-color:#00000080;position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center}

package/dist/assets/index22.css

@@ -1 +1 @@
-._required_1f4sr_1{font-size:12px;color:#de3b35}
+._maxWidthContainer_1pmeg_1{margin:48px 24px}._content_1pmeg_5{margin:0 auto;display:flex;flex-direction:column;gap:28px;align-items:center}

package/dist/assets/index23.css

@@ -1 +1 @@
-._container_1gimn_1{display:flex;flex-direction:column;gap:10px}._label_1gimn_7{font-weight:600;font-size:small;color:#363636}._label_1gimn_7 ._required_1gimn_12{color:#de3b35}._content_1gimn_16{font-size:small;font-weight:300;display:contents;white-space:pre-line;word-wrap:break-word}
+._offlineLabel_2osy9_1{display:flex;gap:4px;color:red;margin-bottom:5px;border:solid 1px;border-radius:9999px;padding:2px 8px;max-width:-moz-fit-content;max-width:fit-content;text-align:center;align-items:center}

package/dist/assets/index24.css

@@ -1 +1 @@
-._overlay_igez4_1{width:100vw;height:100vh;background-color:#00000080;position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center}
+._pageSelectorWrapper_1ylkc_1{display:flex;justify-content:flex-end}._pageSelectorWrapper_1ylkc_1 ._pageSelectorContainer_1ylkc_5{display:flex;gap:16px;align-items:center;justify-content:center}._pageSelectorWrapper_1ylkc_1 ._pageSelectorContainer_1ylkc_5 p{flex-shrink:0}._pageSelectorWrapper_1ylkc_1 ._pageSelectorContainer_1ylkc_5 ._selectBoxWrapper_1ylkc_14{display:flex;align-items:center}

package/dist/assets/index25.css

@@ -1 +1 @@
-._maxWidthContainer_1pmeg_1{margin:48px 24px}._content_1pmeg_5{margin:0 auto;display:flex;flex-direction:column;gap:28px;align-items:center}
+._inputContainer_18h3l_1{display:flex;flex-direction:column;gap:8px;width:100%}._radioGroup_18h3l_8{display:flex;align-items:center;gap:16px 40px;flex-wrap:wrap}._radio_18h3l_8{display:flex;align-items:center;gap:8px}._input_18h3l_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:24px;height:24px;padding:6px;background-clip:content-box;border:1px solid #c4c4c4;border-radius:50%}._input_18h3l_1:checked{background-color:#354e57}._error_18h3l_36{border:1px solid #de3b35}._errorMessage_18h3l_40{color:#de3b35;font-size:12px}

package/dist/assets/index26.css

@@ -1 +1 @@
-._offlineLabel_2osy9_1{display:flex;gap:4px;color:red;margin-bottom:5px;border:solid 1px;border-radius:9999px;padding:2px 8px;max-width:-moz-fit-content;max-width:fit-content;text-align:center;align-items:center}
+._reportCard_wox0s_1{width:100%;min-height:min(20vh,25vw);display:flex;justify-content:center;align-items:center}._reportCard_wox0s_1 ._reportBox_wox0s_8{display:flex;align-items:center;justify-content:center;min-height:100px}._reportCard_wox0s_1 ._reportLabel_wox0s_14{text-align:center}._reportCard_wox0s_1 ._reportValue_wox0s_17{text-align:center;font-size:xx-large}

package/dist/assets/index27.css

@@ -1 +1 @@
-._pageSelectorWrapper_1ylkc_1{display:flex;justify-content:flex-end}._pageSelectorWrapper_1ylkc_1 ._pageSelectorContainer_1ylkc_5{display:flex;gap:16px;align-items:center;justify-content:center}._pageSelectorWrapper_1ylkc_1 ._pageSelectorContainer_1ylkc_5 p{flex-shrink:0}._pageSelectorWrapper_1ylkc_1 ._pageSelectorContainer_1ylkc_5 ._selectBoxWrapper_1ylkc_14{display:flex;align-items:center}
+._chart_15x7v_1{padding:1.5em;width:100%;height:min(40vh,50vw)}._reportBox_15x7v_7{min-height:min(40vh,50vw)}._nodata_15x7v_11{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}._rechartsDefaultTooltip_15x7v_19{margin:0;padding:10px;background-color:#fff;border:1px solid rgb(204,204,204);white-space:nowrap}._rechartsTooltipLabel_15x7v_27{margin:0}._rechartsTooltipItemList_15x7v_31{padding:0;margin:0}._rechartsTooltipItem_15x7v_31{display:block;padding-top:4px;padding-bottom:4px;color:#0d74be}

package/dist/assets/index28.css

@@ -1 +1 @@
-._inputContainer_18h3l_1{display:flex;flex-direction:column;gap:8px;width:100%}._radioGroup_18h3l_8{display:flex;align-items:center;gap:16px 40px;flex-wrap:wrap}._radio_18h3l_8{display:flex;align-items:center;gap:8px}._input_18h3l_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:24px;height:24px;padding:6px;background-clip:content-box;border:1px solid #c4c4c4;border-radius:50%}._input_18h3l_1:checked{background-color:#354e57}._error_18h3l_36{border:1px solid #de3b35}._errorMessage_18h3l_40{color:#de3b35;font-size:12px}
+@charset "UTF-8";._inputContainer_1sj6d_2{display:flex;flex-direction:column;gap:8px;width:100%}._selectWrapper_1sj6d_9{display:flex;position:relative;align-items:center}._selectWrapper_1sj6d_9:after{content:"▼";font-size:11px;color:#000;right:8px;padding:8px 0;position:absolute}._select_1sj6d_9{-webkit-appearance:none;width:100%;font-family:Noto Sans JP,sans-serif;font-size:16px;color:#000;padding:4px 16px 4px 8px;border:1px solid #c4c4c4;border-radius:8px;background-color:#fff;text-overflow:ellipsis}._placeholder_1sj6d_36{color:gray}._error_1sj6d_40{border:1px solid #de3b35}._errorMessage_1sj6d_44{color:#de3b35;font-size:12px}

package/dist/assets/index29.css

@@ -1 +1 @@
-@charset "UTF-8";._inputContainer_1sj6d_2{display:flex;flex-direction:column;gap:8px;width:100%}._selectWrapper_1sj6d_9{display:flex;position:relative;align-items:center}._selectWrapper_1sj6d_9:after{content:"▼";font-size:11px;color:#000;right:8px;padding:8px 0;position:absolute}._select_1sj6d_9{-webkit-appearance:none;width:100%;font-family:Noto Sans JP,sans-serif;font-size:16px;color:#000;padding:4px 16px 4px 8px;border:1px solid #c4c4c4;border-radius:8px;background-color:#fff;text-overflow:ellipsis}._placeholder_1sj6d_36{color:gray}._error_1sj6d_40{border:1px solid #de3b35}._errorMessage_1sj6d_44{color:#de3b35;font-size:12px}
+._content_1moz8_1{display:flex;flex-direction:row;height:100%;align-items:center}

package/dist/assets/index30.css

@@ -1 +1 @@
-._content_1moz8_1{display:flex;flex-direction:row;height:100%;align-items:center}
+._title_1p2hj_1{font-size:16px}

package/dist/assets/index31.css

@@ -1 +1 @@
-._title_1p2hj_1{font-size:16px}
+._card_1i7he_1,._content_1i7he_5{width:100%}

package/dist/assets/index32.css

@@ -1 +1 @@
-._card_1i7he_1,._content_1i7he_5{width:100%}
+._reportChart_t9sla_1{width:100%;min-height:min(20vh,25vw)}._reportChart_t9sla_1 ._title_t9sla_5{font-size:larger;font-weight:700;padding:1em}._reportChart_t9sla_1 ._chart_t9sla_10{padding:1.5em;width:100%;height:min(40vh,50vw)}._reportChart_t9sla_1 ._reportBox_t9sla_15{min-height:min(40vh,50vw)}._nodata_t9sla_19{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}

package/dist/assets/index7.css

@@ -1 +1 @@
-._reportChart_t9sla_1{width:100%;min-height:min(20vh,25vw)}._reportChart_t9sla_1 ._title_t9sla_5{font-size:larger;font-weight:700;padding:1em}._reportChart_t9sla_1 ._chart_t9sla_10{padding:1.5em;width:100%;height:min(40vh,50vw)}._reportChart_t9sla_1 ._reportBox_t9sla_15{min-height:min(40vh,50vw)}._nodata_t9sla_19{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
+._rangeContainer_17n2w_1{display:flex;gap:8px;align-items:center}._rangeContainer_17n2w_1 input{color:#000;border:none!important}._rangeContainer_17n2w_1 input::-moz-placeholder{font-size:10px}._rangeContainer_17n2w_1 input::placeholder{font-size:10px}

package/dist/assets/index8.css

@@ -1 +1 @@
-._chart_15x7v_1{padding:1.5em;width:100%;height:min(40vh,50vw)}._reportBox_15x7v_7{min-height:min(40vh,50vw)}._nodata_15x7v_11{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}._rechartsDefaultTooltip_15x7v_19{margin:0;padding:10px;background-color:#fff;border:1px solid rgb(204,204,204);white-space:nowrap}._rechartsTooltipLabel_15x7v_27{margin:0}._rechartsTooltipItemList_15x7v_31{padding:0;margin:0}._rechartsTooltipItem_15x7v_31{display:block;padding-top:4px;padding-bottom:4px;color:#0d74be}
+._container_yrdw7_1{background:#fff;border:1px solid #ccc}._header_yrdw7_6{padding:8px 16px!important;min-height:0!important;font-size:small;font-weight:800;display:flex;align-items:center;justify-content:space-between}._header_yrdw7_6 div{margin:0!important}._mainContent_yrdw7_19{border-top:1px solid #ccc;padding:24px!important;display:flex;flex-direction:column;gap:32px}._items_yrdw7_27{display:grid;gap:24px 96px}._gridOnlyOne_yrdw7_32{grid-column:span 2}@media (min-width: 901px) and (max-width: 1536px){._items_yrdw7_27[data-grid-columns="1"]{grid-template-columns:1fr!important}._items_yrdw7_27:not([data-grid-columns="1"]){grid-template-columns:1fr 1fr!important}._gridOnlyOne_yrdw7_32{grid-column:span 2!important}}@media (max-width: 900px){._items_yrdw7_27{grid-template-columns:1fr!important}._gridOnlyOne_yrdw7_32{grid-column:span 1!important}}

package/dist/assets/index9.css

@@ -1 +1 @@
-._reportCard_wox0s_1{width:100%;min-height:min(20vh,25vw);display:flex;justify-content:center;align-items:center}._reportCard_wox0s_1 ._reportBox_wox0s_8{display:flex;align-items:center;justify-content:center;min-height:100px}._reportCard_wox0s_1 ._reportLabel_wox0s_14{text-align:center}._reportCard_wox0s_1 ._reportValue_wox0s_17{text-align:center;font-size:xx-large}
+._link_1e6wm_1{text-decoration:underline;color:#00f;font-size:14px;font-weight:300}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),o=require("./index.cjs.js");describe("Button",()=>{it("renders correctly",()=>{e.render(n.jsx(o.Button,{children:"Test Button"})),expect(e.screen.getByRole("button",{name:"Test Button"})).toBeInTheDocument()}),it("triggers event on click",()=>{const t=jest.fn();e.render(n.jsx(o.Button,{onClick:t,children:"Clickable"})),e.fireEvent.click(e.screen.getByText("Clickable")),expect(t).toHaveBeenCalledTimes(1)}),it("renders with the thirdly theme color",()=>{e.render(n.jsx(o.Button,{color:"thirdly",variant:"contained",children:"Test Button"}));const t=e.screen.getByRole("button",{name:/test button/i});expect(t).toBeInTheDocument(),expect(t).toHaveClass("MuiButton-containedThirdly")}),it("is disabled when the disabled prop is true",()=>{e.render(n.jsx(o.Button,{disabled:!0,children:"Disabled Button"}));const t=e.screen.getByRole("button",{name:/disabled button/i});expect(t).toBeDisabled()})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),o=require("./index.cjs.js");describe("Button",()=>{it("renders correctly",()=>{e.render(n.jsx(o.Button,{children:"Test Button"})),expect(e.screen.getByRole("button",{name:"Test Button"})).toBeInTheDocument()}),it("triggers event on click",()=>{const t=jest.fn();e.render(n.jsx(o.Button,{onClick:t,children:"Clickable"})),e.fireEvent.click(e.screen.getByText("Clickable")),expect(t).toHaveBeenCalledTimes(1)}),it("renders with the thirdly theme color",()=>{e.render(n.jsx(o.Button,{color:"thirdly",variant:"contained",children:"Test Button"}));const t=e.screen.getByRole("button",{name:/test button/i});expect(t).toBeInTheDocument(),expect(t).toHaveClass("MuiButton-containedThirdly")}),it("is disabled when the disabled prop is true",()=>{e.render(n.jsx(o.Button,{disabled:!0,children:"Disabled Button"}));const t=e.screen.getByRole("button",{name:/disabled button/i});expect(t).toBeDisabled()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as n, s as o, f as r } from "../../react.esm-DVhZgPrH.js";
+import { r as n, s as o, f as r } from "../../react.esm-BBESb8eI.js";
 import { Button as i } from "./index.es.js";
 describe("Button", () => {
   it("renders correctly", () => {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index11.css');const e=require("react/jsx-runtime"),o=require("@mui/icons-material"),t=require("@mui/material"),l=require("classnames"),m="_container_yrdw7_1",u="_header_yrdw7_6",y="_mainContent_yrdw7_19",_="_items_yrdw7_27",O="_gridOnlyOne_yrdw7_32",n={container:m,header:u,mainContent:y,items:_,gridOnlyOne:O},s=a=>{const{headerTitle:i,children:d,gridColumns:r,className:c}=a;return e.jsx("div",{children:e.jsxs(t.Accordion,{defaultExpanded:!0,className:n.container,children:[e.jsx(t.AccordionSummary,{className:n.header,"aria-controls":"panel-content",expandIcon:e.jsx(o.ExpandMore,{}),children:i}),e.jsx(t.AccordionDetails,{className:n.mainContent,children:e.jsx("div",{"data-testid":"card-items","data-grid-columns":r,className:l(n.items,c),style:{gridTemplateColumns:`repeat(${r}, 1fr)`},children:d})})]})})},g=n.gridOnlyOne;exports.Card=s;exports.default=s;exports.gridOnlyOneStyle=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index8.css');const e=require("react/jsx-runtime"),o=require("@mui/icons-material"),t=require("@mui/material"),l=require("classnames"),m="_container_yrdw7_1",u="_header_yrdw7_6",y="_mainContent_yrdw7_19",_="_items_yrdw7_27",O="_gridOnlyOne_yrdw7_32",n={container:m,header:u,mainContent:y,items:_,gridOnlyOne:O},s=a=>{const{headerTitle:i,children:d,gridColumns:r,className:c}=a;return e.jsx("div",{children:e.jsxs(t.Accordion,{defaultExpanded:!0,className:n.container,children:[e.jsx(t.AccordionSummary,{className:n.header,"aria-controls":"panel-content",expandIcon:e.jsx(o.ExpandMore,{}),children:i}),e.jsx(t.AccordionDetails,{className:n.mainContent,children:e.jsx("div",{"data-testid":"card-items","data-grid-columns":r,className:l(n.items,c),style:{gridTemplateColumns:`repeat(${r}, 1fr)`},children:d})})]})})},g=n.gridOnlyOne;exports.Card=s;exports.default=s;exports.gridOnlyOneStyle=g;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { ExpandMore as i } from "@mui/icons-material";
 import { Accordion as c, AccordionSummary as l, AccordionDetails as m } from "@mui/material";
 import _ from "classnames";
-import '../../assets/index11.css';const y = "_container_yrdw7_1", p = "_header_yrdw7_6", h = "_mainContent_yrdw7_19", O = "_items_yrdw7_27", g = "_gridOnlyOne_yrdw7_32", n = {
+import '../../assets/index8.css';const y = "_container_yrdw7_1", p = "_header_yrdw7_6", h = "_mainContent_yrdw7_19", O = "_items_yrdw7_27", g = "_gridOnlyOne_yrdw7_32", n = {
   container: y,
   header: p,
   mainContent: h,

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("../../react.esm-BcRJ42eI.cjs"),t=require("./index.cjs.js");describe("Card component",()=>{it("renders header title correctly",()=>{n.render(e.jsx(t.Card,{headerTitle:"Sample Card",gridColumns:2,children:e.jsx("div",{children:"Content 1"})})),expect(n.screen.getByText("Sample Card")).toBeInTheDocument()}),it("renders children correctly",()=>{n.render(e.jsxs(t.Card,{headerTitle:"Sample Card",gridColumns:2,children:[e.jsx("div",{children:"Content 1"}),e.jsx("div",{children:"Content 11"})]})),expect(n.screen.getByText("Content 1")).toBeInTheDocument(),expect(n.screen.getByText("Content 11")).toBeInTheDocument()}),it("renders with specified grid columns",()=>{n.render(e.jsxs(t.Card,{headerTitle:"Sample Card",gridColumns:3,children:[e.jsx("div",{children:"Content 1"}),e.jsx("div",{children:"Content 2"}),e.jsx("div",{children:"Content 3"}),e.jsx("div",{children:"Content 4"}),e.jsx("div",{children:"Content 5"}),e.jsx("div",{children:"Content 6"}),e.jsx("div",{children:"Content 7"}),e.jsx("div",{children:"Content 8"}),e.jsx("div",{children:"Content 9"}),e.jsx("div",{children:"Content 10"}),e.jsx("div",{children:"Content 11"})]}));const r=n.screen.getByTestId("card-items");expect(r.getAttribute("style")).toContain("grid-template-columns: repeat(3, 1fr)")})});
+"use strict";const e=require("react/jsx-runtime"),n=require("../../react.esm-DGuy6Rn3.cjs"),t=require("./index.cjs.js");describe("Card component",()=>{it("renders header title correctly",()=>{n.render(e.jsx(t.Card,{headerTitle:"Sample Card",gridColumns:2,children:e.jsx("div",{children:"Content 1"})})),expect(n.screen.getByText("Sample Card")).toBeInTheDocument()}),it("renders children correctly",()=>{n.render(e.jsxs(t.Card,{headerTitle:"Sample Card",gridColumns:2,children:[e.jsx("div",{children:"Content 1"}),e.jsx("div",{children:"Content 11"})]})),expect(n.screen.getByText("Content 1")).toBeInTheDocument(),expect(n.screen.getByText("Content 11")).toBeInTheDocument()}),it("renders with specified grid columns",()=>{n.render(e.jsxs(t.Card,{headerTitle:"Sample Card",gridColumns:3,children:[e.jsx("div",{children:"Content 1"}),e.jsx("div",{children:"Content 2"}),e.jsx("div",{children:"Content 3"}),e.jsx("div",{children:"Content 4"}),e.jsx("div",{children:"Content 5"}),e.jsx("div",{children:"Content 6"}),e.jsx("div",{children:"Content 7"}),e.jsx("div",{children:"Content 8"}),e.jsx("div",{children:"Content 9"}),e.jsx("div",{children:"Content 10"}),e.jsx("div",{children:"Content 11"})]}));const r=n.screen.getByTestId("card-items");expect(r.getAttribute("style")).toContain("grid-template-columns: repeat(3, 1fr)")})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { r as n, s as t } from "../../react.esm-DVhZgPrH.js";
+import { r as n, s as t } from "../../react.esm-BBESb8eI.js";
 import { Card as r } from "./index.es.js";
 describe("Card component", () => {
   it("renders header title correctly", () => {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index32.css');const e=require("react/jsx-runtime"),s=require("@mui/material"),u=require("../Title/index.cjs.js"),m="_card_1i7he_1",_="_content_1i7he_5",n={card:m,content:_},a=r=>{const{title:t,children:c,spacingFromTitle:i=32,cardClassName:l,titleClassName:o,childrenWrapperClassName:d}=r;return e.jsx(s.Card,{className:`${n.card} ${l??""}`,children:e.jsxs(s.CardContent,{children:[t&&e.jsx(u.Title,{title:t,className:o??""}),e.jsx("div",{className:`${n.content} ${d??""}`,style:{paddingTop:`${i}px`},children:c})]})})};exports.CardWithTitle=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index31.css');const e=require("react/jsx-runtime"),s=require("@mui/material"),u=require("../Title/index.cjs.js"),m="_card_1i7he_1",_="_content_1i7he_5",n={card:m,content:_},a=r=>{const{title:t,children:c,spacingFromTitle:i=32,cardClassName:l,titleClassName:o,childrenWrapperClassName:d}=r;return e.jsx(s.Card,{className:`${n.card} ${l??""}`,children:e.jsxs(s.CardContent,{children:[t&&e.jsx(u.Title,{title:t,className:o??""}),e.jsx("div",{className:`${n.content} ${d??""}`,style:{paddingTop:`${i}px`},children:c})]})})};exports.CardWithTitle=a;exports.default=a;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { Card as d, CardContent as m } from "@mui/material";
 import { Title as p } from "../Title/index.es.js";
-import '../../assets/index32.css';const h = "_card_1i7he_1", C = "_content_1i7he_5", a = {
+import '../../assets/index31.css';const h = "_card_1i7he_1", C = "_content_1i7he_5", a = {
   card: h,
   content: C
 }, f = (s) => {

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),i=require("../../react.esm-BcRJ42eI.cjs");require("../../index-9p9q0wxE.cjs");const c=require("./index.cjs.js");describe("CardWithTitle Component",()=>{it("renders without title",()=>{const{getByText:e}=i.render(t.jsx(c.CardWithTitle,{children:t.jsx("div",{children:"Test Content"})}));expect(e("Test Content")).toBeInTheDocument()}),it("renders with title",()=>{const e="Test Title",{getByText:n}=i.render(t.jsx(c.CardWithTitle,{title:e,children:t.jsx("div",{children:"Test Content"})}));expect(n(e)).toBeInTheDocument(),expect(n("Test Content")).toBeInTheDocument()}),it("applies default spacing from title",()=>{const{container:e}=i.render(t.jsx(c.CardWithTitle,{title:"Test Title",children:t.jsx("div",{children:"Test Content"})})),n=e.querySelector(".content");expect(n).toHaveStyle("padding-top: 32px")}),it("applies custom spacing from title",()=>{const{container:n}=i.render(t.jsx(c.CardWithTitle,{title:"Test Title",spacingFromTitle:16,children:t.jsx("div",{children:"Test Content"})})),o=n.querySelector(".content");expect(o).toHaveStyle("padding-top: 16px")})});
+"use strict";const t=require("react/jsx-runtime"),i=require("../../react.esm-DGuy6Rn3.cjs");require("../../index-9p9q0wxE.cjs");const c=require("./index.cjs.js");describe("CardWithTitle Component",()=>{it("renders without title",()=>{const{getByText:e}=i.render(t.jsx(c.CardWithTitle,{children:t.jsx("div",{children:"Test Content"})}));expect(e("Test Content")).toBeInTheDocument()}),it("renders with title",()=>{const e="Test Title",{getByText:n}=i.render(t.jsx(c.CardWithTitle,{title:e,children:t.jsx("div",{children:"Test Content"})}));expect(n(e)).toBeInTheDocument(),expect(n("Test Content")).toBeInTheDocument()}),it("applies default spacing from title",()=>{const{container:e}=i.render(t.jsx(c.CardWithTitle,{title:"Test Title",children:t.jsx("div",{children:"Test Content"})})),n=e.querySelector(".content");expect(n).toHaveStyle("padding-top: 32px")}),it("applies custom spacing from title",()=>{const{container:n}=i.render(t.jsx(c.CardWithTitle,{title:"Test Title",spacingFromTitle:16,children:t.jsx("div",{children:"Test Content"})})),o=n.querySelector(".content");expect(o).toHaveStyle("padding-top: 16px")})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as i } from "../../react.esm-DVhZgPrH.js";
+import { r as i } from "../../react.esm-BBESb8eI.js";
 import "../../index-Cj9ZvtM1.js";
 import { CardWithTitle as o } from "./index.es.js";
 describe("CardWithTitle Component", () => {

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),i=require("@mui/icons-material"),r=require("@mui/material"),n=({text:o,sx:l})=>{const[t,s]=d.useState(!1),c=async()=>{try{await navigator.clipboard.writeText(o),s(!0),setTimeout(()=>s(!1),2e3)}catch(p){console.log(p||"コピーに失敗しました")}};return e.jsx(r.Tooltip,{title:t?"コピー済み":"コピー",children:e.jsx(r.IconButton,{onClick:c,sx:l,children:t?e.jsx(i.CheckCircle,{color:"success"}):e.jsx(i.ContentCopy,{})})})},a=({text:o})=>e.jsxs(r.Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",margin:"16px 0",padding:"16px",border:"1px solid rgba(0, 0, 0, 0.12)",borderRadius:"8px"},children:[e.jsx(r.Typography,{variant:"body2",align:"left",sx:{whiteSpace:"pre-line",wordBreak:"break-word",pr:2},children:o}),e.jsx(n,{text:o,sx:{m:-1,flexShrink:0}})]});exports.CopyIcon=n;exports.CopyableBox=a;exports.default=a;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/CopyableBox/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { CheckCircle, ContentCopy } from \"@mui/icons-material\";\nimport { Box, IconButton, SxProps, Tooltip, Typography } from \"@mui/material\";\n\ntype CopyableBoxProps = {\n  text: string;\n};\n\ntype CopyIconProps = {\n  text: string;\n  sx?: SxProps;\n};\n\n/**\n * クリックでコピーできるアイコン\n *\n * @param text コピーするテキスト\n * @param sx アイコンの場所の配置などを指定するスタイル\n */\nexport const CopyIcon = ({ text, sx }: CopyIconProps) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch (error) {\n      console.log(error || \"コピーに失敗しました\");\n    }\n  };\n\n  return (\n    <Tooltip title={copied ? \"コピー済み\" : \"コピー\"}>\n      <IconButton onClick={handleCopy} sx={sx}>\n        {copied ? <CheckCircle color=\"success\" /> : <ContentCopy />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n\n/**\n * クリックでコピーできるボックス\n *\n * @param text Boxに表示するコピーしたいテキスト\n */\nexport const CopyableBox = ({ text }: CopyableBoxProps) => {\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"flex-start\",\n        margin: \"16px 0\",\n        padding: \"16px\",\n        border: \"1px solid rgba(0, 0, 0, 0.12)\",\n        borderRadius: \"8px\",\n      }}\n    >\n      <Typography\n        variant=\"body2\"\n        align=\"left\"\n        sx={{ whiteSpace: \"pre-line\", wordBreak: \"break-word\", pr: 2 }}\n      >\n        {text}\n      </Typography>\n      <CopyIcon text={text} sx={{ m: -1, flexShrink: 0 }} />\n    </Box>\n  );\n};\n\nexport default CopyableBox;\n"],"names":["CopyIcon","text","sx","copied","setCopied","useState","handleCopy","error","jsx","Tooltip","IconButton","CheckCircle","ContentCopy","CopyableBox","jsxs","Box","Typography"],"mappings":"gOAmBaA,EAAW,CAAC,CAAE,KAAAC,EAAM,GAAAC,KAAwB,CACvD,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAEpCC,EAAa,SAAY,CAC7B,GAAI,CACF,MAAM,UAAU,UAAU,UAAUL,CAAI,EACxCG,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAG,GAAI,CACzC,OAASG,EAAO,CACd,QAAQ,IAAIA,GAAS,YAAY,CACnC,CACF,EAEA,OACEC,MAACC,EAAAA,SAAQ,MAAON,EAAS,QAAU,MACjC,SAAAK,EAAAA,IAACE,cAAW,QAASJ,EAAY,GAAAJ,EAC9B,SAAAC,EAASK,EAAAA,IAACG,EAAAA,aAAY,MAAM,UAAU,EAAKH,EAAAA,IAACI,EAAAA,YAAA,EAAY,EAC3D,CAAA,CACF,CAEJ,EAOaC,EAAc,CAAC,CAAE,KAAAZ,KAE1Ba,EAAAA,KAACC,EAAAA,IAAA,CACC,GAAI,CACF,QAAS,OACT,cAAe,MACf,eAAgB,gBAChB,WAAY,aACZ,OAAQ,SACR,QAAS,OACT,OAAQ,gCACR,aAAc,KAAA,EAGhB,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,WAAA,CACC,QAAQ,QACR,MAAM,OACN,GAAI,CAAE,WAAY,WAAY,UAAW,aAAc,GAAI,CAAA,EAE1D,SAAAf,CAAA,CAAA,EAEHO,MAACR,GAAS,KAAAC,EAAY,GAAI,CAAE,EAAG,GAAI,WAAY,EAAE,CAAG,CAAA,CAAA,CAAA"}

package/dist/components/CopyableBox/index.d.ts

@@ -0,0 +1,23 @@
+import { SxProps } from '@mui/material';
+
+type CopyableBoxProps = {
+    text: string;
+};
+type CopyIconProps = {
+    text: string;
+    sx?: SxProps;
+};
+/**
+ * クリックでコピーできるアイコン
+ *
+ * @param text コピーするテキスト
+ * @param sx アイコンの場所の配置などを指定するスタイル
+ */
+export declare const CopyIcon: ({ text, sx }: CopyIconProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * クリックでコピーできるボックス
+ *
+ * @param text Boxに表示するコピーしたいテキスト
+ */
+export declare const CopyableBox: ({ text }: CopyableBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default CopyableBox;

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

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { CheckCircle as s, ContentCopy as p } from "@mui/icons-material";
+import { Tooltip as c, IconButton as d, Box as x, Typography as f } from "@mui/material";
+const m = ({ text: o, sx: i }) => {
+  const [r, t] = l(!1);
+  return /* @__PURE__ */ e(c, { title: r ? "コピー済み" : "コピー", children: /* @__PURE__ */ e(d, { onClick: async () => {
+    try {
+      await navigator.clipboard.writeText(o), t(!0), setTimeout(() => t(!1), 2e3);
+    } catch (n) {
+      console.log(n || "コピーに失敗しました");
+    }
+  }, sx: i, children: r ? /* @__PURE__ */ e(s, { color: "success" }) : /* @__PURE__ */ e(p, {}) }) });
+}, g = ({ text: o }) => /* @__PURE__ */ a(
+  x,
+  {
+    sx: {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      margin: "16px 0",
+      padding: "16px",
+      border: "1px solid rgba(0, 0, 0, 0.12)",
+      borderRadius: "8px"
+    },
+    children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          variant: "body2",
+          align: "left",
+          sx: { whiteSpace: "pre-line", wordBreak: "break-word", pr: 2 },
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e(m, { text: o, sx: { m: -1, flexShrink: 0 } })
+    ]
+  }
+);
+export {
+  m as CopyIcon,
+  g as CopyableBox,
+  g as default
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../src/components/CopyableBox/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { CheckCircle, ContentCopy } from \"@mui/icons-material\";\nimport { Box, IconButton, SxProps, Tooltip, Typography } from \"@mui/material\";\n\ntype CopyableBoxProps = {\n  text: string;\n};\n\ntype CopyIconProps = {\n  text: string;\n  sx?: SxProps;\n};\n\n/**\n * クリックでコピーできるアイコン\n *\n * @param text コピーするテキスト\n * @param sx アイコンの場所の配置などを指定するスタイル\n */\nexport const CopyIcon = ({ text, sx }: CopyIconProps) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch (error) {\n      console.log(error || \"コピーに失敗しました\");\n    }\n  };\n\n  return (\n    <Tooltip title={copied ? \"コピー済み\" : \"コピー\"}>\n      <IconButton onClick={handleCopy} sx={sx}>\n        {copied ? <CheckCircle color=\"success\" /> : <ContentCopy />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n\n/**\n * クリックでコピーできるボックス\n *\n * @param text Boxに表示するコピーしたいテキスト\n */\nexport const CopyableBox = ({ text }: CopyableBoxProps) => {\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"flex-start\",\n        margin: \"16px 0\",\n        padding: \"16px\",\n        border: \"1px solid rgba(0, 0, 0, 0.12)\",\n        borderRadius: \"8px\",\n      }}\n    >\n      <Typography\n        variant=\"body2\"\n        align=\"left\"\n        sx={{ whiteSpace: \"pre-line\", wordBreak: \"break-word\", pr: 2 }}\n      >\n        {text}\n      </Typography>\n      <CopyIcon text={text} sx={{ m: -1, flexShrink: 0 }} />\n    </Box>\n  );\n};\n\nexport default CopyableBox;\n"],"names":["CopyIcon","text","sx","copied","setCopied","useState","jsx","Tooltip","IconButton","error","CheckCircle","ContentCopy","CopyableBox","jsxs","Box","Typography"],"mappings":";;;;AAmBO,MAAMA,IAAW,CAAC,EAAE,MAAAC,GAAM,IAAAC,QAAwB;AACvD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAY1C,SACE,gBAAAC,EAACC,KAAQ,OAAOJ,IAAS,UAAU,OACjC,UAAA,gBAAAG,EAACE,KAAW,SAZG,YAAY;AAC7B,QAAI;AACF,YAAM,UAAU,UAAU,UAAUP,CAAI,GACxCG,EAAU,EAAI,GACd,WAAW,MAAMA,EAAU,EAAK,GAAG,GAAI;AAAA,IACzC,SAASK,GAAO;AACd,cAAQ,IAAIA,KAAS,YAAY;AAAA,IACnC;AAAA,EACF,GAIqC,IAAAP,GAC9B,UAAAC,IAAS,gBAAAG,EAACI,KAAY,OAAM,WAAU,IAAK,gBAAAJ,EAACK,GAAA,EAAY,GAC3D,EAAA,CACF;AAEJ,GAOaC,IAAc,CAAC,EAAE,MAAAX,QAE1B,gBAAAY;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,cAAc;AAAA,IAAA;AAAA,IAGhB,UAAA;AAAA,MAAA,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,IAAI,EAAE,YAAY,YAAY,WAAW,cAAc,IAAI,EAAA;AAAA,UAE1D,UAAAd;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAK,EAACN,KAAS,MAAAC,GAAY,IAAI,EAAE,GAAG,IAAI,YAAY,IAAE,CAAG;AAAA,IAAA;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),o=require("./index.cjs.js");Object.assign(navigator,{clipboard:{writeText:jest.fn(),readText:jest.fn()}});describe("CopyableBox",()=>{beforeEach(()=>{jest.clearAllMocks()}),describe("CopyIcon Component",()=>{it("renders the copy icon initially",()=>{e.render(n.jsx(o.CopyIcon,{text:"test content"}));const t=e.screen.getByRole("button");expect(t).toBeInTheDocument(),expect(t).toHaveAccessibleName("コピー")}),it("copies text to clipboard and changes icon temporarily on click",async()=>{jest.useFakeTimers(),e.render(n.jsx(o.CopyIcon,{text:"test content"}));const t=e.screen.getByRole("button");e.fireEvent.click(t),expect(navigator.clipboard.writeText).toHaveBeenCalledWith("test content"),expect(await e.screen.findByRole("button",{name:"コピー済み"})).toBeInTheDocument(),e.act(()=>{jest.advanceTimersByTime(2e3)}),expect(await e.screen.findByRole("button",{name:"コピー"})).toBeInTheDocument(),jest.useRealTimers()})}),describe("CopyableBox Component",()=>{it("renders the text and a copy button",()=>{e.render(n.jsx(o.CopyableBox,{text:"Sample Backup Code\\n123456"})),expect(e.screen.getByText(/Sample Backup Code/)).toBeInTheDocument(),expect(e.screen.getByText(/123456/)).toBeInTheDocument(),expect(e.screen.getByRole("button",{name:"コピー"})).toBeInTheDocument()})})});
+//# sourceMappingURL=index.test.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/CopyableBox/index.test.tsx"],"sourcesContent":["import { act, fireEvent, render, screen } from \"@testing-library/react\";\n\nimport CopyableBox, { CopyIcon } from \"./index\";\n\n// Mock the clipboard properly for userEvent in JSDOM\nObject.assign(navigator, {\n  clipboard: {\n    writeText: jest.fn(),\n    readText: jest.fn(),\n  },\n});\n\ndescribe(\"CopyableBox\", () => {\n  beforeEach(() => {\n    jest.clearAllMocks();\n  });\n\n  describe(\"CopyIcon Component\", () => {\n    it(\"renders the copy icon initially\", () => {\n      render(<CopyIcon text=\"test content\" />);\n      const iconButton = screen.getByRole(\"button\");\n      expect(iconButton).toBeInTheDocument();\n      // Initially, the tooltip says \"コピー\"\n      expect(iconButton).toHaveAccessibleName(\"コピー\");\n    });\n\n    it(\"copies text to clipboard and changes icon temporarily on click\", async () => {\n      jest.useFakeTimers();\n\n      render(<CopyIcon text=\"test content\" />);\n      const iconButton = screen.getByRole(\"button\");\n\n      fireEvent.click(iconButton);\n\n      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(\n        \"test content\",\n      );\n\n      // After click, the tooltip says \"コピー済み\"\n      expect(\n        await screen.findByRole(\"button\", { name: \"コピー済み\" }),\n      ).toBeInTheDocument();\n\n      // Fast-forward 2 seconds\n      act(() => {\n        jest.advanceTimersByTime(2000);\n      });\n\n      // Tooltip reverts back to \"コピー\"\n      expect(\n        await screen.findByRole(\"button\", { name: \"コピー\" }),\n      ).toBeInTheDocument();\n\n      jest.useRealTimers();\n    });\n  });\n\n  describe(\"CopyableBox Component\", () => {\n    it(\"renders the text and a copy button\", () => {\n      render(<CopyableBox text=\"Sample Backup Code\\n123456\" />);\n\n      // Because `HtmlRenderer` converts \\n to <br/>, the text might be split into multiple elements\n      // or Testing Library might normalize the whitespace. Testing parts of it is safer.\n      expect(screen.getByText(/Sample Backup Code/)).toBeInTheDocument();\n      expect(screen.getByText(/123456/)).toBeInTheDocument();\n\n      expect(\n        screen.getByRole(\"button\", { name: \"コピー\" }),\n      ).toBeInTheDocument();\n    });\n  });\n});\n"],"names":["render","jsx","CopyIcon","iconButton","screen","fireEvent","act","CopyableBox"],"mappings":"wHAKA,OAAO,OAAO,UAAW,CACvB,UAAW,CACT,UAAW,KAAK,GAAA,EAChB,SAAU,KAAK,GAAA,CAAG,CAEtB,CAAC,EAED,SAAS,cAAe,IAAM,CAC5B,WAAW,IAAM,CACf,KAAK,cAAA,CACP,CAAC,EAED,SAAS,qBAAsB,IAAM,CACnC,GAAG,kCAAmC,IAAM,CAC1CA,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,SAAA,CAAS,KAAK,cAAA,CAAe,CAAE,EACvC,MAAMC,EAAaC,EAAAA,OAAO,UAAU,QAAQ,EAC5C,OAAOD,CAAU,EAAE,kBAAA,EAEnB,OAAOA,CAAU,EAAE,qBAAqB,KAAK,CAC/C,CAAC,EAED,GAAG,iEAAkE,SAAY,CAC/E,KAAK,cAAA,EAELH,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,SAAA,CAAS,KAAK,cAAA,CAAe,CAAE,EACvC,MAAMC,EAAaC,EAAAA,OAAO,UAAU,QAAQ,EAE5CC,EAAAA,UAAU,MAAMF,CAAU,EAE1B,OAAO,UAAU,UAAU,SAAS,EAAE,qBACpC,cAAA,EAIF,OACE,MAAMC,EAAAA,OAAO,WAAW,SAAU,CAAE,KAAM,QAAS,CAAA,EACnD,kBAAA,EAGFE,EAAAA,IAAI,IAAM,CACR,KAAK,oBAAoB,GAAI,CAC/B,CAAC,EAGD,OACE,MAAMF,EAAAA,OAAO,WAAW,SAAU,CAAE,KAAM,MAAO,CAAA,EACjD,kBAAA,EAEF,KAAK,cAAA,CACP,CAAC,CACH,CAAC,EAED,SAAS,wBAAyB,IAAM,CACtC,GAAG,qCAAsC,IAAM,CAC7CJ,EAAAA,OAAOC,EAAAA,IAACM,EAAAA,YAAA,CAAY,KAAK,6BAAA,CAA6B,CAAE,EAIxD,OAAOH,EAAAA,OAAO,UAAU,oBAAoB,CAAC,EAAE,kBAAA,EAC/C,OAAOA,EAAAA,OAAO,UAAU,QAAQ,CAAC,EAAE,kBAAA,EAEnC,OACEA,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,MAAO,CAAA,EAC1C,kBAAA,CACJ,CAAC,CACH,CAAC,CACH,CAAC"}

package/dist/components/CopyableBox/index.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { r as n, s as e, f as a, b as i } from "../../react.esm-BBESb8eI.js";
+import { CopyIcon as c, CopyableBox as s } from "./index.es.js";
+Object.assign(navigator, {
+  clipboard: {
+    writeText: jest.fn(),
+    readText: jest.fn()
+  }
+});
+describe("CopyableBox", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  }), describe("CopyIcon Component", () => {
+    it("renders the copy icon initially", () => {
+      n(/* @__PURE__ */ o(c, { text: "test content" }));
+      const t = e.getByRole("button");
+      expect(t).toBeInTheDocument(), expect(t).toHaveAccessibleName("コピー");
+    }), it("copies text to clipboard and changes icon temporarily on click", async () => {
+      jest.useFakeTimers(), n(/* @__PURE__ */ o(c, { text: "test content" }));
+      const t = e.getByRole("button");
+      a.click(t), expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
+        "test content"
+      ), expect(
+        await e.findByRole("button", { name: "コピー済み" })
+      ).toBeInTheDocument(), i(() => {
+        jest.advanceTimersByTime(2e3);
+      }), expect(
+        await e.findByRole("button", { name: "コピー" })
+      ).toBeInTheDocument(), jest.useRealTimers();
+    });
+  }), describe("CopyableBox Component", () => {
+    it("renders the text and a copy button", () => {
+      n(/* @__PURE__ */ o(s, { text: "Sample Backup Code\\n123456" })), expect(e.getByText(/Sample Backup Code/)).toBeInTheDocument(), expect(e.getByText(/123456/)).toBeInTheDocument(), expect(
+        e.getByRole("button", { name: "コピー" })
+      ).toBeInTheDocument();
+    });
+  });
+});
+//# sourceMappingURL=index.test.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/CopyableBox/index.test.tsx"],"sourcesContent":["import { act, fireEvent, render, screen } from \"@testing-library/react\";\n\nimport CopyableBox, { CopyIcon } from \"./index\";\n\n// Mock the clipboard properly for userEvent in JSDOM\nObject.assign(navigator, {\n  clipboard: {\n    writeText: jest.fn(),\n    readText: jest.fn(),\n  },\n});\n\ndescribe(\"CopyableBox\", () => {\n  beforeEach(() => {\n    jest.clearAllMocks();\n  });\n\n  describe(\"CopyIcon Component\", () => {\n    it(\"renders the copy icon initially\", () => {\n      render(<CopyIcon text=\"test content\" />);\n      const iconButton = screen.getByRole(\"button\");\n      expect(iconButton).toBeInTheDocument();\n      // Initially, the tooltip says \"コピー\"\n      expect(iconButton).toHaveAccessibleName(\"コピー\");\n    });\n\n    it(\"copies text to clipboard and changes icon temporarily on click\", async () => {\n      jest.useFakeTimers();\n\n      render(<CopyIcon text=\"test content\" />);\n      const iconButton = screen.getByRole(\"button\");\n\n      fireEvent.click(iconButton);\n\n      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(\n        \"test content\",\n      );\n\n      // After click, the tooltip says \"コピー済み\"\n      expect(\n        await screen.findByRole(\"button\", { name: \"コピー済み\" }),\n      ).toBeInTheDocument();\n\n      // Fast-forward 2 seconds\n      act(() => {\n        jest.advanceTimersByTime(2000);\n      });\n\n      // Tooltip reverts back to \"コピー\"\n      expect(\n        await screen.findByRole(\"button\", { name: \"コピー\" }),\n      ).toBeInTheDocument();\n\n      jest.useRealTimers();\n    });\n  });\n\n  describe(\"CopyableBox Component\", () => {\n    it(\"renders the text and a copy button\", () => {\n      render(<CopyableBox text=\"Sample Backup Code\\n123456\" />);\n\n      // Because `HtmlRenderer` converts \\n to <br/>, the text might be split into multiple elements\n      // or Testing Library might normalize the whitespace. Testing parts of it is safer.\n      expect(screen.getByText(/Sample Backup Code/)).toBeInTheDocument();\n      expect(screen.getByText(/123456/)).toBeInTheDocument();\n\n      expect(\n        screen.getByRole(\"button\", { name: \"コピー\" }),\n      ).toBeInTheDocument();\n    });\n  });\n});\n"],"names":["render","jsx","CopyIcon","iconButton","screen","fireEvent","act","CopyableBox"],"mappings":";;;AAKA,OAAO,OAAO,WAAW;AAAA,EACvB,WAAW;AAAA,IACT,WAAW,KAAK,GAAA;AAAA,IAChB,UAAU,KAAK,GAAA;AAAA,EAAG;AAEtB,CAAC;AAED,SAAS,eAAe,MAAM;AAC5B,aAAW,MAAM;AACf,SAAK,cAAA;AAAA,EACP,CAAC,GAED,SAAS,sBAAsB,MAAM;AACnC,OAAG,mCAAmC,MAAM;AAC1C,MAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAS,MAAK,eAAA,CAAe,CAAE;AACvC,YAAMC,IAAaC,EAAO,UAAU,QAAQ;AAC5C,aAAOD,CAAU,EAAE,kBAAA,GAEnB,OAAOA,CAAU,EAAE,qBAAqB,KAAK;AAAA,IAC/C,CAAC,GAED,GAAG,kEAAkE,YAAY;AAC/E,WAAK,cAAA,GAELH,EAAO,gBAAAC,EAACC,GAAA,EAAS,MAAK,eAAA,CAAe,CAAE;AACvC,YAAMC,IAAaC,EAAO,UAAU,QAAQ;AAE5C,MAAAC,EAAU,MAAMF,CAAU,GAE1B,OAAO,UAAU,UAAU,SAAS,EAAE;AAAA,QACpC;AAAA,MAAA,GAIF;AAAA,QACE,MAAMC,EAAO,WAAW,UAAU,EAAE,MAAM,SAAS;AAAA,MAAA,EACnD,kBAAA,GAGFE,EAAI,MAAM;AACR,aAAK,oBAAoB,GAAI;AAAA,MAC/B,CAAC,GAGD;AAAA,QACE,MAAMF,EAAO,WAAW,UAAU,EAAE,MAAM,OAAO;AAAA,MAAA,EACjD,kBAAA,GAEF,KAAK,cAAA;AAAA,IACP,CAAC;AAAA,EACH,CAAC,GAED,SAAS,yBAAyB,MAAM;AACtC,OAAG,sCAAsC,MAAM;AAC7C,MAAAJ,EAAO,gBAAAC,EAACM,GAAA,EAAY,MAAK,8BAAA,CAA6B,CAAE,GAIxD,OAAOH,EAAO,UAAU,oBAAoB,CAAC,EAAE,kBAAA,GAC/C,OAAOA,EAAO,UAAU,QAAQ,CAAC,EAAE,kBAAA,GAEnC;AAAA,QACEA,EAAO,UAAU,UAAU,EAAE,MAAM,OAAO;AAAA,MAAA,EAC1C,kBAAA;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index12.css');const u=require("react/jsx-runtime"),c=require("next/link"),a=require("classnames"),k="_link_1e6wm_1",m={link:k},e=s=>{const{children:t,href:n,isStyled:i=!1,target:l,rel:o}=s;return u.jsx(c,{href:n,className:a({[m.link]:i}),target:l,rel:o,onClick:r=>{r.stopPropagation()},children:t})};exports.CustomLink=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index9.css');const u=require("react/jsx-runtime"),c=require("next/link"),a=require("classnames"),k="_link_1e6wm_1",m={link:k},e=s=>{const{children:t,href:n,isStyled:i=!1,target:l,rel:o}=s;return u.jsx(c,{href:n,className:a({[m.link]:i}),target:l,rel:o,onClick:r=>{r.stopPropagation()},children:t})};exports.CustomLink=e;exports.default=e;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import a from "next/link";
 import m from "classnames";
-import '../../assets/index12.css';const c = "_link_1e6wm_1", k = {
+import '../../assets/index9.css';const c = "_link_1e6wm_1", k = {
   link: c
 }, u = (s) => {
   const { children: t, href: o, isStyled: n = !1, target: r, rel: e } = s;

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),a=require("../../index-CaEC29Xt.cjs"),i=require("./index.cjs.js");describe("CustomLink component",()=>{const n="/test",s="Test Link";it("renders the link with correct href and children",async()=>{await e.act(()=>{e.render(r.jsx(i.CustomLink,{href:n,children:s}))}),await e.waitForWrapper(()=>{const t=e.screen.getByText(s);expect(t).toBeInTheDocument(),expect(t.closest("a")).toHaveAttribute("href",n)})}),it("applies the custom styles if isStyled is true",()=>{e.render(r.jsx(i.CustomLink,{href:n,isStyled:!0,children:s}));const t=e.screen.getByText(s);expect(t).toHaveClass("link")}),it("does not apply the custom styles if isStyled is false",()=>{e.render(r.jsx(i.CustomLink,{href:n,children:s}));const t=e.screen.getByText(s);expect(t).not.toHaveClass("link")}),it("renders the link with target and rel attributes if provided",()=>{const t="_blank",o="noopener noreferrer";e.render(r.jsx(i.CustomLink,{href:n,target:t,rel:o,children:s}));const c=e.screen.getByText(s);expect(c.closest("a")).toHaveAttribute("target",t),expect(c.closest("a")).toHaveAttribute("rel",o)}),it("should be accessible",async()=>{const{container:t}=e.render(r.jsx(i.CustomLink,{href:n,children:s}));await e.waitForWrapper(async()=>{const o=await a.jestAxe.axe(t);expect.extend(a.jestAxe.toHaveNoViolations),expect(o).toHaveNoViolations()})})});
+"use strict";const r=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),a=require("../../index-Ds6DK19y.cjs"),i=require("./index.cjs.js");describe("CustomLink component",()=>{const n="/test",s="Test Link";it("renders the link with correct href and children",async()=>{await e.act(()=>{e.render(r.jsx(i.CustomLink,{href:n,children:s}))}),await e.waitForWrapper(()=>{const t=e.screen.getByText(s);expect(t).toBeInTheDocument(),expect(t.closest("a")).toHaveAttribute("href",n)})}),it("applies the custom styles if isStyled is true",()=>{e.render(r.jsx(i.CustomLink,{href:n,isStyled:!0,children:s}));const t=e.screen.getByText(s);expect(t).toHaveClass("link")}),it("does not apply the custom styles if isStyled is false",()=>{e.render(r.jsx(i.CustomLink,{href:n,children:s}));const t=e.screen.getByText(s);expect(t).not.toHaveClass("link")}),it("renders the link with target and rel attributes if provided",()=>{const t="_blank",o="noopener noreferrer";e.render(r.jsx(i.CustomLink,{href:n,target:t,rel:o,children:s}));const c=e.screen.getByText(s);expect(c.closest("a")).toHaveAttribute("target",t),expect(c.closest("a")).toHaveAttribute("rel",o)}),it("should be accessible",async()=>{const{container:t}=e.render(r.jsx(i.CustomLink,{href:n,children:s}));await e.waitForWrapper(async()=>{const o=await a.jestAxe.axe(t);expect.extend(a.jestAxe.toHaveNoViolations),expect(o).toHaveNoViolations()})})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { b as d, r as i, w as l, s as a } from "../../react.esm-DVhZgPrH.js";
-import { j as h } from "../../index-Bt_ypxrX.js";
+import { b as d, r as i, w as l, s as a } from "../../react.esm-BBESb8eI.js";
+import { j as h } from "../../index-DI17hZPH.js";
 import { CustomLink as o } from "./index.es.js";
 describe("CustomLink component", () => {
   const s = "/test", t = "Test Link";

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index13.css');const e=require("react/jsx-runtime"),t=require("@mui/material"),l=require("classnames"),g=require("react-icons/bi"),I=require("../PageSizeSelector/index.cjs.js"),P=require("../Pagination/index.cjs.js"),B="_contentContainer_1d18f_2",q="_scrollableTableContainer_1d18f_10",y="_table_1d18f_20",z="_header_1d18f_27",R="_th_1d18f_35",D="_headerCell_1d18f_47",M="_sortIcons_1d18f_54",V="_sortIcon_1d18f_54",A="_selected_1d18f_66",F="_row_1d18f_70",H="_clickable_1d18f_78",O="_td_1d18f_82",U="_nonBorder_1d18f_90",s={contentContainer:B,scrollableTableContainer:q,table:y,header:z,th:R,headerCell:D,sortIcons:M,sortIcon:V,selected:A,row:F,clickable:H,td:O,nonBorder:U},j=m=>{const{columns:h,dataList:o,totalCount:C,currentPage:p,pageSize:c,pageSizeSelectorValues:w,keyColumn:N,sortColumn:i,sortDirection:d,isLoading:S,onClickRow:_,onChangeSort:a,onChangePage:b,onChangePageSize:u,showBorder:T}=m;if(S)return e.jsx("span",{children:"読み込み中"});if(!o)return e.jsx("span",{children:"データの取得ができませんでした。"});if((o==null?void 0:o.length)===0)return e.jsx("span",{children:"データがありません。"});const k=Math.ceil(C/c),x=p-1,f=x*c+1,v=f-1+((o==null?void 0:o.length)??0);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:s.contentContainer,children:[u&&e.jsx(I.PageSizeSelector,{startRecordNum:f,endRecordNum:v,values:w,defaultValue:c,totalCount:C,onChangePageSize:u}),e.jsx("div",{className:l(s.scrollableTableContainer,{[s.nonBorder]:T===!1}),children:e.jsxs(t.Table,{className:s.table,children:[e.jsx(t.TableHead,{children:e.jsx(t.TableRow,{className:s.header,children:h.map(n=>e.jsx("th",{className:l(s.th,{[s.clickable]:n.sortColumn&&a}),children:e.jsxs("div",{className:s.headerCell,onClick:()=>{n.sortColumn&&a&&(n.sortColumn===i?a(n.sortColumn,d==="asc"?"desc":"asc"):a(n.sortColumn,"asc"))},children:[n.title,n.sortColumn&&e.jsxs("div",{className:s.sortIcons,children:[e.jsx(g.BiSolidUpArrow,{className:l(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="asc"})}),e.jsx(g.BiSolidDownArrow,{className:l(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="desc"})})]})]})},n.key))})}),e.jsx(t.TableBody,{children:o.map(n=>e.jsx(t.TableRow,{className:l(s.row,{[s.clickable]:_}),onClick:()=>{_&&_(n)},children:h.map(r=>e.jsx(t.TableCell,{className:s.td,align:r.align,sx:{width:r.width?`${r.width}px`:void 0},children:r.render(n)},r.key))},n[N]))})]})}),b&&e.jsx(P.Pagination,{pageCount:k,activePage:x,onChangePage:b})]})})};exports.DataTable=j;exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index10.css');const e=require("react/jsx-runtime"),t=require("@mui/material"),l=require("classnames"),g=require("react-icons/bi"),I=require("../PageSizeSelector/index.cjs.js"),P=require("../Pagination/index.cjs.js"),B="_contentContainer_1d18f_2",q="_scrollableTableContainer_1d18f_10",y="_table_1d18f_20",z="_header_1d18f_27",R="_th_1d18f_35",D="_headerCell_1d18f_47",M="_sortIcons_1d18f_54",V="_sortIcon_1d18f_54",A="_selected_1d18f_66",F="_row_1d18f_70",H="_clickable_1d18f_78",O="_td_1d18f_82",U="_nonBorder_1d18f_90",s={contentContainer:B,scrollableTableContainer:q,table:y,header:z,th:R,headerCell:D,sortIcons:M,sortIcon:V,selected:A,row:F,clickable:H,td:O,nonBorder:U},j=m=>{const{columns:h,dataList:o,totalCount:C,currentPage:p,pageSize:c,pageSizeSelectorValues:w,keyColumn:N,sortColumn:i,sortDirection:d,isLoading:S,onClickRow:_,onChangeSort:a,onChangePage:b,onChangePageSize:u,showBorder:T}=m;if(S)return e.jsx("span",{children:"読み込み中"});if(!o)return e.jsx("span",{children:"データの取得ができませんでした。"});if((o==null?void 0:o.length)===0)return e.jsx("span",{children:"データがありません。"});const k=Math.ceil(C/c),x=p-1,f=x*c+1,v=f-1+((o==null?void 0:o.length)??0);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:s.contentContainer,children:[u&&e.jsx(I.PageSizeSelector,{startRecordNum:f,endRecordNum:v,values:w,defaultValue:c,totalCount:C,onChangePageSize:u}),e.jsx("div",{className:l(s.scrollableTableContainer,{[s.nonBorder]:T===!1}),children:e.jsxs(t.Table,{className:s.table,children:[e.jsx(t.TableHead,{children:e.jsx(t.TableRow,{className:s.header,children:h.map(n=>e.jsx("th",{className:l(s.th,{[s.clickable]:n.sortColumn&&a}),children:e.jsxs("div",{className:s.headerCell,onClick:()=>{n.sortColumn&&a&&(n.sortColumn===i?a(n.sortColumn,d==="asc"?"desc":"asc"):a(n.sortColumn,"asc"))},children:[n.title,n.sortColumn&&e.jsxs("div",{className:s.sortIcons,children:[e.jsx(g.BiSolidUpArrow,{className:l(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="asc"})}),e.jsx(g.BiSolidDownArrow,{className:l(s.sortIcon,{[s.selected]:n.sortColumn===i&&d==="desc"})})]})]})},n.key))})}),e.jsx(t.TableBody,{children:o.map(n=>e.jsx(t.TableRow,{className:l(s.row,{[s.clickable]:_}),onClick:()=>{_&&_(n)},children:h.map(r=>e.jsx(t.TableCell,{className:s.td,align:r.align,sx:{width:r.width?`${r.width}px`:void 0},children:r.render(n)},r.key))},n[N]))})]})}),b&&e.jsx(P.Pagination,{pageCount:k,activePage:x,onChangePage:b})]})})};exports.DataTable=j;exports.default=j;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -4,7 +4,7 @@ import l from "classnames";
 import { BiSolidUpArrow as R, BiSolidDownArrow as D } from "react-icons/bi";
 import { PageSizeSelector as V } from "../PageSizeSelector/index.es.js";
 import { Pagination as j } from "../Pagination/index.es.js";
-import '../../assets/index13.css';const A = "_contentContainer_1d18f_2", F = "_scrollableTableContainer_1d18f_10", H = "_table_1d18f_20", M = "_header_1d18f_27", U = "_th_1d18f_35", $ = "_headerCell_1d18f_47", q = "_sortIcons_1d18f_54", E = "_sortIcon_1d18f_54", G = "_selected_1d18f_66", J = "_row_1d18f_70", K = "_clickable_1d18f_78", O = "_td_1d18f_82", Q = "_nonBorder_1d18f_90", e = {
+import '../../assets/index10.css';const A = "_contentContainer_1d18f_2", F = "_scrollableTableContainer_1d18f_10", H = "_table_1d18f_20", M = "_header_1d18f_27", U = "_th_1d18f_35", $ = "_headerCell_1d18f_47", q = "_sortIcons_1d18f_54", E = "_sortIcon_1d18f_54", G = "_selected_1d18f_66", J = "_row_1d18f_70", K = "_clickable_1d18f_78", O = "_td_1d18f_82", Q = "_nonBorder_1d18f_90", e = {
   contentContainer: A,
   scrollableTableContainer: F,
   table: H,

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),i=require("../../index-Bbj4TMfJ.cjs");require("../../index-9p9q0wxE.cjs");const s=require("./index.cjs.js"),h=[{id:"1",name:"Alice"},{id:"2",name:"Bob"}],x=[{key:"id",title:"ID",sortColumn:"id",render:t=>t.id,width:100},{key:"name",title:"Name",render:t=>t.name}],c={columns:x,dataList:h,totalCount:2,keyColumn:"id",currentPage:1,pageSize:10,sortColumn:"id",sortDirection:"asc",isLoading:!1,onChangePage:()=>{}};describe("Given DataTable",()=>{it("Then renders column headers",()=>{e.render(r.jsx(s.DataTable,{...c})),expect(e.screen.getByText("ID")).toBeInTheDocument(),expect(e.screen.getByText("Name")).toBeInTheDocument()}),it("Then renders data rows",()=>{e.render(r.jsx(s.DataTable,{...c})),expect(e.screen.getByText("1",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Alice")).toBeInTheDocument(),expect(e.screen.getByText("2",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Bob")).toBeInTheDocument()}),it("When row is clicked, Then triggers onClickRow",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onClickRow:n};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("Alice")),expect(n).toHaveBeenCalledWith(h[0])}),it("When header 'asc' is clicked, Then triggers onChangeSort with 'desc'",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","desc")}),it("When header 'desc' is clicked, Then triggers onChangeSort with 'asc'",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n,sortDirection:"desc"};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","asc")}),it("When showBorder is true, Then table cells have borders",()=>{const t={...c,showBorder:!0},{container:n}=e.render(r.jsx(s.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0],l=window.getComputedStyle(a);expect(l.border).not.toBe("none")}),it("When showBorder is false or undefined, Then table cells have no borders",()=>{const t={...c,showBorder:!1},{container:n}=e.render(r.jsx(s.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0];expect(a).toHaveStyle({border:"none"});const{container:l}=e.render(r.jsx(s.DataTable,{...c})),d=l.querySelectorAll("td");expect(d.length).toBeGreaterThan(0);const u=d[0];expect(u).toHaveStyle({border:"none"})}),it("When column has width property, Then table cell has correct width style",()=>{const{container:t}=e.render(r.jsx(s.DataTable,{...c})),n=t.querySelector("td:first-child");expect(n).toBeInTheDocument(),expect(n).toHaveStyle({width:"100px"})})});
+"use strict";const r=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),i=require("../../index-BoenezD8.cjs");require("../../index-9p9q0wxE.cjs");const s=require("./index.cjs.js"),h=[{id:"1",name:"Alice"},{id:"2",name:"Bob"}],x=[{key:"id",title:"ID",sortColumn:"id",render:t=>t.id,width:100},{key:"name",title:"Name",render:t=>t.name}],c={columns:x,dataList:h,totalCount:2,keyColumn:"id",currentPage:1,pageSize:10,sortColumn:"id",sortDirection:"asc",isLoading:!1,onChangePage:()=>{}};describe("Given DataTable",()=>{it("Then renders column headers",()=>{e.render(r.jsx(s.DataTable,{...c})),expect(e.screen.getByText("ID")).toBeInTheDocument(),expect(e.screen.getByText("Name")).toBeInTheDocument()}),it("Then renders data rows",()=>{e.render(r.jsx(s.DataTable,{...c})),expect(e.screen.getByText("1",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Alice")).toBeInTheDocument(),expect(e.screen.getByText("2",{selector:"td"})).toBeInTheDocument(),expect(e.screen.getByText("Bob")).toBeInTheDocument()}),it("When row is clicked, Then triggers onClickRow",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onClickRow:n};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("Alice")),expect(n).toHaveBeenCalledWith(h[0])}),it("When header 'asc' is clicked, Then triggers onChangeSort with 'desc'",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","desc")}),it("When header 'desc' is clicked, Then triggers onChangeSort with 'asc'",async()=>{const t=i.userEvent.setup(),n=jest.fn(),o={...c,onChangeSort:n,sortDirection:"desc"};e.render(r.jsx(s.DataTable,{...o})),await t.click(e.screen.getByText("ID")),expect(n).toHaveBeenCalledWith("id","asc")}),it("When showBorder is true, Then table cells have borders",()=>{const t={...c,showBorder:!0},{container:n}=e.render(r.jsx(s.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0],l=window.getComputedStyle(a);expect(l.border).not.toBe("none")}),it("When showBorder is false or undefined, Then table cells have no borders",()=>{const t={...c,showBorder:!1},{container:n}=e.render(r.jsx(s.DataTable,{...t})),o=n.querySelectorAll("td");expect(o.length).toBeGreaterThan(0);const a=o[0];expect(a).toHaveStyle({border:"none"});const{container:l}=e.render(r.jsx(s.DataTable,{...c})),d=l.querySelectorAll("td");expect(d.length).toBeGreaterThan(0);const u=d[0];expect(u).toHaveStyle({border:"none"})}),it("When column has width property, Then table cell has correct width style",()=>{const{container:t}=e.render(r.jsx(s.DataTable,{...c})),n=t.querySelector("td:first-child");expect(n).toBeInTheDocument(),expect(n).toHaveStyle({width:"100px"})})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as c, s as r } from "../../react.esm-DVhZgPrH.js";
-import { u as d } from "../../index--uHewOkd.js";
+import { r as c, s as r } from "../../react.esm-BBESb8eI.js";
+import { u as d } from "../../index-sarAILcU.js";
 import "../../index-Cj9ZvtM1.js";
 import { DataTable as s } from "./index.es.js";
 const p = [

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index10.css');const o=require("react/jsx-runtime"),g=require("@mui/x-date-pickers"),x=require("@mui/x-date-pickers/AdapterDateFns"),y=require("@mui/x-date-pickers/locales"),D=require("@mui/x-date-pickers/LocalizationProvider"),P=require("date-fns"),j=require("date-fns/locale/ja"),q=require("react-hook-form"),C="_rangeContainer_17n2w_1",T={rangeContainer:C},k={".MuiButtonBase-root":{padding:.5,paddingLeft:0},"& input::placeholder":{fontSize:"x-small"}},c=l=>{const{defaultValue:s,maxDateTime:u,minDateTime:d,setValue:a,dateFormat:t,...n}=l,p=e=>{const r=e?e instanceof Date?e:typeof e=="string"?P.parse(e,t,new Date):null:null;return typeof e=="string"&&a(n.name,r),r},m=e=>{a(n.name,e??s,{shouldDirty:!0})},h=(()=>{const e=[];return t.includes("yyyy")&&e.push("year"),t.includes("MM")&&e.push("month"),t.includes("dd")&&e.push("day"),t.includes("HH")&&e.push("hours"),t.includes("mm")&&e.push("minutes"),t.includes("ss")&&e.push("seconds"),e})();return o.jsx(D.LocalizationProvider,{dateAdapter:x.AdapterDateFns,adapterLocale:j,localeText:y.jaJP.components.MuiLocalizationProvider.defaultProps.localeText,children:o.jsx("div",{className:T.rangeContainer,children:o.jsx(q.Controller,{control:n.control,name:n.name,defaultValue:s,render:({field:e,fieldState:r})=>{var i;return o.jsx(g.DateTimePicker,{...e,format:t,views:h,sx:k,value:p(e.value),onChange:f=>{m(f)},slotProps:{textField:{error:!!r.error,helperText:(i=r.error)==null?void 0:i.message,fullWidth:!0},actionBar:{actions:["clear","accept"]}},maxDateTime:u,minDateTime:d})}})})})};exports.DatePickerController=c;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index7.css');const o=require("react/jsx-runtime"),g=require("@mui/x-date-pickers"),x=require("@mui/x-date-pickers/AdapterDateFns"),y=require("@mui/x-date-pickers/locales"),D=require("@mui/x-date-pickers/LocalizationProvider"),P=require("date-fns"),j=require("date-fns/locale/ja"),q=require("react-hook-form"),C="_rangeContainer_17n2w_1",T={rangeContainer:C},k={".MuiButtonBase-root":{padding:.5,paddingLeft:0},"& input::placeholder":{fontSize:"x-small"}},c=l=>{const{defaultValue:s,maxDateTime:u,minDateTime:d,setValue:a,dateFormat:t,...n}=l,p=e=>{const r=e?e instanceof Date?e:typeof e=="string"?P.parse(e,t,new Date):null:null;return typeof e=="string"&&a(n.name,r),r},m=e=>{a(n.name,e??s,{shouldDirty:!0})},h=(()=>{const e=[];return t.includes("yyyy")&&e.push("year"),t.includes("MM")&&e.push("month"),t.includes("dd")&&e.push("day"),t.includes("HH")&&e.push("hours"),t.includes("mm")&&e.push("minutes"),t.includes("ss")&&e.push("seconds"),e})();return o.jsx(D.LocalizationProvider,{dateAdapter:x.AdapterDateFns,adapterLocale:j,localeText:y.jaJP.components.MuiLocalizationProvider.defaultProps.localeText,children:o.jsx("div",{className:T.rangeContainer,children:o.jsx(q.Controller,{control:n.control,name:n.name,defaultValue:s,render:({field:e,fieldState:r})=>{var i;return o.jsx(g.DateTimePicker,{...e,format:t,views:h,sx:k,value:p(e.value),onChange:f=>{m(f)},slotProps:{textField:{error:!!r.error,helperText:(i=r.error)==null?void 0:i.message,fullWidth:!0},actionBar:{actions:["clear","accept"]}},maxDateTime:u,minDateTime:d})}})})})};exports.DatePickerController=c;exports.default=c;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -6,7 +6,7 @@ import { LocalizationProvider as x } from "@mui/x-date-pickers/LocalizationProvi
 import { parse as D } from "date-fns";
 import C from "date-fns/locale/ja";
 import { Controller as P } from "react-hook-form";
-import '../../assets/index10.css';const T = "_rangeContainer_17n2w_1", w = {
+import '../../assets/index7.css';const T = "_rangeContainer_17n2w_1", w = {
   rangeContainer: T
 }, L = {
   ".MuiButtonBase-root": {

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),a=require("react-hook-form"),c=require("./index.cjs.js");describe("DatePickerController component",()=>{it("renders with correct default value (date-only format)",async()=>{const{result:t}=e.renderHook(()=>a.useForm()),{control:r,setValue:o}=t.current;e.render(n.jsx(c.DatePickerController,{control:r,name:"fromDate",defaultValue:"2024-03-01",dateFormat:"yyyy-MM-dd",setValue:o})),expect(await e.screen.findByDisplayValue("2024-03-01")).toBeInTheDocument()}),it("renders with correct default value (datetime format)",async()=>{const{result:t}=e.renderHook(()=>a.useForm()),{control:r,setValue:o}=t.current;e.render(n.jsx(c.DatePickerController,{control:r,name:"fromDate",defaultValue:"2024/03/01 00:00:00",dateFormat:"yyyy/MM/dd HH:mm:ss",setValue:o})),expect(await e.screen.findByDisplayValue("2024/03/01 00:00:00")).toBeInTheDocument()})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),a=require("react-hook-form"),c=require("./index.cjs.js");describe("DatePickerController component",()=>{it("renders with correct default value (date-only format)",async()=>{const{result:t}=e.renderHook(()=>a.useForm()),{control:r,setValue:o}=t.current;e.render(n.jsx(c.DatePickerController,{control:r,name:"fromDate",defaultValue:"2024-03-01",dateFormat:"yyyy-MM-dd",setValue:o})),expect(await e.screen.findByDisplayValue("2024-03-01")).toBeInTheDocument()}),it("renders with correct default value (datetime format)",async()=>{const{result:t}=e.renderHook(()=>a.useForm()),{control:r,setValue:o}=t.current;e.render(n.jsx(c.DatePickerController,{control:r,name:"fromDate",defaultValue:"2024/03/01 00:00:00",dateFormat:"yyyy/MM/dd HH:mm:ss",setValue:o})),expect(await e.screen.findByDisplayValue("2024/03/01 00:00:00")).toBeInTheDocument()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as o, r as n, s } from "../../react.esm-DVhZgPrH.js";
+import { a as o, r as n, s } from "../../react.esm-BBESb8eI.js";
 import { useForm as c } from "react-hook-form";
 import { DatePickerController as l } from "./index.es.js";
 describe("DatePickerController component", () => {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index14.css');const o=require("react/jsx-runtime"),t="_errorMessage_1x344_1",a={errorMessage:t},e=r=>{const{errorMessage:s}=r;return o.jsx("p",{className:a.errorMessage,children:s})};exports.ErrorMessage=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index11.css');const o=require("react/jsx-runtime"),t="_errorMessage_1x344_1",a={errorMessage:t},e=r=>{const{errorMessage:s}=r;return o.jsx("p",{className:a.errorMessage,children:s})};exports.ErrorMessage=e;exports.default=e;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import '../../assets/index14.css';const o = "_errorMessage_1x344_1", a = {
+import '../../assets/index11.css';const o = "_errorMessage_1x344_1", a = {
   errorMessage: o
 }, c = (r) => {
   const { errorMessage: e } = r;