@mittwald/flow-react-components 0.1.0-alpha.12 → 0.1.0-alpha.121

package/dist/LoadingSpinner-BV4S5RsS.js

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import r from "react";
+import "@tabler/icons-react";
+import "./Icon-DhFv_0k_.js";
+import { I as e } from "./IconPending-BV6Loio6.js";
+import t from "clsx";
+const a = "flow--loading-spinner", p = "flow--loading-spinner--spin", l = {
+  loadingSpinner: a,
+  spin: p
+}, S = (n) => {
+  const { className: o, ...s } = n, i = t(l.loadingSpinner, o);
+  return /* @__PURE__ */ r.createElement(e, { className: i, ...s });
+};
+export {
+  S as L
+};

package/dist/LoadingSpinner.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { L as o } from "./LoadingSpinner-BV4S5RsS.js";
+export {
+  o as LoadingSpinner,
+  o as default
+};

package/dist/MenuItem-CzSUuXS-.js

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import e from "react";
+import * as I from "react-aria-components";
+import p from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as a } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-DhFv_0k_.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-DRlqWMgD.js";
+import { I as E, a as C } from "./IconRadioOn--oXSoOvP.js";
+import { T as i } from "./Text-DXApO_Re.js";
+import { d as h } from "./deepFindOfType-6pG0fH7S.js";
+import { W as M } from "./Wrap-DGT1h1o3.js";
+import { f as N } from "./flowComponent-Dha_9C4F.js";
+const w = "flow--menu-item", T = "flow--menu-item--icon", g = "flow--menu-item--text", P = "flow--menu-item--control-icon", c = {
+  menuItem: w,
+  icon: T,
+  text: g,
+  controlIcon: P
+}, k = (o, t) => !!h(o, t), y = (o) => {
+  const {
+    selectionMode: t,
+    isSelected: n,
+    selectionVariant: r = "control",
+    children: m
+  } = o, s = {
+    Icon: {
+      className: c.icon
+    },
+    Text: {
+      className: c.text
+    }
+  }, l = {
+    Icon: {
+      className: p(c.controlIcon, c.icon)
+    }
+  }, u = t === "none" || r === "navigation" ? null : t === "single" && n ? /* @__PURE__ */ e.createElement(E, null) : t === "single" && !n ? /* @__PURE__ */ e.createElement(C, null) : t === "multiple" && n ? /* @__PURE__ */ e.createElement(x, null) : /* @__PURE__ */ e.createElement(d, null), f = k(m, i);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a, { props: l }, u), /* @__PURE__ */ e.createElement(a, { props: s }, /* @__PURE__ */ e.createElement(M, { if: !f }, /* @__PURE__ */ e.createElement(i, null, m))));
+}, D = N("MenuItem", (o) => {
+  const { children: t, className: n, selectionVariant: r, ...m } = o, s = p(c.menuItem, n);
+  return /* @__PURE__ */ e.createElement(I.MenuItem, { ...m, className: s }, (l) => /* @__PURE__ */ e.createElement(y, { ...l, selectionVariant: r }, t));
+});
+export {
+  D as M,
+  k as d
+};

package/dist/MenuItem.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { M as t } from "./MenuItem-CzSUuXS-.js";
+export {
+  t as MenuItem,
+  t as default
+};

package/dist/Modal.js

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import o from "react";
+import d from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as p, TunnelExit as c } from "@mittwald/react-tunnel";
+import { f as u } from "./flowComponent-Dha_9C4F.js";
+import { O as w } from "./Overlay-ofdfFqqi.js";
+import "mobx";
+import "./index-0qLHBjoi.js";
+import "./context-DJetA3qV.js";
+const v = "flow--modal", z = "flow--modal--button-group", C = "flow--modal--content", b = "flow--modal--off-canvas", t = {
+  modal: v,
+  "modal-zoom": "flow--modal--modal-zoom",
+  buttonGroup: z,
+  content: C,
+  "size-s": "flow--modal--size-s",
+  "size-m": "flow--modal--size-m",
+  "size-l": "flow--modal--size-l",
+  offCanvas: b,
+  "modal-slide-in": "flow--modal--modal-slide-in",
+  "modal-slide-up": "flow--modal--modal-slide-up"
+}, F = u("Modal", (e) => {
+  const { size: l = "s", offCanvas: n, controller: a, children: m, ...s } = e, r = d(
+    t.modal,
+    t[`size-${l}`],
+    n && t.offCanvas
+  ), i = {
+    Content: {
+      elementType: o.Fragment
+    },
+    Heading: {
+      level: 2,
+      slot: "title"
+    },
+    ButtonGroup: {
+      className: t.buttonGroup,
+      tunnelId: "buttons"
+    }
+  };
+  return /* @__PURE__ */ o.createElement(w, { className: r, controller: a, ...s }, /* @__PURE__ */ o.createElement(f, { props: i }, /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement("div", { className: t.content }, m), /* @__PURE__ */ o.createElement(c, { id: "buttons" }))));
+});
+export {
+  F as Modal,
+  F as default
+};

