@mittwald/flow-react-components 0.1.0-alpha.13 → 0.1.0-alpha.131

package/dist/LoadingSpinner-VQh3iQVs.js

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import r from "react";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as e } from "./IconPending-D_CAUjui.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-VQh3iQVs.js";
+export {
+  o as LoadingSpinner,
+  o as default
+};

package/dist/MenuItem-DL25To7v.js

@@ -0,0 +1,54 @@
+"use client"
+/* */
+import e from "react";
+import * as I from "react-aria-components";
+import f from "clsx";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as i } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-BxpTlSro.js";
+import { I as E, a as C } from "./IconRadioOn-DV1XnVyC.js";
+import { T as p } from "./Text-CZrXXfX3.js";
+import { d as h } from "./deepFindOfType-6pG0fH7S.js";
+import { W as M } from "./Wrap-DGT1h1o3.js";
+import { f as N } from "./flowComponent-CpHt0lsO.js";
+const w = "flow--menu-item", P = "flow--menu-item--icon", T = "flow--menu-item--text", g = "flow--menu-item--control-icon", c = {
+  menuItem: w,
+  icon: P,
+  text: T,
+  controlIcon: g
+}, k = (o, t) => !!h(o, t), y = (o) => {
+  const {
+    selectionMode: t,
+    isSelected: n,
+    selectionVariant: m = "control",
+    children: r
+  } = o, s = {
+    Icon: {
+      className: c.icon
+    },
+    Text: {
+      className: c.text
+    }
+  }, l = {
+    Icon: {
+      className: f(c.controlIcon, c.icon)
+    }
+  }, a = t === "none" || m === "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), u = k(r, p);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, { props: l }, a), /* @__PURE__ */ e.createElement(i, { props: s }, /* @__PURE__ */ e.createElement(M, { if: !u }, /* @__PURE__ */ e.createElement(p, null, r))));
+}, D = N("MenuItem", (o) => {
+  const {
+    children: t,
+    className: n,
+    selectionVariant: m,
+    refProp: r,
+    ...s
+  } = o, l = f(c.menuItem, n);
+  return /* @__PURE__ */ e.createElement(I.MenuItem, { ...s, className: l, ref: r }, (a) => /* @__PURE__ */ e.createElement(y, { ...a, selectionVariant: m }, t));
+});
+export {
+  D as M
+};

package/dist/MenuItem.js

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

package/dist/Modal.js

@@ -0,0 +1,56 @@
+"use client"
+/* */
+import o from "react";
+import d from "clsx";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as c } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as f, TunnelExit as p } from "@mittwald/react-tunnel";
+import { f as u } from "./flowComponent-CpHt0lsO.js";
+import { M as g } from "./ModalOverlay-BSu4UEnW.js";
+import * as v from "react-aria-components";
+import { O as w } from "./OverlayTrigger-Bb8cs_IA.js";
+const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--content", x = "flow--modal--off-canvas", e = {
+  modal: z,
+  "modal-zoom": "flow--modal--modal-zoom",
+  actionGroup: C,
+  content: E,
+  "size-s": "flow--modal--size-s",
+  "size-m": "flow--modal--size-m",
+  "size-l": "flow--modal--size-l",
+  offCanvas: x,
+  "modal-slide-in": "flow--modal--modal-slide-in",
+  "modal-slide-up": "flow--modal--modal-slide-up"
+}, R = u("Modal", (t) => {
+  const {
+    size: l = "s",
+    offCanvas: a,
+    controller: n,
+    children: r,
+    refProp: P,
+    ...m
+  } = t, s = d(
+    e.modal,
+    e[`size-${l}`],
+    a && e.offCanvas
+  ), i = {
+    Content: {
+      elementType: o.Fragment
+    },
+    Heading: {
+      level: 2,
+      slot: "title"
+    },
+    ActionGroup: {
+      className: e.actionGroup,
+      tunnelId: "buttons"
+    }
+  };
+  return /* @__PURE__ */ o.createElement(g, { className: s, controller: n, ...m }, /* @__PURE__ */ o.createElement(c, { props: i, mergeInParentContext: !0 }, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, r), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
+}), D = (t) => /* @__PURE__ */ o.createElement(w, null, /* @__PURE__ */ o.createElement(v.DialogTrigger, null, t.children));
+export {
+  R as Modal,
+  D as ModalTrigger,
+  R as default
+};

package/dist/ModalOverlay-BSu4UEnW.js

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

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 "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as i } from "./PropsContextProvider-B7e3QrmR.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-BzgwSHYE.js";
+import { C } from "./Content-eQoJ_gHK.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,123 +1,80 @@
 "use client"
 /* */
-import o from "react";
-import * as u from "react-aria-components";
-import { s } 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-mes1t7Bj.js";
+import { P as b } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
-import { F as w } from "./FieldError-BAnloBK7.js";
-import { B as d } from "./Button-eL1xJ40W.js";
-import { I as f } from "./Icon-Dp34FFi3.js";
-const E = "flow--number-field--group", D = "flow--number-field--input", M = "flow--number-field--decrement-button", y = "flow--number-field--increment-button", m = {
-  group: E,
-  input: D,
-  decrementButton: M,
-  incrementButton: y
-};
-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(s.formField, n), a = {
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "remeda";
+import { F as I } from "./FieldError-BKoqRvQY.js";
+import { B as c } from "./Button-DAoWF37n.js";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as C } from "./IconChevronDown-1Ln2Aunx.js";
+import { I as h, a as P, b as F } from "./IconPlus-CUaWlT-v.js";
+import { f as w } from "./flowComponent-CpHt0lsO.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: s.label,
-      optional: !e.isRequired
+      className: t.label,
+      optional: !n.isRequired
     },
     FieldDescription: {
-      className: s.fieldDescription
+      className: t.fieldDescription
     },
     FieldError: {
-      className: s.customFieldError
+      className: t.customFieldError
     }
