@mittwald/flow-react-components 0.1.0-alpha.242 → 0.1.0-alpha.243

package/dist/Avatar.js

@@ -1,55 +1,61 @@
 "use client"
 /* */
-import s, { isValidElement as v } from "react";
-import p from "clsx";
-import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as c } from "./PropsContextProvider-C6Z4XGp6.js";
+import l, { isValidElement as p } from "react";
+import f from "clsx";
+import { C as v } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as w } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { hash as w } from "object-code";
-import { deepForEach as z } from "react-children-utilities";
-import { f as d } from "./flowComponent-DT1Ap-ot.js";
-const C = "flow--avatar", h = "flow--avatar--icon", x = "flow--avatar--initials", r = {
-  avatar: C,
+import { hash as u } from "object-code";
+import { deepForEach as C } from "react-children-utilities";
+import { f as z } from "./flowComponent-DT1Ap-ot.js";
+const d = "flow--avatar", h = "flow--avatar--icon", b = "flow--avatar--initials", g = "flow--avatar--blue", x = "flow--avatar--teal", E = "flow--avatar--green", N = "flow--avatar--violet", P = "flow--avatar--lilac", o = {
+  avatar: d,
   icon: h,
-  initials: x,
+  initials: b,
   "size-m": "flow--avatar--size-m",
   "size-xs": "flow--avatar--size-xs",
   "size-s": "flow--avatar--size-s",
   "size-l": "flow--avatar--size-l",
-  "variant-1": "flow--avatar--variant-1",
-  "variant-2": "flow--avatar--variant-2",
-  "variant-3": "flow--avatar--variant-3",
-  "variant-4": "flow--avatar--variant-4",
-  "variant-5": "flow--avatar--variant-5"
-}, u = (o) => {
+  blue: g,
+  teal: x,
+  green: E,
+  violet: N,
+  lilac: P
+}, y = (e) => {
   const a = [];
-  z(o, (t) => {
-    v(t) ? a.push({
+  C(e, (t) => {
+    p(t) ? a.push({
       props: t.props,
       type: t.type
     }) : a.push(t);
   });
-  const i = w(a);
-  return Math.abs(i % 4) + 1;
-}, $ = d("Avatar", (o) => {
-  const { children: a, className: i, variant: t, size: e = "m", refProp: n } = o, l = p(
-    r.avatar,
-    r[`size-${e}`],
-    i,
-    r[`variant-${t ?? u(a)}`]
+  const r = u(a), s = Math.abs(r % (i.length - 1));
+  return i[s];
+}, i = [
+  "blue",
+  "teal",
+  "green",
+  "violet",
+  "lilac"
+], q = z("Avatar", (e) => {
+  const { children: a, className: r, color: s, size: t = "m", refProp: n } = e, c = f(
+    o.avatar,
+    o[`size-${t}`],
+    r,
+    o[s ?? y(a)]
   ), m = {
     Initials: {
-      className: r.initials
+      className: o.initials
     },
     Icon: {
-      className: r.icon
+      className: o.icon
     }
   };
-  return /* @__PURE__ */ s.createElement(f, null, /* @__PURE__ */ s.createElement("div", { className: l, ref: n }, /* @__PURE__ */ s.createElement(c, { props: m }, a)));
+  return /* @__PURE__ */ l.createElement(v, null, /* @__PURE__ */ l.createElement("div", { className: c, ref: n }, /* @__PURE__ */ l.createElement(w, { props: m }, a)));
 });
 export {
-  $ as Avatar,
-  $ as default
+  q as Avatar,
+  q as default
 };