@mittwald/flow-react-components 0.1.0-alpha.325 → 0.1.0-alpha.326

package/dist/js/MenuItem-GX6Zh70q.js

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

package/dist/js/MenuItem.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { M as t } from "./MenuItem-DZ6wEuiI.js";
+import { M as t } from "./MenuItem-GX6Zh70q.js";
 export {
   t as MenuItem,
   t as default

package/dist/js/Modal.js

@@ -14,7 +14,7 @@ import { u as w } from "./useOverlayController-D8pgx8nV.js";
 import { O as E, a as h } from "./OverlayTrigger-BmB63e4e.js";
 import { H as O } from "./Header-lMGDqbwd.js";
 import { A as M } from "./Action-DsQVttvF.js";
-import { B as N } from "./Button-DXgQ5lAy.js";
+import { B as N } from "./Button-tKo9ydZL.js";
 import "@tabler/icons-react";
 import "./Icon-DGqvukLZ.js";
 import { I as x } from "./IconClose-B9jMC5hC.js";

package/dist/js/Navigation.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import e, { useId as v } from "react";
-import d from "clsx";
+import e, { useId as d } from "react";
+import v from "clsx";
 import { W as f } from "./Wrap-DGT1h1o3.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as l } from "./PropsContextProvider.js";
@@ -9,16 +9,17 @@ import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./deepHas-KHS5X1F_.js";
 import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
-import { A as x } from "./Accordion-za0RoF1r.js";
+import { A as x } from "./Accordion-D7_NvGjy.js";
 import { C as N } from "./Content-DW8OnKPj.js";
-const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", w = "flow--navigation--text", P = "flow--navigation--control-icon", r = {
+const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", w = "flow--navigation--text", P = "flow--navigation--control-icon", h = "flow--navigation--avatar", r = {
   navigation: C,
   item: I,
   icon: b,
   text: w,
-  controlIcon: P
-}, B = (i) => {
-  const { className: t, children: n, ...s } = i, c = d(r.navigation, t), o = E(n, G), a = {
+  controlIcon: P,
+  avatar: h
+}, D = (i) => {
+  const { className: t, children: n, ...s } = i, c = v(r.navigation, t), a = E(n, y), o = {
     Link: {
       wrapWith: /* @__PURE__ */ e.createElement("li", null),
       className: r.item,
@@ -31,14 +32,14 @@ const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigatio
       }
     }
   };
-  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement(l, { props: a, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(f, { if: !o }, /* @__PURE__ */ e.createElement("ul", null, n))));
-}, h = "flow--navigation--navigation-group", k = "flow--navigation--navigation-group--label", g = {
-  navigationGroup: h,
-  label: k
-}, G = (i) => {
-  const { children: t, className: n, collapsable: s, ...c } = i, o = d(g.navigationGroup, n), a = v(), m = {
+  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement(l, { props: o, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(f, { if: !a }, /* @__PURE__ */ e.createElement("ul", null, n))));
+}, k = "flow--navigation--navigation-group", G = "flow--navigation--navigation-group--label", g = {
+  navigationGroup: k,
+  label: G
+}, y = (i) => {
+  const { children: t, className: n, collapsable: s, ...c } = i, a = v(g.navigationGroup, n), o = d(), m = {
     Label: {
-      id: a,
+      id: o,
       className: g.label,
       "aria-hidden": !0
     },
@@ -46,18 +47,18 @@ const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigatio
       tunnelId: "links"
     }
   };
-  return s ? /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(x, { defaultExpanded: !0, className: o }, t, /* @__PURE__ */ e.createElement(N, { clearPropsContext: !1 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))))) : /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(
+  return s ? /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(x, { defaultExpanded: !0, className: a }, t, /* @__PURE__ */ e.createElement(N, { clearPropsContext: !1 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))))) : /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(
     "section",
     {
-      "aria-labelledby": a,
-      className: o,
+      "aria-labelledby": o,
+      className: a,
       ...c
     },
     /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, t, /* @__PURE__ */ e.createElement(p, { id: "Label" }), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))
   )));
 };
 export {
-  B as Navigation,
-  G as NavigationGroup,
-  B as default
+  D as Navigation,
+  y as NavigationGroup,
+  D as default
 };

package/dist/js/Notification.js

@@ -9,7 +9,7 @@ import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
 import { A as k } from "./AlertIcon-Ca6DaRUI.js";
 import { L as x } from "./Link-Dk1RuBZL.js";
-import { B as C } from "./Button-DXgQ5lAy.js";
+import { B as C } from "./Button-tKo9ydZL.js";
 import "@tabler/icons-react";
 import "./Icon-DGqvukLZ.js";
 import { I as N } from "./IconClose-B9jMC5hC.js";

package/dist/js/NumberField.js

@@ -10,7 +10,7 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { F as E } from "./FieldError-BvH18haz.js";
-import { B as m } from "./Button-DXgQ5lAy.js";
+import { B as m } from "./Button-tKo9ydZL.js";
 import "@tabler/icons-react";
 import "./Icon-DGqvukLZ.js";
 import { I as N } from "./IconChevronDown-BtCeHe7W.js";

package/dist/js/{SearchField-d7pa2xgi.js → SearchField-62cVb6e-.js}

