@lanaco/lnc-react-ui 4.0.2 → 4.0.3

package/dist/Pagination.js

@@ -0,0 +1,248 @@
+import { jsx as i, jsxs as G, Fragment as $ } from "react/jsx-runtime";
+import { useState as E } from "react";
+import { P as t } from "./index-BYnWp42a.js";
+import h from "./Button.js";
+import b from "./IconButton.js";
+import U from "./ButtonGroup.js";
+import { n as O } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as q } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as w } from "./useUpdateEffect-CuYWz7EA.js";
+const D = O.div`
+  display: inline-flex;
+  flex-wrap: wrap;
+  width: 100%;
+  gap: 0.375rem;
+  justify-content: ${(d) => d.horizontalAlignment};
+`, H = O.div`
+  & > .button-group-pagination-lnc {
+    width: 100%;
+    justify-content: ${(d) => d.horizontalAlignment};
+  }
+`, I = (d) => {
+  const {
+    icons: c = {},
+    borderRadius: f = "regular",
+    currentPage: m = 1,
+    buttonType: B = "outline",
+    currentPageButtonType: N = "tinted",
+    withFirstLast: y = !0,
+    withButtonGroup: v = !0,
+    disabledNext: k = !1,
+    disabledPrevious: z = !1,
+    disabledFirst: L = !1,
+    disabledLast: j = !1,
+    disabled: l = !1,
+    totalNumberOfPages: g = 1,
+    pagesOffset: p = 0,
+    horizontalAlignment: P = "left",
+    //------------------
+    onPageChange: F = () => {
+    },
+    //------------------
+    className: x = "",
+    style: C = {},
+    color: S = "primary",
+    size: A = "small"
+  } = d, s = { theme: q(), size: A, color: S, btnType: B }, [n, a] = E(m);
+  w(() => {
+    a(m);
+  }, [m]), w(() => {
+    F(n);
+  }, [n]);
+  const u = (r, e) => {
+    e == "next" && n < g ? a(n + 1) : e == "previous" && n > 1 ? a(n - 1) : e == "last" && n != g ? a(g) : e == "first" && n != 1 ? a(1) : isNaN(+e) || a(e);
+  }, R = () => {
+    let r = [];
+    for (let e = n - p > 0 ? n - p : 1; e < n && e > 0; e++)
+      r.push(
+        /* @__PURE__ */ i(
+          h,
+          {
+            ...s,
+            borderRadius: f,
+            onClick: (o) => u(o, e),
+            btnType: "basic",
+            text: e.toString(),
+            disabled: l
+          },
+          e
+        )
+      );
+    r.push(
+      /* @__PURE__ */ i(
+        h,
+        {
+          ...s,
+          borderRadius: f,
+          btnType: N,
+          text: n.toString(),
+          disabled: l
+        },
+        n
+      )
+    );
+    for (let e = n + 1; e <= n + p && e <= g; e++)
+      r.push(
+        /* @__PURE__ */ i(
+          h,
+          {
+            ...s,
+            borderRadius: f,
+            onClick: (o) => u(o, e),
+            btnType: "basic",
+            text: e.toString(),
+            disabled: l
+          },
+          e
+        )
+      );
+    return r;
+  }, T = (r = null) => {
+    var e = {};
+    return r && (e.borderRadius = r), /* @__PURE__ */ G($, { children: [
+      y && /* @__PURE__ */ i(
+        b,
+        {
+          ...s,
+          icon: c.doubleLeft || "angle-double-left",
+          disabled: L || l,
+          onClick: (o) => u(o, "first"),
+          ...e
+        }
+      ),
+      /* @__PURE__ */ i(
+        b,
+        {
+          ...s,
+          icon: c.left || "angle-left",
+          disabled: z || l,
+          onClick: (o) => u(o, "previous"),
+          ...e
+        }
+      ),
+      R(),
+      /* @__PURE__ */ i(
+        b,
+        {
+          ...s,
+          icon: c.right || "angle-right",
+          disabled: k || l,
+          onClick: (o) => u(o, "next"),
+          ...e
+        }
+      ),
+      y && /* @__PURE__ */ i(
+        b,
+        {
+          ...s,
+          icon: c.doubleRight || "angle-double-right",
+          disabled: j || l,
+          onClick: (o) => u(o, "last"),
+          ...e
+        }
+      )
+    ] });
+  };
+  return v ? /* @__PURE__ */ i(H, { horizontalAlignment: P, children: /* @__PURE__ */ i(
+    U,
+    {
+      className: "button-group-pagination-lnc " + x,
+      style: C,
+      borderRadius: f,
+      children: T()
+    }
+  ) }) : /* @__PURE__ */ i(
+    D,
+    {
+      horizontalAlignment: P,
+      className: x,
+      style: C,
+      children: T(f)
+    }
+  );
+};
+I.propTypes = {
+  icons: t.shape({
+    left: t.element,
+    right: t.element,
+    doubleLeft: t.element,
+    doubleRight: t.element
+  }),
+  /**
+   *  Applies to the movement buttons and to the page number buttons
+   */
+  disabled: t.bool,
+  borderRadius: t.oneOf([
+    "slight",
+    "regular",
+    "edged",
+    "curved",
+    "none"
+  ]),
+  /**
+   * Sets the button `type`
+   */
+  buttonType: t.oneOf(["filled", "tinted", "outline", "basic"]),
+  /**
+   * Set button `type` of the current page button
+   */
+  currentPageButtonType: t.oneOf([
+    "filled",
+    "tinted",
+    "outline",
+    "basic"
+  ]),
+  /**
+   * Show the First and Last buttons
+   */
+  withFirstLast: t.bool,
+  /**
+   * Wrap the buttons in a `ButtonGroup` component
+   */
+  withButtonGroup: t.bool,
+  /**
+   * Active page number
+   */
+  currentPage: t.number,
+  totalNumberOfPages: t.number,
+  /**
+   * how many page numbers will be shown to the right/left of the current page
+   */
+  pagesOffset: t.number,
+  /**
+   *  Applies to the Next button
+   */
+  disabledNext: t.bool,
+  /**
+   *  Applies to the Previous button
+   */
+  disabledPrevious: t.bool,
+  /**
+   *  Applies to the First button
+   */
+  disabledFirst: t.bool,
+  /**
+   *  Applies to the Last button
+   */
+  disabledLast: t.bool,
+  horizontalAlignment: t.oneOf(["left", "center", "right"]),
+  //-------------------------------
+  onPageChange: t.func,
+  //-------------------------------
+  className: t.string,
+  style: t.object,
+  size: t.oneOf(["small", "medium", "large"]),
+  color: t.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ])
+};
+export {
+  I as default
+};

