@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/IconButton.js

@@ -1,10 +1,9 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as I, isValidElement as N } from "react";
 import { P as o } from "./index-BYnWp42a.js";
-/* empty css                     */
 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";
+import { g as $, a as t, d as n, e as B, h as f, b as V } from "./utils-C52T57HO.js";
+import { u as j } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const k = (e) => `
         outline: none;
         display: inline-flex;
@@ -16,14 +15,14 @@ const k = (e) => `
         cursor: pointer;
         color: ${!e.disabled && "white"};
 
-        border-radius: ${N(
+        border-radius: ${V(
   e.theme,
   e.borderRadius
 )};
 
         min-width: ${n(e.theme, e.size)};
         max-width: ${n(e.theme, e.size)};
-    `, j = h.i`
+    `, D = h.i`
   font-size: 1.125rem;
 `, x = h.button`
   ${(e) => k(e)}
@@ -124,7 +123,7 @@ const k = (e) => `
   "text"
 )};
   }
-`, D = h.button`
+`, P = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -325,7 +324,7 @@ const k = (e) => `
   "backgroundOpacity"
 )};
   }
-`, P = h(v)`
+`, K = h(v)`
   border: 1px solid
     ${(e) => t(
   e.theme,
@@ -335,14 +334,14 @@ const k = (e) => `
   "border",
   "borderOpacity"
 )};
-`, K = I((e, c) => {
+`, U = I((e, c) => {
   const {
     icon: g = null,
     iconStyle: T = "solid",
     borderRadius: O = "regular",
-    btnType: a = "filled",
+    btnType: l = "filled",
     disabled: z = !1,
-    tabIndex: U = 0,
+    tabIndex: W = 0,
     //----------------
     onFocus: i = () => {
     },
@@ -359,19 +358,19 @@ const k = (e) => `
     style: C = {},
     ...b
   } = e, s = {
-    theme: V(),
+    theme: j(),
     color: F,
     size: y,
     style: C,
     className: "lnc-ui-icon-button " + w,
     disabled: z,
     borderRadius: O,
-    btnType: a
+    btnType: l
   }, 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(
+  }, m = () => N(g) ? g : /* @__PURE__ */ a(D, { className: R() });
+  return l === "filled" ? /* @__PURE__ */ a(
     x,
     {
       ref: c,
@@ -381,12 +380,12 @@ const k = (e) => `
       onBlur: d,
       onClick: r,
       onKeyDown: u,
-      type: a,
+      type: l,
       ...b,
       children: m()
     }
-  ) : a === "tinted" ? /* @__PURE__ */ l(
-    D,
+  ) : l === "tinted" ? /* @__PURE__ */ a(
+    P,
     {
       ref: c,
       "data-type": "tinted",
@@ -398,8 +397,8 @@ const k = (e) => `
       ...b,
       children: m()
     }
-  ) : a === "outline" ? /* @__PURE__ */ l(
-    P,
+  ) : l === "outline" ? /* @__PURE__ */ a(
+    K,
     {
       ref: c,
       "data-type": "outline",
@@ -411,7 +410,7 @@ const k = (e) => `
       ...b,
       children: m()
     }
-  ) : a === "basic" ? /* @__PURE__ */ l(
+  ) : l === "basic" ? /* @__PURE__ */ a(
     v,
     {
       ref: c,
@@ -424,7 +423,7 @@ const k = (e) => `
       ...b,
       children: m()
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ a(
     x,
     {
       ref: c,
@@ -440,7 +439,7 @@ const k = (e) => `
     }
   );
 });
-K.propTypes = {
+U.propTypes = {
   icon: o.oneOfType([o.string, o.element]),
   iconStyle: o.oneOf(["regular", "solid"]),
   borderRadius: o.oneOf([
@@ -477,5 +476,5 @@ K.propTypes = {
   size: o.oneOf(["small", "medium", "large"])
 };
 export {
-  K as default
+  U as default
 };