@lanaco/lnc-react-ui 4.0.35 → 4.0.38

package/dist/ProgressBar.js

@@ -1,9 +1,9 @@
-import { jsxs as g, jsx as h } from "react/jsx-runtime";
+import { jsxs as m, jsx as h } from "react/jsx-runtime";
 import { forwardRef as f, isValidElement as P, cloneElement as y } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { n as t } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as n, g as x } from "./utils-jiuifwtJ.js";
-import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { n as t } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { b as n, c as x } from "./utils-DtRLzzTZ.js";
+import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = t.div`
   width: 100%;
   position: relative;
@@ -50,7 +50,7 @@ const $ = t.div`
     id: T = "",
     showLabel: i = !1,
     progressPercentage: s = 0,
-    className: m = "",
+    className: g = "",
     style: d = {},
     onChange: j = () => {
     },
@@ -65,11 +65,11 @@ const $ = t.div`
         className: `progress-icon ${(c = o == null ? void 0 : o.props) == null ? void 0 : c.className}`
       });
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ m(
     $,
     {
       style: d,
-      className: "lnc-ui-progress " + m,
+      className: "lnc-ui-progress " + g,
       theme: a,
       size: l,
       showLabel: i,
@@ -85,7 +85,7 @@ const $ = t.div`
             children: o !== null && u()
           }
         ),
-        i && /* @__PURE__ */ g(C, { theme: a, size: l, children: [
+        i && /* @__PURE__ */ m(C, { theme: a, size: l, children: [
           s,
           "%"
         ] })

package/dist/QuizSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),z=require("./utils-scuIeOqU.cjs"),k=require("./Button.cjs"),S=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./consts-CtNoHdBj.cjs"),A=require("./Icon.cjs"),H=require("./ProgressBar.cjs"),J=S.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),z=require("./utils-NZLCh-J5.cjs"),k=require("./Button.cjs"),S=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),p=require("./consts-CtNoHdBj.cjs"),A=require("./Icon.cjs"),H=require("./ProgressBar.cjs"),J=S.newStyled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -384,4 +384,4 @@
       display: none;
     }
   }
