@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/ActionsToolbar.js

@@ -1,14 +1,13 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { forwardRef as M } from "react";
-import { P as e } from "./index-CblbdqjE.js";
 import { s as V } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import Z from "./DropdownMenu.js";
-import i from "./DropdownItem.js";
-import q from "./Separator.js";
-import b from "./Button.js";
-import { b as m } from "./utils-DtEfC-TX.js";
-import { useTheme as F } from "./ThemeProvider.js";
-const G = V.div`
+import a from "./DropdownItem.js";
+import _ from "./Separator.js";
+import p from "./Button.js";
+import { b } from "./utils-DtEfC-TX.js";
+import { useTheme as q } from "./ThemeProvider.js";
+const F = V.div`
   display: flex;
   align-items: center;
   border-radius: 8px;
@@ -17,18 +16,18 @@ const G = V.div`
   font-weight: 700;
   font-size: 0.875rem;
   color: rgba(15, 23, 42, 100%);
-  background-color: ${(n) => m(
-  n.theme,
+  background-color: ${(t) => b(
+  t.theme,
   "Toolbar",
-  n.color,
+  t.color,
   "enabled",
   "background",
   "backgroundOpacity"
 )};
-  border: ${(n) => `1px solid ${m(
-  n.theme,
+  border: ${(t) => `1px solid ${b(
+  t.theme,
   "Toolbar",
-  n.color,
+  t.color,
   "enabled",
   "border",
   "borderOpacity"
@@ -39,131 +38,129 @@ const G = V.div`
     display: flex;
     gap: 0.5rem;
   }
-}
-`, u = M((n, f) => {
+`, G = M((t, m) => {
   const {
-    __TYPE__: H = "ACTIONS_TOOLBAR",
-    showCreate: y = !0,
-    enableCreate: g = !0,
-    createText: c = "Create new item",
-    showEdit: w = !0,
+    showCreate: u = !0,
+    enableCreate: f = !0,
+    createText: s = "Create new item",
+    showEdit: y = !0,
     enableEditOnSelection: h = !0,
-    editText: T = "Edit",
+    editText: w = "Edit",
     showDelete: x = !0,
-    enableDeleteOnSelection: C = !0,
-    deleteText: O = "Delete",
-    showCopy: D = !0,
-    enableCopyOnSelection: S = !0,
-    copyText: _ = "Copy",
-    actionsText: E = "Actions",
-    customActions: s,
+    enableDeleteOnSelection: g = !0,
+    deleteText: C = "Delete",
+    showCopy: T = !0,
+    enableCopyOnSelection: O = !0,
+    copyText: D = "Copy",
+    actionsText: k = "Actions",
+    customActions: i,
     selectedRowsLength: r = 0,
     readOnly: l = !1,
-    actionDropdownProps: k,
-    actionsDropdownZIndex: A,
+    actionDropdownProps: S,
+    actionsDropdownZIndex: v,
     actionsDropdownPlacement: I,
     //----------------
     onCreate: N = () => {
     },
     onEdit: R = () => {
     },
-    onDelete: v = () => {
+    onDelete: A = () => {
     },
-    onCopy: P = () => {
+    onCopy: E = () => {
     },
-    className: j = "",
-    style: z = {},
-    color: a = "primary",
+    className: $ = "",
+    style: j = {},
+    color: n = "primary",
     size: d = "small",
-    selectedRows: L,
-    ...$
-  } = n, { theme: B } = F();
-  return /* @__PURE__ */ p(
-    G,
+    selectedRows: z,
+    ...B
+  } = t, { theme: L } = q();
+  return /* @__PURE__ */ c(
+    F,
     {
-      ref: f,
-      theme: B,
-      color: a,
-      className: `lnc-table-view-actions-toolbar ${j}`,
-      style: z,
-      ...$,
+      ref: m,
+      theme: L,
+      color: n,
+      className: `lnc-table-view-actions-toolbar ${$}`,
+      style: j,
+      ...B,
       children: [
-        /* @__PURE__ */ t("div", { children: y && l == !1 && /* @__PURE__ */ t(
-          b,
+        /* @__PURE__ */ o("div", { children: u && l == !1 && /* @__PURE__ */ o(
+          p,
           {
             leadingIcon: "plus",
             btnType: "outline",
             type: "button",
-            color: a,
+            color: n,
             size: d,
-            title: c,
-            disabled: !g,
+            title: s,
+            disabled: !f,
             onClick: N,
-            text: c
+            text: s
           }
         ) }),
-        /* @__PURE__ */ t("div", { children: /* @__PURE__ */ p(
+        /* @__PURE__ */ o("div", { children: /* @__PURE__ */ c(
           Z,
           {
             className: "lnc-table-view-actions-toolbar-dropdown",
-            color: a,
+            color: n,
             size: d,
-            zIndex: A,
+            zIndex: v,
             placement: I,
-            ...k,
-            control: /* @__PURE__ */ t(
-              b,
+            ...S,
+            control: /* @__PURE__ */ o(
+              p,
               {
-                text: E,
+                text: k,
                 btnType: "outline",
                 trailingIcon: "angle-down",
-                color: a,
+                color: n,
                 size: d,
                 type: "button"
               }
             ),
             children: [
-              D && l == !1 && /* @__PURE__ */ t(
-                i,
+              T && l == !1 && /* @__PURE__ */ o(
+                a,
                 {
                   icon: "copy",
-                  disabled: !(S && r > 0),
-                  onClick: P,
-                  children: _
+                  disabled: !(O && r > 0),
+                  onClick: E,
+                  children: D
                 }
               ),
-              w && l == !1 && /* @__PURE__ */ t(
-                i,
+              y && l == !1 && /* @__PURE__ */ o(
+                a,
                 {
                   icon: "pen",
                   disabled: !(h && r > 0),
                   onClick: R,
-                  children: T
+                  children: w
                 }
               ),
-              x && l == !1 && /* @__PURE__ */ t(
-                i,
+              x && l == !1 && /* @__PURE__ */ o(
+                a,
                 {
                   icon: "trash",
-                  disabled: !(C && r > 0),
-                  onClick: v,
-                  children: O
+                  disabled: !(g && r > 0),
+                  onClick: A,
+                  children: C
                 }
               ),
-              /* @__PURE__ */ t(q, {}),
-              s == null ? void 0 : s.map((o, Y) => {
-                if ((o == null ? void 0 : o.show) != !1)
-                  return /* @__PURE__ */ t(
-                    i,
+              /* @__PURE__ */ o(_, {}),
+              i == null ? void 0 : i.map((e, P) => {
+                if ((e == null ? void 0 : e.show) != !1)
+                  return /* @__PURE__ */ o(
+                    a,
                     {
-                      icon: o.icon,
-                      disabled: !(o.enableOnSelection == !0 && r > 0 || o.enable == !0 && o.enableOnSelection == !1),
+                      icon: e.icon,
+                      disabled: !(e.enableOnSelection == !0 && r > 0 || e.enable == !0 && e.enableOnSelection == !1),
                       onClick: () => {
-                        o.onAction(L);
+                        e.onAction(z);
                       },
-                      children: o.name
+                      children: e.name
                     },
-                    Y
+                    P
                   );
               })
             ]
@@ -173,56 +170,7 @@ const G = V.div`
     }
   );
 });
-u.propTypes = {
-  /**
-   * This property determines where the component is rendered.
-   * Should not be overridden!
-   */
-  __TYPE__: e.string,
-  showCreate: e.bool,
-  enableCreate: e.bool,
-  createText: e.string,
-  showEdit: e.bool,
-  enableEditOnSelection: e.bool,
-  editText: e.string,
-  showDelete: e.bool,
-  enableDeleteOnSelection: e.bool,
-  deleteText: e.string,
-  showCopy: e.bool,
-  enableCopyOnSelection: e.bool,
-  copyText: e.string,
-  actionsText: e.string,
-  /**
-   * Actions that will be shown in toolbar with existing actions
-   * customActions=[{name: `<string>`, show: `<bool>`, enable: `<bool>`, enableOnSelection: `<bool>`, onAction: `PropTypes.func`}, ...]
-   */
-  customActions: e.array,
-  selectedRowsLength: e.number,
-  /**
-   * If `readOnly={true}` actions Delete, Edit and Copy won't be shown.
-   */
-  readOnly: e.bool,
-  //-------------------------------------------------------------
-  onCreate: e.func,
-  onEdit: e.func,
-  onDelete: e.func,
-  onCopy: e.func,
-  //------------------------------------------------------------
-  className: e.string,
-  style: e.object,
-  size: e.oneOf(["small", "medium", "large"]),
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-u.displayName = "ACTIONS_TOOLBAR";
+G.displayName = "ACTIONS_TOOLBAR";
 export {
-  u as default
+  G as default
 };

package/dist/Alert.cjs

@@ -1,10 +1,10 @@
-"use strict";const o=require("react/jsx-runtime"),c=require("react"),r=require("./index-BpbMKBf_.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./ThemeProvider.cjs"),t=require("./utils-RnrgDDZP.cjs"),s=require("./Icon.cjs"),P=x.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./ThemeProvider.cjs"),r=require("./utils-RnrgDDZP.cjs"),a=require("./Icon.cjs"),y=x.styled.div`
   min-height: 3rem;
-  ${e=>t.getComponentTypographyCss(e.theme,"Alert",e.size,"enabled")};
+  ${e=>r.getComponentTypographyCss(e.theme,"Alert",e.size,"enabled")};
   line-height: 1.25rem;
-  border-radius: ${e=>t.getBorderRadiusValueWithUnits(e.theme,"regular")};
-  background-color: ${e=>t.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","background","backgroundOpacity")};
-  color: ${e=>t.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","text")};
+  border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,"regular")};
+  background-color: ${e=>r.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","background","backgroundOpacity")};
+  color: ${e=>r.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","text")};
   word-wrap: break-word;
   box-sizing: border-box;
   padding: 0.875rem 1rem;
@@ -22,8 +22,8 @@
     }
   }
   & .alert-title {
-    font-weight: ${e=>t.getComponentPropValue(e.theme,"Alert",e.color,"enabled","fontWeightTitle")};
-    color: ${e=>t.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","title")};
+    font-weight: ${e=>r.getComponentPropValue(e.theme,"Alert",e.color,"enabled","fontWeightTitle")};
+    color: ${e=>r.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","title")};
   }
   & .alert-actions {
     display: ${e=>e.actions?"flex":"none"};
@@ -33,8 +33,8 @@
   }
 
   & .alert-actions > * {
-    font-weight: ${e=>t.getComponentPropValue(e.theme,"Alert",e.color,"enabled","fontWeightAction")};
-    color: ${e=>t.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","action")};
+    font-weight: ${e=>r.getComponentPropValue(e.theme,"Alert",e.color,"enabled","fontWeightAction")};
+    color: ${e=>r.getColorRgbaValue(e.theme,"Alert",e.color,"enabled","action")};
     cursor: pointer;
   }
-`,w=e=>e=="danger"?"times-circle":e=="warning"?"exclamation-triangle":e=="success"?"check-circle":"exclamation-circle",C=({statusIcon:e,color:n})=>typeof e=="boolean"&&e==!0?o.jsx(s,{className:"alert-icon",icon:w(n)}):typeof e=="string"&&e!==""?o.jsx(s,{className:"alert-icon",icon:e}):c.cloneElement(e,{className:"alert-icon "+(e==null?void 0:e.className)}),m=c.forwardRef((e,n)=>{const{className:d="",size:p="small",color:l="primary",title:g,actions:i,noIcon:u=!1,statusIcon:a=!0,children:y,...h}=e,{theme:f}=T.useTheme(),b={theme:f,size:p,color:l};return o.jsxs(P,{ref:n,...b,className:"lnc-ui-alert "+d,actions:i,...h,children:[u==!1&&a&&o.jsx(C,{color:l,statusIcon:a}),o.jsxs("div",{className:"alert-content",children:[o.jsx("div",{className:"alert-title",children:g}),y,o.jsx("div",{className:"alert-actions",children:i})]})]})});m.propTypes={title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),actions:r.PropTypes.element,statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),noIcon:r.PropTypes.bool,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=m;
+`,w=e=>e=="danger"?"times-circle":e=="warning"?"exclamation-triangle":e=="success"?"check-circle":"exclamation-circle",C=({statusIcon:e,color:l})=>typeof e=="boolean"&&e==!0?t.jsx(a,{className:"alert-icon",icon:w(l)}):typeof e=="string"&&e!==""?t.jsx(a,{className:"alert-icon",icon:e}):c.cloneElement(e,{className:"alert-icon "+(e==null?void 0:e.className)}),A=c.forwardRef((e,l)=>{const{className:s="",size:m="small",color:o="primary",title:d,actions:n,noIcon:g=!1,statusIcon:i=!0,children:h,...u}=e,{theme:f}=p.useTheme(),b={theme:f,size:m,color:o};return t.jsxs(y,{ref:l,...b,className:"lnc-ui-alert "+s,actions:n,...u,children:[g==!1&&i&&t.jsx(C,{color:o,statusIcon:i}),t.jsxs("div",{className:"alert-content",children:[t.jsx("div",{className:"alert-title",children:d}),h,t.jsx("div",{className:"alert-actions",children:n})]})]})});module.exports=A;

package/dist/Alert.js

@@ -1,16 +1,15 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { forwardRef as y, cloneElement as x } from "react";
-import { P as r } from "./index-CblbdqjE.js";
-import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { useTheme as N } from "./ThemeProvider.js";
-import { c as A, a as $, b as o, g as m } from "./utils-DtEfC-TX.js";
-import s from "./Icon.js";
-const T = w.div`
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as u, cloneElement as x } from "react";
+import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { useTheme as w } from "./ThemeProvider.js";
+import { c as A, a as N, b as t, g as c } from "./utils-DtEfC-TX.js";
+import m from "./Icon.js";
+const $ = y.div`
   min-height: 3rem;
   ${(e) => A(e.theme, "Alert", e.size, "enabled")};
   line-height: 1.25rem;
-  border-radius: ${(e) => $(e.theme, "regular")};
-  background-color: ${(e) => o(
+  border-radius: ${(e) => N(e.theme, "regular")};
+  background-color: ${(e) => t(
   e.theme,
   "Alert",
   e.color,
@@ -18,7 +17,7 @@ const T = w.div`
   "background",
   "backgroundOpacity"
 )};
-  color: ${(e) => o(e.theme, "Alert", e.color, "enabled", "text")};
+  color: ${(e) => t(e.theme, "Alert", e.color, "enabled", "text")};
   word-wrap: break-word;
   box-sizing: border-box;
   padding: 0.875rem 1rem;
@@ -36,14 +35,14 @@ const T = w.div`
     }
   }
   & .alert-title {
-    font-weight: ${(e) => m(
+    font-weight: ${(e) => c(
   e.theme,
   "Alert",
   e.color,
   "enabled",
   "fontWeightTitle"
 )};
-    color: ${(e) => o(e.theme, "Alert", e.color, "enabled", "title")};
+    color: ${(e) => t(e.theme, "Alert", e.color, "enabled", "title")};
   }
   & .alert-actions {
     display: ${(e) => e.actions ? "flex" : "none"};
@@ -53,14 +52,14 @@ const T = w.div`
   }
 
   & .alert-actions > * {
-    font-weight: ${(e) => m(
+    font-weight: ${(e) => c(
   e.theme,
   "Alert",
   e.color,
   "enabled",
   "fontWeightAction"
 )};
-    color: ${(e) => o(
+    color: ${(e) => t(
   e.theme,
   "Alert",
   e.color,
@@ -69,70 +68,39 @@ const T = w.div`
 )};
     cursor: pointer;
   }
-`, C = (e) => e == "danger" ? "times-circle" : e == "warning" ? "exclamation-triangle" : e == "success" ? "check-circle" : "exclamation-circle", k = ({ statusIcon: e, color: l }) => typeof e == "boolean" && e == !0 ? /* @__PURE__ */ t(s, { className: "alert-icon", icon: C(l) }) : typeof e == "string" && e !== "" ? /* @__PURE__ */ t(s, { className: "alert-icon", icon: e }) : x(e, {
+`, C = (e) => e == "danger" ? "times-circle" : e == "warning" ? "exclamation-triangle" : e == "success" ? "check-circle" : "exclamation-circle", k = ({ statusIcon: e, color: l }) => typeof e == "boolean" && e == !0 ? /* @__PURE__ */ r(m, { className: "alert-icon", icon: C(l) }) : typeof e == "string" && e !== "" ? /* @__PURE__ */ r(m, { className: "alert-icon", icon: e }) : x(e, {
   className: "alert-icon " + (e == null ? void 0 : e.className)
-}), z = y((e, l) => {
+}), j = u((e, l) => {
   const {
-    className: d = "",
-    size: g = "small",
-    color: n = "primary",
+    className: s = "",
+    size: d = "small",
+    color: o = "primary",
     title: f,
     actions: a,
-    noIcon: h = !1,
+    noIcon: g = !1,
     statusIcon: i = !0,
-    children: p,
+    children: h,
     ...b
-  } = e, { theme: u } = N();
-  return /* @__PURE__ */ c(
-    T,
+  } = e, { theme: p } = w();
+  return /* @__PURE__ */ n(
+    $,
     {
       ref: l,
-      ...{ theme: u, size: g, color: n },
-      className: "lnc-ui-alert " + d,
+      ...{ theme: p, size: d, color: o },
+      className: "lnc-ui-alert " + s,
       actions: a,
       ...b,
       children: [
-        h == !1 && i && /* @__PURE__ */ t(k, { color: n, statusIcon: i }),
-        /* @__PURE__ */ c("div", { className: "alert-content", children: [
-          /* @__PURE__ */ t("div", { className: "alert-title", children: f }),
-          p,
-          /* @__PURE__ */ t("div", { className: "alert-actions", children: a })
+        g == !1 && i && /* @__PURE__ */ r(k, { color: o, statusIcon: i }),
+        /* @__PURE__ */ n("div", { className: "alert-content", children: [
+          /* @__PURE__ */ r("div", { className: "alert-title", children: f }),
+          h,
+          /* @__PURE__ */ r("div", { className: "alert-actions", children: a })
         ] })
       ]
     }
   );
 });
-z.propTypes = {
-  title: r.oneOfType([r.string, r.element]),
-  actions: r.element,
-  /**
-   * Can be boolean (true - display default icon, false - don't display icon at all), string (display custom icon), element (display custom element as icon)
-   */
-  statusIcon: r.oneOfType([
-    r.string,
-    r.element,
-    r.bool
-  ]),
-  /**
-   * Disable display of status icon
-   */
-  noIcon: r.bool,
-  className: r.string,
-  size: r.oneOf(["small", "medium", "large"]),
-  /**
-   * When `status` is not defined color of alert can be defined with `color` prop
-   */
-  color: r.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  z as default
+  j as default
 };

package/dist/Avatar.cjs

@@ -1,16 +1,16 @@
-"use strict";const n=require("react/jsx-runtime"),T=require("react"),i=require("./index-BpbMKBf_.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-RnrgDDZP.cjs"),I=require("./Icon.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=P.styled.div`
-  border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
+"use strict";const s=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),$=require("./Icon.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=I.styled.div`
+  border-radius: ${e=>t.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   color: white;
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  height: ${e=>e.sizeInUnits?e.sizeInUnits:s.getSizeValueWithUnits(e.theme,e.size)};
-  width: ${e=>e.sizeInUnits?e.sizeInUnits:s.getSizeValueWithUnits(e.theme,e.size)};
-  ${e=>e.disabled===!0&&s.getDisabledStateCss(e.theme)};
-  background-color: ${e=>!e.disabled&&s.getColorRgbaValue(e.theme,"Chip",e.color,"enabled","text")};
+  height: ${e=>e.sizeInUnits?e.sizeInUnits:t.getSizeValueWithUnits(e.theme,e.size)};
+  width: ${e=>e.sizeInUnits?e.sizeInUnits:t.getSizeValueWithUnits(e.theme,e.size)};
+  ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
+  background-color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,"Chip",e.color,"enabled","text")};
   overflow: hidden;
   & img {
-    height: ${e=>e.sizeInUnits?e.sizeInUnits:s.getSizeValueWithUnits(e.theme,e.size)};
-    width: ${e=>e.sizeInUnits?e.sizeInUnits:s.getSizeValueWithUnits(e.theme,e.size)};
+    height: ${e=>e.sizeInUnits?e.sizeInUnits:t.getSizeValueWithUnits(e.theme,e.size)};
+    width: ${e=>e.sizeInUnits?e.sizeInUnits:t.getSizeValueWithUnits(e.theme,e.size)};
   }
-`,a=T.forwardRef((e,l)=>{const{image:r,icon:c="user",sizeInUnits:t,borderRadius:u="curved",onFocus:d=()=>{},onBlur:m=()=>{},onClick:g=()=>{},size:o="small",color:h="primary",className:y="",style:z={},...b}=e,U={theme:f.useTheme(),color:h,style:z,size:o,sizeInUnits:t,className:"lnc-ui-avatar "+y};return n.jsx(x,{ref:l,...U,borderRadius:u,onClick:g,onFocus:d,onBlur:m,...b,children:r?n.jsx("img",{src:r}):n.jsx(I,{icon:c,size:o,sizeInUnits:t?`calc(${t} / 2)`:null})})});a.propTypes={image:i.PropTypes.string,icon:i.PropTypes.string,tabIndex:i.PropTypes.number,sizeInUnits:i.PropTypes.string,disabled:i.PropTypes.bool,borderRadius:i.PropTypes.oneOf(["slight","regular","edged","curved","none"]),onBlur:i.PropTypes.func,onFocus:i.PropTypes.func,onClick:i.PropTypes.func,className:i.PropTypes.string,style:i.PropTypes.object,size:i.PropTypes.oneOf(["small","medium","large"]),color:i.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=a;
+`,y=b.forwardRef((e,l)=>{const{image:n,icon:a="user",sizeInUnits:i,borderRadius:c="curved",onFocus:u=()=>{},onBlur:d=()=>{},onClick:o=()=>{},size:r="small",color:h="primary",className:m="",style:z={},...g}=e,U={theme:w.useTheme(),color:h,style:z,size:r,sizeInUnits:i,className:"lnc-ui-avatar "+m};return s.jsx(x,{ref:l,...U,borderRadius:c,onClick:o,onFocus:u,onBlur:d,...g,children:n?s.jsx("img",{src:n}):s.jsx($,{icon:a,size:r,sizeInUnits:i?`calc(${i} / 2)`:null})})});module.exports=y;