@mittwald/flow-react-components 0.1.0-alpha.43 → 0.1.0-alpha.430

package/dist/js/LoadingSpinner-CEHNFfi8.js

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

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

package/dist/js/Markdown.js

@@ -0,0 +1,54 @@
+"use client"
+/* */
+import l, { Children as E, isValidElement as s } from "react";
+import f from "react-markdown";
+import { L as u } from "./Link-BqoEwTXH.js";
+import { T as m } from "./Text-B17xjuUC.js";
+import { I as g } from "./InlineCode-6EfCoef4.js";
+import { H as n } from "./Heading-s0GGZftx.js";
+import { S as k } from "./Separator-BCaor8Yd.js";
+import { C as N } from "./CodeBlock-2HQAozdU.js";
+const v = "flow--markdown", r = {
+  markdown: v
+}, A = (d) => {
+  const { children: i, color: a = "default", ...h } = d, o = a === "default" ? "primary" : a, c = a === "default" ? void 0 : a, p = {
+    a: (e) => /* @__PURE__ */ l.createElement(u, { target: "_blank", color: o, href: e.href }, e.children),
+    p: (e) => /* @__PURE__ */ l.createElement(m, { elementType: "p", className: r.text, color: c }, e.children),
+    code: (e) => /* @__PURE__ */ l.createElement(g, { color: a }, e.children),
+    h1: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 1, color: o }, e.children),
+    h2: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 2, color: o }, e.children),
+    h3: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 3, color: o }, e.children),
+    h4: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 4, color: o }, e.children),
+    h5: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 5, color: o }, e.children),
+    h6: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 6, color: o }, e.children),
+    hr: () => /* @__PURE__ */ l.createElement(k, null),
+    pre: (e) => {
+      const t = E.toArray(e.children)[0];
+      return /* @__PURE__ */ l.createElement(
+        N,
+        {
+          copyable: !1,
+          color: a,
+          language: s(t) && t.props.className ? t.props.className.replace("language-", "") : void 0,
+          code: s(t) ? t.props.children : t
+        }
+      );
+    },
+    ul: (e) => /* @__PURE__ */ l.createElement(m, { color: c }, /* @__PURE__ */ l.createElement("ul", null, e.children)),
+    ol: (e) => /* @__PURE__ */ l.createElement(m, { color: c }, /* @__PURE__ */ l.createElement("ol", null, e.children)),
+    blockquote: (e) => /* @__PURE__ */ l.createElement(m, { color: c }, /* @__PURE__ */ l.createElement("blockquote", null, e.children))
+  };
+  return /* @__PURE__ */ l.createElement(
+    f,
+    {
+      ...h,
+      components: p,
+      className: r.markdown
+    },
+    i
+  );
+};
+export {
+  A as Markdown,
+  A as default
+};

package/dist/js/MenuItem-C6RgW6U3.js

@@ -0,0 +1,59 @@
+"use client"
+/* */
+import e from "react";
+import * as I from "react-aria-components";
+import i from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as p } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as f, a as w } from "./IconCheckboxEmpty-BAQ3gCrW.js";
+import { I as h, a as E } from "./IconRadioOn-BNHyvV5K.js";
+import { S as u } from "./Switch-BzPC0UXq.js";
+import { f as d } from "./flowComponent-B1r5sCmz.js";
+const x = "flow--menu-item", C = "flow--menu-item--icon", N = "flow--menu-item--control-icon", v = "flow--menu-item--avatar", t = {
+  menuItem: x,
+  switch: "flow--menu-item--switch",
+  icon: C,
+  controlIcon: N,
+  avatar: v
+}, M = (r) => {
+  const {
+    selectionMode: n,
+    isSelected: o,
+    selectionVariant: c = "control",
+    children: a
+  } = r, m = {
+    Icon: {
+      className: t.icon
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    }
+  }, s = {
+    Icon: {
+      className: i(t.controlIcon, t.icon)
+    },
+    Switch: {
+      className: i(t.controlIcon, t.switch)
+    }
+  }, l = n === "none" || c === "navigation" ? null : c === "switch" && o ? /* @__PURE__ */ e.createElement(u, { isReadOnly: !0, isSelected: !0 }) : c === "switch" && !o ? /* @__PURE__ */ e.createElement(u, { isReadOnly: !0 }) : n === "single" && o ? /* @__PURE__ */ e.createElement(h, null) : n === "single" && !o ? /* @__PURE__ */ e.createElement(E, null) : n === "multiple" && o ? /* @__PURE__ */ e.createElement(f, null) : /* @__PURE__ */ e.createElement(w, null);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, { props: s }, l), /* @__PURE__ */ e.createElement(p, { props: m }, a));
+}, j = d("MenuItem", (r) => {
+  const {
+    children: n,
+    className: o,
+    selectionVariant: c,
+    refProp: a,
+    ...m
+  } = r, s = i(t.menuItem, o);
+  return /* @__PURE__ */ e.createElement(I.MenuItem, { ...m, className: s, ref: a }, (l) => /* @__PURE__ */ e.createElement(M, { ...l, selectionVariant: c }, n));
+});
+export {
+  j as M
+};