package/dist/Navigation.js

@@ -1,53 +1,61 @@
 "use client"
 /* */
-import a from "react";
-import { useTreeState as p, Item as v } from "react-stately";
-import "./propsContext-Dx7WKmmM.js";
-import { P as g } from "./PropsContextProvider-CEoxD8yK.js";
+import e, { useId as v } from "react";
+import g from "clsx";
+import { d as E } from "./deepFindOfType-6pG0fH7S.js";
+import { W as x } from "./Wrap-DGT1h1o3.js";
+import "./propsContext-CauylOgH.js";
+import { P as i } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
-import * as l from "remeda";
-import { useMenuItem as f, useMenu as I } from "react-aria";
-import { c as N } from "./clsx-DB4S2d7J.js";
-const x = "flow--navigation", c = {
-  navigation: x
-}, P = "flow--navigation--navigation-item", y = "flow--navigation--navigation-item--icon", k = "flow--navigation--navigation-item--text", r = {
-  navigationItem: P,
-  icon: y,
-  text: k
-}, C = (e, n, o) => {
-  const t = f(e, n, o);
-  return t.menuItemProps = l.omit(t.menuItemProps, ["role"]), t;
-};
-function E(e) {
-  const { item: n, state: o } = e, { isCurrent: t, linkComponent: m = "a" } = n.props, i = a.useRef(null), { menuItemProps: s } = C({ key: n.key }, o, i), u = {
-    Text: {
-      className: r.text
+import "remeda";
+import { TunnelProvider as p, TunnelExit as u } from "@mittwald/react-tunnel";
+import { A as N } from "./Accordion-9wwB377E.js";
+import { C } from "./Content-CPAYV7wp.js";
+const b = "flow--navigation", I = "flow--navigation--item", P = "flow--navigation--icon", w = "flow--navigation--text", y = "flow--navigation--control-icon", l = {
+  navigation: b,
+  item: I,
+  icon: P,
+  text: w,
+  controlIcon: y
+}, B = (s) => {
+  const { className: n, children: o, ...c } = s, m = g(l.navigation, n), a = !!E(o, k), r = {
+    Link: {
+      render: (t, f) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(t, { ...f, className: l.item, unstyled: !0 })),
+      Text: {
+        className: l.text
+      },
+      Icon: {
+        className: l.icon
+      }
+    }
+  };
+  return /* @__PURE__ */ e.createElement("nav", { className: m, role: "navigation", ...c }, /* @__PURE__ */ e.createElement(i, { props: r }, /* @__PURE__ */ e.createElement(x, { if: !a }, /* @__PURE__ */ e.createElement("ul", null, o))));
+}, G = "flow--navigation--navigation-group", h = "flow--navigation--navigation-group--label", d = {
+  navigationGroup: G,
+  label: h
+}, k = (s) => {
+  const { children: n, className: o, collapsable: c, ...m } = s, a = g(d.navigationGroup, o), r = v(), t = {
+    Label: {
+      id: r,
+      className: d.label,
+      "aria-hidden": !0
     },
-    Icon: {
-      className: r.icon
+    Link: {
+      tunnelId: "links"
     }
   };
-  return /* @__PURE__ */ a.createElement("li", { className: r.navigationItem }, /* @__PURE__ */ a.createElement(
-    m,
+  return c ? /* @__PURE__ */ e.createElement(i, { mergeInParentContext: !0, props: t }, /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(N, { defaultExpanded: !0, className: a }, n, /* @__PURE__ */ e.createElement(C, { clearPropsContext: !1 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(u, { id: "links" })))))) : /* @__PURE__ */ e.createElement(i, { mergeInParentContext: !0, props: t }, /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(
+    "section",
     {
-      ...s,
-      ref: i,
-      "aria-current": t ? "page" : !1
+      "aria-labelledby": r,
+      className: a,
+      ...m
     },
-    /* @__PURE__ */ a.createElement(g, { props: u }, n.rendered)
-  ));
-}
-const d = (e, n, o) => {
-  const t = I(e, n, o);
-  return t.menuProps = l.omit(t.menuProps, ["role"]), t;
+    /* @__PURE__ */ e.createElement(i, { mergeInParentContext: !0, props: t }, /* @__PURE__ */ e.createElement(u, { id: "Label" }), /* @__PURE__ */ e.createElement("ul", null, n))
+  )));
 };
-function $(e) {
-  const { className: n } = e, o = p(e), t = a.useRef(null), { menuProps: m } = d(e, o, t), i = N(c.navigation, n);
-  return /* @__PURE__ */ a.createElement("nav", { ...m, className: i, ref: t }, /* @__PURE__ */ a.createElement("ul", { className: c.list }, Array.from(o.collection).map((s) => /* @__PURE__ */ a.createElement(E, { state: o, item: s, key: s.key }))));
-}
-const b = v;
 export {
-  $ as Navigation,
-  b as NavigationItem,
-  $ as default
+  B as Navigation,
+  k as NavigationGroup,
+  B as default
 };

package/dist/NumberField.js

@@ -1,121 +1,80 @@
 "use client"
 /* */
-import o from "react";
-import * as s from "react-aria-components";
-import { s as f } from "./FormField.module-DHK6nIcD.js";
-import { c as P } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
-import { P as b } from "./PropsContextProvider-CEoxD8yK.js";
+import e from "react";
+import * as r from "react-aria-components";
+import { s as t } from "./FormField.module-DHK6nIcD.js";
+import E from "clsx";
+import { C as N } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
-import { F as w } from "./FieldError-BAnloBK7.js";
-import { B as d } from "./Button-DibM-vns.js";
-import { I as u } from "./Icon-Dp34FFi3.js";
-const E = "flow--number-field--group", D = "flow--number-field--input", M = "flow--number-field--decrement-button", C = "flow--number-field--increment-button", m = {
-  group: E,
-  input: D,
-  decrementButton: M,
-  incrementButton: C
-};
-var v = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "chevron-up", t = 512, r = 512, a = [], c = "f077", l = "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      l
-    ]
-  }, e.faChevronUp = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
-})(v);
-var h = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "chevron-down", t = 512, r = 512, a = [], c = "f078", l = "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      l
-    ]
-  }, e.faChevronDown = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
-})(h);
-var N = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "plus", t = 448, r = 512, a = [10133, 61543, "add"], c = "2b", l = "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      l
-    ]
-  }, e.faPlus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
-})(N);
-var g = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "minus", t = 448, r = 512, a = [8211, 8722, 10134, "subtract"], c = "f068", l = "M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z";
-  e.definition = {
-    prefix: i,
-    iconName: n,
-    icon: [
-      t,
-      r,
-      a,
-      c,
-      l
-    ]
-  }, e.faMinus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
-})(g);
-const L = (e) => {
-  const { children: i, className: n, ...t } = e, r = P(f.formField, n), a = {
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import { F as I } from "./FieldError--Qpixa12.js";
+import { B as c } from "./Button-BGCNzfmU.js";
+import "@tabler/icons-react";
+import "./Icon-DhFv_0k_.js";
+import { I as C } from "./IconChevronDown-gLJKgegq.js";
+import { I as h, a as P, b as F } from "./IconPlus-eFn-agxn.js";
+import { f as w } from "./flowComponent-Dha_9C4F.js";
+const B = "flow--number-field--group", g = "flow--number-field--input", v = "flow--number-field--decrement-button", x = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", o = {
+  group: B,
+  input: g,
+  decrementButton: v,
+  incrementButton: x,
+  coarsePointerIcon: y,
+  touchIcon: D
+}, K = w("NumberField", (n) => {
+  const { children: a, className: m, refProp: l, onChange: s, ...i } = n, u = E(t.formField, m), p = {
     Label: {
-      className: f.label,
-      optional: !e.isRequired
+      className: t.label,
+      optional: !n.isRequired
     },
     FieldDescription: {
-      className: f.fieldDescription
+      className: t.fieldDescription
     },
     FieldError: {
-      className: f.customFieldError
+      className: t.customFieldError
     }
+  }, f = (d) => {
+    setTimeout(() => {
+      s && s(d);
+    }, 150);
   };
-  return /* @__PURE__ */ o.createElement(s.NumberField, { ...t, className: r }, /* @__PURE__ */ o.createElement(s.Group, { className: m.group }, /* @__PURE__ */ o.createElement(
-    d,
+  return /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
+    r.NumberField,
     {
-      slot: "decrement",
-      className: m.decrementButton,
-      small: !0,
-      variant: "plain"
+      ...i,
+      className: u,
+      onChange: f
     },
-    /* @__PURE__ */ o.createElement(u, { faIcon: h.faChevronDown }),
-    /* @__PURE__ */ o.createElement(u, { faIcon: g.faMinus })
-  ), /* @__PURE__ */ o.createElement(s.Input, { className: m.input }), /* @__PURE__ */ o.createElement(
-    d,
-    {
-      slot: "increment",
-      className: m.incrementButton,
-      small: !0,
-      variant: "plain"
-    },
-    /* @__PURE__ */ o.createElement(u, { faIcon: v.faChevronUp }),
-    /* @__PURE__ */ o.createElement(u, { faIcon: N.faPlus })
-  )), /* @__PURE__ */ o.createElement(b, { props: a }, i), /* @__PURE__ */ o.createElement(w, { className: m.fieldError }));
-};
+    /* @__PURE__ */ e.createElement(r.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
+      c,
+      {
+        slot: "decrement",
+        className: o.decrementButton,
+        size: "s",
+        variant: "plain",
+        color: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(C, null),
+      /* @__PURE__ */ e.createElement(h, { className: o.coarsePointerIcon })
+    ), /* @__PURE__ */ e.createElement(r.Input, { className: o.input, ref: l }), /* @__PURE__ */ e.createElement(
+      c,
+      {
+        slot: "increment",
+        className: o.incrementButton,
+        size: "s",
+        variant: "plain",
+        color: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(P, null),
+      /* @__PURE__ */ e.createElement(F, { className: o.coarsePointerIcon })
+    )),
+    /* @__PURE__ */ e.createElement(b, { props: p }, a),
+    /* @__PURE__ */ e.createElement(I, { className: t.fieldError })
+  ));
+});
 export {
-  L as NumberField,
-  L as default
+  K as NumberField,
+  K as default
 };

