@lanaco/lnc-react-ui 4.0.104 → 4.0.106

package/dist/BrandHitsSection.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { o as c, l as s } from "./utils-BXCGNjIy.js";
+import { o as c, l as s } from "./utils-BbgAIA9N.js";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as l } from "./consts-BuFChS64.js";
 const g = d.div`

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-BWzf4vLl.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"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CZynEOC_.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};

package/dist/Breadcrumbs.js

@@ -2,7 +2,7 @@ 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-S5Cd7WrG.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as P, b as S } from "./utils-BXCGNjIy.js";
+import { c as P, b as S } from "./utils-BbgAIA9N.js";
 import v from "./Icon.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = c.div`

package/dist/Button.cjs

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

package/dist/Button.js

@@ -1,12 +1,12 @@
-import { jsx as i, jsxs as W, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as P } from "react";
+import { jsx as l, jsxs as W, Fragment as E } from "react/jsx-runtime";
+import { forwardRef as q } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
-import { i as y } from "./index-BlxaTV-D.js";
-import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as x, b as t, d as r, h as T, e as z, a as q } from "./utils-BXCGNjIy.js";
+import { i as T } from "./index-BlxaTV-D.js";
+import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { c as z, b as t, d as r, h as I, e as v, a as A } from "./utils-BbgAIA9N.js";
 import w from "./Icon.js";
