@lanaco/lnc-react-ui 4.0.2 → 4.0.3

package/dist/FormView.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as r, Fragment as g } from "react/jsx-runtime";
-import W from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as y } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { forwardRef as W } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import M from "./FlexGrid.js";
 import Y from "./FlexGridItem.js";
-import b from "./Button.js";
+import f from "./Button.js";
 import x from "./IconButton.js";
 import U from "./TextInput.js";
 import q from "./CheckBoxInput.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 { d as re, c as te, b as oe } from "./utils-DEke8iwo.js";
+import { c as re, b as te, a as oe } from "./utils-C52T57HO.js";
 import ae from "./FormField.js";
-import { u as ne } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as ne } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const ie = y.div`
   display: flex;
   justify-content: space-between;
@@ -166,7 +166,7 @@ const ie = y.div`
     default:
       return n;
   }
-}, h = W.forwardRef((d, a) => {
+}, h = W((d, a) => {
   const {
     __TYPE__: l = "FORM_VIEW",
     goToPreviousView: n,
@@ -181,17 +181,17 @@ const ie = y.div`
     previousActive: V = !0,
     editActive: se,
     disableGoBack: w = !1,
-    disableNext: _ = !1,
-    disablePrevious: B = !1,
+    disableNext: B = !1,
+    disablePrevious: C = !1,
     disableEdit: ce,
-    disableDiscard: C = !1,
-    disableSave: A = !1,
-    discardText: F = "Discard",
-    saveText: G = "Save",
+    disableDiscard: A = !1,
+    disableSave: F = !1,
+    discardText: G = "Discard",
+    saveText: S = "Save",
     //------------------
-    goToNext: R = () => {
+    goToNext: _ = () => {
     },
-    goToPrevious: S = () => {
+    goToPrevious: R = () => {
     },
     onEdit: me = () => {
     },
@@ -203,8 +203,8 @@ const ie = y.div`
     },
     //------------------
     className: ue = "",
-    style: fe = {},
-    color: f = "primary",
+    style: be = {},
+    color: b = "primary",
     size: p = "small",
     children: j,
     ...D
@@ -216,12 +216,12 @@ const ie = y.div`
     {
       ref: a,
       theme: O,
-      color: f,
+      color: b,
       borderRadius: "regular",
       ...D,
       children: [
         v && /* @__PURE__ */ r(
-          b,
+          f,
           {
             leadingIcon: "arrow-circle-left",
             text: k,
@@ -238,14 +238,14 @@ const ie = y.div`
           {
             label: t.label,
             text: s[t.accessor],
-            color: s[t.accessor] ? "danger" : f,
+            color: s[t.accessor] ? "danger" : b,
             size: p,
             children: t.type == "custom" ? t.element : de(
               t.type,
               t.inputProps,
               t.accessor,
               o[t.accessor],
-              s[t.accessor] ? "danger" : f,
+              s[t.accessor] ? "danger" : b,
               p
             )
           },
@@ -259,8 +259,8 @@ const ie = y.div`
                 {
                   btnType: "outline",
                   icon: "angle-left",
-                  disabled: B,
-                  onClick: (t) => S(o, t),
+                  disabled: C,
+                  onClick: (t) => R(o, t),
                   type: "button"
                 }
               ),
@@ -271,34 +271,34 @@ const ie = y.div`
               {
                 btnType: "outline",
                 icon: "angle-right",
-                disabled: _,
-                onClick: (t) => R(o, t),
+                disabled: B,
+                onClick: (t) => _(o, t),
                 type: "button"
               }
             )
           ] }),
           /* @__PURE__ */ c("div", { children: [
             /* @__PURE__ */ r(
-              b,
+              f,
               {
                 leadingIcon: "eraser",
                 btnType: "outline",
                 color: "warning",
-                text: F,
-                disabled: C,
+                text: G,
+                disabled: A,
                 onClick: P,
                 type: "button"
               }
             ),
             "  ",
             /* @__PURE__ */ r(
-              b,
+              f,
               {
                 leadingIcon: "floppy-disk",
                 btnType: "tinted",
                 color: "success",
-                text: G,
-                disabled: A,
+                text: S,
+                disabled: F,
                 onClick: E
               }
             )

package/dist/Grid.cjs

@@ -1,4 +1,4 @@
-"use strict";const w=require("react/jsx-runtime"),j=require("react"),t=require("./index-DXnSjbfJ.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-BIlhCoy2.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.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 I from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as C } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 const R = 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-DXnSjbfJ.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-BIlhCoy2.cjs"),T=require("./emotion-styled.browser.esm-Cbp_XsK4.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 s } from "react/jsx-runtime";
 import y from "react";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { n as E } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { P as t } from "./index-BYnWp42a.js";
+import { n as E } from "./emotion-styled.browser.esm-BiK8DcgW.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/Header.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./index-DXnSjbfJ.cjs"),e=o.forwardRef((r,s)=>{const{children:t,__TYPE__:c="Header",...n}=r;return i.jsx("header",{ref:s,...n,children:t})});e.propTypes={__TYPE__:a.PropTypes.string};e.displayName="Header";module.exports=e;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./index-BIlhCoy2.cjs"),e=o.forwardRef((r,s)=>{const{children:t,__TYPE__:c="Header",...n}=r;return i.jsx("header",{ref:s,...n,children:t})});e.propTypes={__TYPE__:a.PropTypes.string};e.displayName="Header";module.exports=e;

package/dist/Header.js

@@ -1,16 +1,16 @@
-import { jsx as p } from "react/jsx-runtime";
-import s from "react";
-import { P as _ } from "./index-Ds9PUTwb.js";
-const r = s.forwardRef((e, a) => {
-  const { children: o, __TYPE__: d = "Header", ...t } = e;
-  return /* @__PURE__ */ p("header", { ref: a, ...t, children: o });
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { P as d } from "./index-BYnWp42a.js";
+const r = t((e, o) => {
+  const { children: a, __TYPE__: _ = "Header", ...p } = e;
+  return /* @__PURE__ */ s("header", { ref: o, ...p, children: a });
 });
 r.propTypes = {
   /**
    * Do not override this property.
    * Should only be used as indicator for type if you are passing custom component.
    */
-  __TYPE__: _.string
+  __TYPE__: d.string
 };
 r.displayName = "Header";
 export {

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react");;/* empty css                       */const s=require("./index-DXnSjbfJ.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-hdRGTsQ7.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");;/* empty css                       */const s=require("./index-BIlhCoy2.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-DTAPpJXU.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.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")}`};

package/dist/Icon.js

@@ -1,18 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import z from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as z } from "react";
 /* empty css                     */
-import { P as o } from "./index-Ds9PUTwb.js";
-import { n as p } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as I, b } from "./utils-DEke8iwo.js";
-import { u as h } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as p } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as I, a as h } from "./utils-C52T57HO.js";
+import { u as b } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const $ = p.span`
   box-sizing: border-box;
   ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : I(e.theme, "Icon", e.size, "enabled")};
-  ${(e) => e.color && `color: ${b(e.theme, "Icon", e.color, "enabled", "icon")}`};
+  ${(e) => e.color && `color: ${h(
+  e.theme,
+  "Icon",
+  e.color,
+  "enabled",
+  "icon"
+)}`};
   display: inline-flex;
   justify-content: center;
   align-items: center;
-`, x = z.forwardRef((e, n) => {
+`, x = z((e, t) => {
   const {
     id: U = "",
     icon: s = "",
@@ -24,11 +30,28 @@ const $ = p.span`
     className: m = "",
     style: f = {},
     ...d
-  } = e, g = { theme: h(), size: l, color: c, sizeInUnits: a }, y = () => {
+  } = e, g = { theme: b(), size: l, color: c, sizeInUnits: a }, y = () => {
     var u = i === "solid" ? "fas" : "far";
     return `${u} fa-${s} fa-fw`;
   };
-  return /* @__PURE__ */ t($, { ref: n, ...g, tooltip: r, className: m, style: f, ...d, children: /* @__PURE__ */ t("i", { "data-control": !!e["data-control"], className: y() }) });
+  return /* @__PURE__ */ n(
+    $,
+    {
+      ref: t,
+      ...g,
+      tooltip: r,
+      className: m,
+      style: f,
+      ...d,
+      children: /* @__PURE__ */ n(
+        "i",
+        {
+          "data-control": !!e["data-control"],
+          className: y()
+        }
+      )
+    }
+  );
 });
 x.propTypes = {
   id: o.string,

package/dist/IconButton.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),$=require("react"),o=require("./index-DXnSjbfJ.cjs");;/* empty css                       */const b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-hdRGTsQ7.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=e=>`
+"use strict";const a=require("react/jsx-runtime"),O=require("react"),o=require("./index-BIlhCoy2.cjs");;/* empty css                       */const b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-DTAPpJXU.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -15,7 +15,7 @@
         max-width: ${t.getSizeValueWithUnits(e.theme,e.size)};
     `,P=b.newStyled.i`
   font-size: 1.125rem;
-`,B=b.newStyled.button`
+`,$=b.newStyled.button`
   ${e=>m(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonFilled",e.size,"enabled")};
@@ -83,7 +83,7 @@
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","background","backgroundOpacity")};
     color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","text")};
   }
-`,C=b.newStyled.button`
+`,B=b.newStyled.button`
   ${e=>m(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
@@ -116,7 +116,7 @@
     cursor: default;
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic","gray","disabled","background","backgroundOpacity")};
   }
-`,F=b.newStyled(C)`
+`,F=b.newStyled(B)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,f=$.forwardRef((e,n)=>{const{icon:h=null,iconStyle:k="solid",borderRadius:V="regular",btnType:l="filled",disabled:R=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:i=()=>{},onClick:c=()=>{},onKeyDown:u=()=>{},size:y="small",color:T="primary",className:x="",style:z={},...d}=e,g={theme:S.useTheme(),color:T,size:y,style:z,className:"lnc-ui-icon-button "+x,disabled:R,borderRadius:V,btnType:l},v=()=>{var O=k==="solid"?"fas":"far";return`${O} fa-${h} fa-fw`},s=()=>$.isValidElement(h)?h:a.jsx(P,{className:v()});return l==="filled"?a.jsx(B,{ref:n,"data-type":"filled",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,type:l,...d,children:s()}):l==="tinted"?a.jsx(w,{ref:n,"data-type":"tinted",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()}):l==="outline"?a.jsx(F,{ref:n,"data-type":"outline",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()}):l==="basic"?a.jsx(C,{ref:n,"data-type":"basic",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()}):a.jsx(B,{ref:n,"data-type":"filled",size:y,...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()})});f.propTypes={icon:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),iconStyle:o.PropTypes.oneOf(["regular","solid"]),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=f;
+`,C=O.forwardRef((e,n)=>{const{icon:h=null,iconStyle:f="solid",borderRadius:k="regular",btnType:l="filled",disabled:V=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:i=()=>{},onClick:c=()=>{},onKeyDown:u=()=>{},size:y="small",color:R="primary",className:T="",style:x={},...d}=e,g={theme:S.useTheme(),color:R,size:y,style:x,className:"lnc-ui-icon-button "+T,disabled:V,borderRadius:k,btnType:l},z=()=>{var v=f==="solid"?"fas":"far";return`${v} fa-${h} fa-fw`},s=()=>React.isValidElement(h)?h:a.jsx(P,{className:z()});return l==="filled"?a.jsx($,{ref:n,"data-type":"filled",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,type:l,...d,children:s()}):l==="tinted"?a.jsx(w,{ref:n,"data-type":"tinted",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()}):l==="outline"?a.jsx(F,{ref:n,"data-type":"outline",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()}):l==="basic"?a.jsx(B,{ref:n,"data-type":"basic",...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()}):a.jsx($,{ref:n,"data-type":"filled",size:y,...g,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:s()})});C.propTypes={icon:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),iconStyle:o.PropTypes.oneOf(["regular","solid"]),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=C;

package/dist/IconButton.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
-import x from "react";
-import { P as o } from "./index-Ds9PUTwb.js";
+import { forwardRef as I } from "react";
+import { P as o } from "./index-BYnWp42a.js";
 /* empty css                     */
-import { n as h } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as $, b as t, f as n, h as f, g as B, c as N } from "./utils-DEke8iwo.js";
-import { u as V } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.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 N } from "./utils-C52T57HO.js";
+import { u as V } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const k = (e) => `
         outline: none;
         display: inline-flex;
@@ -25,7 +25,7 @@ const k = (e) => `
         max-width: ${n(e.theme, e.size)};
     `, j = h.i`
   font-size: 1.125rem;
-`, v = h.button`
+`, x = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -86,7 +86,7 @@ const k = (e) => `
   "text"
 )};
 
-    ${(e) => e.disabled === !1 && f(e.theme)};
+    ${(e) => e.disabled === !1 && B(e.theme)};
   }
 
   &:active {
@@ -107,7 +107,7 @@ const k = (e) => `
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && B(e.theme)};
+    ${(e) => e.disabled === !0 && f(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -189,7 +189,7 @@ const k = (e) => `
   "focus",
   "text"
 )};
-    ${(e) => e.disabled === !1 && f(e.theme)};
+    ${(e) => e.disabled === !1 && B(e.theme)};
   }
 
   &:active {
@@ -210,7 +210,7 @@ const k = (e) => `
 )};
   }
   &:disabled {
-    ${(e) => e.disabled === !0 && B(e.theme)};
+    ${(e) => e.disabled === !0 && f(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -228,7 +228,7 @@ const k = (e) => `
   "text"
 )};
   }
-`, T = h.button`
+`, v = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -292,7 +292,7 @@ const k = (e) => `
   "hover",
   "text"
 )};
-    ${(e) => e.disabled === !1 && f(e.theme)};
+    ${(e) => e.disabled === !1 && B(e.theme)};
   }
 
   &:active {
@@ -314,7 +314,7 @@ const k = (e) => `
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && B(e.theme)};
+    ${(e) => e.disabled === !0 && f(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -325,7 +325,7 @@ const k = (e) => `
   "backgroundOpacity"
 )};
   }
-`, P = h(T)`
+`, P = h(v)`
   border: 1px solid
     ${(e) => t(
   e.theme,
@@ -335,13 +335,13 @@ const k = (e) => `
   "border",
   "borderOpacity"
 )};
-`, K = x.forwardRef((e, c) => {
+`, K = I((e, c) => {
   const {
     icon: g = null,
-    iconStyle: O = "solid",
-    borderRadius: z = "regular",
+    iconStyle: T = "solid",
+    borderRadius: O = "regular",
     btnType: a = "filled",
-    disabled: F = !1,
+    disabled: z = !1,
     tabIndex: U = 0,
     //----------------
     onFocus: i = () => {
@@ -354,25 +354,25 @@ const k = (e) => `
     },
     //----------------
     size: y = "small",
-    color: w = "primary",
-    className: C = "",
-    style: R = {},
+    color: F = "primary",
+    className: w = "",
+    style: C = {},
     ...b
   } = e, s = {
     theme: V(),
-    color: w,
+    color: F,
     size: y,
-    style: R,
-    className: "lnc-ui-icon-button " + C,
-    disabled: F,
-    borderRadius: z,
+    style: C,
+    className: "lnc-ui-icon-button " + w,
+    disabled: z,
+    borderRadius: O,
     btnType: a
-  }, S = () => {
-    var I = O === "solid" ? "fas" : "far";
-    return `${I} fa-${g} fa-fw`;
-  }, m = () => x.isValidElement(g) ? g : /* @__PURE__ */ l(j, { className: S() });
+  }, R = () => {
+    var S = T === "solid" ? "fas" : "far";
+    return `${S} fa-${g} fa-fw`;
+  }, m = () => React.isValidElement(g) ? g : /* @__PURE__ */ l(j, { className: R() });
   return a === "filled" ? /* @__PURE__ */ l(
-    v,
+    x,
     {
       ref: c,
       "data-type": "filled",
@@ -412,7 +412,7 @@ const k = (e) => `
       children: m()
     }
   ) : a === "basic" ? /* @__PURE__ */ l(
-    T,
+    v,
     {
       ref: c,
       "data-type": "basic",
@@ -425,7 +425,7 @@ const k = (e) => `
       children: m()
     }
   ) : /* @__PURE__ */ l(
-    v,
+    x,
     {
       ref: c,
       "data-type": "filled",