@mittwald/flow-react-components 0.1.0-alpha.31 → 0.1.0-alpha.310

package/dist/js/LoadingSpinner-CAmMgo37.js

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

package/dist/js/MenuItem-DljCXugV.js

@@ -0,0 +1,54 @@
+"use client"
+/* */
+import e from "react";
+import * as I from "react-aria-components";
+import f from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as i } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-CC7q-vMC.js";
+import { I as E, a as C } from "./IconRadioOn-BQIVoyg4.js";
+import { T as p } from "./Text-CtABaZjp.js";
+import { d as h } from "./deepFindOfType-6pG0fH7S.js";
+import { W as M } from "./Wrap-DGT1h1o3.js";
+import { f as N } from "./flowComponent-E-Gp2Toe.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: m = "control",
+    children: r
+  } = o, l = {
+    Icon: {
+      className: c.icon
+    },
+    Text: {
+      className: c.text
+    }
+  }, s = {
+    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: s }, a), /* @__PURE__ */ e.createElement(i, { props: l }, /* @__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,
+    ...l
+  } = o, s = f(c.menuItem, n);
+  return /* @__PURE__ */ e.createElement(I.MenuItem, { ...l, className: s, ref: r }, (a) => /* @__PURE__ */ e.createElement(y, { ...a, selectionVariant: m }, t));
+});
+export {
+  D as M
+};

package/dist/js/MenuItem.js

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

package/dist/js/Modal.js

@@ -0,0 +1,116 @@
+"use client"
+/* */
+import o from "react";
+import p from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as v } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as g, TunnelExit as y } from "@mittwald/react-tunnel";
+import { f as C } from "./flowComponent-E-Gp2Toe.js";
+import * as n from "react-aria-components";
+import "mobx";
+import { u as w } from "./useOverlayController-D8pgx8nV.js";
+import { O as E, a as h } from "./OverlayTrigger-BmB63e4e.js";
+import { H as O } from "./Header-Bry5NM9X.js";
+import { A as M } from "./Action-CiJBykBu.js";
+import { B as N } from "./Button-a4Hq_zmE.js";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as x } from "./IconClose-GXU9h7Kw.js";
+const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header", B = "flow--modal--content", A = "flow--modal--action-group", G = "flow--modal--left", H = "flow--modal--close-button", e = {
+  modal: z,
+  offCanvas: P,
+  header: T,
+  content: B,
+  actionGroup: A,
+  "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: G,
+  "modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
+  "modal-slide-up": "flow--modal--modal-slide-up",
+  closeButton: H
+}, I = "flow--modal-overlay--overlay", D = {
+  overlay: I,
+  "overlay-fade": "flow--modal-overlay--overlay-fade"
+}, F = (t) => {
+  const {
+    controller: a,
+    children: l,
+    isDismissable: s = !0,
+    className: m
+  } = t, f = w("Modal", {
+    reuseControllerFromContext: !0
+  }), r = a ?? f, c = r.useIsOpen(), i = p(D.overlay, m);
+  return /* @__PURE__ */ o.createElement(
+    n.ModalOverlay,
+    {
+      className: i,
+      isDismissable: s,
+      isOpen: c,
+      onOpenChange: (d) => r.setOpen(d)
+    },
+    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(E, { type: "Modal", controller: r }, l)))
+  );
+}, _ = C("Modal", (t) => {
+  const {
+    size: a = "s",
+    offCanvas: l,
+    controller: s,
+    children: m,
+    refProp: f,
+    className: r,
+    offCanvasOrientation: c = "right",
+    ...i
+  } = t, d = p(
+    l ? e.offCanvas : e.modal,
+    e[`size-${a}`],
+    e[c],
+    r
+  ), u = {
+    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(F, { className: d, controller: s, ...i }, /* @__PURE__ */ o.createElement(v, { props: u }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(O, { className: e.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), l && /* @__PURE__ */ o.createElement(M, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
+    N,
+    {
+      variant: "plain",
+      color: "secondary",
+      className: e.closeButton
+    },
+    /* @__PURE__ */ o.createElement(x, null)
+  ))), m)));
+}), oo = (t) => {
+  const { children: a, ...l } = t;
+  return /* @__PURE__ */ o.createElement(
+    h,
+    {
+      overlayType: "Modal",
+      ...l,
+      component: n.DialogTrigger
+    },
+    a
+  );
+};
+export {
+  _ as Modal,
+  oo as ModalTrigger,
+  _ as default
+};

package/dist/js/Navigation.js

