@jigowatts/jigowatts-ui 1.2.2 → 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.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  createTheme,\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n  PaletteColorOptions,\n  ThemeProvider,\n} from \"@mui/material\";\n\ndeclare module \"@mui/material/styles\" {\n  interface CustomPalette {\n    thirdly: PaletteColorOptions;\n    normal: PaletteColorOptions;\n    negative: PaletteColorOptions;\n  }\n  interface Palette extends CustomPalette {}\n  interface PaletteOptions extends CustomPalette {}\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsColorOverrides {\n    thirdly: true;\n    normal: true;\n    negative: true;\n  }\n}\n\nconst { palette } = createTheme();\nconst { augmentColor } = palette;\nconst createColor = (mainColor: string, contrastText: string = \"#fff\") =>\n  augmentColor({ color: { main: mainColor, contrastText: contrastText } });\nconst theme = createTheme({\n  palette: {\n    primary: createColor(\"#6672E8\"),\n    secondary: createColor(\"#00AD79\"),\n    thirdly: createColor(\"#1E2D50\"),\n    normal: createColor(\"#808181\"),\n    negative: createColor(\"#CA0000\"),\n  },\n});\n\ntype ButtonProps = MuiButtonProps & {\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"thirdly\"\n    | \"normal\"\n    | \"negative\"\n    | \"error\"\n    | \"warning\";\n};\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </ThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["palette","createTheme","augmentColor","createColor","mainColor","contrastText","theme","Button","props","children","color","buttonProps","jsx","ThemeProvider","MuiButton"],"mappings":"4KA0BM,CAAE,QAAAA,CAAQ,EAAIC,cAAY,EAC1B,CAAE,aAAAC,CAAiB,EAAAF,EACnBG,EAAc,CAACC,EAAmBC,EAAuB,SAC7DH,EAAa,CAAE,MAAO,CAAE,KAAME,EAAW,aAAAC,GAA8B,EACnEC,EAAQL,EAAAA,YAAY,CACxB,QAAS,CACP,QAASE,EAAY,SAAS,EAC9B,UAAWA,EAAY,SAAS,EAChC,QAASA,EAAY,SAAS,EAC9B,OAAQA,EAAY,SAAS,EAC7B,SAAUA,EAAY,SAAS,CAAA,CAEnC,CAAC,EAgBYI,EAAUC,GAAuB,CAC5C,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAQ,UAAW,GAAGC,CAAgB,EAAAH,EAGtD,OAAAI,EAAA,IAACC,iBAAc,MAAAP,EACb,SAAAM,EAAA,IAACE,UAAW,GAAGH,EAAa,MAAAD,EACzB,SAAAD,CAAA,CACH,CACF,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  createTheme,\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n  PaletteColorOptions,\n  ThemeProvider,\n} from \"@mui/material\";\n\ndeclare module \"@mui/material/styles\" {\n  interface CustomPalette {\n    thirdly: PaletteColorOptions;\n    normal: PaletteColorOptions;\n    negative: PaletteColorOptions;\n  }\n  interface Palette extends CustomPalette {}\n  interface PaletteOptions extends CustomPalette {}\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsColorOverrides {\n    thirdly: true;\n    normal: true;\n    negative: true;\n  }\n}\n\nconst { palette } = createTheme();\nconst { augmentColor } = palette;\nconst createColor = (mainColor: string, contrastText: string = \"#fff\") =>\n  augmentColor({ color: { main: mainColor, contrastText: contrastText } });\nconst theme = createTheme({\n  palette: {\n    primary: createColor(\"#6672E8\"),\n    secondary: createColor(\"#00AD79\"),\n    thirdly: createColor(\"#1E2D50\"),\n    normal: createColor(\"#808181\"),\n    negative: createColor(\"#CA0000\"),\n  },\n});\n\ntype ButtonProps = MuiButtonProps & {\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"thirdly\"\n    | \"normal\"\n    | \"negative\"\n    | \"error\"\n    | \"warning\";\n};\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </ThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["palette","createTheme","augmentColor","createColor","mainColor","contrastText","theme","Button","props","children","color","buttonProps","jsx","ThemeProvider","MuiButton"],"mappings":"4KA0BM,CAAE,QAAAA,CAAA,EAAYC,cAAA,EACd,CAAE,aAAAC,GAAiBF,EACnBG,EAAc,CAACC,EAAmBC,EAAuB,SAC7DH,EAAa,CAAE,MAAO,CAAE,KAAME,EAAW,aAAAC,CAAA,EAA8B,EACnEC,EAAQL,EAAAA,YAAY,CACxB,QAAS,CACP,QAASE,EAAY,SAAS,EAC9B,UAAWA,EAAY,SAAS,EAChC,QAASA,EAAY,SAAS,EAC9B,OAAQA,EAAY,SAAS,EAC7B,SAAUA,EAAY,SAAS,CAAA,CAEnC,CAAC,EAgBYI,EAAUC,GAAuB,CAC5C,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAQ,UAAW,GAAGC,GAAgBH,EAExD,OACEI,EAAAA,IAACC,EAAAA,eAAc,MAAAP,EACb,SAAAM,EAAAA,IAACE,UAAW,GAAGH,EAAa,MAAAD,EACzB,SAAAD,CAAA,CACH,CAAA,CACF,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  createTheme,\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n  PaletteColorOptions,\n  ThemeProvider,\n} from \"@mui/material\";\n\ndeclare module \"@mui/material/styles\" {\n  interface CustomPalette {\n    thirdly: PaletteColorOptions;\n    normal: PaletteColorOptions;\n    negative: PaletteColorOptions;\n  }\n  interface Palette extends CustomPalette {}\n  interface PaletteOptions extends CustomPalette {}\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsColorOverrides {\n    thirdly: true;\n    normal: true;\n    negative: true;\n  }\n}\n\nconst { palette } = createTheme();\nconst { augmentColor } = palette;\nconst createColor = (mainColor: string, contrastText: string = \"#fff\") =>\n  augmentColor({ color: { main: mainColor, contrastText: contrastText } });\nconst theme = createTheme({\n  palette: {\n    primary: createColor(\"#6672E8\"),\n    secondary: createColor(\"#00AD79\"),\n    thirdly: createColor(\"#1E2D50\"),\n    normal: createColor(\"#808181\"),\n    negative: createColor(\"#CA0000\"),\n  },\n});\n\ntype ButtonProps = MuiButtonProps & {\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"thirdly\"\n    | \"normal\"\n    | \"negative\"\n    | \"error\"\n    | \"warning\";\n};\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </ThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["palette","createTheme","augmentColor","createColor","mainColor","contrastText","theme","Button","props","children","color","buttonProps","jsx","ThemeProvider","MuiButton"],"mappings":";;AA0BA,MAAM,EAAE,SAAAA,EAAQ,IAAIC,EAAY,GAC1B,EAAE,cAAAC,EAAiB,IAAAF,GACnBG,IAAc,CAACC,GAAmBC,IAAuB,WAC7DH,EAAa,EAAE,OAAO,EAAE,MAAME,GAAW,cAAAC,KAA8B,GACnEC,IAAQL,EAAY;AAAA,EACxB,SAAS;AAAA,IACP,SAASE,EAAY,SAAS;AAAA,IAC9B,WAAWA,EAAY,SAAS;AAAA,IAChC,SAASA,EAAY,SAAS;AAAA,IAC9B,QAAQA,EAAY,SAAS;AAAA,IAC7B,UAAUA,EAAY,SAAS;AAAA,EAAA;AAEnC,CAAC,GAgBYI,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQ,WAAW,GAAGC,EAAgB,IAAAH;AAGtD,SAAA,gBAAAI,EAACC,KAAc,OAAAP,GACb,UAAA,gBAAAM,EAACE,KAAW,GAAGH,GAAa,OAAAD,GACzB,UAAAD,EAAA,CACH,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  createTheme,\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n  PaletteColorOptions,\n  ThemeProvider,\n} from \"@mui/material\";\n\ndeclare module \"@mui/material/styles\" {\n  interface CustomPalette {\n    thirdly: PaletteColorOptions;\n    normal: PaletteColorOptions;\n    negative: PaletteColorOptions;\n  }\n  interface Palette extends CustomPalette {}\n  interface PaletteOptions extends CustomPalette {}\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsColorOverrides {\n    thirdly: true;\n    normal: true;\n    negative: true;\n  }\n}\n\nconst { palette } = createTheme();\nconst { augmentColor } = palette;\nconst createColor = (mainColor: string, contrastText: string = \"#fff\") =>\n  augmentColor({ color: { main: mainColor, contrastText: contrastText } });\nconst theme = createTheme({\n  palette: {\n    primary: createColor(\"#6672E8\"),\n    secondary: createColor(\"#00AD79\"),\n    thirdly: createColor(\"#1E2D50\"),\n    normal: createColor(\"#808181\"),\n    negative: createColor(\"#CA0000\"),\n  },\n});\n\ntype ButtonProps = MuiButtonProps & {\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"thirdly\"\n    | \"normal\"\n    | \"negative\"\n    | \"error\"\n    | \"warning\";\n};\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </ThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["palette","createTheme","augmentColor","createColor","mainColor","contrastText","theme","Button","props","children","color","buttonProps","jsx","ThemeProvider","MuiButton"],"mappings":";;AA0BA,MAAM,EAAE,SAAAA,EAAA,IAAYC,EAAA,GACd,EAAE,cAAAC,MAAiBF,GACnBG,IAAc,CAACC,GAAmBC,IAAuB,WAC7DH,EAAa,EAAE,OAAO,EAAE,MAAME,GAAW,cAAAC,EAAA,GAA8B,GACnEC,IAAQL,EAAY;AAAA,EACxB,SAAS;AAAA,IACP,SAASE,EAAY,SAAS;AAAA,IAC9B,WAAWA,EAAY,SAAS;AAAA,IAChC,SAASA,EAAY,SAAS;AAAA,IAC9B,QAAQA,EAAY,SAAS;AAAA,IAC7B,UAAUA,EAAY,SAAS;AAAA,EAAA;AAEnC,CAAC,GAgBYI,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQ,WAAW,GAAGC,MAAgBH;AAExD,SACE,gBAAAI,EAACC,KAAc,OAAAP,GACb,UAAA,gBAAAM,EAACE,KAAW,GAAGH,GAAa,OAAAD,GACzB,UAAAD,EAAA,CACH,EAAA,CACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.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.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Button/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { Button } from \".\";\n\ndescribe(\"Button\", () => {\n  it(\"renders correctly\", () => {\n    render(<Button>Test Button</Button>);\n    expect(\n      screen.getByRole(\"button\", { name: \"Test Button\" }),\n    ).toBeInTheDocument();\n  });\n\n  it(\"triggers event on click\", () => {\n    const handleClick = jest.fn();\n    render(<Button onClick={handleClick}>Clickable</Button>);\n    fireEvent.click(screen.getByText(\"Clickable\"));\n    expect(handleClick).toHaveBeenCalledTimes(1);\n  });\n  it(\"renders with the thirdly theme color\", () => {\n    render(\n      <Button color=\"thirdly\" variant=\"contained\">\n        Test Button\n      </Button>,\n    );\n    const button = screen.getByRole(\"button\", { name: /test button/i });\n\n    expect(button).toBeInTheDocument();\n\n    expect(button).toHaveClass(\"MuiButton-containedThirdly\");\n  });\n\n  it(\"is disabled when the disabled prop is true\", () => {\n    render(<Button disabled>Disabled Button</Button>);\n    const button = screen.getByRole(\"button\", { name: /disabled button/i });\n    expect(button).toBeDisabled();\n  });\n});\n"],"names":["render","jsx","Button","screen","handleClick","fireEvent","button"],"mappings":"wHAIA,SAAS,SAAU,IAAM,CACvB,GAAG,oBAAqB,IAAM,CACrBA,EAAA,OAAAC,EAAA,IAACC,EAAO,OAAA,CAAA,SAAA,aAAW,CAAA,CAAS,EACnC,OACEC,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,aAAe,CAAA,GAClD,kBAAkB,CAAA,CACrB,EAED,GAAG,0BAA2B,IAAM,CAC5B,MAAAC,EAAc,KAAK,GAAG,EAC5BJ,SAAQC,EAAAA,IAAAC,EAAAA,OAAA,CAAO,QAASE,EAAa,qBAAS,CAAS,EACvDC,EAAAA,UAAU,MAAMF,EAAAA,OAAO,UAAU,WAAW,CAAC,EACtC,OAAAC,CAAW,EAAE,sBAAsB,CAAC,CAAA,CAC5C,EACD,GAAG,uCAAwC,IAAM,CAC/CJ,EAAA,aACGE,EAAAA,OAAO,CAAA,MAAM,UAAU,QAAQ,YAAY,SAE5C,aAAA,CAAA,CACF,EACA,MAAMI,EAASH,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,eAAgB,EAE3D,OAAAG,CAAM,EAAE,kBAAkB,EAE1B,OAAAA,CAAM,EAAE,YAAY,4BAA4B,CAAA,CACxD,EAED,GAAG,6CAA8C,IAAM,CACrDN,SAAQC,EAAAA,IAAAC,EAAAA,OAAA,CAAO,SAAQ,GAAC,2BAAe,CAAS,EAChD,MAAMI,EAASH,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,mBAAoB,EAC/D,OAAAG,CAAM,EAAE,aAAa,CAAA,CAC7B,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Button/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { Button } from \".\";\n\ndescribe(\"Button\", () => {\n  it(\"renders correctly\", () => {\n    render(<Button>Test Button</Button>);\n    expect(\n      screen.getByRole(\"button\", { name: \"Test Button\" }),\n    ).toBeInTheDocument();\n  });\n\n  it(\"triggers event on click\", () => {\n    const handleClick = jest.fn();\n    render(<Button onClick={handleClick}>Clickable</Button>);\n    fireEvent.click(screen.getByText(\"Clickable\"));\n    expect(handleClick).toHaveBeenCalledTimes(1);\n  });\n  it(\"renders with the thirdly theme color\", () => {\n    render(\n      <Button color=\"thirdly\" variant=\"contained\">\n        Test Button\n      </Button>,\n    );\n    const button = screen.getByRole(\"button\", { name: /test button/i });\n\n    expect(button).toBeInTheDocument();\n\n    expect(button).toHaveClass(\"MuiButton-containedThirdly\");\n  });\n\n  it(\"is disabled when the disabled prop is true\", () => {\n    render(<Button disabled>Disabled Button</Button>);\n    const button = screen.getByRole(\"button\", { name: /disabled button/i });\n    expect(button).toBeDisabled();\n  });\n});\n"],"names":["render","jsx","Button","screen","handleClick","fireEvent","button"],"mappings":"wHAIA,SAAS,SAAU,IAAM,CACvB,GAAG,oBAAqB,IAAM,CAC5BA,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,OAAA,CAAO,SAAA,aAAA,CAAW,CAAS,EACnC,OACEC,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,cAAe,CAAA,EAClD,kBAAA,CACJ,CAAC,EAED,GAAG,0BAA2B,IAAM,CAClC,MAAMC,EAAc,KAAK,GAAA,EACzBJ,SAAOC,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASE,EAAa,qBAAS,CAAS,EACvDC,EAAAA,UAAU,MAAMF,EAAAA,OAAO,UAAU,WAAW,CAAC,EAC7C,OAAOC,CAAW,EAAE,sBAAsB,CAAC,CAC7C,CAAC,EACD,GAAG,uCAAwC,IAAM,CAC/CJ,EAAAA,aACGE,EAAAA,OAAA,CAAO,MAAM,UAAU,QAAQ,YAAY,SAAA,aAAA,CAE5C,CAAA,EAEF,MAAMI,EAASH,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,eAAgB,EAElE,OAAOG,CAAM,EAAE,kBAAA,EAEf,OAAOA,CAAM,EAAE,YAAY,4BAA4B,CACzD,CAAC,EAED,GAAG,6CAA8C,IAAM,CACrDN,SAAOC,EAAAA,IAACC,EAAAA,OAAA,CAAO,SAAQ,GAAC,2BAAe,CAAS,EAChD,MAAMI,EAASH,EAAAA,OAAO,UAAU,SAAU,CAAE,KAAM,mBAAoB,EACtE,OAAOG,CAAM,EAAE,aAAA,CACjB,CAAC,CACH,CAAC"}

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-2FJSSo-S.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/Button/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Button/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { Button } from \".\";\n\ndescribe(\"Button\", () => {\n  it(\"renders correctly\", () => {\n    render(<Button>Test Button</Button>);\n    expect(\n      screen.getByRole(\"button\", { name: \"Test Button\" }),\n    ).toBeInTheDocument();\n  });\n\n  it(\"triggers event on click\", () => {\n    const handleClick = jest.fn();\n    render(<Button onClick={handleClick}>Clickable</Button>);\n    fireEvent.click(screen.getByText(\"Clickable\"));\n    expect(handleClick).toHaveBeenCalledTimes(1);\n  });\n  it(\"renders with the thirdly theme color\", () => {\n    render(\n      <Button color=\"thirdly\" variant=\"contained\">\n        Test Button\n      </Button>,\n    );\n    const button = screen.getByRole(\"button\", { name: /test button/i });\n\n    expect(button).toBeInTheDocument();\n\n    expect(button).toHaveClass(\"MuiButton-containedThirdly\");\n  });\n\n  it(\"is disabled when the disabled prop is true\", () => {\n    render(<Button disabled>Disabled Button</Button>);\n    const button = screen.getByRole(\"button\", { name: /disabled button/i });\n    expect(button).toBeDisabled();\n  });\n});\n"],"names":["render","jsx","Button","screen","handleClick","fireEvent","button"],"mappings":";;;AAIA,SAAS,UAAU,MAAM;AACvB,KAAG,qBAAqB,MAAM;AACrB,IAAAA,EAAA,gBAAAC,EAACC,GAAO,EAAA,UAAA,cAAW,CAAA,CAAS,GACnC;AAAA,MACEC,EAAO,UAAU,UAAU,EAAE,MAAM,cAAe,CAAA;AAAA,MAClD,kBAAkB;AAAA,EAAA,CACrB,GAED,GAAG,2BAA2B,MAAM;AAC5B,UAAAC,IAAc,KAAK,GAAG;AAC5B,IAAAJ,EAAQ,gBAAAC,EAAAC,GAAA,EAAO,SAASE,GAAa,uBAAS,CAAS,GACvDC,EAAU,MAAMF,EAAO,UAAU,WAAW,CAAC,GACtC,OAAAC,CAAW,EAAE,sBAAsB,CAAC;AAAA,EAAA,CAC5C,GACD,GAAG,wCAAwC,MAAM;AAC/C,IAAAJ;AAAA,wBACGE,GAAO,EAAA,OAAM,WAAU,SAAQ,aAAY,UAE5C,cAAA,CAAA;AAAA,IACF;AACA,UAAMI,IAASH,EAAO,UAAU,UAAU,EAAE,MAAM,gBAAgB;AAE3D,WAAAG,CAAM,EAAE,kBAAkB,GAE1B,OAAAA,CAAM,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACxD,GAED,GAAG,8CAA8C,MAAM;AACrD,IAAAN,EAAQ,gBAAAC,EAAAC,GAAA,EAAO,UAAQ,IAAC,6BAAe,CAAS;AAChD,UAAMI,IAASH,EAAO,UAAU,UAAU,EAAE,MAAM,oBAAoB;AAC/D,WAAAG,CAAM,EAAE,aAAa;AAAA,EAAA,CAC7B;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Button/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { Button } from \".\";\n\ndescribe(\"Button\", () => {\n  it(\"renders correctly\", () => {\n    render(<Button>Test Button</Button>);\n    expect(\n      screen.getByRole(\"button\", { name: \"Test Button\" }),\n    ).toBeInTheDocument();\n  });\n\n  it(\"triggers event on click\", () => {\n    const handleClick = jest.fn();\n    render(<Button onClick={handleClick}>Clickable</Button>);\n    fireEvent.click(screen.getByText(\"Clickable\"));\n    expect(handleClick).toHaveBeenCalledTimes(1);\n  });\n  it(\"renders with the thirdly theme color\", () => {\n    render(\n      <Button color=\"thirdly\" variant=\"contained\">\n        Test Button\n      </Button>,\n    );\n    const button = screen.getByRole(\"button\", { name: /test button/i });\n\n    expect(button).toBeInTheDocument();\n\n    expect(button).toHaveClass(\"MuiButton-containedThirdly\");\n  });\n\n  it(\"is disabled when the disabled prop is true\", () => {\n    render(<Button disabled>Disabled Button</Button>);\n    const button = screen.getByRole(\"button\", { name: /disabled button/i });\n    expect(button).toBeDisabled();\n  });\n});\n"],"names":["render","jsx","Button","screen","handleClick","fireEvent","button"],"mappings":";;;AAIA,SAAS,UAAU,MAAM;AACvB,KAAG,qBAAqB,MAAM;AAC5B,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAO,UAAA,cAAA,CAAW,CAAS,GACnC;AAAA,MACEC,EAAO,UAAU,UAAU,EAAE,MAAM,eAAe;AAAA,IAAA,EAClD,kBAAA;AAAA,EACJ,CAAC,GAED,GAAG,2BAA2B,MAAM;AAClC,UAAMC,IAAc,KAAK,GAAA;AACzB,IAAAJ,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAASE,GAAa,uBAAS,CAAS,GACvDC,EAAU,MAAMF,EAAO,UAAU,WAAW,CAAC,GAC7C,OAAOC,CAAW,EAAE,sBAAsB,CAAC;AAAA,EAC7C,CAAC,GACD,GAAG,wCAAwC,MAAM;AAC/C,IAAAJ;AAAA,wBACGE,GAAA,EAAO,OAAM,WAAU,SAAQ,aAAY,UAAA,cAAA,CAE5C;AAAA,IAAA;AAEF,UAAMI,IAASH,EAAO,UAAU,UAAU,EAAE,MAAM,gBAAgB;AAElE,WAAOG,CAAM,EAAE,kBAAA,GAEf,OAAOA,CAAM,EAAE,YAAY,4BAA4B;AAAA,EACzD,CAAC,GAED,GAAG,8CAA8C,MAAM;AACrD,IAAAN,EAAO,gBAAAC,EAACC,GAAA,EAAO,UAAQ,IAAC,6BAAe,CAAS;AAChD,UAAMI,IAASH,EAAO,UAAU,UAAU,EAAE,MAAM,oBAAoB;AACtE,WAAOG,CAAM,EAAE,aAAA;AAAA,EACjB,CAAC;AACH,CAAC;"}

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.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore } from \"@mui/icons-material\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMore />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMore","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":"qZAsBaA,EAAQC,GAAiB,CACpC,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,YAAAC,EAAa,UAAAC,CAAc,EAAAJ,EAGxD,OAAAK,EAAA,IAAC,OACC,SAACC,EAAA,KAAAC,EAAA,UAAA,CAAU,gBAAe,GAAC,UAAWC,EAAO,UAC3C,SAAA,CAAAH,EAAA,IAACI,EAAA,iBAAA,CACC,UAAWD,EAAO,OAClB,gBAAc,gBACd,iBAAaE,EAAW,WAAA,EAAA,EAEvB,SAAAT,CAAA,CACH,EACCI,EAAA,IAAAM,EAAA,iBAAA,CAAiB,UAAWH,EAAO,YAClC,SAAAH,EAAA,IAAC,MAAA,CACC,cAAY,aACZ,oBAAmBF,EACnB,UAAWS,EAAWJ,EAAO,MAAOJ,CAAS,EAC7C,MAAO,CACL,oBAAqB,UAAUD,CAAW,QAC5C,EAEC,SAAAD,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ,EAIaW,EAAmBL,EAAO"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore } from \"@mui/icons-material\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMore />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMore","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":"qZAsBaA,EAAQC,GAAiB,CACpC,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,YAAAC,EAAa,UAAAC,GAAcJ,EAE1D,OACEK,EAAAA,IAAC,OACC,SAAAC,EAAAA,KAACC,EAAAA,UAAA,CAAU,gBAAe,GAAC,UAAWC,EAAO,UAC3C,SAAA,CAAAH,EAAAA,IAACI,EAAAA,iBAAA,CACC,UAAWD,EAAO,OAClB,gBAAc,gBACd,iBAAaE,EAAAA,WAAA,EAAW,EAEvB,SAAAT,CAAA,CAAA,EAEHI,EAAAA,IAACM,EAAAA,iBAAA,CAAiB,UAAWH,EAAO,YAClC,SAAAH,EAAAA,IAAC,MAAA,CACC,cAAY,aACZ,oBAAmBF,EACnB,UAAWS,EAAWJ,EAAO,MAAOJ,CAAS,EAC7C,MAAO,CACL,oBAAqB,UAAUD,CAAW,QAAA,EAG3C,SAAAD,CAAA,CAAA,CACH,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,EAIaW,EAAmBL,EAAO"}

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.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore } from \"@mui/icons-material\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMore />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMore","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":";;;;;;;;;;GAsBaA,IAAO,CAACC,MAAiB;AACpC,QAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,aAAAC,GAAa,WAAAC,EAAc,IAAAJ;AAGxD,SAAA,gBAAAK,EAAC,SACC,UAAC,gBAAAC,EAAAC,GAAA,EAAU,iBAAe,IAAC,WAAWC,EAAO,WAC3C,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,iBAAc;AAAA,QACd,8BAAaE,GAAW,EAAA;AAAA,QAEvB,UAAAT;AAAA,MAAA;AAAA,IACH;AAAA,IACC,gBAAAI,EAAAM,GAAA,EAAiB,WAAWH,EAAO,aAClC,UAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,qBAAmBF;AAAA,QACnB,WAAWS,EAAWJ,EAAO,OAAOJ,CAAS;AAAA,QAC7C,OAAO;AAAA,UACL,qBAAqB,UAAUD,CAAW;AAAA,QAC5C;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ,GAIaW,IAAmBL,EAAO;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { ExpandMore } from \"@mui/icons-material\";\nimport { Accordion, AccordionDetails, AccordionSummary } from \"@mui/material\";\nimport classNames from \"classnames\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /**カードのタイトル */\n  headerTitle: string;\n  /**カードの中身 */\n  children: ReactNode;\n  /**gridの列数 */\n  gridColumns: number;\n  /**カスタムスタイルクラス */\n  className?: string;\n};\n\n/**カードコンポーネント\n * 内容の折りたたみができます。\n * 表示する内容のgrid列数を指定します。\n */\nexport const Card = (props: Props) => {\n  const { headerTitle, children, gridColumns, className } = props;\n\n  return (\n    <div>\n      <Accordion defaultExpanded className={styles.container}>\n        <AccordionSummary\n          className={styles.header}\n          aria-controls=\"panel-content\"\n          expandIcon={<ExpandMore />}\n        >\n          {headerTitle}\n        </AccordionSummary>\n        <AccordionDetails className={styles.mainContent}>\n          <div\n            data-testid=\"card-items\"\n            data-grid-columns={gridColumns}\n            className={classNames(styles.items, className)}\n            style={{\n              gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n            }}\n          >\n            {children}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </div>\n  );\n};\n\nexport default Card;\n\nexport const gridOnlyOneStyle = styles.gridOnlyOne;\n"],"names":["Card","props","headerTitle","children","gridColumns","className","jsx","jsxs","Accordion","styles","AccordionSummary","ExpandMore","AccordionDetails","classNames","gridOnlyOneStyle"],"mappings":";;;;;;;;;;GAsBaA,IAAO,CAACC,MAAiB;AACpC,QAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,aAAAC,GAAa,WAAAC,MAAcJ;AAE1D,SACE,gBAAAK,EAAC,SACC,UAAA,gBAAAC,EAACC,GAAA,EAAU,iBAAe,IAAC,WAAWC,EAAO,WAC3C,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,iBAAc;AAAA,QACd,8BAAaE,GAAA,EAAW;AAAA,QAEvB,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAI,EAACM,GAAA,EAAiB,WAAWH,EAAO,aAClC,UAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,qBAAmBF;AAAA,QACnB,WAAWS,EAAWJ,EAAO,OAAOJ,CAAS;AAAA,QAC7C,OAAO;AAAA,UACL,qBAAqB,UAAUD,CAAW;AAAA,QAAA;AAAA,QAG3C,UAAAD;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,GAIaW,IAAmBL,EAAO;"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("../../react.esm-CiMn0Rnx.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.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Card/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport Card from \".\";\n\ndescribe(\"Card component\", () => {\n  it(\"renders header title correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Sample Card\")).toBeInTheDocument();\n  });\n\n  it(\"renders children correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Content 1\")).toBeInTheDocument();\n    expect(screen.getByText(\"Content 11\")).toBeInTheDocument();\n  });\n\n  it(\"renders with specified grid columns\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={3}>\n        <div>Content 1</div>\n        <div>Content 2</div>\n        <div>Content 3</div>\n        <div>Content 4</div>\n        <div>Content 5</div>\n        <div>Content 6</div>\n        <div>Content 7</div>\n        <div>Content 8</div>\n        <div>Content 9</div>\n        <div>Content 10</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    const items = screen.getByTestId(\"card-items\");\n\n    expect(items.getAttribute(\"style\")).toContain(\n      \"grid-template-columns: repeat(3, 1fr)\",\n    );\n  });\n});\n"],"names":["render","jsx","Card","screen","jsxs","items"],"mappings":"wHAIA,SAAS,iBAAkB,IAAM,CAC/B,GAAG,iCAAkC,IAAM,CACzCA,EAAA,OACEC,EAAAA,IAACC,EAAAA,MAAK,YAAY,cAAc,YAAa,EAC3C,SAAAD,EAAA,IAAC,MAAI,CAAA,SAAA,WAAS,CAAA,CAChB,CAAA,CACF,EAEA,OAAOE,EAAAA,OAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,CAAA,CAC3D,EAED,GAAG,6BAA8B,IAAM,CACrCH,EAAA,OACGI,EAAA,KAAAF,EAAA,KAAA,CAAK,YAAY,cAAc,YAAa,EAC3C,SAAA,CAAAD,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAU,YAAA,CAAA,CAAA,CACjB,CAAA,CACF,EAEA,OAAOE,EAAAA,OAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB,EACxD,OAAOA,EAAAA,OAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB,CAAA,CAC1D,EAED,GAAG,sCAAuC,IAAM,CAC9CH,EAAA,OACGI,EAAA,KAAAF,EAAA,KAAA,CAAK,YAAY,cAAc,YAAa,EAC3C,SAAA,CAAAD,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAS,WAAA,CAAA,EACdA,EAAAA,IAAC,OAAI,SAAU,YAAA,CAAA,EACfA,EAAAA,IAAC,OAAI,SAAU,YAAA,CAAA,CAAA,CACjB,CAAA,CACF,EAEM,MAAAI,EAAQF,EAAAA,OAAO,YAAY,YAAY,EAE7C,OAAOE,EAAM,aAAa,OAAO,CAAC,EAAE,UAClC,uCACF,CAAA,CACD,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Card/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport Card from \".\";\n\ndescribe(\"Card component\", () => {\n  it(\"renders header title correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Sample Card\")).toBeInTheDocument();\n  });\n\n  it(\"renders children correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Content 1\")).toBeInTheDocument();\n    expect(screen.getByText(\"Content 11\")).toBeInTheDocument();\n  });\n\n  it(\"renders with specified grid columns\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={3}>\n        <div>Content 1</div>\n        <div>Content 2</div>\n        <div>Content 3</div>\n        <div>Content 4</div>\n        <div>Content 5</div>\n        <div>Content 6</div>\n        <div>Content 7</div>\n        <div>Content 8</div>\n        <div>Content 9</div>\n        <div>Content 10</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    const items = screen.getByTestId(\"card-items\");\n\n    expect(items.getAttribute(\"style\")).toContain(\n      \"grid-template-columns: repeat(3, 1fr)\",\n    );\n  });\n});\n"],"names":["render","jsx","Card","screen","jsxs","items"],"mappings":"wHAIA,SAAS,iBAAkB,IAAM,CAC/B,GAAG,iCAAkC,IAAM,CACzCA,EAAAA,OACEC,EAAAA,IAACC,EAAAA,MAAK,YAAY,cAAc,YAAa,EAC3C,SAAAD,EAAAA,IAAC,MAAA,CAAI,SAAA,WAAA,CAAS,CAAA,CAChB,CAAA,EAGF,OAAOE,EAAAA,OAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,CAC1C,CAAC,EAED,GAAG,6BAA8B,IAAM,CACrCH,EAAAA,OACEI,EAAAA,KAACF,EAAAA,KAAA,CAAK,YAAY,cAAc,YAAa,EAC3C,SAAA,CAAAD,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,YAAA,CAAU,CAAA,CAAA,CACjB,CAAA,EAGF,OAAOE,EAAAA,OAAO,UAAU,WAAW,CAAC,EAAE,kBAAA,EACtC,OAAOA,EAAAA,OAAO,UAAU,YAAY,CAAC,EAAE,kBAAA,CACzC,CAAC,EAED,GAAG,sCAAuC,IAAM,CAC9CH,EAAAA,OACEI,EAAAA,KAACF,EAAAA,KAAA,CAAK,YAAY,cAAc,YAAa,EAC3C,SAAA,CAAAD,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,WAAA,CAAS,EACdA,EAAAA,IAAC,OAAI,SAAA,YAAA,CAAU,EACfA,EAAAA,IAAC,OAAI,SAAA,YAAA,CAAU,CAAA,CAAA,CACjB,CAAA,EAGF,MAAMI,EAAQF,EAAAA,OAAO,YAAY,YAAY,EAE7C,OAAOE,EAAM,aAAa,OAAO,CAAC,EAAE,UAClC,uCAAA,CAEJ,CAAC,CACH,CAAC"}

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-2FJSSo-S.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/Card/index.test.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Card/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport Card from \".\";\n\ndescribe(\"Card component\", () => {\n  it(\"renders header title correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Sample Card\")).toBeInTheDocument();\n  });\n\n  it(\"renders children correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Content 1\")).toBeInTheDocument();\n    expect(screen.getByText(\"Content 11\")).toBeInTheDocument();\n  });\n\n  it(\"renders with specified grid columns\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={3}>\n        <div>Content 1</div>\n        <div>Content 2</div>\n        <div>Content 3</div>\n        <div>Content 4</div>\n        <div>Content 5</div>\n        <div>Content 6</div>\n        <div>Content 7</div>\n        <div>Content 8</div>\n        <div>Content 9</div>\n        <div>Content 10</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    const items = screen.getByTestId(\"card-items\");\n\n    expect(items.getAttribute(\"style\")).toContain(\n      \"grid-template-columns: repeat(3, 1fr)\",\n    );\n  });\n});\n"],"names":["render","jsx","Card","screen","jsxs","items"],"mappings":";;;AAIA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,kCAAkC,MAAM;AACzC,IAAAA;AAAA,MACE,gBAAAC,EAACC,KAAK,aAAY,eAAc,aAAa,GAC3C,UAAA,gBAAAD,EAAC,OAAI,EAAA,UAAA,YAAS,CAAA,EAChB,CAAA;AAAA,IACF,GAEA,OAAOE,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC3D,GAED,GAAG,8BAA8B,MAAM;AACrC,IAAAH;AAAA,MACG,gBAAAI,EAAAF,GAAA,EAAK,aAAY,eAAc,aAAa,GAC3C,UAAA;AAAA,QAAA,gBAAAD,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAU,aAAA,CAAA;AAAA,MAAA,EACjB,CAAA;AAAA,IACF,GAEA,OAAOE,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB,GACxD,OAAOA,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC1D,GAED,GAAG,uCAAuC,MAAM;AAC9C,IAAAH;AAAA,MACG,gBAAAI,EAAAF,GAAA,EAAK,aAAY,eAAc,aAAa,GAC3C,UAAA;AAAA,QAAA,gBAAAD,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAS,YAAA,CAAA;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAU,aAAA,CAAA;AAAA,QACf,gBAAAA,EAAC,SAAI,UAAU,aAAA,CAAA;AAAA,MAAA,EACjB,CAAA;AAAA,IACF;AAEM,UAAAI,IAAQF,EAAO,YAAY,YAAY;AAE7C,WAAOE,EAAM,aAAa,OAAO,CAAC,EAAE;AAAA,MAClC;AAAA,IACF;AAAA,EAAA,CACD;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Card/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport Card from \".\";\n\ndescribe(\"Card component\", () => {\n  it(\"renders header title correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Sample Card\")).toBeInTheDocument();\n  });\n\n  it(\"renders children correctly\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={2}>\n        <div>Content 1</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    expect(screen.getByText(\"Content 1\")).toBeInTheDocument();\n    expect(screen.getByText(\"Content 11\")).toBeInTheDocument();\n  });\n\n  it(\"renders with specified grid columns\", () => {\n    render(\n      <Card headerTitle=\"Sample Card\" gridColumns={3}>\n        <div>Content 1</div>\n        <div>Content 2</div>\n        <div>Content 3</div>\n        <div>Content 4</div>\n        <div>Content 5</div>\n        <div>Content 6</div>\n        <div>Content 7</div>\n        <div>Content 8</div>\n        <div>Content 9</div>\n        <div>Content 10</div>\n        <div>Content 11</div>\n      </Card>,\n    );\n\n    const items = screen.getByTestId(\"card-items\");\n\n    expect(items.getAttribute(\"style\")).toContain(\n      \"grid-template-columns: repeat(3, 1fr)\",\n    );\n  });\n});\n"],"names":["render","jsx","Card","screen","jsxs","items"],"mappings":";;;AAIA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,kCAAkC,MAAM;AACzC,IAAAA;AAAA,MACE,gBAAAC,EAACC,KAAK,aAAY,eAAc,aAAa,GAC3C,UAAA,gBAAAD,EAAC,OAAA,EAAI,UAAA,YAAA,CAAS,EAAA,CAChB;AAAA,IAAA,GAGF,OAAOE,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA;AAAA,EAC1C,CAAC,GAED,GAAG,8BAA8B,MAAM;AACrC,IAAAH;AAAA,MACE,gBAAAI,EAACF,GAAA,EAAK,aAAY,eAAc,aAAa,GAC3C,UAAA;AAAA,QAAA,gBAAAD,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,aAAA,CAAU;AAAA,MAAA,EAAA,CACjB;AAAA,IAAA,GAGF,OAAOE,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAA,GACtC,OAAOA,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAA;AAAA,EACzC,CAAC,GAED,GAAG,uCAAuC,MAAM;AAC9C,IAAAH;AAAA,MACE,gBAAAI,EAACF,GAAA,EAAK,aAAY,eAAc,aAAa,GAC3C,UAAA;AAAA,QAAA,gBAAAD,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,YAAA,CAAS;AAAA,QACd,gBAAAA,EAAC,SAAI,UAAA,aAAA,CAAU;AAAA,QACf,gBAAAA,EAAC,SAAI,UAAA,aAAA,CAAU;AAAA,MAAA,EAAA,CACjB;AAAA,IAAA;AAGF,UAAMI,IAAQF,EAAO,YAAY,YAAY;AAE7C,WAAOE,EAAM,aAAa,OAAO,CAAC,EAAE;AAAA,MAClC;AAAA,IAAA;AAAA,EAEJ,CAAC;AACH,CAAC;"}

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.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/CardWithTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { Card, CardContent } from \"@mui/material\";\n\nimport { Title } from \"../Title\";\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** カードのタイトル */\n  title?: string;\n  /** カードの中身 */\n  children: ReactNode;\n  /** タイトルからのスペース */\n  spacingFromTitle?: number;\n  /** カードのクラス名 */\n  cardClassName?: string;\n  /** タイトルのクラス名 */\n  titleClassName?: string;\n  /**チルドレンラッパーのクラス名 */\n  childrenWrapperClassName?: string;\n};\n\n/**\n * タイトル付きカードコンポーネント\n * タイトルとコンテンツを表示するシンプルなカードです\n */\nexport const CardWithTitle = (props: Props) => {\n  const {\n    title,\n    children,\n    spacingFromTitle = 32,\n    cardClassName,\n    titleClassName,\n    childrenWrapperClassName,\n  } = props;\n  return (\n    <Card className={`${styles.card} ${cardClassName ?? \"\"}`}>\n      <CardContent>\n        {title && <Title title={title} className={titleClassName ?? \"\"} />}\n        <div\n          className={`${styles.content} ${childrenWrapperClassName ?? \"\"}`}\n          style={{ paddingTop: `${spacingFromTitle}px` }}\n        >\n          {children}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default CardWithTitle;\n"],"names":["CardWithTitle","props","title","children","spacingFromTitle","cardClassName","titleClassName","childrenWrapperClassName","jsx","Card","styles","jsxs","CardContent","Title"],"mappings":"2QAyBaA,EAAiBC,GAAiB,CACvC,KAAA,CACJ,MAAAC,EACA,SAAAC,EACA,iBAAAC,EAAmB,GACnB,cAAAC,EACA,eAAAC,EACA,yBAAAC,CAAA,EACEN,EAEF,OAAAO,EAAAA,IAACC,EAAAA,KAAK,CAAA,UAAW,GAAGC,EAAO,IAAI,IAAIL,GAAiB,EAAE,GACpD,SAAAM,EAAAA,KAACC,EAAAA,YACE,CAAA,SAAA,CAAAV,GAAUM,EAAA,IAAAK,QAAA,CAAM,MAAAX,EAAc,UAAWI,GAAkB,GAAI,EAChEE,EAAA,IAAC,MAAA,CACC,UAAW,GAAGE,EAAO,OAAO,IAAIH,GAA4B,EAAE,GAC9D,MAAO,CAAE,WAAY,GAAGH,CAAgB,IAAK,EAE5C,SAAAD,CAAA,CAAA,CACH,CAAA,CACF,CACF,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/CardWithTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { Card, CardContent } from \"@mui/material\";\n\nimport { Title } from \"../Title\";\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** カードのタイトル */\n  title?: string;\n  /** カードの中身 */\n  children: ReactNode;\n  /** タイトルからのスペース */\n  spacingFromTitle?: number;\n  /** カードのクラス名 */\n  cardClassName?: string;\n  /** タイトルのクラス名 */\n  titleClassName?: string;\n  /**チルドレンラッパーのクラス名 */\n  childrenWrapperClassName?: string;\n};\n\n/**\n * タイトル付きカードコンポーネント\n * タイトルとコンテンツを表示するシンプルなカードです\n */\nexport const CardWithTitle = (props: Props) => {\n  const {\n    title,\n    children,\n    spacingFromTitle = 32,\n    cardClassName,\n    titleClassName,\n    childrenWrapperClassName,\n  } = props;\n  return (\n    <Card className={`${styles.card} ${cardClassName ?? \"\"}`}>\n      <CardContent>\n        {title && <Title title={title} className={titleClassName ?? \"\"} />}\n        <div\n          className={`${styles.content} ${childrenWrapperClassName ?? \"\"}`}\n          style={{ paddingTop: `${spacingFromTitle}px` }}\n        >\n          {children}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default CardWithTitle;\n"],"names":["CardWithTitle","props","title","children","spacingFromTitle","cardClassName","titleClassName","childrenWrapperClassName","jsx","Card","styles","jsxs","CardContent","Title"],"mappings":"2QAyBaA,EAAiBC,GAAiB,CAC7C,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,iBAAAC,EAAmB,GACnB,cAAAC,EACA,eAAAC,EACA,yBAAAC,CAAA,EACEN,EACJ,OACEO,EAAAA,IAACC,EAAAA,KAAA,CAAK,UAAW,GAAGC,EAAO,IAAI,IAAIL,GAAiB,EAAE,GACpD,SAAAM,EAAAA,KAACC,EAAAA,YAAA,CACE,SAAA,CAAAV,GAASM,EAAAA,IAACK,QAAA,CAAM,MAAAX,EAAc,UAAWI,GAAkB,GAAI,EAChEE,EAAAA,IAAC,MAAA,CACC,UAAW,GAAGE,EAAO,OAAO,IAAIH,GAA4B,EAAE,GAC9D,MAAO,CAAE,WAAY,GAAGH,CAAgB,IAAA,EAEvC,SAAAD,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CACF,CAEJ"}

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.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/CardWithTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { Card, CardContent } from \"@mui/material\";\n\nimport { Title } from \"../Title\";\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** カードのタイトル */\n  title?: string;\n  /** カードの中身 */\n  children: ReactNode;\n  /** タイトルからのスペース */\n  spacingFromTitle?: number;\n  /** カードのクラス名 */\n  cardClassName?: string;\n  /** タイトルのクラス名 */\n  titleClassName?: string;\n  /**チルドレンラッパーのクラス名 */\n  childrenWrapperClassName?: string;\n};\n\n/**\n * タイトル付きカードコンポーネント\n * タイトルとコンテンツを表示するシンプルなカードです\n */\nexport const CardWithTitle = (props: Props) => {\n  const {\n    title,\n    children,\n    spacingFromTitle = 32,\n    cardClassName,\n    titleClassName,\n    childrenWrapperClassName,\n  } = props;\n  return (\n    <Card className={`${styles.card} ${cardClassName ?? \"\"}`}>\n      <CardContent>\n        {title && <Title title={title} className={titleClassName ?? \"\"} />}\n        <div\n          className={`${styles.content} ${childrenWrapperClassName ?? \"\"}`}\n          style={{ paddingTop: `${spacingFromTitle}px` }}\n        >\n          {children}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default CardWithTitle;\n"],"names":["CardWithTitle","props","title","children","spacingFromTitle","cardClassName","titleClassName","childrenWrapperClassName","jsx","Card","styles","jsxs","CardContent","Title"],"mappings":";;;;;;GAyBaA,IAAgB,CAACC,MAAiB;AACvC,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,EAAA,IACEN;AAEF,SAAA,gBAAAO,EAACC,GAAK,EAAA,WAAW,GAAGC,EAAO,IAAI,IAAIL,KAAiB,EAAE,IACpD,UAAA,gBAAAM,EAACC,GACE,EAAA,UAAA;AAAA,IAAAV,KAAU,gBAAAM,EAAAK,GAAA,EAAM,OAAAX,GAAc,WAAWI,KAAkB,IAAI;AAAA,IAChE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGE,EAAO,OAAO,IAAIH,KAA4B,EAAE;AAAA,QAC9D,OAAO,EAAE,YAAY,GAAGH,CAAgB,KAAK;AAAA,QAE5C,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/CardWithTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { Card, CardContent } from \"@mui/material\";\n\nimport { Title } from \"../Title\";\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** カードのタイトル */\n  title?: string;\n  /** カードの中身 */\n  children: ReactNode;\n  /** タイトルからのスペース */\n  spacingFromTitle?: number;\n  /** カードのクラス名 */\n  cardClassName?: string;\n  /** タイトルのクラス名 */\n  titleClassName?: string;\n  /**チルドレンラッパーのクラス名 */\n  childrenWrapperClassName?: string;\n};\n\n/**\n * タイトル付きカードコンポーネント\n * タイトルとコンテンツを表示するシンプルなカードです\n */\nexport const CardWithTitle = (props: Props) => {\n  const {\n    title,\n    children,\n    spacingFromTitle = 32,\n    cardClassName,\n    titleClassName,\n    childrenWrapperClassName,\n  } = props;\n  return (\n    <Card className={`${styles.card} ${cardClassName ?? \"\"}`}>\n      <CardContent>\n        {title && <Title title={title} className={titleClassName ?? \"\"} />}\n        <div\n          className={`${styles.content} ${childrenWrapperClassName ?? \"\"}`}\n          style={{ paddingTop: `${spacingFromTitle}px` }}\n        >\n          {children}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default CardWithTitle;\n"],"names":["CardWithTitle","props","title","children","spacingFromTitle","cardClassName","titleClassName","childrenWrapperClassName","jsx","Card","styles","jsxs","CardContent","Title"],"mappings":";;;;;;GAyBaA,IAAgB,CAACC,MAAiB;AAC7C,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,EAAA,IACEN;AACJ,SACE,gBAAAO,EAACC,GAAA,EAAK,WAAW,GAAGC,EAAO,IAAI,IAAIL,KAAiB,EAAE,IACpD,UAAA,gBAAAM,EAACC,GAAA,EACE,UAAA;AAAA,IAAAV,KAAS,gBAAAM,EAACK,GAAA,EAAM,OAAAX,GAAc,WAAWI,KAAkB,IAAI;AAAA,IAChE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGE,EAAO,OAAO,IAAIH,KAA4B,EAAE;AAAA,QAC9D,OAAO,EAAE,YAAY,GAAGH,CAAgB,KAAA;AAAA,QAEvC,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),i=require("../../react.esm-CiMn0Rnx.cjs");require("../../index-BpMSrIOq.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.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/CardWithTitle/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { CardWithTitle } from \".\";\n\ndescribe(\"CardWithTitle Component\", () => {\n  it(\"renders without title\", () => {\n    const { getByText } = render(\n      <CardWithTitle>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"renders with title\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(\n      <CardWithTitle title={titleText}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(titleText)).toBeInTheDocument();\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"applies default spacing from title\", () => {\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\">\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(\"padding-top: 32px\");\n  });\n\n  it(\"applies custom spacing from title\", () => {\n    const customSpacing = 16;\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\" spacingFromTitle={customSpacing}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(`padding-top: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","jsx","CardWithTitle","titleText","container","contentDiv"],"mappings":"kKAMA,SAAS,0BAA2B,IAAM,CACxC,GAAG,wBAAyB,IAAM,CAC1B,KAAA,CAAE,UAAAA,GAAcC,EAAA,OACnBC,MAAAC,EAAAA,cAAA,CACC,SAACD,EAAAA,IAAA,MAAA,CAAI,wBAAY,CACnB,CAAA,CACF,EAEA,OAAOF,EAAU,cAAc,CAAC,EAAE,kBAAkB,CAAA,CACrD,EAED,GAAG,qBAAsB,IAAM,CAC7B,MAAMI,EAAY,aACZ,CAAE,UAAAJ,GAAcC,EAAA,aACnBE,EAAc,cAAA,CAAA,MAAOC,EACpB,SAACF,EAAA,IAAA,MAAA,CAAI,uBAAY,CAAA,CACnB,CAAA,CACF,EAEA,OAAOF,EAAUI,CAAS,CAAC,EAAE,kBAAkB,EAC/C,OAAOJ,EAAU,cAAc,CAAC,EAAE,kBAAkB,CAAA,CACrD,EAED,GAAG,qCAAsC,IAAM,CACvC,KAAA,CAAE,UAAAK,GAAcJ,EAAA,aACnBE,EAAc,cAAA,CAAA,MAAM,aACnB,SAACD,EAAA,IAAA,MAAA,CAAI,uBAAY,CAAA,CACnB,CAAA,CACF,EAEMI,EAAaD,EAAU,cAAc,UAAU,EAC9C,OAAAC,CAAU,EAAE,YAAY,mBAAmB,CAAA,CACnD,EAED,GAAG,oCAAqC,IAAM,CAEtC,KAAA,CAAE,UAAAD,GAAcJ,EAAA,OACpBC,EAAAA,IAACC,EAAAA,eAAc,MAAM,aAAa,iBAAkB,GAClD,SAAAD,EAAA,IAAC,MAAI,CAAA,SAAA,cAAY,CAAA,CACnB,CAAA,CACF,EAEMI,EAAaD,EAAU,cAAc,UAAU,EACrD,OAAOC,CAAU,EAAE,YAAY,mBAAiC,CAAA,CACjE,CACH,CAAC"}
+{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/CardWithTitle/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { CardWithTitle } from \".\";\n\ndescribe(\"CardWithTitle Component\", () => {\n  it(\"renders without title\", () => {\n    const { getByText } = render(\n      <CardWithTitle>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"renders with title\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(\n      <CardWithTitle title={titleText}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(titleText)).toBeInTheDocument();\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"applies default spacing from title\", () => {\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\">\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(\"padding-top: 32px\");\n  });\n\n  it(\"applies custom spacing from title\", () => {\n    const customSpacing = 16;\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\" spacingFromTitle={customSpacing}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(`padding-top: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","jsx","CardWithTitle","titleText","container","contentDiv"],"mappings":"kKAMA,SAAS,0BAA2B,IAAM,CACxC,GAAG,wBAAyB,IAAM,CAChC,KAAM,CAAE,UAAAA,GAAcC,EAAAA,OACpBC,MAACC,EAAAA,cAAA,CACC,SAAAD,EAAAA,IAAC,MAAA,CAAI,wBAAY,CAAA,CACnB,CAAA,EAGF,OAAOF,EAAU,cAAc,CAAC,EAAE,kBAAA,CACpC,CAAC,EAED,GAAG,qBAAsB,IAAM,CAC7B,MAAMI,EAAY,aACZ,CAAE,UAAAJ,GAAcC,EAAAA,aACnBE,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAAF,EAAAA,IAAC,MAAA,CAAI,wBAAY,CAAA,CACnB,CAAA,EAGF,OAAOF,EAAUI,CAAS,CAAC,EAAE,kBAAA,EAC7B,OAAOJ,EAAU,cAAc,CAAC,EAAE,kBAAA,CACpC,CAAC,EAED,GAAG,qCAAsC,IAAM,CAC7C,KAAM,CAAE,UAAAK,GAAcJ,EAAAA,aACnBE,EAAAA,cAAA,CAAc,MAAM,aACnB,SAAAD,EAAAA,IAAC,MAAA,CAAI,wBAAY,CAAA,CACnB,CAAA,EAGII,EAAaD,EAAU,cAAc,UAAU,EACrD,OAAOC,CAAU,EAAE,YAAY,mBAAmB,CACpD,CAAC,EAED,GAAG,oCAAqC,IAAM,CAE5C,KAAM,CAAE,UAAAD,GAAcJ,EAAAA,OACpBC,EAAAA,IAACC,EAAAA,eAAc,MAAM,aAAa,iBAAkB,GAClD,SAAAD,EAAAA,IAAC,MAAA,CAAI,SAAA,cAAA,CAAY,CAAA,CACnB,CAAA,EAGII,EAAaD,EAAU,cAAc,UAAU,EACrD,OAAOC,CAAU,EAAE,YAAY,mBAAiC,CAClE,CAAC,CACH,CAAC"}

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as i } from "../../react.esm-2FJSSo-S.js";
-import "../../index-DCSLk6pp.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", () => {
   it("renders without title", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.es.js","sources":["../../../src/components/CardWithTitle/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { CardWithTitle } from \".\";\n\ndescribe(\"CardWithTitle Component\", () => {\n  it(\"renders without title\", () => {\n    const { getByText } = render(\n      <CardWithTitle>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"renders with title\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(\n      <CardWithTitle title={titleText}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(titleText)).toBeInTheDocument();\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"applies default spacing from title\", () => {\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\">\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(\"padding-top: 32px\");\n  });\n\n  it(\"applies custom spacing from title\", () => {\n    const customSpacing = 16;\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\" spacingFromTitle={customSpacing}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(`padding-top: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","jsx","CardWithTitle","titleText","container","contentDiv"],"mappings":";;;;AAMA,SAAS,2BAA2B,MAAM;AACxC,KAAG,yBAAyB,MAAM;AAC1B,UAAA,EAAE,WAAAA,MAAcC;AAAA,MACnB,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAA,OAAA,EAAI,0BAAY,EACnB,CAAA;AAAA,IACF;AAEA,WAAOF,EAAU,cAAc,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACrD,GAED,GAAG,sBAAsB,MAAM;AAC7B,UAAMI,IAAY,cACZ,EAAE,WAAAJ,MAAcC;AAAA,wBACnBE,GAAc,EAAA,OAAOC,GACpB,UAAC,gBAAAF,EAAA,OAAA,EAAI,yBAAY,CAAA,EACnB,CAAA;AAAA,IACF;AAEA,WAAOF,EAAUI,CAAS,CAAC,EAAE,kBAAkB,GAC/C,OAAOJ,EAAU,cAAc,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACrD,GAED,GAAG,sCAAsC,MAAM;AACvC,UAAA,EAAE,WAAAK,MAAcJ;AAAA,wBACnBE,GAAc,EAAA,OAAM,cACnB,UAAC,gBAAAD,EAAA,OAAA,EAAI,yBAAY,CAAA,EACnB,CAAA;AAAA,IACF,GAEMI,IAAaD,EAAU,cAAc,UAAU;AAC9C,WAAAC,CAAU,EAAE,YAAY,mBAAmB;AAAA,EAAA,CACnD,GAED,GAAG,qCAAqC,MAAM;AAEtC,UAAA,EAAE,WAAAD,MAAcJ;AAAA,MACpB,gBAAAC,EAACC,KAAc,OAAM,cAAa,kBAAkB,IAClD,UAAA,gBAAAD,EAAC,OAAI,EAAA,UAAA,eAAY,CAAA,EACnB,CAAA;AAAA,IACF,GAEMI,IAAaD,EAAU,cAAc,UAAU;AACrD,WAAOC,CAAU,EAAE,YAAY,mBAAiC;AAAA,EAAA,CACjE;AACH,CAAC;"}
