@mittwald/flow-react-components 0.1.0-alpha.262 → 0.1.0-alpha.264

package/dist/{Accordion-Cna92lRM.js → Accordion-CNYh2R9M.js}

@@ -7,7 +7,7 @@ import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
-import { B as y } from "./Button-mGobhr9A.js";
+import { B as y } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as B } from "./IconChevronDown-CQUk3agB.js";

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Accordion-Cna92lRM.js";
+import { A as r } from "./Accordion-CNYh2R9M.js";
 export {
   r as Accordion,
   r as default

package/dist/Badge-BcAQAMkd.js

@@ -0,0 +1,94 @@
+"use client"
+/* */
+import o from "react";
+import g from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as u } from "./flowComponent-CY2oW3O9.js";
+import { B as n } from "./Button-D1ALxYux.js";
+import "@tabler/icons-react";
+import "./Icon-cEgH3ZXQ.js";
+import { I as w } from "./IconClose-DVYTU3Rp.js";
+const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", B = "flow--badge--scope", C = "flow--badge--value", E = "flow--badge--neutral", P = "flow--badge--disabled", T = "flow--badge--blue", h = "flow--badge--navy", k = "flow--badge--violet", I = "flow--badge--teal", L = "flow--badge--lilac", z = "flow--badge--green", D = "flow--badge--orange", R = "flow--badge--red", j = "flow--badge--dark", q = "flow--badge--light", e = {
+  badge: v,
+  content: y,
+  button: N,
+  close: x,
+  scope: B,
+  value: C,
+  neutral: E,
+  disabled: P,
+  blue: T,
+  navy: h,
+  violet: k,
+  teal: I,
+  lilac: L,
+  green: z,
+  orange: D,
+  red: R,
+  dark: j,
+  light: q
+}, V = u("Badge", (r) => {
+  const {
+    children: l,
+    className: c,
+    color: d = "neutral",
+    refProp: m,
+    onPress: t,
+    onClose: s,
+    isDisabled: a,
+    ...b
+  } = r, i = g(
+    e.badge,
+    e[d],
+    a && e.disabled,
+    c
+  ), p = {
+    Label: {
+      elementType: "span",
+      className: e.scope,
+      unstyled: !0
+    },
+    Text: {
+      elementType: "span",
+      className: e.value
+    },
+    Button: {
+      Label: {
+        elementType: "span",
+        className: e.scope,
+        unstyled: !0
+      },
+      Text: {
+        elementType: "span",
+        className: e.value
+      }
+    }
+  };
+  return /* @__PURE__ */ o.createElement(f, { props: p }, /* @__PURE__ */ o.createElement("div", { className: i, ...b, ref: m }, !t && /* @__PURE__ */ o.createElement("div", { className: e.content }, l), t && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      isDisabled: a,
+      unstyled: !0,
+      className: e.button,
+      onPress: t
+    },
+    l
+  ), s && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      className: e.close,
+      size: "s",
+      color: "dark",
+      variant: "plain",
+      onPress: s,
+      isDisabled: a
+    },
+    /* @__PURE__ */ o.createElement(w, null)
+  )));
+});
+export {
+  V as B
+};

package/dist/Badge.js

@@ -1,95 +1,7 @@
 "use client"
 /* */
