@mittwald/flow-react-components 0.1.0-alpha.60 → 0.1.0-alpha.61

package/dist/Avatar.js

@@ -1,16 +1,16 @@
 "use client"
 /* */
-import i, { isValidElement as l } from "react";
+import i, { isValidElement as v } from "react";
 import m from "clsx";
-import { C as v } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as p } from "./PropsContextProvider-BcOGMJkn.js";
-import { u as c } from "./useProps-BiJ72z10.js";
-import { hash as f } from "object-code";
-import { deepForEach as w } from "react-children-utilities";
-const z = "flow--avatar", d = "flow--avatar--icon", h = "flow--avatar--initials", r = {
-  avatar: z,
-  icon: d,
-  initials: h,
+import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as c } from "./PropsContextProvider-BcOGMJkn.js";
+import { u as f } from "./useProps-BiJ72z10.js";
+import { hash as w } from "object-code";
+import { deepForEach as z } from "react-children-utilities";
+const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials", r = {
+  avatar: d,
+  icon: h,
+  initials: u,
   "size-m": "flow--avatar--size-m",
   "size-xs": "flow--avatar--size-xs",
   "size-s": "flow--avatar--size-s",
@@ -19,23 +19,28 @@ const z = "flow--avatar", d = "flow--avatar--icon", h = "flow--avatar--initials"
   "variant-2": "flow--avatar--variant-2",
   "variant-3": "flow--avatar--variant-3",
   "variant-4": "flow--avatar--variant-4"
-}, u = (s) => {
+}, C = (s) => {
   const a = [];
-  w(s, (t) => {
-    l(t) ? a.push({
+  z(s, (t) => {
+    v(t) ? a.push({
       props: t.props,
       type: t.type
     }) : a.push(t);
   });
-  const o = f(a);
+  const o = w(a);
   return Math.abs(o % 4) + 1;
-}, g = (s) => {
-  const { children: a, className: o, size: t = "m" } = c("Avatar", s), e = m(
+}, A = (s) => {
+  const {
+    children: a,
+    className: o,
+    variant: t,
+    size: e = "m"
+  } = f("Avatar", s), n = m(
     r.avatar,
-    r[`size-${t}`],
+    r[`size-${e}`],
     o,
-    r[`variant-${u(a)}`]
-  ), n = {
+    r[`variant-${t ?? C(a)}`]
+  ), l = {
     Initials: {
       className: r.initials
     },
@@ -43,9 +48,9 @@ const z = "flow--avatar", d = "flow--avatar--icon", h = "flow--avatar--initials"
       className: r.icon
     }
   };
-  return /* @__PURE__ */ i.createElement(v, null, /* @__PURE__ */ i.createElement("div", { className: e }, /* @__PURE__ */ i.createElement(p, { props: n }, a)));
+  return /* @__PURE__ */ i.createElement(p, null, /* @__PURE__ */ i.createElement("div", { className: n }, /* @__PURE__ */ i.createElement(c, { props: l }, a)));
 };
 export {
-  g as Avatar,
-  g as default
+  A as Avatar,
+  A as default
 };

package/dist/Modal.js

@@ -3,14 +3,14 @@
 import * as s from "react-aria-components";
 import { DialogTrigger as q } from "react-aria-components";
 import e, { useContext as w, useEffect as r } from "react";
-import y from "clsx";
+import C from "clsx";
 import "./propsContext-CauylOgH.js";
-import { P as E } from "./PropsContextProvider-BcOGMJkn.js";
+import { P as y } from "./PropsContextProvider-BcOGMJkn.js";
 import "@react-aria/utils";
 import "remeda";
-import { TunnelProvider as x, TunnelExit as m } from "@mittwald/react-tunnel";
-import { u as z, a as C } from "./useOverlayState-BnPe_CrX.js";
-const T = "flow--modal", N = "flow--modal--dialog", P = "flow--modal--overlay", b = "flow--modal--button-group", I = "flow--modal--content", G = "flow--modal--panel", t = {
+import { TunnelProvider as E, TunnelExit as m } from "@mittwald/react-tunnel";
+import { u as x, a as z } from "./useOverlayState-BnPe_CrX.js";
+const T = "flow--modal", N = "flow--modal--dialog", P = "flow--modal--overlay", b = "flow--modal--button-group", I = "flow--modal--content", G = "flow--modal--off-canvas", t = {
   modal: T,
   "modal-zoom": "flow--modal--modal-zoom",
   dialog: N,
@@ -21,7 +21,7 @@ const T = "flow--modal", N = "flow--modal--dialog", P = "flow--modal--overlay",
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "size-l": "flow--modal--size-l",
-  panel: G,
+  offCanvas: G,
   "modal-slide-in": "flow--modal--modal-slide-in",
   "modal-slide-up": "flow--modal--modal-slide-up"
 }, M = (l) => {
@@ -34,21 +34,21 @@ const T = "flow--modal", N = "flow--modal--dialog", P = "flow--modal--overlay",
 }, $ = (l) => {
   const {
     size: o = "s",
-    panel: a,
+    offCanvas: a,
     state: i,
     defaultOpen: d,
     children: c,
-    ...p
-  } = l, u = z({
+    ...f
+  } = l, p = x({
     reuseControllerFromContext: !1,
     defaultOpen: d
-  }), n = i ?? u, f = n.useIsOpen();
+  }), n = i ?? p, u = n.useIsOpen();
   M(n);
-  const g = y(
+  const v = C(
     t.modal,
     t[`size-${o}`],
-    a && t.panel
-  ), O = {
+    a && t.offCanvas
+  ), g = {
     Content: {
       tunnelId: "content",
       elementType: e.Fragment
@@ -66,12 +66,12 @@ const T = "flow--modal", N = "flow--modal--dialog", P = "flow--modal--overlay",
     s.ModalOverlay,
     {
       className: t.overlay,
-      ...p,
+      ...f,
       isDismissable: !0,
-      isOpen: f,
-      onOpenChange: (v) => n.setOpen(v)
+      isOpen: u,
+      onOpenChange: (O) => n.setOpen(O)
     },
-    /* @__PURE__ */ e.createElement(s.Modal, { className: g }, /* @__PURE__ */ e.createElement(s.Dialog, { className: t.dialog }, /* @__PURE__ */ e.createElement(C, { value: n }, /* @__PURE__ */ e.createElement(E, { props: O }, /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", { className: t.content }, /* @__PURE__ */ e.createElement(m, { id: "title" }), /* @__PURE__ */ e.createElement(m, { id: "content" })), c)))))
+    /* @__PURE__ */ e.createElement(s.Modal, { className: v }, /* @__PURE__ */ e.createElement(s.Dialog, { className: t.dialog }, /* @__PURE__ */ e.createElement(z, { value: n }, /* @__PURE__ */ e.createElement(y, { props: g }, /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement("div", { className: t.content }, /* @__PURE__ */ e.createElement(m, { id: "title" }), /* @__PURE__ */ e.createElement(m, { id: "content" })), c)))))
   );
 };
 export {