package/dist/js/MenuItem.js

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

package/dist/js/Message.js

@@ -0,0 +1,48 @@
+"use client"
+/* */
+import s from "react";
+import l from "clsx";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as m } from "./IconContextMenu-B1vHRnf5.js";
+import { PropsContextProvider as i } from "./PropsContextProvider.js";
+const d = "flow--message", p = "flow--message--content", g = "flow--message--sender", f = "flow--message--header", u = "flow--message--user", N = "flow--message--date", w = "flow--message--action", e = {
+  message: d,
+  content: p,
+  sender: g,
+  header: f,
+  user: u,
+  date: N,
+  action: w
+}, M = (t) => {
+  const { type: o = "responder", children: a, className: n } = t, r = l(e.message, e[o], n), c = {
+    Content: { className: e.content },
+    Header: {
+      className: e.header,
+      Button: {
+        className: e.action,
+        size: "s",
+        variant: "plain",
+        color: "secondary"
+      },
+      ContextMenuTrigger: {
+        Button: {
+          className: e.action,
+          size: "s",
+          variant: "plain",
+          color: "secondary",
+          children: /* @__PURE__ */ s.createElement(m, null)
+        }
+      },
+      Text: { className: e.date },
+      Align: {
+        className: e.user
+      }
+    }
+  };
+  return /* @__PURE__ */ s.createElement(i, { props: c }, /* @__PURE__ */ s.createElement("article", { className: r }, a));
+};
+export {
+  M as Message,
+  M as default
+};

package/dist/js/MessageThread.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import r from "react";
+import o from "clsx";
+const m = "flow--message-thread", c = {
+  messageThread: m
+}, n = (e) => {
+  const { children: s, className: a } = e, t = o(c.messageThread, a);
+  return /* @__PURE__ */ r.createElement("div", { className: t }, s);
+};
+export {
+  n as MessageThread,
+  n as default
+};

package/dist/js/Modal.js

@@ -0,0 +1,93 @@
+"use client"
+/* */
+import o from "react";
+import f from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as p } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as g, TunnelExit as u } from "@mittwald/react-tunnel";
+import { f as v } from "./flowComponent-B1r5sCmz.js";
+import { O as w } from "./Overlay-C9X7ovU-.js";
+import { H as h } from "./Header-DzHecOxx.js";
+import { A as C } from "./Action-DdTtAlW3.js";
+import { B as E } from "./Button-E4IPlAeV.js";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as z } from "./IconClose-njz0vW4D.js";
+import * as y from "react-aria-components";
+import { a as N } from "./OverlayTrigger-AlmeaOft.js";
+const P = "flow--modal", T = "flow--modal--off-canvas", x = "flow--modal--header", M = "flow--modal--content", O = "flow--modal--action-group", A = "flow--modal--left", e = {
+  modal: P,
+  offCanvas: T,
+  header: x,
+  content: M,
+  actionGroup: O,
+  "size-s": "flow--modal--size-s",
+  "size-m": "flow--modal--size-m",
+  "modal-zoom": "flow--modal--modal-zoom",
+  "modal-slide-in-from-right": "flow--modal--modal-slide-in-from-right",
+  left: A,
+  "modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
+  "modal-slide-up": "flow--modal--modal-slide-up"
+}, U = v("Modal", (t) => {
+  const {
+    size: l = "s",
+    offCanvas: r,
+    controller: a,
+    children: n,
+    refProp: G,
+    className: m,
+    offCanvasOrientation: s = "right",
+    ...i
+  } = t, d = f(
+    r ? e.offCanvas : e.modal,
+    e[`size-${l}`],
+    e[s],
+    m
+  ), c = {
+    Content: {
+      className: e.content,
+      Section: {
+        Heading: {
+          level: 3
+        }
+      }
+    },
+    Heading: {
+      level: 2,
+      slot: "title",
+      tunnelId: "heading"
+    },
+    ActionGroup: {
+      className: e.actionGroup,
+      spacing: "m"
+    }
+  };
+  return /* @__PURE__ */ o.createElement(w, { className: d, controller: a, ...i }, /* @__PURE__ */ o.createElement(p, { props: c }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(h, { className: e.header }, /* @__PURE__ */ o.createElement(u, { id: "heading" }), /* @__PURE__ */ o.createElement(C, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
+    E,
+    {
+      variant: "plain",
+      color: "secondary",
+      className: e.closeButton,
+      onPress: a == null ? void 0 : a.close
+    },
+    /* @__PURE__ */ o.createElement(z, null)
+  ))), n)));
+}), V = (t) => {
+  const { children: l, ...r } = t;
+  return /* @__PURE__ */ o.createElement(
+    N,
+    {
+      overlayType: "Modal",
+      ...r,
+      component: y.DialogTrigger
+    },
+    l
+  );
+};
+export {
+  U as Modal,
+  V as ModalTrigger,
+  U as default
+};