-import o from "react";
-import g from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "remeda";
-import { f as u } from "./flowComponent-CY2oW3O9.js";
-import { B as n } from "./Button-mGobhr9A.js";
-import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as w } from "./IconClose-DVYTU3Rp.js";
-const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", C = "flow--badge--scope", E = "flow--badge--value", P = "flow--badge--neutral", T = "flow--badge--disabled", B = "flow--badge--blue", h = "flow--badge--navy", k = "flow--badge--violet", I = "flow--badge--teal", L = "flow--badge--lilac", z = "flow--badge--green", D = "flow--badge--orange", R = "flow--badge--red", j = "flow--badge--dark", q = "flow--badge--light", e = {
-  badge: v,
-  content: y,
-  button: N,
-  close: x,
-  scope: C,
-  value: E,
-  neutral: P,
-  disabled: T,
-  blue: B,
-  navy: h,
-  violet: k,
-  teal: I,
-  lilac: L,
-  green: z,
-  orange: D,
-  red: R,
-  dark: j,
-  light: q
-}, V = u("Badge", (r) => {
-  const {
-    children: l,
-    className: c,
-    color: d = "neutral",
-    refProp: m,
-    onPress: t,
-    onClose: s,
-    isDisabled: a,
-    ...b
-  } = r, i = g(
-    e.badge,
-    e[d],
-    a && e.disabled,
-    c
-  ), p = {
-    Label: {
-      elementType: "span",
-      className: e.scope,
-      unstyled: !0
-    },
-    Text: {
-      elementType: "span",
-      className: e.value
-    },
-    Button: {
-      Label: {
-        elementType: "span",
-        className: e.scope,
-        unstyled: !0
-      },
-      Text: {
-        elementType: "span",
-        className: e.value
-      }
-    }
-  };
-  return /* @__PURE__ */ o.createElement(f, { props: p }, /* @__PURE__ */ o.createElement("div", { className: i, ...b, ref: m }, !t && /* @__PURE__ */ o.createElement("div", { className: e.content }, l), t && /* @__PURE__ */ o.createElement(
-    n,
-    {
-      isDisabled: a,
-      unstyled: !0,
-      className: e.button,
-      onPress: t
-    },
-    l
-  ), s && /* @__PURE__ */ o.createElement(
-    n,
-    {
-      className: e.close,
-      size: "s",
-      color: "dark",
-      variant: "plain",
-      onPress: s,
-      isDisabled: a
-    },
-    /* @__PURE__ */ o.createElement(w, null)
-  )));
-});
+import { B as e } from "./Badge-BcAQAMkd.js";
 export {
-  V as Badge,
-  V as default
+  e as Badge,
+  e as default
 };

package/dist/{Button-mGobhr9A.js → Button-D1ALxYux.js}

@@ -4,13 +4,13 @@ import o, { useEffect as F } from "react";
 import * as E from "react-aria-components";
 import y from "clsx";
 import { C } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
-import { I, a as N } from "./IconSucceeded-C10oveWn.js";
+import { I as h, a as I } from "./IconSucceeded-C10oveWn.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
 import { T as B } from "./Text-T_kNKeFe.js";
 import { f as k } from "./flowComponent-CY2oW3O9.js";
@@ -112,7 +112,7 @@ const z = "flow--button", L = "flow--button--outline", R = "flow--button--conten
     CounterBadge: {
       className: t.counterBadge
     }
-  }, m = d ? I : l ? N : n ? A : void 0, S = m && /* @__PURE__ */ o.createElement(m, { size: a, className: t.stateIcon }), x = typeof s == "string";
+  }, m = d ? h : l ? I : n ? A : void 0, S = m && /* @__PURE__ */ o.createElement(m, { size: a, className: t.stateIcon }), x = typeof s == "string";
   return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
     E.Button,
     {
@@ -121,7 +121,7 @@ const z = "flow--button", L = "flow--button--outline", R = "flow--button--conten
       slot: P,
       ...w
     },
