@companix/uikit 0.0.95 → 0.0.96

package/dist/Avatar/index.d.ts

@@ -5,4 +5,4 @@ export interface AvatarProps extends React.ImgHTMLAttributes<HTMLElement> {
     fallbackIcon?: React.ReactElement;
     initials?: string;
 }
-export declare const Avatar: ({ alt, crossOrigin, decoding, loading, referrerPolicy, sizes, size, src, srcSet, useMap, initials, noBorder, fallbackIcon: fallbackIconProp, children }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ alt, crossOrigin, decoding, loading, referrerPolicy, sizes, size, src, srcSet, useMap, initials, noBorder, fallbackIcon: fallbackIconProp, className, children }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/bundle.es2.js

@@ -1,28 +1,30 @@
-import { jsxs as I, jsx as a } from "react/jsx-runtime";
-import { box as g } from "@companix/utils-browser";
-import { getInitialsFontSize as h } from "./bundle.es54.js";
-const k = 24, y = ({
-  alt: n,
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import h from "classnames";
+import { box as k } from "@companix/utils-browser";
+import { getInitialsFontSize as u } from "./bundle.es54.js";
+const S = 24, F = ({
+  alt: e,
   crossOrigin: i,
   decoding: m,
   loading: v,
   referrerPolicy: d,
   sizes: f,
-  size: t = k,
+  size: t = S,
   src: o,
-  srcSet: s,
+  srcSet: c,
   useMap: N,
-  initials: c,
+  initials: r,
   noBorder: b,
   fallbackIcon: p,
-  children: l
+  className: x,
+  children: s
 }) => {
-  const r = o || s, x = c ? /* @__PURE__ */ a("div", { className: "avatar-initials", style: { fontSize: h(t) }, children: c }) : p, e = r ? null : x;
-  return /* @__PURE__ */ I("div", { className: "avatar", style: g(t), children: [
-    r && /* @__PURE__ */ a(
+  const l = o || c, I = r ? /* @__PURE__ */ a("div", { className: "avatar-initials", style: { fontSize: u(t) }, children: r }) : p, n = l ? null : I;
+  return /* @__PURE__ */ g("div", { className: h("avatar", x), style: k(t), children: [
+    l && /* @__PURE__ */ a(
       "img",
       {
-        alt: n,
+        alt: e,
         className: "avatar-image",
         crossOrigin: i,
         decoding: m,
@@ -30,15 +32,15 @@ const k = 24, y = ({
         referrerPolicy: d,
         sizes: f,
         src: o,
-        srcSet: s,
+        srcSet: c,
         useMap: N
       }
     ),
-    e && /* @__PURE__ */ a("div", { className: "avatar-icon", children: e }),
-    l && /* @__PURE__ */ a("div", { className: "avatar-content", children: l }),
+    n && /* @__PURE__ */ a("div", { className: "avatar-icon", children: n }),
+    s && /* @__PURE__ */ a("div", { className: "avatar-content", children: s }),
     !b && /* @__PURE__ */ a("div", { className: "avatar-border" })
   ] });
 };
 export {
-  y as Avatar
+  F as Avatar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.95",
+  "version": "0.0.96",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",