@jigowatts/jigowatts-ui 2.2.0 → 2.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/TwoFaLabel/index.tsx"],"sourcesContent":["import { Shield, VerifiedUser } from \"@mui/icons-material\";\nimport { Box, Typography } from \"@mui/material\";\n\nexport const TwoFaStatus = {\n  NOT_SELECTED: \"not_selected\",\n  ENABLED: \"enabled\",\n  DISABLED: \"disabled\",\n} as const;\n\nexport type CommonTwoFaStatus = (typeof TwoFaStatus)[keyof typeof TwoFaStatus];\n\nexport type TwoFaLabelProps = {\n  /**\n   * 2要素認証のステータスを設定します。\n   * - `enabled`: 有効\n   * - `disabled`: 無効\n   * - `not_selected`: 未設定（無効として表示）\n   */\n  twoFaStatus?: CommonTwoFaStatus;\n  /**\n   * \"有効\" の場合に表示するテキスト (デフォルト: \"有効\")\n   */\n  labelEnabled?: string;\n  /**\n   * \"無効\" の場合に表示するテキスト (デフォルト: \"無効\")\n   */\n  labelDisabled?: string;\n};\n\n/**\n * 2要素認証済みか否かを表示するラベルコンポーネントです。\n */\nexport const TwoFaLabel = (props: TwoFaLabelProps) => {\n  const { twoFaStatus, labelEnabled = \"有効\", labelDisabled = \"無効\" } = props;\n\n  const isEnabled = twoFaStatus === TwoFaStatus.ENABLED;\n\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"6px\",\n        alignItems: \"center\",\n      }}\n    >\n      {isEnabled ? (\n        <>\n          <VerifiedUser\n            data-testid=\"two-fa-icon\"\n            sx={{ fontSize: \"1rem\", color: \"#6672e8\" }}\n          />\n          <Typography\n            data-testid=\"two-fa-text\"\n            sx={{ fontSize: \"0.8rem\", color: \"#6672e8\" }}\n          >\n            {labelEnabled}\n          </Typography>\n        </>\n      ) : (\n        <>\n          <Shield\n            data-testid=\"two-fa-icon\"\n            sx={{ fontSize: \"1rem\", color: \"grey\" }}\n          />\n          <Typography\n            data-testid=\"two-fa-text\"\n            sx={{ fontSize: \"0.8rem\", color: \"grey\" }}\n          >\n            {labelDisabled}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport default TwoFaLabel;\n"],"names":["TwoFaStatus","TwoFaLabel","props","twoFaStatus","labelEnabled","labelDisabled","isEnabled","jsx","Box","jsxs","Fragment","VerifiedUser","Typography","Shield"],"mappings":";;;AAGO,MAAMA,IAAc;AAAA,EACzB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AACZ,GAyBaC,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,aAAAC,GAAa,cAAAC,IAAe,MAAM,eAAAC,IAAgB,SAASH,GAE7DI,IAAYH,MAAgBH,EAAY;AAE9C,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAY;AAAA,MAAA;AAAA,MAGb,cACC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI,EAAE,UAAU,QAAQ,OAAO,UAAA;AAAA,UAAU;AAAA,QAAA;AAAA,QAE3C,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI,EAAE,UAAU,UAAU,OAAO,UAAA;AAAA,YAEhC,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF,IAEA,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI,EAAE,UAAU,QAAQ,OAAO,OAAA;AAAA,UAAO;AAAA,QAAA;AAAA,QAExC,gBAAAN;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI,EAAE,UAAU,UAAU,OAAO,OAAA;AAAA,YAEhC,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/TwoFaLabel/index.tsx"],"sourcesContent":["import { Shield, VerifiedUser } from \"@mui/icons-material\";\nimport { Box, Typography } from \"@mui/material\";\n\nexport const TwoFaStatus = {\n  NOT_SELECTED: \"not_selected\",\n  ENABLED: \"enabled\",\n  DISABLED: \"disabled\",\n} as const;\n\nexport type CommonTwoFaStatus = (typeof TwoFaStatus)[keyof typeof TwoFaStatus];\n\nexport type TwoFaLabelProps = {\n  /**\n   * 2要素認証のステータスを設定します。\n   * - `enabled`: 有効\n   * - `disabled`: 無効\n   * - `not_selected`: 未設定（無効として表示）\n   */\n  twoFaStatus?: CommonTwoFaStatus;\n  /**\n   * \"有効\" の場合に表示するテキスト (デフォルト: \"有効\")\n   */\n  labelEnabled?: string;\n  /**\n   * \"無効\" の場合に表示するテキスト (デフォルト: \"無効\")\n   */\n  labelDisabled?: string;\n};\n\n/**\n * 2要素認証済みか否かを表示するラベルコンポーネントです。\n */\nexport const TwoFaLabel = (props: TwoFaLabelProps) => {\n  const { twoFaStatus, labelEnabled = \"有効\", labelDisabled = \"無効\" } = props;\n\n  const isEnabled = twoFaStatus === TwoFaStatus.ENABLED;\n\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"6px\",\n        alignItems: \"center\",\n      }}\n    >\n      {isEnabled ? (\n        <>\n          <VerifiedUser\n            data-testid=\"two-fa-icon\"\n            sx={{\n              fontSize: \"1rem\",\n              color: \"var(--jigowatts-color-primary, #6672e8)\",\n            }}\n          />\n          <Typography\n            data-testid=\"two-fa-text\"\n            sx={{\n              fontSize: \"0.8rem\",\n              color: \"var(--jigowatts-color-primary, #6672e8)\",\n            }}\n          >\n            {labelEnabled}\n          </Typography>\n        </>\n      ) : (\n        <>\n          <Shield\n            data-testid=\"two-fa-icon\"\n            sx={{\n              fontSize: \"1rem\",\n              color: \"var(--jigowatts-color-text-muted, grey)\",\n            }}\n          />\n          <Typography\n            data-testid=\"two-fa-text\"\n            sx={{\n              fontSize: \"0.8rem\",\n              color: \"var(--jigowatts-color-text-muted, grey)\",\n            }}\n          >\n            {labelDisabled}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport default TwoFaLabel;\n"],"names":["TwoFaStatus","TwoFaLabel","props","twoFaStatus","labelEnabled","labelDisabled","isEnabled","jsx","Box","jsxs","Fragment","VerifiedUser","Typography","Shield"],"mappings":";;;AAGO,MAAMA,IAAc;AAAA,EACzB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AACZ,GAyBaC,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,aAAAC,GAAa,cAAAC,IAAe,MAAM,eAAAC,IAAgB,SAASH,GAE7DI,IAAYH,MAAgBH,EAAY;AAE9C,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAY;AAAA,MAAA;AAAA,MAGb,cACC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI;AAAA,cACF,UAAU;AAAA,cACV,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,QAEF,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI;AAAA,cACF,UAAU;AAAA,cACV,OAAO;AAAA,YAAA;AAAA,YAGR,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF,IAEA,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI;AAAA,cACF,UAAU;AAAA,cACV,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,QAEF,gBAAAN;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI;AAAA,cACF,UAAU;AAAA,cACV,OAAO;AAAA,YAAA;AAAA,YAGR,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/{index-CogWL0bN.js → index-CqVxO31c.js}

