@mittwald/flow-react-components 0.1.0-alpha.400 → 0.1.0-alpha.402

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.400",
+  "version": "0.1.0-alpha.402",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -425,7 +425,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.400",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.402",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -456,7 +456,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.400",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.402",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -551,5 +551,5 @@
       }
     }
   },
-  "gitHead": "d9770bfa2cecfe492c12c2809e363f1580579633"
+  "gitHead": "cd1cb82332e85eb26864439d1d581269e6a2c5ad"
 }

package/dist/js/Avatar-w4MD020Q.js

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

package/dist/js/CheckboxButton-D9_lyK15.js

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import a from "clsx";
-import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
-import { PropsContextProvider as b } from "./PropsContextProvider.js";
-import "@react-aria/utils";
-import "./propsContext-DzAKlmhS.js";
-import "remeda";
-import { C as x } from "./Checkbox-BU4YHXyk.js";
-import { f } from "./flowComponent-BQs9wMX_.js";
-const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
-  checkboxButton: C,
-  label: i,
-  content: h
-}, y = f("CheckboxButton", (e) => {
-  const { children: c, className: n, refProp: r, ...s } = e, l = a(t.checkboxButton, n), m = {
-    Text: {
-      className: t.label
-    },
-    Content: {
-      className: t.content
-    }
-  };
-  return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(x, { ...s, className: l, ref: r }, /* @__PURE__ */ o.createElement(b, { props: m }, c)));
-});
-export {
-  y as C
-};

package/dist/js/Initials-CSvhEbyw.js

@@ -1,20 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import c from "clsx";
-import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { onlyText as C } from "react-children-utilities";
-import { f as x } from "./flowComponent-BQs9wMX_.js";
-const u = (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), E = "flow--initials", I = {
-  initials: E
-}, k = x("Initials", (i) => {
-  const { children: t, className: s, refProp: r } = i, o = C(t), n = u(o), a = c(I.initials, s), l = n.map((m, p) => /* @__PURE__ */ e.createElement("span", { key: p }, m));
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("div", { "aria-label": o, className: a, ref: r }, l));
-});
-export {
-  k as I
-};

package/dist/js/MenuItem-D5BsewlU.js

@@ -1,64 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as x from "react-aria-components";
-import i from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as p } from "./PropsContextProvider.js";
-import "@react-aria/utils";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as E, a as d } from "./IconCheckboxEmpty-CZrD3f3O.js";
-import { I as v, a as C } from "./IconRadioOn-D7w6KLWm.js";
-import { T as u } from "./Text-Dh4iy9qD.js";
-import { d as f } from "./deepHas-KHS5X1F_.js";
-import { W as N } from "./Wrap-DGT1h1o3.js";
-import { A as M } from "./Avatar-w4MD020Q.js";
-import { S as I } from "./Switch-BhDMHWjv.js";
-import { f as A } from "./flowComponent-BQs9wMX_.js";
-const R = "flow--menu-item", S = "flow--menu-item--icon", g = "flow--menu-item--text", y = "flow--menu-item--control-icon", O = "flow--menu-item--avatar", t = {
-  menuItem: R,
-  switch: "flow--menu-item--switch",
-  icon: S,
-  text: g,
-  controlIcon: y,
-  avatar: O
-}, P = (a) => {
-  const {
-    selectionMode: n,
-    isSelected: o,
-    selectionVariant: r = "control",
-    children: c
-  } = a, m = {
-    Icon: {
-      className: t.icon
-    },
-    Text: {
-      className: t.text
-    },
-    Avatar: {
-      className: t.avatar
-    }
-  }, s = {
-    Icon: {
-      className: i(t.controlIcon, t.icon)
-    },
-    Switch: {
-      className: i(t.controlIcon, t.switch)
-    }
-  }, l = n === "none" || r === "navigation" ? null : r === "switch" && o ? /* @__PURE__ */ e.createElement(I, { isReadOnly: !0, isSelected: !0 }) : r === "switch" && !o ? /* @__PURE__ */ e.createElement(I, { isReadOnly: !0 }) : n === "single" && o ? /* @__PURE__ */ e.createElement(v, null) : n === "single" && !o ? /* @__PURE__ */ e.createElement(C, null) : n === "multiple" && o ? /* @__PURE__ */ e.createElement(E, null) : /* @__PURE__ */ e.createElement(d, null), h = f(c, u), w = f(c, M);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, { props: s }, l), /* @__PURE__ */ e.createElement(p, { props: m }, /* @__PURE__ */ e.createElement(N, { if: !h && !w }, /* @__PURE__ */ e.createElement(u, null, c))));
-}, Q = A("MenuItem", (a) => {
-  const {
-    children: n,
-    className: o,
-    selectionVariant: r,
-    refProp: c,
-    ...m
-  } = a, s = i(t.menuItem, o);
-  return /* @__PURE__ */ e.createElement(x.MenuItem, { ...m, className: s, ref: c }, (l) => /* @__PURE__ */ e.createElement(P, { ...l, selectionVariant: r }, n));
-});
-export {
-  Q as M
-};

package/dist/js/deepHas-KHS5X1F_.js

@@ -1,15 +0,0 @@
-"use client"
-/* */
-import { isValidElement as s } from "react";
-import { deepFind as i, deepForEach as o } from "react-children-utilities";
-const p = (e, t) => s(e) ? typeof t == "string" ? typeof e.type == "string" ? e.type === t : !1 : e.type === t : !1, f = (e, t) => i(e, (r) => p(r, t)), u = (e, t) => {
-  const r = [];
-  return o(e, (n) => {
-    p(n, t) && r.push(n);
-  }), r;
-}, y = (e, t) => !!f(e, t);
-export {
-  f as a,
-  u as b,
-  y as d
-};