@@ -0,0 +1,63 @@
+"use client"
+/* */
+import e, { useId as f } from "react";
+import d from "clsx";
+import { d as v } from "./deepFindOfType-6pG0fH7S.js";
+import { W as E } from "./Wrap-DGT1h1o3.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as l } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
+import { A as x } from "./Accordion-B5k7dJpn.js";
+import { C as N } from "./Content-ytee2WFF.js";
+const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", w = "flow--navigation--text", P = "flow--navigation--control-icon", r = {
+  navigation: C,
+  item: I,
+  icon: b,
+  text: w,
+  controlIcon: P
+}, z = (i) => {
+  const { className: t, children: n, ...s } = i, c = d(r.navigation, t), o = !!v(n, y), a = {
+    Link: {
+      wrapWith: /* @__PURE__ */ e.createElement("li", null),
+      className: r.item,
+      unstyled: !0,
+      Text: {
+        className: r.text
+      },
+      Icon: {
+        className: r.icon
+      }
+    }
+  };
+  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement(l, { props: a, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(E, { if: !o }, /* @__PURE__ */ e.createElement("ul", null, n))));
+}, h = "flow--navigation--navigation-group", k = "flow--navigation--navigation-group--label", g = {
+  navigationGroup: h,
+  label: k
+}, y = (i) => {
+  const { children: t, className: n, collapsable: s, ...c } = i, o = d(g.navigationGroup, n), a = f(), m = {
+    Label: {
+      id: a,
+      className: g.label,
+      "aria-hidden": !0
+    },
+    Link: {
+      tunnelId: "links"
+    }
+  };
+  return s ? /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(x, { defaultExpanded: !0, className: o }, t, /* @__PURE__ */ e.createElement(N, { clearPropsContext: !1 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))))) : /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(
+    "section",
+    {
+      "aria-labelledby": a,
+      className: o,
+      ...c
+    },
+    /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, t, /* @__PURE__ */ e.createElement(p, { id: "Label" }), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))
+  )));
+};
+export {
+  z as Navigation,
+  y as NavigationGroup,
+  z 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-4pw8iuBh.js";
+import { L as x } from "./Link-tZe6DMG9.js";
+import { B as C } from "./Button-a4Hq_zmE.js";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as N } from "./IconClose-GXU9h7Kw.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,145 @@
+"use client"
+/* */
+var w = Object.defineProperty;
+var A = (o, t, e) => t in o ? w(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => A(o, typeof t != "symbol" ? t + "" : t, e);
+import s, { useRef as v, cloneElement as C, createContext as D, useContext as N } from "react";
+import { u as E } from "./useSelector-DpU7_HMO.js";
+import { makeObservable as g, observable as x, action as c } from "mobx";
+import { Duration as u, DateTime as m } from "luxon";
+import y from "react-dom";
+import b from "clsx";
+import { LazyMotion as I, domAnimation as M, AnimatePresence as P, m as k } from "framer-motion";
+import { useIsSSR as L } from "react-aria";
+class R {
+  constructor() {
+    i(this, "duration", u.fromDurationLike(0));
+    i(this, "onDone");
+    i(this, "startedAt");
+    i(this, "pausedAt");
+    i(this, "runningTimeoutId");
+  }
+  start(t, e) {
+    if (this.startedAt)
+      throw new Error("Timer already started");
+    this.duration = u.fromDurationLike(t), this.onDone = e, this.startTimeout(this.duration);
+  }
+  restart() {
+    this.stop(), this.startTimeout(this.duration);
+  }
+  pause() {
+    this.clearTimeout();
+    const t = m.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 = m.now(), this.pausedAt = void 0, this.runningTimeoutId = window.setTimeout(() => {
+      this.stop(), this.onDone && this.onDone();
+    }, t.toMillis());
+  }
+}
+class a {
+  constructor() {
+    i(this, "notificationsData", /* @__PURE__ */ new Map());
+    i(this, "id", 0);
+    g(this, {
+      notificationsData: x.shallow,
+      add: c.bound,
+      remove: c.bound
+    });
+  }
+  static useNew() {
+    return v(new a()).current;
+  }
+  useNotifications() {
+    return E(() => Array.from(this.notificationsData.values()));
+  }
+  add(t) {
+    const e = this.id++, n = {
+      id: e,
+      createdAt: Date.now(),
+      autoCloseTimer: new R()
+    };
+    this.notificationsData.set(e, {
+      element: t,
+      meta: n
+    }), t.props.autoClose && n.autoCloseTimer.start({ seconds: 10 }, () => {
+      this.remove(e);
+    });
+  }
+  remove(t) {
+    this.notificationsData.delete(t);
+  }
+}
+const S = "flow--notification-provider--notification-container", B = "flow--notification-provider--notification", d = {
+  notificationContainer: S,
+  notification: B
+}, O = (o) => {
+  const { notification: t, controller: e } = o;
+  return C(t.element, {
+    onMouseEnter: () => {
+      t.meta.autoCloseTimer.pause();
+    },
+    onMouseLeave: () => {
+      t.meta.autoCloseTimer.resume();
+    },
+    onClose: () => {
+      e.remove(t.meta.id);
+    },
+    onFocus: () => {
+      t.meta.autoCloseTimer.pause();
+    },
+    onBlur: () => {
+      t.meta.autoCloseTimer.resume();
+    }
+  });
+}, z = (o) => {
+  const { className: t, ...e } = o, n = F(), f = n.useNotifications(), h = L(), p = b(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(I, { features: M }, /* @__PURE__ */ s.createElement("div", { className: p, ...e }, /* @__PURE__ */ s.createElement(P, null, f.map((r) => /* @__PURE__ */ s.createElement(
+    k.div,
+    {
+      className: d.notification,
+      key: r.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(
+      O,
+      {
+        notification: r,
+        controller: n
+      }
+    )
+  )))));
+  return h ? null : y.createPortal(T, document.body);
+}, l = D(
+  new a()
+), F = () => N(l), W = (o) => {
+  const { children: t, ...e } = o, n = a.useNew();
+  return /* @__PURE__ */ s.createElement(l.Provider, { value: n }, /* @__PURE__ */ s.createElement(z, { ...e }), t);
+};
+export {
+  W as NotificationProvider,
+  W as default,
+  F 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-BZ6oyvAN.js";
+import { B as m } from "./Button-a4Hq_zmE.js";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as N } from "./IconChevronDown-Cr-rCT6d.js";
+import { I as b } from "./IconChevronUp-DI1A2wmc.js";
+import { I, a as F } from "./IconPlus-CYExXr8n.js";
+import { f as C } from "./flowComponent-E-Gp2Toe.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/OverlayTrigger-BmB63e4e.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import e from "react";
+import { u as m, o as v, O as y } from "./context-Cf7tqFtF.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as O } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+const u = (r) => {
+  const { type: o, controller: t, children: n } = r, l = m();
+  return /* @__PURE__ */ e.createElement(
+    v.Provider,
+    {
+      value: {
+        ...l,
+        [o]: t
+      }
+    },
+    n
+  );
+}, E = (r) => {
+  const {
+    overlayType: o,
+    isDefaultOpen: t = !1,
+    component: n,
+    children: l,
+    controller: a
+  } = r, p = y.useNew({ isDefaultOpen: t }), s = a ?? p, c = s.useIsOpen(), i = {
+    Button: {
+      onPress: s.open
+    }
+  };
+  return /* @__PURE__ */ e.createElement(u, { type: o, controller: s }, /* @__PURE__ */ e.createElement(O, { props: i, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(n, { isOpen: c }, l)));
+};
+export {
+  u as O,
+  E as a
+};

package/dist/js/Popover-C4jNPNSb.js

@@ -0,0 +1,66 @@
+"use client"
+/* */
+import * as o from "react-aria-components";
+import e from "react";
+import { a as y, O as E } from "./OverlayTrigger-BmB63e4e.js";
+import { f as a } from "./flowComponent-E-Gp2Toe.js";
+import l from "clsx";
+import "mobx";
+import { u as x } from "./useOverlayController-D8pgx8nV.js";
+const R = a("PopoverTrigger", (r) => {
+  const { children: t, ...n } = r;
+  return /* @__PURE__ */ e.createElement(
+    y,
+    {
+      overlayType: "Popover",
+      ...n,
+      component: o.DialogTrigger
+    },
+    t
+  );
+}), N = "flow--popover", T = "flow--popover--content", D = "flow--popover--tip", s = {
+  popover: N,
+  content: T,
+  tip: D,
+  "popover-slide": "flow--popover--popover-slide"
+}, b = a("Popover", (r) => {
+  const {
+    children: t,
+    className: n,
+    contentClassName: c,
+    isDialogContent: i = !1,
+    controller: m,
+    withTip: v,
+    refProp: f,
+    defaultOpen: g = !1,
+    width: P,
+    ...d
+  } = r, C = x("Popover", {
+    reuseControllerFromContext: !0,
+    isDefaultOpen: g
+  }), p = m ?? C, O = p.useIsOpen(), w = l(s.popover, n), h = i ? o.Dialog : "div";
+  return /* @__PURE__ */ e.createElement(
+    o.Popover,
+    {
+      ...d,
+      className: w,
+      containerPadding: 16,
+      ref: f,
+      isOpen: O,
+      onOpenChange: (u) => p.setOpen(u)
+    },
+    v && /* @__PURE__ */ e.createElement(o.OverlayArrow, { className: s.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(
+      h,
+      {
+        style: { width: P },
+        className: l(s.content, c)
+      },
+      /* @__PURE__ */ e.createElement(E, { type: "Popover", controller: p }, t)
+    )
+  );
+});
+export {
+  b as P,
+  R as a
+};

package/dist/js/Popover.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { P as r } from "./Popover-C4jNPNSb.js";
+import { a as p } from "./Popover-C4jNPNSb.js";
+export {
+  r as Popover,
+  p as PopoverTrigger,
+  r as default
+};