@mittwald/flow-react-components 0.1.0-alpha.32 → 0.1.0-alpha.33

package/dist/Avatar.js

@@ -1,26 +1,50 @@
 "use client"
 /* */
-import s from "react";
-import n from "clsx";
+import o, { isValidElement as l } from "react";
+import v from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import { P as m } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";
-const c = "flow--avatar", v = "flow--avatar--initials", a = {
-  avatar: c,
-  initials: v,
+import { hash as p } from "object-code";
+import { deepForEach as c } from "react-children-utilities";
+const f = "flow--avatar", z = "flow--avatar--initials", r = {
+  avatar: f,
+  initials: z,
   "size-m": "flow--avatar--size-m",
   "size-xs": "flow--avatar--size-xs",
   "size-s": "flow--avatar--size-s",
-  "size-l": "flow--avatar--size-l"
-}, d = (t) => {
-  const { children: i, className: e, size: o = "m" } = t, r = n(a.avatar, a[`size-${o}`], e), l = {
+  "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"
+}, w = (s) => {
+  const a = [];
+  c(s, (t) => {
+    l(t) ? a.push({
+      props: t.props,
+      type: t.type
+    }) : a.push(t);
+  });
+  const i = p(a);
+  return Math.abs(i % 4) + 1;
+}, N = (s) => {
+  const { children: a, className: i, size: t = "m" } = s, e = v(
+    r.avatar,
+    r[`size-${t}`],
+    i,
+    r[`variant-${w(a)}`]
+  ), n = {
     Initials: {
-      className: a.initials
+      className: r.initials
+    },
+    Icon: {
+      size: "m"
     }
   };
-  return /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(m, { props: l }, i));
+  return /* @__PURE__ */ o.createElement("div", { className: e }, /* @__PURE__ */ o.createElement(m, { props: n }, a));
 };
 export {
-  d as Avatar,
-  d as default
+  N as Avatar,
+  N as default
 };

package/dist/Initials.js

@@ -1,30 +1,17 @@
 "use client"
 /* */
-import n from "react";
-import c from "clsx";
+import s from "react";
+import m from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { u as p } from "./useProps-C7GIMcgB.js";
-const f = (t) => {
-  let i = 0;
-  for (let a = 0; a < t.length; a++)
-    i += t.charCodeAt(a);
-  return i % 4 + 1;
-}, v = (t) => t.replace(/[^\p{L}\s]/giu, "").split(" ").map((i) => i.trim()[0]).filter((i) => i !== void 0).map((i) => i.toUpperCase()).slice(0, 2), u = "flow--initials", s = {
-  initials: u,
-  "variant-1": "flow--initials--variant-1",
-  "variant-2": "flow--initials--variant-2",
-  "variant-3": "flow--initials--variant-3",
-  "variant-4": "flow--initials--variant-4"
-}, E = (t) => {
-  const { children: i, className: a } = p("Initials", t), r = v(i), l = c(
-    s.initials,
-    s[`variant-${f(i)}`],
-    a
-  ), e = r.map((o, m) => /* @__PURE__ */ n.createElement("span", { key: m }, o));
-  return /* @__PURE__ */ n.createElement("div", { "aria-label": i, className: l }, e);
+import { u as c } from "./useProps-C7GIMcgB.js";
+const p = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), f = "flow--initials", u = {
+  initials: f
+}, v = (i) => {
+  const { children: t, className: a } = c("Initials", i), e = p(t), l = m(u.initials, a), n = e.map((r, o) => /* @__PURE__ */ s.createElement("span", { key: o }, r));
+  return /* @__PURE__ */ s.createElement("div", { "aria-label": t, className: l }, n);
 };
 export {
-  E as Initials,
-  E as default
+  v as Initials,
+  v as default
 };