@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/PasswordInput.js

@@ -1,18 +1,17 @@
-import { jsxs as q, jsx as m } from "react/jsx-runtime";
-import { forwardRef as A, useRef as G, useState as p, useEffect as I, useCallback as H } from "react";
-import { P as n } from "./index-CblbdqjE.js";
-import { d as J } from "./index-Dt62UGku.js";
-import K from "./Icon.js";
+import { jsxs as D, jsx as i } from "react/jsx-runtime";
+import { forwardRef as q, useRef as A, useState as x, useEffect as k, useCallback as G } from "react";
+import { d as H } from "./index-Dt62UGku.js";
+import J from "./Icon.js";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as f, b as r, a as M, e as Q, h as w, c as X } from "./utils-DtEfC-TX.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const Z = h.div`
+import { d as g, b as o, a as K, e as M, h as O, c as Q } from "./utils-DtEfC-TX.js";
+import { u as X } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const Y = h.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => f(e.theme, e.size)};
-  max-height: ${(e) => f(e.theme, e.size)};
-  background-color: ${(e) => r(
+  min-height: ${(e) => g(e.theme, e.size)};
+  max-height: ${(e) => g(e.theme, e.size)};
+  background-color: ${(e) => o(
   e.theme,
   "Input",
   e.color,
@@ -20,18 +19,18 @@ const Z = h.div`
   "background"
 )};
   border: 1px solid
-    ${(e) => r(
+    ${(e) => o(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => M(e.theme, "regular")};
+  border-radius: ${(e) => K(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? Q(e.theme) : ""}
-  /* ${(e) => e.disabled === !0 ? w(e.theme) : ""} */
-  ${(e) => e.disabled === !0 && `background-color: ${r(
+  ${(e) => e.focused && e.readOnly !== !0 ? M(e.theme) : ""}
+  /* ${(e) => e.disabled === !0 ? O(e.theme) : ""} */
+  ${(e) => e.disabled === !0 && `background-color: ${o(
   e.theme,
   "Input",
   e.color,
@@ -39,25 +38,25 @@ const Z = h.div`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(o) => r(
-  o.theme,
+        color: ${(n) => o(
+  n.theme,
   "Input",
-  o.color,
+  n.color,
   "disabled",
   "text"
 )};`}
-`, k = h.span`
+`, I = h.span`
   padding: 0 12px;
-  color: ${(e) => r(
+  color: ${(e) => o(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "prefix"
 )};
-`, _ = h(k)``, ee = h(k)`
+`, Z = h(I)``, _ = h(I)`
   cursor: pointer;
-`, te = h.input`
+`, ee = h.input`
   background: none;
   border: none;
   outline: none;
@@ -65,22 +64,22 @@ const Z = h.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => X(e.theme, "Input", e.size, "enabled")}
-  min-height: ${(e) => f(e.theme, e.size)};
-  max-height: ${(e) => f(e.theme, e.size)};
-  color: ${(e) => r(
+  ${(e) => Q(e.theme, "Input", e.size, "enabled")}
+  min-height: ${(e) => g(e.theme, e.size)};
+  max-height: ${(e) => g(e.theme, e.size)};
+  color: ${(e) => o(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-  caret-color: ${(e) => r(e.theme, "Input", e.color, "enabled", "caret")};
+  caret-color: ${(e) => o(e.theme, "Input", e.color, "enabled", "caret")};
   padding-right: ${(e) => e.suffix ? "0" : "0.75rem"};
   padding-left: ${(e) => e.prefix ? "0" : "0.75rem"};
 
   &::placeholder {
-    color: ${(e) => r(
+    color: ${(e) => o(
   e.theme,
   "Input",
   e.color,
@@ -94,8 +93,8 @@ const Z = h.div`
   }
 
   &:disabled {
-    /* ${(e) => w(e.theme)} */
-    ${(e) => `background-color: ${r(
+    /* ${(e) => O(e.theme)} */
+    ${(e) => `background-color: ${o(
   e.theme,
   "Input",
   e.color,
@@ -103,158 +102,130 @@ const Z = h.div`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(o) => r(
-  o.theme,
+        color: ${(n) => o(
+  n.theme,
   "Input",
-  o.color,
+  n.color,
   "disabled",
   "text"
 )};`}
     background: none;
   }
-`, ne = A((e, o) => {
+`, se = q((e, n) => {
   const {
-    wrapperRef: T,
+    wrapperRef: w,
     disabled: C,
     readOnly: S,
-    debounceTime: V = 0,
-    placeholder: B,
-    prefix: b,
-    suffix: y,
-    value: d,
-    defaultValue: F,
+    debounceTime: R = 0,
+    placeholder: V,
+    prefix: f,
+    suffix: b,
+    value: r,
+    defaultValue: B,
     //----------------
-    onChange: c,
+    onChange: d,
     onBlur: $,
-    onFocus: x,
+    onFocus: y,
     //----------------
-    className: N = "",
-    style: P = {},
-    size: v = "small",
-    color: s = "primary",
-    ...R
-  } = e, a = G(), u = Y(), [j, O] = p(d || F || "");
-  I(() => {
-    d != null && O(d);
-  }, [d]);
-  const [g, L] = p(!0), [i, z] = p(!1);
-  I(() => {
-    var l;
-    const t = ((l = a == null ? void 0 : a.current) == null ? void 0 : l.value) || "";
-    a.current.selectionStart = t != null && t.length ? t.length : 0, a.current.selectionEnd = t != null && t.length ? t.length : 0;
-  }, [g]), I(() => {
-    o != null && (o.current = a.current);
-  }, [o, a]);
-  const W = H(
-    J((t, l) => E(t, l), V),
-    [c]
-  ), E = (t, l) => {
-    c && (c == null || c(t, l));
-  }, U = (t) => {
-    O(t.target.value), W(t, t.target.value);
-  }, D = () => {
-    L(!g), a.current.focus();
+    className: F = "",
+    style: L = {},
+    size: p = "small",
+    color: c = "primary",
+    ...N
+  } = e, l = A(), u = X(), [T, v] = x(r || B || "");
+  k(() => {
+    r != null && v(r);
+  }, [r]);
+  const [m, W] = x(!0), [s, z] = x(!1);
+  k(() => {
+    var a;
+    const t = ((a = l == null ? void 0 : l.current) == null ? void 0 : a.value) || "";
+    l.current.selectionStart = t != null && t.length ? t.length : 0, l.current.selectionEnd = t != null && t.length ? t.length : 0;
+  }, [m]), k(() => {
+    n != null && (n.current = l.current);
+  }, [n, l]);
+  const j = G(
+    H((t, a) => E(t, a), R),
+    [d]
+  ), E = (t, a) => {
+    d && (d == null || d(t, a));
+  }, P = (t) => {
+    v(t.target.value), j(t, t.target.value);
+  }, U = () => {
+    W(!m), l.current.focus();
   };
-  return /* @__PURE__ */ q(
-    Z,
+  return /* @__PURE__ */ D(
+    Y,
     {
-      ref: T,
-      style: P,
-      className: N,
+      ref: w,
+      style: L,
+      className: F,
       theme: u,
-      color: s,
-      size: v,
-      focused: i,
+      color: c,
+      size: p,
+      focused: s,
       disabled: C,
       readOnly: S,
       children: [
-        b && /* @__PURE__ */ m(
-          k,
+        f && /* @__PURE__ */ i(
+          I,
           {
             theme: u,
-            color: s,
-            focused: i,
+            color: c,
+            focused: s,
             className: "lnc-input-prefix",
-            children: b
+            children: f
           }
         ),
-        /* @__PURE__ */ m(
-          te,
+        /* @__PURE__ */ i(
+          ee,
           {
-            ref: a,
-            type: g ? "password" : "text",
+            ref: l,
+            type: m ? "password" : "text",
             theme: u,
-            color: s,
-            size: v,
-            placeholder: B,
-            prefix: b,
-            suffix: y,
+            color: c,
+            size: p,
+            placeholder: V,
+            prefix: f,
+            suffix: b,
             disabled: C,
             readOnly: S,
-            focused: i,
+            focused: s,
             onFocus: (t) => {
-              z(!0), x == null || x(t);
+              z(!0), y == null || y(t);
             },
             onBlur: (t) => {
               z(!1), $ == null || $(t);
             },
-            onChange: U,
-            value: j,
-            ...R
+            onChange: P,
+            value: T,
+            ...N
           }
         ),
-        /* @__PURE__ */ m(
-          ee,
+        /* @__PURE__ */ i(
+          _,
           {
             theme: u,
-            color: s,
-            focused: i,
-            onClick: D,
-            children: /* @__PURE__ */ m(K, { icon: g ? "eye-slash" : "eye" })
+            color: c,
+            focused: s,
+            onClick: U,
+            children: /* @__PURE__ */ i(J, { icon: m ? "eye-slash" : "eye" })
           }
         ),
-        y && /* @__PURE__ */ m(
-          _,
+        b && /* @__PURE__ */ i(
+          Z,
           {
             theme: u,
-            color: s,
-            focused: i,
+            color: c,
+            focused: s,
             className: "lnc-input-suffix",
-            children: y
+            children: b
           }
         )
       ]
     }
   );
 });
-ne.propTypes = {
-  id: n.any,
-  value: n.string,
-  defaultValue: n.string,
-  disabled: n.bool,
-  readOnly: n.bool,
-  debounceTime: n.number,
-  placeholder: n.string,
-  tabIndex: n.number,
-  //----------------
-  onChange: n.func,
-  onBlur: n.func,
-  onFocus: n.func,
-  //----------------
-  className: n.string,
-  style: n.object,
-  size: n.oneOf(["small", "medium", "large"]),
-  color: n.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  ne as default
+  se as default
 };

package/dist/Popover.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),i=require("./PopoverContext.cjs"),u=require("./usePopover.cjs");function o({children:t,modal:r=!1,...p}){const n=u({modal:r,...p});return s.jsx(i.Provider,{value:n,children:t})}o.propTypes={initialOpen:e.PropTypes.bool,placement:e.PropTypes.oneOf(["center","top","right","bottom","left","top-start","top-end","right-start","right-end","bottom-start","bottom-end","left-start","left-end"]),modal:e.PropTypes.bool,offsetValue:e.PropTypes.number,open:e.PropTypes.bool,onOpenChange:e.PropTypes.func};module.exports=o;
+"use strict";const s=require("react/jsx-runtime"),n=require("./PopoverContext.cjs"),u=require("./usePopover.cjs");function i({children:e,modal:o=!1,...r}){const t=u({modal:o,...r});return s.jsx(n.Provider,{value:t,children:e})}module.exports=i;

package/dist/Popover.js

@@ -1,35 +1,10 @@
-import { jsx as n } from "react/jsx-runtime";
-import { P as o } from "./index-CblbdqjE.js";
-import a from "./PopoverContext.js";
-import f from "./usePopover.js";
-function m({ children: t, modal: e = !1, ...r }) {
-  const p = f({ modal: e, ...r });
-  return /* @__PURE__ */ n(a.Provider, { value: p, children: t });
+import { jsx as p } from "react/jsx-runtime";
+import f from "./PopoverContext.js";
+import m from "./usePopover.js";
+function s({ children: o, modal: r = !1, ...e }) {
+  const t = m({ modal: r, ...e });
+  return /* @__PURE__ */ p(f.Provider, { value: t, children: o });
 }
-m.propTypes = {
-  initialOpen: o.bool,
-  placement: o.oneOf([
-    "center",
-    "top",
-    "right",
-    "bottom",
-    "left",
-    "top-start",
-    "top-end",
-    "right-start",
-    "right-end",
-    "bottom-start",
-    "bottom-end",
-    "left-start",
-    "left-end"
-  ]),
-  modal: o.bool,
-  offsetValue: o.number,
-  /** For controlled usage of Popover */
-  open: o.bool,
-  /** For controlled usage of Popover */
-  onOpenChange: o.func
-};
 export {
-  m as default
+  s as default
 };

package/dist/PopoverContent.cjs

@@ -1,10 +1,10 @@
-"use strict";const n=require("react/jsx-runtime"),c=require("react"),s=require("./floating-ui.react.esm-CiYofNnh.cjs"),i=require("./index-BpbMKBf_.cjs"),x=require("./PopoverContext.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-RnrgDDZP.cjs"),y=require("./motion-B_VPZaJq.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),P=h.styled(y.motion.div)`
+"use strict";const n=require("react/jsx-runtime"),l=require("react"),i=require("./floating-ui.react.esm-CiYofNnh.cjs"),g=require("./PopoverContext.cjs"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-RnrgDDZP.cjs"),x=require("./motion-B_VPZaJq.cjs"),h=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=p.styled(x.motion.div)`
   font-family: ${e=>{var t,r;return(r=(t=e.theme)==null?void 0:t.typography)==null?void 0:r.fontFamily}};
   animation: fadeIn 0.4s;
-  box-shadow: ${e=>a.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};
-  border-radius: ${e=>a.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
+  box-shadow: ${e=>s.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};
+  border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
   padding: 0.25rem;
-  background-color: ${e=>a.getColorRgbaValue(e.theme,"Popover","default","enabled","bg")};
-`,v=()=>{const e=c.useContext(x);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},d=c.forwardRef(function({borderRadius:t="regular",className:r="",zIndex:u,style:m={},...l},p){const o=v(),b=s.useMergeRefs([o.floating,p]),g=f.useTheme();return n.jsx(s.FloatingPortal,{children:o.open&&n.jsx(s.FloatingFocusManager,{context:o.context,modal:o.modal,children:n.jsx("div",{ref:b,style:{position:o.strategy,top:o.y??0,left:o.x??0,width:"max-content",zIndex:u},className:"lnc-ui-floating-manager","aria-labelledby":o.labelId,"aria-describedby":o.descriptionId,...o.getFloatingProps(l),children:n.jsx(P,{theme:g,borderRadius:t,className:"lnc-ui-popover-content "+r,style:m,children:l.children})})})})});d.propTypes={className:i.PropTypes.string,style:i.PropTypes.object,zIndex:i.PropTypes.number};module.exports=d;
+  background-color: ${e=>s.getColorRgbaValue(e.theme,"Popover","default","enabled","bg")};
+`,y=()=>{const e=l.useContext(g);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},v=l.forwardRef(function({borderRadius:t="regular",className:r="",zIndex:c,style:d={},...a},u){const o=y(),m=i.useMergeRefs([o.floating,u]),b=h.useTheme();return n.jsx(i.FloatingPortal,{children:o.open&&n.jsx(i.FloatingFocusManager,{context:o.context,modal:o.modal,children:n.jsx("div",{ref:m,style:{position:o.strategy,top:o.y??0,left:o.x??0,width:"max-content",zIndex:c},className:"lnc-ui-floating-manager","aria-labelledby":o.labelId,"aria-describedby":o.descriptionId,...o.getFloatingProps(a),children:n.jsx(f,{theme:b,borderRadius:t,className:"lnc-ui-popover-content "+r,style:d,children:a.children})})})})});module.exports=v;

package/dist/PopoverContent.js

@@ -1,38 +1,37 @@
 import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as c, useContext as b } from "react";
-import { a as f, F as u, b as g } from "./floating-ui.react.esm-CfpRzwmn.js";
-import { P as n } from "./index-CblbdqjE.js";
-import h from "./PopoverContext.js";
-import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { g as y, a as P, b as v } from "./utils-DtEfC-TX.js";
-import { m as w } from "./motion-Ckekul_K.js";
-import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const F = x(w.div)`
+import { forwardRef as c, useContext as p } from "react";
+import { a as f, F as u, b } from "./floating-ui.react.esm-CfpRzwmn.js";
+import g from "./PopoverContext.js";
+import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { g as x, a as v, b as y } from "./utils-DtEfC-TX.js";
+import { m as P } from "./motion-Ckekul_K.js";
+import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const C = h(P.div)`
   font-family: ${(o) => {
   var t, r;
   return (r = (t = o.theme) == null ? void 0 : t.typography) == null ? void 0 : r.fontFamily;
 }};
   animation: fadeIn 0.4s;
-  box-shadow: ${(o) => y(
+  box-shadow: ${(o) => x(
   o.theme,
   "Popover",
   o.color,
   "enabled",
   "boxShadow"
 )};
-  border-radius: ${(o) => P(o.theme, o.borderRadius)};
+  border-radius: ${(o) => v(o.theme, o.borderRadius)};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
   padding: 0.25rem;
-  background-color: ${(o) => v(o.theme, "Popover", "default", "enabled", "bg")};
-`, R = () => {
-  const o = b(h);
+  background-color: ${(o) => y(o.theme, "Popover", "default", "enabled", "bg")};
+`, F = () => {
+  const o = p(g);
   if (o == null)
     throw new Error("Popover components must be wrapped in <Popover />");
   return o;
-}, I = c(function({ borderRadius: t = "regular", className: r = "", zIndex: i, style: l = {}, ...s }, m) {
-  const e = R(), d = f([e.floating, m]), p = C();
-  return /* @__PURE__ */ a(u, { children: e.open && /* @__PURE__ */ a(g, { context: e.context, modal: e.modal, children: /* @__PURE__ */ a(
+}, k = c(function({ borderRadius: t = "regular", className: r = "", zIndex: i, style: s = {}, ...n }, l) {
+  const e = F(), d = f([e.floating, l]), m = w();
+  return /* @__PURE__ */ a(u, { children: e.open && /* @__PURE__ */ a(b, { context: e.context, modal: e.modal, children: /* @__PURE__ */ a(
     "div",
     {
       ref: d,
@@ -46,25 +45,20 @@ const F = x(w.div)`
       className: "lnc-ui-floating-manager",
       "aria-labelledby": e.labelId,
       "aria-describedby": e.descriptionId,
-      ...e.getFloatingProps(s),
+      ...e.getFloatingProps(n),
       children: /* @__PURE__ */ a(
-        F,
+        C,
         {
-          theme: p,
+          theme: m,
           borderRadius: t,
           className: "lnc-ui-popover-content " + r,
-          style: l,
-          children: s.children
+          style: s,
+          children: n.children
         }
       )
     }
   ) }) });
 });
-I.propTypes = {
-  className: n.string,
-  style: n.object,
-  zIndex: n.number
-};
 export {
-  I as default
+  k as default
 };

package/dist/PopoverTrigger.cjs

@@ -1 +1 @@
-"use strict";const u=require("react/jsx-runtime"),o=require("react"),f=require("./floating-ui.react.esm-CiYofNnh.cjs"),l=require("./index-BpbMKBf_.cjs"),P=require("./PopoverContext.cjs"),d=()=>{const r=o.useContext(P);if(r==null)throw new Error("Popover components must be wrapped in <Popover />");return r},c=o.forwardRef(function({children:e,asChild:p,...n},i){const t=d(),a=e.ref,s=f.useMergeRefs([t.reference,i,a]);return p&&o.isValidElement(e)?o.cloneElement(e,t.getReferenceProps({ref:s,...n,...e.props,"data-state":t.open?"open":"closed"})):u.jsx("div",{ref:s,"data-state":t.open?"open":"closed",style:{width:"max-content"},...t.getReferenceProps(n),children:e})});c.propTypes={asChild:l.PropTypes.bool};module.exports=c;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),u=require("./floating-ui.react.esm-CiYofNnh.cjs"),f=require("./PopoverContext.cjs"),g=()=>{const r=o.useContext(f);if(r==null)throw new Error("Popover components must be wrapped in <Popover />");return r},P=o.forwardRef(function({children:e,asChild:c,...n},p){const t=g(),a=e.ref,s=u.useMergeRefs([t.reference,p,a]);return c&&o.isValidElement(e)?o.cloneElement(e,t.getReferenceProps({ref:s,...n,...e.props,"data-state":t.open?"open":"closed"})):i.jsx("div",{ref:s,"data-state":t.open?"open":"closed",style:{width:"max-content"},...t.getReferenceProps(n),children:e})});module.exports=P;

package/dist/PopoverTrigger.js

@@ -1,16 +1,15 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as m, isValidElement as c, cloneElement as i, useContext as u } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as c, isValidElement as m, cloneElement as i, useContext as u } from "react";
 import { a as P } from "./floating-ui.react.esm-CfpRzwmn.js";
-import { P as l } from "./index-CblbdqjE.js";
 import d from "./PopoverContext.js";
 const g = () => {
   const t = u(d);
   if (t == null)
     throw new Error("Popover components must be wrapped in <Popover />");
   return t;
-}, v = m(function({ children: e, asChild: s, ...r }, p) {
-  const o = g(), a = e.ref, n = P([o.reference, p, a]);
-  return s && c(e) ? i(
+}, R = c(function({ children: e, asChild: s, ...r }, p) {
+  const o = g(), f = e.ref, n = P([o.reference, p, f]);
+  return s && m(e) ? i(
     e,
     o.getReferenceProps({
       ref: n,
@@ -18,7 +17,7 @@ const g = () => {
       ...e.props,
       "data-state": o.open ? "open" : "closed"
     })
-  ) : /* @__PURE__ */ f(
+  ) : /* @__PURE__ */ a(
     "div",
     {
       ref: n,
@@ -29,10 +28,6 @@ const g = () => {
     }
   );
 });
-v.propTypes = {
-  /** Allows the user to pass any element as the anchor */
-  asChild: l.bool
-};
 export {
-  v as default
+  R as default
 };

package/dist/ProgressBar.cjs

@@ -1,15 +1,15 @@
-"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("./index-BpbMKBf_.cjs"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-RnrgDDZP.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=l.styled.div`
+"use strict";const l=require("react/jsx-runtime"),n=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),p=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=i.styled.div`
   width: 100%;
   position: relative;
-  background-color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","unfilled")};
+  background-color: ${e=>r.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","unfilled")};
   height: ${e=>e.theme.components.Progress.default.enabled.sizes[e.size]};
   border-radius: 5px;
   animation: progres 4s infinite linear;
-`,x=l.styled.div`
+`,f=i.styled.div`
   position: relative;
   height: 100%;
   width: ${e=>e.progressPercentage+"%"};
-  background-color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","background")};
+  background-color: ${e=>r.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","background")};
   position: absolute;
   border-radius: ${e=>e.progressPercentage==100?"5px":"5px 0px 0px 5px"};
   transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
@@ -20,11 +20,11 @@
     top: 50%;
     transform: translate(50%, -50%);
   }
-`,T=l.styled.label`
-  ${e=>o.getComponentTypographyCss(e.theme,"Progress",e.size,"enabled")};
+`,P=i.styled.label`
+  ${e=>r.getComponentTypographyCss(e.theme,"Progress",e.size,"enabled")};
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","text")};
-`,d=i.forwardRef((e,w)=>{const{id:$="",showLabel:c=!1,progressPercentage:t=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...y}=e,n=P.useTheme(),h=()=>{var p;if(i.isValidElement(s))return i.cloneElement(s,{className:`progress-icon ${(p=s==null?void 0:s.props)==null?void 0:p.className}`})};return a.jsxs(f,{style:u,className:"lnc-ui-progress "+m,theme:n,size:g,showLabel:c,progressPercentage:t,...y,children:[a.jsx(x,{progressPercentage:t,theme:n,color:b,children:s!==null&&h()}),c&&a.jsxs(T,{theme:n,size:g,children:[t,"%"]})]})});d.propTypes={id:r.PropTypes.any,showLabel:r.PropTypes.bool,progressPercentage:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"]),progressBarEndComponent:r.PropTypes.any};module.exports=d;
+  color: ${e=>r.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","text")};
+`,y=n.forwardRef((e,$)=>{const{showLabel:a=!1,progressPercentage:o=0,className:d="",style:u={},size:c="small",color:m="primary",progressBarEndComponent:s,...b}=e,t=p.useTheme(),h=()=>{var g;if(n.isValidElement(s))return n.cloneElement(s,{className:`progress-icon ${(g=s==null?void 0:s.props)==null?void 0:g.className}`})};return l.jsxs(x,{style:u,className:"lnc-ui-progress "+d,theme:t,size:c,showLabel:a,progressPercentage:o,...b,children:[l.jsx(f,{progressPercentage:o,theme:t,color:m,children:s!==null&&h()}),a&&l.jsxs(P,{theme:t,size:c,children:[o,"%"]})]})});module.exports=y;