-import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const k = {
+import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const x = {
   small: {
     regular: "1rem",
     icon: "0.75rem",
@@ -22,7 +22,7 @@ const k = {
     icon: "1rem",
     justIcon: "0.5rem"
   }
-}, I = (e) => `
+}, O = (e) => `
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -33,21 +33,21 @@ const k = {
         cursor: pointer;
         color: ${!e.disabled && "white"};
 
-        border-radius: ${q(
+        border-radius: ${A(
   e.theme,
   e.borderRadius
 )};
         
-        padding-left: ${e.hasLeadingIcon ? k[e.size].icon : k[e.size].regular};
-        padding-right: ${e.hasTrailingIcon ? k[e.size].icon : k[e.size].regular};
-    `, G = d.span`
+        padding-left: ${e.hasLeadingIcon ? x[e.size].icon : x[e.size].regular};
+        padding-right: ${e.hasTrailingIcon ? x[e.size].icon : x[e.size].regular};
+    `, H = u.span`
   padding-right: ${(e) => e.size === "small" ? "0.25rem" : "0.5rem"};
-`, H = d.span`
+`, J = u.span`
   padding-left: ${(e) => e.size === "small" ? "0.25rem" : "0.5rem"};
-`, R = d.button`
-  ${(e) => I(e)}
+`, R = u.button`
+  ${(e) => O(e)}
 
-  ${(e) => x(
+  ${(e) => z(
   e.theme,
   "ButtonFilled",
   e.size,
@@ -73,7 +73,7 @@ const k = {
   max-height: ${(e) => r(e.theme, e.size)};
 
   &:disabled {
-    ${(e) => e.disabled === !0 && T(e.theme)};
+    ${(e) => e.disabled === !0 && I(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -123,7 +123,7 @@ const k = {
   "focus",
   "text"
 )};
-    ${(e) => !e.disabled && z(e.theme)};
+    ${(e) => !e.disabled && v(e.theme)};
   }
 
   &:active {
@@ -142,12 +142,12 @@ const k = {
   "text"
 )};
   }
-`, J = d.button`
-  ${(e) => I(e)}
+`, M = u.button`
+  ${(e) => O(e)}
 
   min-height: ${(e) => r(e.theme, e.size)};
   max-height: ${(e) => r(e.theme, e.size)};
-  ${(e) => x(
+  ${(e) => z(
   e.theme,
   "ButtonTinted",
   e.size,
@@ -208,7 +208,7 @@ const k = {
   "focus",
   "text"
 )};
-    ${(e) => e.disabled === !1 && z(e.theme)};
+    ${(e) => e.disabled === !1 && v(e.theme)};
   }
 
   &:active {
@@ -231,20 +231,29 @@ const k = {
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && T(e.theme)};
+    /* ${(e) => e.disabled === !0 && I(e.theme)};
+     */
+    color: ${(e) => t(
+  e.theme,
+  "ButtonTinted",
+  e.color,
+  "disabled",
+  "text"
+)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
   "ButtonTinted",
   "gray",
   "disabled",
-  "background"
+  "background",
+  "backgroundOpacity"
 )};
   }
-`, N = d.button`
-  ${(e) => I(e)}
+`, L = u.button`
+  ${(e) => O(e)}
 
-  ${(e) => x(
+  ${(e) => z(
   e.theme,
   "ButtonTinted",
   e.size,
@@ -307,7 +316,7 @@ const k = {
   "text"
 )};
 
-    ${(e) => !e.disabled && z(e.theme)};
+    ${(e) => !e.disabled && v(e.theme)};
   }
 
   &:active {
@@ -329,7 +338,7 @@ const k = {
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && T(e.theme)};
+    ${(e) => e.disabled === !0 && I(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -340,7 +349,7 @@ const k = {
   "backgroundOpacity"
 )};
   }
-`, M = d(N)`
+`, Q = u(L)`
   border: 1px solid
     ${(e) => t(
   e.theme,
@@ -350,150 +359,154 @@ const k = {
   "border",
   "borderOpacity"
 )};
-`, Q = P((e, u) => {
+`, X = q((e, s) => {
   const {
-    text: v = "",
-    iconStyle: O = "solid",
-    leadingIcon: F = null,
-    trailingIcon: C = null,
-    borderRadius: L = "regular",
-    btnType: n = "filled",
-    disabled: S = !1,
-    tabIndex: s = 0,
+    text: F = "",
+    iconStyle: C = "solid",
+    leadingIcon: N = null,
+    trailingIcon: j = null,
+    borderRadius: S = "regular",
+    btnType: a = "filled",
+    disabled: U = !1,
+    tabIndex: m = 0,
     //----------------
-    onFocus: m,
-    onBlur: b,
-    onClick: g,
-    onKeyDown: h,
-    onLeadingIconClick: X,
-    onTrailingIconClick: Y,
+    onFocus: b,
+    onBlur: g,
+    onClick: h,
+    onKeyDown: $,
+    onLeadingIconClick: Y,
+    onTrailingIconClick: Z,
     //----------------
-    size: B = "small",
-    color: j = "primary",
-    className: U = "",
+    size: y = "small",
+    color: c = "primary",
+    className: f = "",
     style: D = {},
     children: V,
-    ...$
-  } = e, a = {
-    theme: A(),
-    color: j,
-    size: B,
+    ...B
+  } = e, n = {
+    theme: G(),
+    color: c,
+    size: y,
     style: D,
-    disabled: S,
-    borderRadius: L,
-    btnType: n,
+    disabled: U,
+    borderRadius: S,
+    btnType: a,
     className: "lnc-ui-button "
-  }, l = !y(F), c = !y(C), K = !y(v), f = () => /* @__PURE__ */ W(E, { children: [
-    l && /* @__PURE__ */ i(G, { size: B, children: /* @__PURE__ */ i(
+  }, i = !T(N), d = !T(j), K = !T(F), k = () => /* @__PURE__ */ W(E, { children: [
+    i && /* @__PURE__ */ l(H, { size: y, children: /* @__PURE__ */ l(
       w,
       {
-        icon: F,
+        icon: N,
         sizeInUnits: "1.125rem",
-        iconStyle: O
+        iconStyle: C
       }
     ) }),
-    v,
+    F,
     V,
-    c && /* @__PURE__ */ i(H, { size: B, children: /* @__PURE__ */ i(
+    d && /* @__PURE__ */ l(J, { size: y, children: /* @__PURE__ */ l(
       w,
       {
-        icon: C,
+        icon: j,
         sizeInUnits: "1.125rem",
-        iconStyle: O
+        iconStyle: C
       }
     ) })
   ] });
-  return n === "filled" ? /* @__PURE__ */ i(
+  return a === "filled" ? /* @__PURE__ */ l(
     R,
     {
-      ref: u,
+      ref: s,
       "data-type": "filled",
-      ...a,
-      className: `${a == null ? void 0 : a.className} ${j}-${n}-lnc-btn ${U}`,
-      hasLeadingIcon: l,
-      hasTrailingIcon: c,
-      onFocus: m,
-      onBlur: b,
-      onClick: g,
-      onKeyDown: h,
-      tabIndex: s,
-      btnType: n,
-      ...$,
-      children: f()
+      ...n,
+      className: `${n == null ? void 0 : n.className} ${c}-${a}-lnc-btn ${f}`,
+      hasLeadingIcon: i,
+      hasTrailingIcon: d,
+      onFocus: b,
+      onBlur: g,
+      onClick: h,
+      onKeyDown: $,
+      tabIndex: m,
+      btnType: a,
+      ...B,
+      children: k()
     }
-  ) : n === "tinted" ? /* @__PURE__ */ i(
-    J,
+  ) : a === "tinted" ? /* @__PURE__ */ l(
+    M,
     {
-      ref: u,
+      ref: s,
       "data-type": "tinted",
-      ...a,
-      hasLeadingIcon: l,
-      hasTrailingIcon: c,
-      onFocus: m,
-      onBlur: b,
-      onClick: g,
-      onKeyDown: h,
-      tabIndex: s,
-      btnType: n,
-      ...$,
-      children: f()
+      ...n,
+      className: `${n == null ? void 0 : n.className} ${c}-${a}-lnc-btn ${f}`,
+      hasLeadingIcon: i,
+      hasTrailingIcon: d,
+      onFocus: b,
+      onBlur: g,
+      onClick: h,
+      onKeyDown: $,
+      tabIndex: m,
+      btnType: a,
+      ...B,
+      children: k()
     }
-  ) : n === "outline" ? /* @__PURE__ */ i(
-    M,
+  ) : a === "outline" ? /* @__PURE__ */ l(
+    Q,
     {
-      ref: u,
+      ref: s,
       "data-type": "outline",
-      ...a,
-      hasLeadingIcon: l,
-      hasTrailingIcon: c,
-      onFocus: m,
-      onBlur: b,
-      onClick: g,
-      onKeyDown: h,
-      tabIndex: s,
-      btnType: n,
-      ...$,
-      children: f()
+      ...n,
+      className: `${n == null ? void 0 : n.className} ${c}-${a}-lnc-btn ${f}`,
+      hasLeadingIcon: i,
+      hasTrailingIcon: d,
+      onFocus: b,
+      onBlur: g,
+      onClick: h,
+      onKeyDown: $,
+      tabIndex: m,
+      btnType: a,
+      ...B,
+      children: k()
     }
-  ) : n === "basic" ? /* @__PURE__ */ i(
-    N,
+  ) : a === "basic" ? /* @__PURE__ */ l(
+    L,
     {
-      ref: u,
+      ref: s,
       "data-type": "basic",
-      ...a,
-      hasLeadingIcon: l,
-      hasTrailingIcon: c,
-      onFocus: m,
-      onBlur: b,
-      onClick: g,
-      onKeyDown: h,
-      tabIndex: s,
-      btnType: n,
-      ...$,
-      children: f()
+      ...n,
+      className: `${n == null ? void 0 : n.className} ${c}-${a}-lnc-btn ${f}`,
+      hasLeadingIcon: i,
+      hasTrailingIcon: d,
+      onFocus: b,
+      onBlur: g,
+      onClick: h,
+      onKeyDown: $,
+      tabIndex: m,
+      btnType: a,
+      ...B,
+      children: k()
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ l(
     R,
     {
-      ref: u,
+      ref: s,
       "data-type": "filled",
-      size: B,
-      ...a,
-      hasLeadingIcon: l,
-      hasTrailingIcon: c,
-      onFocus: m,
-      onBlur: b,
-      onClick: g,
-      onKeyDown: h,
+      size: y,
+      ...n,
+      className: `${n == null ? void 0 : n.className} ${c}-${a}-lnc-btn ${f}`,
+      hasLeadingIcon: i,
+      hasTrailingIcon: d,
+      onFocus: b,
+      onBlur: g,
+      onClick: h,
+      onKeyDown: $,
       hasText: K,
-      tabIndex: s,
-      btnType: n,
-      ...$,
-      children: f()
+      tabIndex: m,
+      btnType: a,
+      ...B,
+      children: k()
     }
   );
 });
-Q.propTypes = {
+X.propTypes = {
   text: o.string,
   iconStyle: o.oneOf(["regular", "solid"]),
   /**
@@ -538,5 +551,5 @@ Q.propTypes = {
   size: o.oneOf(["small", "medium", "large"])
 };
 export {
-  Q as default
+  X as default
 };

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-BWzf4vLl.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { b as o, a as b } from "./utils-BXCGNjIy.js";
+import { b as o, a as b } from "./utils-BbgAIA9N.js";
 import { u as l } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const s = i.div`
   display: inline-flex;

package/dist/CalorieCalculatorSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-BWzf4vLl.cjs"),D=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-CZynEOC_.cjs"),D=b.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/CalorieCalculatorSection.js

@@ -9,7 +9,7 @@ import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";
 import X from "./IconButton.js";
 import Z from "./BannerSectionWithList.js";
-import { y as q } from "./utils-BXCGNjIy.js";
+import { y as q } from "./utils-BbgAIA9N.js";
 const J = y.div`
   display: flex;
   flex-direction: column;

package/dist/CheckBoxInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BPVoEhTF.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-BWzf4vLl.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BPVoEhTF.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

package/dist/CheckBoxInput.js

@@ -2,7 +2,7 @@ import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as g, c as L, b as n, a as N, e as x } from "./utils-BXCGNjIy.js";
+import { d as g, c as L, b as n, a as N, e as x } from "./utils-BbgAIA9N.js";
 import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.components.Checkbox.default.enabled.sizes[d]} / 2)`, T = j.label`
   -webkit-user-select: none;

package/dist/Chip.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-BWzf4vLl.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-CZynEOC_.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
   cursor: pointer;
   display: inline-flex;
   height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};

package/dist/Chip.js

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
 import { P as a } from "./index-S5Cd7WrG.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-BXCGNjIy.js";
+import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-BbgAIA9N.js";
 import W from "./Avatar.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const h = (e) => {