@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/DropdownMenu.js

@@ -1,30 +1,30 @@
-import { jsx as s, jsxs as B } from "react/jsx-runtime";
-import n, { useRef as p, useState as K } from "react";
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import { forwardRef as K, useRef as l, useState as L, Children as U, isValidElement as Y, cloneElement as f } from "react";
 import { P as o } from "./index-BYnWp42a.js";
-import { n as T } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import L from "./Button.js";
-import { a as U } from "./utils-C52T57HO.js";
-import { useTheme as Y } from "./ThemeProvider.js";
-import $ from "./Popover.js";
-import q from "./PopoverTrigger.js";
-import A from "./PopoverContent.js";
-import { m as G } from "./motion-ecIGZGwI.js";
-const H = T.div``, J = T(G.div)`
+import { n as b } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import $ from "./Button.js";
+import { a as q } from "./utils-C52T57HO.js";
+import { useTheme as A } from "./ThemeProvider.js";
+import G from "./Popover.js";
+import H from "./PopoverTrigger.js";
+import J from "./PopoverContent.js";
+import { m as Q } from "./motion-ecIGZGwI.js";
+const W = b.div``, X = b(Q.div)`
   gap: 0.25rem;
   display: flex;
   flex-direction: column;
   ${(t) => t.widthfitcontent == !1 && "min-width: 12.5rem"};
-  background-color: ${(t) => U(
+  background-color: ${(t) => q(
   t.theme,
   "Dropdown",
   t.color,
   "enabled",
   "background"
 )};
-`, Q = n.forwardRef((t, a) => {
+`, Z = K((t, s) => {
   const {
-    control: l,
-    offsetValue: b = 9,
+    control: a,
+    offsetValue: _ = 9,
     placement: v,
     widthFitContent: M = !1,
     closeOnItemSelect: P = !0,
@@ -57,44 +57,44 @@ const H = T.div``, J = T(G.div)`
       }
     },
     className: x = "",
-    style: W = {},
-    color: r = "primary",
+    style: ee = {},
+    color: n = "primary",
     size: i = "small",
     contentClassName: D = "",
-    popoverProps: X,
+    popoverProps: oe,
     children: R,
     ...k
   } = t;
-  p();
-  const z = p(), { theme: F } = Y(), C = p(), I = p(), [V, c] = K(!1), S = (e, f, m) => {
-    O(e, f, m), P == !0 && c(!1);
-  }, j = n.Children.map(R, (e, f) => {
-    var m, _;
-    return n.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((_ = e == null ? void 0 : e.type) == null ? void 0 : _.displayName) === "NESTED_ITEM") ? f == 0 ? (e.props.ref && (I.current = a), n.cloneElement(e, {
-      ref: a || I,
+  l();
+  const z = l(), { theme: F } = A(), C = l(), I = l(), [V, m] = L(!1), S = (e, c, p) => {
+    O(e, c, p), P == !0 && m(!1);
+  }, j = U.map(R, (e, c) => {
+    var p, T;
+    return Y(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((T = e == null ? void 0 : e.type) == null ? void 0 : T.displayName) === "NESTED_ITEM") ? c == 0 ? (e.props.ref && (I.current = s), f(e, {
+      ref: s || I,
       //needed to focus on navigation
-      color: e.props.color ? e.props.color : r,
+      color: e.props.color ? e.props.color : n,
       size: i,
       onItemSelected: S,
       animation: h
-    })) : n.cloneElement(e, {
-      color: e.props.color ? e.props.color : r,
+    })) : f(e, {
+      color: e.props.color ? e.props.color : n,
       size: i,
       onItemSelected: S
     }) : e;
   });
-  return /* @__PURE__ */ s(H, { ref: a, className: x, ...k, children: /* @__PURE__ */ B(
-    $,
+  return /* @__PURE__ */ r(W, { ref: s, className: x, ...k, children: /* @__PURE__ */ B(
+    G,
     {
       open: V,
-      onOpenChange: c,
+      onOpenChange: m,
       placement: v,
-      offsetValue: b,
+      offsetValue: _,
       children: [
-        /* @__PURE__ */ s(q, { onClick: () => c((e) => !e), children: typeof l == "string" || l instanceof String ? /* @__PURE__ */ s(
-          L,
+        /* @__PURE__ */ r(H, { onClick: () => m((e) => !e), children: typeof a == "string" || a instanceof String ? /* @__PURE__ */ r(
+          $,
           {
-            text: l,
+            text: a,
             onClick: g,
             onMouseEnter: E,
             onMouseLeave: w,
@@ -103,11 +103,11 @@ const H = T.div``, J = T(G.div)`
             ref: C,
             onKeyDown: y,
             trailingIcon: "angle-down",
-            color: r,
+            color: n,
             size: i
           }
-        ) : n.cloneElement(l, {
-          color: r,
+        ) : f(a, {
+          color: n,
           size: i,
           ref: C,
           onClick: g,
@@ -117,12 +117,12 @@ const H = T.div``, J = T(G.div)`
           onFocus: u,
           onKeyDown: y
         }) }),
-        /* @__PURE__ */ s(A, { zIndex: N, children: /* @__PURE__ */ s(
-          J,
+        /* @__PURE__ */ r(J, { zIndex: N, children: /* @__PURE__ */ r(
+          X,
           {
             ref: z,
             widthfitcontent: M,
-            color: r,
+            color: n,
             theme: F,
             className: D,
             children: j
@@ -132,7 +132,7 @@ const H = T.div``, J = T(G.div)`
     }
   ) });
 });
