@mittwald/flow-react-components 0.1.0-alpha.42 → 0.1.0-alpha.43

package/dist/Avatar.js

@@ -2,13 +2,14 @@
 /* */
 import o, { isValidElement as l } from "react";
 import v from "clsx";
-import { P as m } from "./PropsContextProvider-C7Evvjhy.js";
+import { P as c } from "./PropsContextProvider-C7Evvjhy.js";
 import "@react-aria/utils";
 import "remeda";
-import { hash as p } from "object-code";
-import { deepForEach as c } from "react-children-utilities";
-const f = "flow--avatar", z = "flow--avatar--initials", r = {
+import { hash as m } from "object-code";
+import { deepForEach as p } from "react-children-utilities";
+const f = "flow--avatar", w = "flow--avatar--icon", z = "flow--avatar--initials", r = {
   avatar: f,
+  icon: w,
   initials: z,
   "size-m": "flow--avatar--size-m",
   "size-xs": "flow--avatar--size-xs",
@@ -18,33 +19,33 @@ const f = "flow--avatar", z = "flow--avatar--initials", r = {
   "variant-2": "flow--avatar--variant-2",
   "variant-3": "flow--avatar--variant-3",
   "variant-4": "flow--avatar--variant-4"
-}, w = (s) => {
+}, d = (s) => {
   const a = [];
-  c(s, (t) => {
+  p(s, (t) => {
     l(t) ? a.push({
       props: t.props,
       type: t.type
     }) : a.push(t);
   });
-  const i = p(a);
+  const i = m(a);
   return Math.abs(i % 4) + 1;
-}, N = (s) => {
+}, P = (s) => {
   const { children: a, className: i, size: t = "m" } = s, e = v(
     r.avatar,
     r[`size-${t}`],
     i,
-    r[`variant-${w(a)}`]
+    r[`variant-${d(a)}`]
   ), n = {
     Initials: {
       className: r.initials
     },
     Icon: {
-      size: "m"
+      className: r.icon
     }
   };
-  return /* @__PURE__ */ o.createElement("div", { className: e }, /* @__PURE__ */ o.createElement(m, { props: n }, a));
+  return /* @__PURE__ */ o.createElement("div", { className: e }, /* @__PURE__ */ o.createElement(c, { props: n }, a));
 };
 export {
-  N as Avatar,
-  N as default
+  P as Avatar,
+  P as default
 };

package/dist/Heading.js

@@ -1,22 +1,28 @@
 "use client"
 /* */
-import m from "react";
-import c from "clsx";
-import "./PropsContextProvider-C7Evvjhy.js";
-import "@react-aria/utils";
-import { u as i } from "./useProps-d5Do2me4.js";
-const l = "flow--heading", d = {
-  heading: l
-}, N = (e) => {
+import e from "react";
+import m from "clsx";
+import { P as d } from "./PropsContextProvider-C7Evvjhy.js";
+import { u as p } from "./useProps-d5Do2me4.js";
+const h = "flow--heading", f = "flow--heading--icon", o = {
+  heading: h,
+  icon: f
+}, P = (s) => {
   const {
     children: t,
-    className: s,
-    level: o = 3,
-    ...a
-  } = i("Heading", e), n = c(d.heading, s), r = `h${o}`;
-  return /* @__PURE__ */ m.createElement(r, { className: n, ...a }, t);
+    className: n,
+    level: a = 2,
+    ...r
+  } = p("Heading", s), c = m(o.heading, n), i = `h${a}`, l = {
+    Icon: {
+      "aria-hidden": !0,
+      size: "s",
+      className: o.icon
+    }
+  };
+  return /* @__PURE__ */ e.createElement(i, { className: c, ...r }, /* @__PURE__ */ e.createElement(d, { props: l }, t));
 };
 export {
-  N as Heading,
-  N as default
+  P as Heading,
+  P as default
 };