-`,te=i.forwardRef(({welcomeTitle:d,welcomeDescription:s,endTitle:m,endDescription:f,image:c,imageComponent:_,questions:r,secondsPerQuestion:E,numOfCredits:C,startQuizText:T="Start quiz",nextText:Q="Next",giveUpText:U="Give up",questionNoText:Z="Question",continueText:W="Continue",endQuizText:g="End quiz",onStartQuiz:N=()=>{},onSelectAnswer:x=()=>{},onGiveUp:I=()=>{},onNext:u=()=>{},onContinue:b=()=>{},onEndQuiz:w=()=>{}},a)=>{const[v,h]=i.useState(l.START_QUIZ),[o,y]=i.useState(1),[t,L]=i.useState(null),[j,R]=i.useState(null),O=i.useRef([]),D=i.useRef(0),M=()=>{h(l.QUIZ),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o)),N==null||N()},P=n=>{R(n),x==null||x()},B=()=>{h(l.START_QUIZ),y(1),R(null),I==null||I()},X=()=>{let n=(j==null?void 0:j.uuid)===(t==null?void 0:t.correctAnswer);n?(h(l.CORRECT_ANSWER),D.current+=C||(t==null?void 0:t.numOfCredits)):o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1),R(null)):(y(o+1),L(r==null?void 0:r.find($=>($==null?void 0:$.questionNo)===o+1)),R(null)),O.current=[...O.current,{question:t,selectedAnswer:j,isCorrect:n}],u==null||u()},F=()=>{o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1)):(h(l.QUIZ),y(o+1),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o+1))),R(null),b==null||b()},G=()=>{h(l.START_QUIZ),y(1),R(null),w==null||w()};return e.jsxs(re,{children:[e.jsxs("div",{className:"wrapper__outlet",children:[v===l.START_QUIZ&&e.jsx(Y,{title:d,description:s,startQuizText:T,onStartQuiz:M}),v===l.QUIZ&&t&&e.jsx(q,{questionNoText:Z,questionNo:o,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.text,answers:t==null?void 0:t.answers,secondsPerQuestion:E||(t==null?void 0:t.secondsPerQuestion),selectedAnswer:j,nextText:Q,giveUpText:U,nextDisabled:!z.isDefined(j),onSelectAnswer:P,onGiveUp:B,onNext:X},`quiz-question__${o}`),v===l.CORRECT_ANSWER&&e.jsx(ee,{title:m,description:z.formatString(f,C||(t==null?void 0:t.numOfCredits)),continueText:W,endQuizText:g,onContinue:F,onEndQuiz:G})]}),z.isDefined(_)?_:e.jsx("img",{src:c,className:"wrapper__image"})]})});module.exports=te;
+`,te=i.forwardRef(({welcomeTitle:d,welcomeDescription:s,endTitle:m,endDescription:f,image:c,imageComponent:_,questions:r,secondsPerQuestion:E,numOfCredits:C,startQuizText:T="Start quiz",nextText:Q="Next",giveUpText:U="Give up",questionNoText:Z="Question",continueText:W="Continue",endQuizText:g="End quiz",onStartQuiz:N=()=>{},onSelectAnswer:x=()=>{},onGiveUp:I=()=>{},onNext:u=()=>{},onContinue:b=()=>{},onEndQuiz:w=()=>{}},a)=>{const[v,h]=i.useState(l.START_QUIZ),[o,y]=i.useState(1),[t,L]=i.useState(null),[j,R]=i.useState(null),O=i.useRef([]),D=i.useRef(0),M=()=>{h(l.QUIZ),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o)),N==null||N()},P=n=>{R(n),x==null||x()},B=()=>{h(l.START_QUIZ),y(1),R(null),I==null||I()},X=()=>{let n=(j==null?void 0:j.uuid)===(t==null?void 0:t.correctAnswer);n?(h(l.CORRECT_ANSWER),D.current+=C||(t==null?void 0:t.numOfCredits)):o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1),R(null)):(y(o+1),L(r==null?void 0:r.find($=>($==null?void 0:$.questionNo)===o+1)),R(null)),O.current=[...O.current,{question:t,selectedAnswer:j,isCorrect:n}],u==null||u()},F=()=>{o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1)):(h(l.QUIZ),y(o+1),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o+1))),R(null),b==null||b()},G=()=>{h(l.START_QUIZ),y(1),R(null),w==null||w()};return e.jsxs(re,{ref:a,children:[e.jsxs("div",{className:"wrapper__outlet",children:[v===l.START_QUIZ&&e.jsx(Y,{title:d,description:s,startQuizText:T,onStartQuiz:M}),v===l.QUIZ&&t&&e.jsx(q,{questionNoText:Z,questionNo:o,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.text,answers:t==null?void 0:t.answers,secondsPerQuestion:E||(t==null?void 0:t.secondsPerQuestion),selectedAnswer:j,nextText:Q,giveUpText:U,nextDisabled:!z.isDefined(j),onSelectAnswer:P,onGiveUp:B,onNext:X},`quiz-question__${o}`),v===l.CORRECT_ANSWER&&e.jsx(ee,{title:m,description:z.formatString(f,C||(t==null?void 0:t.numOfCredits)),continueText:W,endQuizText:g,onContinue:F,onEndQuiz:G})]}),z.isDefined(_)?_:e.jsx("img",{src:c,className:"wrapper__image"})]})});module.exports=te;

package/dist/QuizSection.js

@@ -1,8 +1,8 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as T, useState as b, useRef as D, useEffect as q } from "react";
-import { p as ee, l as B, q as re } from "./utils-jiuifwtJ.js";
+import { p as ee, l as B, q as re } from "./utils-DtRLzzTZ.js";
 import R from "./Button.js";
-import { n as Q } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as Q } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as S, C as M, a as L } from "./consts-C1uHV4xc.js";
 import F from "./Icon.js";
 import te from "./ProgressBar.js";
