@lanaco/lnc-react-ui 4.0.105 → 4.0.106

package/dist/BrandHitsSection.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { o as c, l as s } from "./utils-BXCGNjIy.js";
+import { o as c, l as s } from "./utils-BbgAIA9N.js";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as l } from "./consts-BuFChS64.js";
 const g = d.div`

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-BWzf4vLl.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CZynEOC_.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};

package/dist/Breadcrumbs.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as u, Fragment as A } from "react/jsx-runtime";
 import { forwardRef as N, useState as O } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as P, b as S } from "./utils-BXCGNjIy.js";
+import { c as P, b as S } from "./utils-BbgAIA9N.js";
 import v from "./Icon.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = c.div`

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),w=require("react"),l=require("./index-BPVoEhTF.cjs"),k=require("./index-DAOBjHnD.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-BWzf4vLl.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
+"use strict";const n=require("react/jsx-runtime"),w=require("react"),l=require("./index-BPVoEhTF.cjs"),k=require("./index-DAOBjHnD.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -82,9 +82,11 @@
   }
 
   &:disabled {
-    ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
+    /* ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
+     */
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","text")};
     cursor: default;
-    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","background")};
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","background","backgroundOpacity")};
   }
 `,v=d.styled.button`
   ${e=>T(e)}
@@ -124,4 +126,4 @@
 `,L=d.styled(v)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,j=w.forwardRef((e,u)=>{const{text:x="",iconStyle:R="solid",leadingIcon:V=null,trailingIcon:z=null,borderRadius:F="regular",btnType:n="filled",disabled:N=!1,tabIndex:s=0,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,onLeadingIconClick:_,onTrailingIconClick:K,size:C="small",color:i="primary",className:$="",style:S={},children:U,...y}=e,o={theme:P.useTheme(),color:i,size:C,style:S,disabled:N,borderRadius:F,btnType:n,className:"lnc-ui-button "},c=!k.isEmpty(V),r=!k.isEmpty(z),q=!k.isEmpty(x),B=()=>a.jsxs(a.Fragment,{children:[c&&a.jsx(W,{size:C,children:a.jsx(I,{icon:V,sizeInUnits:"1.125rem",iconStyle:R})}),x,U,r&&a.jsx(D,{size:C,children:a.jsx(I,{icon:z,sizeInUnits:"1.125rem",iconStyle:R})})]});return n==="filled"?a.jsx(O,{ref:u,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="tinted"?a.jsx(E,{ref:u,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="outline"?a.jsx(L,{ref:u,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="basic"?a.jsx(v,{ref:u,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):a.jsx(O,{ref:u,"data-type":"filled",size:C,...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,hasText:q,tabIndex:s,btnType:n,...y,children:B()})});j.propTypes={text:l.PropTypes.string,iconStyle:l.PropTypes.oneOf(["regular","solid"]),leadingIcon:l.PropTypes.string,trailingIcon:l.PropTypes.string,borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=j;
+`,j=w.forwardRef((e,u)=>{const{text:x="",iconStyle:R="solid",leadingIcon:V=null,trailingIcon:z=null,borderRadius:F="regular",btnType:a="filled",disabled:N=!1,tabIndex:s=0,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,onLeadingIconClick:_,onTrailingIconClick:K,size:C="small",color:i="primary",className:$="",style:S={},children:U,...y}=e,o={theme:P.useTheme(),color:i,size:C,style:S,disabled:N,borderRadius:F,btnType:a,className:"lnc-ui-button "},c=!k.isEmpty(V),r=!k.isEmpty(z),q=!k.isEmpty(x),B=()=>n.jsxs(n.Fragment,{children:[c&&n.jsx(W,{size:C,children:n.jsx(I,{icon:V,sizeInUnits:"1.125rem",iconStyle:R})}),x,U,r&&n.jsx(D,{size:C,children:n.jsx(I,{icon:z,sizeInUnits:"1.125rem",iconStyle:R})})]});return a==="filled"?n.jsx(O,{ref:u,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="tinted"?n.jsx(E,{ref:u,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="outline"?n.jsx(L,{ref:u,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="basic"?n.jsx(v,{ref:u,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):n.jsx(O,{ref:u,"data-type":"filled",size:C,...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,hasText:q,tabIndex:s,btnType:a,...y,children:B()})});j.propTypes={text:l.PropTypes.string,iconStyle:l.PropTypes.oneOf(["regular","solid"]),leadingIcon:l.PropTypes.string,trailingIcon:l.PropTypes.string,borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=j;

package/dist/Button.js

@@ -3,7 +3,7 @@ import { forwardRef as q } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
 import { i as T } from "./index-BlxaTV-D.js";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as z, b as t, d as r, h as I, e as v, a as A } from "./utils-BXCGNjIy.js";
+import { c as z, b as t, d as r, h as I, e as v, a as A } from "./utils-BbgAIA9N.js";
 import w from "./Icon.js";
 import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const x = {
@@ -231,14 +231,23 @@ const x = {
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && I(e.theme)};
+    /* ${(e) => e.disabled === !0 && I(e.theme)};
+     */
+    color: ${(e) => t(
+  e.theme,
+  "ButtonTinted",
+  e.color,
+  "disabled",
+  "text"
+)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
   "ButtonTinted",
   "gray",
   "disabled",
-  "background"
+  "background",
+  "backgroundOpacity"
 )};
   }
 `, L = u.button`

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-BWzf4vLl.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { b as o, a as b } from "./utils-BXCGNjIy.js";
+import { b as o, a as b } from "./utils-BbgAIA9N.js";
 import { u as l } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const s = i.div`
   display: inline-flex;

package/dist/CalorieCalculatorSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-BWzf4vLl.cjs"),D=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-CZynEOC_.cjs"),D=b.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/CalorieCalculatorSection.js

@@ -9,7 +9,7 @@ import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";
 import X from "./IconButton.js";
 import Z from "./BannerSectionWithList.js";
-import { y as q } from "./utils-BXCGNjIy.js";
+import { y as q } from "./utils-BbgAIA9N.js";
 const J = y.div`
   display: flex;
   flex-direction: column;

package/dist/CheckBoxInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BPVoEhTF.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-BWzf4vLl.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BPVoEhTF.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

package/dist/CheckBoxInput.js

@@ -2,7 +2,7 @@ import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as g, c as L, b as n, a as N, e as x } from "./utils-BXCGNjIy.js";
+import { d as g, c as L, b as n, a as N, e as x } from "./utils-BbgAIA9N.js";
 import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.components.Checkbox.default.enabled.sizes[d]} / 2)`, T = j.label`
   -webkit-user-select: none;

package/dist/Chip.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-BWzf4vLl.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-CZynEOC_.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
   cursor: pointer;
   display: inline-flex;
   height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};

package/dist/Chip.js

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
 import { P as a } from "./index-S5Cd7WrG.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-BXCGNjIy.js";
+import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-BbgAIA9N.js";
 import W from "./Avatar.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const h = (e) => {

package/dist/ColorInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),b=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),n=require("./utils-BWzf4vLl.cjs"),N=require("./index-DaiUAQVF.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),F=(e,r)=>`calc(${n.getSizeValueWithUnits(e,r)} - 1rem)`,L=P.styled.label`
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),n=require("./utils-CZynEOC_.cjs"),N=require("./index-DaiUAQVF.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),R=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 1rem)`,L=P.styled.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -13,7 +13,9 @@
   padding: 0.625rem 0.75rem;
   width: 100%;
   ${e=>!e.disabled&&e.readOnly!==!0&&e.isFocused===!0&&n.getOutlineCss(e.theme)};
-  ${e=>e.disabled===!0&&n.getDisabledBackgroundCss(e.theme)}
+  /* ${e=>e.disabled===!0&&n.getDisabledBackgroundCss(e.theme)} */
+  ${e=>e.disabled===!0&&`background-color: ${n.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${o=>n.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
   border: 1px solid ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border")};
 `,G=P.styled.div`
   ${e=>!e.disabled&&e.readOnly!==!0&&"cursor: pointer;"}
@@ -32,8 +34,8 @@
     }
     ${e=>e.disabled===!0&&`opacity: ${e.theme.palette.opacity[e.theme.palette.disabled.opacity]};`}
     box-sizing: border-box;
-    min-width: ${e=>F(e.theme,e.size)};
-    height: ${e=>F(e.theme,e.size)};
+    min-width: ${e=>R(e.theme,e.size)};
+    height: ${e=>R(e.theme,e.size)};
     border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"curved")};
     overflow: hidden;
     & input[type="color"] {
@@ -43,7 +45,9 @@
       height: 200%;
       cursor: pointer;
       transform: translate(-25%, -25%);
-      ${e=>e.disabled===!0&&n.getDisabledStateCss(e.theme)};
+      /* ${e=>e.disabled===!0&&n.getDisabledStateCss(e.theme)}; */
+      ${e=>e.disabled===!0&&`background-color: ${n.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${o=>n.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
     }
   }
 `,J=P.styled.span`
@@ -57,4 +61,4 @@
     background-color: transparent;
     width: 100%;
   }
-`,S=b.forwardRef((e,r)=>{const{id:u,name:y,defaultValue:w="#000000",value:s,size:v="small",tabIndex:p,withInput:f=!1,className:R="",style:j={},color:d="primary",debounceTime:O=0,readOnly:l,disabled:a,onChange:x=()=>{},onFocus:B=()=>{},onBlur:U=()=>{},onInput:q=()=>{},onKeyDown:W=()=>{},labelRef:k,inputProps:T,...z}=e,I=A.useTheme(),[c,$]=b.useState(s),[D,V]=b.useState(!1),E=new RegExp(/^#[0-9A-F]{6}$/i);H.useUpdateEffect(()=>$(s),[s]);const _=b.useCallback(N.debounce((o,C)=>K(o,C),O),[x]),K=(o,C)=>{x&&x(o,C)},h=o=>{s&&$(o.target.value),_(o,o.target.value)},g=o=>{V(!0),B(o)},m=o=>{E.test(c)||$(w),V(!1),U(o)};return i.jsx(G,{ref:r,theme:I,size:v,className:R,style:j,disabled:a,readOnly:l,withInput:f,...z,children:f?i.jsxs(L,{withInput:f,theme:I,color:d,size:v,disabled:a,readOnly:l,tabIndex:p,isFocused:D,children:[i.jsx("div",{children:i.jsx("input",{type:"color",ref:r,id:u,name:y,value:c,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,...T})}),i.jsx(J,{children:i.jsx("input",{ref:k,value:c,onChange:h,onFocus:g,onBlur:m,onInput:q,onKeyDown:W,disabled:a||l,...z})})]}):i.jsx("div",{children:s==null||s=="undefined"?i.jsx("input",{type:"color",ref:r,id:u,name:y,defaultValue:w,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,tabIndex:p,...T}):i.jsx("input",{type:"color",ref:r,id:u,name:y,value:c,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,tabIndex:p,...T})})})});S.propTypes={id:t.PropTypes.any,name:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,debounceTime:t.PropTypes.number,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,tabIndex:t.PropTypes.number,preventDefault:t.PropTypes.bool,labelRef:t.PropTypes.any,inputProps:t.PropTypes.bool,withInput:t.PropTypes.bool,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,onInput:t.PropTypes.func,onKeyDown:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=S;
+`,F=m.forwardRef((e,o)=>{const{id:u,name:y,defaultValue:I="#000000",value:r,size:w="small",tabIndex:p,withInput:f=!1,className:O="",style:S={},color:d="primary",debounceTime:j=0,readOnly:a,disabled:s,onChange:x=()=>{},onFocus:k=()=>{},onBlur:B=()=>{},onInput:U=()=>{},onKeyDown:q=()=>{},labelRef:W,inputProps:$,...V}=e,v=A.useTheme(),[c,C]=m.useState(r),[D,z]=m.useState(!1),E=new RegExp(/^#[0-9A-F]{6}$/i);H.useUpdateEffect(()=>C(r),[r]);const _=m.useCallback(N.debounce((l,T)=>K(l,T),j),[x]),K=(l,T)=>{x&&x(l,T)},h=l=>{r&&C(l.target.value),_(l,l.target.value)},b=l=>{z(!0),k(l)},g=l=>{E.test(c)||C(I),z(!1),B(l)};return i.jsx(G,{ref:o,theme:v,size:w,className:O,style:S,disabled:s,readOnly:a,withInput:f,...V,children:f?i.jsxs(L,{withInput:f,theme:v,color:d,size:w,disabled:s,readOnly:a,tabIndex:p,isFocused:D,children:[i.jsx("div",{children:i.jsx("input",{type:"color",ref:o,id:u,name:y,value:c,disabled:s||a,onChange:h,onBlur:g,onFocus:b,color:d,...$})}),i.jsx(J,{children:i.jsx("input",{ref:W,value:c,onChange:h,onFocus:b,onBlur:g,onInput:U,onKeyDown:q,disabled:s||a,...V})})]}):i.jsx("div",{children:r==null||r=="undefined"?i.jsx("input",{type:"color",ref:o,id:u,name:y,defaultValue:I,disabled:s||a,onChange:h,onBlur:g,onFocus:b,color:d,tabIndex:p,...$}):i.jsx("input",{type:"color",ref:o,id:u,name:y,value:c,disabled:s||a,onChange:h,onBlur:g,onFocus:b,color:d,tabIndex:p,...$})})})});F.propTypes={id:t.PropTypes.any,name:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,debounceTime:t.PropTypes.number,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,tabIndex:t.PropTypes.number,preventDefault:t.PropTypes.bool,labelRef:t.PropTypes.any,inputProps:t.PropTypes.bool,withInput:t.PropTypes.bool,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,onInput:t.PropTypes.func,onKeyDown:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=F;

package/dist/ColorInput.js

@@ -1,26 +1,26 @@
-import { jsx as a, jsxs as q } from "react/jsx-runtime";
-import { forwardRef as G, useState as R, useCallback as J } from "react";
-import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsx as o, jsxs as q } from "react/jsx-runtime";
+import { forwardRef as G, useState as S, useCallback as J } from "react";
+import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { c as M, d, b as g, a as V, e as C, f as Q, h as X } from "./utils-BXCGNjIy.js";
+import { c as M, d as u, b as l, a as T, e as C, f as Q, h as X } from "./utils-BbgAIA9N.js";
 import { d as Y } from "./index-CkWvbrVT.js";
 import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as _ } from "./useUpdateEffect-CuYWz7EA.js";
-const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
+const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   ${(e) => M(e.theme, "Input", e.size, "enabled")};
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
-  background-color: ${(e) => g(
+  min-height: ${(e) => u(e.theme, e.size)};
+  max-height: ${(e) => u(e.theme, e.size)};
+  background-color: ${(e) => l(
   e.theme,
   "Input",
   e.color,
   "enabled",
   "background"
 )};
-  color: ${(e) => g(
+  color: ${(e) => l(
   e.theme,
   "Input",
   e.isFocused ? "primary" : e.color,
@@ -28,23 +28,38 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
   "text"
 )};
   border: 1px solid
-    ${(e) => g(
+    ${(e) => l(
   e.theme,
   "Input",
   e.isFocused ? "primary" : e.color,
   "enabled",
   "border"
 )};
-  border-radius: ${(e) => V(e.theme, "regular")};
+  border-radius: ${(e) => T(e.theme, "regular")};
   padding: 0.625rem 0.75rem;
   width: 100%;
   ${(e) => !e.disabled && e.readOnly !== !0 && e.isFocused === !0 && C(e.theme)};
-  ${(e) => e.disabled === !0 && Q(e.theme)}
-  border: 1px solid ${(e) => g(e.theme, "Input", e.color, "disabled", "border")};
-`, te = I.div`
+  /* ${(e) => e.disabled === !0 && Q(e.theme)} */
+  ${(e) => e.disabled === !0 && `background-color: ${l(
+  e.theme,
+  "Input",
+  e.color,
+  "disabled",
+  "background",
+  "backgroundOpacity"
+)};
+        color: ${(n) => l(
+  n.theme,
+  "Input",
+  n.color,
+  "disabled",
+  "text"
+)};`}
+  border: 1px solid ${(e) => l(e.theme, "Input", e.color, "disabled", "border")};
+`, te = z.div`
   ${(e) => !e.disabled && e.readOnly !== !0 && "cursor: pointer;"}
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
+  min-height: ${(e) => u(e.theme, e.size)};
+  max-height: ${(e) => u(e.theme, e.size)};
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -58,9 +73,9 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
     }
     ${(e) => e.disabled === !0 && `opacity: ${e.theme.palette.opacity[e.theme.palette.disabled.opacity]};`}
     box-sizing: border-box;
-    min-width: ${(e) => T(e.theme, e.size)};
-    height: ${(e) => T(e.theme, e.size)};
-    border-radius: ${(e) => V(e.theme, "curved")};
+    min-width: ${(e) => R(e.theme, e.size)};
+    height: ${(e) => R(e.theme, e.size)};
+    border-radius: ${(e) => T(e.theme, "curved")};
     overflow: hidden;
     & input[type="color"] {
       border: 0;
@@ -69,10 +84,25 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
       height: 200%;
       cursor: pointer;
       transform: translate(-25%, -25%);
-      ${(e) => e.disabled === !0 && X(e.theme)};
+      /* ${(e) => e.disabled === !0 && X(e.theme)}; */
+      ${(e) => e.disabled === !0 && `background-color: ${l(
+  e.theme,
+  "Input",
+  e.color,
+  "disabled",
+  "background",
+  "backgroundOpacity"
+)};
+        color: ${(n) => l(
+  n.theme,
+  "Input",
+  n.color,
+  "disabled",
+  "text"
+)};`}
     }
   }
-`, ne = I.span`
+`, ne = z.span`
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -83,22 +113,22 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
     background-color: transparent;
     width: 100%;
   }
-`, ae = G((e, o) => {
+`, ae = G((e, n) => {
   const {
-    id: u,
+    id: s,
     name: f,
-    defaultValue: z = "#000000",
+    defaultValue: F = "#000000",
     value: i,
-    size: F = "small",
+    size: p = "small",
     tabIndex: y,
     withInput: $ = !1,
-    className: k = "",
+    className: V = "",
     style: D = {},
-    color: s = "primary",
+    color: c = "primary",
     debounceTime: j = 0,
-    readOnly: l,
+    readOnly: d,
     disabled: r,
-    onChange: x = () => {
+    onChange: I = () => {
     },
     onFocus: P = () => {
     },
@@ -109,109 +139,109 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
     onKeyDown: K = () => {
     },
     labelRef: N,
-    inputProps: p,
+    inputProps: x,
     ...O
-  } = e, B = Z(), [c, v] = R(i), [W, S] = R(!1), A = new RegExp(/^#[0-9A-F]{6}$/i);
+  } = e, k = Z(), [m, v] = S(i), [W, B] = S(!1), A = new RegExp(/^#[0-9A-F]{6}$/i);
   _(() => v(i), [i]);
   const H = J(
-    Y((n, w) => L(n, w), j),
-    [x]
-  ), L = (n, w) => {
-    x && x(n, w);
-  }, m = (n) => {
-    i && v(n.target.value), H(n, n.target.value);
-  }, h = (n) => {
-    S(!0), P(n);
-  }, b = (n) => {
-    A.test(c) || v(z), S(!1), U(n);
+    Y((a, w) => L(a, w), j),
+    [I]
+  ), L = (a, w) => {
+    I && I(a, w);
+  }, h = (a) => {
+    i && v(a.target.value), H(a, a.target.value);
+  }, b = (a) => {
+    B(!0), P(a);
+  }, g = (a) => {
+    A.test(m) || v(F), B(!1), U(a);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     te,
     {
-      ref: o,
-      theme: B,
-      size: F,
-      className: k,
+      ref: n,
+      theme: k,
+      size: p,
+      className: V,
       style: D,
       disabled: r,
-      readOnly: l,
+      readOnly: d,
       withInput: $,
       ...O,
       children: $ ? /* @__PURE__ */ q(
         ee,
         {
           withInput: $,
-          theme: B,
-          color: s,
-          size: F,
+          theme: k,
+          color: c,
+          size: p,
           disabled: r,
-          readOnly: l,
+          readOnly: d,
           tabIndex: y,
           isFocused: W,
           children: [
-            /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+            /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
               "input",
               {
                 type: "color",
-                ref: o,
-                id: u,
+                ref: n,
+                id: s,
                 name: f,
-                value: c,
-                disabled: r || l,
-                onChange: m,
-                onBlur: b,
-                onFocus: h,
-                color: s,
-                ...p
+                value: m,
+                disabled: r || d,
+                onChange: h,
+                onBlur: g,
+                onFocus: b,
+                color: c,
+                ...x
               }
             ) }),
-            /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ a(
+            /* @__PURE__ */ o(ne, { children: /* @__PURE__ */ o(
               "input",
               {
                 ref: N,
-                value: c,
-                onChange: m,
-                onFocus: h,
-                onBlur: b,
+                value: m,
+                onChange: h,
+                onFocus: b,
+                onBlur: g,
                 onInput: E,
                 onKeyDown: K,
-                disabled: r || l,
+                disabled: r || d,
                 ...O
               }
             ) })
           ]
         }
-      ) : /* @__PURE__ */ a("div", { children: i == null || i == "undefined" ? /* @__PURE__ */ a(
+      ) : /* @__PURE__ */ o("div", { children: i == null || i == "undefined" ? /* @__PURE__ */ o(
         "input",
         {
           type: "color",
-          ref: o,
-          id: u,
+          ref: n,
+          id: s,
           name: f,
-          defaultValue: z,
-          disabled: r || l,
-          onChange: m,
-          onBlur: b,
-          onFocus: h,
-          color: s,
+          defaultValue: F,
+          disabled: r || d,
+          onChange: h,
+          onBlur: g,
+          onFocus: b,
+          color: c,
           tabIndex: y,
-          ...p
+          ...x
         }
-      ) : /* @__PURE__ */ a(
+      ) : /* @__PURE__ */ o(
         "input",
         {
           type: "color",
-          ref: o,
-          id: u,
+          ref: n,
+          id: s,
           name: f,
-          value: c,
-          disabled: r || l,
-          onChange: m,
-          onBlur: b,
-          onFocus: h,
-          color: s,
+          value: m,
+          disabled: r || d,
+          onChange: h,
+          onBlur: g,
+          onFocus: b,
+          color: c,
           tabIndex: y,
-          ...p
+          ...x
         }
       ) })
     }

package/dist/ConfirmationForm.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BPVoEhTF.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),u=require("./utils-BWzf4vLl.cjs"),B=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.styled.div`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BPVoEhTF.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),u=require("./utils-CZynEOC_.cjs"),B=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.styled.div`
   display: flex;
   gap: 1rem;
   align-items: center;

package/dist/ConfirmationForm.js

@@ -3,7 +3,7 @@ import { forwardRef as S, cloneElement as E } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import m from "./Icon.js";
-import { b as d } from "./utils-BXCGNjIy.js";
+import { b as d } from "./utils-BbgAIA9N.js";
 import M from "./Modal.js";
 import { u as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const q = f.div`

package/dist/CustomLoanMapSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),k=require("react"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),G=require("./index-DZDz9qZP.cjs"),J=require("./LoanCalculatorSection.cjs"),K=z.styled.div`
+"use strict";const e=require("react/jsx-runtime"),k=require("react"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),G=require("./index-Cg4t3q_p.cjs"),J=require("./LoanCalculatorSection.cjs"),K=z.styled.div`
   display: flex;
   gap: 2rem;
 

package/dist/CustomLoanMapSection.js

@@ -2,7 +2,7 @@ import { jsxs as q, jsx as t } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
 import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as G } from "./consts-BuFChS64.js";
-import { L as J } from "./index-Kx8irvHH.js";
+import { L as J } from "./index-BBMleFo5.js";
 import K from "./LoanCalculatorSection.js";
 const N = D.div`
   display: flex;

package/dist/{CustomStyles-DYULk9y7.js → CustomStyles-Dd8IsVV6.js}

@@ -7,7 +7,7 @@ import { _ as Zt } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
 import { r as Pt } from "./index-64mXPFBC.js";
 import { a as Ht } from "./floating-ui.dom-B931An3C.js";
 import { i as Ve } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
-import { b as N, a as ue, g as Nt, d as te, m as Mt } from "./utils-BXCGNjIy.js";
+import { b as N, a as ue, g as Nt, d as te, m as Mt } from "./utils-BbgAIA9N.js";
 function We(n, e) {
   var i = Object.keys(n);
   if (Object.getOwnPropertySymbols) {