+  }, f = (d) => {
+    setTimeout(() => {
+      s && s(d);
+    }, 150);
   };
-  return /* @__PURE__ */ o.createElement(u.NumberField, { ...t, className: r }, /* @__PURE__ */ o.createElement(u.Group, { className: m.group }, /* @__PURE__ */ o.createElement(
-    d,
+  return /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
+    r.NumberField,
     {
-      slot: "decrement",
-      className: m.decrementButton,
-      size: "small",
-      style: "plain",
-      variant: "secondary"
+      ...i,
+      className: u,
+      onChange: f
     },
-    /* @__PURE__ */ o.createElement(f, { faIcon: h.faChevronDown }),
-    /* @__PURE__ */ o.createElement(f, { faIcon: g.faMinus })
-  ), /* @__PURE__ */ o.createElement(u.Input, { className: m.input }), /* @__PURE__ */ o.createElement(
-    d,
-    {
-      slot: "increment",
-      className: m.incrementButton,
-      size: "small",
-      style: "plain",
-      variant: "secondary"
-    },
-    /* @__PURE__ */ o.createElement(f, { faIcon: v.faChevronUp }),
-    /* @__PURE__ */ o.createElement(f, { 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,48 @@
+"use client"
+/* */
+import e from "react";
+import c from "clsx";
+import { B as f } from "./Button-DAoWF37n.js";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as m } from "./IconClose-BuwjCtDl.js";
+import { A as i } from "./Action-COYULIMl.js";
+import { M as p } from "./ModalOverlay-BSu4UEnW.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as v } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as d, TunnelExit as u } from "@mittwald/react-tunnel";
+import { H as E } from "./Header-XA8CGkKW.js";
+import * as g from "react-aria-components";
+import { O as C } from "./OverlayTrigger-Bb8cs_IA.js";
+const h = "flow--off-canvas", O = "flow--off-canvas--header", w = "flow--off-canvas--close-button", a = {
+  offCanvas: h,
+  "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
+  "off-canvas-slide-out": "flow--off-canvas--off-canvas-slide-out",
+  header: O,
+  closeButton: w
+}, k = (o) => {
+  const { controller: t, children: r, className: n } = o, l = c(a.offCanvas, n), s = {
+    Heading: {
+      slot: "title",
+      tunnelId: "heading",
+      levelVisual: 4,
+      level: 2
+    }
+  };
+  return /* @__PURE__ */ e.createElement(p, { controller: t, className: l }, /* @__PURE__ */ e.createElement(v, { props: s }, /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(E, { className: a.header }, /* @__PURE__ */ e.createElement(u, { id: "heading" }), /* @__PURE__ */ e.createElement(i, { closeOverlay: !0 }, /* @__PURE__ */ e.createElement(
+    f,
+    {
+      variant: "plain",
+      color: "secondary",
+      className: a.closeButton
+    },
+    /* @__PURE__ */ e.createElement(m, null)
+  ))), r)));
+}, q = (o) => /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(g.DialogTrigger, null, o.children));
+export {
+  k as OffCanvas,
+  q as OffCanvasTrigger,
+  k as default
+};

package/dist/OverlayTrigger-Bb8cs_IA.js

@@ -0,0 +1,21 @@
+"use client"
+/* */
+import e from "react";
+import "mobx";
+import { u as m, a as l } from "./useOverlayController-CGKumeGL.js";
+import { A as p } from "./Action-COYULIMl.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as i } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+const P = (t) => {
+  const r = m(), o = {
+    Button: {
+      render: (n, a) => /* @__PURE__ */ e.createElement(p, { openOverlay: r }, /* @__PURE__ */ e.createElement(n, { ...a }))
+    }
+  };
+  return /* @__PURE__ */ e.createElement(l, { value: r }, /* @__PURE__ */ e.createElement(i, { props: o, mergeInParentContext: !0 }, t.children));
+};
+export {
+  P as O
+};

package/dist/Popover-B-COTLld.js

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import e, { forwardRef as u } from "react";
+import * as t from "react-aria-components";
+import O from "clsx";
+import "mobx";
+import { u as h, a as C } from "./useOverlayController-CGKumeGL.js";
+const x = "flow--popover", E = "flow--popover--content", P = "flow--popover--tip", r = {
+  popover: x,
+  content: E,
+  tip: P,
+  "popover-slide": "flow--popover--popover-slide"
+}, A = u((n, l) => {
+  const {
+    children: s,
+    className: p,
+    controller: a,
+    withTip: c,
+    defaultOpen: i = !1,
+    ...m
+  } = n, v = h({
+    reuseControllerFromContext: !0,
+    defaultOpen: i
+  }), o = a ?? v, f = o.useIsOpen(), d = O(r.popover, p);
+  return /* @__PURE__ */ e.createElement(
+    t.Popover,
+    {
+      ...m,
+      className: d,
+      containerPadding: 16,
+      ref: l,
+      isOpen: f,
+      onOpenChange: (w) => o.setOpen(w)
+    },
+    c && /* @__PURE__ */ e.createElement(t.OverlayArrow, { className: r.tip }, /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
+    /* @__PURE__ */ e.createElement(t.Dialog, { className: r.content }, /* @__PURE__ */ e.createElement(C, { value: o }, s))
+  );
+});
+export {
+  A as P
+};

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 "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as x } from "./PropsContextProvider-B7e3QrmR.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
+};