@jigowatts/jigowatts-ui 2.0.0 → 2.1.0

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { r as s, s as n } from "../../react.esm-DVhZgPrH.js";
-import { j as c } from "../../index-Bt_ypxrX.js";
-import { s as l, R as a } from "../../index-pr0ncuNy.js";
+import { r as s, s as n } from "../../react.esm-BBESb8eI.js";
+import { j as c } from "../../index-DI17hZPH.js";
+import { s as l, R as a } from "../../index-CogWL0bN.js";
 describe("RadioButton component", () => {
   const o = [
     { label: "Option 1", value: "option1" },

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

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),c=require("react-hook-form"),u=require("./index.cjs.js");describe("RadioGroupController component",()=>{it("renders radio buttons with options and correct default value",()=>{const{result:r}=e.renderHook(()=>c.useForm()),{control:l}=r.current,i="TestRadio",o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],t="option2";e.render(a.jsx(u.RadioGroupController,{control:l,name:i,options:o,defaultValue:t}));const n=o.find(s=>s.value===t);if(n){const s=e.screen.getByText(n.label);expect(s).toBeInTheDocument()}}),it("renders without default value",()=>{const{result:r}=e.renderHook(()=>c.useForm()),{control:l}=r.current,i="TestRadio",o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}];e.render(a.jsx(u.RadioGroupController,{control:l,name:i,options:o})),o.forEach(t=>{const n=e.screen.getByLabelText(t.label);expect(n).not.toBeChecked()})})});
+"use strict";const a=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),c=require("react-hook-form"),u=require("./index.cjs.js");describe("RadioGroupController component",()=>{it("renders radio buttons with options and correct default value",()=>{const{result:r}=e.renderHook(()=>c.useForm()),{control:l}=r.current,i="TestRadio",o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],t="option2";e.render(a.jsx(u.RadioGroupController,{control:l,name:i,options:o,defaultValue:t}));const n=o.find(s=>s.value===t);if(n){const s=e.screen.getByText(n.label);expect(s).toBeInTheDocument()}}),it("renders without default value",()=>{const{result:r}=e.renderHook(()=>c.useForm()),{control:l}=r.current,i="TestRadio",o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}];e.render(a.jsx(u.RadioGroupController,{control:l,name:i,options:o})),o.forEach(t=>{const n=e.screen.getByLabelText(t.label);expect(n).not.toBeChecked()})})});
 //# sourceMappingURL=index.test.cjs.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index10.css');const e=require("react/jsx-runtime"),t=require("@mui/x-date-pickers"),i=require("@mui/x-date-pickers/AdapterDateFns"),c=require("date-fns/locale/ja"),u="_rangeContainer_17n2w_1",l={rangeContainer:u},o=s=>{const{fromDateInfo:n,toDateInfo:r}=s;return e.jsx(t.LocalizationProvider,{dateAdapter:i.AdapterDateFns,adapterLocale:c,children:e.jsxs("div",{className:l.rangeContainer,children:[e.jsx(t.DatePicker,{maxDate:new Date,value:n.valueState,onChange:a=>n.setValue(a)}),"~",e.jsx(t.DatePicker,{maxDate:new Date,value:r.valueState,onChange:a=>r.setValue(a)})]})})};exports.RangeDatePicker=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index7.css');const e=require("react/jsx-runtime"),t=require("@mui/x-date-pickers"),i=require("@mui/x-date-pickers/AdapterDateFns"),c=require("date-fns/locale/ja"),u="_rangeContainer_17n2w_1",l={rangeContainer:u},o=s=>{const{fromDateInfo:n,toDateInfo:r}=s;return e.jsx(t.LocalizationProvider,{dateAdapter:i.AdapterDateFns,adapterLocale:c,children:e.jsxs("div",{className:l.rangeContainer,children:[e.jsx(t.DatePicker,{maxDate:new Date,value:n.valueState,onChange:a=>n.setValue(a)}),"~",e.jsx(t.DatePicker,{maxDate:new Date,value:r.valueState,onChange:a=>r.setValue(a)})]})})};exports.RangeDatePicker=o;exports.default=o;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import { LocalizationProvider as s, DatePicker as r } from "@mui/x-date-pickers";
 import { AdapterDateFns as l } from "@mui/x-date-pickers/AdapterDateFns";
 import m from "date-fns/locale/ja";
-import '../../assets/index10.css';const c = "_rangeContainer_17n2w_1", d = {
+import '../../assets/index7.css';const c = "_rangeContainer_17n2w_1", d = {
   rangeContainer: c
 }, g = (o) => {
   const { fromDateInfo: t, toDateInfo: n } = o;

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index9.css');const e=require("react/jsx-runtime"),o=require("@mui/material"),d="_reportCard_wox0s_1",n="_reportBox_wox0s_8",i="_reportLabel_wox0s_14",p="_reportValue_wox0s_17",r={reportCard:d,reportBox:n,reportLabel:i,reportValue:p},l=c=>{const{value:t,label:s,labelPosition:a="bottom"}=c;return e.jsx(o.Card,{className:r.reportCard,children:e.jsx(o.Box,{className:r.reportBox,children:e.jsxs(o.Grid,{children:[a==="bottom"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.reportValue,children:t}),e.jsx("div",{className:r.reportLabel,children:s})]}),a==="top"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.reportLabel,children:s}),e.jsx("div",{className:r.reportValue,children:t})]})]})})})};exports.ReportCard=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index26.css');const e=require("react/jsx-runtime"),o=require("@mui/material"),d="_reportCard_wox0s_1",n="_reportBox_wox0s_8",i="_reportLabel_wox0s_14",p="_reportValue_wox0s_17",r={reportCard:d,reportBox:n,reportLabel:i,reportValue:p},l=c=>{const{value:t,label:s,labelPosition:a="bottom"}=c;return e.jsx(o.Card,{className:r.reportCard,children:e.jsx(o.Box,{className:r.reportBox,children:e.jsxs(o.Grid,{children:[a==="bottom"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.reportValue,children:t}),e.jsx("div",{className:r.reportLabel,children:s})]}),a==="top"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.reportLabel,children:s}),e.jsx("div",{className:r.reportValue,children:t})]})]})})})};exports.ReportCard=l;exports.default=l;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as o, Fragment as s } from "react/jsx-runtime";
 import { Card as c, Box as d, Grid as n } from "@mui/material";