package/dist/OffCanvas.js

@@ -0,0 +1,42 @@
+"use client"
+/* */
+import o from "react";
+import c from "clsx";
+import { B as f } from "./Button-BGCNzfmU.js";
+import "@tabler/icons-react";
+import "./Icon-DhFv_0k_.js";
+import { I as m } from "./IconClose-BEe9M79E.js";
+import { A as i } from "./Action-5b_DWWiS.js";
+import { O as p } from "./Overlay-ofdfFqqi.js";
+import "mobx";
+import "./index-0qLHBjoi.js";
+import "./propsContext-CauylOgH.js";
+import { P as v } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+const u = "flow--off-canvas", d = "flow--off-canvas--close-button", t = {
+  offCanvas: u,
+  "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
+  "off-canvas-slide-out": "flow--off-canvas--off-canvas-slide-out",
+  closeButton: d
+}, z = (s) => {
+  const { controller: a, children: e, className: r } = s, n = c(t.offCanvas, r), l = {
+    Heading: {
+      slot: "title"
+    }
+  };
+  return /* @__PURE__ */ o.createElement(p, { controller: a, className: n }, /* @__PURE__ */ o.createElement(i, { closeOverlay: !0 }, /* @__PURE__ */ o.createElement(
+    f,
+    {
+      variant: "plain",
+      size: "s",
+      color: "secondary",
+      className: t.closeButton
+    },
+    /* @__PURE__ */ o.createElement(m, null)
+  )), /* @__PURE__ */ o.createElement(v, { props: l }, e));
+};
+export {
+  z as OffCanvas,
+  z as default
+};