@@ -1,12 +1,12 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import l from "classnames";
-import './assets/index25.css';const c = "_inputContainer_18h3l_1", d = "_radioGroup_18h3l_8", p = "_radio_18h3l_8", _ = "_input_18h3l_1", u = "_error_18h3l_36", m = "_errorMessage_18h3l_40", r = {
-  inputContainer: c,
-  radioGroup: d,
-  radio: p,
-  input: _,
-  error: u,
-  errorMessage: m
+import d from "classnames";
+import './assets/index25.css';const l = "_inputContainer_8ghgd_1", c = "_radioGroup_8ghgd_8", g = "_radio_8ghgd_8", p = "_input_8ghgd_1", _ = "_error_8ghgd_36", u = "_errorMessage_8ghgd_40", r = {
+  inputContainer: l,
+  radioGroup: c,
+  radio: g,
+  input: p,
+  error: _,
+  errorMessage: u
 }, N = (i) => {
   const { values: n, register: t, errorMessage: s } = i;
   return /* @__PURE__ */ a("div", { className: r.inputContainer, children: [
@@ -17,7 +17,7 @@ import './assets/index25.css';const c = "_inputContainer_18h3l_1", d = "_radioGr
           type: "radio",
           value: e.value,
           id: e.value,
-          className: l(r.input, {
+          className: d(r.input, {
             [r.error]: s
           }),
           ...t
@@ -32,4 +32,4 @@ export {
   N as R,
   r as s
 };
-//# sourceMappingURL=index-CogWL0bN.js.map
+//# sourceMappingURL=index-CqVxO31c.js.map

package/dist/{index-CogWL0bN.js.map → index-CqVxO31c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CogWL0bN.js","sources":["../src/components/RadioButton/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Value = {\n  label: string;\n  value: string;\n};\ntype Props = {\n  values: Value[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n};\n\nexport const RadioButton = (props: Props) => {\n  const { values, register, errorMessage } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.radioGroup}>\n        {values.map((value) => (\n          <div className={styles.radio} key={value.value}>\n            <input\n              type=\"radio\"\n              value={value.value}\n              id={value.value}\n              className={classnames(styles.input, {\n                [styles.error]: errorMessage,\n              })}\n              {...register}\n            />\n            <label htmlFor={value.value}>{value.label}</label>\n          </div>\n        ))}\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","props","values","register","errorMessage","jsxs","styles","jsx","value","classnames"],"mappings":";;;;;;;;;GAeaA,IAAc,CAACC,MAAiB;AAC3C,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,cAAAC,EAAA,IAAiBH;AAE3C,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,YACpB,UAAAJ,EAAO,IAAI,CAACM,MACX,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAO,OACrB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOC,EAAM;AAAA,UACb,IAAIA,EAAM;AAAA,UACV,WAAWC,EAAWH,EAAO,OAAO;AAAA,YAClC,CAACA,EAAO,KAAK,GAAGF;AAAA,UAAA,CACjB;AAAA,UACA,GAAGD;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEL,SAAA,EAAM,SAASK,EAAM,OAAQ,YAAM,MAAA,CAAM;AAAA,IAAA,EAAA,GAVTA,EAAM,KAWzC,CACD,GACH;AAAA,IACCJ,KACC,gBAAAG,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAF,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;"}
+{"version":3,"file":"index-CqVxO31c.js","sources":["../src/components/RadioButton/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Value = {\n  label: string;\n  value: string;\n};\ntype Props = {\n  values: Value[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n};\n\nexport const RadioButton = (props: Props) => {\n  const { values, register, errorMessage } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.radioGroup}>\n        {values.map((value) => (\n          <div className={styles.radio} key={value.value}>\n            <input\n              type=\"radio\"\n              value={value.value}\n              id={value.value}\n              className={classnames(styles.input, {\n                [styles.error]: errorMessage,\n              })}\n              {...register}\n            />\n            <label htmlFor={value.value}>{value.label}</label>\n          </div>\n        ))}\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","props","values","register","errorMessage","jsxs","styles","jsx","value","classnames"],"mappings":";;;;;;;;;GAeaA,IAAc,CAACC,MAAiB;AAC3C,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,cAAAC,EAAA,IAAiBH;AAE3C,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,YACpB,UAAAJ,EAAO,IAAI,CAACM,MACX,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAO,OACrB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOC,EAAM;AAAA,UACb,IAAIA,EAAM;AAAA,UACV,WAAWC,EAAWH,EAAO,OAAO;AAAA,YAClC,CAACA,EAAO,KAAK,GAAGF;AAAA,UAAA,CACjB;AAAA,UACA,GAAGD;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEL,SAAA,EAAM,SAASK,EAAM,OAAQ,YAAM,MAAA,CAAM;AAAA,IAAA,EAAA,GAVTA,EAAM,KAWzC,CACD,GACH;AAAA,IACCJ,KACC,gBAAAG,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAF,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;"}

package/dist/index-DNu4-rkL.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/index28.css');const s=require("react/jsx-runtime"),h=require("classnames"),x="_inputContainer_5mxj8_2",j="_selectWrapper_5mxj8_9",g="_select_5mxj8_9",v="_placeholder_5mxj8_37",C="_error_5mxj8_41",N="_errorMessage_5mxj8_45",e={inputContainer:x,selectWrapper:j,select:g,placeholder:v,error:C,errorMessage:N},M=o=>{const{id:i,name:p,values:a,register:d,errorMessage:l,placeholder:t,defaultValue:u,onChange:c}=o,_=r=>{const n=a.find(m=>m.value==r.target.value);c&&n&&c(n)};return s.jsxs("div",{className:e.inputContainer,children:[s.jsx("div",{className:e.selectWrapper,children:s.jsxs("select",{id:i,name:p,className:h(e.select,{[e.error]:l}),...d,onChange:_,value:u,children:[t&&s.jsx("option",{value:"",selected:!0,className:e.placeholder,children:t}),a.map(r=>s.jsx("option",{value:r.value,children:r.label},r.value))]})}),l&&s.jsx("small",{className:e.errorMessage,children:l})]})};exports.SelectBox=M;exports.styles=e;
+//# sourceMappingURL=index-DNu4-rkL.cjs.map

package/dist/{index-SHLzSoKB.cjs.map → index-DNu4-rkL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-SHLzSoKB.cjs","sources":["../src/components/SelectBox/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\nexport type SelectBoxValue = {\n  label: string;\n  value: string | number;\n};\ntype Props = {\n  id?: string;\n  name?: string;\n  values: SelectBoxValue[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n  placeholder?: string;\n  defaultValue?: SelectBoxValue[\"value\"];\n  onChange?: (selectedOption: SelectBoxValue) => void;\n};\n\nexport const SelectBox = (props: Props) => {\n  const {\n    id,\n    name,\n    values,\n    register,\n    errorMessage,\n    placeholder,\n    defaultValue,\n    onChange,\n  } = props;\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = values.find(\n      (value) => value.value == event.target.value,\n    );\n\n    if (onChange && selectedValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.selectWrapper}>\n        <select\n          id={id}\n          name={name}\n          className={classnames(styles.select, {\n            [styles.error]: errorMessage,\n          })}\n          {...register}\n          onChange={handleOnChange}\n          value={defaultValue}\n        >\n          {placeholder && (\n            <option value=\"\" selected className={styles.placeholder}>\n              {placeholder}\n            </option>\n          )}\n          {values.map((value) => (\n            <option value={value.value} key={value.value}>\n              {value.label}\n            </option>\n          ))}\n        </select>\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default SelectBox;\n"],"names":["SelectBox","props","id","name","values","register","errorMessage","placeholder","defaultValue","onChange","handleOnChange","event","selectedValue","value","jsxs","styles","jsx","classnames"],"mappings":"iTAoBaA,EAAaC,GAAiB,CACzC,KAAM,CACJ,GAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,CAAA,EACER,EAEES,EAAkBC,GAAgD,CACtE,MAAMC,EAAgBR,EAAO,KAC1BS,GAAUA,EAAM,OAASF,EAAM,OAAO,KAAA,EAGrCF,GAAYG,GACdH,EAASG,CAAa,CAE1B,EAEA,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,cACrB,SAAAD,EAAAA,KAAC,SAAA,CACC,GAAAZ,EACA,KAAAC,EACA,UAAWc,EAAWF,EAAO,OAAQ,CACnC,CAACA,EAAO,KAAK,EAAGT,CAAA,CACjB,EACA,GAAGD,EACJ,SAAUK,EACV,MAAOF,EAEN,SAAA,CAAAD,GACCS,EAAAA,IAAC,UAAO,MAAM,GAAG,SAAQ,GAAC,UAAWD,EAAO,YACzC,SAAAR,CAAA,CACH,EAEDH,EAAO,IAAKS,GACXG,EAAAA,IAAC,SAAA,CAAO,MAAOH,EAAM,MAClB,SAAAA,EAAM,KAAA,EADwBA,EAAM,KAEvC,CACD,CAAA,CAAA,CAAA,EAEL,EACCP,GACCU,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAAT,CAAA,CAAa,CAAA,EAEzD,CAEJ"}
+{"version":3,"file":"index-DNu4-rkL.cjs","sources":["../src/components/SelectBox/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\nexport type SelectBoxValue = {\n  label: string;\n  value: string | number;\n};\ntype Props = {\n  id?: string;\n  name?: string;\n  values: SelectBoxValue[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n  placeholder?: string;\n  defaultValue?: SelectBoxValue[\"value\"];\n  onChange?: (selectedOption: SelectBoxValue) => void;\n};\n\nexport const SelectBox = (props: Props) => {\n  const {\n    id,\n    name,\n    values,\n    register,\n    errorMessage,\n    placeholder,\n    defaultValue,\n    onChange,\n  } = props;\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = values.find(\n      (value) => value.value == event.target.value,\n    );\n\n    if (onChange && selectedValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.selectWrapper}>\n        <select\n          id={id}\n          name={name}\n          className={classnames(styles.select, {\n            [styles.error]: errorMessage,\n          })}\n          {...register}\n          onChange={handleOnChange}\n          value={defaultValue}\n        >\n          {placeholder && (\n            <option value=\"\" selected className={styles.placeholder}>\n              {placeholder}\n            </option>\n          )}\n          {values.map((value) => (\n            <option value={value.value} key={value.value}>\n              {value.label}\n            </option>\n          ))}\n        </select>\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default SelectBox;\n"],"names":["SelectBox","props","id","name","values","register","errorMessage","placeholder","defaultValue","onChange","handleOnChange","event","selectedValue","value","jsxs","styles","jsx","classnames"],"mappings":"iTAoBaA,EAAaC,GAAiB,CACzC,KAAM,CACJ,GAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,CAAA,EACER,EAEES,EAAkBC,GAAgD,CACtE,MAAMC,EAAgBR,EAAO,KAC1BS,GAAUA,EAAM,OAASF,EAAM,OAAO,KAAA,EAGrCF,GAAYG,GACdH,EAASG,CAAa,CAE1B,EAEA,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,cACrB,SAAAD,EAAAA,KAAC,SAAA,CACC,GAAAZ,EACA,KAAAC,EACA,UAAWc,EAAWF,EAAO,OAAQ,CACnC,CAACA,EAAO,KAAK,EAAGT,CAAA,CACjB,EACA,GAAGD,EACJ,SAAUK,EACV,MAAOF,EAEN,SAAA,CAAAD,GACCS,EAAAA,IAAC,UAAO,MAAM,GAAG,SAAQ,GAAC,UAAWD,EAAO,YACzC,SAAAR,CAAA,CACH,EAEDH,EAAO,IAAKS,GACXG,EAAAA,IAAC,SAAA,CAAO,MAAOH,EAAM,MAClB,SAAAA,EAAM,KAAA,EADwBA,EAAM,KAEvC,CACD,CAAA,CAAA,CAAA,EAEL,EACCP,GACCU,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAAT,CAAA,CAAa,CAAA,EAEzD,CAEJ"}

package/dist/{index-BM3CSrls.cjs → index-c8cvlwzF.cjs}

@@ -1,2 +1,2 @@
-"use strict";require('./assets/index25.css');const s=require("react/jsx-runtime"),t=require("classnames"),l="_inputContainer_18h3l_1",c="_radioGroup_18h3l_8",u="_radio_18h3l_8",d="_input_18h3l_1",_="_error_18h3l_36",p="_errorMessage_18h3l_40",r={inputContainer:l,radioGroup:c,radio:u,input:d,error:_,errorMessage:p},h=a=>{const{values:i,register:n,errorMessage:o}=a;return s.jsxs("div",{className:r.inputContainer,children:[s.jsx("div",{className:r.radioGroup,children:i.map(e=>s.jsxs("div",{className:r.radio,children:[s.jsx("input",{type:"radio",value:e.value,id:e.value,className:t(r.input,{[r.error]:o}),...n}),s.jsx("label",{htmlFor:e.value,children:e.label})]},e.value))}),o&&s.jsx("small",{className:r.errorMessage,children:o})]})};exports.RadioButton=h;exports.styles=r;
-//# sourceMappingURL=index-BM3CSrls.cjs.map
+"use strict";require('./assets/index25.css');const s=require("react/jsx-runtime"),t=require("classnames"),d="_inputContainer_8ghgd_1",c="_radioGroup_8ghgd_8",l="_radio_8ghgd_8",u="_input_8ghgd_1",g="_error_8ghgd_36",_="_errorMessage_8ghgd_40",r={inputContainer:d,radioGroup:c,radio:l,input:u,error:g,errorMessage:_},p=a=>{const{values:i,register:n,errorMessage:o}=a;return s.jsxs("div",{className:r.inputContainer,children:[s.jsx("div",{className:r.radioGroup,children:i.map(e=>s.jsxs("div",{className:r.radio,children:[s.jsx("input",{type:"radio",value:e.value,id:e.value,className:t(r.input,{[r.error]:o}),...n}),s.jsx("label",{htmlFor:e.value,children:e.label})]},e.value))}),o&&s.jsx("small",{className:r.errorMessage,children:o})]})};exports.RadioButton=p;exports.styles=r;
+//# sourceMappingURL=index-c8cvlwzF.cjs.map

package/dist/{index-BM3CSrls.cjs.map → index-c8cvlwzF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BM3CSrls.cjs","sources":["../src/components/RadioButton/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Value = {\n  label: string;\n  value: string;\n};\ntype Props = {\n  values: Value[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n};\n\nexport const RadioButton = (props: Props) => {\n  const { values, register, errorMessage } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.radioGroup}>\n        {values.map((value) => (\n          <div className={styles.radio} key={value.value}>\n            <input\n              type=\"radio\"\n              value={value.value}\n              id={value.value}\n              className={classnames(styles.input, {\n                [styles.error]: errorMessage,\n              })}\n              {...register}\n            />\n            <label htmlFor={value.value}>{value.label}</label>\n          </div>\n        ))}\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","props","values","register","errorMessage","jsxs","styles","jsx","value","classnames"],"mappings":"4RAeaA,EAAeC,GAAiB,CAC3C,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,aAAAC,CAAA,EAAiBH,EAE3C,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,WACpB,SAAAJ,EAAO,IAAKM,GACXH,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,MACrB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,KAAK,QACL,MAAOC,EAAM,MACb,GAAIA,EAAM,MACV,UAAWC,EAAWH,EAAO,MAAO,CAClC,CAACA,EAAO,KAAK,EAAGF,CAAA,CACjB,EACA,GAAGD,CAAA,CAAA,QAEL,QAAA,CAAM,QAASK,EAAM,MAAQ,WAAM,KAAA,CAAM,CAAA,CAAA,EAVTA,EAAM,KAWzC,CACD,EACH,EACCJ,GACCG,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAAF,CAAA,CAAa,CAAA,EAEzD,CAEJ"}
+{"version":3,"file":"index-c8cvlwzF.cjs","sources":["../src/components/RadioButton/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Value = {\n  label: string;\n  value: string;\n};\ntype Props = {\n  values: Value[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n};\n\nexport const RadioButton = (props: Props) => {\n  const { values, register, errorMessage } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.radioGroup}>\n        {values.map((value) => (\n          <div className={styles.radio} key={value.value}>\n            <input\n              type=\"radio\"\n              value={value.value}\n              id={value.value}\n              className={classnames(styles.input, {\n                [styles.error]: errorMessage,\n              })}\n              {...register}\n            />\n            <label htmlFor={value.value}>{value.label}</label>\n          </div>\n        ))}\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","props","values","register","errorMessage","jsxs","styles","jsx","value","classnames"],"mappings":"4RAeaA,EAAeC,GAAiB,CAC3C,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,aAAAC,CAAA,EAAiBH,EAE3C,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,WACpB,SAAAJ,EAAO,IAAKM,GACXH,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,MACrB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,KAAK,QACL,MAAOC,EAAM,MACb,GAAIA,EAAM,MACV,UAAWC,EAAWH,EAAO,MAAO,CAClC,CAACA,EAAO,KAAK,EAAGF,CAAA,CACjB,EACA,GAAGD,CAAA,CAAA,QAEL,QAAA,CAAM,QAASK,EAAM,MAAQ,WAAM,KAAA,CAAM,CAAA,CAAA,EAVTA,EAAM,KAWzC,CACD,EACH,EACCJ,GACCG,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAAF,CAAA,CAAa,CAAA,EAEzD,CAEJ"}

package/dist/index-omG0Vz2u.js

@@ -0,0 +1,51 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import g from "classnames";
+import './assets/index28.css';const x = "_inputContainer_5mxj8_2", j = "_selectWrapper_5mxj8_9", v = "_select_5mxj8_9", C = "_placeholder_5mxj8_37", N = "_error_5mxj8_41", f = "_errorMessage_5mxj8_45", e = {
+  inputContainer: x,
+  selectWrapper: j,
+  select: v,
+  placeholder: C,
+  error: N,
+  errorMessage: f
+}, S = (i) => {
+  const {
+    id: p,
+    name: d,
+    values: l,
+    register: m,
+    errorMessage: a,
+    placeholder: t,
+    defaultValue: _,
+    onChange: n
+  } = i, h = (r) => {
+    const o = l.find(
+      (u) => u.value == r.target.value
+    );
+    n && o && n(o);
+  };
+  return /* @__PURE__ */ c("div", { className: e.inputContainer, children: [
+    /* @__PURE__ */ s("div", { className: e.selectWrapper, children: /* @__PURE__ */ c(
+      "select",
+      {
+        id: p,
+        name: d,
+        className: g(e.select, {
+          [e.error]: a
+        }),
+        ...m,
+        onChange: h,
+        value: _,
+        children: [
+          t && /* @__PURE__ */ s("option", { value: "", selected: !0, className: e.placeholder, children: t }),
+          l.map((r) => /* @__PURE__ */ s("option", { value: r.value, children: r.label }, r.value))
+        ]
+      }
+    ) }),
+    a && /* @__PURE__ */ s("small", { className: e.errorMessage, children: a })
+  ] });
+};
+export {
+  S,
+  e as s
+};
+//# sourceMappingURL=index-omG0Vz2u.js.map

package/dist/{index-D7VNQwOv.js.map → index-omG0Vz2u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D7VNQwOv.js","sources":["../src/components/SelectBox/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\nexport type SelectBoxValue = {\n  label: string;\n  value: string | number;\n};\ntype Props = {\n  id?: string;\n  name?: string;\n  values: SelectBoxValue[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n  placeholder?: string;\n  defaultValue?: SelectBoxValue[\"value\"];\n  onChange?: (selectedOption: SelectBoxValue) => void;\n};\n\nexport const SelectBox = (props: Props) => {\n  const {\n    id,\n    name,\n    values,\n    register,\n    errorMessage,\n    placeholder,\n    defaultValue,\n    onChange,\n  } = props;\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = values.find(\n      (value) => value.value == event.target.value,\n    );\n\n    if (onChange && selectedValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.selectWrapper}>\n        <select\n          id={id}\n          name={name}\n          className={classnames(styles.select, {\n            [styles.error]: errorMessage,\n          })}\n          {...register}\n          onChange={handleOnChange}\n          value={defaultValue}\n        >\n          {placeholder && (\n            <option value=\"\" selected className={styles.placeholder}>\n              {placeholder}\n            </option>\n          )}\n          {values.map((value) => (\n            <option value={value.value} key={value.value}>\n              {value.label}\n            </option>\n          ))}\n        </select>\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default SelectBox;\n"],"names":["SelectBox","props","id","name","values","register","errorMessage","placeholder","defaultValue","onChange","handleOnChange","event","selectedValue","value","jsxs","styles","jsx","classnames"],"mappings":";;;;;;;;;GAoBaA,IAAY,CAACC,MAAiB;AACzC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACER,GAEES,IAAiB,CAACC,MAAgD;AACtE,UAAMC,IAAgBR,EAAO;AAAA,MAC3B,CAACS,MAAUA,EAAM,SAASF,EAAM,OAAO;AAAA,IAAA;AAGzC,IAAIF,KAAYG,KACdH,EAASG,CAAa;AAAA,EAE1B;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,eACrB,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,MAAAC;AAAA,QACA,WAAWc,EAAWF,EAAO,QAAQ;AAAA,UACnC,CAACA,EAAO,KAAK,GAAGT;AAAA,QAAA,CACjB;AAAA,QACA,GAAGD;AAAA,QACJ,UAAUK;AAAA,QACV,OAAOF;AAAA,QAEN,UAAA;AAAA,UAAAD,KACC,gBAAAS,EAAC,YAAO,OAAM,IAAG,UAAQ,IAAC,WAAWD,EAAO,aACzC,UAAAR,EAAA,CACH;AAAA,UAEDH,EAAO,IAAI,CAACS,MACX,gBAAAG,EAAC,UAAA,EAAO,OAAOH,EAAM,OAClB,UAAAA,EAAM,MAAA,GADwBA,EAAM,KAEvC,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCP,KACC,gBAAAU,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAT,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;"}
+{"version":3,"file":"index-omG0Vz2u.js","sources":["../src/components/SelectBox/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\nexport type SelectBoxValue = {\n  label: string;\n  value: string | number;\n};\ntype Props = {\n  id?: string;\n  name?: string;\n  values: SelectBoxValue[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n  placeholder?: string;\n  defaultValue?: SelectBoxValue[\"value\"];\n  onChange?: (selectedOption: SelectBoxValue) => void;\n};\n\nexport const SelectBox = (props: Props) => {\n  const {\n    id,\n    name,\n    values,\n    register,\n    errorMessage,\n    placeholder,\n    defaultValue,\n    onChange,\n  } = props;\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = values.find(\n      (value) => value.value == event.target.value,\n    );\n\n    if (onChange && selectedValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.selectWrapper}>\n        <select\n          id={id}\n          name={name}\n          className={classnames(styles.select, {\n            [styles.error]: errorMessage,\n          })}\n          {...register}\n          onChange={handleOnChange}\n          value={defaultValue}\n        >\n          {placeholder && (\n            <option value=\"\" selected className={styles.placeholder}>\n              {placeholder}\n            </option>\n          )}\n          {values.map((value) => (\n            <option value={value.value} key={value.value}>\n              {value.label}\n            </option>\n          ))}\n        </select>\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default SelectBox;\n"],"names":["SelectBox","props","id","name","values","register","errorMessage","placeholder","defaultValue","onChange","handleOnChange","event","selectedValue","value","jsxs","styles","jsx","classnames"],"mappings":";;;;;;;;;GAoBaA,IAAY,CAACC,MAAiB;AACzC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACER,GAEES,IAAiB,CAACC,MAAgD;AACtE,UAAMC,IAAgBR,EAAO;AAAA,MAC3B,CAACS,MAAUA,EAAM,SAASF,EAAM,OAAO;AAAA,IAAA;AAGzC,IAAIF,KAAYG,KACdH,EAASG,CAAa;AAAA,EAE1B;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,eACrB,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,MAAAC;AAAA,QACA,WAAWc,EAAWF,EAAO,QAAQ;AAAA,UACnC,CAACA,EAAO,KAAK,GAAGT;AAAA,QAAA,CACjB;AAAA,QACA,GAAGD;AAAA,QACJ,UAAUK;AAAA,QACV,OAAOF;AAAA,QAEN,UAAA;AAAA,UAAAD,KACC,gBAAAS,EAAC,YAAO,OAAM,IAAG,UAAQ,IAAC,WAAWD,EAAO,aACzC,UAAAR,EAAA,CACH;AAAA,UAEDH,EAAO,IAAI,CAACS,MACX,gBAAAG,EAAC,UAAA,EAAO,OAAOH,EAAM,OAClB,UAAAA,EAAM,MAAA,GADwBA,EAAM,KAEvC,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCP,KACC,gBAAAU,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAT,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;"}

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/DatePickerController/index.cjs.js"),i=require("./components/RangeDatePicker/index.cjs.js"),c=require("./components/RangeDatePickerController/index.cjs.js"),a=require("./components/Button/index.cjs.js"),e=require("./components/Card/index.cjs.js"),l=require("./components/CustomLink/index.cjs.js"),s=require("./components/DataTable/index.cjs.js"),u=require("./components/ErrorMessage/index.cjs.js"),_=require("./components/EvseStateLabel/index.cjs.js"),p=require("./components/FlexButtons/index.cjs.js"),d=require("./components/Form/index.cjs.js"),m=require("./components/FormItem/index.cjs.js"),x=require("./components/FormTitle/index.cjs.js"),C=require("./components/Input/index.cjs.js"),q=require("./components/InputController/index.cjs.js"),S=require("./components/InputGroup/index.cjs.js"),g=require("./components/Label/index.cjs.js"),T=require("./components/LabeledContent/index.cjs.js"),b=require("./components/LoadingOverlay/index.cjs.js"),F=require("./components/Map/index.cjs.js"),B=require("./components/MaxWidthContainer/index.cjs.js"),R=require("./components/NumericFieldController/index.cjs.js"),L=require("./components/OfflineLabel/index.cjs.js"),I=require("./components/PageSizeSelector/index.cjs.js"),M=require("./components/Pagination/index.cjs.js"),P=require("./components/PasswordInputController/index.cjs.js"),k=require("./index-BM3CSrls.cjs"),D=require("./components/RadioGroupController/index.cjs.js"),h=require("./components/ReportCard/index.cjs.js"),w=require("./components/ReportChart/index.cjs.js"),y=require("./components/ScrollableDialog/index.cjs.js"),O=require("./components/SearchForm/index.cjs.js"),f=require("./index-SHLzSoKB.cjs"),v=require("./components/SelectBoxController/index.cjs.js"),E=require("./components/SubMenu/index.cjs.js"),G=require("./components/Tabs/index.cjs.js"),H=require("./components/Textarea/index.cjs.js"),W=require("./components/ToggleButton/index.cjs.js"),z=require("./components/SideMenu/index.cjs.js"),N=require("./components/SpinnerButton/index.cjs.js"),V=require("./components/HStack/index.cjs.js"),A=require("./components/VStack/index.cjs.js"),j=require("./components/Title/index.cjs.js"),J=require("./components/CardWithTitle/index.cjs.js"),K=require("./index-C9Dbd7MM.cjs"),o=require("./components/ReportChartMulti/index.cjs.js"),n=require("./components/CopyableBox/index.cjs.js"),Q=require("./components/TwoFaInputController/index.cjs.js"),t=require("./components/TwoFaLabel/index.cjs.js"),U=require("./components/TwoFaDialog/index.cjs.js");exports.DatePickerController=r.DatePickerController;exports.RangeDatePicker=i.RangeDatePicker;exports.RangeDatePickerController=c.RangeDatePickerController;exports.Button=a.Button;exports.Card=e.Card;exports.gridOnlyOneStyle=e.gridOnlyOneStyle;exports.CustomLink=l.CustomLink;exports.DataTable=s.DataTable;exports.ErrorMessage=u.ErrorMessage;exports.EvseStateLabel=_.EvseStateLabel;exports.FlexButtons=p.FlexButtons;exports.Form=d.Form;exports.FormItem=m.FormItem;exports.FormTitle=x.FormTitle;exports.Input=C.Input;exports.InputController=q.InputController;exports.InputGroup=S.InputGroup;exports.Label=g.Label;exports.LabeledContent=T.LabeledContent;exports.LoadingOverLay=b.LoadingOverLay;exports.Map=F.Map;exports.MaxWidthContainer=B.MaxWidthContainer;exports.NumericFieldController=R.NumericFieldController;exports.OfflineLabel=L.OfflineLabel;exports.PageSizeSelector=I.PageSizeSelector;exports.Pagination=M.Pagination;exports.PasswordInputController=P.PasswordInputController;exports.RadioButton=k.RadioButton;exports.RadioGroupController=D.RadioGroupController;exports.ReportCard=h.ReportCard;exports.ReportChart=w.ReportChart;exports.ScrollableDialog=y.ScrollableDialog;exports.SearchForm=O.SearchForm;exports.SelectBox=f.SelectBox;exports.SelectBoxController=v.SelectBoxController;exports.SubMenu=E.SubMenu;exports.Tabs=G.Tabs;exports.TextArea=H.TextArea;exports.ToggleButtonController=W.ToggleButtonController;exports.SideMenu=z.SideMenu;exports.SpinnerButton=N.SpinnerButton;exports.HStack=V.HStack;exports.VStack=A.VStack;exports.Title=j.Title;exports.CardWithTitle=J.CardWithTitle;exports.HtmlRenderer=K.HtmlRenderer;exports.ReportChartMulti=o.ReportChartMulti;exports.chartColors=o.chartColors;exports.CopyIcon=n.CopyIcon;exports.CopyableBox=n.CopyableBox;exports.TwoFaInputController=Q.TwoFaInputController;exports.TwoFaLabel=t.TwoFaLabel;exports.TwoFaStatus=t.TwoFaStatus;exports.TwoFaDialog=U.TwoFaDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./components/DatePickerController/index.cjs.js"),a=require("./components/RangeDatePicker/index.cjs.js"),c=require("./components/RangeDatePickerController/index.cjs.js"),s=require("./components/Button/index.cjs.js"),o=require("./components/Card/index.cjs.js"),l=require("./components/CustomLink/index.cjs.js"),u=require("./components/DataTable/index.cjs.js"),_=require("./components/ErrorMessage/index.cjs.js"),d=require("./components/EvseStateLabel/index.cjs.js"),p=require("./components/FlexButtons/index.cjs.js"),m=require("./components/Form/index.cjs.js"),x=require("./components/FormItem/index.cjs.js"),C=require("./components/FormTitle/index.cjs.js"),q=require("./components/Input/index.cjs.js"),T=require("./components/InputController/index.cjs.js"),S=require("./components/InputGroup/index.cjs.js"),g=require("./components/Label/index.cjs.js"),b=require("./components/LabeledContent/index.cjs.js"),F=require("./components/LoadingOverlay/index.cjs.js"),h=require("./components/Map/index.cjs.js"),B=require("./components/MaxWidthContainer/index.cjs.js"),R=require("./components/NumericFieldController/index.cjs.js"),L=require("./components/OfflineLabel/index.cjs.js"),P=require("./components/PageSizeSelector/index.cjs.js"),w=require("./components/Pagination/index.cjs.js"),I=require("./components/PasswordInputController/index.cjs.js"),M=require("./index-c8cvlwzF.cjs"),k=require("./components/RadioGroupController/index.cjs.js"),D=require("./components/ReportCard/index.cjs.js"),y=require("./components/ReportChart/index.cjs.js"),v=require("./components/ScrollableDialog/index.cjs.js"),O=require("./components/SearchForm/index.cjs.js"),f=require("./index-DNu4-rkL.cjs"),J=require("./components/SelectBoxController/index.cjs.js"),E=require("./components/SubMenu/index.cjs.js"),G=require("./components/Tabs/index.cjs.js"),H=require("./components/Textarea/index.cjs.js"),W=require("./components/ToggleButton/index.cjs.js"),z=require("./components/SideMenu/index.cjs.js"),N=require("./components/SpinnerButton/index.cjs.js"),V=require("./components/HStack/index.cjs.js"),A=require("./components/VStack/index.cjs.js"),j=require("./components/Title/index.cjs.js"),K=require("./components/CardWithTitle/index.cjs.js"),Q=require("./index-C9Dbd7MM.cjs"),n=require("./components/ReportChartMulti/index.cjs.js"),t=require("./components/CopyableBox/index.cjs.js"),U=require("./components/TwoFaInputController/index.cjs.js"),r=require("./components/TwoFaLabel/index.cjs.js"),X=require("./components/TwoFaDialog/index.cjs.js"),e=require("./theme/index.cjs.js");exports.DatePickerController=i.DatePickerController;exports.RangeDatePicker=a.RangeDatePicker;exports.RangeDatePickerController=c.RangeDatePickerController;exports.Button=s.Button;exports.Card=o.Card;exports.gridOnlyOneStyle=o.gridOnlyOneStyle;exports.CustomLink=l.CustomLink;exports.DataTable=u.DataTable;exports.ErrorMessage=_.ErrorMessage;exports.EvseStateLabel=d.EvseStateLabel;exports.FlexButtons=p.FlexButtons;exports.Form=m.Form;exports.FormItem=x.FormItem;exports.FormTitle=C.FormTitle;exports.Input=q.Input;exports.InputController=T.InputController;exports.InputGroup=S.InputGroup;exports.Label=g.Label;exports.LabeledContent=b.LabeledContent;exports.LoadingOverLay=F.LoadingOverLay;exports.Map=h.Map;exports.MaxWidthContainer=B.MaxWidthContainer;exports.NumericFieldController=R.NumericFieldController;exports.OfflineLabel=L.OfflineLabel;exports.PageSizeSelector=P.PageSizeSelector;exports.Pagination=w.Pagination;exports.PasswordInputController=I.PasswordInputController;exports.RadioButton=M.RadioButton;exports.RadioGroupController=k.RadioGroupController;exports.ReportCard=D.ReportCard;exports.ReportChart=y.ReportChart;exports.ScrollableDialog=v.ScrollableDialog;exports.SearchForm=O.SearchForm;exports.SelectBox=f.SelectBox;exports.SelectBoxController=J.SelectBoxController;exports.SubMenu=E.SubMenu;exports.Tabs=G.Tabs;exports.TextArea=H.TextArea;exports.ToggleButtonController=W.ToggleButtonController;exports.SideMenu=z.SideMenu;exports.SpinnerButton=N.SpinnerButton;exports.HStack=V.HStack;exports.VStack=A.VStack;exports.Title=j.Title;exports.CardWithTitle=K.CardWithTitle;exports.HtmlRenderer=Q.HtmlRenderer;exports.ReportChartMulti=n.ReportChartMulti;exports.chartColors=n.chartColors;exports.CopyIcon=t.CopyIcon;exports.CopyableBox=t.CopyableBox;exports.TwoFaInputController=U.TwoFaInputController;exports.TwoFaLabel=r.TwoFaLabel;exports.TwoFaStatus=r.TwoFaStatus;exports.TwoFaDialog=X.TwoFaDialog;exports.JigowattsThemeProvider=e.ThemeProvider;exports.ThemeProvider=e.ThemeProvider;exports.createJigowattsTheme=e.createJigowattsTheme;exports.defaultJigowattsTheme=e.defaultJigowattsTheme;exports.useJigowattsTheme=e.useJigowattsTheme;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -48,3 +48,4 @@ export * from './components/CopyableBox';
 export * from './components/TwoFaInputController';
 export * from './components/TwoFaLabel';
 export * from './components/TwoFaDialog';
+export * from './theme';

package/dist/index.es.js

@@ -1,107 +1,113 @@
 import { DatePickerController as e } from "./components/DatePickerController/index.es.js";
-import { RangeDatePicker as p } from "./components/RangeDatePicker/index.es.js";
+import { RangeDatePicker as m } from "./components/RangeDatePicker/index.es.js";
 import { RangeDatePickerController as x } from "./components/RangeDatePickerController/index.es.js";
-import { Button as a } from "./components/Button/index.es.js";
+import { Button as f } from "./components/Button/index.es.js";
 import { Card as n, gridOnlyOneStyle as i } from "./components/Card/index.es.js";
-import { CustomLink as u } from "./components/CustomLink/index.es.js";
-import { DataTable as c } from "./components/DataTable/index.es.js";
-import { ErrorMessage as s } from "./components/ErrorMessage/index.es.js";
-import { EvseStateLabel as T } from "./components/EvseStateLabel/index.es.js";
-import { FlexButtons as F } from "./components/FlexButtons/index.es.js";
-import { Form as B } from "./components/Form/index.es.js";
-import { FormItem as I } from "./components/FormItem/index.es.js";
-import { FormTitle as k } from "./components/FormTitle/index.es.js";
-import { Input as M } from "./components/Input/index.es.js";
-import { InputController as w } from "./components/InputController/index.es.js";
-import { InputGroup as O } from "./components/InputGroup/index.es.js";
-import { Label as v } from "./components/Label/index.es.js";
-import { LabeledContent as G } from "./components/LabeledContent/index.es.js";
-import { LoadingOverLay as z } from "./components/LoadingOverlay/index.es.js";
-import { Map as N } from "./components/Map/index.es.js";
-import { MaxWidthContainer as j } from "./components/MaxWidthContainer/index.es.js";
-import { NumericFieldController as J } from "./components/NumericFieldController/index.es.js";
+import { CustomLink as C } from "./components/CustomLink/index.es.js";
+import { DataTable as d } from "./components/DataTable/index.es.js";
+import { ErrorMessage as g } from "./components/ErrorMessage/index.es.js";
+import { EvseStateLabel as c } from "./components/EvseStateLabel/index.es.js";
+import { FlexButtons as b } from "./components/FlexButtons/index.es.js";
+import { Form as w } from "./components/Form/index.es.js";
+import { FormItem as R } from "./components/FormItem/index.es.js";
+import { FormTitle as L } from "./components/FormTitle/index.es.js";
+import { Input as k } from "./components/Input/index.es.js";
+import { InputController as M } from "./components/InputController/index.es.js";
+import { InputGroup as y } from "./components/InputGroup/index.es.js";
+import { Label as O } from "./components/Label/index.es.js";
+import { LabeledContent as E } from "./components/LabeledContent/index.es.js";
+import { LoadingOverLay as W } from "./components/LoadingOverlay/index.es.js";
+import { Map as A } from "./components/Map/index.es.js";
+import { MaxWidthContainer as V } from "./components/MaxWidthContainer/index.es.js";
+import { NumericFieldController as q } from "./components/NumericFieldController/index.es.js";
 import { OfflineLabel as Q } from "./components/OfflineLabel/index.es.js";
 import { PageSizeSelector as X } from "./components/PageSizeSelector/index.es.js";
 import { Pagination as Z } from "./components/Pagination/index.es.js";
 import { PasswordInputController as $ } from "./components/PasswordInputController/index.es.js";
-import { R as ro } from "./index-CogWL0bN.js";
+import { R as ro } from "./index-CqVxO31c.js";
 import { RadioGroupController as to } from "./components/RadioGroupController/index.es.js";
-import { ReportCard as mo } from "./components/ReportCard/index.es.js";
-import { ReportChart as fo } from "./components/ReportChart/index.es.js";
+import { ReportCard as po } from "./components/ReportCard/index.es.js";
+import { ReportChart as ao } from "./components/ReportChart/index.es.js";
 import { ScrollableDialog as lo } from "./components/ScrollableDialog/index.es.js";
 import { SearchForm as io } from "./components/SearchForm/index.es.js";
-import { S as uo } from "./index-D7VNQwOv.js";
-import { SelectBoxController as co } from "./components/SelectBoxController/index.es.js";
-import { SubMenu as go } from "./components/SubMenu/index.es.js";
-import { Tabs as bo } from "./components/Tabs/index.es.js";
-import { TextArea as Ro } from "./components/Textarea/index.es.js";
-import { ToggleButtonController as Lo } from "./components/ToggleButton/index.es.js";
-import { SideMenu as ho } from "./components/SideMenu/index.es.js";
-import { SpinnerButton as Do } from "./components/SpinnerButton/index.es.js";
-import { HStack as Po } from "./components/HStack/index.es.js";
-import { VStack as yo } from "./components/VStack/index.es.js";
-import { Title as Ho } from "./components/Title/index.es.js";
-import { CardWithTitle as Eo } from "./components/CardWithTitle/index.es.js";
-import { H as Wo } from "./index-zix1zlkq.js";
-import { ReportChartMulti as Ao, chartColors as No } from "./components/ReportChartMulti/index.es.js";
-import { CopyIcon as jo, CopyableBox as qo } from "./components/CopyableBox/index.es.js";
+import { S as Co } from "./index-omG0Vz2u.js";
+import { SelectBoxController as To } from "./components/SelectBoxController/index.es.js";
+import { SubMenu as So } from "./components/SubMenu/index.es.js";
+import { Tabs as ho } from "./components/Tabs/index.es.js";
+import { TextArea as Fo } from "./components/Textarea/index.es.js";
+import { ToggleButtonController as Po } from "./components/ToggleButton/index.es.js";
+import { SideMenu as Bo } from "./components/SideMenu/index.es.js";
+import { SpinnerButton as Io } from "./components/SpinnerButton/index.es.js";
+import { HStack as Do } from "./components/HStack/index.es.js";
+import { VStack as vo } from "./components/VStack/index.es.js";
+import { Title as Jo } from "./components/Title/index.es.js";
+import { CardWithTitle as Ho } from "./components/CardWithTitle/index.es.js";
+import { H as Go } from "./index-zix1zlkq.js";
+import { ReportChartMulti as zo, chartColors as Ao } from "./components/ReportChartMulti/index.es.js";
+import { CopyIcon as Vo, CopyableBox as jo } from "./components/CopyableBox/index.es.js";
 import { TwoFaInputController as Ko } from "./components/TwoFaInputController/index.es.js";
 import { TwoFaLabel as Uo, TwoFaStatus as Xo } from "./components/TwoFaLabel/index.es.js";
 import { TwoFaDialog as Zo } from "./components/TwoFaDialog/index.es.js";
+import { ThemeProvider as $o, ThemeProvider as or, createJigowattsTheme as rr, defaultJigowattsTheme as er, useJigowattsTheme as tr } from "./theme/index.es.js";
 export {
-  a as Button,
+  f as Button,
   n as Card,
-  Eo as CardWithTitle,
-  jo as CopyIcon,
-  qo as CopyableBox,
-  u as CustomLink,
-  c as DataTable,
+  Ho as CardWithTitle,
+  Vo as CopyIcon,
+  jo as CopyableBox,
+  C as CustomLink,
+  d as DataTable,
   e as DatePickerController,
-  s as ErrorMessage,
-  T as EvseStateLabel,
-  F as FlexButtons,
-  B as Form,
-  I as FormItem,
-  k as FormTitle,
-  Po as HStack,
-  Wo as HtmlRenderer,
-  M as Input,
-  w as InputController,
-  O as InputGroup,
-  v as Label,
-  G as LabeledContent,
-  z as LoadingOverLay,
-  N as Map,
-  j as MaxWidthContainer,
-  J as NumericFieldController,
+  g as ErrorMessage,
+  c as EvseStateLabel,
+  b as FlexButtons,
+  w as Form,
+  R as FormItem,
+  L as FormTitle,
+  Do as HStack,
+  Go as HtmlRenderer,
+  k as Input,
+  M as InputController,
+  y as InputGroup,
+  $o as JigowattsThemeProvider,
+  O as Label,
+  E as LabeledContent,
+  W as LoadingOverLay,
+  A as Map,
+  V as MaxWidthContainer,
+  q as NumericFieldController,
   Q as OfflineLabel,
   X as PageSizeSelector,
   Z as Pagination,
   $ as PasswordInputController,
   ro as RadioButton,
   to as RadioGroupController,
-  p as RangeDatePicker,
+  m as RangeDatePicker,
   x as RangeDatePickerController,
-  mo as ReportCard,
-  fo as ReportChart,
-  Ao as ReportChartMulti,
+  po as ReportCard,
+  ao as ReportChart,
+  zo as ReportChartMulti,
   lo as ScrollableDialog,
   io as SearchForm,
-  uo as SelectBox,
-  co as SelectBoxController,
-  ho as SideMenu,
-  Do as SpinnerButton,
-  go as SubMenu,
-  bo as Tabs,
-  Ro as TextArea,
-  Ho as Title,
-  Lo as ToggleButtonController,
+  Co as SelectBox,
+  To as SelectBoxController,
+  Bo as SideMenu,
+  Io as SpinnerButton,
+  So as SubMenu,
+  ho as Tabs,
+  Fo as TextArea,
+  or as ThemeProvider,
+  Jo as Title,
+  Po as ToggleButtonController,
   Zo as TwoFaDialog,
   Ko as TwoFaInputController,
   Uo as TwoFaLabel,
   Xo as TwoFaStatus,
-  yo as VStack,
-  No as chartColors,
-  i as gridOnlyOneStyle
+  vo as VStack,
+  Ao as chartColors,
+  rr as createJigowattsTheme,
+  er as defaultJigowattsTheme,
+  i as gridOnlyOneStyle,
+  tr as useJigowattsTheme
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/theme/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("@mui/material/styles"),l=require("react"),g={palette:{primary:{main:"#6672E8",contrastText:"#FFFFFF"},secondary:{main:"#00AD79",contrastText:"#FFFFFF"},thirdly:{main:"#1E2D50",contrastText:"#FFFFFF"},normal:{main:"#808181",contrastText:"#FFFFFF"},negative:{main:"#CA0000",contrastText:"#FFFFFF"}},semantic:{surface:{base:"#FFFFFF",subtle:"#F7F8FA",border:"#CCCCCC"},text:{primary:"#000000",secondary:"#363636",muted:"#808181"},overlay:{background:"rgba(0, 0, 0, 0.5)"},loader:{color:"#071D2E"},pagination:{selected:"#071D2E",contrastText:"#FFFFFF"},input:{border:"#C4C4C4",placeholder:"#C4C4C4"},radio:{checked:"#354E57"},interaction:{primaryHover:"rgba(100, 113, 232, 0.2)"}},muiTheme:s.createTheme({palette:{primary:{main:"#6672E8",contrastText:"#FFFFFF"},secondary:{main:"#00AD79",contrastText:"#FFFFFF"},thirdly:{main:"#1E2D50",contrastText:"#FFFFFF"},normal:{main:"#808181",contrastText:"#FFFFFF"},negative:{main:"#CA0000",contrastText:"#FFFFFF"}}})},o=t=>typeof t=="object"&&t!==null&&!Array.isArray(t),i=(t,e)=>{if(!e)return t;if(!o(t)||!o(e))return e??t;const a={...t};for(const[c,r]of Object.entries(e)){if(r===void 0)continue;const m=a[c];o(m)&&o(r)?a[c]=i(m,r):a[c]=r}return a},T=t=>s.createTheme({palette:{primary:t.primary,secondary:t.secondary,thirdly:t.thirdly,normal:t.normal,negative:t.negative}}),F=t=>{const e=i(g.palette,t==null?void 0:t.palette),a=i(g.semantic,t==null?void 0:t.semantic);return{palette:e,semantic:a,muiTheme:T(e)}},d=F(),u=l.createContext(d),p=()=>l.useContext(u),j=t=>({display:"contents","--jigowatts-color-primary":t.palette.primary.main,"--jigowatts-color-primary-contrast":t.palette.primary.contrastText,"--jigowatts-color-secondary":t.palette.secondary.main,"--jigowatts-color-secondary-contrast":t.palette.secondary.contrastText,"--jigowatts-color-thirdly":t.palette.thirdly.main,"--jigowatts-color-thirdly-contrast":t.palette.thirdly.contrastText,"--jigowatts-color-normal":t.palette.normal.main,"--jigowatts-color-normal-contrast":t.palette.normal.contrastText,"--jigowatts-color-negative":t.palette.negative.main,"--jigowatts-color-negative-contrast":t.palette.negative.contrastText,"--jigowatts-color-surface":t.semantic.surface.base,"--jigowatts-color-surface-subtle":t.semantic.surface.subtle,"--jigowatts-color-border":t.semantic.surface.border,"--jigowatts-color-text":t.semantic.text.primary,"--jigowatts-color-text-secondary":t.semantic.text.secondary,"--jigowatts-color-text-muted":t.semantic.text.muted,"--jigowatts-color-overlay":t.semantic.overlay.background,"--jigowatts-color-loader":t.semantic.loader.color,"--jigowatts-color-pagination-selected":t.semantic.pagination.selected,"--jigowatts-color-pagination-contrast-text":t.semantic.pagination.contrastText,"--jigowatts-color-input-border":t.semantic.input.border,"--jigowatts-color-input-placeholder":t.semantic.input.placeholder,"--jigowatts-color-radio-checked":t.semantic.radio.checked,"--jigowatts-color-primary-hover":t.semantic.interaction.primaryHover}),y=({children:t,theme:e})=>{const a=l.useMemo(()=>e?F(e):d,[e]);return n.jsx(u.Provider,{value:a,children:n.jsx(s.ThemeProvider,{theme:a.muiTheme,children:n.jsx("div",{style:j(a),children:t})})})},w=F;exports.JigowattsThemeProvider=y;exports.ThemeProvider=y;exports.createJigowattsTheme=w;exports.defaultJigowattsTheme=d;exports.useJigowattsTheme=p;
+//# sourceMappingURL=index.cjs.js.map

package/dist/theme/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import {\n  createTheme,\n  type PaletteColor,\n  type PaletteColorOptions,\n  type PaletteOptions,\n  ThemeProvider as MuiThemeProvider,\n  type Theme,\n} from \"@mui/material/styles\";\nimport {\n  createContext,\n  type CSSProperties,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\n\ndeclare module \"@mui/material/styles\" {\n  interface Palette {\n    thirdly: PaletteColor;\n    normal: PaletteColor;\n    negative: PaletteColor;\n  }\n  interface PaletteOptions {\n    thirdly?: PaletteColorOptions;\n    normal?: PaletteColorOptions;\n    negative?: PaletteColorOptions;\n  }\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsColorOverrides {\n    thirdly: true;\n    normal: true;\n    negative: true;\n  }\n}\n\ntype DeepPartial<T> = {\n  [K in keyof T]?: T[K] extends Record<string, unknown>\n    ? DeepPartial<T[K]>\n    : T[K];\n};\n\nexport type JigowattsPaletteColor = {\n  main: string;\n  contrastText: string;\n};\n\nexport type JigowattsPalette = {\n  primary: JigowattsPaletteColor;\n  secondary: JigowattsPaletteColor;\n  thirdly: JigowattsPaletteColor;\n  normal: JigowattsPaletteColor;\n  negative: JigowattsPaletteColor;\n};\n\nexport type JigowattsSemanticTheme = {\n  surface: {\n    base: string;\n    subtle: string;\n    border: string;\n  };\n  text: {\n    primary: string;\n    secondary: string;\n    muted: string;\n  };\n  overlay: {\n    background: string;\n  };\n  loader: {\n    color: string;\n  };\n  pagination: {\n    selected: string;\n    contrastText: string;\n  };\n  input: {\n    border: string;\n    placeholder: string;\n  };\n  radio: {\n    checked: string;\n  };\n  interaction: {\n    primaryHover: string;\n  };\n};\n\nexport type JigowattsThemeOptions = {\n  palette?: DeepPartial<JigowattsPalette>;\n  semantic?: DeepPartial<JigowattsSemanticTheme>;\n};\n\nexport type JigowattsTheme = {\n  palette: JigowattsPalette;\n  semantic: JigowattsSemanticTheme;\n  muiTheme: Theme;\n};\n\nconst defaultThemeValues: JigowattsTheme = {\n  palette: {\n    primary: { main: \"#6672E8\", contrastText: \"#FFFFFF\" },\n    secondary: { main: \"#00AD79\", contrastText: \"#FFFFFF\" },\n    thirdly: { main: \"#1E2D50\", contrastText: \"#FFFFFF\" },\n    normal: { main: \"#808181\", contrastText: \"#FFFFFF\" },\n    negative: { main: \"#CA0000\", contrastText: \"#FFFFFF\" },\n  },\n  semantic: {\n    surface: {\n      base: \"#FFFFFF\",\n      subtle: \"#F7F8FA\",\n      border: \"#CCCCCC\",\n    },\n    text: {\n      primary: \"#000000\",\n      secondary: \"#363636\",\n      muted: \"#808181\",\n    },\n    overlay: {\n      background: \"rgba(0, 0, 0, 0.5)\",\n    },\n    loader: {\n      color: \"#071D2E\",\n    },\n    pagination: {\n      selected: \"#071D2E\",\n      contrastText: \"#FFFFFF\",\n    },\n    input: {\n      border: \"#C4C4C4\",\n      placeholder: \"#C4C4C4\",\n    },\n    radio: {\n      checked: \"#354E57\",\n    },\n    interaction: {\n      primaryHover: \"rgba(100, 113, 232, 0.2)\",\n    },\n  },\n  muiTheme: createTheme({\n    palette: {\n      primary: { main: \"#6672E8\", contrastText: \"#FFFFFF\" },\n      secondary: { main: \"#00AD79\", contrastText: \"#FFFFFF\" },\n      thirdly: { main: \"#1E2D50\", contrastText: \"#FFFFFF\" },\n      normal: { main: \"#808181\", contrastText: \"#FFFFFF\" },\n      negative: { main: \"#CA0000\", contrastText: \"#FFFFFF\" },\n    },\n  }),\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null && !Array.isArray(value);\n\nconst deepMerge = <T,>(base: T, override?: DeepPartial<T>): T => {\n  if (!override) {\n    return base;\n  }\n\n  if (!isPlainObject(base) || !isPlainObject(override)) {\n    return (override as T) ?? base;\n  }\n\n  const result: Record<string, unknown> = { ...base };\n\n  for (const [key, value] of Object.entries(override)) {\n    if (value === undefined) {\n      continue;\n    }\n\n    const current = result[key];\n    if (isPlainObject(current) && isPlainObject(value)) {\n      result[key] = deepMerge(current, value);\n    } else {\n      result[key] = value;\n    }\n  }\n\n  return result as T;\n};\n\nconst createMuiThemeFromPalette = (palette: JigowattsPalette): Theme =>\n  createTheme({\n    palette: {\n      primary: palette.primary,\n      secondary: palette.secondary,\n      ...{\n        thirdly: palette.thirdly,\n        normal: palette.normal,\n        negative: palette.negative,\n      },\n    } as PaletteOptions,\n  });\n\nconst createResolvedTheme = (\n  options?: JigowattsThemeOptions,\n): JigowattsTheme => {\n  const palette = deepMerge(defaultThemeValues.palette, options?.palette);\n  const semantic = deepMerge(defaultThemeValues.semantic, options?.semantic);\n\n  return {\n    palette,\n    semantic,\n    muiTheme: createMuiThemeFromPalette(palette),\n  };\n};\n\nexport const defaultJigowattsTheme = createResolvedTheme();\n\nconst JigowattsThemeContext = createContext<JigowattsTheme>(\n  defaultJigowattsTheme,\n);\n\nexport const useJigowattsTheme = () => useContext(JigowattsThemeContext);\n\nconst getCssVariables = (theme: JigowattsTheme): CSSProperties =>\n  ({\n    display: \"contents\",\n    \"--jigowatts-color-primary\": theme.palette.primary.main,\n    \"--jigowatts-color-primary-contrast\": theme.palette.primary.contrastText,\n    \"--jigowatts-color-secondary\": theme.palette.secondary.main,\n    \"--jigowatts-color-secondary-contrast\":\n      theme.palette.secondary.contrastText,\n    \"--jigowatts-color-thirdly\": theme.palette.thirdly.main,\n    \"--jigowatts-color-thirdly-contrast\": theme.palette.thirdly.contrastText,\n    \"--jigowatts-color-normal\": theme.palette.normal.main,\n    \"--jigowatts-color-normal-contrast\": theme.palette.normal.contrastText,\n    \"--jigowatts-color-negative\": theme.palette.negative.main,\n    \"--jigowatts-color-negative-contrast\": theme.palette.negative.contrastText,\n    \"--jigowatts-color-surface\": theme.semantic.surface.base,\n    \"--jigowatts-color-surface-subtle\": theme.semantic.surface.subtle,\n    \"--jigowatts-color-border\": theme.semantic.surface.border,\n    \"--jigowatts-color-text\": theme.semantic.text.primary,\n    \"--jigowatts-color-text-secondary\": theme.semantic.text.secondary,\n    \"--jigowatts-color-text-muted\": theme.semantic.text.muted,\n    \"--jigowatts-color-overlay\": theme.semantic.overlay.background,\n    \"--jigowatts-color-loader\": theme.semantic.loader.color,\n    \"--jigowatts-color-pagination-selected\": theme.semantic.pagination.selected,\n    \"--jigowatts-color-pagination-contrast-text\":\n      theme.semantic.pagination.contrastText,\n    \"--jigowatts-color-input-border\": theme.semantic.input.border,\n    \"--jigowatts-color-input-placeholder\": theme.semantic.input.placeholder,\n    \"--jigowatts-color-radio-checked\": theme.semantic.radio.checked,\n    \"--jigowatts-color-primary-hover\": theme.semantic.interaction.primaryHover,\n  }) as CSSProperties;\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  theme?: JigowattsThemeOptions;\n};\n\nexport const ThemeProvider = ({ children, theme }: ThemeProviderProps) => {\n  const resolvedTheme = useMemo(\n    () => (theme ? createResolvedTheme(theme) : defaultJigowattsTheme),\n    [theme],\n  );\n\n  return (\n    <JigowattsThemeContext.Provider value={resolvedTheme}>\n      <MuiThemeProvider theme={resolvedTheme.muiTheme}>\n        <div style={getCssVariables(resolvedTheme)}>{children}</div>\n      </MuiThemeProvider>\n    </JigowattsThemeContext.Provider>\n  );\n};\n\nexport { ThemeProvider as JigowattsThemeProvider };\n\nexport const createJigowattsTheme = createResolvedTheme;\n"],"names":["defaultThemeValues","createTheme","isPlainObject","value","deepMerge","base","override","result","key","current","createMuiThemeFromPalette","palette","createResolvedTheme","options","semantic","defaultJigowattsTheme","JigowattsThemeContext","createContext","useJigowattsTheme","useContext","getCssVariables","theme","ThemeProvider","children","resolvedTheme","useMemo","MuiThemeProvider","jsx","createJigowattsTheme"],"mappings":"0KAoGMA,EAAqC,CACzC,QAAS,CACP,QAAS,CAAE,KAAM,UAAW,aAAc,SAAA,EAC1C,UAAW,CAAE,KAAM,UAAW,aAAc,SAAA,EAC5C,QAAS,CAAE,KAAM,UAAW,aAAc,SAAA,EAC1C,OAAQ,CAAE,KAAM,UAAW,aAAc,SAAA,EACzC,SAAU,CAAE,KAAM,UAAW,aAAc,SAAA,CAAU,EAEvD,SAAU,CACR,QAAS,CACP,KAAM,UACN,OAAQ,UACR,OAAQ,SAAA,EAEV,KAAM,CACJ,QAAS,UACT,UAAW,UACX,MAAO,SAAA,EAET,QAAS,CACP,WAAY,oBAAA,EAEd,OAAQ,CACN,MAAO,SAAA,EAET,WAAY,CACV,SAAU,UACV,aAAc,SAAA,EAEhB,MAAO,CACL,OAAQ,UACR,YAAa,SAAA,EAEf,MAAO,CACL,QAAS,SAAA,EAEX,YAAa,CACX,aAAc,0BAAA,CAChB,EAEF,SAAUC,EAAAA,YAAY,CACpB,QAAS,CACP,QAAS,CAAE,KAAM,UAAW,aAAc,SAAA,EAC1C,UAAW,CAAE,KAAM,UAAW,aAAc,SAAA,EAC5C,QAAS,CAAE,KAAM,UAAW,aAAc,SAAA,EAC1C,OAAQ,CAAE,KAAM,UAAW,aAAc,SAAA,EACzC,SAAU,CAAE,KAAM,UAAW,aAAc,SAAA,CAAU,CACvD,CACD,CACH,EAEMC,EAAiBC,GACrB,OAAOA,GAAU,UAAYA,IAAU,MAAQ,CAAC,MAAM,QAAQA,CAAK,EAE/DC,EAAY,CAAKC,EAASC,IAAiC,CAC/D,GAAI,CAACA,EACH,OAAOD,EAGT,GAAI,CAACH,EAAcG,CAAI,GAAK,CAACH,EAAcI,CAAQ,EACjD,OAAQA,GAAkBD,EAG5B,MAAME,EAAkC,CAAE,GAAGF,CAAA,EAE7C,SAAW,CAACG,EAAKL,CAAK,IAAK,OAAO,QAAQG,CAAQ,EAAG,CACnD,GAAIH,IAAU,OACZ,SAGF,MAAMM,EAAUF,EAAOC,CAAG,EACtBN,EAAcO,CAAO,GAAKP,EAAcC,CAAK,EAC/CI,EAAOC,CAAG,EAAIJ,EAAUK,EAASN,CAAK,EAEtCI,EAAOC,CAAG,EAAIL,CAElB,CAEA,OAAOI,CACT,EAEMG,EAA6BC,GACjCV,cAAY,CACV,QAAS,CACP,QAASU,EAAQ,QACjB,UAAWA,EAAQ,UAEjB,QAASA,EAAQ,QACjB,OAAQA,EAAQ,OAChB,SAAUA,EAAQ,QACpB,CAEJ,CAAC,EAEGC,EACJC,GACmB,CACnB,MAAMF,EAAUP,EAAUJ,EAAmB,QAASa,GAAA,YAAAA,EAAS,OAAO,EAChEC,EAAWV,EAAUJ,EAAmB,SAAUa,GAAA,YAAAA,EAAS,QAAQ,EAEzE,MAAO,CACL,QAAAF,EACA,SAAAG,EACA,SAAUJ,EAA0BC,CAAO,CAAA,CAE/C,EAEaI,EAAwBH,EAAA,EAE/BI,EAAwBC,EAAAA,cAC5BF,CACF,EAEaG,EAAoB,IAAMC,EAAAA,WAAWH,CAAqB,EAEjEI,EAAmBC,IACtB,CACC,QAAS,WACT,4BAA6BA,EAAM,QAAQ,QAAQ,KACnD,qCAAsCA,EAAM,QAAQ,QAAQ,aAC5D,8BAA+BA,EAAM,QAAQ,UAAU,KACvD,uCACEA,EAAM,QAAQ,UAAU,aAC1B,4BAA6BA,EAAM,QAAQ,QAAQ,KACnD,qCAAsCA,EAAM,QAAQ,QAAQ,aAC5D,2BAA4BA,EAAM,QAAQ,OAAO,KACjD,oCAAqCA,EAAM,QAAQ,OAAO,aAC1D,6BAA8BA,EAAM,QAAQ,SAAS,KACrD,sCAAuCA,EAAM,QAAQ,SAAS,aAC9D,4BAA6BA,EAAM,SAAS,QAAQ,KACpD,mCAAoCA,EAAM,SAAS,QAAQ,OAC3D,2BAA4BA,EAAM,SAAS,QAAQ,OACnD,yBAA0BA,EAAM,SAAS,KAAK,QAC9C,mCAAoCA,EAAM,SAAS,KAAK,UACxD,+BAAgCA,EAAM,SAAS,KAAK,MACpD,4BAA6BA,EAAM,SAAS,QAAQ,WACpD,2BAA4BA,EAAM,SAAS,OAAO,MAClD,wCAAyCA,EAAM,SAAS,WAAW,SACnE,6CACEA,EAAM,SAAS,WAAW,aAC5B,iCAAkCA,EAAM,SAAS,MAAM,OACvD,sCAAuCA,EAAM,SAAS,MAAM,YAC5D,kCAAmCA,EAAM,SAAS,MAAM,QACxD,kCAAmCA,EAAM,SAAS,YAAY,YAChE,GAOWC,EAAgB,CAAC,CAAE,SAAAC,EAAU,MAAAF,KAAgC,CACxE,MAAMG,EAAgBC,EAAAA,QACpB,IAAOJ,EAAQT,EAAoBS,CAAK,EAAIN,EAC5C,CAACM,CAAK,CAAA,EAGR,aACGL,EAAsB,SAAtB,CAA+B,MAAOQ,EACrC,eAACE,gBAAA,CAAiB,MAAOF,EAAc,SACrC,SAAAG,EAAAA,IAAC,OAAI,MAAOP,EAAgBI,CAAa,EAAI,SAAAD,EAAS,EACxD,CAAA,CACF,CAEJ,EAIaK,EAAuBhB"}

package/dist/theme/index.d.ts

@@ -0,0 +1,86 @@
+import { PaletteColor, PaletteColorOptions, Theme } from '@mui/material/styles';
+import { ReactNode } from 'react';
+
+declare module "@mui/material/styles" {
+    interface Palette {
+        thirdly: PaletteColor;
+        normal: PaletteColor;
+        negative: PaletteColor;
+    }
+    interface PaletteOptions {
+        thirdly?: PaletteColorOptions;
+        normal?: PaletteColorOptions;
+        negative?: PaletteColorOptions;
+    }
+}
+declare module "@mui/material/Button" {
+    interface ButtonPropsColorOverrides {
+        thirdly: true;
+        normal: true;
+        negative: true;
+    }
+}
+type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends Record<string, unknown> ? DeepPartial<T[K]> : T[K];
+};
+export type JigowattsPaletteColor = {
+    main: string;
+    contrastText: string;
+};
+export type JigowattsPalette = {
+    primary: JigowattsPaletteColor;
+    secondary: JigowattsPaletteColor;
+    thirdly: JigowattsPaletteColor;
+    normal: JigowattsPaletteColor;
+    negative: JigowattsPaletteColor;
+};
+export type JigowattsSemanticTheme = {
+    surface: {
+        base: string;
+        subtle: string;
+        border: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+    };
+    overlay: {
+        background: string;
+    };
+    loader: {
+        color: string;
+    };
+    pagination: {
+        selected: string;
+        contrastText: string;
+    };
+    input: {
+        border: string;
+        placeholder: string;
+    };
+    radio: {
+        checked: string;
+    };
+    interaction: {
+        primaryHover: string;
+    };
+};
+export type JigowattsThemeOptions = {
+    palette?: DeepPartial<JigowattsPalette>;
+    semantic?: DeepPartial<JigowattsSemanticTheme>;
+};
+export type JigowattsTheme = {
+    palette: JigowattsPalette;
+    semantic: JigowattsSemanticTheme;
+    muiTheme: Theme;
+};
+export declare const defaultJigowattsTheme: JigowattsTheme;
+export declare const useJigowattsTheme: () => JigowattsTheme;
+export type ThemeProviderProps = {
+    children: ReactNode;
+    theme?: JigowattsThemeOptions;
+};
+export declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { ThemeProvider as JigowattsThemeProvider };
+export declare const createJigowattsTheme: (options?: JigowattsThemeOptions) => JigowattsTheme;