+{"version":3,"file":"index.test.es.js","sources":["../../../src/components/CardWithTitle/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { CardWithTitle } from \".\";\n\ndescribe(\"CardWithTitle Component\", () => {\n  it(\"renders without title\", () => {\n    const { getByText } = render(\n      <CardWithTitle>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"renders with title\", () => {\n    const titleText = \"Test Title\";\n    const { getByText } = render(\n      <CardWithTitle title={titleText}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    expect(getByText(titleText)).toBeInTheDocument();\n    expect(getByText(\"Test Content\")).toBeInTheDocument();\n  });\n\n  it(\"applies default spacing from title\", () => {\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\">\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(\"padding-top: 32px\");\n  });\n\n  it(\"applies custom spacing from title\", () => {\n    const customSpacing = 16;\n    const { container } = render(\n      <CardWithTitle title=\"Test Title\" spacingFromTitle={customSpacing}>\n        <div>Test Content</div>\n      </CardWithTitle>,\n    );\n\n    const contentDiv = container.querySelector(\".content\");\n    expect(contentDiv).toHaveStyle(`padding-top: ${customSpacing}px`);\n  });\n});\n"],"names":["getByText","render","jsx","CardWithTitle","titleText","container","contentDiv"],"mappings":";;;;AAMA,SAAS,2BAA2B,MAAM;AACxC,KAAG,yBAAyB,MAAM;AAChC,UAAM,EAAE,WAAAA,MAAcC;AAAA,MACpB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAA,EAAI,0BAAY,EAAA,CACnB;AAAA,IAAA;AAGF,WAAOF,EAAU,cAAc,CAAC,EAAE,kBAAA;AAAA,EACpC,CAAC,GAED,GAAG,sBAAsB,MAAM;AAC7B,UAAMI,IAAY,cACZ,EAAE,WAAAJ,MAAcC;AAAA,wBACnBE,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAF,EAAC,OAAA,EAAI,0BAAY,EAAA,CACnB;AAAA,IAAA;AAGF,WAAOF,EAAUI,CAAS,CAAC,EAAE,kBAAA,GAC7B,OAAOJ,EAAU,cAAc,CAAC,EAAE,kBAAA;AAAA,EACpC,CAAC,GAED,GAAG,sCAAsC,MAAM;AAC7C,UAAM,EAAE,WAAAK,MAAcJ;AAAA,wBACnBE,GAAA,EAAc,OAAM,cACnB,UAAA,gBAAAD,EAAC,OAAA,EAAI,0BAAY,EAAA,CACnB;AAAA,IAAA,GAGII,IAAaD,EAAU,cAAc,UAAU;AACrD,WAAOC,CAAU,EAAE,YAAY,mBAAmB;AAAA,EACpD,CAAC,GAED,GAAG,qCAAqC,MAAM;AAE5C,UAAM,EAAE,WAAAD,MAAcJ;AAAA,MACpB,gBAAAC,EAACC,KAAc,OAAM,cAAa,kBAAkB,IAClD,UAAA,gBAAAD,EAAC,OAAA,EAAI,UAAA,eAAA,CAAY,EAAA,CACnB;AAAA,IAAA,GAGII,IAAaD,EAAU,cAAc,UAAU;AACrD,WAAOC,CAAU,EAAE,YAAY,mBAAiC;AAAA,EAClE,CAAC;AACH,CAAC;"}

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;"}