@lanaco/lnc-react-ui 4.0.105 → 4.0.106

package/dist/DecimalInputV2.cjs

@@ -1,17 +1,19 @@
-"use strict";const y=require("react/jsx-runtime"),i=require("./index-BPVoEhTF.cjs"),h=require("react"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-BWzf4vLl.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Q=V.styled.div`
+"use strict";const m=require("react/jsx-runtime"),l=require("./index-BPVoEhTF.cjs"),y=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-CZynEOC_.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Q=k.styled.div`
   display: flex;
   align-items: center;
 
-  min-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
-  background-color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  min-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
   border: 1px solid
-    ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","border")};
-  border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    ${e=>a.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","border")};
+  border-radius: ${e=>a.getBorderRadiusValueWithUnits(e.theme,"regular")};
 
-  ${e=>e.focused===!0&&e.readOnly!==!0?s.getOutlineCss(e.theme):""}
-  ${e=>e.isDisabled===!0?s.getDisabledStateCss(e.theme):""}
-  ${e=>e.isDisabled===!0?"border: 1px solid "+s.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border"):""}
+  ${e=>e.focused===!0&&e.readOnly!==!0?a.getOutlineCss(e.theme):""}
+  /* ${e=>e.isDisabled===!0?a.getDisabledStateCss(e.theme):""} */
+  ${e=>e.isDisabled===!0&&`background-color: ${a.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${u=>a.getColorRgbaValue(u.theme,"Input",u.color,"disabled","text")};`}
+  ${e=>e.isDisabled===!0?"border: 1px solid "+a.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border"):""}
 
   & input {
     background: none;
@@ -21,17 +23,19 @@
     padding-bottom: 0.625rem;
     width: 100%;
 
-    ${e=>s.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
-    min-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
-    max-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
-    color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
-    caret-color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
+    ${e=>a.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
+    min-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
+    max-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
+    color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
+    caret-color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
     padding-right: ${e=>e.suffix?"0":"0.75rem"};
     padding-left: ${e=>e.prefix?"0":"0.75rem"};
   }
 
   & input:disabled {
-    ${e=>s.getDisabledStateCss(e.theme)}
+    /* ${e=>a.getDisabledStateCss(e.theme)} */
+    ${e=>`background-color: ${a.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${u=>a.getColorRgbaValue(u.theme,"Input",u.color,"disabled","text")};`}
     background: none;
   }
 
@@ -40,9 +44,9 @@
   }
 
   & input::placeholder {
-    color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
+    color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
   }
-`,S=V.styled.span`
+`,S=k.styled.span`
   padding: 0 12px;
-  color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
-`,X=V.styled(S)``,W=h.forwardRef((e,R)=>{const{disabled:w,readOnly:j,prefix:m,suffix:f,decimalSeparator:c=",",decimalScale:a=2,allowNegative:U=!0,onKeyDown:B=()=>{},onBlur:b=()=>{},onFocus:T=()=>{},onChange:N=()=>{},value:x,className:F="",style:K={},size:_="small",color:P="primary",onInputChange:k=()=>{},allowNull:z=!0,...E}=e,$=M.useTheme(),[C,I]=h.useState(!1),O=o=>{var t,u;if(isNaN(+o)){if(z===!0&&(o==null||o===""))return""}else{const l=(t=o==null?void 0:o.toString())==null?void 0:t.split(".");if(!(l!=null&&l.length)>0)return"0"+c+new Array(a+1).join("0");if((l==null?void 0:l.length)===1)return l.at(0)+c+new Array(a+1).join("0");if((l==null?void 0:l.length)>1){let n=(u=l==null?void 0:l.at(1))==null?void 0:u.toString();if((n==null?void 0:n.length)===a)return l.at(0)+c+n;if((n==null?void 0:n.length)<a)return l.at(0)+c+l.at(1)+new Array(a-n.length+1).join("0");if((n==null?void 0:n.length)>a)return l.at(0)+c+n.slice(0,a)}}return"0"+c+new Array(a+1).join("0")},D=O(x),[G,p]=h.useState(D),r=h.useRef(D);h.useEffect(()=>{const o=O(x);r.current=o,p(r.current)},[x]);const H=o=>{I(!0),T==null||T(o)},J=o=>{I(!1),b==null||b(o)},L=o=>{var u,l;let t=(u=r.current)==null?void 0:u.replace(c,"");if(o.key==="Delete"||o.key==="Backspace")if(+t!=0){t=t.slice(0,(t==null?void 0:t.length)-1);let n=t.slice(0,(t==null?void 0:t.length)-a),d=t.slice((t==null?void 0:t.length)-a);(n==null?void 0:n.length)===0?n="0":n==="-"&&+t!=0?n="-0":n==="-"&&+t==0&&(n="0");let g=[n,c,d].join("");r.current=g,p(r.current)}else+t==0&&z===!0&&(r==null?void 0:r.current)!==""&&(r.current="",p(r.current),q(o));else if(o.key==="-"&&U===!0&&+t!=0)((l=r==null?void 0:r.current)==null?void 0:l.slice(1))==="-"?r.current=r.current.slice(1,r.current.length):r.current="-"+r.current,p(r.current);else if(!isNaN(o.key)){(t==null?void 0:t.length)===0?t="0"+new Array(a).join("0")+o.key:t=t+o.key;let n=t.slice(0,(t==null?void 0:t.length)-a),d=t.slice((t==null?void 0:t.length)-a);(n==null?void 0:n.length)>1&&(n=n.replace(/^0+/,""),(n==null?void 0:n.length)===0&&(n="0"));let g=[n,c,d].join("");r.current=g,p(r.current)}B(o)},q=o=>{var d,g;if((r==null?void 0:r.current)===""){o.target.value="",k(o,null),N(o,null);return}let t=(d=r==null?void 0:r.current)==null?void 0:d.split(c),u=+(t==null?void 0:t.at(0)),l=((g=t==null?void 0:t.at(1))==null?void 0:g.length)>0?`0.${t==null?void 0:t.at(1)}`:0,n=u+ +l;o.target.value=n,k(o,n),N(o,n)};return y.jsxs(Q,{style:K,className:F,theme:$,color:P,size:_,prefix:m,suffix:f,focused:C,disabled:w,readOnly:j,children:[m&&y.jsx(S,{theme:$,color:P,focused:C,className:"lnc-input-prefix",children:m}),y.jsx("input",{ref:R,type:"text",...E,onKeyDown:L,onBlur:J,value:G,className:"lnc-ui-decimal-v2-input",onFocus:H,disabled:w||j,onChange:o=>{q(o)}}),f&&y.jsx(X,{theme:$,color:P,focused:C,className:"lnc-input-suffix",children:f})]})});W.propTypes={id:i.PropTypes.any,value:i.PropTypes.any,defaultValue:i.PropTypes.any,disabled:i.PropTypes.bool,readOnly:i.PropTypes.bool,debounceTime:i.PropTypes.number,prefix:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.element]),suffix:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.element]),thousandSeparator:i.PropTypes.oneOf([".",","," "]),decimalSeparator:i.PropTypes.oneOf([".",","]),decimalScale:i.PropTypes.number,fixedDecimalScale:i.PropTypes.bool,allowNegative:i.PropTypes.bool,onChange:i.PropTypes.func,onInputChange:i.PropTypes.func,onBlur:i.PropTypes.func,onFocus:i.PropTypes.func,onKeyDown:i.PropTypes.func,className:i.PropTypes.string,style:i.PropTypes.object,size:i.PropTypes.oneOf(["small","medium","large"]),color:i.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=W;
+  color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
+`,X=k.styled(S)``,W=y.forwardRef((e,u)=>{const{disabled:w,readOnly:I,prefix:b,suffix:f,decimalSeparator:c=",",decimalScale:s=2,allowNegative:U=!0,onKeyDown:B=()=>{},onBlur:T=()=>{},onFocus:x=()=>{},onChange:j=()=>{},value:P,className:F="",style:K={},size:_="small",color:$="primary",onInputChange:N=()=>{},allowNull:O=!0,...E}=e,C=M.useTheme(),[V,z]=y.useState(!1),D=o=>{var t,d;if(isNaN(+o)){if(O===!0&&(o==null||o===""))return""}else{const i=(t=o==null?void 0:o.toString())==null?void 0:t.split(".");if(!(i!=null&&i.length)>0)return"0"+c+new Array(s+1).join("0");if((i==null?void 0:i.length)===1)return i.at(0)+c+new Array(s+1).join("0");if((i==null?void 0:i.length)>1){let n=(d=i==null?void 0:i.at(1))==null?void 0:d.toString();if((n==null?void 0:n.length)===s)return i.at(0)+c+n;if((n==null?void 0:n.length)<s)return i.at(0)+c+i.at(1)+new Array(s-n.length+1).join("0");if((n==null?void 0:n.length)>s)return i.at(0)+c+n.slice(0,s)}}return"0"+c+new Array(s+1).join("0")},R=D(P),[G,h]=y.useState(R),r=y.useRef(R);y.useEffect(()=>{const o=D(P);r.current=o,h(r.current)},[P]);const H=o=>{z(!0),x==null||x(o)},J=o=>{z(!1),T==null||T(o)},L=o=>{var d,i;let t=(d=r.current)==null?void 0:d.replace(c,"");if(o.key==="Delete"||o.key==="Backspace")if(+t!=0){t=t.slice(0,(t==null?void 0:t.length)-1);let n=t.slice(0,(t==null?void 0:t.length)-s),g=t.slice((t==null?void 0:t.length)-s);(n==null?void 0:n.length)===0?n="0":n==="-"&&+t!=0?n="-0":n==="-"&&+t==0&&(n="0");let p=[n,c,g].join("");r.current=p,h(r.current)}else+t==0&&O===!0&&(r==null?void 0:r.current)!==""&&(r.current="",h(r.current),q(o));else if(o.key==="-"&&U===!0&&+t!=0)((i=r==null?void 0:r.current)==null?void 0:i.slice(1))==="-"?r.current=r.current.slice(1,r.current.length):r.current="-"+r.current,h(r.current);else if(!isNaN(o.key)){(t==null?void 0:t.length)===0?t="0"+new Array(s).join("0")+o.key:t=t+o.key;let n=t.slice(0,(t==null?void 0:t.length)-s),g=t.slice((t==null?void 0:t.length)-s);(n==null?void 0:n.length)>1&&(n=n.replace(/^0+/,""),(n==null?void 0:n.length)===0&&(n="0"));let p=[n,c,g].join("");r.current=p,h(r.current)}B(o)},q=o=>{var g,p;if((r==null?void 0:r.current)===""){o.target.value="",N(o,null),j(o,null);return}let t=(g=r==null?void 0:r.current)==null?void 0:g.split(c),d=+(t==null?void 0:t.at(0)),i=((p=t==null?void 0:t.at(1))==null?void 0:p.length)>0?`0.${t==null?void 0:t.at(1)}`:0,n=d+ +i;o.target.value=n,N(o,n),j(o,n)};return m.jsxs(Q,{style:K,className:F,theme:C,color:$,size:_,prefix:b,suffix:f,focused:V,disabled:w,readOnly:I,children:[b&&m.jsx(S,{theme:C,color:$,focused:V,className:"lnc-input-prefix",children:b}),m.jsx("input",{ref:u,type:"text",...E,onKeyDown:L,onBlur:J,value:G,className:"lnc-ui-decimal-v2-input",onFocus:H,disabled:w||I,onChange:o=>{q(o)}}),f&&m.jsx(X,{theme:C,color:$,focused:V,className:"lnc-input-suffix",children:f})]})});W.propTypes={id:l.PropTypes.any,value:l.PropTypes.any,defaultValue:l.PropTypes.any,disabled:l.PropTypes.bool,readOnly:l.PropTypes.bool,debounceTime:l.PropTypes.number,prefix:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),suffix:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),thousandSeparator:l.PropTypes.oneOf([".",","," "]),decimalSeparator:l.PropTypes.oneOf([".",","]),decimalScale:l.PropTypes.number,fixedDecimalScale:l.PropTypes.bool,allowNegative:l.PropTypes.bool,onChange:l.PropTypes.func,onInputChange:l.PropTypes.func,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,size:l.PropTypes.oneOf(["small","medium","large"]),color:l.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=W;

package/dist/DecimalInputV2.js

@@ -1,16 +1,16 @@
-import { jsxs as Y, jsx as k } from "react/jsx-runtime";
+import { jsxs as Y, jsx as N } from "react/jsx-runtime";
 import { P as l } from "./index-S5Cd7WrG.js";
-import { forwardRef as Z, useState as F, useRef as _, useEffect as v } from "react";
-import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as m, b as u, a as R, e as A, h as P, c as ee } from "./utils-BXCGNjIy.js";
+import { forwardRef as Z, useState as P, useRef as _, useEffect as v } from "react";
+import { s as O } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-BbgAIA9N.js";
 import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const ne = C.div`
+const ne = O.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => m(e.theme, e.size)};
-  max-height: ${(e) => m(e.theme, e.size)};
-  background-color: ${(e) => u(
+  min-height: ${(e) => f(e.theme, e.size)};
+  max-height: ${(e) => f(e.theme, e.size)};
+  background-color: ${(e) => c(
   e.theme,
   "Input",
   e.color,
@@ -18,7 +18,7 @@ const ne = C.div`
   "background"
 )};
   border: 1px solid
-    ${(e) => u(
+    ${(e) => c(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
@@ -28,8 +28,23 @@ const ne = C.div`
   border-radius: ${(e) => R(e.theme, "regular")};
 
   ${(e) => e.focused === !0 && e.readOnly !== !0 ? A(e.theme) : ""}
-  ${(e) => e.isDisabled === !0 ? P(e.theme) : ""}
-  ${(e) => e.isDisabled === !0 ? "border: 1px solid " + u(
+  /* ${(e) => e.isDisabled === !0 ? W(e.theme) : ""} */
+  ${(e) => e.isDisabled === !0 && `background-color: ${c(
+  e.theme,
+  "Input",
+  e.color,
+  "disabled",
+  "background",
+  "backgroundOpacity"
+)};
+        color: ${(u) => c(
+  u.theme,
+  "Input",
+  u.color,
+  "disabled",
+  "text"
+)};`}
+  ${(e) => e.isDisabled === !0 ? "border: 1px solid " + c(
   e.theme,
   "Input",
   e.color,
@@ -46,22 +61,37 @@ const ne = C.div`
     width: 100%;
 
     ${(e) => ee(e.theme, "Input", e.size, "enabled")}
-    min-height: ${(e) => m(e.theme, e.size)};
-    max-height: ${(e) => m(e.theme, e.size)};
-    color: ${(e) => u(
+    min-height: ${(e) => f(e.theme, e.size)};
+    max-height: ${(e) => f(e.theme, e.size)};
+    color: ${(e) => c(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-    caret-color: ${(e) => u(e.theme, "Input", e.color, "enabled", "caret")};
+    caret-color: ${(e) => c(e.theme, "Input", e.color, "enabled", "caret")};
     padding-right: ${(e) => e.suffix ? "0" : "0.75rem"};
     padding-left: ${(e) => e.prefix ? "0" : "0.75rem"};
   }
 
   & input:disabled {
-    ${(e) => P(e.theme)}
+    /* ${(e) => W(e.theme)} */
+    ${(e) => `background-color: ${c(
+  e.theme,
+  "Input",
+  e.color,
+  "disabled",
+  "background",
+  "backgroundOpacity"
+)};
+        color: ${(u) => c(
+  u.theme,
+  "Input",
+  u.color,
+  "disabled",
+  "text"
+)};`}
     background: none;
   }
 
@@ -70,7 +100,7 @@ const ne = C.div`
   }
 
   & input::placeholder {
-    color: ${(e) => u(
+    color: ${(e) => c(
   e.theme,
   "Input",
   e.color,
@@ -78,115 +108,115 @@ const ne = C.div`
   "placeholder"
 )};
   }
-`, W = C.span`
+`, U = O.span`
   padding: 0 12px;
-  color: ${(e) => u(
+  color: ${(e) => c(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "prefix"
 )};
-`, ie = C(W)``, oe = Z((e, U) => {
+`, oe = O(U)``, ie = Z((e, u) => {
   const {
-    disabled: I,
+    disabled: C,
     readOnly: j,
     // debounceTime = 0,
-    prefix: f,
-    suffix: p,
-    decimalSeparator: c = ",",
+    prefix: b,
+    suffix: y,
+    decimalSeparator: d = ",",
     decimalScale: a = 2,
     allowNegative: E = !0,
     // //----------------
     onKeyDown: q = () => {
     },
-    onBlur: y = () => {
+    onBlur: p = () => {
     },
-    onFocus: b = () => {
+    onFocus: x = () => {
     },
-    onChange: O = () => {
+    onChange: D = () => {
     },
-    value: x,
+    value: $,
     //----------------
     className: G = "",
     style: H = {},
     size: J = "small",
-    color: $ = "primary",
+    color: k = "primary",
     onInputChange: V = () => {
     },
     allowNull: z = !0,
     ...L
-  } = e, w = te(), [N, D] = F(!1), T = (i) => {
+  } = e, w = te(), [I, T] = P(!1), B = (o) => {
     var t, s;
-    if (isNaN(+i)) {
-      if (z === !0 && (i == null || i === ""))
+    if (isNaN(+o)) {
+      if (z === !0 && (o == null || o === ""))
         return "";
     } else {
-      const r = (t = i == null ? void 0 : i.toString()) == null ? void 0 : t.split(".");
+      const r = (t = o == null ? void 0 : o.toString()) == null ? void 0 : t.split(".");
       if (!(r != null && r.length) > 0)
-        return "0" + c + new Array(a + 1).join("0");
+        return "0" + d + new Array(a + 1).join("0");
       if ((r == null ? void 0 : r.length) === 1)
-        return r.at(0) + c + new Array(a + 1).join("0");
+        return r.at(0) + d + new Array(a + 1).join("0");
       if ((r == null ? void 0 : r.length) > 1) {
         let n = (s = r == null ? void 0 : r.at(1)) == null ? void 0 : s.toString();
         if ((n == null ? void 0 : n.length) === a)
-          return r.at(0) + c + n;
+          return r.at(0) + d + n;
         if ((n == null ? void 0 : n.length) < a)
-          return r.at(0) + c + r.at(1) + new Array(a - n.length + 1).join("0");
+          return r.at(0) + d + r.at(1) + new Array(a - n.length + 1).join("0");
         if ((n == null ? void 0 : n.length) > a)
-          return r.at(0) + c + n.slice(0, a);
+          return r.at(0) + d + n.slice(0, a);
       }
     }
-    return "0" + c + new Array(a + 1).join("0");
-  }, B = T(x), [M, g] = F(B), o = _(B);
+    return "0" + d + new Array(a + 1).join("0");
+  }, K = B($), [M, m] = P(K), i = _(K);
   v(() => {
-    const i = T(x);
-    o.current = i, g(o.current);
-  }, [x]);
-  const Q = (i) => {
-    D(!0), b == null || b(i);
-  }, S = (i) => {
-    D(!1), y == null || y(i);
-  }, X = (i) => {
+    const o = B($);
+    i.current = o, m(i.current);
+  }, [$]);
+  const Q = (o) => {
+    T(!0), x == null || x(o);
+  }, S = (o) => {
+    T(!1), p == null || p(o);
+  }, X = (o) => {
     var s, r;
-    let t = (s = o.current) == null ? void 0 : s.replace(c, "");
-    if (i.key === "Delete" || i.key === "Backspace")
+    let t = (s = i.current) == null ? void 0 : s.replace(d, "");
+    if (o.key === "Delete" || o.key === "Backspace")
       if (+t != 0) {
         t = t.slice(0, (t == null ? void 0 : t.length) - 1);
         let n = t.slice(
           0,
           (t == null ? void 0 : t.length) - a
-        ), d = t.slice((t == null ? void 0 : t.length) - a);
+        ), h = t.slice((t == null ? void 0 : t.length) - a);
         (n == null ? void 0 : n.length) === 0 ? n = "0" : n === "-" && +t != 0 ? n = "-0" : n === "-" && +t == 0 && (n = "0");
-        let h = [
+        let g = [
           n,
-          c,
-          d
+          d,
+          h
         ].join("");
-        o.current = h, g(o.current);
-      } else +t == 0 && z === !0 && (o == null ? void 0 : o.current) !== "" && (o.current = "", g(o.current), K(i));
-    else if (i.key === "-" && E === !0 && +t != 0)
-      ((r = o == null ? void 0 : o.current) == null ? void 0 : r.slice(1)) === "-" ? o.current = o.current.slice(1, o.current.length) : o.current = "-" + o.current, g(o.current);
-    else if (!isNaN(i.key)) {
-      (t == null ? void 0 : t.length) === 0 ? t = "0" + new Array(a).join("0") + i.key : t = t + i.key;
-      let n = t.slice(0, (t == null ? void 0 : t.length) - a), d = t.slice((t == null ? void 0 : t.length) - a);
+        i.current = g, m(i.current);
+      } else +t == 0 && z === !0 && (i == null ? void 0 : i.current) !== "" && (i.current = "", m(i.current), F(o));
+    else if (o.key === "-" && E === !0 && +t != 0)
+      ((r = i == null ? void 0 : i.current) == null ? void 0 : r.slice(1)) === "-" ? i.current = i.current.slice(1, i.current.length) : i.current = "-" + i.current, m(i.current);
+    else if (!isNaN(o.key)) {
+      (t == null ? void 0 : t.length) === 0 ? t = "0" + new Array(a).join("0") + o.key : t = t + o.key;
+      let n = t.slice(0, (t == null ? void 0 : t.length) - a), h = t.slice((t == null ? void 0 : t.length) - a);
       (n == null ? void 0 : n.length) > 1 && (n = n.replace(/^0+/, ""), (n == null ? void 0 : n.length) === 0 && (n = "0"));
-      let h = [
+      let g = [
         n,
-        c,
-        d
+        d,
+        h
       ].join("");
-      o.current = h, g(o.current);
+      i.current = g, m(i.current);
     }
-    q(i);
-  }, K = (i) => {
-    var d, h;
-    if ((o == null ? void 0 : o.current) === "") {
-      i.target.value = "", V(i, null), O(i, null);
+    q(o);
+  }, F = (o) => {
+    var h, g;
+    if ((i == null ? void 0 : i.current) === "") {
+      o.target.value = "", V(o, null), D(o, null);
       return;
     }
-    let t = (d = o == null ? void 0 : o.current) == null ? void 0 : d.split(c), s = +(t == null ? void 0 : t.at(0)), r = ((h = t == null ? void 0 : t.at(1)) == null ? void 0 : h.length) > 0 ? `0.${t == null ? void 0 : t.at(1)}` : 0, n = s + +r;
-    i.target.value = n, V(i, n), O(i, n);
+    let t = (h = i == null ? void 0 : i.current) == null ? void 0 : h.split(d), s = +(t == null ? void 0 : t.at(0)), r = ((g = t == null ? void 0 : t.at(1)) == null ? void 0 : g.length) > 0 ? `0.${t == null ? void 0 : t.at(1)}` : 0, n = s + +r;
+    o.target.value = n, V(o, n), D(o, n);
   };
   return /* @__PURE__ */ Y(
     ne,
@@ -194,28 +224,28 @@ const ne = C.div`
       style: H,
       className: G,
       theme: w,
-      color: $,
+      color: k,
       size: J,
-      prefix: f,
-      suffix: p,
-      focused: N,
-      disabled: I,
+      prefix: b,
+      suffix: y,
+      focused: I,
+      disabled: C,
       readOnly: j,
       children: [
-        f && /* @__PURE__ */ k(
-          W,
+        b && /* @__PURE__ */ N(
+          U,
           {
             theme: w,
-            color: $,
-            focused: N,
+            color: k,
+            focused: I,
             className: "lnc-input-prefix",
-            children: f
+            children: b
           }
         ),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ N(
           "input",
           {
-            ref: U,
+            ref: u,
             type: "text",
             ...L,
             onKeyDown: X,
@@ -223,27 +253,27 @@ const ne = C.div`
             value: M,
             className: "lnc-ui-decimal-v2-input",
             onFocus: Q,
-            disabled: I || j,
-            onChange: (i) => {
-              K(i);
+            disabled: C || j,
+            onChange: (o) => {
+              F(o);
             }
           }
         ),
-        p && /* @__PURE__ */ k(
-          ie,
+        y && /* @__PURE__ */ N(
+          oe,
           {
             theme: w,
-            color: $,
-            focused: N,
+            color: k,
+            focused: I,
             className: "lnc-input-suffix",
-            children: p
+            children: y
           }
         )
       ]
     }
   );
 });
-oe.propTypes = {
+ie.propTypes = {
   id: l.any,
   value: l.any,
   defaultValue: l.any,
@@ -300,5 +330,5 @@ oe.propTypes = {
   ])
 };
 export {
-  oe as default
+  ie as default
 };

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),D=require("./Button.cjs"),y=require("./utils-BWzf4vLl.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),M=require("./style-Bjk6yHcP.cjs"),h=require("./suspense-product-card-detailed-BNOhu3Z4.cjs"),F=require("./index-C_T-BQ5p.cjs"),T=k.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),D=require("./Button.cjs"),y=require("./utils-CZynEOC_.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),M=require("./style-JqDQj4jh.cjs"),h=require("./suspense-product-card-detailed-DXwya4fQ.cjs"),F=require("./index-C1DkD2ug.cjs"),T=k.styled.div`
   display: grid;
   grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -3,11 +3,11 @@ import { memo as U, forwardRef as M, useMemo as T } from "react";
 import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as F } from "./consts-BuFChS64.js";
 import B from "./Button.js";
-import { k as f } from "./utils-BXCGNjIy.js";
+import { k as f } from "./utils-BbgAIA9N.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as I } from "./style-LEmcTrN9.js";
-import { D as L, S as O } from "./suspense-product-card-detailed-BDkww9pS.js";
-import { S as R } from "./index-BPgWhA1t.js";
+import { T as I } from "./style-08foMKSd.js";
+import { D as L, S as O } from "./suspense-product-card-detailed-bYBpLiXc.js";
+import { S as R } from "./index-CQLF61YV.js";
 const W = D.div`
   display: grid;
   grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};

package/dist/DetailsView.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),k=require("react"),e=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./FlexGrid.cjs"),L=require("./FlexGridItem.cjs"),n=require("./utils-BWzf4vLl.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=require("./Button.cjs"),c=require("./IconButton.cjs"),A=T.styled.label`
+"use strict";const s=require("react/jsx-runtime"),k=require("react"),e=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./FlexGrid.cjs"),L=require("./FlexGridItem.cjs"),n=require("./utils-CZynEOC_.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=require("./Button.cjs"),c=require("./IconButton.cjs"),A=T.styled.label`
   display: block;
   margin-bottom: 4px;
   ${o=>n.getComponentTypographyCss(o.theme,"FormField",o.size,"enabled")}

package/dist/DetailsView.js

@@ -4,7 +4,7 @@ import { P as e } from "./index-S5Cd7WrG.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import W from "./FlexGrid.js";
 import A from "./FlexGridItem.js";
-import { c as Y, b as B, g as U, a as q } from "./utils-BXCGNjIy.js";
+import { c as Y, b as B, g as U, a as q } from "./utils-BbgAIA9N.js";
 import { u as E } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import H from "./Button.js";
 import c from "./IconButton.js";

package/dist/DoubleRangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./index-BPVoEhTF.cjs"),o=require("./utils-BWzf4vLl.cjs"),C=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=({theme:e,size:y})=>{var u=o.getSizeValueWithUnits(e,y);return`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./index-BPVoEhTF.cjs"),o=require("./utils-CZynEOC_.cjs"),C=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=({theme:e,size:y})=>{var u=o.getSizeValueWithUnits(e,y);return`
     min-height: ${u};
     max-height: ${u};
   `},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},S=v.styled.div`

package/dist/DoubleRangeSlider.js

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as r, Fragment as V } from "react/jsx-runtime";
 import { forwardRef as F, useState as w, useEffect as x, useRef as T, useCallback as j } from "react";
 import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { b as u, a as R, c as E, d as O } from "./utils-BXCGNjIy.js";
+import { b as u, a as R, c as E, d as O } from "./utils-BbgAIA9N.js";
 import { u as D } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const L = ({ theme: e, size: k }) => {
   var s = O(e, k);