package/dist/Overlay-ofdfFqqi.js

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import * as r from "react-aria-components";
+import e from "react";
+import v from "clsx";
+import { u as y, a as p } from "./index-0qLHBjoi.js";
+import "mobx";
+const u = "flow--overlay", O = {
+  overlay: u,
+  "overlay-fade": "flow--overlay--overlay-fade"
+}, E = (l) => {
+  const { controller: t, children: a, className: s } = l, n = y({
+    reuseControllerFromContext: !0
+  }), o = t ?? n, c = o.useIsOpen(), m = v(O.overlay, s);
+  return /* @__PURE__ */ e.createElement(
+    r.ModalOverlay,
+    {
+      className: m,
+      isDismissable: !0,
+      isOpen: c,
+      onOpenChange: (i) => o.setOpen(i)
+    },
+    /* @__PURE__ */ e.createElement(r.Modal, null, /* @__PURE__ */ e.createElement(r.Dialog, null, /* @__PURE__ */ e.createElement(p, { value: o }, a)))
+  );
+};
+export {
+  E as O
+};

package/dist/OverlayTrigger.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import r from "react";
+import "mobx";
+import { u as l, a as m } from "./index-0qLHBjoi.js";
+import { A as p } from "./Action-5b_DWWiS.js";
+import "./propsContext-CauylOgH.js";
+import { P as i } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+const x = (t) => {
+  const e = l(), o = {
+    Button: {
+      render: (a, n) => /* @__PURE__ */ r.createElement(p, { openOverlay: e }, /* @__PURE__ */ r.createElement(a, { ...n }))
+    }
+  };
+  return /* @__PURE__ */ r.createElement(m, { value: e }, /* @__PURE__ */ r.createElement(i, { props: o }, t.children));
+};
+export {
+  x as OverlayTrigger,
+  x as default
+};

