@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/RadioInput.js

@@ -1,5 +1,5 @@
 import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import P, { useState as j } from "react";
+import { forwardRef as P, useState as j } from "react";
 import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as i } from "./index-BYnWp42a.js";
 import { d as f, g as N, e as T, a as t } from "./utils-C52T57HO.js";
@@ -208,11 +208,11 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   overflow: hidden;
   text-overflow: ellipsis;
   color: ${(e) => t(e.theme, "Radio", e.color, "enabled", "text")};
-`, K = P.forwardRef((e, y) => {
+`, K = P((e, y) => {
   const {
     wrapperRef: w,
-    className: R = "",
-    style: k = {},
+    className: k = "",
+    style: R = {},
     color: $ = "primary",
     innerColor: v = "white",
     size: x = "small",
@@ -241,8 +241,8 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
     {
       ...u,
       ref: w,
-      className: R,
-      style: k,
+      className: k,
+      style: R,
       tabIndex: -1,
       readOnly: s,
       focused: B,

package/dist/RangeSlider.js

@@ -1,12 +1,12 @@
 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 { P as n } from "./index-BYnWp42a.js";
-import _, { useRef as X, useState as v, useCallback as q, useEffect as M } from "react";
-import { b as A, a as o, g as D, d as G } from "./utils-C52T57HO.js";
-import { u as H } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { u as J } from "./useUpdateEffect-CuYWz7EA.js";
-const K = ({ theme: e, size: i }) => {
-  var u = G(e, i);
+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-C52T57HO.js";
+import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
+const Q = ({ theme: e, size: i }) => {
+  var u = H(e, i);
   return `
     min-height: ${u};
     max-height: ${u};
@@ -15,9 +15,9 @@ const K = ({ theme: e, size: i }) => {
   small: "0.875rem",
   medium: "1.125rem",
   large: "1.375rem"
-}, Q = x.div`
+}, Y = x.div`
   position: relative;
-  ${(e) => K(e)};
+  ${(e) => Q(e)};
   display: inline-flex;
   align-items: center;
 `, T = x.input`
@@ -31,7 +31,7 @@ const K = ({ theme: e, size: i }) => {
   background: ${(e) => e.rangeBackground};
   transition: background 450ms ease-in;
   -webkit-appearance: none;
-  border-radius: ${(e) => A(e.theme, "regular")};
+  border-radius: ${(e) => D(e.theme, "regular")};
   &::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
@@ -62,12 +62,12 @@ const K = ({ theme: e, size: i }) => {
     cursor: pointer; /* Cursor on hover */
     border: none;
   }
-`, Y = x.div`
+`, Z = x.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
-  ${(e) => D(e.theme, "Range", e.size, "enabled")};
+  ${(e) => G(e.theme, "Range", e.size, "enabled")};
   left: ${(e) => `calc(${e.inputValue + "%"} + (${8 - e.inputValue * 0.15}px))`};
   top: ${(e) => "calc(-" + g[e.size] + ")"};
   transform: translateX(-50%);
@@ -107,7 +107,7 @@ const K = ({ theme: e, size: i }) => {
       }
     }
   }
-`, Z = _.forwardRef((e, i) => {
+`, _ = X((e, i) => {
   const {
     defaultValue: u,
     value: d = null,
@@ -123,8 +123,8 @@ const K = ({ theme: e, size: i }) => {
     size: B = "small",
     className: E = "",
     style: j = {},
-    ...R
-  } = e, y = X(), m = H(), b = { theme: m, size: B, color: s, className: E, style: j }, C = o(
+    ...y
+  } = e, C = q(), m = J(), b = { theme: m, size: B, color: s, className: E, style: j }, R = o(
     m,
     "Range",
     s,
@@ -138,11 +138,11 @@ const K = ({ theme: e, size: i }) => {
       l ? "disabled" : "enabled",
       "background"
     )
-  ), [z, U] = v(), [L, p] = v(), f = q(
+  ), [z, U] = v(), [L, p] = v(), f = A(
     (a) => Math.round((a - c) / (h - c) * 100),
     [c, h]
   ), [r, I] = v(d || u);
-  J(() => {
+  K(() => {
     I(d);
   }, [d]), M(() => {
     P(r || 0);
@@ -163,20 +163,20 @@ const K = ({ theme: e, size: i }) => {
     U(
       `linear-gradient(to right, ${S} 0%, ${S} ${f(
         a
-      )}%, ${C} ${f(a)}%, ${C} 100%)`
+      )}%, ${R} ${f(a)}%, ${R} 100%)`
     );
   }, N = (a) => {
     I(a.target.value), k && k(a);
   };
-  return /* @__PURE__ */ O(Q, { ...b, children: [
-    L && r && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ O(Y, { ...b, inputValue: f(r), children: [
+  return /* @__PURE__ */ O(Y, { ...b, children: [
+    L && r && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ O(Z, { ...b, inputValue: f(r), children: [
       /* @__PURE__ */ t("div", { className: "text-content", children: r }),
       /* @__PURE__ */ t("div", { className: "arrow", children: /* @__PURE__ */ t("div", { className: "outer", children: /* @__PURE__ */ t("div", { className: "inner" }) }) })
     ] }) }),
     d == null || d == "undefined" ? /* @__PURE__ */ t(
       T,
       {
-        ref: i || y,
+        ref: i || C,
         id: "fader",
         type: "range",
         min: c,
@@ -194,12 +194,12 @@ const K = ({ theme: e, size: i }) => {
         onInput: V,
         onChange: N,
         ...b,
-        ...R
+        ...y
       }
     ) : /* @__PURE__ */ t(
       T,
       {
-        ref: i || y,
+        ref: i || C,
         id: "fader",
         type: "range",
         min: c,
@@ -217,12 +217,12 @@ const K = ({ theme: e, size: i }) => {
         onInput: V,
         onChange: N,
         ...b,
-        ...R
+        ...y
       }
     )
   ] });
 });
-Z.propTypes = {
+_.propTypes = {
   value: n.number,
   defaultValue: n.number,
   min: n.number,
@@ -249,5 +249,5 @@ Z.propTypes = {
   ])
 };
 export {
-  Z as default
+  _ as default
 };

package/dist/SearchBar.js

@@ -1,28 +1,28 @@
 import { jsx as v, jsxs as _ } from "react/jsx-runtime";
-import g, { Children as ue, isValidElement as w, cloneElement as R, useState as M, createElement as X } from "react";
+import E, { Children as ue, isValidElement as w, cloneElement as R, useState as M, createRef as ce, createElement as X } from "react";
 import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as u } from "./index-BYnWp42a.js";
-import ce from "./Chip.js";
-import { k as de } from "./emotion-react.browser.esm-CN-s34fZ.js";
-import { useTheme as pe } from "./ThemeProvider.js";
+import de from "./Chip.js";
+import { k as pe } from "./emotion-react.browser.esm-CN-s34fZ.js";
+import { useTheme as fe } from "./ThemeProvider.js";
 import { _ as L } from "./objectWithoutPropertiesLoose-DwEN6RBQ.js";
 import { _ as V } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { _ as fe, a as me } from "./setPrototypeOf-CttqfWo1.js";
+import { _ as me, a as he } from "./setPrototypeOf-CttqfWo1.js";
 import { R as $ } from "./index--Kmch3aI.js";
-const he = de`
+const ve = pe`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`, ve = x.div`
+`, ge = x.div`
   @media (prefers-reduced-motion: no-preference) {
-    animation-name: ${he};
+    animation-name: ${ve};
     animation-fill-mode: backwards;
   }
-`, ge = ({ duration: e = 300, delay: o = 0, children: l, ...n }) => /* @__PURE__ */ v(
-  ve,
+`, Ee = ({ duration: e = 300, delay: o = 0, children: l, ...n }) => /* @__PURE__ */ v(
+  ge,
   {
     ...n,
     style: {
@@ -34,28 +34,28 @@ const he = de`
   }
 );
 function F(e, o) {
-  e.prototype = Object.create(o.prototype), e.prototype.constructor = e, fe(e, o);
+  e.prototype = Object.create(o.prototype), e.prototype.constructor = e, me(e, o);
 }
-function Ee(e, o) {
+function xe(e, o) {
   return e.classList ? !!o && e.classList.contains(o) : (" " + (e.className.baseVal || e.className) + " ").indexOf(" " + o + " ") !== -1;
 }
-function xe(e, o) {
-  e.classList ? e.classList.add(o) : Ee(e, o) || (typeof e.className == "string" ? e.className = e.className + " " + o : e.setAttribute("class", (e.className && e.className.baseVal || "") + " " + o));
+function Ce(e, o) {
+  e.classList ? e.classList.add(o) : xe(e, o) || (typeof e.className == "string" ? e.className = e.className + " " + o : e.setAttribute("class", (e.className && e.className.baseVal || "") + " " + o));
 }
 function H(e, o) {
   return e.replace(new RegExp("(^|\\s)" + o + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
 }
-function Ce(e, o) {
+function be(e, o) {
   e.classList ? e.classList.remove(o) : typeof e.className == "string" ? e.className = H(e.className, o) : e.setAttribute("class", H(e.className && e.className.baseVal || "", o));
 }
 const J = {
   disabled: !1
 };
-var be = process.env.NODE_ENV !== "production" ? u.oneOfType([u.number, u.shape({
+var Ne = process.env.NODE_ENV !== "production" ? u.oneOfType([u.number, u.shape({
   enter: u.number,
   exit: u.number,
   appear: u.number
-}).isRequired]) : null, Ne = process.env.NODE_ENV !== "production" ? u.oneOfType([u.string, u.shape({
+}).isRequired]) : null, ye = process.env.NODE_ENV !== "production" ? u.oneOfType([u.string, u.shape({
   enter: u.string,
   exit: u.string,
   active: u.string
@@ -67,7 +67,7 @@ var be = process.env.NODE_ENV !== "production" ? u.oneOfType([u.number, u.shape(
   exitDone: u.string,
   exitActive: u.string
 })]) : null;
-const I = g.createContext(null);
+const I = E.createContext(null);
 var Q = function(o) {
   return o.scrollTop;
 }, O = "unmounted", N = "exited", y = "entering", D = "entered", P = "exiting", C = /* @__PURE__ */ function(e) {
@@ -192,12 +192,12 @@ var Q = function(o) {
     var a = L(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
-      /* @__PURE__ */ g.createElement(I.Provider, {
+      /* @__PURE__ */ E.createElement(I.Provider, {
         value: null
-      }, typeof i == "function" ? i(r, a) : g.cloneElement(g.Children.only(i), a))
+      }, typeof i == "function" ? i(r, a) : E.cloneElement(E.Children.only(i), a))
     );
   }, o;
-}(g.Component);
+}(E.Component);
 C.contextType = I;
 C.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -295,7 +295,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
   timeout: function(o) {
-    var l = be;
+    var l = Ne;
     o.addEndListener || (l = l.isRequired);
     for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), t = 1; t < n; t++)
       r[t - 1] = arguments[t];
@@ -389,13 +389,13 @@ C.EXITED = N;
 C.ENTERING = y;
 C.ENTERED = D;
 C.EXITING = P;
-var ye = function(o, l) {
+var Se = function(o, l) {
   return o && l && l.split(" ").forEach(function(n) {
-    return xe(o, n);
+    return Ce(o, n);
   });
 }, A = function(o, l) {
   return o && l && l.split(" ").forEach(function(n) {
-    return Ce(o, n);
+    return be(o, n);
   });
 }, U = /* @__PURE__ */ function(e) {
   F(o, e);
@@ -438,7 +438,7 @@ var ye = function(o, l) {
   var l = o.prototype;
   return l.addClass = function(r, t, i) {
     var a = this.getClassNames(t)[i + "ClassName"], s = this.getClassNames("enter"), c = s.doneClassName;
-    t === "appear" && i === "done" && c && (a += " " + c), i === "active" && r && Q(r), a && (this.appliedClasses[t][i] = a, ye(r, a));
+    t === "appear" && i === "done" && c && (a += " " + c), i === "active" && r && Q(r), a && (this.appliedClasses[t][i] = a, Se(r, a));
   }, l.removeClasses = function(r, t) {
     var i = this.appliedClasses[t], a = i.base, s = i.active, c = i.done;
     this.appliedClasses[t] = {}, a && A(r, a), s && A(r, s), c && A(r, c);
@@ -446,7 +446,7 @@ var ye = function(o, l) {
     var r = this.props;
     r.classNames;
     var t = L(r, ["classNames"]);
-    return /* @__PURE__ */ g.createElement(C, V({}, t, {
+    return /* @__PURE__ */ E.createElement(C, V({}, t, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -455,7 +455,7 @@ var ye = function(o, l) {
       onExited: this.onExited
     }));
   }, o;
-}(g.Component);
+}(E.Component);
 U.defaultProps = {
   classNames: ""
 };
@@ -528,7 +528,7 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
    *  exitDone?: string,
    * }}
    */
-  classNames: Ne,
+  classNames: ye,
   /**
    * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
    * applied.
@@ -593,7 +593,7 @@ function G(e, o) {
     n[r.key] = l(r);
   }), n;
 }
-function Se(e, o) {
+function Te(e, o) {
   e = e || {}, o = o || {};
   function l(p) {
     return p in o ? o[p] : e[p];
@@ -617,7 +617,7 @@ function Se(e, o) {
 function S(e, o, l) {
   return l[o] != null ? l[o] : e.props[o];
 }
-function Te(e, o) {
+function De(e, o) {
   return G(e.children, function(l) {
     return R(l, {
       onExited: o.bind(null, l),
@@ -628,8 +628,8 @@ function Te(e, o) {
     });
   });
 }
-function De(e, o, l) {
-  var n = G(e.children), r = Se(o, n);
+function Oe(e, o, l) {
+  var n = G(e.children), r = Te(o, n);
   return Object.keys(r).forEach(function(t) {
     var i = r[t];
     if (w(i)) {
@@ -650,11 +650,11 @@ function De(e, o, l) {
     }
   }), r;
 }
-var Oe = Object.values || function(e) {
+var ke = Object.values || function(e) {
   return Object.keys(e).map(function(o) {
     return e[o];
   });
-}, ke = {
+}, $e = {
   component: "div",
   childFactory: function(o) {
     return o;
@@ -664,7 +664,7 @@ var Oe = Object.values || function(e) {
   function o(n, r) {
     var t;
     t = e.call(this, n, r) || this;
-    var i = t.handleExited.bind(me(t));
+    var i = t.handleExited.bind(he(t));
     return t.state = {
       contextValue: {
         isMounting: !0
@@ -685,7 +685,7 @@ var Oe = Object.values || function(e) {
   }, o.getDerivedStateFromProps = function(r, t) {
     var i = t.children, a = t.handleExited, s = t.firstRender;
     return {
-      children: s ? Te(r, a) : De(r, i, a),
+      children: s ? De(r, a) : Oe(r, i, a),
       firstRender: !1
     };
   }, l.handleExited = function(r, t) {
@@ -697,14 +697,14 @@ var Oe = Object.values || function(e) {
       };
     }));
   }, l.render = function() {
-    var r = this.props, t = r.component, i = r.childFactory, a = L(r, ["component", "childFactory"]), s = this.state.contextValue, c = Oe(this.state.children).map(i);
-    return delete a.appear, delete a.enter, delete a.exit, t === null ? /* @__PURE__ */ g.createElement(I.Provider, {
+    var r = this.props, t = r.component, i = r.childFactory, a = L(r, ["component", "childFactory"]), s = this.state.contextValue, c = ke(this.state.children).map(i);
+    return delete a.appear, delete a.enter, delete a.exit, t === null ? /* @__PURE__ */ E.createElement(I.Provider, {
       value: s
-    }, c) : /* @__PURE__ */ g.createElement(I.Provider, {
+    }, c) : /* @__PURE__ */ E.createElement(I.Provider, {
       value: s
-    }, /* @__PURE__ */ g.createElement(t, a, c));
+    }, /* @__PURE__ */ E.createElement(t, a, c));
   }, o;
-}(g.Component);
+}(E.Component);
 j.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * `<TransitionGroup>` renders a `<div>` by default. You can change this
@@ -758,12 +758,12 @@ j.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: u.func
 } : {};
-j.defaultProps = ke;
+j.defaultProps = $e;
 const Y = (e) => {
   if (e.size === "small") return e.theme.typography.medium.fontSize;
   if (e.size === "medium") return e.theme.typography.large.fontSize;
   if (e.size === "large") return "1.3125rem";
-}, $e = (e) => {
+}, we = (e) => {
   if (e === "small") return "0.40625rem 0.375rem";
   if (e === "medium") return "0.46875rem 0.375rem";
   if (e === "large") return "0.53125rem 0.375rem";
@@ -771,7 +771,7 @@ const Y = (e) => {
   if (e === "small") return "0.625rem 0.5rem 0.375rem 0.5rem";
   if (e === "medium") return "0.71875rem 0.5625rem 0.375rem 0.5625rem";
   if (e === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
-}, we = x.div`
+}, Re = x.div`
   display: inline-block;
   position: relative;
   box-sizing: border-box;
@@ -780,11 +780,11 @@ const Y = (e) => {
   border-radius: 0.1875rem;
   width: 100%;
   transition: all 250ms ease;
-`, Re = x.div`
+`, Ie = x.div`
   padding: 0.15rem;
   transition: all 250ms ease;
   display: inline-block;
-`, Ie = x.div`
+`, ze = x.div`
   display: inline-block;
   margin: 0.125rem;
   flex-grow: 1;
@@ -793,14 +793,14 @@ const Y = (e) => {
   & > div {
     width: 100%;
   }
-`, ze = x.div`
+`, _e = x.div`
   display: inline-block;
   box-sizing: border-box;
   margin: 0.125rem;
   margin-left: 0.25rem;
   flex-grow: 1;
   transition: all 250ms ease;
-`, _e = x.input`
+`, Me = x.input`
   width: 100%;
   transition: all 250ms ease;
   text-decoration: none;
@@ -809,22 +809,22 @@ const Y = (e) => {
   box-sizing: border-box;
   outline: none;
   border: none;
-  padding: ${(e) => $e(e.size)};
+  padding: ${(e) => we(e.size)};
   background-color: transparent;
   font-family: ${(e) => e.theme.typography.fontFamily};
   font-size: ${(e) => e.theme.typography[e.size].fontSize};
   color: ${(e) => e.theme.palette[e.color].textDark};
   border-radius: 0.1875rem;
-`, Me = x.div`
+`, Ae = x.div`
   display: flex;
   width: 100%;
-`, Ae = x.div`
+`, Pe = x.div`
   padding: ${(e) => Z(e.size)};
   color: ${(e) => e.disabled ? e.theme.palette.gray[800] : e.theme.palette[e.color].main};
   font-size: ${(e) => Y(e)};
   background-color: whitesmoke;
   transition: all 250ms ease;
-`, Pe = x.div`
+`, Le = x.div`
   padding: ${(e) => Z(e.size)};
   color: ${(e) => e.disabled ? e.theme.palette.gray[800] : e.theme.palette[e.color].main};
   font-size: ${(e) => Y(e)};
@@ -833,7 +833,7 @@ const Y = (e) => {
   cursor: ${(e) => e.disabled === !0 ? "default" : "pointer"};
   margin-right: 0;
   margin-left: auto;
-`, Le = x.div`
+`, Ve = x.div`
   position: absolute;
   background-color: white;
   z-index: 1;
@@ -846,7 +846,7 @@ const Y = (e) => {
   display: flex;
   flex-direction: column;
   transition: all 250ms ease;
-`, Ve = x.div`
+`, Fe = x.div`
   font-family: ${(e) => e.theme.typography.fontFamily};
   font-size: ${(e) => e.theme.typography[e.size].fontSize};
   padding: 0.375rem;
@@ -860,9 +860,9 @@ const Y = (e) => {
   }
 `, K = (e) => {
   const { items: o, suggestions: l, onChange: n, id: r, disabled: t, className: i, size: a, color: s } = e, [c, p] = M(""), [m, h] = M(!1), [b, k] = M(0);
-  let W = g.createRef();
-  const { theme: ee } = pe();
-  let E = { size: a, color: s, theme: ee };
+  let W = ce();
+  const { theme: ee } = fe();
+  let g = { size: a, color: s, theme: ee };
   const te = () => ("10000000-1000-4000-8000" + -1e11).replace(
     /[018]/g,
     (d) => (d ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> d / 4).toString(16)
@@ -897,10 +897,10 @@ const Y = (e) => {
     f[d] = { ...f[d], active: !f[d].active }, n(r, f, f[d]);
   }, se = () => {
     if (m)
-      return /* @__PURE__ */ v(ge, { children: /* @__PURE__ */ v(Le, { ...E, children: l.map((d, f) => /* @__PURE__ */ X(
-        Ve,
+      return /* @__PURE__ */ v(Ee, { children: /* @__PURE__ */ v(Ve, { ...g, children: l.map((d, f) => /* @__PURE__ */ X(
+        Fe,
         {
-          ...E,
+          ...g,
           key: f,
           onMouseDown: () => B(d),
           hover: b === f
@@ -908,22 +908,22 @@ const Y = (e) => {
         `${d.description} - ${d.operationDescription}`
       )) }) });
   };
-  return /* @__PURE__ */ _(we, { className: i, ...E, children: [
-    /* @__PURE__ */ _(Me, { ...E, children: [
-      /* @__PURE__ */ v(Ae, { ...E, disabled: t, children: /* @__PURE__ */ v("i", { className: "fas fa-search fa-fw" }) }),
-      /* @__PURE__ */ _(Re, { ...E, children: [
+  return /* @__PURE__ */ _(Re, { className: i, ...g, children: [
+    /* @__PURE__ */ _(Ae, { ...g, children: [
+      /* @__PURE__ */ v(Pe, { ...g, disabled: t, children: /* @__PURE__ */ v("i", { className: "fas fa-search fa-fw" }) }),
+      /* @__PURE__ */ _(Ie, { ...g, children: [
         /* @__PURE__ */ v(j, { component: null, children: o.map((d, f) => /* @__PURE__ */ v(U, { timeout: 200, classNames: "item", children: /* @__PURE__ */ X(
-          Ie,
+          ze,
           {
-            ...E,
+            ...g,
             key: f,
             first: f === 0,
             title: `${d.description} - ${d.operationDescription}:  ${d.value}`
           },
           /* @__PURE__ */ v(
-            ce,
+            de,
             {
-              ...E,
+              ...g,
               id: d.id,
               text: d.description,
               additionalInfo: d.value,
@@ -934,10 +934,10 @@ const Y = (e) => {
             }
           )
         ) }, f)) }),
-        /* @__PURE__ */ v(ze, { ...E, children: /* @__PURE__ */ v(
-          _e,
+        /* @__PURE__ */ v(_e, { ...g, children: /* @__PURE__ */ v(
+          Me,
           {
-            ...E,
+            ...g,
             ref: W,
             value: c,
             onBlur: re,
@@ -947,7 +947,7 @@ const Y = (e) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ v(Pe, { ...E, disabled: t, children: /* @__PURE__ */ v(
+      /* @__PURE__ */ v(Le, { ...g, disabled: t, children: /* @__PURE__ */ v(
         "i",
         {
           className: "fas fa-times fa-fw",

package/dist/Sidebar.js

@@ -1,10 +1,10 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import S, { useState as x, useEffect as C } from "react";
+import { forwardRef as S, useState as x, useEffect as C } from "react";
 import { P as s } from "./index-BYnWp42a.js";
 import { n as l } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import _ from "./Icon.js";
-import { u as y } from "./utils-C52T57HO.js";
-import { u as $ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import y from "./Icon.js";
+import { u as $ } from "./utils-C52T57HO.js";
+import { u as _ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const v = l.aside`
   direction: ${(e) => e.placement == "right" ? "rtl" : "ltr"};
   position: relative;
@@ -43,17 +43,17 @@ const v = l.aside`
       transition: transform 0.6s ease;
     }
   }
-`, m = S.forwardRef((e, f) => {
+`, m = S((e, f) => {
   const {
     placement: r,
     collapsed: a = void 0,
     hideCollapseButton: h = !1,
     size: n = "15rem",
-    children: u,
+    children: b,
     className: d,
     __TYPE__: T = "Sidebar",
-    ...b
-  } = e, c = $(), p = y(), [t, i] = x();
+    ...u
+  } = e, c = _(), p = $(), [t, i] = x();
   return C(() => {
     a != null ? i(a) : p == "XS" || p == "S" ? i(!0) : i(!1);
   }, [a]), /* @__PURE__ */ g(
@@ -65,7 +65,7 @@ const v = l.aside`
       size: n,
       theme: c,
       ref: f,
-      ...b,
+      ...u,
       children: [
         !h && /* @__PURE__ */ o(
           z,
@@ -75,7 +75,7 @@ const v = l.aside`
             sidebarCollapsed: t,
             theme: c,
             children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
-              _,
+              y,
               {
                 className: "sidebar-icon-lnc",
                 icon: r == "right" ? "angle-right" : "angle-left",
@@ -90,7 +90,7 @@ const v = l.aside`
             className: "lnc-sidebar-content",
             sidebarCollapsed: t,
             size: n,
-            children: u
+            children: b
           }
         )
       ]