@lanaco/lnc-react-ui 4.0.2 → 4.0.5

package/dist/Accordion.cjs

@@ -1,4 +1,4 @@
-"use strict";const g=require("react/jsx-runtime"),t=require("react"),o=require("./index-DXnSjbfJ.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),l=require("./utils-hdRGTsQ7.cjs"),R=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),S=require("./useUpdateEffect-BtMgpgIV.cjs"),N=x.newStyled.div`
+"use strict";const g=require("react/jsx-runtime"),t=require("react"),o=require("./index-BIlhCoy2.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),l=require("./utils-DTAPpJXU.cjs"),R=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),S=require("./useUpdateEffect-BtMgpgIV.cjs"),N=x.newStyled.div`
   color: ${s=>!s.disabled&&l.getColorRgbaValue(s.theme,"Accordion","primary","enabled","text")};
   background-color: transparent;
   ${s=>l.getComponentTypographyCss(s.theme,"Accordion",s.size,"enabled")};

package/dist/Accordion.js

@@ -1,65 +1,70 @@
-import { jsxs as E } from "react/jsx-runtime";
-import a, { useState as g } from "react";
-import { P as o } from "./index-Ds9PUTwb.js";
-import { n as N } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { b as O, a as R, g as S } from "./utils-DEke8iwo.js";
-import { u as x } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { u as D } from "./useUpdateEffect-CuYWz7EA.js";
-const T = N.div`
-  color: ${(t) => !t.disabled && O(t.theme, "Accordion", "primary", "enabled", "text")};
+import { jsxs as N } from "react/jsx-runtime";
+import { forwardRef as O, useState as S, Children as i, isValidElement as c, cloneElement as f } from "react";
+import { P as s } from "./index-BYnWp42a.js";
+import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as D, g as R, h as T } from "./utils-C52T57HO.js";
+import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as P } from "./useUpdateEffect-CuYWz7EA.js";
+const M = x.div`
+  color: ${(o) => !o.disabled && D(o.theme, "Accordion", "primary", "enabled", "text")};
   background-color: transparent;
-  ${(t) => R(t.theme, "Accordion", t.size, "enabled")};
-  ${(t) => t.disabled === !0 ? S(t.theme) : ""}
-`, I = a.forwardRef((t, c) => {
+  ${(o) => R(o.theme, "Accordion", o.size, "enabled")};
+  ${(o) => o.disabled === !0 ? T(o.theme) : ""}
+`, Y = O((o, u) => {
   const {
     expanded: r = !1,
-    disabled: l = !1,
-    change: f = () => {
+    disabled: m = !1,
+    change: y = () => {
     },
-    size: m = "small",
-    className: u = "",
-    style: C = {},
-    children: d,
-    ...y
-  } = t, _ = { theme: x(), size: m, style: C, className: "lnc-ui-accordion " + u }, [n, p] = g(r);
-  D(() => {
-    p(r);
+    size: n = "small",
+    className: C = "",
+    style: b = {},
+    children: p,
+    ...A
+  } = o, _ = {
+    theme: I(),
+    size: n,
+    style: b,
+    className: "lnc-ui-accordion " + C
+  }, [t, l] = S(r);
+  P(() => {
+    l(r);
   }, [r]);
-  const i = (e) => {
-    f(!n, e), p(!n);
-  }, b = a.Children.map(d, (e) => {
-    var s;
-    if (a.isValidElement(e) && (e.props.__TYPE__ == "ACCORDION_SUMMARY" || ((s = e == null ? void 0 : e.type) == null ? void 0 : s.displayName) === "ACCORDION_SUMMARY"))
-      return a.cloneElement(e, {
-        size: m,
-        onClick: i,
-        onExpand: i,
-        isExpanded: n,
-        disabled: l
+  const d = (e) => {
+    y(!t, e), l(!t);
+  }, g = i.map(p, (e) => {
+    var a;
+    if (c(e) && (e.props.__TYPE__ == "ACCORDION_SUMMARY" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "ACCORDION_SUMMARY"))
+      return f(e, {
+        size: n,
+        onClick: d,
+        onExpand: d,
+        isExpanded: t,
+        disabled: m
       });
-  }), A = a.Children.map(d, (e) => {
-    var s;
-    if (a.isValidElement(e) && (e.props.__TYPE__ == "ACCORDION_DETAILS" || ((s = e == null ? void 0 : e.type) == null ? void 0 : s.displayName) === "ACCORDION_DETAILS"))
-      return a.cloneElement(e, {
-        size: m,
-        isExpanded: n
+  }), E = i.map(p, (e) => {
+    var a;
+    if (c(e) && (e.props.__TYPE__ == "ACCORDION_DETAILS" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "ACCORDION_DETAILS"))
+      return f(e, {
+        size: n,
+        isExpanded: t
       });
   });
-  return /* @__PURE__ */ E(T, { ref: c, ..._, disabled: l, ...y, children: [
-    b,
-    A
+  return /* @__PURE__ */ N(M, { ref: u, ..._, disabled: m, ...A, children: [
+    g,
+    E
   ] });
 });
-I.propTypes = {
-  expanded: o.bool,
-  disabled: o.bool,
+Y.propTypes = {
+  expanded: s.bool,
+  disabled: s.bool,
   //--------------------------------------------------------------
-  change: o.func,
+  change: s.func,
   //---------------------------------------------------------------
-  className: o.string,
-  style: o.object,
-  size: o.oneOf(["small", "medium", "large"])
+  className: s.string,
+  style: s.object,
+  size: s.oneOf(["small", "medium", "large"])
 };
 export {
-  I as default
+  Y as default
 };

package/dist/AccordionDetails.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("react"),t=require("./index-DXnSjbfJ.cjs"),u=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),i=(e,r)=>r=="medium"?`${e?"0.4rem":"0"} 1.25rem ${e?"0.8rem":"0"} 1.25rem`:r=="large"?`${e?"0.6rem":"0"} 1.5rem ${e?"1rem":"0"} 1.5rem`:`${e?"0.2rem":"0"} 1rem ${e?"0.6rem":"0"} 1rem`,c=u.newStyled.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("react"),t=require("./index-BIlhCoy2.cjs"),u=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),i=(e,r)=>r=="medium"?`${e?"0.4rem":"0"} 1.25rem ${e?"0.8rem":"0"} 1.25rem`:r=="large"?`${e?"0.6rem":"0"} 1.5rem ${e?"1rem":"0"} 1.5rem`:`${e?"0.2rem":"0"} 1rem ${e?"0.6rem":"0"} 1rem`,c=u.newStyled.div`
   transform: ${e=>e.isExpanded?"scaleY(1)":"scaleY(0)"};
   transform-origin: top;
   transition: transform 0.25s ease;

package/dist/AccordionDetails.js

@@ -1,32 +1,32 @@
 import { jsx as n } from "react/jsx-runtime";
-import l from "react";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { n as f } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { forwardRef as l } from "react";
+import { P as m } from "./index-BYnWp42a.js";
+import { n as f } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 const d = (r, e) => e == "medium" ? `${r ? "0.4rem" : "0"} 1.25rem ${r ? "0.8rem" : "0"} 1.25rem` : e == "large" ? `${r ? "0.6rem" : "0"} 1.5rem ${r ? "1rem" : "0"} 1.5rem` : `${r ? "0.2rem" : "0"} 1rem ${r ? "0.6rem" : "0"} 1rem`, c = f.div`
   transform: ${(r) => r.isExpanded ? "scaleY(1)" : "scaleY(0)"};
   transform-origin: top;
   transition: transform 0.25s ease;
   max-height: ${(r) => r.isExpanded ? "auto" : "0"};
   padding: ${(r) => d(r.isExpanded, r.size)};
-`, m = l.forwardRef((r, e) => {
+`, t = l((r, e) => {
   const {
-    __TYPE__: _ = "ACCORDION_DETAILS",
+    __TYPE__: p = "ACCORDION_DETAILS",
     isExpanded: s,
-    size: a = "small",
-    children: o,
+    size: o = "small",
+    children: a,
     ...i
   } = r;
-  return /* @__PURE__ */ n(c, { ref: e, size: a, isExpanded: s, ...i, children: o });
+  return /* @__PURE__ */ n(c, { ref: e, size: o, isExpanded: s, ...i, children: a });
 });
-m.propTypes = {
-  __TYPE__: t.string,
+t.propTypes = {
+  __TYPE__: m.string,
   //---------------------------------------------------------------
-  className: t.string,
-  style: t.object,
-  size: t.oneOf(["small", "medium", "large"])
+  className: m.string,
+  style: m.object,
+  size: m.oneOf(["small", "medium", "large"])
 };
-m.displayName = "ACCORDION_DETAILS";
+t.displayName = "ACCORDION_DETAILS";
 export {
-  m as default,
+  t as default,
   d as getPadding
 };

package/dist/AccordionSummary.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),f=require("react"),s=require("./index-DXnSjbfJ.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./Icon.cjs"),C=require("./utils-hdRGTsQ7.cjs"),P=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),h={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=x.newStyled.div`
+"use strict";const o=require("react/jsx-runtime"),f=require("react"),s=require("./index-BIlhCoy2.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./Icon.cjs"),C=require("./utils-DTAPpJXU.cjs"),P=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),h={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=x.newStyled.div`
   display: flex;
   justify-content: space-between;
   cursor: pointer;

package/dist/AccordionSummary.js

@@ -1,10 +1,10 @@
 import { jsxs as y, jsx as _ } from "react/jsx-runtime";
-import C from "react";
-import { P as o } from "./index-Ds9PUTwb.js";
-import { n as g } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { forwardRef as C } from "react";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import h from "./Icon.js";
-import { b as x } from "./utils-DEke8iwo.js";
-import { u as A } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { a as x } from "./utils-C52T57HO.js";
+import { u as A } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const N = {
   small: "0.6rem 1rem",
   medium: "0.8rem 1.25rem",
@@ -26,12 +26,12 @@ const N = {
     transform: ${(e) => e.isExpanded ? "rotate(180deg)" : "rotate(0)"};
     transition: transform 0.25s ease;
   }
-`, s = C.forwardRef((e, n) => {
+`, s = C((e, n) => {
   const {
-    __TYPE__: R = "ACCORDION_SUMMARY",
+    __TYPE__: T = "ACCORDION_SUMMARY",
     disabled: a,
-    isExpanded: t,
-    onExpand: m,
+    isExpanded: m,
+    onExpand: t,
     onClick: i = () => {
     },
     size: c = "small",
@@ -46,9 +46,9 @@ const N = {
       ref: n,
       ...u,
       onClick: (r) => {
-        a == !1 && m(r), i(r);
+        a == !1 && t(r), i(r);
       },
-      isExpanded: t,
+      isExpanded: m,
       ...f,
       children: [
         p,

package/dist/ActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),$=require("react"),e=require("./index-DXnSjbfJ.cjs"),B=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./DropdownMenu-B6qr13ik.cjs"),i=require("./DropdownItem.cjs"),V=require("./Separator.cjs"),y=require("./Button.cjs"),b=require("./utils-hdRGTsQ7.cjs"),Y=require("./ThemeProvider.cjs"),Z=B.newStyled.div`
+"use strict";const o=require("react/jsx-runtime"),$=require("react"),e=require("./index-BIlhCoy2.cjs"),B=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),V=require("./DropdownMenu.cjs"),i=require("./DropdownItem.cjs"),Y=require("./Separator.cjs"),y=require("./Button.cjs"),b=require("./utils-DTAPpJXU.cjs"),M=require("./ThemeProvider.cjs"),Z=B.newStyled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;
@@ -16,4 +16,4 @@
     gap: 0.5rem;
   }
 }
-`,c=$.forwardRef((t,T)=>{const{__TYPE__:F="ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:x=!0,createText:d="Create new item",showEdit:m=!0,enableEditOnSelection:g=!0,editText:P="Edit",showDelete:w=!0,enableDeleteOnSelection:h=!0,deleteText:C="Delete",showCopy:f=!0,enableCopyOnSelection:O=!0,copyText:j="Copy",actionsText:S="Actions",customActions:a,selectedRowsLength:n=0,readOnly:s=!1,actionDropdownProps:D,actionsDropdownZIndex:_,actionsDropdownPlacement:q,onCreate:E=()=>{},onEdit:R=()=>{},onDelete:k=()=>{},onCopy:v=()=>{},className:A="",style:I={},color:l="primary",size:p="small",...N}=t,{theme:z}=Y.useTheme();return o.jsxs(Z,{ref:T,theme:z,color:l,className:`lnc-table-view-actions-toolbar ${A}`,style:I,...N,children:[o.jsx("div",{children:u&&s==!1&&o.jsx(y,{leadingIcon:"plus",btnType:"outline",type:"button",color:l,size:p,title:d,disabled:!x,onClick:E,text:d})}),o.jsx("div",{children:o.jsxs(M.DropdownMenu,{className:"lnc-table-view-actions-toolbar-dropdown",color:l,size:p,zIndex:_,placement:q,...D,control:o.jsx(y,{text:S,btnType:"outline",trailingIcon:"angle-down",color:l,size:p,type:"button"}),children:[f&&s==!1&&o.jsx(i,{icon:"copy",disabled:!(O&&n>0),onClick:v,children:j}),m&&s==!1&&o.jsx(i,{icon:"pen",disabled:!(g&&n>0),onClick:R,children:P}),w&&s==!1&&o.jsx(i,{icon:"trash",disabled:!(h&&n>0),onClick:k,children:C}),o.jsx(V,{}),a==null?void 0:a.map((r,L)=>{if((r==null?void 0:r.show)!=!1)return o.jsx(i,{icon:r.icon,disabled:!(r.enableOnSelection==!0&&n>0||r.enable==!0&&r.enableOnSelection==!1),onClick:r.onAction,children:r.name},L)})]})})]})});c.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,editText:e.PropTypes.string,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,deleteText:e.PropTypes.string,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,copyText:e.PropTypes.string,actionsText:e.PropTypes.string,customActions:e.PropTypes.array,selectedRowsLength:e.PropTypes.number,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onCopy:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};c.displayName="ACTIONS_TOOLBAR";module.exports=c;
+`,c=$.forwardRef((t,T)=>{const{__TYPE__:F="ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:x=!0,createText:d="Create new item",showEdit:m=!0,enableEditOnSelection:g=!0,editText:P="Edit",showDelete:w=!0,enableDeleteOnSelection:h=!0,deleteText:C="Delete",showCopy:f=!0,enableCopyOnSelection:O=!0,copyText:j="Copy",actionsText:S="Actions",customActions:a,selectedRowsLength:n=0,readOnly:s=!1,actionDropdownProps:D,actionsDropdownZIndex:_,actionsDropdownPlacement:q,onCreate:E=()=>{},onEdit:R=()=>{},onDelete:k=()=>{},onCopy:v=()=>{},className:A="",style:I={},color:l="primary",size:p="small",...N}=t,{theme:z}=M.useTheme();return o.jsxs(Z,{ref:T,theme:z,color:l,className:`lnc-table-view-actions-toolbar ${A}`,style:I,...N,children:[o.jsx("div",{children:u&&s==!1&&o.jsx(y,{leadingIcon:"plus",btnType:"outline",type:"button",color:l,size:p,title:d,disabled:!x,onClick:E,text:d})}),o.jsx("div",{children:o.jsxs(V,{className:"lnc-table-view-actions-toolbar-dropdown",color:l,size:p,zIndex:_,placement:q,...D,control:o.jsx(y,{text:S,btnType:"outline",trailingIcon:"angle-down",color:l,size:p,type:"button"}),children:[f&&s==!1&&o.jsx(i,{icon:"copy",disabled:!(O&&n>0),onClick:v,children:j}),m&&s==!1&&o.jsx(i,{icon:"pen",disabled:!(g&&n>0),onClick:R,children:P}),w&&s==!1&&o.jsx(i,{icon:"trash",disabled:!(h&&n>0),onClick:k,children:C}),o.jsx(Y,{}),a==null?void 0:a.map((r,L)=>{if((r==null?void 0:r.show)!=!1)return o.jsx(i,{icon:r.icon,disabled:!(r.enableOnSelection==!0&&n>0||r.enable==!0&&r.enableOnSelection==!1),onClick:r.onAction,children:r.name},L)})]})})]})});c.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,editText:e.PropTypes.string,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,deleteText:e.PropTypes.string,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,copyText:e.PropTypes.string,actionsText:e.PropTypes.string,customActions:e.PropTypes.array,selectedRowsLength:e.PropTypes.number,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onCopy:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};c.displayName="ACTIONS_TOOLBAR";module.exports=c;

package/dist/ActionsToolbar.js

@@ -1,12 +1,12 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import Y from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as M } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { D as V } from "./DropdownMenu-DZi3TJ8Q.js";
+import { forwardRef as Y } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as M } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import V from "./DropdownMenu.js";
 import i from "./DropdownItem.js";
 import Z from "./Separator.js";
 import b from "./Button.js";
-import { b as m } from "./utils-DEke8iwo.js";
+import { a as m } from "./utils-C52T57HO.js";
 import { useTheme as q } from "./ThemeProvider.js";
 const F = M.div`
   display: flex;
@@ -40,7 +40,7 @@ const F = M.div`
     gap: 0.5rem;
   }
 }
-`, u = Y.forwardRef((n, f) => {
+`, u = Y((n, f) => {
   const {
     __TYPE__: G = "ACTIONS_TOOLBAR",
     showCreate: y = !0,
@@ -52,8 +52,8 @@ const F = M.div`
     showDelete: x = !0,
     enableDeleteOnSelection: C = !0,
     deleteText: O = "Delete",
-    showCopy: D = !0,
-    enableCopyOnSelection: S = !0,
+    showCopy: S = !0,
+    enableCopyOnSelection: D = !0,
     copyText: _ = "Copy",
     actionsText: E = "Actions",
     customActions: s,
@@ -65,11 +65,11 @@ const F = M.div`
     //----------------
     onCreate: N = () => {
     },
-    onEdit: R = () => {
+    onEdit: v = () => {
     },
-    onDelete: v = () => {
+    onDelete: P = () => {
     },
-    onCopy: P = () => {
+    onCopy: R = () => {
     },
     className: j = "",
     style: z = {},
@@ -122,12 +122,12 @@ const F = M.div`
               }
             ),
             children: [
-              D && l == !1 && /* @__PURE__ */ t(
+              S && l == !1 && /* @__PURE__ */ t(
                 i,
                 {
                   icon: "copy",
-                  disabled: !(S && r > 0),
-                  onClick: P,
+                  disabled: !(D && r > 0),
+                  onClick: R,
                   children: _
                 }
               ),
@@ -136,7 +136,7 @@ const F = M.div`
                 {
                   icon: "pen",
                   disabled: !(h && r > 0),
-                  onClick: R,
+                  onClick: v,
                   children: T
                 }
               ),
@@ -145,7 +145,7 @@ const F = M.div`
                 {
                   icon: "trash",
                   disabled: !(C && r > 0),
-                  onClick: v,
+                  onClick: P,
                   children: O
                 }
               ),

package/dist/Alert.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),c=require("react"),r=require("./index-DXnSjbfJ.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),T=require("./ThemeProvider.cjs"),t=require("./utils-hdRGTsQ7.cjs"),s=require("./Icon.cjs"),P=x.newStyled.div`
+"use strict";const o=require("react/jsx-runtime"),c=require("react"),r=require("./index-BIlhCoy2.cjs"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),T=require("./ThemeProvider.cjs"),t=require("./utils-DTAPpJXU.cjs"),s=require("./Icon.cjs"),P=x.newStyled.div`
   min-height: 3rem;
   ${e=>t.getComponentTypographyCss(e.theme,"Alert",e.size,"enabled")};
   line-height: 1.25rem;

package/dist/Alert.js

@@ -1,15 +1,15 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import d from "react";
-import { P as r } from "./index-Ds9PUTwb.js";
-import { n as x } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { useTheme as w } from "./ThemeProvider.js";
-import { a as N, c as A, b as o, d as m } from "./utils-DEke8iwo.js";
+import { forwardRef as y, cloneElement as x } from "react";
+import { P as r } from "./index-BYnWp42a.js";
+import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { useTheme as N } from "./ThemeProvider.js";
+import { g as A, b as $, a as o, c as m } from "./utils-C52T57HO.js";
 import s from "./Icon.js";
-const $ = x.div`
+const T = w.div`
   min-height: 3rem;
-  ${(e) => N(e.theme, "Alert", e.size, "enabled")};
+  ${(e) => A(e.theme, "Alert", e.size, "enabled")};
   line-height: 1.25rem;
-  border-radius: ${(e) => A(e.theme, "regular")};
+  border-radius: ${(e) => $(e.theme, "regular")};
   background-color: ${(e) => o(
   e.theme,
   "Alert",
@@ -69,40 +69,40 @@ const $ = x.div`
 )};
     cursor: pointer;
   }
-`, T = (e) => e == "danger" ? "times-circle" : e == "warning" ? "exclamation-triangle" : e == "success" ? "check-circle" : "exclamation-circle", C = ({ statusIcon: e, color: n }) => typeof e == "boolean" && e == !0 ? /* @__PURE__ */ t(s, { className: "alert-icon", icon: T(n) }) : typeof e == "string" && e !== "" ? /* @__PURE__ */ t(s, { className: "alert-icon", icon: e }) : d.cloneElement(e, {
+`, C = (e) => e == "danger" ? "times-circle" : e == "warning" ? "exclamation-triangle" : e == "success" ? "check-circle" : "exclamation-circle", k = ({ statusIcon: e, color: n }) => typeof e == "boolean" && e == !0 ? /* @__PURE__ */ t(s, { className: "alert-icon", icon: C(n) }) : typeof e == "string" && e !== "" ? /* @__PURE__ */ t(s, { className: "alert-icon", icon: e }) : x(e, {
   className: "alert-icon " + (e == null ? void 0 : e.className)
-}), k = d.forwardRef((e, n) => {
+}), z = y((e, n) => {
   const {
-    className: f = "",
+    className: d = "",
     size: g = "small",
     color: l = "primary",
-    title: h,
+    title: f,
     actions: a,
-    noIcon: p = !1,
+    noIcon: h = !1,
     statusIcon: i = !0,
-    children: u,
+    children: p,
     ...b
-  } = e, { theme: y } = w();
+  } = e, { theme: u } = N();
   return /* @__PURE__ */ c(
-    $,
+    T,
     {
       ref: n,
-      ...{ theme: y, size: g, color: l },
-      className: "lnc-ui-alert " + f,
+      ...{ theme: u, size: g, color: l },
+      className: "lnc-ui-alert " + d,
       actions: a,
       ...b,
       children: [
-        p == !1 && i && /* @__PURE__ */ t(C, { color: l, statusIcon: i }),
+        h == !1 && i && /* @__PURE__ */ t(k, { color: l, statusIcon: i }),
         /* @__PURE__ */ c("div", { className: "alert-content", children: [
-          /* @__PURE__ */ t("div", { className: "alert-title", children: h }),
-          u,
+          /* @__PURE__ */ t("div", { className: "alert-title", children: f }),
+          p,
           /* @__PURE__ */ t("div", { className: "alert-actions", children: a })
         ] })
       ]
     }
   );
 });
-k.propTypes = {
+z.propTypes = {
   title: r.oneOfType([r.string, r.element]),
   actions: r.element,
   /**
@@ -134,5 +134,5 @@ k.propTypes = {
   ])
 };
 export {
-  k as default
+  z as default
 };

package/dist/Avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),T=require("react"),i=require("./index-DXnSjbfJ.cjs"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs");;/* empty css                       */const s=require("./utils-hdRGTsQ7.cjs"),P=require("./Icon.cjs"),f=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),x=I.newStyled.div`
+"use strict";const n=require("react/jsx-runtime"),T=require("react"),i=require("./index-BIlhCoy2.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-DTAPpJXU.cjs"),I=require("./Icon.cjs"),f=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),w=P.newStyled.div`
   border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   color: white;
   display: inline-flex;
@@ -13,4 +13,4 @@
     height: ${e=>e.sizeInUnits?e.sizeInUnits:s.getSizeValueWithUnits(e.theme,e.size)};
     width: ${e=>e.sizeInUnits?e.sizeInUnits:s.getSizeValueWithUnits(e.theme,e.size)};
   }
-`,a=T.forwardRef((e,l)=>{const{image:r,icon:c="user",tabIndex:w,sizeInUnits:t,disabled:q=!1,borderRadius:u="curved",onFocus:d=()=>{},onBlur:m=()=>{},onClick:g=()=>{},size:o="small",color:h="primary",className:y="",style:z={},...b}=e,U={theme:f.useTheme(),color:h,style:z,size:o,sizeInUnits:t,className:"lnc-ui-avatar "+y};return n.jsx(x,{ref:l,...U,borderRadius:u,onClick:g,onFocus:d,onBlur:m,...b,children:r?n.jsx("img",{src:r}):n.jsx(P,{icon:c,size:o,sizeInUnits:t?`calc(${t} / 2)`:null})})});a.propTypes={image:i.PropTypes.string,icon:i.PropTypes.string,tabIndex:i.PropTypes.number,sizeInUnits:i.PropTypes.string,disabled:i.PropTypes.bool,borderRadius:i.PropTypes.oneOf(["slight","regular","edged","curved","none"]),onBlur:i.PropTypes.func,onFocus:i.PropTypes.func,onClick:i.PropTypes.func,className:i.PropTypes.string,style:i.PropTypes.object,size:i.PropTypes.oneOf(["small","medium","large"]),color:i.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=a;
+`,a=T.forwardRef((e,l)=>{const{image:r,icon:c="user",sizeInUnits:t,borderRadius:u="curved",onFocus:d=()=>{},onBlur:m=()=>{},onClick:g=()=>{},size:o="small",color:h="primary",className:y="",style:z={},...b}=e,U={theme:f.useTheme(),color:h,style:z,size:o,sizeInUnits:t,className:"lnc-ui-avatar "+y};return n.jsx(w,{ref:l,...U,borderRadius:u,onClick:g,onFocus:d,onBlur:m,...b,children:r?n.jsx("img",{src:r}):n.jsx(I,{icon:c,size:o,sizeInUnits:t?`calc(${t} / 2)`:null})})});a.propTypes={image:i.PropTypes.string,icon:i.PropTypes.string,tabIndex:i.PropTypes.number,sizeInUnits:i.PropTypes.string,disabled:i.PropTypes.bool,borderRadius:i.PropTypes.oneOf(["slight","regular","edged","curved","none"]),onBlur:i.PropTypes.func,onFocus:i.PropTypes.func,onClick:i.PropTypes.func,className:i.PropTypes.string,style:i.PropTypes.object,size:i.PropTypes.oneOf(["small","medium","large"]),color:i.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=a;

package/dist/Avatar.js

@@ -1,11 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
-import I from "react";
-import { P as i } from "./index-Ds9PUTwb.js";
-import { n as U } from "./emotion-styled.browser.esm-BZSYYThs.js";
-/* empty css                     */
-import { c as y, f as t, g as $, b as v } from "./utils-DEke8iwo.js";
+import { forwardRef as I } from "react";
+import { P as i } from "./index-BYnWp42a.js";
+import { n as U } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { b as y, d as t, h as $, a as v } from "./utils-C52T57HO.js";
 import w from "./Icon.js";
-import { u as R } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as R } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const x = U.div`
   border-radius: ${(e) => y(e.theme, e.borderRadius)};
   color: white;
@@ -21,16 +20,14 @@ const x = U.div`
     height: ${(e) => e.sizeInUnits ? e.sizeInUnits : t(e.theme, e.size)};
     width: ${(e) => e.sizeInUnits ? e.sizeInUnits : t(e.theme, e.size)};
   }
-`, C = I.forwardRef((e, o) => {
+`, C = I((e, o) => {
   const {
     image: a,
     icon: l = "user",
-    tabIndex: S,
     sizeInUnits: n,
-    disabled: j = !1,
-    borderRadius: d = "curved",
+    borderRadius: m = "curved",
     //----------------
-    onFocus: m = () => {
+    onFocus: d = () => {
     },
     onBlur: c = () => {
     },
@@ -38,28 +35,28 @@ const x = U.div`
     },
     //----------------
     size: r = "small",
-    color: g = "primary",
-    className: h = "",
+    color: h = "primary",
+    className: g = "",
     style: f = {},
-    ...b
-  } = e, z = {
+    ...z
+  } = e, b = {
     theme: R(),
-    color: g,
+    color: h,
     style: f,
     size: r,
     sizeInUnits: n,
-    className: "lnc-ui-avatar " + h
+    className: "lnc-ui-avatar " + g
   };
   return /* @__PURE__ */ s(
     x,
     {
       ref: o,
-      ...z,
-      borderRadius: d,
+      ...b,
+      borderRadius: m,
       onClick: u,
-      onFocus: m,
+      onFocus: d,
       onBlur: c,
-      ...b,
+      ...z,
       children: a ? /* @__PURE__ */ s("img", { src: a }) : /* @__PURE__ */ s(
         w,
         {

package/dist/Badge.cjs

@@ -1,4 +1,4 @@
-"use strict";const h=require("react/jsx-runtime"),p=require("react"),r=require("./index-DXnSjbfJ.cjs"),f=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-hdRGTsQ7.cjs"),z=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=f.newStyled.div`
+"use strict";const h=require("react/jsx-runtime"),p=require("react"),r=require("./index-BIlhCoy2.cjs"),f=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-DTAPpJXU.cjs"),z=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=f.newStyled.div`
   ${e=>s.getComponentTypographyCss(e.theme,"Badge",e.size,"enabled")};
   background-color: ${e=>s.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","background","backgroundOpacity")};
   color: ${e=>s.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","text")};

package/dist/Badge.js

@@ -1,12 +1,12 @@
 import { jsx as h } from "react/jsx-runtime";
-import y from "react";
-import { P as r } from "./index-Ds9PUTwb.js";
-import { n as b } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as p, b as t, c as z } from "./utils-DEke8iwo.js";
-import { u as $ } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", R = b.div`
+import { forwardRef as y } from "react";
+import { P as r } from "./index-BYnWp42a.js";
+import { n as b } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as p, a as o, b as z } from "./utils-C52T57HO.js";
+import { u as $ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B = b.div`
   ${(e) => p(e.theme, "Badge", e.size, "enabled")};
-  background-color: ${(e) => t(
+  background-color: ${(e) => o(
   e.theme,
   "Badge",
   e.color,
@@ -14,7 +14,7 @@ const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", R
   "background",
   "backgroundOpacity"
 )};
-  color: ${(e) => t(e.theme, "Badge", e.color, "enabled", "text")};
+  color: ${(e) => o(e.theme, "Badge", e.color, "enabled", "text")};
   border-radius: ${(e) => z(e.theme, e.borderRadius)};
   display: inline-flex;
   min-width: ${(e) => a(e.size)};
@@ -27,7 +27,7 @@ const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", R
   & i {
     font-size: ${(e) => e.size == "small" ? "0.75rem" : e.size == "medium" ? "0.875rem" : "1rem"};
   }
-`, B = y.forwardRef((e, o) => {
+`, R = y((e, t) => {
   const {
     borderRadius: i = "curved",
     onClick: n = () => {
@@ -37,11 +37,18 @@ const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", R
     color: d = "primary",
     size: l = "small",
     children: c,
-    ...u
-  } = e, g = $(), f = { borderRadius: i, theme: g, size: l, color: d, className: "lnc-ui-badge " + s, style: m };
-  return /* @__PURE__ */ h(R, { ref: o, ...f, onClick: n, ...u, children: c });
+    ...g
+  } = e, u = $(), f = {
+    borderRadius: i,
+    theme: u,
+    size: l,
+    color: d,
+    className: "lnc-ui-badge " + s,
+    style: m
+  };
+  return /* @__PURE__ */ h(B, { ref: t, ...f, onClick: n, ...g, children: c });
 });
-B.propTypes = {
+R.propTypes = {
   onClick: r.func,
   borderRadius: r.oneOf([
     "slight",
@@ -66,5 +73,5 @@ B.propTypes = {
   size: r.oneOf(["small", "medium", "large"])
 };
 export {
-  B as default
+  R as default
 };

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-DXnSjbfJ.cjs"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./utils-hdRGTsQ7.cjs"),R=require("./Icon.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),z=c.newStyled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BIlhCoy2.cjs"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./utils-DTAPpJXU.cjs"),R=require("./Icon.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),z=c.newStyled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};