package/dist/Popover-MmxZkKu3.js

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import t from "react";
+import * as a from "react-aria-components";
+import c from "clsx";
+const l = "flow--popover", m = {
+  popover: l,
+  "popover-slide": "flow--popover--popover-slide"
+}, i = (o) => {
+  const { children: e, className: r, ...p } = o, s = c(m.popover, r);
+  return /* @__PURE__ */ t.createElement(a.Popover, { ...p, className: s }, e);
+};
+export {
+  i as P
+};

package/dist/Popover.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { P as r } from "./Popover-MmxZkKu3.js";
+export {
+  r as Popover,
+  r 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-DZvwqHLP.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,
+  "size-s": "flow--progress-bar--size-s",
+  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/PropsContextProvider-DZvwqHLP.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import u, { useMemo as m, isValidElement as f, cloneElement as C } from "react";
+import { u as v, p as E } from "./propsContext-CauylOgH.js";
+import { mergeProps as h } from "@react-aria/utils";
+import { isObjectType as c } from "remeda";
+import { setProperty as x } from "dot-prop";
+const N = (t = {}) => (...r) => {
+  const { mergeClassNames: n = !0, mergeEventHandler: s = !0 } = t, e = h(...r);
+  if (c(e)) {
+    if (!n)
+      for (const o of r)
+        c(o) && "className" in e && "className" in o && (e.className = o.className);
+    if (!s) {
+      for (const o of r)
+        if (c(o))
+          for (const [p, a] of Object.entries(o))
+            /^on[A-Z]/.test(p) && x(e, p, a);
+    }
+  }
+  return e;
+}, b = N({
+  mergeClassNames: !1,
+  mergeEventHandler: !1
+}), j = (t = {}, r = {}) => {
+  const n = Object.keys({
+    ...t,
+    ...r
+  });
+  return Object.fromEntries(
+    n.map((s) => [
+      s,
+      b(
+        t[s],
+        r[s]
+      )
+    ])
+  );
+}, V = (t) => {
+  const {
+    props: r,
+    dependencies: n = [],
+    mergeInParentContext: s = !1,
+    children: e,
+    ...o
+  } = t, p = v(), a = m(() => r, n), i = m(
+    () => s ? j(p, r) : r,
+    [a, p, s]
+  ), l = f(e) ? {
+    ...o,
+    ...e.props
+  } : o, d = [
+    e,
+    ...Object.entries(l).flatMap((g) => g)
+  ], P = m(
+    () => f(e) ? C(e, l) : e,
+    d
+  );
+  return /* @__PURE__ */ u.createElement(E.Provider, { value: i }, P);
+};
+export {
+  V as P,
+  j as m
+};