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

package/dist/js/ProgressBar.js

@@ -0,0 +1,50 @@
+"use client"
+/* */
+import * as w from "react-aria-components";
+import s from "react";
+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 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: $,
+  success: h,
+  danger: y,
+  warning: C
+}, F = { "de-DE": {
+  "progressBar.of": "von"
+}, "en-EN": {
+  "progressBar.of": "of"
+} }, j = (e) => {
+  const {
+    children: t,
+    className: l,
+    status: n = "info",
+    showMaxValue: c,
+    size: m = "m",
+    ...i
+  } = e, f = d(
+    l,
+    r.progressBar,
+    r[`size-${m}`],
+    r[n]
+  ), 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(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 {
+  j as ProgressBar,
+  j as default
+};

package/dist/{Select.js → js/Select.js}

@@ -13,7 +13,7 @@ import "@tabler/icons-react";
 import "./Icon-COqUQ8Af.js";
 import { I as F } from "./IconChevronDown-Cs4gzBPk.js";
 import { f as E } from "./flowComponent-uZXy7sF4.js";
-import { P } from "./PopoverTrigger-5ZSb5Xrj.js";
+import { P } from "./Popover-CODr7TtV.js";
 import "mobx";
 import { u as C } from "./useOverlayController-D8pgx8nV.js";
 import { TunnelProvider as y, TunnelExit as I } from "@mittwald/react-tunnel";

package/dist/{TableRow-C2VaotTp.js → js/Table-BdpXhsOd.js}

@@ -14,25 +14,18 @@ const d = "flow--table--table-container", f = "flow--table", N = "flow--table--h
   column: h,
   "vertical-align-middle": "flow--table--vertical-align-middle"
 }, y = (t) => {
-  const { children: a, className: e, verticalAlign: l = "top", ...o } = t, m = n(
-    c.table,
-    c[`vertical-align-${l}`],
-    e
-  );
-  return /* @__PURE__ */ s.createElement("div", { className: c.tableContainer }, /* @__PURE__ */ s.createElement(r.Table, { className: m, ...o }, a));
-}, v = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.body, e);
   return /* @__PURE__ */ s.createElement(r.TableBody, { className: o, ...l }, a);
-}, g = (t) => {
+}, v = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.cell, e);
   return /* @__PURE__ */ s.createElement(r.Cell, { className: o, ...l }, /* @__PURE__ */ s.createElement(b, { fallback: /* @__PURE__ */ s.createElement(i, { width: "100px" }) }, a));
-}, x = (t) => {
+}, g = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.column, e);
   return /* @__PURE__ */ s.createElement(r.Column, { isRowHeader: !0, className: o, ...l }, a);
-}, R = (t) => {
+}, x = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.header, e);
   return /* @__PURE__ */ s.createElement(r.TableHeader, { className: o, ...l }, a);
-}, H = (t) => {
+}, R = (t) => {
   const { children: a, className: e, footer: l, ...o } = t;
   return /* @__PURE__ */ s.createElement(
     r.Row,
@@ -46,12 +39,19 @@ const d = "flow--table--table-container", f = "flow--table", N = "flow--table--h
     },
     a
   );
+}, H = (t) => {
+  const { children: a, className: e, verticalAlign: l = "top", ...o } = t, m = n(
+    c.table,
+    c[`vertical-align-${l}`],
+    e
+  );
+  return /* @__PURE__ */ s.createElement("div", { className: c.tableContainer }, /* @__PURE__ */ s.createElement(r.Table, { className: m, ...o }, a));
 };
 export {
-  H as T,
-  y as a,
-  v as b,
-  g as c,
-  x as d,
-  R as e
+  R as T,
+  H as a,
+  y as b,
+  v as c,
+  g as d,
+  x as e
 };

package/dist/{Table.js → js/Table.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { T as a, a as t } from "./TableRow-C2VaotTp.js";
-import { b as m, c as f, d as c, e as d } from "./TableRow-C2VaotTp.js";
+import { T as a, a as t } from "./Table-BdpXhsOd.js";
+import { b as m, c as f, d as c, e as d } from "./Table-BdpXhsOd.js";
 import o from "react";
 const b = (e) => /* @__PURE__ */ o.createElement(a, { ...e, footer: !0 });
 export {

package/dist/{Tabs.js → js/Tabs.js}

@@ -6,7 +6,7 @@ import u from "clsx";
 import { TunnelExit as E, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as O } from "./flowComponent-uZXy7sF4.js";
 import { useCallbackRef as S } from "use-callback-ref";
-import { a as A, C as B } from "./ContextMenuTrigger-C5qGifbA.js";
+import { a as A, C as B } from "./ContextMenuTrigger-C0auvmeM.js";
 import { M as K } from "./MenuItem-CWcJNHm3.js";
 import { B as L } from "./Button-Da1fC2tj.js";
 import "@tabler/icons-react";

package/dist/{TooltipTrigger-TslkLN5s.js → js/Tooltip-DmYZavnZ.js}

@@ -3,18 +3,18 @@
 import * as l from "react-aria-components";
 import o from "react";
 import c from "clsx";
-const n = "flow--tooltip", m = "flow--tooltip--arrow", p = "flow--tooltip--slide", s = {
+const d = (t) => {
+  const { children: e, ...r } = t;
+  return /* @__PURE__ */ o.createElement(l.TooltipTrigger, { ...r }, e);
+}, n = "flow--tooltip", m = "flow--tooltip--arrow", p = "flow--tooltip--slide", s = {
   tooltip: n,
   arrow: m,
   slide: p
-}, d = (t) => {
+}, f = (t) => {
   const { children: e, className: r, ...a } = t, i = c(s.tooltip, r);
   return /* @__PURE__ */ o.createElement(l.Tooltip, { ...a, className: i }, /* @__PURE__ */ o.createElement(l.OverlayArrow, { className: s.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), e);
-}, f = (t) => {
-  const { children: e, ...r } = t;
-  return /* @__PURE__ */ o.createElement(l.TooltipTrigger, { ...r }, e);
 };
 export {
-  d as T,
-  f as a
+  f as T,
+  d as a
 };

package/dist/js/Tooltip.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { T as r } from "./Tooltip-DmYZavnZ.js";
+import { a as p } from "./Tooltip-DmYZavnZ.js";
+export {
+  r as Tooltip,
+  p as TooltipTrigger,
+  r as default
+};