@@ -367,8 +367,8 @@ const ae = Q.div`
     startQuizText: d = "Start quiz",
     onStartQuiz: _ = () => {
     }
-  }, o) => /* @__PURE__ */ a(ae, { children: [
-    /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
+  }, o) => /* @__PURE__ */ i(ae, { children: [
+    /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ e("div", { className: "wrapper__title", children: s }),
       /* @__PURE__ */ e("div", { className: "wrapper__description", children: c })
     ] }),
@@ -403,12 +403,12 @@ const ae = Q.div`
   }, O) => {
     const [f, k] = b(r), [h, I] = b(!0), u = D(null);
     q(() => (h && f > 0 && (u.current = setInterval(() => {
-      k((i) => i > 0 ? i - 1 : 0);
+      k((a) => a > 0 ? a - 1 : 0);
     }, 1e3)), () => clearInterval(u.current)), [h, f]);
-    const z = f > 0 ? f / r * L : 0, w = (i) => (m == null ? void 0 : m.uuid) === i;
-    return /* @__PURE__ */ a(ie, { children: [
-      /* @__PURE__ */ a("div", { className: "wrapper__headline", children: [
-        /* @__PURE__ */ a("div", { className: "wrapper__question-no", children: [
+    const z = f > 0 ? f / r * L : 0, w = (a) => (m == null ? void 0 : m.uuid) === a;
+    return /* @__PURE__ */ i(ie, { children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__headline", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__question-no", children: [
           /* @__PURE__ */ e("div", { className: "question-no__text", children: `${s} ${c} / ${d}` }),
           /* @__PURE__ */ e(
             te,
@@ -418,8 +418,8 @@ const ae = Q.div`
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "wrapper__timer", children: [
-          /* @__PURE__ */ a("svg", { className: "timer__ring", width: "60", height: "60", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__timer", children: [
+          /* @__PURE__ */ i("svg", { className: "timer__ring", width: "60", height: "60", children: [
             /* @__PURE__ */ e(
               "circle",
               {
@@ -452,17 +452,17 @@ const ae = Q.div`
           /* @__PURE__ */ e("div", { className: "timer__display", children: /* @__PURE__ */ e("span", { className: "timer__text", children: ee(f) }) })
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
-        /* @__PURE__ */ a("div", { className: "wrapper__item", children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__item", children: [
           /* @__PURE__ */ e("div", { className: "wrapper__text", children: _ }),
-          /* @__PURE__ */ e("div", { className: "wrapper__answers", children: o && (o == null ? void 0 : o.map((i, x) => /* @__PURE__ */ a(
+          /* @__PURE__ */ e("div", { className: "wrapper__answers", children: o && (o == null ? void 0 : o.map((a, x) => /* @__PURE__ */ i(
             "div",
             {
-              className: `wrapper__answer ${w(i == null ? void 0 : i.uuid) ? "active" : ""}`,
-              onClick: () => Z(i),
+              className: `wrapper__answer ${w(a == null ? void 0 : a.uuid) ? "active" : ""}`,
+              onClick: () => Z(a),
               children: [
-                `${String.fromCharCode(65 + x)}: ${i == null ? void 0 : i.label}`,
-                w(i == null ? void 0 : i.uuid) && /* @__PURE__ */ e(
+                `${String.fromCharCode(65 + x)}: ${a == null ? void 0 : a.label}`,
+                w(a == null ? void 0 : a.uuid) && /* @__PURE__ */ e(
                   F,
                   {
                     icon: " mng-lnc-checkmark--filled",
@@ -475,7 +475,7 @@ const ae = Q.div`
             `quiz-answer__${x + 1}`
           ))) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "wrapper__actions", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__actions", children: [
           /* @__PURE__ */ e(
             R,
             {
@@ -511,8 +511,8 @@ const ae = Q.div`
     },
     onEndQuiz: m = () => {
     }
-  }, r) => /* @__PURE__ */ a(ne, { children: [
-    /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
+  }, r) => /* @__PURE__ */ i(ne, { children: [
+    /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ e(
         F,
         {
@@ -522,12 +522,12 @@ const ae = Q.div`
           className: "wrapper__icon"
         }
       ),
-      /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
         s && /* @__PURE__ */ e("div", { className: "wrapper__title", children: s }),
         c && /* @__PURE__ */ e("div", { className: "wrapper__description", children: c })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "wrapper__actions", children: [
+    /* @__PURE__ */ i("div", { className: "wrapper__actions", children: [
       /* @__PURE__ */ e(
         R,
         {
@@ -615,7 +615,7 @@ const ae = Q.div`
     },
     onEndQuiz: w = () => {
     }
-  }, i) => {
+  }, a) => {
     const [x, g] = b(l.START_QUIZ), [p, v] = b(1), [t, j] = b(null), [y, N] = b(null), P = D([]), X = D(0), G = () => {
       g(l.QUIZ), j(
         r == null ? void 0 : r.find((n) => (n == null ? void 0 : n.questionNo) === p)
@@ -643,8 +643,8 @@ const ae = Q.div`
     }, Y = () => {
       g(l.START_QUIZ), v(1), N(null), w == null || w();
     };
-    return /* @__PURE__ */ a(pe, { children: [
-      /* @__PURE__ */ a("div", { className: "wrapper__outlet", children: [
+    return /* @__PURE__ */ i(pe, { ref: a, children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__outlet", children: [
         x === l.START_QUIZ && /* @__PURE__ */ e(
           le,
           {

package/dist/RadioGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-BPVoEhTF.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=I.newStyled.div`
+"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),e=require("./index-BPVoEhTF.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=I.newStyled.div`
   display: inline-flex;
   flex-direction: ${s=>s.inline===!0?"row":"column"};
   gap: 1.5rem;

package/dist/RadioGroup.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as P, useState as j, useEffect as z } from "react";
-import { n as R } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as R } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { P as e } from "./index-S5Cd7WrG.js";
 import T from "./RadioInput.js";
-import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as k } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = R.div`
   display: inline-flex;
   flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};

package/dist/RadioInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-scuIeOqU.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
+"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-NZLCh-J5.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
   min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;

package/dist/RadioInput.js

@@ -1,9 +1,9 @@
 import { jsxs as b, jsx as n } from "react/jsx-runtime";
 import { forwardRef as P, useState as j } from "react";
-import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as g } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { d as f, g as N, e as T, a as t } from "./utils-jiuifwtJ.js";
-import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { d as f, c as N, e as T, b as t } from "./utils-DtRLzzTZ.js";
+import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   min-height: ${(e) => f(e.theme, e.size)};
   max-height: ${(e) => f(e.theme, e.size)};

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-scuIeOqU.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
+"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-NZLCh-J5.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
     min-height: ${c};
     max-height: ${c};
   `},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},W=y.newStyled.div`
@@ -69,4 +69,4 @@
       }
     }
   }
-`,q=o.forwardRef((e,i)=>{const{defaultValue:c,value:l=null,min:g=0,max:h=100,disabled:d,tabIndex:v=0,onChange:R=()=>{},onInput:w=()=>{},color:u="primary",size:E="small",className:N="",style:O={},...$}=e,C=o.useRef(),p=_.useTheme(),m={theme:p,size:E,color:u,className:N,style:O},S=a.getColorRgbaValue(p,"Range",u,"enabled","unfilled"),[k,M]=o.useState(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background")),[P,B]=o.useState(),[U,f]=o.useState(),x=o.useCallback(r=>Math.round((r-g)/(h-g)*100),[g,h]),[s,T]=o.useState(l||c);F.useUpdateEffect(()=>{T(l)},[l]),o.useEffect(()=>{z(s||0)},[s,x,d,u]),o.useEffect(()=>{M(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background"))},[u,d]);const V=r=>{z(r.target.value),w&&w(r)},z=r=>{B(`linear-gradient(to right, ${k} 0%, ${k} ${x(r)}%, ${S} ${x(r)}%, ${S} 100%)`)},j=r=>{T(r.target.value),R&&R(r)};return t.jsxs(W,{...m,children:[U&&s&&t.jsx(t.Fragment,{children:t.jsxs(X,{...m,inputValue:x(s),children:[t.jsx("div",{className:"text-content",children:s}),t.jsx("div",{className:"arrow",children:t.jsx("div",{className:"outer",children:t.jsx("div",{className:"inner"})})})]})}),l==null||l=="undefined"?t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,defaultValue:c,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$}):t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,value:s,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$})]})});q.propTypes={value:n.PropTypes.number,defaultValue:n.PropTypes.number,min:n.PropTypes.number,max:n.PropTypes.number,disabled:n.PropTypes.bool,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onInput:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"])};module.exports=q;
+`,q=o.forwardRef((e,i)=>{const{defaultValue:c,value:l=null,min:g=0,max:h=100,disabled:d,tabIndex:v=0,onChange:R=()=>{},onInput:w=()=>{},color:u="primary",size:E="small",className:N="",style:O={},...$}=e,C=o.useRef(),p=U.useTheme(),m={theme:p,size:E,color:u,className:N,style:O},S=a.getColorRgbaValue(p,"Range",u,"enabled","unfilled"),[k,M]=o.useState(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background")),[P,B]=o.useState(),[F,f]=o.useState(),x=o.useCallback(r=>Math.round((r-g)/(h-g)*100),[g,h]),[s,T]=o.useState(l||c);_.useUpdateEffect(()=>{T(l)},[l]),o.useEffect(()=>{z(s||0)},[s,x,d,u]),o.useEffect(()=>{M(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background"))},[u,d]);const V=r=>{z(r.target.value),w&&w(r)},z=r=>{B(`linear-gradient(to right, ${k} 0%, ${k} ${x(r)}%, ${S} ${x(r)}%, ${S} 100%)`)},j=r=>{T(r.target.value),R&&R(r)};return t.jsxs(W,{...m,children:[F&&s&&t.jsx(t.Fragment,{children:t.jsxs(X,{...m,inputValue:x(s),children:[t.jsx("div",{className:"text-content",children:s}),t.jsx("div",{className:"arrow",children:t.jsx("div",{className:"outer",children:t.jsx("div",{className:"inner"})})})]})}),l==null||l=="undefined"?t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,defaultValue:c,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$}):t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,value:s,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$})]})});q.propTypes={value:n.PropTypes.number,defaultValue:n.PropTypes.number,min:n.PropTypes.number,max:n.PropTypes.number,disabled:n.PropTypes.bool,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onInput:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"])};module.exports=q;

package/dist/RangeSlider.js

@@ -1,9 +1,9 @@
 import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
-import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as x } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { P as n } from "./index-S5Cd7WrG.js";
 import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
-import { b as D, a as o, g as G, d as H } from "./utils-jiuifwtJ.js";
-import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { a as D, b as o, c as G, d as H } from "./utils-DtRLzzTZ.js";
+import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
 const Q = ({ theme: e, size: i }) => {
   var u = H(e, i);