package/dist/js/Navigation.js

@@ -0,0 +1,68 @@
+"use client"
+/* */
+import e, { useId as d } from "react";
+import v from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as l } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelExit as r, TunnelProvider as g } from "@mittwald/react-tunnel";
+import { A as E } from "./Accordion-CvQmFZpD.js";
+import { C as f } from "./Content-BmxNXYuI.js";
+const x = "flow--navigation", b = "flow--navigation--item", N = "flow--navigation--icon", w = "flow--navigation--control-icon", C = "flow--navigation--avatar", o = {
+  navigation: x,
+  item: b,
+  switch: "flow--navigation--switch",
+  icon: N,
+  controlIcon: w,
+  avatar: C
+}, j = (i) => {
+  const { className: t, children: s, ...n } = i, c = v(o.navigation, t), a = {
+    Link: {
+      wrapWith: /* @__PURE__ */ e.createElement("li", null),
+      className: o.item,
+      unstyled: !0,
+      Text: {
+        className: o.text
+      },
+      Icon: {
+        className: o.icon
+      },
+      tunnelId: "links"
+    }
+  };
+  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...n }, /* @__PURE__ */ e.createElement(l, { props: a, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(r, { id: "links" })), s));
+}, I = "flow--navigation--navigation-group", P = "flow--navigation--navigation-group--collapsable", k = "flow--navigation--navigation-group--label", p = {
+  navigationGroup: I,
+  collapsable: P,
+  label: k
+}, q = (i) => {
+  const { children: t, className: s, collapsable: n, ...c } = i, a = v(
+    p.navigationGroup,
+    n && p.collapsable,
+    s
+  ), u = d(), m = {
+    Label: {
+      id: u,
+      className: p.label,
+      "aria-hidden": !0
+    },
+    Link: {
+      tunnelId: "groupLinks"
+    }
+  };
+  return n ? /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(E, { defaultExpanded: !0, className: a }, t, /* @__PURE__ */ e.createElement(f, { clearPropsContext: !1 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(r, { id: "groupLinks" })))))) : /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(
+    "section",
+    {
+      "aria-labelledby": u,
+      className: a,
+      ...c
+    },
+    /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, t, /* @__PURE__ */ e.createElement(r, { id: "Label" }), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(r, { id: "groupLinks" })))
+  )));
+};
+export {
+  j as Navigation,
+  q as NavigationGroup,
+  j as default
+};

package/dist/js/Notification.js

@@ -0,0 +1,68 @@
+"use client"
+/* */
+import o from "react";
+import g from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as w } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { d as h } from "./dynamic-ClpUSmEt.js";
+import { A as k } from "./AlertIcon-B2ca4caj.js";
+import { L as x } from "./Link-BqoEwTXH.js";
+import { B as C } from "./Button-E4IPlAeV.js";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as N } from "./IconClose-njz0vW4D.js";
+const E = "flow--notification", L = "flow--notification--link", v = "flow--notification--heading", y = "flow--notification--text", P = "flow--notification--close", A = "flow--notification--info", B = "flow--notification--has-link", I = "flow--notification--warning", z = "flow--notification--danger", F = "flow--notification--success", t = {
+  notification: E,
+  link: L,
+  heading: v,
+  text: y,
+  close: P,
+  info: A,
+  hasLink: B,
+  warning: I,
+  danger: z,
+  success: F
+}, U = (a) => {
+  const {
+    children: c,
+    className: r,
+    status: i = "info",
+    role: l = "alert",
+    href: e,
+    onClick: s,
+    onClose: n,
+    autoClose: H,
+    ...f
+  } = a, m = g(
+    t.notification,
+    t[i],
+    (s || n || e) && t.hasLink,
+    r
+  ), p = {
+    Heading: {
+      className: t.heading,
+      level: 4,
+      children: h((u) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(k, { status: i }), u.children))
+    },
+    Text: {
+      className: t.text
+    }
+  }, d = n && /* @__PURE__ */ o.createElement(
+    C,
+    {
+      size: "s",
+      className: t.close,
+      variant: "plain",
+      color: "secondary",
+      onPress: n
+    },
+    /* @__PURE__ */ o.createElement(N, null)
+  );
+  return /* @__PURE__ */ o.createElement("div", { ...f, className: m, role: l }, /* @__PURE__ */ o.createElement(x, { unstyled: !0, href: e, className: t.link, onPress: s }, /* @__PURE__ */ o.createElement(w, { props: p }, c)), d);
+};
+export {
+  U as Notification,
+  U as default
+};