package/dist/PasswordInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),n=require("./index-DXnSjbfJ.cjs"),L=require("./index-BjdOz5Ok.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./utils-hdRGTsQ7.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),G=h.newStyled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),n=require("./index-BIlhCoy2.cjs"),L=require("./index-DaiUAQVF.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./utils-DTAPpJXU.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),G=h.newStyled.div`
   display: flex;
   align-items: center;
 

package/dist/PasswordInput.js

@@ -1,11 +1,11 @@
 import { jsxs as D, jsx as u } from "react/jsx-runtime";
 import q, { useRef as A, useState as $, useEffect as I, useCallback as G } from "react";
-import { P as n } from "./index-Ds9PUTwb.js";
-import { d as H } from "./index-D5vEbKUT.js";
+import { P as n } from "./index-BYnWp42a.js";
+import { d as H } from "./index-CNBqQrtK.js";
 import J from "./Icon.js";
-import { n as m } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { f as g, b as a, c as K, h as M, g as O, a as Q } from "./utils-DEke8iwo.js";
-import { u as X } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { d as g, a, b as K, e as M, h as O, g as Q } from "./utils-C52T57HO.js";
+import { u as X } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const Y = m.div`
   display: flex;
   align-items: center;
@@ -94,14 +94,14 @@ const Y = m.div`
     value: l,
     defaultValue: B,
     //----------------
-    onChange: s,
+    onChange: d,
     onBlur: p,
     onFocus: x,
     //----------------
     className: F = "",
     style: N = {},
     size: v = "small",
-    color: d = "primary",
+    color: s = "primary",
     ...P
   } = e, r = A(), c = X(), [j, z] = $(l || B || "");
   I(() => {
@@ -117,9 +117,9 @@ const Y = m.div`
   }, [h, r]);
   const W = G(
     H((t, o) => E(t, o), R),
-    [s]
+    [d]
   ), E = (t, o) => {
-    s && (s == null || s(t, o));
+    d && (d == null || d(t, o));
   }, U = (t) => {
     z(t.target.value), W(t, t.target.value);
   }, _ = () => {
@@ -132,7 +132,7 @@ const Y = m.div`
       style: N,
       className: F,
       theme: c,
-      color: d,
+      color: s,
       size: v,
       focused: i,
       disabled: S,
@@ -142,7 +142,7 @@ const Y = m.div`
           C,
           {
             theme: c,
-            color: d,
+            color: s,
             focused: i,
             className: "lnc-input-prefix",
             children: b
@@ -154,7 +154,7 @@ const Y = m.div`
             ref: r,
             type: f ? "password" : "text",
             theme: c,
-            color: d,
+            color: s,
             size: v,
             placeholder: V,
             prefix: b,
@@ -177,7 +177,7 @@ const Y = m.div`
           ee,
           {
             theme: c,
-            color: d,
+            color: s,
             focused: i,
             onClick: _,
             children: /* @__PURE__ */ u(J, { icon: f ? "eye-slash" : "eye" })
@@ -187,7 +187,7 @@ const Y = m.div`
           Z,
           {
             theme: c,
-            color: d,
+            color: s,
             focused: i,
             className: "lnc-input-suffix",
             children: y

package/dist/Popover.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime");require("react");const e=require("./index-BIlhCoy2.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;

package/dist/Popover.js

@@ -0,0 +1,36 @@
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { P as o } from "./index-BYnWp42a.js";
+import m from "./PopoverContext.js";
+import a from "./usePopover.js";
+function f({ children: t, modal: e = !1, ...r }) {
+  const p = a({ modal: e, ...r });
+  return /* @__PURE__ */ n(m.Provider, { value: p, children: t });
+}
+f.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 {
+  f as default
+};

package/dist/PopoverClose.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("react"),u=require("./PopoverContext.cjs"),p=()=>{const e=c.useContext(u);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},i=React.forwardRef(function({children:o,...t},r){const n=p();return s.jsx("div",{...t,ref:r,onClick:()=>n.setOpen(!1),children:o})});module.exports=i;

package/dist/PopoverClose.js

@@ -0,0 +1,15 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useContext as p } from "react";
+import c from "./PopoverContext.js";
+const f = () => {
+  const o = p(c);
+  if (o == null)
+    throw new Error("Popover components must be wrapped in <Popover />");
+  return o;
+}, u = React.forwardRef(function({ children: e, ...t }, r) {
+  const n = f();
+  return /* @__PURE__ */ s("div", { ...t, ref: r, onClick: () => n.setOpen(!1), children: e });
+});
+export {
+  u as default
+};

package/dist/PopoverContent.cjs

@@ -0,0 +1,10 @@
+"use strict";const n=require("react/jsx-runtime"),l=require("react"),s=require("./floating-ui.react.esm-C4vrBVJU.cjs"),a=require("./index-BIlhCoy2.cjs"),g=require("./PopoverContext.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),h=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),y=x.newStyled(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=>getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};
+  border-radius: ${e=>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=>getColorRgbaValue(e.theme,"Popover","default","enabled","bg")};
+`,f=()=>{const e=l.useContext(g);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},c=l.forwardRef(function({borderRadius:t="regular",className:r="",zIndex:d,style:u={},...i},m){const o=f(),p=s.useMergeRefs([o.floating,m]),b=h.useTheme();return n.jsx(s.FloatingPortal,{children:o.open&&n.jsx(s.FloatingFocusManager,{context:o.context,modal:o.modal,children:n.jsx("div",{ref:p,style:{position:o.strategy,top:o.y??0,left:o.x??0,width:"max-content",zIndex:d},className:"lnc-ui-floating-manager","aria-labelledby":o.labelId,"aria-describedby":o.descriptionId,...o.getFloatingProps(i),children:n.jsx(y,{theme:b,borderRadius:t,className:"lnc-ui-popover-content "+r,style:u,children:i.children})})})})});c.propTypes={className:a.PropTypes.string,style:a.PropTypes.object,zIndex:a.PropTypes.number};module.exports=c;

package/dist/PopoverContent.js

@@ -0,0 +1,68 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as c, useContext as u } from "react";
+import { a as b, F as f, b as g } from "./floating-ui.react.esm-72DKnou_.js";
+import { P as a } from "./index-BYnWp42a.js";
+import h from "./PopoverContext.js";
+import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const P = 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) => getComponentPropValue(
+  e.theme,
+  "Popover",
+  e.color,
+  "enabled",
+  "boxShadow"
+)};
+  border-radius: ${(e) => 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) => getColorRgbaValue(e.theme, "Popover", "default", "enabled", "bg")};
+`, v = () => {
+  const e = u(h);
+  if (e == null)
+    throw new Error("Popover components must be wrapped in <Popover />");
+  return e;
+}, w = c(function({ borderRadius: t = "regular", className: r = "", zIndex: s, style: l = {}, ...i }, d) {
+  const o = v(), m = b([o.floating, d]), p = y();
+  return /* @__PURE__ */ n(f, { children: o.open && /* @__PURE__ */ n(g, { context: o.context, modal: o.modal, children: /* @__PURE__ */ n(
+    "div",
+    {
+      ref: m,
+      style: {
+        position: o.strategy,
+        top: o.y ?? 0,
+        left: o.x ?? 0,
+        width: "max-content",
+        zIndex: s
+      },
+      className: "lnc-ui-floating-manager",
+      "aria-labelledby": o.labelId,
+      "aria-describedby": o.descriptionId,
+      ...o.getFloatingProps(i),
+      children: /* @__PURE__ */ n(
+        P,
+        {
+          theme: p,
+          borderRadius: t,
+          className: "lnc-ui-popover-content " + r,
+          style: l,
+          children: i.children
+        }
+      )
+    }
+  ) }) });
+});
+w.propTypes = {
+  className: a.string,
+  style: a.object,
+  zIndex: a.number
+};
+export {
+  w as default
+};

package/dist/PopoverContext.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react"),e=t.createContext(null);module.exports=e;

package/dist/PopoverContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as default
+};

package/dist/PopoverDescription.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),u=require("./floating-ui.react.esm-C4vrBVJU.cjs"),r=require("react"),p=require("./PopoverContext.cjs"),a=()=>{const e=r.useContext(p);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},f=forwardRef(function({children:n,...s},c){const{setDescriptionId:o}=a(),t=u.useId();return r.useLayoutEffect(()=>(o(t),()=>o(void 0)),[t,o]),i.jsx("p",{...s,ref:c,id:t,children:n})});module.exports=f;

package/dist/PopoverDescription.js

@@ -0,0 +1,16 @@
+import { jsx as s } from "react/jsx-runtime";
+import { u as i } from "./floating-ui.react.esm-72DKnou_.js";
+import { useLayoutEffect as u, useContext as c } from "react";
+import f from "./PopoverContext.js";
+const m = () => {
+  const o = c(f);
+  if (o == null)
+    throw new Error("Popover components must be wrapped in <Popover />");
+  return o;
+}, x = forwardRef(function({ children: e, ...n }, p) {
+  const { setDescriptionId: t } = m(), r = i();
+  return u(() => (t(r), () => t(void 0)), [r, t]), /* @__PURE__ */ s("p", { ...n, ref: p, id: r, children: e });
+});
+export {
+  x as default
+};

package/dist/PopoverHeading.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),r=require("react"),i=require("./floating-ui.react.esm-C4vrBVJU.cjs"),a=require("./PopoverContext.cjs"),p=()=>{const e=useContext(a);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e},d=r.forwardRef(function({children:n,...s},u){const{setLabelId:o}=p(),t=i.useId();return r.useLayoutEffect(()=>(o(t),()=>o(void 0)),[t,o]),c.jsx("h2",{...s,ref:u,id:t,children:n})});module.exports=d;

package/dist/PopoverHeading.js

@@ -0,0 +1,16 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as u, useLayoutEffect as f } from "react";
+import { u as i } from "./floating-ui.react.esm-72DKnou_.js";
+import a from "./PopoverContext.js";
+const m = () => {
+  const o = useContext(a);
+  if (o == null)
+    throw new Error("Popover components must be wrapped in <Popover />");
+  return o;
+}, x = u(function({ children: r, ...n }, s) {
+  const { setLabelId: e } = m(), t = i();
+  return f(() => (e(t), () => e(void 0)), [t, e]), /* @__PURE__ */ p("h2", { ...n, ref: s, id: t, children: r });
+});
+export {
+  x as default
+};

package/dist/PopoverTrigger.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),r=require("react"),f=require("./floating-ui.react.esm-C4vrBVJU.cjs"),l=require("./index-BIlhCoy2.cjs"),P=require("./PopoverContext.cjs"),d=()=>{const o=useContext(P);if(o==null)throw new Error("Popover components must be wrapped in <Popover />");return o},c=r.forwardRef(function({children:e,asChild:p,...n},i){const t=d(),a=e.ref,s=f.useMergeRefs([t.reference,i,a]);return p&&r.isValidElement(e)?r.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;

package/dist/PopoverTrigger.js

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

package/dist/ProgressBar.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),m=require("react"),r=require("./index-DXnSjbfJ.cjs"),n=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-hdRGTsQ7.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),h=n.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),m=require("react"),r=require("./index-BIlhCoy2.cjs"),n=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-DTAPpJXU.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),h=n.newStyled.div`
   width: 100%;
   position: relative;
   background-color: ${e=>s.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","unfilled")};

package/dist/ProgressBar.js

@@ -1,10 +1,10 @@
-import { jsxs as l, jsx as b } from "react/jsx-runtime";
-import p from "react";
-import { P as r } from "./index-Ds9PUTwb.js";
-import { n as s } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { b as a, a as u } from "./utils-DEke8iwo.js";
-import { u as f } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const h = s.div`
+import { jsxs as l, jsx as p } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { P as r } from "./index-BYnWp42a.js";
+import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a, g as h } from "./utils-C52T57HO.js";
+import { u } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const f = s.div`
   width: 100%;
   position: relative;
   background-color: ${(e) => a(
@@ -31,13 +31,13 @@ const h = s.div`
   border-radius: ${(e) => e.progressPercentage == 100 ? "5px" : "5px 0px 0px 5px"};
   transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
 `, y = s.label`
-  ${(e) => u(e.theme, "Progress", e.size, "enabled")};
+  ${(e) => h(e.theme, "Progress", e.size, "enabled")};
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: ${(e) => a(e.theme, "Progress", e.color, "enabled", "text")};
-`, x = p.forwardRef((e, w) => {
+`, x = b((e, w) => {
   const {
     id: $ = "",
     showLabel: t = !1,
@@ -49,21 +49,32 @@ const h = s.div`
     size: i = "small",
     color: m = "primary",
     ...d
-  } = e, o = f();
-  return /* @__PURE__ */ l(h, { style: g, className: "lnc-ui-progress " + c, theme: o, size: i, showLabel: t, ...d, children: [
-    /* @__PURE__ */ b(
-      P,
-      {
-        progressPercentage: n,
-        theme: o,
-        color: m
-      }
-    ),
-    t && /* @__PURE__ */ l(y, { theme: o, size: i, children: [
-      n,
-      "%"
-    ] })
-  ] });
+  } = e, o = u();
+  return /* @__PURE__ */ l(
+    f,
+    {
+      style: g,
+      className: "lnc-ui-progress " + c,
+      theme: o,
+      size: i,
+      showLabel: t,
+      ...d,
+      children: [
+        /* @__PURE__ */ p(
+          P,
+          {
+            progressPercentage: n,
+            theme: o,
+            color: m
+          }
+        ),
+        t && /* @__PURE__ */ l(y, { theme: o, size: i, children: [
+          n,
+          "%"
+        ] })
+      ]
+    }
+  );
 });
 x.propTypes = {
   id: r.string,