@lanaco/lnc-react-ui 4.0.35 → 4.0.37

package/dist/FormField.js

@@ -1,8 +1,8 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import { P as l } from "./index-S5Cd7WrG.js";
-import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { g as i, a as n } from "./utils-jiuifwtJ.js";
-import { u as g } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { n as m } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { c as i, b as n } from "./utils-DtRLzzTZ.js";
+import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const f = m.label`
   display: block;
   margin-bottom: 4px;
@@ -26,14 +26,14 @@ const f = m.label`
     className: d = "",
     style: p = {},
     text: o = "",
-    label: a = "",
+    label: t = "",
     children: y,
     ...u
-  } = e, t = g();
+  } = e, a = g();
   return /* @__PURE__ */ b("div", { style: p, className: "lnc-ui-form-field " + d, children: [
-    a && /* @__PURE__ */ s(f, { theme: t, size: r, children: a }),
+    t && /* @__PURE__ */ s(f, { theme: a, size: r, children: t }),
     y,
-    o && /* @__PURE__ */ s(h, { size: r, theme: t, color: c, children: o })
+    o && /* @__PURE__ */ s(h, { size: r, theme: a, color: c, children: o })
   ] });
 };
 F.propTypes = {

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-scuIeOqU.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),oe=g.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-NZLCh-J5.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.newStyled.div`
   display: flex;
   justify-content: space-between;
 `,se=g.newStyled.form`
@@ -10,4 +10,4 @@
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   padding: 12px;
   background-color: ${l=>x.getColorRgbaValue(l.theme,"Popover","default","enabled","bg")};
-`,ne=(l,s,i,n,a,o)=>{var c;switch(l||""){case"text":return e.jsx(Y,{name:i,color:a,size:o,...s,defaultValue:n});case"checkbox":return e.jsx(U,{color:a,size:o,name:i,...s});case"radioGroup":return e.jsx(H,{color:a,size:o,value:n,radioProps:s.radioProps,name:i,items:[...(c=s.items)==null?void 0:c.map(d=>({value:d.value,label:d.label}))]});case"number":return e.jsx(J,{color:a,size:o,name:i,...s,defaultValue:n});case"decimal":return e.jsx(K,{name:i,color:a,size:o,...s,defaultValue:n});case"file":return e.jsx(z,{name:i,color:a,size:o,...s,defaultValue:n});case"password":return e.jsx(L,{name:i,color:a,...s,defaultValue:n});case"textArea":return e.jsx(Q,{name:i,color:a,size:o,...s,defaultValue:n});case"time":return e.jsx(X,{name:i,color:a,size:o,...s,defaultValue:n});case"color":return e.jsx(Z,{name:i,color:a,size:o,...s,defaultValue:n});case"range":return e.jsx(ee,{name:i,color:a,size:o,...s,defaultValue:n});default:return n}},y=W.forwardRef((l,s)=>{const{__TYPE__:i="FORM_VIEW",goToPreviousView:n,id:a,data:o,fields:c=[],errors:d={},flexGridProps:f,goBackText:P="Go back",backActive:j=!0,nextActive:h=!0,previousActive:q=!0,editActive:ae,disableGoBack:k=!1,disableNext:w=!1,disablePrevious:v=!1,disableEdit:ie,disableDiscard:I=!1,disableSave:V=!1,discardText:_="Discard",saveText:S="Save",goToNext:B=()=>{},goToPrevious:F=()=>{},onEdit:le=()=>{},goBack:R=()=>{},onSubmit:A=()=>{},onDiscard:C=()=>{},className:de="",style:ce={},color:p="primary",size:T="small",children:G,...E}=l,N=te.useTheme(),D=(t,u)=>{n&&n(),R(t,u)},O=()=>e.jsx(e.Fragment,{children:G||e.jsx($,{spacing:10,...f,children:c.map((t,u)=>e.jsx(M,{...t,children:e.jsx(re,{label:t.label,text:d[t.accessor],color:d[t.accessor]?"danger":p,size:T,children:t.type=="custom"?t.element:ne(t.type,t.inputProps,t.accessor,o[t.accessor],d[t.accessor]?"danger":p,T)},u)},u))})});return e.jsxs(se,{ref:s,theme:N,color:p,borderRadius:"regular",...E,children:[j&&e.jsx(b,{leadingIcon:"arrow-circle-left",text:P,btnType:"outline",style:{width:"fit-content"},onClick:t=>D(t,o),disabled:k,type:"button"},0),O(),e.jsxs(oe,{children:[e.jsxs("div",{children:[h&&e.jsxs(e.Fragment,{children:[e.jsx(m,{btnType:"outline",icon:"angle-left",disabled:v,onClick:t=>F(o,t),type:"button"}),"  "]}),q&&e.jsx(m,{btnType:"outline",icon:"angle-right",disabled:w,onClick:t=>B(o,t),type:"button"})]}),e.jsxs("div",{children:[e.jsx(b,{leadingIcon:"eraser",btnType:"outline",color:"warning",text:_,disabled:I,onClick:C,type:"button"}),"  ",e.jsx(b,{leadingIcon:"floppy-disk",btnType:"tinted",color:"success",text:S,disabled:V,onClick:A})]})]})]},a)});y.propTypes={__TYPE__:r.PropTypes.string,goBackText:r.PropTypes.string,fields:r.PropTypes.array,data:r.PropTypes.object,errors:r.PropTypes.object,backActive:r.PropTypes.bool,nextActive:r.PropTypes.bool,disableGoBack:r.PropTypes.bool,disableNext:r.PropTypes.bool,disablePrevious:r.PropTypes.bool,previousActive:r.PropTypes.bool,editActive:r.PropTypes.bool,flexGridProps:r.PropTypes.any,disableDiscard:r.PropTypes.bool,disableSave:r.PropTypes.bool,discardText:r.PropTypes.string,saveText:r.PropTypes.string,goToNext:r.PropTypes.func,goToPrevious:r.PropTypes.func,onEdit:r.PropTypes.func,goBack:r.PropTypes.func,onSubmit:r.PropTypes.func,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"])};y.displayName="FORM_VIEW";module.exports=y;
+`,ne=(l,s,i,n,a,o)=>{var c;switch(l||""){case"text":return e.jsx(Y,{name:i,color:a,size:o,...s,defaultValue:n});case"checkbox":return e.jsx(U,{color:a,size:o,name:i,...s});case"radioGroup":return e.jsx(H,{color:a,size:o,value:n,radioProps:s.radioProps,name:i,items:[...(c=s.items)==null?void 0:c.map(d=>({value:d.value,label:d.label}))]});case"number":return e.jsx(J,{color:a,size:o,name:i,...s,defaultValue:n});case"decimal":return e.jsx(K,{name:i,color:a,size:o,...s,defaultValue:n});case"file":return e.jsx(z,{name:i,color:a,size:o,...s,defaultValue:n});case"password":return e.jsx(L,{name:i,color:a,...s,defaultValue:n});case"textArea":return e.jsx(Q,{name:i,color:a,size:o,...s,defaultValue:n});case"time":return e.jsx(X,{name:i,color:a,size:o,...s,defaultValue:n});case"color":return e.jsx(Z,{name:i,color:a,size:o,...s,defaultValue:n});case"range":return e.jsx(ee,{name:i,color:a,size:o,...s,defaultValue:n});default:return n}},y=W.forwardRef((l,s)=>{const{__TYPE__:i="FORM_VIEW",goToPreviousView:n,id:a,data:o,fields:c=[],errors:d={},flexGridProps:f,goBackText:P="Go back",backActive:j=!0,nextActive:h=!0,previousActive:q=!0,editActive:ae,disableGoBack:k=!1,disableNext:w=!1,disablePrevious:v=!1,disableEdit:ie,disableDiscard:I=!1,disableSave:V=!1,discardText:_="Discard",saveText:F="Save",goToNext:S=()=>{},goToPrevious:B=()=>{},onEdit:le=()=>{},goBack:R=()=>{},onSubmit:A=()=>{},onDiscard:C=()=>{},className:de="",style:ce={},color:p="primary",size:T="small",children:G,...E}=l,N=te.useTheme(),D=(t,u)=>{n&&n(),R(t,u)},O=()=>e.jsx(e.Fragment,{children:G||e.jsx($,{spacing:10,...f,children:c.map((t,u)=>e.jsx(M,{...t,children:e.jsx(re,{label:t.label,text:d[t.accessor],color:d[t.accessor]?"danger":p,size:T,children:t.type=="custom"?t.element:ne(t.type,t.inputProps,t.accessor,o[t.accessor],d[t.accessor]?"danger":p,T)},u)},u))})});return e.jsxs(se,{ref:s,theme:N,color:p,borderRadius:"regular",...E,children:[j&&e.jsx(b,{leadingIcon:"arrow-circle-left",text:P,btnType:"outline",style:{width:"fit-content"},onClick:t=>D(t,o),disabled:k,type:"button"},0),O(),e.jsxs(oe,{children:[e.jsxs("div",{children:[h&&e.jsxs(e.Fragment,{children:[e.jsx(m,{btnType:"outline",icon:"angle-left",disabled:v,onClick:t=>B(o,t),type:"button"}),"  "]}),q&&e.jsx(m,{btnType:"outline",icon:"angle-right",disabled:w,onClick:t=>S(o,t),type:"button"})]}),e.jsxs("div",{children:[e.jsx(b,{leadingIcon:"eraser",btnType:"outline",color:"warning",text:_,disabled:I,onClick:C,type:"button"}),"  ",e.jsx(b,{leadingIcon:"floppy-disk",btnType:"tinted",color:"success",text:F,disabled:V,onClick:A})]})]})]},a)});y.propTypes={__TYPE__:r.PropTypes.string,goBackText:r.PropTypes.string,fields:r.PropTypes.array,data:r.PropTypes.object,errors:r.PropTypes.object,backActive:r.PropTypes.bool,nextActive:r.PropTypes.bool,disableGoBack:r.PropTypes.bool,disableNext:r.PropTypes.bool,disablePrevious:r.PropTypes.bool,previousActive:r.PropTypes.bool,editActive:r.PropTypes.bool,flexGridProps:r.PropTypes.any,disableDiscard:r.PropTypes.bool,disableSave:r.PropTypes.bool,discardText:r.PropTypes.string,saveText:r.PropTypes.string,goToNext:r.PropTypes.func,goToPrevious:r.PropTypes.func,onEdit:r.PropTypes.func,goBack:r.PropTypes.func,onSubmit:r.PropTypes.func,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"])};y.displayName="FORM_VIEW";module.exports=y;

package/dist/FormView.js

@@ -1,7 +1,7 @@
-import { jsxs as c, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
 import { forwardRef as W } from "react";
 import { P as e } from "./index-S5Cd7WrG.js";
-import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as y } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import M from "./FlexGrid.js";
 import Y from "./FlexGridItem.js";
 import f from "./Button.js";
@@ -17,9 +17,9 @@ import X from "./TimeInput.js";
 import Z from "./ColorInput.js";
 import z from "./FileInput.js";
 import ee from "./RangeSlider.js";
-import { c as re, b as te, a as oe } from "./utils-jiuifwtJ.js";
+import { g as re, a as te, b as oe } from "./utils-DtRLzzTZ.js";
 import ae from "./FormField.js";
-import { u as ne } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as ne } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const ie = y.div`
   display: flex;
   justify-content: space-between;
@@ -39,7 +39,7 @@ const ie = y.div`
   padding: 12px;
   background-color: ${(d) => oe(d.theme, "Popover", "default", "enabled", "bg")};
 `, de = (d, a, l, n, i, o) => {
-  var m;
+  var c;
   switch (d || "") {
     case "text":
       return /* @__PURE__ */ r(
@@ -72,7 +72,7 @@ const ie = y.div`
           radioProps: a.radioProps,
           name: l,
           items: [
-            ...(m = a.items) == null ? void 0 : m.map((s) => ({ value: s.value, label: s.label }))
+            ...(c = a.items) == null ? void 0 : c.map((s) => ({ value: s.value, label: s.label }))
           ]
         }
       );
@@ -172,7 +172,7 @@ const ie = y.div`
     goToPreviousView: n,
     id: i,
     data: o,
-    fields: m = [],
+    fields: c = [],
     errors: s = {},
     flexGridProps: T,
     goBackText: k = "Go back",
@@ -183,7 +183,7 @@ const ie = y.div`
     disableGoBack: w = !1,
     disableNext: B = !1,
     disablePrevious: C = !1,
-    disableEdit: ce,
+    disableEdit: me,
     disableDiscard: A = !1,
     disableSave: F = !1,
     discardText: G = "Discard",
@@ -193,7 +193,7 @@ const ie = y.div`
     },
     goToPrevious: R = () => {
     },
-    onEdit: me = () => {
+    onEdit: ce = () => {
     },
     goBack: N = () => {
     },
@@ -211,7 +211,7 @@ const ie = y.div`
   } = d, O = ne(), $ = (t, u) => {
     n && n(), N(t, u);
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ m(
     le,
     {
       ref: a,
@@ -233,7 +233,7 @@ const ie = y.div`
           },
           0
         ),
-        /* @__PURE__ */ r(g, { children: j || /* @__PURE__ */ r(M, { spacing: 10, ...T, children: m.map((t, u) => /* @__PURE__ */ r(Y, { ...t, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r(g, { children: j || /* @__PURE__ */ r(M, { spacing: 10, ...T, children: c.map((t, u) => /* @__PURE__ */ r(Y, { ...t, children: /* @__PURE__ */ r(
           ae,
           {
             label: t.label,
@@ -251,9 +251,9 @@ const ie = y.div`
           },
           u
         ) }, u)) }) }),
-        /* @__PURE__ */ c(ie, { children: [
-          /* @__PURE__ */ c("div", { children: [
-            I && /* @__PURE__ */ c(g, { children: [
+        /* @__PURE__ */ m(ie, { children: [
+          /* @__PURE__ */ m("div", { children: [
+            I && /* @__PURE__ */ m(g, { children: [
               /* @__PURE__ */ r(
                 x,
                 {
@@ -277,7 +277,7 @@ const ie = y.div`
               }
             )
           ] }),
-          /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ r(
               f,
               {

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),d=require("./consts-CtNoHdBj.cjs"),m=require("./utils-scuIeOqU.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=l.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),d=require("./consts-CtNoHdBj.cjs"),m=require("./utils-NZLCh-J5.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=l.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/GeneralWithTagsCardsSection.js

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { n as p } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as p } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as d } from "./consts-C1uHV4xc.js";
-import { t as y, m as b, l as k } from "./utils-jiuifwtJ.js";
+import { t as y, m as b, l as k } from "./utils-DtRLzzTZ.js";
 import $ from "./Icon.js";
-import { u as C } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = p.div`
   display: flex;
   flex-direction: column;

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),s=require("./utils-scuIeOqU.cjs"),f=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),x=require("./consts-CtNoHdBj.cjs"),w=f.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),s=require("./utils-NZLCh-J5.cjs"),f=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),x=require("./consts-CtNoHdBj.cjs"),w=f.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/GiftCardsSection.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { t as h, m as _, l as w, n as x, G as c } from "./utils-jiuifwtJ.js";
-import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { t as h, m as _, l as w, n as x, G as c } from "./utils-DtRLzzTZ.js";
+import { n as g } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as u } from "./consts-C1uHV4xc.js";
 const y = g.div`
   display: flex;

package/dist/Grid.cjs

@@ -1,4 +1,4 @@
-"use strict";const w=require("react/jsx-runtime"),j=require("react"),t=require("./index-BPVoEhTF.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),I=G.newStyled.div`
+"use strict";const w=require("react/jsx-runtime"),j=require("react"),t=require("./index-BPVoEhTF.cjs"),G=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),I=G.newStyled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};

package/dist/Grid.js

@@ -1,7 +1,7 @@
 import { jsx as G } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { P as e } from "./index-S5Cd7WrG.js";
-import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as C } from "./emotion-styled.browser.esm-CjCaF13H.js";
 const h = C.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};
   row-gap: ${(t) => t.rowGap ? t.rowGap : t.gap ? t.gap : 0};

package/dist/GridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),P=T.newStyled.div`
+"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),P=T.newStyled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};

package/dist/GridItem.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { n as E } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as E } from "./emotion-styled.browser.esm-CjCaF13H.js";
 const b = E.div`
   display: ${(e) => e.inline ? "inline-grid" : "grid"};
   row-gap: ${(e) => e.rowGap ? e.rowGap : e.gap ? e.gap : 0};

package/dist/Icon.cjs

@@ -1,8 +1,8 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BPVoEhTF.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-scuIeOqU.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),I=P.newStyled.span`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BPVoEhTF.cjs"),P=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),o=require("./utils-NZLCh-J5.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=P.newStyled.span`
   box-sizing: border-box;
   ${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:o.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")};
   ${e=>e.color&&`color: ${o.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`};
   display: inline-flex;
   justify-content: center;
   align-items: center;
-`,t=z.forwardRef((e,r)=>{const{id:h="",icon:i="",iconStyle:c="solid",tooltip:l="",sizeInUnits:a="",size:y="small",color:m,className:d="",style:u={},...p}=e,g={theme:b.useTheme(),size:y,color:m,sizeInUnits:a},f=()=>{var T=c==="solid"?"fas":"far";return`${T} fa-${i} fa-fw`};return n.jsx(I,{ref:r,...g,tooltip:l,className:d,style:u,...p,children:n.jsx("i",{"data-control":!!e["data-control"],className:f()})})});t.propTypes={id:s.PropTypes.string,icon:s.PropTypes.string,iconStyle:s.PropTypes.oneOf(["solid","regular"]),tooltip:s.PropTypes.string,className:s.PropTypes.string,style:s.PropTypes.object,size:s.PropTypes.oneOf(["small","medium","large"]),sizeInUnits:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=t;
+`,t=z.forwardRef((e,r)=>{const{id:h="",icon:i="",iconStyle:l="solid",tooltip:c="",sizeInUnits:a="",size:y="small",color:m,className:d="",style:u={},...p}=e,g={theme:b.useTheme(),size:y,color:m,sizeInUnits:a},f=()=>{var T=l==="solid"?"fas":"far";return`${T} fa-${i} fa-fw`};return n.jsx(I,{ref:r,...g,tooltip:c,className:d,style:u,...p,children:n.jsx("i",{"data-control":!!e["data-control"],className:f()})})});t.propTypes={id:s.PropTypes.string,icon:s.PropTypes.string,iconStyle:s.PropTypes.oneOf(["solid","regular"]),tooltip:s.PropTypes.string,className:s.PropTypes.string,style:s.PropTypes.object,size:s.PropTypes.oneOf(["small","medium","large"]),sizeInUnits:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=t;

package/dist/Icon.js

@@ -1,13 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
-import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { g as h, a as p } from "./utils-jiuifwtJ.js";
-import { u as b } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { n as I } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { c as b, b as h } from "./utils-DtRLzzTZ.js";
+import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = I.span`
   box-sizing: border-box;
-  ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : h(e.theme, "Icon", e.size, "enabled")};
-  ${(e) => e.color && `color: ${p(
+  ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : b(e.theme, "Icon", e.size, "enabled")};
+  ${(e) => e.color && `color: ${h(
   e.theme,
   "Icon",
   e.color,
@@ -29,7 +29,7 @@ const $ = I.span`
     className: m = "",
     style: f = {},
     ...d
-  } = e, g = { theme: b(), size: l, color: c, sizeInUnits: a }, y = () => {
+  } = e, g = { theme: p(), size: l, color: c, sizeInUnits: a }, y = () => {
     var u = i === "solid" ? "fas" : "far";
     return `${u} fa-${s} fa-fw`;
   };

package/dist/IconButton.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),$=require("react"),o=require("./index-BPVoEhTF.cjs"),b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-scuIeOqU.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=e=>`
+"use strict";const a=require("react/jsx-runtime"),$=require("react"),o=require("./index-BPVoEhTF.cjs"),b=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),t=require("./utils-NZLCh-J5.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/IconButton.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as I, isValidElement as N } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
-import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { g as $, a as t, d as n, e as B, h as f, b as V } from "./utils-jiuifwtJ.js";
-import { u as j } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { n as h } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { c as $, b as t, d as n, e as B, h as f, a as V } from "./utils-DtRLzzTZ.js";
+import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = (e) => `
         outline: none;
         display: inline-flex;