-    /* @__PURE__ */ o.createElement(h, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !u }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, null, s))))),
+    /* @__PURE__ */ o.createElement(N, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !u }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, { className: t.text }, s))))),
     S
   ));
 });

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-mGobhr9A.js";
+import { B as o } from "./Button-D1ALxYux.js";
 export {
   o as Button,
   o as default

package/dist/{CalendarHeader-BhpwoC1A.js → CalendarHeader-lLJrWz6j.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import e from "react";
-import { B as r } from "./Button-mGobhr9A.js";
+import { B as r } from "./Button-D1ALxYux.js";
 import * as a from "react-aria-components";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";

package/dist/CopyButton.js

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import i from "copy-to-clipboard";
-import { B as l } from "./Button-mGobhr9A.js";
+import { B as l } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as c } from "./IconCopy-Ceve0ccv.js";

package/dist/DatePicker.js

@@ -7,7 +7,7 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as r from "react-aria-components";
-import { B as E } from "./Button-mGobhr9A.js";
+import { B as E } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { a as C } from "./IconCalendar-DBkKsCNt.js";
@@ -17,7 +17,7 @@ import { P as N } from "./PopoverTrigger-CXPiJcMt.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
 import { f as y } from "./flowComponent-CY2oW3O9.js";
-import { s as F, C as b } from "./CalendarHeader-BhpwoC1A.js";
+import { s as F, C as b } from "./CalendarHeader-lLJrWz6j.js";
 const g = "flow--date-picker--date-input", v = {
   dateInput: g
 }, I = (t) => {

package/dist/DateRangePicker.js

@@ -9,8 +9,8 @@ import "@react-aria/utils";
 import "remeda";
 import * as t from "react-aria-components";
 import { P as g } from "./PopoverTrigger-CXPiJcMt.js";
-import { s as i, C } from "./CalendarHeader-BhpwoC1A.js";
-import { B as D } from "./Button-mGobhr9A.js";
+import { s as i, C } from "./CalendarHeader-lLJrWz6j.js";
+import { B as D } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { a as R } from "./IconCalendar-DBkKsCNt.js";

package/dist/List.js

@@ -9,7 +9,7 @@ import { P as bt } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import { isShallowEqual as Zt, unique as te, difference as ee, times as se } from "remeda";
 import { d as ie } from "./dynamic-ClpUSmEt.js";
-import { B as w } from "./Button-mGobhr9A.js";
+import { B as w } from "./Button-D1ALxYux.js";
 import { IconArrowBackUp as ae } from "@tabler/icons-react";
 import { I as ne } from "./Icon-cEgH3ZXQ.js";
 import { I as re } from "./IconContextMenu-DLHXM1Ph.js";
@@ -23,13 +23,13 @@ import { f as le } from "./flowComponent-CY2oW3O9.js";
 import { R as ce } from "./Render-BdlTa7Qb.js";
 import { T as E } from "./Text-T_kNKeFe.js";
 import { b as de, I as ue, a as me, c as he } from "./IconView-B0kOF1Eh.js";
-import { I as ge } from "./IconClose-DVYTU3Rp.js";
-import { observer as pe } from "mobx-react-lite";
+import { observer as ge } from "mobx-react-lite";
 import { a as ct, T as dt } from "./TooltipTrigger-TslkLN5s.js";
+import { B as pe } from "./Badge-BcAQAMkd.js";
 import { makeObservable as fe, observable as ut, computed as mt, action as O } from "mobx";
 import "./context-Cf7tqFtF.js";
 import { u as Se } from "./useOnChange-C1Quwyuz.js";
-import { S as be } from "./SearchField-Dy_ogzQr.js";
+import { S as be } from "./SearchField-vN6YciFA.js";
 import { H as Y } from "./Heading-FRIQlW19.js";
 import { S as ve } from "./Section-DsyCp0AH.js";
 import { getProperty as we } from "dot-prop";
@@ -163,7 +163,7 @@ const De = "flow--list--items--item--view", xe = "flow--list--items--item--view-
     },
     "list.setSorting"
   ) : /* @__PURE__ */ i.createElement(D, { locales: b }, "list.sorting"));
-  return /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(w, { variant: "soft", size: "s", color: "secondary" }, s, /* @__PURE__ */ i.createElement(de, null)), /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(w, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ i.createElement(de, null)), /* @__PURE__ */ i.createElement(
     W,
     {
       selectionMode: "single",
@@ -186,7 +186,7 @@ const De = "flow--list--items--item--view", xe = "flow--list--items--item--view-
     },
     d.render()
   )), l = e.filter((d) => d.isActive).map((d) => d.id);
