@mittwald/flow-react-components 0.1.0-alpha.290 → 0.1.0-alpha.291

package/dist/NumberField.js

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as t from "react-aria-components";
-import { f as r } from "./FormField.module-CqWpTQKP.js";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
 import u from "clsx";
 import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
 import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
@@ -14,54 +14,53 @@ import { B as m } from "./Button-Da1fC2tj.js";
 import "@tabler/icons-react";
 import "./Icon-COqUQ8Af.js";
 import { I as N } from "./IconChevronDown-Cs4gzBPk.js";
-import { I } from "./IconChevronUp-ZykxFQAx.js";
-import { I as b, a as F } from "./IconPlus-C-ZCBY15.js";
+import { I as b } from "./IconChevronUp-ZykxFQAx.js";
+import { I, a as F } from "./IconPlus-C-ZCBY15.js";
 import { f as P } from "./flowComponent-uZXy7sF4.js";
-const C = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", v = "flow--number-field--coarse-pointer-icon", x = "flow--number-field--touch-icon", o = {
+const C = "flow--number-field--group", B = "flow--number-field--input", w = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", x = "flow--number-field--coarse-pointer-icon", r = {
   group: C,
-  input: w,
-  decrementButton: B,
-  incrementButton: h,
-  coarsePointerIcon: v,
-  touchIcon: x
-}, K = P("NumberField", (n) => {
-  const { children: a, className: c, refProp: s, ...l } = n, i = u(r.formField, c), p = {
+  input: B,
+  decrementButton: w,
+  incrementButton: v,
+  coarsePointerIcon: x
+}, J = P("NumberField", (n) => {
+  const { children: a, className: s, refProp: l, ...c } = n, i = u(o.formField, s), p = {
     Label: {
-      className: r.label,
+      className: o.label,
       optional: !n.isRequired
     },
     FieldDescription: {
-      className: r.fieldDescription
+      className: o.fieldDescription
     },
     FieldError: {
-      className: r.customFieldError
+      className: o.customFieldError
     }
   };
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(t.NumberField, { ...l, className: i }, /* @__PURE__ */ e.createElement(t.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(t.NumberField, { ...c, className: i }, /* @__PURE__ */ e.createElement(t.Group, { className: r.group }, /* @__PURE__ */ e.createElement(
     m,
     {
       ariaSlot: "decrement",
-      className: o.decrementButton,
+      className: r.decrementButton,
       size: "s",
       variant: "plain",
       color: "secondary"
     },
     /* @__PURE__ */ e.createElement(N, null),
-    /* @__PURE__ */ e.createElement(b, { className: o.coarsePointerIcon })
-  ), /* @__PURE__ */ e.createElement(t.Input, { className: o.input, ref: s }), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(I, { className: r.coarsePointerIcon })
+  ), /* @__PURE__ */ e.createElement(t.Input, { className: r.input, ref: l }), /* @__PURE__ */ e.createElement(
     m,
     {
       ariaSlot: "increment",
-      className: o.incrementButton,
+      className: r.incrementButton,
       size: "s",
       variant: "plain",
       color: "secondary"
     },
-    /* @__PURE__ */ e.createElement(I, null),
-    /* @__PURE__ */ e.createElement(F, { className: o.coarsePointerIcon })
-  )), /* @__PURE__ */ e.createElement(d, { props: p }, a), /* @__PURE__ */ e.createElement(E, { className: r.fieldError })));
+    /* @__PURE__ */ e.createElement(b, null),
+    /* @__PURE__ */ e.createElement(F, { className: r.coarsePointerIcon })
+  )), /* @__PURE__ */ e.createElement(d, { props: p }, a), /* @__PURE__ */ e.createElement(E, { className: o.fieldError })));
 });
 export {
-  K as NumberField,
-  K as default
+  J as NumberField,
+  J as default
 };

package/dist/ProgressBar.js

@@ -1,25 +1,29 @@
 "use client"
 /* */
-import * as u from "react-aria-components";
+import * as w from "react-aria-components";
 import s from "react";
-import w from "clsx";
-import { useNumberFormatter as d } from "react-aria";
+import d from "clsx";
+import { useLocalizedStringFormatter as N, useNumberFormatter as v } from "react-aria";
 import "./propsContext-DzAKlmhS.js";
 import { P as x } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-const N = "flow--progress-bar", v = "flow--progress-bar--label", B = "flow--progress-bar--value", E = "flow--progress-bar--bar", P = "flow--progress-bar--fill", z = "flow--progress-bar--info", V = "flow--progress-bar--success", h = "flow--progress-bar--danger", y = "flow--progress-bar--warning", r = {
-  progressBar: N,
-  label: v,
-  value: B,
-  bar: E,
-  fill: P,
+const B = "flow--progress-bar", E = "flow--progress-bar--label", z = "flow--progress-bar--value", P = "flow--progress-bar--bar", V = "flow--progress-bar--fill", $ = "flow--progress-bar--info", h = "flow--progress-bar--success", y = "flow--progress-bar--danger", C = "flow--progress-bar--warning", r = {
+  progressBar: B,
+  label: E,
+  value: z,
+  bar: P,
+  fill: V,
   "size-s": "flow--progress-bar--size-s",
-  info: z,
-  success: V,
-  danger: h,
-  warning: y
-}, R = (e) => {
+  info: $,
+  success: h,
+  danger: y,
+  warning: C
+}, F = { "de-DE": {
+  "progressBar.of": "von"
+}, "en-EN": {
+  "progressBar.of": "of"
+} }, j = (e) => {
   const {
     children: t,
     className: l,
@@ -27,20 +31,20 @@ const N = "flow--progress-bar", v = "flow--progress-bar--label", B = "flow--prog
     showMaxValue: c,
     size: m = "m",
     ...i
-  } = e, f = w(
+  } = e, f = d(
     l,
     r.progressBar,
     r[`size-${m}`],
     r[n]
-  ), p = d(e.formatOptions), a = c && e.maxValue ? p.format(e.maxValue) : void 0, g = {
+  ), g = N(F), p = v(e.formatOptions), o = c && e.maxValue ? p.format(e.maxValue) : void 0, b = {
     Label: {
       className: r.label,
       unstyled: !0
     }
   };
-  return /* @__PURE__ */ s.createElement(u.ProgressBar, { className: f, ...i }, ({ percentage: b, valueText: o }) => /* @__PURE__ */ s.createElement(x, { props: g }, t, /* @__PURE__ */ s.createElement("span", { className: r.value }, a ? `${o} of ${a}` : o), /* @__PURE__ */ s.createElement("div", { className: r.bar }, /* @__PURE__ */ s.createElement("div", { className: r.fill, style: { width: b + "%" } }))));
+  return /* @__PURE__ */ s.createElement(w.ProgressBar, { className: f, ...i }, ({ percentage: u, valueText: a }) => /* @__PURE__ */ s.createElement(x, { props: b }, t, /* @__PURE__ */ s.createElement("span", { className: r.value }, o ? `${a} ${g.format("progressBar.of")} ${o}` : a), /* @__PURE__ */ s.createElement("div", { className: r.bar }, /* @__PURE__ */ s.createElement("div", { className: r.fill, style: { width: u + "%" } }))));
 };
 export {
-  R as ProgressBar,
-  R as default
+  j as ProgressBar,
+  j as default
 };