@mittwald/flow-react-components 0.1.0-alpha.63 → 0.1.0-alpha.64

package/dist/Label-CnhSifzw.js

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import t from "react";
+import * as p from "react-aria-components";
+import c from "clsx";
+import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import { useLocalizedStringFormatter as b } from "react-aria";
+import { f as C } from "./flowComponent-Dfn_Z9Yx.js";
+const L = "flow--label", d = {
+  label: L
+}, u = {
+  "de-DE": {
+    "label.optional": "(optional)"
+  },
+  "en-EN": {
+    "label.optional": "(optional)"
+  }
+}, k = C("Label", (l) => {
+  const { children: e, className: o, optional: a, unstyled: r = !1, ...s } = l, n = b(u), m = r ? o : c(d.label, o), i = " " + n.format("label.optional");
+  return /* @__PURE__ */ t.createElement(f, null, /* @__PURE__ */ t.createElement(p.Label, { ...s, className: m }, e, a && i));
+});
+export {
+  k as L
+};

package/dist/Label.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as e } from "./Label-BBWAOhU5.js";
+import { L as e } from "./Label-CnhSifzw.js";
 export {
   e as Label,
   e as default

package/dist/ProgressBar.js

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import * as u from "react-aria-components";
+import s from "react";
+import w from "clsx";
+import { useNumberFormatter as d } from "react-aria";
+import "./propsContext-CauylOgH.js";
+import { P as x } from "./PropsContextProvider-BcOGMJkn.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,
+  "size-s": "flow--progress-bar--size-s",
+  fill: P,
+  info: z,
+  success: V,
+  danger: h,
+  warning: y
+}, R = (e) => {
+  const {
+    children: t,
+    className: l,
+    status: n = "info",
+    showMaxValue: c,
+    size: m = "m",
+    ...i
+  } = e, f = w(
+    l,
+    r.progressBar,
+    r[`size-${m}`],
+    r[n]
+  ), p = d(e.formatOptions), a = c && e.maxValue ? p.format(e.maxValue) : void 0, g = {
+    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 + "%" } }))));
+};
+export {
+  R as ProgressBar,
+  R as default
+};

package/dist/Switch.js

@@ -12,7 +12,7 @@ import "remeda";
 import { f as h } from "./flowComponent-Dfn_Z9Yx.js";
 import { I as p } from "./IconCheck-VQzoZYpg.js";
 import { I as w } from "./IconClose-BkmXvQ2z.js";
-import { L as d } from "./Label-BBWAOhU5.js";
+import { L as d } from "./Label-CnhSifzw.js";
 const b = "flow--switch--track", E = "flow--switch--handle", C = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",