@lanaco/lnc-react-ui 4.0.2 → 4.0.5

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 { n as x } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as u } from "./index-Ds9PUTwb.js";
-import ce from "./Chip.js";
-import { k as de } from "./emotion-react.browser.esm-OWM-uG8Q.js";
-import { useTheme as pe } from "./ThemeProvider.js";
+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 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-CSejtOeT.js";
-import { a as fe, _ as me } from "./setPrototypeOf-a891FLQJ.js";
-import { R as $ } from "./index-CZJEA84h.js";
-const he = de`
+import { _ as V } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { _ as me, a as he } from "./setPrototypeOf-CttqfWo1.js";
+import { R as $ } from "./index--Kmch3aI.js";
+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/Separator.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),l=require("react"),r=require("./index-DXnSjbfJ.cjs"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./utils-hdRGTsQ7.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),d=m.newStyled.div`
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),r=require("./index-BIlhCoy2.cjs"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./utils-DTAPpJXU.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),d=m.newStyled.div`
   height: 1px;
   background-color: ${e=>u.getColorRgbaValue(e.theme,"MenuItem","default","enabled","separator")};
   margin-left: -0.25rem;

package/dist/Separator.js

@@ -1,9 +1,9 @@
 import { jsx as p } from "react/jsx-runtime";
-import l from "react";
-import { P as r } from "./index-Ds9PUTwb.js";
-import { n } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { b as i } from "./utils-DEke8iwo.js";
-import { u as c } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { forwardRef as l } from "react";
+import { P as r } from "./index-BYnWp42a.js";
+import { n } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as i } from "./utils-C52T57HO.js";
+import { u as c } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const f = n.div`
   height: 1px;
   background-color: ${(e) => i(
@@ -15,14 +15,14 @@ const f = n.div`
 )};
   margin-left: -0.25rem;
   margin-right: -0.25rem;
-`, d = l.forwardRef((e, t) => {
-  const { className: o = "", style: a = {}, ...s } = e, m = c();
+`, d = l((e, o) => {
+  const { className: t = "", style: a = {}, ...s } = e, m = c();
   return /* @__PURE__ */ p(
     f,
     {
-      ref: t,
+      ref: o,
       theme: m,
-      className: "lnc-ui-dropdown-separator " + o,
+      className: "lnc-ui-dropdown-separator " + t,
       style: a,
       ...s
     }

package/dist/Sidebar.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-DXnSjbfJ.cjs"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),x=require("./Icon.cjs"),g=require("./utils-hdRGTsQ7.cjs"),y=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=l.newStyled.aside`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-BIlhCoy2.cjs"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),x=require("./Icon.cjs"),g=require("./utils-DTAPpJXU.cjs"),y=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=l.newStyled.aside`
   direction: ${e=>e.placement=="right"?"rtl":"ltr"};
   position: relative;
   && {

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 { P as s } from "./index-Ds9PUTwb.js";
-import { n as l } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import _ from "./Icon.js";
-import { u as y } from "./utils-DEke8iwo.js";
-import { u as $ } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+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 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
           }
         )
       ]

package/dist/Spinner.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime");require("react");const n=require("./index-DXnSjbfJ.cjs"),i=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./emotion-react.browser.esm-DQBL7Wls.cjs"),t=require("./utils-hdRGTsQ7.cjs"),g=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),p={small:"0.6rem",medium:"0.7rem",large:"0.8rem"},b=(e,r)=>{if(e==="small")return`
+"use strict";const s=require("react/jsx-runtime"),n=require("./index-BIlhCoy2.cjs"),i=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./emotion-react.browser.esm-D7h2t2Bz.cjs"),t=require("./utils-DTAPpJXU.cjs"),g=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),p={small:"0.6rem",medium:"0.7rem",large:"0.8rem"},b=(e,r)=>{if(e==="small")return`
           width: ${r.sizes.small};
           height: ${r.sizes.small};
         `;if(e==="medium")return`

package/dist/Spinner.js

@@ -1,15 +1,14 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import "react";
-import { P as i } from "./index-Ds9PUTwb.js";
-import { n as s } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { k as p } from "./emotion-react.browser.esm-OWM-uG8Q.js";
-import { a as g, b as n } from "./utils-DEke8iwo.js";
-import { u as h } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { P as n } from "./index-BYnWp42a.js";
+import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { k as p } from "./emotion-react.browser.esm-CN-s34fZ.js";
+import { g, a as i } from "./utils-C52T57HO.js";
+import { u as h } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const u = {
   small: "0.6rem",
   medium: "0.7rem",
   large: "0.8rem"
-}, b = (e, r) => {
+}, f = (e, r) => {
   if (e === "small")
     return `
           width: ${r.sizes.small};
@@ -25,7 +24,7 @@ const u = {
           width: ${r.sizes.large};
           height: ${r.sizes.large};
         `;
-}, f = p`
+}, b = p`
   to {
     transform: rotate(360deg);
   }
@@ -42,7 +41,7 @@ const u = {
     transform: translate(-50%, -50%);
     ${(e) => g(e.theme, "Spinner", e.size, "enabled")};
     font-size: ${(e) => u[e.size]};
-    color: ${(e) => n(
+    color: ${(e) => i(
   e.theme,
   "Spinner",
   e.color,
@@ -52,8 +51,8 @@ const u = {
   }
 `, $ = s.div`
   display: inline-block;
-  ${(e) => b(e.size, e.theme)}
-  border: ${(e) => `0.3125rem solid ${n(
+  ${(e) => f(e.size, e.theme)}
+  border: ${(e) => `0.3125rem solid ${i(
   e.theme,
   "Spinner",
   e.color,
@@ -61,14 +60,14 @@ const u = {
   "unfilled"
 )}`};
   border-radius: 50%;
-  border-top-color: ${(e) => n(
+  border-top-color: ${(e) => i(
   e.theme,
   "Spinner",
   e.color,
   "enabled",
   "background"
 )};
-  border-right-color: ${(e) => n(
+  border-right-color: ${(e) => i(
   e.theme,
   "Spinner",
   e.color,
@@ -76,9 +75,15 @@ const u = {
   "background"
 )};
 
-  animation: ${f} 0.8s ease-in-out infinite;
+  animation: ${b} 0.8s ease-in-out infinite;
 `, z = (e) => {
-  const { label: r, className: a = "", style: l = {}, size: m = "small", color: d = "primary" } = e, t = { theme: h(), size: m, color: d };
+  const {
+    label: r,
+    className: a = "",
+    style: l = {},
+    size: m = "small",
+    color: d = "primary"
+  } = e, t = { theme: h(), size: m, color: d };
   return /* @__PURE__ */ c(
     y,
     {
@@ -94,11 +99,11 @@ const u = {
   );
 };
 z.propTypes = {
-  label: i.string,
-  className: i.string,
-  style: i.object,
-  size: i.oneOf(["small", "medium", "large"]),
-  color: i.oneOf([
+  label: n.string,
+  className: n.string,
+  style: n.object,
+  size: n.oneOf(["small", "medium", "large"]),
+  color: n.oneOf([
     "primary",
     "secondary",
     "success",

package/dist/Surface.cjs

@@ -1,7 +1,7 @@
-"use strict";const x=require("react/jsx-runtime");require("react");const c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-DXnSjbfJ.cjs"),s=require("./utils-hdRGTsQ7.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=c.newStyled.div`
+"use strict";const x=require("react/jsx-runtime"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BIlhCoy2.cjs"),s=require("./utils-DTAPpJXU.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=c.newStyled.div`
   padding: ${e=>e.padding};
   box-shadow: ${e=>s.getBoxShadowValue(e.theme,e.boxShadow)};
   border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   width: ${e=>e.fullWidth?"100%":"fit-content"};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
-`,o=({children:e,style:t={},className:d="",boxShadow:i="s",borderRadius:n="regular",padding:l="s",fullWidth:a=!1})=>{const u=p.useTheme(),m={xs:"0.25rem",s:"0.5rem",m:"0.75rem",l:"1rem",xl:"1.25rem",xxl:"1.5rem"};return x.jsx(g,{theme:u,style:t,className:"lnc-ui-surface "+d,borderRadius:n,boxShadow:i,padding:m[l],fullWidth:a,children:e})};o.propTypes={borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),boxShadow:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),paddign:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),fullWidth:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object};module.exports=o;
+`,o=({children:e,style:t={},className:d="",boxShadow:n="s",borderRadius:i="regular",padding:l="s",fullWidth:a=!1})=>{const u=p.useTheme(),m={xs:"0.25rem",s:"0.5rem",m:"0.75rem",l:"1rem",xl:"1.25rem",xxl:"1.5rem"};return x.jsx(g,{theme:u,style:t,className:"lnc-ui-surface "+d,borderRadius:i,boxShadow:n,padding:m[l],fullWidth:a,children:e})};o.propTypes={borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),boxShadow:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),paddign:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),fullWidth:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object};module.exports=o;