-  return /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(w, { variant: "soft", size: "s", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? o), /* @__PURE__ */ i.createElement(ue, null)), /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(w, { variant: "outline", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? o), /* @__PURE__ */ i.createElement(ue, null)), /* @__PURE__ */ i.createElement(
     W,
     {
       selectionMode: s === "one" ? "single" : "multiple",
@@ -204,8 +204,8 @@ const De = "flow--list--items--item--view", xe = "flow--list--items--item--view-
 }, ts = "flow--list--header--active-filters", es = "flow--list--header--active-filters--clear-button", ss = {
   activeFilters: ts,
   clearButton: es
-}, is = pe(() => {
-  const a = g(), t = y(b), s = a.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ i.createElement(w, { variant: "soft", size: "s", key: l.id, onPress: () => l.deactivate() }, /* @__PURE__ */ i.createElement(E, null, l.render()), /* @__PURE__ */ i.createElement(ge, null))), n = a.filters.filter((l) => l.hasChanged()).length > 0, o = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(ct, null, /* @__PURE__ */ i.createElement(dt, null, /* @__PURE__ */ i.createElement(D, { locales: b }, "list.filters.store")), /* @__PURE__ */ i.createElement(
+}, is = ge(() => {
+  const a = g(), t = y(b), s = a.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ i.createElement(pe, { key: l.id, onClose: () => l.deactivate() }, /* @__PURE__ */ i.createElement(E, null, l.render()))), n = a.filters.filter((l) => l.hasChanged()).length > 0, o = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(ct, null, /* @__PURE__ */ i.createElement(dt, null, /* @__PURE__ */ i.createElement(D, { locales: b }, "list.filters.store")), /* @__PURE__ */ i.createElement(
     w,
     {
       size: "s",
@@ -261,9 +261,8 @@ const De = "flow--list--items--item--view", xe = "flow--list--items--item--view-
   return t.itemView && s.push("list"), t.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(
     w,
     {
-      variant: "soft",
+      variant: "outline",
       color: "secondary",
-      size: "s",
       "aria-label": a.format("list.settings")
     },
     /* @__PURE__ */ i.createElement(E, null, a.format(`list.settings.viewMode.${e}`)),

package/dist/Modal.js

@@ -14,7 +14,7 @@ import { u as w } from "./useOverlayController-D8pgx8nV.js";
 import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
 import { H as O } from "./Header-B9w8yH1e.js";
 import { A as M } from "./Action-BBdK8ZAq.js";
-import { B as N } from "./Button-mGobhr9A.js";
+import { B as N } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as x } from "./IconClose-DVYTU3Rp.js";

package/dist/Navigation.js

@@ -9,7 +9,7 @@ import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
-import { A as x } from "./Accordion-Cna92lRM.js";
+import { A as x } from "./Accordion-CNYh2R9M.js";
 import { C as N } from "./Content-cYnXBHf-.js";
 const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
   navigation: C,

package/dist/Notification.js

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "remeda";
 import { S as g } from "./StatusIcon-DEK5-0Aw.js";
 import { L as h } from "./Link-DW8KPMYX.js";
-import { B as k } from "./Button-mGobhr9A.js";
+import { B as k } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as x } from "./IconClose-DVYTU3Rp.js";

package/dist/NumberField.js

@@ -10,7 +10,7 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { F as E } from "./FieldError-Crorz6g5.js";
-import { B as m } from "./Button-mGobhr9A.js";
+import { B as m } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as N } from "./IconChevronDown-CQUk3agB.js";

package/dist/{SearchField-Dy_ogzQr.js → SearchField-vN6YciFA.js}

@@ -11,7 +11,7 @@ import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { F as u } from "./FieldError-Crorz6g5.js";
 import { f as F } from "./flowComponent-CY2oW3O9.js";
-import { B as E } from "./Button-mGobhr9A.js";
+import { B as E } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as N } from "./IconClose-DVYTU3Rp.js";

package/dist/SearchField.js

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

package/dist/Slider.js

@@ -8,7 +8,7 @@ import "./propsContext-DzAKlmhS.js";
 import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-mGobhr9A.js";
+import { B as i } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as w, a as N } from "./IconPlus-5rBbsI1A.js";

package/dist/Tabs.js

@@ -8,7 +8,7 @@ import { f as O } from "./flowComponent-CY2oW3O9.js";
 import { useCallbackRef as S } from "use-callback-ref";
 import { a as A, C as B } from "./ContextMenuTrigger-5-EjHDtY.js";
 import { M as K } from "./MenuItem-CFE7SA5J.js";
-import { B as L } from "./Button-mGobhr9A.js";
+import { B as L } from "./Button-D1ALxYux.js";
 import "@tabler/icons-react";
 import "./Icon-cEgH3ZXQ.js";
 import { I as W } from "./IconContextMenu-DLHXM1Ph.js";