-import '../../assets/index9.css';const i = "_reportCard_wox0s_1", m = "_reportBox_wox0s_8", x = "_reportLabel_wox0s_14", _ = "_reportValue_wox0s_17", e = {
+import '../../assets/index26.css';const i = "_reportCard_wox0s_1", m = "_reportBox_wox0s_8", x = "_reportLabel_wox0s_14", _ = "_reportValue_wox0s_17", e = {
   reportCard: i,
   reportBox: m,
   reportLabel: x,

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

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("@mui/material"),t=require("../../react.esm-BcRJ42eI.cjs"),a=require("./index.cjs.js");describe("ReportCard component",()=>{it("renders ReportCard component with given label string and value string",async()=>{t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル"}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders ReportCard component with given label element and value element",async()=>{t.render(o.jsx(a.ReportCard,{value:o.jsx(s.Typography,{children:"値"}),label:o.jsx(s.Typography,{children:"ラベル"})}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders with label at the bottom by default",async()=>{var n;const{container:r}=t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportValue"),expect(e==null?void 0:e[1]).toHaveClass("reportLabel")}),it("renders with label at the top when labelPosition is set to top",async()=>{var n;const{container:r}=t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル",labelPosition:"top"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportLabel"),expect(e==null?void 0:e[1]).toHaveClass("reportValue")})});
+"use strict";const o=require("react/jsx-runtime"),s=require("@mui/material"),t=require("../../react.esm-DGuy6Rn3.cjs"),a=require("./index.cjs.js");describe("ReportCard component",()=>{it("renders ReportCard component with given label string and value string",async()=>{t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル"}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders ReportCard component with given label element and value element",async()=>{t.render(o.jsx(a.ReportCard,{value:o.jsx(s.Typography,{children:"値"}),label:o.jsx(s.Typography,{children:"ラベル"})}));const r=t.screen.getByText("値");expect(r).toBeInTheDocument();const e=t.screen.getByText("ラベル");expect(e).toBeInTheDocument()}),it("renders with label at the bottom by default",async()=>{var n;const{container:r}=t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportValue"),expect(e==null?void 0:e[1]).toHaveClass("reportLabel")}),it("renders with label at the top when labelPosition is set to top",async()=>{var n;const{container:r}=t.render(o.jsx(a.ReportCard,{value:"値",label:"ラベル",labelPosition:"top"})),e=(n=r.querySelector(".MuiGrid-root"))==null?void 0:n.children;expect(e==null?void 0:e[0]).toHaveClass("reportLabel"),expect(e==null?void 0:e[1]).toHaveClass("reportValue")})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Typography as s } from "@mui/material";
-import { r as n, s as r } from "../../react.esm-DVhZgPrH.js";
+import { r as n, s as r } from "../../react.esm-BBESb8eI.js";
 import { ReportCard as l } from "./index.es.js";
 describe("ReportCard component", () => {
   it("renders ReportCard component with given label string and value string", async () => {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index8.css');const a=require("react/jsx-runtime"),j=require("react"),v=require("@mui/material"),e=require("chart.js"),_=require("react-chartjs-2"),C="_chart_15x7v_1",L="_reportBox_15x7v_7",R="_nodata_15x7v_11",o={chart:C,reportBox:L,nodata:R};e.Chart.register(e.CategoryScale,e.LinearScale,e.PointElement,e.LineElement,e.Title,e.Tooltip,e.Legend);const d=u=>{const{dataList:s,xLabel:p="",yLabel:h="",labelKey:l,valueKey:i,borderColor:c="#ff6384",chartMargin:r={top:0,right:20,bottom:20,left:10},tooltipFormatter:f=(t,n)=>[String(t),String(n)],isLoading:x}=u,b=j.useRef(null),g={responsive:!0,aspectRatio:2,maintainAspectRatio:!1,animation:{delay:200},transitions:{resize:{animations:{x:{from:0},y:{from:0}}},show:{animations:{x:{from:0},y:{from:0}}}},layout:{padding:{left:r.left,right:r.right,top:r.top,bottom:r.bottom}},plugins:{legend:{display:!1,position:"top"},title:{display:!1},tooltip:{callbacks:{label:t=>{const n=t.dataset.label||"";return f(t.parsed.y,n).reverse().join("")}}}},scales:{x:{title:{display:!0,text:p}},y:{beginAtZero:!0,title:{display:!0,text:h}}}},y={labels:s.map(t=>{if(typeof t=="object"&&t!==null&&l in t)return t[l];throw new Error("Invalid data structure")}),datasets:[{label:"",data:s.map(t=>{if(typeof t=="object"&&t!==null&&i in t)return t[i];throw new Error("Invalid data structure")}),borderColor:c,backgroundColor:c,tension:.4}]},m=()=>x?a.jsx("div",{className:o.nodata,children:"loading..."}):s.length===0?a.jsx("div",{className:o.nodata,children:"NO DATA"}):a.jsx(_.Line,{ref:b,options:g,data:y});return a.jsx(v.Box,{className:o.reportBox,children:a.jsx("div",{className:o.chart,children:a.jsx(m,{})})})};exports.ReportChart=d;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index27.css');const a=require("react/jsx-runtime"),j=require("react"),v=require("@mui/material"),e=require("chart.js"),_=require("react-chartjs-2"),C="_chart_15x7v_1",L="_reportBox_15x7v_7",R="_nodata_15x7v_11",o={chart:C,reportBox:L,nodata:R};e.Chart.register(e.CategoryScale,e.LinearScale,e.PointElement,e.LineElement,e.Title,e.Tooltip,e.Legend);const d=u=>{const{dataList:s,xLabel:p="",yLabel:h="",labelKey:l,valueKey:i,borderColor:c="#ff6384",chartMargin:r={top:0,right:20,bottom:20,left:10},tooltipFormatter:f=(t,n)=>[String(t),String(n)],isLoading:x}=u,b=j.useRef(null),g={responsive:!0,aspectRatio:2,maintainAspectRatio:!1,animation:{delay:200},transitions:{resize:{animations:{x:{from:0},y:{from:0}}},show:{animations:{x:{from:0},y:{from:0}}}},layout:{padding:{left:r.left,right:r.right,top:r.top,bottom:r.bottom}},plugins:{legend:{display:!1,position:"top"},title:{display:!1},tooltip:{callbacks:{label:t=>{const n=t.dataset.label||"";return f(t.parsed.y,n).reverse().join("")}}}},scales:{x:{title:{display:!0,text:p}},y:{beginAtZero:!0,title:{display:!0,text:h}}}},y={labels:s.map(t=>{if(typeof t=="object"&&t!==null&&l in t)return t[l];throw new Error("Invalid data structure")}),datasets:[{label:"",data:s.map(t=>{if(typeof t=="object"&&t!==null&&i in t)return t[i];throw new Error("Invalid data structure")}),borderColor:c,backgroundColor:c,tension:.4}]},m=()=>x?a.jsx("div",{className:o.nodata,children:"loading..."}):s.length===0?a.jsx("div",{className:o.nodata,children:"NO DATA"}):a.jsx(_.Line,{ref:b,options:g,data:y});return a.jsx(v.Box,{className:o.reportBox,children:a.jsx("div",{className:o.chart,children:a.jsx(m,{})})})};exports.ReportChart=d;exports.default=d;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -3,7 +3,7 @@ import { useRef as y } from "react";
 import { Box as x } from "@mui/material";
 import { Chart as v, CategoryScale as _, LinearScale as L, PointElement as C, LineElement as w, Title as B, Tooltip as N, Legend as R } from "chart.js";
 import { Line as j } from "react-chartjs-2";
-import '../../assets/index8.css';const A = "_chart_15x7v_1", E = "_reportBox_15x7v_7", S = "_nodata_15x7v_11", e = {
+import '../../assets/index27.css';const A = "_chart_15x7v_1", E = "_reportBox_15x7v_7", S = "_nodata_15x7v_11", e = {
   chart: A,
   reportBox: E,
   nodata: S

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index7.css');const o=require("react/jsx-runtime"),M=require("react"),H=require("@mui/material"),a=require("chart.js");require("chartjs-adapter-date-fns");const c=require("date-fns"),R=require("react-chartjs-2"),q=require("../CardWithTitle/index.cjs.js"),N="_reportChart_t9sla_1",O="_chart_t9sla_10",F="_reportBox_t9sla_15",B="_nodata_t9sla_19",n={reportChart:N,chart:O,reportBox:F,nodata:B};a.Chart.register(a.CategoryScale,a.LinearScale,a.PointElement,a.LineElement,a.Filler,a.LineController,a.Title,a.Tooltip,a.Legend,a.TimeScale);const E={red:"rgb(255, 99, 132)",orange:"rgb(255, 184, 76)",yellow:"rgb(255, 205, 86)",green:"rgb(102, 187, 106)",blue:"rgb(41, 182, 246)",purple:"rgb(153, 102, 255)",grey:"rgb(201, 203, 207)",redTransparent:"rgba(255, 99, 132, 0.5)",orangeTransparent:"rgba(255, 184, 76, 0.5)",yellowTransparent:"rgba(255, 205, 86, 0.5)",greenTransparent:"rgba(102, 187, 106, 0.5)",blueTransparent:"rgba(41, 182, 246, 0.5)",purpleTransparent:"rgba(153, 102, 255, 0.5)",greyTransparent:"rgba(201, 203, 207, 0.5)"},m=g=>{const{datasets:s,xLabel:d="",yLabel:b="",xType:p="day",dataIntervalMin:h=5,chartMargin:i={top:0,right:20,bottom:20,left:10},tooltipFormatter:f=(e,t)=>[String(e),String(t)],isLoading:y,title:x,precision:D}=g,T=M.useRef(null),C=s.some(e=>e.stack!==void 0);if(p==="day"){const e=c.format(c.startOfDay(new Date),"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),t=c.format(c.endOfDay(new Date),"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),r=[{date:e,value:0},{date:t,value:0}];s.unshift({label:"",data:r,borderColor:"rgba(0, 0, 0, 0)"})}const k={type:"time",time:{unit:"minute",displayFormats:{minute:"HH:mm"},tooltipFormat:"HH:mm"},title:{display:!0,text:d},ticks:{source:"auto",autoSkip:!0,maxTicksLimit:24,callback:function(e){return`${(typeof e=="string"?new Date(e):new Date(e)).getHours()}時`}}},S={title:{display:!0,text:d}},v={interaction:{intersect:!1},responsive:!0,aspectRatio:2,maintainAspectRatio:!1,animation:!1,transitions:{resize:{animations:{x:{from:0},y:{from:0}}},show:{animations:{x:{from:0},y:{from:0}}}},layout:{padding:{left:i.left,right:i.right,top:i.top,bottom:i.bottom}},plugins:{legend:{display:!0,position:"top"},title:{display:!1},tooltip:{callbacks:{label:e=>{if(e.dataset.label==="")return"";const t=e.dataset.label?`${e.dataset.label}`:"";return f(e.parsed.y,t).reverse().join(":")}}}},scales:{x:p==="day"?k:S,y:{stacked:C,beginAtZero:!0,title:{display:!0,text:b},ticks:{precision:D}}}},u=(e,t)=>e.p0.skip||e.p1.skip?t:void 0,_=(e,t)=>e.p0.parsed.y>e.p1.parsed.y?t:void 0,j=e=>{const t=[...e];if(e.length>1){const r=new Date(e[e.length-1].date).getTime(),l=new Date(e[e.length-2].date).getTime();(r-l)/(1e3*60)>h&&t.splice(t.length-1,0,{date:new Date(l+1).toISOString(),value:NaN})}return t},w={datasets:s.map(e=>{const t=e.skipEmptyData?j(e.data):e.data;return{label:e.label,data:t.map(r=>({x:new Date(r.date),y:r.value})),borderColor:e.borderColor,backgroundColor:e.backgroundColor||e.borderColor,tension:.4,borderWidth:e.borderWidth||void 0,fill:e.fill||!1,stack:e.stack||void 0,pointRadius:0,spanGaps:!!e.skipEmptyData,segment:e.skipEmptyData?{borderColor:r=>u(r,"rgba(0,0,0,0.2)")||_(r,e.borderColor),borderDash:r=>u(r,[6,6])}:void 0}})},L=()=>y?o.jsx("div",{className:n.nodata,children:"loading..."}):s.length===0||s.length===1&&s[0].label===""?o.jsx("div",{className:n.nodata,children:"NO DATA"}):o.jsx(R.Line,{ref:T,options:v,data:w});return o.jsx("div",{className:n.reportChart,children:o.jsx(q.CardWithTitle,{title:x,spacingFromTitle:0,children:o.jsx(H.Box,{className:n.reportBox,children:o.jsx("div",{className:n.chart,children:o.jsx(L,{})})})})})};exports.ReportChartMulti=m;exports.chartColors=E;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index32.css');const o=require("react/jsx-runtime"),M=require("react"),H=require("@mui/material"),a=require("chart.js");require("chartjs-adapter-date-fns");const c=require("date-fns"),R=require("react-chartjs-2"),q=require("../CardWithTitle/index.cjs.js"),N="_reportChart_t9sla_1",O="_chart_t9sla_10",F="_reportBox_t9sla_15",B="_nodata_t9sla_19",n={reportChart:N,chart:O,reportBox:F,nodata:B};a.Chart.register(a.CategoryScale,a.LinearScale,a.PointElement,a.LineElement,a.Filler,a.LineController,a.Title,a.Tooltip,a.Legend,a.TimeScale);const E={red:"rgb(255, 99, 132)",orange:"rgb(255, 184, 76)",yellow:"rgb(255, 205, 86)",green:"rgb(102, 187, 106)",blue:"rgb(41, 182, 246)",purple:"rgb(153, 102, 255)",grey:"rgb(201, 203, 207)",redTransparent:"rgba(255, 99, 132, 0.5)",orangeTransparent:"rgba(255, 184, 76, 0.5)",yellowTransparent:"rgba(255, 205, 86, 0.5)",greenTransparent:"rgba(102, 187, 106, 0.5)",blueTransparent:"rgba(41, 182, 246, 0.5)",purpleTransparent:"rgba(153, 102, 255, 0.5)",greyTransparent:"rgba(201, 203, 207, 0.5)"},m=g=>{const{datasets:s,xLabel:d="",yLabel:b="",xType:p="day",dataIntervalMin:h=5,chartMargin:i={top:0,right:20,bottom:20,left:10},tooltipFormatter:f=(e,t)=>[String(e),String(t)],isLoading:y,title:x,precision:D}=g,T=M.useRef(null),C=s.some(e=>e.stack!==void 0);if(p==="day"){const e=c.format(c.startOfDay(new Date),"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),t=c.format(c.endOfDay(new Date),"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),r=[{date:e,value:0},{date:t,value:0}];s.unshift({label:"",data:r,borderColor:"rgba(0, 0, 0, 0)"})}const k={type:"time",time:{unit:"minute",displayFormats:{minute:"HH:mm"},tooltipFormat:"HH:mm"},title:{display:!0,text:d},ticks:{source:"auto",autoSkip:!0,maxTicksLimit:24,callback:function(e){return`${(typeof e=="string"?new Date(e):new Date(e)).getHours()}時`}}},S={title:{display:!0,text:d}},v={interaction:{intersect:!1},responsive:!0,aspectRatio:2,maintainAspectRatio:!1,animation:!1,transitions:{resize:{animations:{x:{from:0},y:{from:0}}},show:{animations:{x:{from:0},y:{from:0}}}},layout:{padding:{left:i.left,right:i.right,top:i.top,bottom:i.bottom}},plugins:{legend:{display:!0,position:"top"},title:{display:!1},tooltip:{callbacks:{label:e=>{if(e.dataset.label==="")return"";const t=e.dataset.label?`${e.dataset.label}`:"";return f(e.parsed.y,t).reverse().join(":")}}}},scales:{x:p==="day"?k:S,y:{stacked:C,beginAtZero:!0,title:{display:!0,text:b},ticks:{precision:D}}}},u=(e,t)=>e.p0.skip||e.p1.skip?t:void 0,_=(e,t)=>e.p0.parsed.y>e.p1.parsed.y?t:void 0,j=e=>{const t=[...e];if(e.length>1){const r=new Date(e[e.length-1].date).getTime(),l=new Date(e[e.length-2].date).getTime();(r-l)/(1e3*60)>h&&t.splice(t.length-1,0,{date:new Date(l+1).toISOString(),value:NaN})}return t},w={datasets:s.map(e=>{const t=e.skipEmptyData?j(e.data):e.data;return{label:e.label,data:t.map(r=>({x:new Date(r.date),y:r.value})),borderColor:e.borderColor,backgroundColor:e.backgroundColor||e.borderColor,tension:.4,borderWidth:e.borderWidth||void 0,fill:e.fill||!1,stack:e.stack||void 0,pointRadius:0,spanGaps:!!e.skipEmptyData,segment:e.skipEmptyData?{borderColor:r=>u(r,"rgba(0,0,0,0.2)")||_(r,e.borderColor),borderDash:r=>u(r,[6,6])}:void 0}})},L=()=>y?o.jsx("div",{className:n.nodata,children:"loading..."}):s.length===0||s.length===1&&s[0].label===""?o.jsx("div",{className:n.nodata,children:"NO DATA"}):o.jsx(R.Line,{ref:T,options:v,data:w});return o.jsx("div",{className:n.reportChart,children:o.jsx(q.CardWithTitle,{title:x,spacingFromTitle:0,children:o.jsx(H.Box,{className:n.reportBox,children:o.jsx("div",{className:n.chart,children:o.jsx(L,{})})})})})};exports.ReportChartMulti=m;exports.chartColors=E;exports.default=m;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -6,7 +6,7 @@ import "chartjs-adapter-date-fns";
 import { format as d, startOfDay as I, endOfDay as V } from "date-fns";
 import { Line as $ } from "react-chartjs-2";
 import { CardWithTitle as z } from "../CardWithTitle/index.es.js";
-import '../../assets/index7.css';const J = "_reportChart_t9sla_1", P = "_chart_t9sla_10", Z = "_reportBox_t9sla_15", q = "_nodata_t9sla_19", n = {
+import '../../assets/index32.css';const J = "_reportChart_t9sla_1", P = "_chart_t9sla_10", Z = "_reportBox_t9sla_15", q = "_nodata_t9sla_19", n = {
   reportChart: J,
   chart: P,
   reportBox: Z,

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),a=require("./index.cjs.js");require("chartjs-adapter-date-fns");jest.mock("react-chartjs-2",()=>({Line:()=>t.jsx("canvas",{"data-testid":"chartjs-line"})}));const i=[{label:"Dataset 1",data:[{date:"2024-07-10T00:00:00+09:00",value:70},{date:"2024-07-10T00:05:00+09:00",value:75},{date:"2024-07-10T00:10:00+09:00",value:80}],borderColor:"red",skipEmptyData:!0},{label:"Dataset 2",data:[{date:"2024-07-10T01:00:00+09:00",value:60},{date:"2024-07-10T01:05:00+09:00",value:65},{date:"2024-07-10T01:10:00+09:00",value:70}],borderColor:"blue",skipEmptyData:!1}],r={datasets:i,title:"Test Chart",xLabel:"Time",yLabel:"Value",xType:"day",dataIntervalMin:5,chartMargin:{top:0,right:20,bottom:20,left:10},isLoading:!1,precision:void 0};describe("ReportChartMulti",()=>{it("renders the chart with the given title",()=>{e.render(t.jsx(a.ReportChartMulti,{...r})),expect(e.screen.getByText("Test Chart")).toBeInTheDocument()}),it("renders the chart with NO DATA when datasets are empty",()=>{e.render(t.jsx(a.ReportChartMulti,{...r,datasets:[]})),expect(e.screen.getByText("NO DATA")).toBeInTheDocument()}),it("renders the chart with loading message when isLoading is true",()=>{e.render(t.jsx(a.ReportChartMulti,{...r,isLoading:!0})),expect(e.screen.getByText("loading...")).toBeInTheDocument()}),it("renders the chart with the correct datasets",()=>{e.render(t.jsx(a.ReportChartMulti,{...r}));const s=e.screen.getByTestId("chartjs-line");expect(s).toBeInTheDocument()})});
+"use strict";const t=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),a=require("./index.cjs.js");require("chartjs-adapter-date-fns");jest.mock("react-chartjs-2",()=>({Line:()=>t.jsx("canvas",{"data-testid":"chartjs-line"})}));const i=[{label:"Dataset 1",data:[{date:"2024-07-10T00:00:00+09:00",value:70},{date:"2024-07-10T00:05:00+09:00",value:75},{date:"2024-07-10T00:10:00+09:00",value:80}],borderColor:"red",skipEmptyData:!0},{label:"Dataset 2",data:[{date:"2024-07-10T01:00:00+09:00",value:60},{date:"2024-07-10T01:05:00+09:00",value:65},{date:"2024-07-10T01:10:00+09:00",value:70}],borderColor:"blue",skipEmptyData:!1}],r={datasets:i,title:"Test Chart",xLabel:"Time",yLabel:"Value",xType:"day",dataIntervalMin:5,chartMargin:{top:0,right:20,bottom:20,left:10},isLoading:!1,precision:void 0};describe("ReportChartMulti",()=>{it("renders the chart with the given title",()=>{e.render(t.jsx(a.ReportChartMulti,{...r})),expect(e.screen.getByText("Test Chart")).toBeInTheDocument()}),it("renders the chart with NO DATA when datasets are empty",()=>{e.render(t.jsx(a.ReportChartMulti,{...r,datasets:[]})),expect(e.screen.getByText("NO DATA")).toBeInTheDocument()}),it("renders the chart with loading message when isLoading is true",()=>{e.render(t.jsx(a.ReportChartMulti,{...r,isLoading:!0})),expect(e.screen.getByText("loading...")).toBeInTheDocument()}),it("renders the chart with the correct datasets",()=>{e.render(t.jsx(a.ReportChartMulti,{...r}));const s=e.screen.getByTestId("chartjs-line");expect(s).toBeInTheDocument()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as e, s as a } from "../../react.esm-DVhZgPrH.js";
+import { r as e, s as a } from "../../react.esm-BBESb8eI.js";
 import { ReportChartMulti as r } from "./index.es.js";
 import "chartjs-adapter-date-fns";
 jest.mock("react-chartjs-2", () => ({

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("react"),t=require("../../react.esm-BcRJ42eI.cjs"),c=require("./index.cjs.js");describe("ScrollableDialog",()=>{it("renders correctly",()=>{const o="Test Title",n="Test Content",l=e.jsx("button",{children:"Test Action"}),{getByText:i}=t.render(e.jsx(c.ScrollableDialog,{dialogTitle:o,dialogContent:n,dialogActions:l,open:!0,onCloseDialog:()=>{}}));expect(i(o)).toBeInTheDocument(),expect(i(n)).toBeInTheDocument(),expect(i("Test Action")).toBeInTheDocument()}),it('calls onClose with "cancel" when the dialog is closed',()=>{const o=jest.fn();t.render(e.jsx(c.ScrollableDialog,{open:!0,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsx("button",{onClick:()=>o("cancel"),children:"Cancel"}),onCloseDialog:o}));const n=t.screen.getByRole("button",{name:/cancel/i});t.fireEvent.click(n),expect(o).toHaveBeenCalledWith("cancel")}),it("displays the dialog when the open button is clicked",()=>{const o=()=>{const[n,l]=s.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>l(!0),children:"Open!"}),e.jsx(c.ScrollableDialog,{open:n,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsx("button",{onClick:()=>{},children:"Close"}),onCloseDialog:()=>{}})]})};t.render(e.jsx(o,{})),expect(t.screen.queryByText("This is a test dialog.")).not.toBeInTheDocument(),t.fireEvent.click(t.screen.getByText("Open!")),expect(t.screen.getByText("This is a test dialog.")).toBeInTheDocument()})});
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),t=require("../../react.esm-DGuy6Rn3.cjs"),c=require("./index.cjs.js");describe("ScrollableDialog",()=>{it("renders correctly",()=>{const o="Test Title",n="Test Content",l=e.jsx("button",{children:"Test Action"}),{getByText:i}=t.render(e.jsx(c.ScrollableDialog,{dialogTitle:o,dialogContent:n,dialogActions:l,open:!0,onCloseDialog:()=>{}}));expect(i(o)).toBeInTheDocument(),expect(i(n)).toBeInTheDocument(),expect(i("Test Action")).toBeInTheDocument()}),it('calls onClose with "cancel" when the dialog is closed',()=>{const o=jest.fn();t.render(e.jsx(c.ScrollableDialog,{open:!0,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsx("button",{onClick:()=>o("cancel"),children:"Cancel"}),onCloseDialog:o}));const n=t.screen.getByRole("button",{name:/cancel/i});t.fireEvent.click(n),expect(o).toHaveBeenCalledWith("cancel")}),it("displays the dialog when the open button is clicked",()=>{const o=()=>{const[n,l]=s.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>l(!0),children:"Open!"}),e.jsx(c.ScrollableDialog,{open:n,dialogTitle:"Test Dialog",dialogContent:"This is a test dialog.",dialogActions:e.jsx("button",{onClick:()=>{},children:"Close"}),onCloseDialog:()=>{}})]})};t.render(e.jsx(o,{})),expect(t.screen.queryByText("This is a test dialog.")).not.toBeInTheDocument(),t.fireEvent.click(t.screen.getByText("Open!")),expect(t.screen.getByText("This is a test dialog.")).toBeInTheDocument()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as r, Fragment as d } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { r as c, s as n, f as a } from "../../react.esm-DVhZgPrH.js";
+import { r as c, s as n, f as a } from "../../react.esm-BBESb8eI.js";
 import { ScrollableDialog as s } from "./index.es.js";
 describe("ScrollableDialog", () => {
   it("renders correctly", () => {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("classnames");const e=require("../../index-CCbJ_2yU.cjs");exports.SelectBox=e.SelectBox;exports.default=e.SelectBox;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("classnames");const e=require("../../index-SHLzSoKB.cjs");exports.SelectBox=e.SelectBox;exports.default=e.SelectBox;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { S as a, S as m } from "../../index-CSiE_l9r.js";
+import { S as a, S as m } from "../../index-D7VNQwOv.js";
 export {
   a as SelectBox,
   m as default

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),o=require("../../index-CCbJ_2yU.cjs");describe("SelectBox component",()=>{const r=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}],c="test-selectbox",l="test-name";it("renders the select box with correct options",()=>{e.render(n.jsx(o.SelectBox,{id:c,name:l,values:r}));const t=e.screen.getByRole("combobox");expect(t).toHaveAttribute("id",c),expect(t).toHaveAttribute("name",l),r.forEach(({label:s,value:a})=>{const x=e.screen.getByText(s);expect(x).toBeInTheDocument(),expect(x).toHaveAttribute("value",a)})}),it("shows error message when provided",()=>{const t="Error message";e.render(n.jsx(o.SelectBox,{values:r,errorMessage:t}));const s=e.screen.getByText(t);expect(s).toBeInTheDocument()}),it("does not show error message when not provided",()=>{e.render(n.jsx(o.SelectBox,{values:r}));const t=e.screen.queryByText(/Error message/i);expect(t).not.toBeInTheDocument()}),it("applies the error class to select box when errorMessage is provided",()=>{e.render(n.jsx(o.SelectBox,{values:r,errorMessage:"Error message"}));const s=e.screen.getByRole("combobox");expect(s).toHaveClass(o.styles.error)}),it("does not apply the error class to select box when errorMessage is not provided",()=>{e.render(n.jsx(o.SelectBox,{values:r}));const t=e.screen.getByRole("combobox");expect(t).not.toHaveClass(o.styles.error)})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),o=require("../../index-SHLzSoKB.cjs");describe("SelectBox component",()=>{const r=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}],c="test-selectbox",l="test-name";it("renders the select box with correct options",()=>{e.render(n.jsx(o.SelectBox,{id:c,name:l,values:r}));const t=e.screen.getByRole("combobox");expect(t).toHaveAttribute("id",c),expect(t).toHaveAttribute("name",l),r.forEach(({label:s,value:a})=>{const x=e.screen.getByText(s);expect(x).toBeInTheDocument(),expect(x).toHaveAttribute("value",a)})}),it("shows error message when provided",()=>{const t="Error message";e.render(n.jsx(o.SelectBox,{values:r,errorMessage:t}));const s=e.screen.getByText(t);expect(s).toBeInTheDocument()}),it("does not show error message when not provided",()=>{e.render(n.jsx(o.SelectBox,{values:r}));const t=e.screen.queryByText(/Error message/i);expect(t).not.toBeInTheDocument()}),it("applies the error class to select box when errorMessage is provided",()=>{e.render(n.jsx(o.SelectBox,{values:r,errorMessage:"Error message"}));const s=e.screen.getByRole("combobox");expect(s).toHaveClass(o.styles.error)}),it("does not apply the error class to select box when errorMessage is not provided",()=>{e.render(n.jsx(o.SelectBox,{values:r}));const t=e.screen.getByRole("combobox");expect(t).not.toHaveClass(o.styles.error)})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as n, s as t } from "../../react.esm-DVhZgPrH.js";
-import { s as p, S as c } from "../../index-CSiE_l9r.js";
+import { r as n, s as t } from "../../react.esm-BBESb8eI.js";
+import { s as p, S as c } from "../../index-D7VNQwOv.js";
 describe("SelectBox component", () => {
   const o = [
     { label: "Option 1", value: "option1" },

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a as p, r as u, s as d } from "../../react.esm-DVhZgPrH.js";
+import { a as p, r as u, s as d } from "../../react.esm-BBESb8eI.js";
 import { useForm as m } from "react-hook-form";
 import { SelectBoxController as f } from "./index.es.js";
 describe("SelectBoxController component", () => {

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("../../react.esm-BcRJ42eI.cjs"),u=require("../../index-Bbj4TMfJ.cjs");require("../../index-9p9q0wxE.cjs");const s=require("./index.cjs.js");jest.mock("next/navigation",()=>({usePathname:jest.fn(()=>"/")}));const i=[{label:"Dashboard",href:"/",isTitle:!1},{label:"管理メニュー",isTitle:!0},{label:"制御グループ一覧",href:"/management-groups",isTitle:!1}],r={isOpen:!0,isMobile:!1,onClose:jest.fn(),menus:i,logoSrc:"/leaflet/images/logo.png"};describe("Given SideMenu",()=>{it("Then renders the side menu with correct menu items",()=>{e.render(t.jsx(s.SideMenu,{...r})),i.forEach(n=>{const o=e.screen.getByText(n.label);expect(o).toBeInTheDocument()})}),it("Then renders menu titles correctly",()=>{e.render(t.jsx(s.SideMenu,{...r}));const n=e.screen.getByText("管理メニュー");expect(n).toBeInTheDocument(),expect(n.tagName).toBe("DIV")}),it("When isMobile is true and isOpen is true, Then renders correctly",()=>{e.render(t.jsx(s.SideMenu,{...r,isMobile:!0,isOpen:!0})),expect(e.screen.getByRole("presentation")).toBeInTheDocument()}),it("When isMobile is true and isOpen is false, Then does not render",()=>{e.render(t.jsx(s.SideMenu,{...r,isMobile:!0,isOpen:!1})),expect(e.screen.queryByRole("presentation")).not.toBeInTheDocument()}),it("When a menu item is clicked in mobile mode, Then triggers onClose",async()=>{const n=u.userEvent.setup(),o=jest.fn(),c={...r,isMobile:!0,onClose:o};e.render(t.jsx(s.SideMenu,{...c})),await n.click(e.screen.getByText("Dashboard")),expect(o).toHaveBeenCalled()}),it("When menus are empty, Then renders nothing",()=>{e.render(t.jsx(s.SideMenu,{...r,menus:[]})),expect(e.screen.getByAltText("logo")).toBeInTheDocument(),expect(e.screen.queryByText("Dashboard")).not.toBeInTheDocument(),expect(e.screen.queryByText("管理メニュー")).not.toBeInTheDocument()})});
+"use strict";const t=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),u=require("../../index-BoenezD8.cjs");require("../../index-9p9q0wxE.cjs");const s=require("./index.cjs.js");jest.mock("next/navigation",()=>({usePathname:jest.fn(()=>"/")}));const i=[{label:"Dashboard",href:"/",isTitle:!1},{label:"管理メニュー",isTitle:!0},{label:"制御グループ一覧",href:"/management-groups",isTitle:!1}],r={isOpen:!0,isMobile:!1,onClose:jest.fn(),menus:i,logoSrc:"/leaflet/images/logo.png"};describe("Given SideMenu",()=>{it("Then renders the side menu with correct menu items",()=>{e.render(t.jsx(s.SideMenu,{...r})),i.forEach(n=>{const o=e.screen.getByText(n.label);expect(o).toBeInTheDocument()})}),it("Then renders menu titles correctly",()=>{e.render(t.jsx(s.SideMenu,{...r}));const n=e.screen.getByText("管理メニュー");expect(n).toBeInTheDocument(),expect(n.tagName).toBe("DIV")}),it("When isMobile is true and isOpen is true, Then renders correctly",()=>{e.render(t.jsx(s.SideMenu,{...r,isMobile:!0,isOpen:!0})),expect(e.screen.getByRole("presentation")).toBeInTheDocument()}),it("When isMobile is true and isOpen is false, Then does not render",()=>{e.render(t.jsx(s.SideMenu,{...r,isMobile:!0,isOpen:!1})),expect(e.screen.queryByRole("presentation")).not.toBeInTheDocument()}),it("When a menu item is clicked in mobile mode, Then triggers onClose",async()=>{const n=u.userEvent.setup(),o=jest.fn(),c={...r,isMobile:!0,onClose:o};e.render(t.jsx(s.SideMenu,{...c})),await n.click(e.screen.getByText("Dashboard")),expect(o).toHaveBeenCalled()}),it("When menus are empty, Then renders nothing",()=>{e.render(t.jsx(s.SideMenu,{...r,menus:[]})),expect(e.screen.getByAltText("logo")).toBeInTheDocument(),expect(e.screen.queryByText("Dashboard")).not.toBeInTheDocument(),expect(e.screen.queryByText("管理メニュー")).not.toBeInTheDocument()})});
 //# sourceMappingURL=index.test.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as o, s as e } from "../../react.esm-DVhZgPrH.js";
-import { u as c } from "../../index--uHewOkd.js";
+import { r as o, s as e } from "../../react.esm-BBESb8eI.js";
+import { u as c } from "../../index-sarAILcU.js";
 import "../../index-Cj9ZvtM1.js";
 import { SideMenu as s } from "./index.es.js";
 jest.mock("next/navigation", () => ({

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r, s as e, f as t } from "../../react.esm-DVhZgPrH.js";
+import { r, s as e, f as t } from "../../react.esm-BBESb8eI.js";
 import { SubMenu as k } from "./index.es.js";
 describe("SubMenu component", () => {
   test("renders SubMenu component with given menu items and button element", () => {

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as o, s as a } from "../../react.esm-DVhZgPrH.js";
-import { j as i } from "../../index-Bt_ypxrX.js";
+import { r as o, s as a } from "../../react.esm-BBESb8eI.js";
+import { j as i } from "../../index-DI17hZPH.js";
 import { TextArea as r } from "./index.es.js";
 describe("TextArea component", () => {
   const c = "testTextArea", s = "Test Placeholder", n = "Test Error";

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n  /** タイトルのクラス名 */\n  className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title, className } = props;\n  return (\n    <Typography className={`${styles.title} ${className ?? \"\"}`} fontWeight={600}>\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","className","jsx","Typography","styles"],"mappings":"2MAeaA,EAASC,GAAiB,CACrC,KAAM,CAAE,MAAAC,EAAO,UAAAC,CAAA,EAAcF,EAC7B,OACEG,EAAAA,IAACC,EAAAA,WAAA,CAAW,UAAW,GAAGC,EAAO,KAAK,IAAIH,GAAa,EAAE,GAAI,WAAY,IACtE,SAAAD,EACH,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n  /** タイトルのクラス名 */\n  className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title, className } = props;\n  return (\n    <Typography\n      className={`${styles.title} ${className ?? \"\"}`}\n      fontWeight={600}\n    >\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","className","jsx","Typography","styles"],"mappings":"2MAeaA,EAASC,GAAiB,CACrC,KAAM,CAAE,MAAAC,EAAO,UAAAC,CAAA,EAAcF,EAC7B,OACEG,EAAAA,IAACC,EAAAA,WAAA,CACC,UAAW,GAAGC,EAAO,KAAK,IAAIH,GAAa,EAAE,GAC7C,WAAY,IAEX,SAAAD,CAAA,CAAA,CAGP"}

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

@@ -1,10 +1,17 @@
 import { jsx as l } from "react/jsx-runtime";
 import { Typography as o } from "@mui/material";
-import '../../assets/index31.css';const i = "_title_1p2hj_1", r = {
+import '../../assets/index30.css';const i = "_title_1p2hj_1", r = {
   title: i
 }, n = (t) => {
   const { title: e, className: s } = t;
-  return /* @__PURE__ */ l(o, { className: `${r.title} ${s ?? ""}`, fontWeight: 600, children: e });
+  return /* @__PURE__ */ l(
+    o,
+    {
+      className: `${r.title} ${s ?? ""}`,
+      fontWeight: 600,
+      children: e
+    }
+  );
 };
 export {
   n as Title,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n  /** タイトルのクラス名 */\n  className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title, className } = props;\n  return (\n    <Typography className={`${styles.title} ${className ?? \"\"}`} fontWeight={600}>\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","className","jsx","Typography","styles"],"mappings":";;;;GAeaA,IAAQ,CAACC,MAAiB;AACrC,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAC7B,SACE,gBAAAG,EAACC,GAAA,EAAW,WAAW,GAAGC,EAAO,KAAK,IAAIH,KAAa,EAAE,IAAI,YAAY,KACtE,UAAAD,GACH;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n  /** タイトルテキスト */\n  title: string;\n  /** タイトルのクラス名 */\n  className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n  const { title, className } = props;\n  return (\n    <Typography\n      className={`${styles.title} ${className ?? \"\"}`}\n      fontWeight={600}\n    >\n      {title}\n    </Typography>\n  );\n};\n\nexport default Title;\n"],"names":["Title","props","title","className","jsx","Typography","styles"],"mappings":";;;;GAeaA,IAAQ,CAACC,MAAiB;AACrC,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAC7B,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGC,EAAO,KAAK,IAAIH,KAAa,EAAE;AAAA,MAC7C,YAAY;AAAA,MAEX,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),y=require("react"),W=require("@mui/icons-material"),b=require("@mui/material"),fe=require("react-hook-form"),U=require("../Button/index.cjs.js"),X=require("../CopyableBox/index.cjs.js"),pe=require("../ScrollableDialog/index.cjs.js"),ge=require("../TwoFaInputController/index.cjs.js");var me=Object.defineProperty,j=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,K=(u,l,i)=>l in u?me(u,l,{enumerable:!0,configurable:!0,writable:!0,value:i}):u[l]=i,Q=(u,l)=>{for(var i in l||(l={}))q.call(l,i)&&K(u,i,l[i]);if(j)for(var i of j(l))Z.call(l,i)&&K(u,i,l[i]);return u},H=(u,l)=>{var i={};for(var c in u)q.call(u,c)&&l.indexOf(c)<0&&(i[c]=u[c]);if(u!=null&&j)for(var c of j(u))l.indexOf(c)<0&&Z.call(u,c)&&(i[c]=u[c]);return i};/**
+ * @license QR Code generator library (TypeScript)
+ * Copyright (c) Project Nayuki.
+ * SPDX-License-Identifier: MIT
+ */var O;(u=>{const l=class m{constructor(e,o,t,n){if(this.version=e,this.errorCorrectionLevel=o,this.modules=[],this.isFunction=[],e<m.MIN_VERSION||e>m.MAX_VERSION)throw new RangeError("Version value out of range");if(n<-1||n>7)throw new RangeError("Mask value out of range");this.size=e*4+17;let r=[];for(let s=0;s<this.size;s++)r.push(!1);for(let s=0;s<this.size;s++)this.modules.push(r.slice()),this.isFunction.push(r.slice());this.drawFunctionPatterns();const a=this.addEccAndInterleave(t);if(this.drawCodewords(a),n==-1){let s=1e9;for(let p=0;p<8;p++){this.applyMask(p),this.drawFormatBits(p);const h=this.getPenaltyScore();h<s&&(n=p,s=h),this.applyMask(p)}}g(0<=n&&n<=7),this.mask=n,this.applyMask(n),this.drawFormatBits(n),this.isFunction=[]}static encodeText(e,o){const t=u.QrSegment.makeSegments(e);return m.encodeSegments(t,o)}static encodeBinary(e,o){const t=u.QrSegment.makeBytes(e);return m.encodeSegments([t],o)}static encodeSegments(e,o,t=1,n=40,r=-1,a=!0){if(!(m.MIN_VERSION<=t&&t<=n&&n<=m.MAX_VERSION)||r<-1||r>7)throw new RangeError("Invalid value");let s,p;for(s=t;;s++){const f=m.getNumDataCodewords(s,o)*8,M=w.getTotalBits(e,s);if(M<=f){p=M;break}if(s>=n)throw new RangeError("Data too long")}for(const f of[m.Ecc.MEDIUM,m.Ecc.QUARTILE,m.Ecc.HIGH])a&&p<=m.getNumDataCodewords(s,f)*8&&(o=f);let h=[];for(const f of e){i(f.mode.modeBits,4,h),i(f.numChars,f.mode.numCharCountBits(s),h);for(const M of f.getData())h.push(M)}g(h.length==p);const x=m.getNumDataCodewords(s,o)*8;g(h.length<=x),i(0,Math.min(4,x-h.length),h),i(0,(8-h.length%8)%8,h),g(h.length%8==0);for(let f=236;h.length<x;f^=253)i(f,8,h);let v=[];for(;v.length*8<h.length;)v.push(0);return h.forEach((f,M)=>v[M>>>3]|=f<<7-(M&7)),new m(s,o,v,r)}getModule(e,o){return 0<=e&&e<this.size&&0<=o&&o<this.size&&this.modules[o][e]}getModules(){return this.modules}drawFunctionPatterns(){for(let t=0;t<this.size;t++)this.setFunctionModule(6,t,t%2==0),this.setFunctionModule(t,6,t%2==0);this.drawFinderPattern(3,3),this.drawFinderPattern(this.size-4,3),this.drawFinderPattern(3,this.size-4);const e=this.getAlignmentPatternPositions(),o=e.length;for(let t=0;t<o;t++)for(let n=0;n<o;n++)t==0&&n==0||t==0&&n==o-1||t==o-1&&n==0||this.drawAlignmentPattern(e[t],e[n]);this.drawFormatBits(0),this.drawVersion()}drawFormatBits(e){const o=this.errorCorrectionLevel.formatBits<<3|e;let t=o;for(let r=0;r<10;r++)t=t<<1^(t>>>9)*1335;const n=(o<<10|t)^21522;g(n>>>15==0);for(let r=0;r<=5;r++)this.setFunctionModule(8,r,c(n,r));this.setFunctionModule(8,7,c(n,6)),this.setFunctionModule(8,8,c(n,7)),this.setFunctionModule(7,8,c(n,8));for(let r=9;r<15;r++)this.setFunctionModule(14-r,8,c(n,r));for(let r=0;r<8;r++)this.setFunctionModule(this.size-1-r,8,c(n,r));for(let r=8;r<15;r++)this.setFunctionModule(8,this.size-15+r,c(n,r));this.setFunctionModule(8,this.size-8,!0)}drawVersion(){if(this.version<7)return;let e=this.version;for(let t=0;t<12;t++)e=e<<1^(e>>>11)*7973;const o=this.version<<12|e;g(o>>>18==0);for(let t=0;t<18;t++){const n=c(o,t),r=this.size-11+t%3,a=Math.floor(t/3);this.setFunctionModule(r,a,n),this.setFunctionModule(a,r,n)}}drawFinderPattern(e,o){for(let t=-4;t<=4;t++)for(let n=-4;n<=4;n++){const r=Math.max(Math.abs(n),Math.abs(t)),a=e+n,s=o+t;0<=a&&a<this.size&&0<=s&&s<this.size&&this.setFunctionModule(a,s,r!=2&&r!=4)}}drawAlignmentPattern(e,o){for(let t=-2;t<=2;t++)for(let n=-2;n<=2;n++)this.setFunctionModule(e+n,o+t,Math.max(Math.abs(n),Math.abs(t))!=1)}setFunctionModule(e,o,t){this.modules[o][e]=t,this.isFunction[o][e]=!0}addEccAndInterleave(e){const o=this.version,t=this.errorCorrectionLevel;if(e.length!=m.getNumDataCodewords(o,t))throw new RangeError("Invalid argument");const n=m.NUM_ERROR_CORRECTION_BLOCKS[t.ordinal][o],r=m.ECC_CODEWORDS_PER_BLOCK[t.ordinal][o],a=Math.floor(m.getNumRawDataModules(o)/8),s=n-a%n,p=Math.floor(a/n);let h=[];const x=m.reedSolomonComputeDivisor(r);for(let f=0,M=0;f<n;f++){let P=e.slice(M,M+p-r+(f<s?0:1));M+=P.length;const _=m.reedSolomonComputeRemainder(P,x);f<s&&P.push(0),h.push(P.concat(_))}let v=[];for(let f=0;f<h[0].length;f++)h.forEach((M,P)=>{(f!=p-r||P>=s)&&v.push(M[f])});return g(v.length==a),v}drawCodewords(e){if(e.length!=Math.floor(m.getNumRawDataModules(this.version)/8))throw new RangeError("Invalid argument");let o=0;for(let t=this.size-1;t>=1;t-=2){t==6&&(t=5);for(let n=0;n<this.size;n++)for(let r=0;r<2;r++){const a=t-r,p=(t+1&2)==0?this.size-1-n:n;!this.isFunction[p][a]&&o<e.length*8&&(this.modules[p][a]=c(e[o>>>3],7-(o&7)),o++)}}g(o==e.length*8)}applyMask(e){if(e<0||e>7)throw new RangeError("Mask value out of range");for(let o=0;o<this.size;o++)for(let t=0;t<this.size;t++){let n;switch(e){case 0:n=(t+o)%2==0;break;case 1:n=o%2==0;break;case 2:n=t%3==0;break;case 3:n=(t+o)%3==0;break;case 4:n=(Math.floor(t/3)+Math.floor(o/2))%2==0;break;case 5:n=t*o%2+t*o%3==0;break;case 6:n=(t*o%2+t*o%3)%2==0;break;case 7:n=((t+o)%2+t*o%3)%2==0;break;default:throw new Error("Unreachable")}!this.isFunction[o][t]&&n&&(this.modules[o][t]=!this.modules[o][t])}}getPenaltyScore(){let e=0;for(let r=0;r<this.size;r++){let a=!1,s=0,p=[0,0,0,0,0,0,0];for(let h=0;h<this.size;h++)this.modules[r][h]==a?(s++,s==5?e+=m.PENALTY_N1:s>5&&e++):(this.finderPenaltyAddHistory(s,p),a||(e+=this.finderPenaltyCountPatterns(p)*m.PENALTY_N3),a=this.modules[r][h],s=1);e+=this.finderPenaltyTerminateAndCount(a,s,p)*m.PENALTY_N3}for(let r=0;r<this.size;r++){let a=!1,s=0,p=[0,0,0,0,0,0,0];for(let h=0;h<this.size;h++)this.modules[h][r]==a?(s++,s==5?e+=m.PENALTY_N1:s>5&&e++):(this.finderPenaltyAddHistory(s,p),a||(e+=this.finderPenaltyCountPatterns(p)*m.PENALTY_N3),a=this.modules[h][r],s=1);e+=this.finderPenaltyTerminateAndCount(a,s,p)*m.PENALTY_N3}for(let r=0;r<this.size-1;r++)for(let a=0;a<this.size-1;a++){const s=this.modules[r][a];s==this.modules[r][a+1]&&s==this.modules[r+1][a]&&s==this.modules[r+1][a+1]&&(e+=m.PENALTY_N2)}let o=0;for(const r of this.modules)o=r.reduce((a,s)=>a+(s?1:0),o);const t=this.size*this.size,n=Math.ceil(Math.abs(o*20-t*10)/t)-1;return g(0<=n&&n<=9),e+=n*m.PENALTY_N4,g(0<=e&&e<=2568888),e}getAlignmentPatternPositions(){if(this.version==1)return[];{const e=Math.floor(this.version/7)+2,o=this.version==32?26:Math.ceil((this.version*4+4)/(e*2-2))*2;let t=[6];for(let n=this.size-7;t.length<e;n-=o)t.splice(1,0,n);return t}}static getNumRawDataModules(e){if(e<m.MIN_VERSION||e>m.MAX_VERSION)throw new RangeError("Version number out of range");let o=(16*e+128)*e+64;if(e>=2){const t=Math.floor(e/7)+2;o-=(25*t-10)*t-55,e>=7&&(o-=36)}return g(208<=o&&o<=29648),o}static getNumDataCodewords(e,o){return Math.floor(m.getNumRawDataModules(e)/8)-m.ECC_CODEWORDS_PER_BLOCK[o.ordinal][e]*m.NUM_ERROR_CORRECTION_BLOCKS[o.ordinal][e]}static reedSolomonComputeDivisor(e){if(e<1||e>255)throw new RangeError("Degree out of range");let o=[];for(let n=0;n<e-1;n++)o.push(0);o.push(1);let t=1;for(let n=0;n<e;n++){for(let r=0;r<o.length;r++)o[r]=m.reedSolomonMultiply(o[r],t),r+1<o.length&&(o[r]^=o[r+1]);t=m.reedSolomonMultiply(t,2)}return o}static reedSolomonComputeRemainder(e,o){let t=o.map(n=>0);for(const n of e){const r=n^t.shift();t.push(0),o.forEach((a,s)=>t[s]^=m.reedSolomonMultiply(a,r))}return t}static reedSolomonMultiply(e,o){if(e>>>8||o>>>8)throw new RangeError("Byte out of range");let t=0;for(let n=7;n>=0;n--)t=t<<1^(t>>>7)*285,t^=(o>>>n&1)*e;return g(t>>>8==0),t}finderPenaltyCountPatterns(e){const o=e[1];g(o<=this.size*3);const t=o>0&&e[2]==o&&e[3]==o*3&&e[4]==o&&e[5]==o;return(t&&e[0]>=o*4&&e[6]>=o?1:0)+(t&&e[6]>=o*4&&e[0]>=o?1:0)}finderPenaltyTerminateAndCount(e,o,t){return e&&(this.finderPenaltyAddHistory(o,t),o=0),o+=this.size,this.finderPenaltyAddHistory(o,t),this.finderPenaltyCountPatterns(t)}finderPenaltyAddHistory(e,o){o[0]==0&&(e+=this.size),o.pop(),o.unshift(e)}};l.MIN_VERSION=1,l.MAX_VERSION=40,l.PENALTY_N1=3,l.PENALTY_N2=3,l.PENALTY_N3=40,l.PENALTY_N4=10,l.ECC_CODEWORDS_PER_BLOCK=[[-1,7,10,15,20,26,18,20,24,30,18,20,24,26,30,22,24,28,30,28,28,28,28,30,30,26,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,10,16,26,18,24,16,18,22,22,26,30,22,22,24,24,28,28,26,26,26,26,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28],[-1,13,22,18,26,18,24,18,22,20,24,28,26,24,20,30,24,28,28,26,30,28,30,30,30,30,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,17,28,22,16,22,28,26,26,24,28,24,28,22,24,24,30,28,28,26,28,30,24,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30]],l.NUM_ERROR_CORRECTION_BLOCKS=[[-1,1,1,1,1,1,2,2,2,2,4,4,4,4,4,6,6,6,6,7,8,8,9,9,10,12,12,12,13,14,15,16,17,18,19,19,20,21,22,24,25],[-1,1,1,1,2,2,4,4,4,5,5,5,8,9,9,10,10,11,13,14,16,17,17,18,20,21,23,25,26,28,29,31,33,35,37,38,40,43,45,47,49],[-1,1,1,2,2,4,4,6,6,8,8,8,10,12,16,12,17,16,18,21,20,23,23,25,27,29,34,34,35,38,40,43,45,48,51,53,56,59,62,65,68],[-1,1,1,2,4,4,4,5,6,8,8,11,11,16,16,18,16,19,21,25,25,25,34,30,32,35,37,40,42,45,48,51,54,57,60,63,66,70,74,77,81]],u.QrCode=l;function i(C,e,o){if(e<0||e>31||C>>>e)throw new RangeError("Value out of range");for(let t=e-1;t>=0;t--)o.push(C>>>t&1)}function c(C,e){return(C>>>e&1)!=0}function g(C){if(!C)throw new Error("Assertion error")}const d=class R{constructor(e,o,t){if(this.mode=e,this.numChars=o,this.bitData=t,o<0)throw new RangeError("Invalid argument");this.bitData=t.slice()}static makeBytes(e){let o=[];for(const t of e)i(t,8,o);return new R(R.Mode.BYTE,e.length,o)}static makeNumeric(e){if(!R.isNumeric(e))throw new RangeError("String contains non-numeric characters");let o=[];for(let t=0;t<e.length;){const n=Math.min(e.length-t,3);i(parseInt(e.substring(t,t+n),10),n*3+1,o),t+=n}return new R(R.Mode.NUMERIC,e.length,o)}static makeAlphanumeric(e){if(!R.isAlphanumeric(e))throw new RangeError("String contains unencodable characters in alphanumeric mode");let o=[],t;for(t=0;t+2<=e.length;t+=2){let n=R.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t))*45;n+=R.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t+1)),i(n,11,o)}return t<e.length&&i(R.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t)),6,o),new R(R.Mode.ALPHANUMERIC,e.length,o)}static makeSegments(e){return e==""?[]:R.isNumeric(e)?[R.makeNumeric(e)]:R.isAlphanumeric(e)?[R.makeAlphanumeric(e)]:[R.makeBytes(R.toUtf8ByteArray(e))]}static makeEci(e){let o=[];if(e<0)throw new RangeError("ECI assignment value out of range");if(e<128)i(e,8,o);else if(e<16384)i(2,2,o),i(e,14,o);else if(e<1e6)i(6,3,o),i(e,21,o);else throw new RangeError("ECI assignment value out of range");return new R(R.Mode.ECI,0,o)}static isNumeric(e){return R.NUMERIC_REGEX.test(e)}static isAlphanumeric(e){return R.ALPHANUMERIC_REGEX.test(e)}getData(){return this.bitData.slice()}static getTotalBits(e,o){let t=0;for(const n of e){const r=n.mode.numCharCountBits(o);if(n.numChars>=1<<r)return 1/0;t+=4+r+n.bitData.length}return t}static toUtf8ByteArray(e){e=encodeURI(e);let o=[];for(let t=0;t<e.length;t++)e.charAt(t)!="%"?o.push(e.charCodeAt(t)):(o.push(parseInt(e.substring(t+1,t+3),16)),t+=2);return o}};d.NUMERIC_REGEX=/^[0-9]*$/,d.ALPHANUMERIC_REGEX=/^[A-Z0-9 $%*+.\/:-]*$/,d.ALPHANUMERIC_CHARSET="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";let w=d;u.QrSegment=d})(O||(O={}));(u=>{(l=>{const i=class{constructor(g,d){this.ordinal=g,this.formatBits=d}};i.LOW=new i(0,1),i.MEDIUM=new i(1,0),i.QUARTILE=new i(2,3),i.HIGH=new i(3,2),l.Ecc=i})(u.QrCode||(u.QrCode={}))})(O||(O={}));(u=>{(l=>{const i=class{constructor(g,d){this.modeBits=g,this.numBitsCharCount=d}numCharCountBits(g){return this.numBitsCharCount[Math.floor((g+7)/17)]}};i.NUMERIC=new i(1,[10,12,14]),i.ALPHANUMERIC=new i(2,[9,11,13]),i.BYTE=new i(4,[8,16,16]),i.KANJI=new i(8,[8,10,12]),i.ECI=new i(7,[0,0,0]),l.Mode=i})(u.QrSegment||(u.QrSegment={}))})(O||(O={}));var L=O;/**
+ * @license qrcode.react
+ * Copyright (c) Paul O'Shannessy
+ * SPDX-License-Identifier: ISC
+ */var Ee={L:L.QrCode.Ecc.LOW,M:L.QrCode.Ecc.MEDIUM,Q:L.QrCode.Ecc.QUARTILE,H:L.QrCode.Ecc.HIGH},J=128,ee="L",te="#FFFFFF",oe="#000000",ne=!1,re=1,Ce=4,ye=0,we=.1;function ie(u,l=0){const i=[];return u.forEach(function(c,g){let d=null;c.forEach(function(w,C){if(!w&&d!==null){i.push(`M${d+l} ${g+l}h${C-d}v1H${d+l}z`),d=null;return}if(C===c.length-1){if(!w)return;d===null?i.push(`M${C+l},${g+l} h1v1H${C+l}z`):i.push(`M${d+l},${g+l} h${C+1-d}v1H${d+l}z`);return}w&&d===null&&(d=C)})}),i.join("")}function se(u,l){return u.slice().map((i,c)=>c<l.y||c>=l.y+l.h?i:i.map((g,d)=>d<l.x||d>=l.x+l.w?g:!1))}function Me(u,l,i,c){if(c==null)return null;const g=u.length+i*2,d=Math.floor(l*we),w=g/l,C=(c.width||d)*w,e=(c.height||d)*w,o=c.x==null?u.length/2-C/2:c.x*w,t=c.y==null?u.length/2-e/2:c.y*w,n=c.opacity==null?1:c.opacity;let r=null;if(c.excavate){let s=Math.floor(o),p=Math.floor(t),h=Math.ceil(C+o-s),x=Math.ceil(e+t-p);r={x:s,y:p,w:h,h:x}}const a=c.crossOrigin;return{x:o,y:t,h:e,w:C,excavation:r,opacity:n,crossOrigin:a}}function be(u,l){return l!=null?Math.max(Math.floor(l),0):u?Ce:ye}function le({value:u,level:l,minVersion:i,includeMargin:c,marginSize:g,imageSettings:d,size:w,boostLevel:C}){let e=y.useMemo(()=>{const s=(Array.isArray(u)?u:[u]).reduce((p,h)=>(p.push(...L.QrSegment.makeSegments(h)),p),[]);return L.QrCode.encodeSegments(s,Ee[l],i,void 0,void 0,C)},[u,l,i,C]);const{cells:o,margin:t,numCells:n,calculatedImageSettings:r}=y.useMemo(()=>{let a=e.getModules();const s=be(c,g),p=a.length+s*2,h=Me(a,w,s,d);return{cells:a,margin:s,numCells:p,calculatedImageSettings:h}},[e,w,d,c,g]);return{qrcode:e,margin:t,cells:o,numCells:n,calculatedImageSettings:r}}var Re=function(){try{new Path2D().addPath(new Path2D)}catch{return!1}return!0}(),ve=y.forwardRef(function(l,i){const c=l,{value:g,size:d=J,level:w=ee,bgColor:C=te,fgColor:e=oe,includeMargin:o=ne,minVersion:t=re,boostLevel:n,marginSize:r,imageSettings:a}=c,p=H(c,["value","size","level","bgColor","fgColor","includeMargin","minVersion","boostLevel","marginSize","imageSettings"]),{style:h}=p,x=H(p,["style"]),v=a==null?void 0:a.src,f=y.useRef(null),M=y.useRef(null),P=y.useCallback(A=>{f.current=A,typeof i=="function"?i(A):i&&(i.current=A)},[i]),[_,k]=y.useState(!1),{margin:N,cells:B,numCells:D,calculatedImageSettings:S}=le({value:g,level:w,minVersion:t,boostLevel:n,includeMargin:o,marginSize:r,imageSettings:a,size:d});y.useEffect(()=>{if(f.current!=null){const A=f.current,I=A.getContext("2d");if(!I)return;let $=B;const F=M.current,G=S!=null&&F!==null&&F.complete&&F.naturalHeight!==0&&F.naturalWidth!==0;G&&S.excavation!=null&&($=se(B,S.excavation));const V=window.devicePixelRatio||1;A.height=A.width=d*V;const Y=d/D*V;I.scale(Y,Y),I.fillStyle=C,I.fillRect(0,0,D,D),I.fillStyle=e,Re?I.fill(new Path2D(ie($,N))):B.forEach(function(ce,ue){ce.forEach(function(he,de){he&&I.fillRect(de+N,ue+N,1,1)})}),S&&(I.globalAlpha=S.opacity),G&&I.drawImage(F,S.x+N,S.y+N,S.w,S.h)}}),y.useEffect(()=>{k(!1)},[v]);const z=Q({height:d,width:d},h);let T=null;return v!=null&&(T=y.createElement("img",{src:v,key:v,style:{display:"none"},onLoad:()=>{k(!0)},ref:M,crossOrigin:S==null?void 0:S.crossOrigin})),y.createElement(y.Fragment,null,y.createElement("canvas",Q({style:z,height:d,width:d,ref:P,role:"img"},x)),T)});ve.displayName="QRCodeCanvas";var ae=y.forwardRef(function(l,i){const c=l,{value:g,size:d=J,level:w=ee,bgColor:C=te,fgColor:e=oe,includeMargin:o=ne,minVersion:t=re,boostLevel:n,title:r,marginSize:a,imageSettings:s}=c,p=H(c,["value","size","level","bgColor","fgColor","includeMargin","minVersion","boostLevel","title","marginSize","imageSettings"]),{margin:h,cells:x,numCells:v,calculatedImageSettings:f}=le({value:g,level:w,minVersion:t,boostLevel:n,includeMargin:o,marginSize:a,imageSettings:s,size:d});let M=x,P=null;s!=null&&f!=null&&(f.excavation!=null&&(M=se(x,f.excavation)),P=y.createElement("image",{href:s.src,height:f.h,width:f.w,x:f.x+h,y:f.y+h,preserveAspectRatio:"none",opacity:f.opacity,crossOrigin:f.crossOrigin}));const _=ie(M,h);return y.createElement("svg",Q({height:d,width:d,viewBox:`0 0 ${v} ${v}`,ref:i,role:"img"},p),!!r&&y.createElement("title",null,r),y.createElement("path",{fill:C,d:`M0,0 h${v}v${v}H0z`,shapeRendering:"crispEdges"}),y.createElement("path",{fill:e,d:_,shapeRendering:"crispEdges"}),P)});ae.displayName="QRCodeSVG";const Ae={dialog_title:"2要素認証の設定",step1:"手順１",auth_app:"認証アプリ",step1_description:"を携帯電話で開き、QRコードをスキャンします (QRコードの下にあるシークレットキーを認証アプリに手動で入力してもかまいません)。",help_dialog_title:"認証アプリについて",help_dialog_description:`
+    お使いの携帯電話を用いて追加の認証を行います。
+    ２段階の認証を行うことで、セキュリティを高めることができます。
+
+    認証アプリは、6桁の認証コードを生成するアプリです。
+    ご利用したことがない場合は、携帯電話にインストールする必要があります。
+
+    使えるアプリ: Google Authenticatorや Microsoft Authenticator、Authy 等
+    アプリのインストール方法は、各アプリの公式サイトをご確認ください。`,step2:"手順２",step2_description:"認証アプリに表示されている６桁のコードを入力してください。(30秒ごとに更新されるため、最新のコードをご入力ください)。",skip_note:"※スキップした場合、後から設定より変更可能です。",close:"閉じる",skip:"スキップする",cancel:"戻る",submit:"送信",two_fa_complete:"2要素認証設定の完了",backup_code_info:"バックアップコードについて",backup_code_description:`携帯電話の紛失時や、機種変更時には以下のバックアップコードを使用することでログイン可能です。各コードは１度しか使用することはできませんが。万が一に備えて、これらのコードをすぐに使える安全な場所に保管しておいてください。
+（1度しか表示されません）`},xe=u=>{var z;const{open:l,qrUrl:i,secretKey:c,onCloseDialog:g,onSubmit:d,showSkipButton:w=!1,dictionary:C}=u,e={...Ae,...C},{control:o,handleSubmit:t,reset:n,setError:r,watch:a,formState:{errors:s}}=fe.useForm({defaultValues:{code:Array(6).fill("")},mode:"onSubmit"}),[p,h]=y.useState(!1),[x,v]=y.useState(""),[f,M]=y.useState(!1),[P,_]=y.useState(!1),k=T=>{r("root.server",{type:"serverError",message:T})};y.useEffect(()=>{l&&(n({code:Array(6).fill("")}),h(!1),M(!1))},[l,n]);const N=y.useCallback(async()=>{const T=a("code").join("");M(!0);try{const A=await d(T);A!==void 0&&A!==""&&(v(A),h(!0))}catch(A){n({code:Array(6).fill("")}),k(A instanceof Error?A.message:"予期せぬエラーが発生しました")}finally{M(!1)}},[d,n,a]),B=y.useCallback((T,A)=>{(w||f)&&A==="backdropClick"||g("cancel")},[w,f,g]),D=()=>{_(!0)},S=()=>{_(!1)};return E.jsxs(b.Dialog,{open:l,onClose:B,scroll:"paper","aria-labelledby":"scroll-dialog-title","aria-describedby":"scroll-dialog-description",children:[E.jsx(b.DialogTitle,{id:"scroll-dialog-title",children:e.dialog_title}),E.jsxs("form",{onSubmit:t(N),children:[E.jsx(b.DialogContent,{dividers:!0,children:p?E.jsxs(b.Box,{sx:{maxWidth:"400px",margin:"0 auto",textAlign:"center"},children:[E.jsx(W.CheckCircleOutline,{color:"success",sx:{fontSize:100}}),E.jsx(b.Typography,{variant:"h6",children:e.two_fa_complete}),E.jsx(b.Divider,{sx:{margin:"16px 0"}}),E.jsx(b.Typography,{variant:"h6",children:e.backup_code_info}),E.jsx(b.Typography,{variant:"body2",align:"left",sx:{marginTop:"8px",whiteSpace:"pre-line"},children:e.backup_code_description}),E.jsx(X.CopyableBox,{text:x})]}):E.jsxs(b.Box,{sx:{maxWidth:"400px",margin:"0 auto"},children:[E.jsx(b.Typography,{variant:"body1",align:"left",sx:{fontWeight:"bold"},children:e.step1}),E.jsxs(b.Typography,{"data-testid":"step1-description",variant:"body2",align:"left",sx:{marginTop:"8px"},children:[E.jsx(b.Link,{component:"button",variant:"body2",type:"button",onClick:D,children:e.auth_app}),E.jsx(b.IconButton,{"aria-label":"help",size:"small",type:"button",onClick:D,sx:{padding:0},children:E.jsx(W.HelpOutline,{fontSize:"inherit",color:"action"})}),e.step1_description]}),E.jsxs(b.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",margin:"16px 0",padding:"16px",border:"1px solid rgba(0, 0, 0, 0.12)",borderRadius:"8px",wordBreak:"break-word"},children:[E.jsx(ae,{value:i}),E.jsxs(b.Typography,{variant:"body2",sx:{marginTop:"16px"},children:[c,E.jsx(X.CopyIcon,{text:c})]})]}),E.jsx(b.Typography,{variant:"body1",align:"left",sx:{fontWeight:"bold"},children:e.step2}),E.jsx(b.Typography,{variant:"body2",align:"left",sx:{marginTop:"8px"},children:e.step2_description}),E.jsxs(b.Box,{sx:{padding:"16px 0"},children:[E.jsxs(b.Box,{mb:2,children:[E.jsx(ge.TwoFaInputController,{control:o,name:"code",defaultValue:Array(6).fill(""),onSubmit:t(N),errors:s}),((z=s.root)==null?void 0:z.server)&&E.jsx(b.Typography,{variant:"body2",color:"error",align:"center",marginTop:"5px",children:s.root.server.message})]}),w&&E.jsx(b.Typography,{variant:"caption",align:"center",display:"block",color:"textSecondary",sx:{marginTop:"10px"},children:e.skip_note})]})]})}),E.jsxs(b.DialogActions,{children:[E.jsx(U.Button,{type:"button",color:"normal",disabled:f,onClick:()=>g(p?"cancel":w?"skip":"cancel"),children:p?e.close:w?e.skip:e.cancel}),!p&&E.jsx(U.Button,{type:"submit",variant:"contained",color:"primary",sx:{marginLeft:"8px"},disabled:f,children:e.submit})]})]}),E.jsx(pe.ScrollableDialog,{open:P,onCloseDialog:S,dialogTitle:e.help_dialog_title,dialogContent:E.jsx(b.Typography,{variant:"body1",id:"help-dialog-description",sx:{whiteSpace:"pre-line"},children:e.help_dialog_description}),dialogActions:E.jsx(U.Button,{onClick:S,color:"primary",children:e.close})})]})};exports.TwoFaDialog=xe;
+//# sourceMappingURL=index.cjs.js.map