-Q.propTypes = {
+Z.propTypes = {
   control: o.oneOfType([o.string, o.element]),
   /**
    * Menu offset from the control
@@ -190,5 +190,5 @@ Q.propTypes = {
   popoverProps: o.any
 };
 export {
-  Q as default
+  Z as default
 };

package/dist/FileInput.js

@@ -1,10 +1,10 @@
-import { jsxs as R, jsx as m } from "react/jsx-runtime";
-import S, { useState as g } from "react";
+import { jsxs as S, jsx as m } from "react/jsx-runtime";
+import { forwardRef as R, useState as g } from "react";
 import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as t } from "./index-BYnWp42a.js";
 import { d as y, a as r, e as V, g as x, h as p } from "./utils-C52T57HO.js";
-import { u as _ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const B = c.label`
+import { u as B } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const D = c.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;
@@ -19,14 +19,14 @@ const B = c.label`
 )};
   border-radius: 8px;
   ${(e) => e.focused === !0 && e.readOnly !== !0 ? V(e.theme) : ""}
-`, D = c.input`
+`, L = c.input`
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
-`, L = c.div`
+`, U = c.div`
   display: flex;
   align-items: center;
   white-space: nowrap;
@@ -58,7 +58,7 @@ const B = c.label`
   border-radius: 8px 0 0 8px;
 
   ${(e) => e.disabled === !0 ? p(e.theme) : ""}
-`, U = c.input`
+`, W = c.input`
   width: 100%;
   appearance: none;
   outline: none;
@@ -98,7 +98,7 @@ const B = c.label`
 )};
 
   ${(e) => e.disabled === !0 ? p(e.theme) : ""}
-`, W = S.forwardRef((e, $) => {
+`, q = R((e, $) => {
   const {
     className: I = "",
     style: C = {},
@@ -106,15 +106,15 @@ const B = c.label`
     onFocus: d,
     onBlur: s,
     disabled: l,
-    readOnly: f,
+    readOnly: b,
     multiple: w = !1,
     accept: z = "",
     label: O = "Choose File",
     color: F = "primary",
     size: k = "small",
     ...v
-  } = e, T = _(), [o, N] = g([]), [b, h] = g(!1);
-  var u = { theme: T, size: k, color: F, disabled: l, focused: b };
+  } = e, T = B(), [o, N] = g([]), [f, h] = g(!1);
+  var u = { theme: T, size: k, color: F, disabled: l, focused: f };
   const j = () => {
     if (o.length > 0) {
       var n = "";
@@ -124,23 +124,23 @@ const B = c.label`
     }
     return "";
   };
-  return /* @__PURE__ */ R(
-    B,
+  return /* @__PURE__ */ S(
+    D,
     {
       ...u,
       className: I,
       style: C,
-      focused: b,
-      readOnly: f,
+      focused: f,
+      readOnly: b,
       children: [
         /* @__PURE__ */ m(
-          D,
+          L,
           {
             ...u,
             accept: z,
             multiple: w,
             ref: $,
-            onChange: l || f ? () => {
+            onChange: l || b ? () => {
             } : (n) => {
               var a = [];
               if (n.target.files && n.target.files.length > 0)
@@ -159,9 +159,9 @@ const B = c.label`
             ...v
           }
         ),
-        /* @__PURE__ */ m(L, { ...u, children: O }),
+        /* @__PURE__ */ m(U, { ...u, children: O }),
         /* @__PURE__ */ m(
-          U,
+          W,
           {
             tabIndex: -1,
             ...u,
@@ -174,7 +174,7 @@ const B = c.label`
     }
   );
 });
-W.propTypes = {
+q.propTypes = {
   id: t.any,
   disabled: t.bool,
   readOnly: t.bool,
@@ -202,5 +202,5 @@ W.propTypes = {
   ])
 };
 export {
-  W as default
+  q as default
 };

package/dist/FlexGridItem.js

@@ -1,35 +1,35 @@
 import { jsx as y } from "react/jsx-runtime";
-import N, { useState as S, useEffect as b } from "react";
+import { forwardRef as N, useState as S, useEffect as b } from "react";
 import { P as i } from "./index-BYnWp42a.js";
 import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { u as M } from "./utils-C52T57HO.js";
-const R = I.div`
+const W = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;
   width: ${(t) => t.width}%;
   padding: ${(t) => t.rowGap}px ${(t) => t.columnGap}px;
   overflow-wrap: break-word;
-`, W = N.forwardRef((t, x) => {
+`, j = N((t, x) => {
   const {
     XS: r,
     S: s,
     M: a,
-    L: c,
+    L: n,
     XL: d,
     col: u,
     columns: e,
     spacing: p,
-    rowSpacing: n,
+    rowSpacing: c,
     columnSpacing: m,
     children: k
   } = t, l = M(), [L, X] = S(0), [g, f] = S(0), [$, w] = S(0);
   b(() => {
     h();
-  }, [e, r, s, a, c, d, u]), b(() => {
+  }, [e, r, s, a, n, d, u]), b(() => {
     h(), G();
   }, [l]), b(() => {
     G();
-  }, [p, n, m]);
+  }, [p, c, m]);
   const h = () => {
     let o = u ? 100 / (e / u) : 0;
     switch (l) {
@@ -43,18 +43,18 @@ const R = I.div`
         o = a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
         break;
       case "L":
-        o = c ? 100 / (e / c) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
+        o = n ? 100 / (e / n) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
         break;
       case "XL":
-        o = d ? 100 / (e / d) : c ? 100 / (e / c) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
+        o = d ? 100 / (e / d) : n ? 100 / (e / n) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
         break;
     }
     X(o);
   }, G = () => {
-    p ? (f(p), w(p)) : (n && (isNaN(n) ? f(n[l] ?? 0) : f(n)), m && (isNaN(m) ? w(m[l] ?? 0) : w(m)));
+    p ? (f(p), w(p)) : (c && (isNaN(c) ? f(c[l] ?? 0) : f(c)), m && (isNaN(m) ? w(m[l] ?? 0) : w(m)));
   };
   return /* @__PURE__ */ y(
-    R,
+    W,
     {
       ref: x,
       columns: e,
@@ -65,7 +65,7 @@ const R = I.div`
     }
   );
 });
-W.propTypes = {
+j.propTypes = {
   /**
    * Number of columns to take up on XS screens.
    */
@@ -93,5 +93,5 @@ W.propTypes = {
   col: i.number
 };
 export {
-  W as default
+  j as default
 };

package/dist/Grid.cjs

@@ -8,6 +8,5 @@
   ${e=>e.justifyItems&&`justify-items: ${e.justifyItems};`} 
   ${e=>e.alignItems&&`align-items: ${e.alignItems};`} 
   ${e=>e.justifyContent&&`justify-content: ${e.justifyContent};`} 
-  ${e=>e.templateAreas&&`grid-template-areas: ${e.templateAreas};`} 
-
+  ${e=>e.templateAreas&&`grid-template-areas: ${e.templateAreas};`}
 `,s=j.forwardRef((e,n)=>{const{inline:a=!1,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u,children:d,className:f="",style:T={},...$}=e;var P={inline:a,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u};return w.jsx(I,{ref:n,...P,className:f,style:T,...$,children:d})});s.defaultProps={inline:!1,style:{},className:""};s.propTypes={inline:t.PropTypes.bool,template:t.PropTypes.string,templateColumns:t.PropTypes.string,templateRows:t.PropTypes.string,gap:t.PropTypes.string,rowGap:t.PropTypes.string,columnGap:t.PropTypes.string,justifyItems:t.PropTypes.oneOf(["start","end","center","stretch"]),alignItems:t.PropTypes.oneOf(["start","end","center","stretch"]),placeItems:t.PropTypes.oneOf(["start","end","center","stretch"]),justifyContent:t.PropTypes.oneOf(["start","end","center","stretch","space-between","space-evenly"]),templateAreas:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=s;

package/dist/Grid.js

@@ -1,8 +1,8 @@
 import { jsx as G } from "react/jsx-runtime";
-import I from "react";
+import { forwardRef as I } from "react";
 import { P as e } from "./index-BYnWp42a.js";
 import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-const R = C.div`
+const h = C.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};
   row-gap: ${(t) => t.rowGap ? t.rowGap : t.gap ? t.gap : 0};
   column-gap: ${(t) => t.columnGap ? t.columnGap : t.gap ? t.gap : 0};
@@ -12,9 +12,8 @@ const R = C.div`
   ${(t) => t.justifyItems && `justify-items: ${t.justifyItems};`} 
   ${(t) => t.alignItems && `align-items: ${t.alignItems};`} 
   ${(t) => t.justifyContent && `justify-content: ${t.justifyContent};`} 
-  ${(t) => t.templateAreas && `grid-template-areas: ${t.templateAreas};`} 
-
-`, a = I.forwardRef((t, s) => {
+  ${(t) => t.templateAreas && `grid-template-areas: ${t.templateAreas};`}
+`, a = I((t, s) => {
   const {
     inline: n = !1,
     template: l,
@@ -32,8 +31,30 @@ const R = C.div`
     style: $ = {},
     ...w
   } = t;
-  var j = { inline: n, template: l, templateColumns: i, templateRows: m, gap: r, rowGap: o, columnGap: g, justifyItems: c, alignItems: p, justifyContent: f, templateAreas: d };
-  return /* @__PURE__ */ G(R, { ref: s, ...j, className: y, style: $, ...w, children: u });
+  var j = {
+    inline: n,
+    template: l,
+    templateColumns: i,
+    templateRows: m,
+    gap: r,
+    rowGap: o,
+    columnGap: g,
+    justifyItems: c,
+    alignItems: p,
+    justifyContent: f,
+    templateAreas: d
+  };
+  return /* @__PURE__ */ G(
+    h,
+    {
+      ref: s,
+      ...j,
+      className: y,
+      style: $,
+      ...w,
+      children: u
+    }
+  );
 });
 a.defaultProps = {
   inline: !1,
@@ -51,7 +72,14 @@ a.propTypes = {
   justifyItems: e.oneOf(["start", "end", "center", "stretch"]),
   alignItems: e.oneOf(["start", "end", "center", "stretch"]),
   placeItems: e.oneOf(["start", "end", "center", "stretch"]),
-  justifyContent: e.oneOf(["start", "end", "center", "stretch", "space-between", "space-evenly"]),
+  justifyContent: e.oneOf([
+    "start",
+    "end",
+    "center",
+    "stretch",
+    "space-between",
+    "space-evenly"
+  ]),
   templateAreas: e.string,
   //-------------
   style: e.object,

package/dist/GridItem.cjs

@@ -11,5 +11,5 @@
   ${e=>e.colStart&&`grid-column-start: ${e.colStart};`} 
   ${e=>(e.colEnd||e.colSpan)&&`grid-column-end: span ${e.colEnd||e.colSpan};`} 
   ${e=>e.rowStart&&`grid-row-start: ${e.rowStart};`} 
-  ${e=>(e.rowEnd||e.rowSpan)&&`grid-row-end: span ${e.rowEnd||e.rowSpan};`} 
+  ${e=>(e.rowEnd||e.rowSpan)&&`grid-row-end: span ${e.rowEnd||e.rowSpan};`}
 `,r=p.forwardRef((e,a)=>{const{colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:S,className:g="",style:u={},children:w,...y}=e;var $={colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:S};return f.jsx(P,{ref:a,...$,className:g,style:u,...y,children:w})});r.propTypes={colStart:t.PropTypes.number,colEnd:t.PropTypes.number,rowStart:t.PropTypes.number,rowEnd:t.PropTypes.number,colSpan:t.PropTypes.number,rowSpan:t.PropTypes.number,justifySelf:t.PropTypes.oneOf(["start","end","center","stretch"]),alignSelf:t.PropTypes.oneOf(["start","end","center","stretch"]),area:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=r;

package/dist/GridItem.js

@@ -1,5 +1,5 @@
-import { jsx as s } from "react/jsx-runtime";
-import y from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
 import { P as t } from "./index-BYnWp42a.js";
 import { n as E } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 const b = E.div`
@@ -15,8 +15,8 @@ const b = E.div`
   ${(e) => e.colStart && `grid-column-start: ${e.colStart};`} 
   ${(e) => (e.colEnd || e.colSpan) && `grid-column-end: span ${e.colEnd || e.colSpan};`} 
   ${(e) => e.rowStart && `grid-row-start: ${e.rowStart};`} 
-  ${(e) => (e.rowEnd || e.rowSpan) && `grid-row-end: span ${e.rowEnd || e.rowSpan};`} 
-`, j = y.forwardRef((e, a) => {
+  ${(e) => (e.rowEnd || e.rowSpan) && `grid-row-end: span ${e.rowEnd || e.rowSpan};`}
+`, j = y((e, a) => {
   const {
     colStart: r,
     colEnd: n,
@@ -30,10 +30,30 @@ const b = E.div`
     className: S = "",
     style: f = {},
     children: $,
-    ...u
+    ...w
   } = e;
-  var w = { colStart: r, colEnd: n, rowStart: l, rowEnd: o, colSpan: i, rowSpan: m, justifySelf: d, alignSelf: c, area: g };
-  return /* @__PURE__ */ s(b, { ref: a, ...w, className: S, style: f, ...u, children: $ });
+  var s = {
+    colStart: r,
+    colEnd: n,
+    rowStart: l,
+    rowEnd: o,
+    colSpan: i,
+    rowSpan: m,
+    justifySelf: d,
+    alignSelf: c,
+    area: g
+  };
+  return /* @__PURE__ */ u(
+    b,
+    {
+      ref: a,
+      ...s,
+      className: S,
+      style: f,
+      ...w,
+      children: $
+    }
+  );
 });
 j.propTypes = {
   /**

package/dist/Icon.cjs

@@ -1,8 +1,8 @@
-"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`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),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")}`};
   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:u="",style:d={},...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:u,style:d,...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: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;

package/dist/Icon.js

@@ -1,14 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
-/* empty css                     */
 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 { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as h, a as p } from "./utils-C52T57HO.js";
 import { u as b } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const $ = p.span`
+const $ = I.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: ${h(
+  ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : h(e.theme, "Icon", e.size, "enabled")};
+  ${(e) => e.color && `color: ${p(
   e.theme,
   "Icon",
   e.color,

package/dist/IconButton.cjs

@@ -1,4 +1,4 @@
-"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=>`
+"use strict";const a=require("react/jsx-runtime"),$=require("react"),o=require("./index-BIlhCoy2.cjs"),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.newStyled.button`
+`,B=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")};
   }
-`,B=b.newStyled.button`
+`,C=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(B)`
+`,F=b.newStyled(C)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,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;
+`,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;