@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/Avatar.js

@@ -1,12 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
-import { P as i } from "./index-CblbdqjE.js";
-import { s as U } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { a as y, d as t, h as $, b as v } from "./utils-DtEfC-TX.js";
-import w from "./Icon.js";
-import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const x = U.div`
-  border-radius: ${(e) => y(e.theme, e.borderRadius)};
+import { forwardRef as U } from "react";
+import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { a as b, d as t, h as $, b as v } from "./utils-DtEfC-TX.js";
+import y from "./Icon.js";
+import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const R = I.div`
+  border-radius: ${(e) => b(e.theme, e.borderRadius)};
   color: white;
   display: inline-flex;
   justify-content: center;
@@ -20,92 +19,54 @@ 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((e, o) => {
+`, B = U((e, r) => {
   const {
-    image: a,
+    image: n,
     icon: l = "user",
-    sizeInUnits: n,
+    sizeInUnits: i,
     borderRadius: m = "curved",
     //----------------
     onFocus: d = () => {
     },
-    onBlur: c = () => {
+    onBlur: o = () => {
     },
-    onClick: u = () => {
+    onClick: c = () => {
     },
     //----------------
-    size: r = "small",
+    size: a = "small",
     color: h = "primary",
-    className: g = "",
-    style: f = {},
-    ...z
-  } = e, b = {
-    theme: R(),
+    className: u = "",
+    style: z = {},
+    ...f
+  } = e, g = {
+    theme: w(),
     color: h,
-    style: f,
-    size: r,
-    sizeInUnits: n,
-    className: "lnc-ui-avatar " + g
+    style: z,
+    size: a,
+    sizeInUnits: i,
+    className: "lnc-ui-avatar " + u
   };
   return /* @__PURE__ */ s(
-    x,
+    R,
     {
-      ref: o,
-      ...b,
+      ref: r,
+      ...g,
       borderRadius: m,
-      onClick: u,
+      onClick: c,
       onFocus: d,
-      onBlur: c,
-      ...z,
-      children: a ? /* @__PURE__ */ s("img", { src: a }) : /* @__PURE__ */ s(
-        w,
+      onBlur: o,
+      ...f,
+      children: n ? /* @__PURE__ */ s("img", { src: n }) : /* @__PURE__ */ s(
+        y,
         {
           icon: l,
-          size: r,
-          sizeInUnits: n ? `calc(${n} / 2)` : null
+          size: a,
+          sizeInUnits: i ? `calc(${i} / 2)` : null
         }
       )
     }
   );
 });
-C.propTypes = {
-  image: i.string,
-  /**
-   * If `image` is not defined, icon can be used.
-   */
-  icon: i.string,
-  tabIndex: i.number,
-  /**
-   * it has higher priority than `size` prop
-   */
-  sizeInUnits: i.string,
-  disabled: i.bool,
-  borderRadius: i.oneOf([
-    "slight",
-    "regular",
-    "edged",
-    "curved",
-    "none"
-  ]),
-  //---------------------------------------------------------------
-  onBlur: i.func,
-  onFocus: i.func,
-  onClick: i.func,
-  //---------------------------------------------------------------
-  className: i.string,
-  style: i.object,
-  size: i.oneOf(["small", "medium", "large"]),
-  color: i.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  C as default
+  B as default
 };

package/dist/Badge.cjs

@@ -1,8 +1,8 @@
-"use strict";const h=require("react/jsx-runtime"),p=require("react"),r=require("./index-BpbMKBf_.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-RnrgDDZP.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=f.styled.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")};
-  border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
+"use strict";const h=require("react/jsx-runtime"),b=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=y.styled.div`
+  ${e=>r.getComponentTypographyCss(e.theme,"Badge",e.size,"enabled")};
+  background-color: ${e=>r.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","background","backgroundOpacity")};
+  color: ${e=>r.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","text")};
+  border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   display: inline-flex;
   min-width: ${e=>t(e.size)};
   min-height: ${e=>t(e.size)};
@@ -14,4 +14,4 @@
   & i {
     font-size: ${e=>e.size=="small"?"0.75rem":e.size=="medium"?"0.875rem":"1rem"};
   }
-`,o=p.forwardRef((e,i)=>{const{borderRadius:n="curved",onClick:a=()=>{},className:d="",style:l={},color:c="primary",size:m="small",children:u,...g}=e,y=z.useTheme(),b={borderRadius:n,theme:y,size:m,color:c,className:"lnc-ui-badge "+d,style:l};return h.jsx(R,{ref:i,...b,onClick:a,...g,children:u})});o.propTypes={onClick:r.PropTypes.func,borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"])};module.exports=o;
+`,$=b.forwardRef((e,i)=>{const{borderRadius:s="curved",onClick:n=()=>{},className:o="",style:a={},color:d="primary",size:m="small",children:l,...c}=e,u=z.useTheme(),g={borderRadius:s,theme:u,size:m,color:d,className:"lnc-ui-badge "+o,style:a};return h.jsx(R,{ref:i,...g,onClick:n,...c,children:l})});module.exports=$;

package/dist/Badge.js

@@ -1,12 +1,11 @@
 import { jsx as h } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { P as r } from "./index-CblbdqjE.js";
+import { forwardRef as f } from "react";
 import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as p, b as o, a as z } from "./utils-DtEfC-TX.js";
+import { c as y, b as t, a as z } from "./utils-DtEfC-TX.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.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) => o(
+const r = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B = b.div`
+  ${(e) => y(e.theme, "Badge", e.size, "enabled")};
+  background-color: ${(e) => t(
   e.theme,
   "Badge",
   e.color,
@@ -14,12 +13,12 @@ const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B
   "background",
   "backgroundOpacity"
 )};
-  color: ${(e) => o(e.theme, "Badge", e.color, "enabled", "text")};
+  color: ${(e) => t(e.theme, "Badge", e.color, "enabled", "text")};
   border-radius: ${(e) => z(e.theme, e.borderRadius)};
   display: inline-flex;
-  min-width: ${(e) => a(e.size)};
-  min-height: ${(e) => a(e.size)};
-  max-height: ${(e) => a(e.size)};
+  min-width: ${(e) => r(e.size)};
+  min-height: ${(e) => r(e.size)};
+  max-height: ${(e) => r(e.size)};
   justify-content: center;
   align-items: center;
   padding: 0.313rem;
@@ -27,51 +26,27 @@ const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B
   & i {
     font-size: ${(e) => e.size == "small" ? "0.75rem" : e.size == "medium" ? "0.875rem" : "1rem"};
   }
-`, R = y((e, t) => {
+`, j = f((e, a) => {
   const {
     borderRadius: i = "curved",
-    onClick: s = () => {
+    onClick: o = () => {
     },
-    className: n = "",
-    style: m = {},
+    className: m = "",
+    style: s = {},
     color: d = "primary",
-    size: l = "small",
-    children: c,
-    ...g
-  } = e, u = $(), f = {
+    size: n = "small",
+    children: l,
+    ...c
+  } = e, u = $(), g = {
     borderRadius: i,
     theme: u,
-    size: l,
+    size: n,
     color: d,
-    className: "lnc-ui-badge " + n,
-    style: m
+    className: "lnc-ui-badge " + m,
+    style: s
   };
-  return /* @__PURE__ */ h(B, { ref: t, ...f, onClick: s, ...g, children: c });
+  return /* @__PURE__ */ h(B, { ref: a, ...g, onClick: o, ...c, children: l });
 });
-R.propTypes = {
-  onClick: r.func,
-  borderRadius: r.oneOf([
-    "slight",
-    "regular",
-    "edged",
-    "curved",
-    "none"
-  ]),
-  //---------------------------
-  className: r.string,
-  style: r.object,
-  color: r.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: r.oneOf(["small", "medium", "large"])
-};
 export {
-  R as default
+  j as default
 };

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),c=require("./CategorySimpleCard-COGlTj06.cjs"),d=require("./style-BTTXJFJN.cjs"),g=s.memo(c.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:p=!1,limit:C=4,isHighlight:t=!1},u)=>{const m=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,n)=>a.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},n))},[r]);return a.jsx(d.Wrapper,{ref:u,className:t?"highlight":"",children:a.jsx("div",{className:"wrapper__grid",children:m})})});module.exports=l;
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./CategorySimpleCard-COGlTj06.cjs"),d=require("./style-BTTXJFJN.cjs"),g=s.memo(n.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:a=()=>{},isHighlight:u=!1},t)=>{const c=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,m)=>i.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>a==null?void 0:a(e==null?void 0:e.uuid)},m))},[r]);return i.jsx(d.Wrapper,{ref:t,className:u?"highlight":"",children:i.jsx("div",{className:"wrapper__grid",children:c})})});module.exports=l;

package/dist/BlogCategoryCardsSection.js

@@ -1,19 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import { memo as g, forwardRef as l, useMemo as t } from "react";
-import { C as u } from "./CategorySimpleCard-Em84kZzQ.js";
-import { W as f } from "./style-tw6KjI2J.js";
-const n = g(u), M = l(
+import { jsx as o } from "react/jsx-runtime";
+import { memo as g, forwardRef as u, useMemo as t } from "react";
+import { C as f } from "./CategorySimpleCard-Em84kZzQ.js";
+import { W as l } from "./style-tw6KjI2J.js";
+const n = g(f), w = u(
   ({
     items: a,
     onSelectCard: e = () => {
     },
-    isLoading: c = !1,
-    limit: h = 4,
-    isHighlight: m = !1
-  }, s) => {
+    isHighlight: i = !1
+  }, p) => {
     const d = t(() => {
-      var o;
-      return (o = a == null ? void 0 : a.slice(0, 4)) == null ? void 0 : o.map((r, p) => /* @__PURE__ */ i(
+      var m;
+      return (m = a == null ? void 0 : a.slice(0, 4)) == null ? void 0 : m.map((r, s) => /* @__PURE__ */ o(
         n,
         {
           uuid: r == null ? void 0 : r.uuid,
@@ -21,12 +19,12 @@ const n = g(u), M = l(
           name: r == null ? void 0 : r.name,
           onSelectCard: () => e == null ? void 0 : e(r == null ? void 0 : r.uuid)
         },
-        p
+        s
       ));
     }, [a]);
-    return /* @__PURE__ */ i(f, { ref: s, className: m ? "highlight" : "", children: /* @__PURE__ */ i("div", { className: "wrapper__grid", children: d }) });
+    return /* @__PURE__ */ o(l, { ref: p, className: i ? "highlight" : "", children: /* @__PURE__ */ o("div", { className: "wrapper__grid", children: d }) });
   }
 );
 export {
-  M as default
+  w as default
 };

package/dist/BlogExploreSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),x=require("react"),se=require("./useDetectMobile-zkbzoOGV.cjs"),M=require("./utils-RnrgDDZP.cjs"),ce=require("./TextInput.cjs"),q=require("./Icon.cjs"),oe=require("./Link.cjs"),L=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),le=require("./tag-CmeZsPQt.cjs"),de=require("./BlogProductCardsSection.cjs"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),me=require("./index-uwl7BjRF.cjs"),T=require("./BlogListSection.cjs"),_e=require("./consts-goSZX3xP.cjs"),he=E.styled.div`
+"use strict";const e=require("react/jsx-runtime"),x=require("react"),se=require("./useDetectMobile-zkbzoOGV.cjs"),M=require("./utils-RnrgDDZP.cjs"),ce=require("./TextInput.cjs"),q=require("./Icon.cjs"),oe=require("./Link.cjs"),L=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),le=require("./tag-UQjq2_Ba.cjs"),de=require("./BlogProductCardsSection.cjs"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),me=require("./index-uwl7BjRF.cjs"),T=require("./BlogListSection.cjs"),_e=require("./consts-goSZX3xP.cjs"),he=E.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;

package/dist/BlogExploreSection.js

@@ -8,7 +8,7 @@ import ue from "./Link.js";
 import M from "./IconButton.js";
 import W from "./DropdownMenu.js";
 import E from "./DropdownItem.js";
-import { F as ve } from "./tag-BtS5lWJ0.js";
+import { F as ve } from "./tag-Dm8CW4TM.js";
 import pe from "./BlogProductCardsSection.js";
 import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as ge } from "./index-B22BZVBG.js";

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),W=require("./useDetectMobile-zkbzoOGV.cjs"),k=require("./utils-RnrgDDZP.cjs"),T=require("./style-CkcozOY6.cjs"),E=require("./Button.cjs"),I=require("./Link.cjs"),M=require("./index-uwl7BjRF.cjs"),P=require("./index-CSNxZFTX.cjs"),s=require("./style-BAcV7F53.cjs"),O=S.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),W=require("./useDetectMobile-zkbzoOGV.cjs"),k=require("./utils-RnrgDDZP.cjs"),T=require("./style-CkcozOY6.cjs"),E=require("./Button.cjs"),I=require("./Link.cjs"),M=require("./index-uwl7BjRF.cjs"),P=require("./index-CRk3vcd4.cjs"),s=require("./style-BAcV7F53.cjs"),O=S.styled.div`
   display: grid;
   grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionWithFilters.js

@@ -8,7 +8,7 @@ import { T as K } from "./style-Cmlod7oq.js";
 import G from "./Button.js";
 import H from "./Link.js";
 import { P } from "./index-B22BZVBG.js";
-import { S as X } from "./index-CWALXP1T.js";
+import { S as X } from "./index-CwMCk9wV.js";
 import { b as Z, S as y, a as s } from "./style-BwQ4djFC.js";
 const q = w.div`
   display: grid;

package/dist/Breadcrumbs.cjs

@@ -1,8 +1,8 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-RnrgDDZP.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-RnrgDDZP.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
-  ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};
-  color: ${o=>g.getColorRgbaValue(o.theme,"Breadcrumbs",o.color,"enabled","text")};
-`,A=u.styled.div`
+  ${r=>g.getComponentTypographyCss(r.theme,"Breadcrumbs",r.size,"enabled")};
+  color: ${r=>g.getColorRgbaValue(r.theme,"Breadcrumbs",r.color,"enabled","text")};
+`,z=u.styled.div`
   cursor: pointer;