package/dist/js/NotificationProvider.js

@@ -0,0 +1,147 @@
+"use client"
+/* */
+var C = Object.defineProperty;
+var w = (o, t, e) => t in o ? C(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var n = (o, t, e) => w(o, typeof t != "symbol" ? t + "" : t, e);
+import s, { cloneElement as A, Suspense as v, createContext as D, useContext as E } from "react";
+import { u as N, a as g } from "./useStatic-FXPyFF3K.js";
+import { makeObservable as x, observable as y, action as u } from "mobx";
+import { Duration as m, DateTime as l } from "luxon";
+import b from "react-dom";
+import I from "clsx";
+import { LazyMotion as M, domAnimation as S, AnimatePresence as P, m as k } from "framer-motion";
+import { useIsSSR as L } from "react-aria";
+class R {
+  constructor() {
+    n(this, "duration", m.fromDurationLike(0));
+    n(this, "onDone");
+    n(this, "startedAt");
+    n(this, "pausedAt");
+    n(this, "runningTimeoutId");
+  }
+  start(t, e) {
+    if (this.startedAt)
+      throw new Error("Timer already started");
+    this.duration = m.fromDurationLike(t), this.onDone = e, this.startTimeout(this.duration);
+  }
+  restart() {
+    this.stop(), this.startTimeout(this.duration);
+  }
+  pause() {
+    this.clearTimeout();
+    const t = l.now();
+    this.pausedAt = t, this.startedAt || (this.startedAt = t);
+  }
+  resume() {
+    if (this.startedAt) {
+      if (this.pausedAt) {
+        const t = this.pausedAt.diff(this.startedAt), e = this.duration.minus(t);
+        this.startTimeout(e);
+      }
+    } else throw new Error("Timer not paused");
+  }
+  stop() {
+    this.clearTimeout(), this.startedAt = void 0, this.pausedAt = void 0;
+  }
+  get state() {
+    return this.pausedAt ? "paused" : this.startedAt ? "running" : "idle";
+  }
+  clearTimeout() {
+    this.runningTimeoutId && window.clearTimeout(this.runningTimeoutId), this.runningTimeoutId = void 0;
+  }
+  startTimeout(t) {
+    this.startedAt = l.now(), this.pausedAt = void 0, this.runningTimeoutId = window.setTimeout(() => {
+      this.stop(), this.onDone && this.onDone();
+    }, t.toMillis());
+  }
+}
+class r {
+  constructor() {
+    n(this, "notificationsData", /* @__PURE__ */ new Map());
+    n(this, "id", 0);
+    x(this, {
+      notificationsData: y.shallow,
+      add: u.bound,
+      remove: u.bound
+    });
+  }
+  static useNew() {
+    return N(() => new r());
+  }
+  useNotifications() {
+    return g(() => Array.from(this.notificationsData.values()));
+  }
+  add(t) {
+    const e = this.id++, i = {
+      id: e,
+      createdAt: Date.now(),
+      autoCloseTimer: new R()
+    };
+    this.notificationsData.set(e, {
+      element: t,
+      meta: i
+    }), t.props.autoClose && i.autoCloseTimer.start({ seconds: 10 }, () => {
+      this.remove(e);
+    });
+  }
+  remove(t) {
+    this.notificationsData.delete(t);
+  }
+}
+const B = "flow--notification-provider--notification-container", O = "flow--notification-provider--notification", d = {
+  notificationContainer: B,
+  notification: O
+}, z = (o) => {
+  const { notification: t, controller: e } = o;
+  return A(t.element, {
+    onMouseEnter: () => {
+      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
+    },
+    onMouseLeave: () => {
+      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
+    },
+    onClose: () => {
+      var i, a;
+      e.remove(t.meta.id), (a = (i = t.element.props).onClose) == null || a.call(i);
+    },
+    onFocus: () => {
+      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
+    },
+    onBlur: () => {
+      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
+    }
+  });
+}, F = (o) => {
+  const { className: t, ...e } = o, i = j(), a = i.useNotifications(), p = L(), h = I(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(M, { features: S }, /* @__PURE__ */ s.createElement("div", { className: h, ...e }, /* @__PURE__ */ s.createElement(P, null, a.map((c) => /* @__PURE__ */ s.createElement(
+    k.div,
+    {
+      className: d.notification,
+      key: c.meta.id,
+      initial: { opacity: 0, x: 200 },
+      animate: { opacity: 1, x: 0 },
+      exit: { opacity: 0, x: 200, height: 0, paddingBottom: 0 },
+      transition: {
+        bounce: 0
+      }
+    },
+    /* @__PURE__ */ s.createElement(v, null, /* @__PURE__ */ s.createElement(
+      z,
+      {
+        notification: c,
+        controller: i
+      }
+    ))
+  )))));
+  return p ? null : b.createPortal(T, document.body);
+}, f = D(
+  new r()
+), j = () => E(f), X = (o) => {
+  const { children: t, ...e } = o, i = r.useNew();
+  return /* @__PURE__ */ s.createElement(f.Provider, { value: i }, /* @__PURE__ */ s.createElement(F, { ...e }), t);
+};
+export {
+  r as NotificationController,
+  X as NotificationProvider,
+  X as default,
+  j as useNotificationController
+};

package/dist/js/NumberField.js

@@ -0,0 +1,66 @@
+"use client"
+/* */
+import e from "react";
+import * as t from "react-aria-components";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
+import u from "clsx";
+import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as d } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { F as E } from "./FieldError-C-_2QNam.js";
+import { B as m } from "./Button-E4IPlAeV.js";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as N } from "./IconChevronDown-DeqeNFTL.js";
+import { I as b } from "./IconChevronUp-CYa3Erd1.js";
+import { I, a as F } from "./IconPlus-DtViS5Ul.js";
+import { f as C } from "./flowComponent-B1r5sCmz.js";
+const P = "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: P,
+  input: B,
+  decrementButton: w,
+  incrementButton: v,
+  coarsePointerIcon: x
+}, J = C("NumberField", (n) => {
+  const { children: a, className: s, refProp: l, ...c } = n, i = u(o.formField, s), p = {
+    Label: {
+      className: o.label,
+      optional: !n.isRequired
+    },
+    FieldDescription: {
+      className: o.fieldDescription
+    },
+    FieldError: {
+      className: o.customFieldError
+    }
+  };
+  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: r.decrementButton,
+      size: "s",
+      variant: "plain",
+      color: "secondary"
+    },
+    /* @__PURE__ */ e.createElement(N, null),
+    /* @__PURE__ */ e.createElement(I, { className: r.coarsePointerIcon })
+  ), /* @__PURE__ */ e.createElement(t.Input, { className: r.input, ref: l }), /* @__PURE__ */ e.createElement(
+    m,
+    {
+      ariaSlot: "increment",
+      className: r.incrementButton,
+      size: "s",
+      variant: "plain",
+      color: "secondary"
+    },
+    /* @__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 {
+  J as NumberField,
+  J as default
+};

package/dist/js/Option-Cj18P7AI.js

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import c from "react";
+import * as i from "react-aria-components";
+import { P as m } from "./Popover-CUcQMlfm.js";
+import p from "clsx";
+import { f } from "./flowComponent-B1r5sCmz.js";
+const w = "flow--options--popover", v = "flow--options", a = {
+  popover: w,
+  options: v
+}, P = (o) => {
+  const { className: t, children: s, controller: n, ...r } = o, e = p(a.options, t);
+  return /* @__PURE__ */ c.createElement(m, { className: a.popover, controller: n }, /* @__PURE__ */ c.createElement(i.ListBox, { className: e, ...r }, s));
+}, N = "flow--option", h = "flow--option--icon", x = "flow--option--control-icon", O = "flow--option--avatar", d = {
+  option: N,
+  switch: "flow--option--switch",
+  icon: h,
+  controlIcon: x,
+  avatar: O
+}, y = f("Option", (o) => {
+  const { className: t, children: s, value: n, refProp: r, ...e } = o, l = p(d.option, t);
+  return /* @__PURE__ */ c.createElement(i.ListBoxItem, { className: l, ref: r, ...e, id: n }, s);
+});
+export {
+  P as O,
+  y as a
+};