@@ -11,7 +11,7 @@ import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { F as u } from "./FieldError-BvH18haz.js";
 import { f as F } from "./flowComponent-1wOIvUIq.js";
-import { B as E } from "./Button-DXgQ5lAy.js";
+import { B as E } from "./Button-tKo9ydZL.js";
 import "@tabler/icons-react";
 import "./Icon-DGqvukLZ.js";
 import { I as N } from "./IconClose-B9jMC5hC.js";

package/dist/js/SearchField.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as e } from "./SearchField-d7pa2xgi.js";
+import { S as e } from "./SearchField-62cVb6e-.js";
 export {
   e as SearchField,
   e as default

package/dist/js/Select.js

@@ -1,13 +1,13 @@
 "use client"
 /* */
 import e from "react";
-import * as i from "react-aria-components";
+import * as a from "react-aria-components";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import { PropsContextProvider as w } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { f as c } from "./FormField.module-CqWpTQKP.js";
-import { F as w } from "./FieldError-BvH18haz.js";
+import { F as h } from "./FieldError-BvH18haz.js";
 import f from "clsx";
 import "@tabler/icons-react";
 import "./Icon-DGqvukLZ.js";
@@ -26,8 +26,8 @@ const D = "flow--select", L = "flow--select--toggle", u = {
   options: R
 }, T = (o) => {
   const { className: t, children: r, ...n } = o, l = f(d.options, t), s = C("Select");
-  return /* @__PURE__ */ e.createElement(P, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
-}, re = E("Select", (o) => {
+  return /* @__PURE__ */ e.createElement(P, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(a.ListBox, { className: l, ...n }, r));
+}, ne = E("Select", (o) => {
   const {
     children: t,
     className: r,
@@ -37,12 +37,12 @@ const D = "flow--select", L = "flow--select--toggle", u = {
     },
     controller: s,
     refProp: m,
-    ...N
-  } = o, g = f(
+    ...v
+  } = o, N = f(
     u.select,
     c.formField,
     r
-  ), x = {
+  ), g = {
     Label: {
       className: c.label,
       optional: !o.isRequired
@@ -56,34 +56,35 @@ const D = "flow--select", L = "flow--select--toggle", u = {
     Option: {
       tunnelId: "options"
     }
-  }, v = (a) => {
-    n(String(a)), l(a);
+  }, x = (i) => {
+    n(String(i)), l(i);
   }, O = C("Select", {
     reuseControllerFromContext: !0
   }), p = s ?? O, S = p.useIsOpen();
   return /* @__PURE__ */ e.createElement(
-    i.Select,
+    a.Select,
     {
-      ...N,
-      className: g,
+      ...v,
+      className: N,
       ref: m,
-      onSelectionChange: v,
-      onOpenChange: (a) => p.setOpen(a),
+      onSelectionChange: x,
+      onOpenChange: (i) => p.setOpen(i),
       isOpen: S
     },
-    /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(h, { props: x }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(i.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(i.SelectValue, null), /* @__PURE__ */ e.createElement(F, null)), t, /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
+    /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(w, { props: g }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(a.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(a.SelectValue, null), /* @__PURE__ */ e.createElement(F, null)), t, /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(h, { className: c.fieldError }))))
   );
-}), $ = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
+}), $ = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = "flow--select--option--avatar", k = {
   option: $,
   icon: q,
   text: A,
-  controlIcon: V
-}, ne = E("Option", (o) => {
-  const { className: t, children: r, value: n, refProp: l, ...s } = o, m = f(j.option, t);
-  return /* @__PURE__ */ e.createElement(i.ListBoxItem, { className: m, ref: l, ...s, id: n }, r);
+  controlIcon: V,
+  avatar: j
+}, le = E("Option", (o) => {
+  const { className: t, children: r, value: n, refProp: l, ...s } = o, m = f(k.option, t);
+  return /* @__PURE__ */ e.createElement(a.ListBoxItem, { className: m, ref: l, ...s, id: n }, r);
 });
 export {
-  ne as Option,
-  re as Select,
-  re as default
+  le as Option,
+  ne as Select,
+  ne as default
 };

package/dist/js/Slider.js

@@ -8,7 +8,7 @@ import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as v } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-DXgQ5lAy.js";
+import { B as i } from "./Button-tKo9ydZL.js";
 import "@tabler/icons-react";
 import "./Icon-DGqvukLZ.js";
 import { I as w, a as N } from "./IconPlus-CdffT7DS.js";

package/dist/js/Tabs.js

@@ -7,8 +7,8 @@ import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwal
 import { f as O } from "./flowComponent-1wOIvUIq.js";
 import { useCallbackRef as S } from "use-callback-ref";
 import { a as A, C as B } from "./ContextMenuTrigger-BbYyy0an.js";
-import { M as K } from "./MenuItem-DZ6wEuiI.js";
-import { B as L } from "./Button-DXgQ5lAy.js";
+import { M as K } from "./MenuItem-GX6Zh70q.js";
+import { B as L } from "./Button-tKo9ydZL.js";
 import "@tabler/icons-react";
 import "./Icon-DGqvukLZ.js";
 import { I as W } from "./IconContextMenu-CZgbKH5A.js";