-`,N=u.styled.span``,b=i.forwardRef((o,f)=>{const{separator:a="/",maxItems:T=8,itemsAfterCollapse:x=1,itemsBeforeCollapse:j=1,className:C="",style:P={},color:d="neutral",size:q="small",children:B,...I}=o,h={theme:_.useTheme(),size:q,color:d,className:"lnc-ui-breadcrumbs "+C,style:P},[c,w]=i.useState(!0),R=({maxItems:m,itemsAfterCollapse:p,itemsBeforeCollapse:l,children:e})=>typeof(e==null?void 0:e.map)!="function"?s.jsx(n,{index:0,length:e.length,separator:a,child:e}):e==null?void 0:e.map((y,r)=>m<=e.length&&c==!0?l-1>=r||e.length-p<=r?s.jsx(n,{index:r,length:e.length,separator:a,child:y},r):l==r&&s.jsxs(A,{onClick:v=>w(!c),children:[s.jsx(S,{icon:"ellipsis"}),a," "]},r):s.jsx(n,{index:r,length:e.length,separator:a,child:y},r)),n=({index:m,length:p,separator:l,child:e})=>s.jsxs(N,{children:[e,m+1!==p&&s.jsxs(s.Fragment,{children:[" ",l," "]})]});return s.jsx(z,{ref:f,...h,...I,children:s.jsx(R,{maxItems:T,itemsAfterCollapse:x,itemsBeforeCollapse:j,children:B})})});b.propTypes={separator:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),maxItems:t.PropTypes.number,itemsAfterCollapse:t.PropTypes.number,itemsBeforeCollapse:t.PropTypes.number,className:t.PropTypes.string,style:t.PropTypes.object,color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:t.PropTypes.oneOf(["small","medium","large"])};module.exports=b;
+`,A=u.styled.span``,F=i.forwardRef((r,b)=>{const{separator:o="/",maxItems:y=8,itemsAfterCollapse:f=1,itemsBeforeCollapse:j=1,className:x="",style:C={},color:h="neutral",size:q="small",children:B,...I}=r,w={theme:_.useTheme(),size:q,color:h,className:"lnc-ui-breadcrumbs "+x,style:C},[c,d]=i.useState(!0),R=({maxItems:m,itemsAfterCollapse:n,itemsBeforeCollapse:l,children:e})=>typeof(e==null?void 0:e.map)!="function"?s.jsx(a,{index:0,length:e.length,separator:o,child:e}):e==null?void 0:e.map((p,t)=>m<=e.length&&c==!0?l-1>=t||e.length-n<=t?s.jsx(a,{index:t,length:e.length,separator:o,child:p},t):l==t&&s.jsxs(z,{onClick:()=>d(!c),children:[s.jsx(S,{icon:"ellipsis"}),o," "]},t):s.jsx(a,{index:t,length:e.length,separator:o,child:p},t)),a=({index:m,length:n,separator:l,child:e})=>s.jsxs(A,{children:[e,m+1!==n&&s.jsxs(s.Fragment,{children:[" ",l," "]})]});return s.jsx(v,{ref:b,...w,...I,children:s.jsx(R,{maxItems:y,itemsAfterCollapse:f,itemsBeforeCollapse:j,children:B})})});module.exports=F;

package/dist/Breadcrumbs.js

@@ -1,131 +1,101 @@
-import { jsx as o, jsxs as u, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as N, useState as O } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as P, b as S } from "./utils-DtEfC-TX.js";
-import v from "./Icon.js";
-import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const $ = c.div`
+import { jsx as o, jsxs as n, Fragment as z } from "react/jsx-runtime";
+import { forwardRef as A, useState as N } from "react";
+import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { c as R, b as T } from "./utils-DtEfC-TX.js";
+import $ from "./Icon.js";
+import { u as d } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const k = u.div`
   display: inline-flex;
   flex-wrap: wrap;
-  ${(r) => P(
-  r.theme,
+  ${(s) => R(
+  s.theme,
   "Breadcrumbs",
-  r.size,
+  s.size,
   "enabled"
 )};
-  color: ${(r) => S(
-  r.theme,
+  color: ${(s) => T(
+  s.theme,
   "Breadcrumbs",
-  r.color,
+  s.color,
   "enabled",
   "text"
 )};
-`, k = c.div`
+`, F = u.div`
   cursor: pointer;
-`, F = c.span``, V = N((r, g) => {
+`, P = u.span``, K = A((s, g) => {
   const {
-    separator: a = "/",
+    separator: r = "/",
     maxItems: b = 8,
-    itemsAfterCollapse: y = 1,
+    itemsAfterCollapse: i = 1,
     itemsBeforeCollapse: C = 1,
     //----------------
-    className: B = "",
-    style: I = {},
-    color: h = "neutral",
-    size: T = "small",
-    children: d,
-    ...w
-  } = r, j = {
-    theme: R(),
-    size: T,
-    color: h,
-    className: "lnc-ui-breadcrumbs " + B,
-    style: I
-  }, [f, x] = O(!0), z = ({
-    maxItems: n,
+    className: y = "",
+    style: h = {},
+    color: B = "neutral",
+    size: I = "small",
+    children: w,
+    ...S
+  } = s, j = {
+    theme: d(),
+    size: I,
+    color: B,
+    className: "lnc-ui-breadcrumbs " + y,
+    style: h
+  }, [c, v] = N(!0), x = ({
+    maxItems: l,
     itemsAfterCollapse: p,
-    itemsBeforeCollapse: m,
+    itemsBeforeCollapse: a,
     children: e
   }) => typeof (e == null ? void 0 : e.map) != "function" ? /* @__PURE__ */ o(
-    l,
+    m,
     {
       index: 0,
       length: e.length,
-      separator: a,
+      separator: r,
       child: e
     }
   ) : e == null ? void 0 : e.map(
-    (i, s) => n <= e.length && f == !0 ? m - 1 >= s || e.length - p <= s ? /* @__PURE__ */ o(
-      l,
+    (f, t) => l <= e.length && c == !0 ? a - 1 >= t || e.length - p <= t ? /* @__PURE__ */ o(
+      m,
       {
-        index: s,
+        index: t,
         length: e.length,
-        separator: a,
-        child: i
+        separator: r,
+        child: f
       },
-      s
-    ) : m == s && /* @__PURE__ */ u(k, { onClick: (D) => x(!f), children: [
-      /* @__PURE__ */ o(v, { icon: "ellipsis" }),
-      a,
+      t
+    ) : a == t && /* @__PURE__ */ n(F, { onClick: () => v(!c), children: [
+      /* @__PURE__ */ o($, { icon: "ellipsis" }),
+      r,
       " "
-    ] }, s) : /* @__PURE__ */ o(
-      l,
+    ] }, t) : /* @__PURE__ */ o(
+      m,
       {
-        index: s,
+        index: t,
         length: e.length,
-        separator: a,
-        child: i
+        separator: r,
+        child: f
       },
-      s
+      t
     )
-  ), l = ({ index: n, length: p, separator: m, child: e }) => /* @__PURE__ */ u(F, { children: [
+  ), m = ({ index: l, length: p, separator: a, child: e }) => /* @__PURE__ */ n(P, { children: [
     e,
-    n + 1 !== p && /* @__PURE__ */ u(A, { children: [
+    l + 1 !== p && /* @__PURE__ */ n(z, { children: [
       " ",
-      m,
+      a,
       " "
     ] })
   ] });
-  return /* @__PURE__ */ o($, { ref: g, ...j, ...w, children: /* @__PURE__ */ o(
-    z,
+  return /* @__PURE__ */ o(k, { ref: g, ...j, ...S, children: /* @__PURE__ */ o(
+    x,
     {
       maxItems: b,
-      itemsAfterCollapse: y,
+      itemsAfterCollapse: i,
       itemsBeforeCollapse: C,
-      children: d
+      children: w
     }
   ) });
 });
-V.propTypes = {
-  separator: t.oneOfType([t.string, t.element]),
-  /**
-   * Specifies the maximum number of breadcrumbs to display. When there are more than the maximum number, only the first itemsBeforeCollapse and last itemsAfterCollapse will be shown, with an ellipsis in between
-   */
-  maxItems: t.number,
-  /**
-   * If max items is exceeded, the number of items to show after the ellipsis.
-   */
-  itemsAfterCollapse: t.number,
-  /**
-   * If max items is exceeded, the number of items to show before the ellipsis.
-   */
-  itemsBeforeCollapse: t.number,
-  //---------------------------------------------------------------
-  className: t.string,
-  style: t.object,
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: t.oneOf(["small", "medium", "large"])
-};
 export {
-  V as default
+  K as default
 };

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),w=require("react"),l=require("./index-BpbMKBf_.cjs"),f=require("./index-DA7SIHV1.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),O=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
+"use strict";const a=require("react/jsx-runtime"),U=require("react"),y=require("./index-DA7SIHV1.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),T=require("./Icon.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},x=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -13,12 +13,12 @@
         
         padding-left: ${e.hasLeadingIcon?k[e.size].icon:k[e.size].regular};
         padding-right: ${e.hasTrailingIcon?k[e.size].icon:k[e.size].regular};
-    `,W=d.styled.span`
+    `,W=r.styled.span`
   padding-right: ${e=>e.size==="small"?"0.25rem":"0.5rem"};
-`,D=d.styled.span`
+`,w=r.styled.span`
   padding-left: ${e=>e.size==="small"?"0.25rem":"0.5rem"};
-`,I=d.styled.button`
-  ${e=>T(e)}
+`,O=r.styled.button`
+  ${e=>x(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonFilled",e.size,"enabled")};
 
@@ -50,8 +50,8 @@
     background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"active","background","backgroundOpacity")};
     color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"active","text")};
   }
-`,E=d.styled.button`
-  ${e=>T(e)}
+`,D=r.styled.button`
+  ${e=>x(e)}
 
   min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
@@ -88,8 +88,8 @@
     cursor: default;
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","background","backgroundOpacity")};
   }
-`,v=d.styled.button`
-  ${e=>T(e)}
+`,v=r.styled.button`
+  ${e=>x(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
 
@@ -123,7 +123,7 @@
     cursor: default;
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"disabled","background","backgroundOpacity")};
   }
-`,L=d.styled(v)`
+`,E=r.styled(v)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,j=w.forwardRef((e,u)=>{const{text:x="",iconStyle:R="solid",leadingIcon:V=null,trailingIcon:z=null,borderRadius:F="regular",btnType:a="filled",disabled:N=!1,tabIndex:s=0,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,onLeadingIconClick:_,onTrailingIconClick:K,size:C="small",color:i="primary",className:$="",style:S={},children:U,...y}=e,o={theme:P.useTheme(),color:i,size:C,style:S,disabled:N,borderRadius:F,btnType:a,className:"lnc-ui-button "},c=!f.isEmpty(V),r=!f.isEmpty(z),q=!f.isEmpty(x),B=()=>n.jsxs(n.Fragment,{children:[c&&n.jsx(W,{size:C,children:n.jsx(O,{icon:V,sizeInUnits:"1.125rem",iconStyle:R})}),x,U,r&&n.jsx(D,{size:C,children:n.jsx(O,{icon:z,sizeInUnits:"1.125rem",iconStyle:R})})]});return a==="filled"?n.jsx(I,{ref:u,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="tinted"?n.jsx(E,{ref:u,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="outline"?n.jsx(L,{ref:u,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="basic"?n.jsx(v,{ref:u,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):n.jsx(I,{ref:u,"data-type":"filled",size:C,...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,hasText:q,tabIndex:s,btnType:a,...y,children:B()})});j.propTypes={text:l.PropTypes.string,iconStyle:l.PropTypes.oneOf(["regular","solid"]),leadingIcon:l.PropTypes.string,trailingIcon:l.PropTypes.string,borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=j;
+`,_=U.forwardRef((e,d)=>{const{text:V="",iconStyle:R="solid",leadingIcon:f=null,trailingIcon:z=null,borderRadius:j="regular",btnType:l="filled",disabled:F=!1,tabIndex:u=0,onFocus:g,onBlur:s,onClick:b,onKeyDown:m,size:C="small",color:n="primary",className:h="",style:I={},children:N,...$}=e,o={theme:q.useTheme(),color:n,size:C,style:I,disabled:F,borderRadius:j,btnType:l,className:"lnc-ui-button "},c=!y.isEmpty(f),i=!y.isEmpty(z),S=!y.isEmpty(V),B=()=>a.jsxs(a.Fragment,{children:[c&&a.jsx(W,{size:C,children:a.jsx(T,{icon:f,sizeInUnits:"1.125rem",iconStyle:R})}),V,N,i&&a.jsx(w,{size:C,children:a.jsx(T,{icon:z,sizeInUnits:"1.125rem",iconStyle:R})})]});return l==="filled"?a.jsx(O,{ref:d,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${n}-${l}-lnc-btn ${h}`,hasLeadingIcon:c,hasTrailingIcon:i,onFocus:g,onBlur:s,onClick:b,onKeyDown:m,tabIndex:u,btnType:l,...$,children:B()}):l==="tinted"?a.jsx(D,{ref:d,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${n}-${l}-lnc-btn ${h}`,hasLeadingIcon:c,hasTrailingIcon:i,onFocus:g,onBlur:s,onClick:b,onKeyDown:m,tabIndex:u,btnType:l,...$,children:B()}):l==="outline"?a.jsx(E,{ref:d,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${n}-${l}-lnc-btn ${h}`,hasLeadingIcon:c,hasTrailingIcon:i,onFocus:g,onBlur:s,onClick:b,onKeyDown:m,tabIndex:u,btnType:l,...$,children:B()}):l==="basic"?a.jsx(v,{ref:d,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${n}-${l}-lnc-btn ${h}`,hasLeadingIcon:c,hasTrailingIcon:i,onFocus:g,onBlur:s,onClick:b,onKeyDown:m,tabIndex:u,btnType:l,...$,children:B()}):a.jsx(O,{ref:d,"data-type":"filled",size:C,...o,className:`${o==null?void 0:o.className} ${n}-${l}-lnc-btn ${h}`,hasLeadingIcon:c,hasTrailingIcon:i,onFocus:g,onBlur:s,onClick:b,onKeyDown:m,hasText:S,tabIndex:u,btnType:l,...$,children:B()})});module.exports=_;