@photon-ai/pho-ui 4.11.0 → 4.13.0

package/dist/chunks/{dialog-MPvem7yV.js → dialog-ChS0tdHa.js}

@@ -1,144 +1,144 @@
 "use client";
-import { t as m } from "./cn-ChIgwEl3.js";
-import { a as E } from "./button-C9VqBBIr.js";
+import { t as h } from "./cn-ChIgwEl3.js";
+import { a as I } from "./button-C9VqBBIr.js";
 import { t as P } from "./close-button-GvqWbLl0.js";
-import { t as I } from "./animated-height-I44sUq0n.js";
+import { t as _ } from "./animated-height-zr7BmFY1.js";
 import { t as p } from "./scroll-area-DSwD9th7.js";
-import { createContext as _, useCallback as F, useContext as D, useEffect as j, useMemo as O, useRef as C, useState as T } from "react";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { createContext as F, useCallback as O, useContext as j, useEffect as T, useMemo as M, useRef as C, useState as R } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { Dialog as f } from "@base-ui/react/dialog";
-var w = _(null);
-function te() {
-  return D(w)?.pending ?? !1;
+var w = F(null);
+function re() {
+  return j(w)?.pending ?? !1;
 }
-function M({ onOpenChange: t, actionsRef: n, ...l }) {
-  const [r, a] = T(!1), o = C(!1), i = C(null);
-  j(() => {
+function $({ onOpenChange: t, actionsRef: n, ...s }) {
+  const [r, a] = R(!1), i = C(!1), o = C(null);
+  T(() => {
     if (n)
-      return n.current = i.current, () => {
+      return n.current = o.current, () => {
         n.current = null;
       };
   }, [n]);
-  const c = F((u, h) => {
-    if (!u && o.current) {
-      h.cancel();
+  const d = O((u, g) => {
+    if (!u && i.current) {
+      g.cancel();
       return;
     }
-    t?.(u, h);
-  }, [t]), d = O(() => ({
+    t?.(u, g);
+  }, [t]), c = M(() => ({
     pending: r,
     beginPending: () => {
-      o.current = !0, a(!0);
+      i.current = !0, a(!0);
     },
     endPending: () => {
-      o.current = !1, a(!1);
+      i.current = !1, a(!1);
     },
-    close: () => i.current?.close()
+    close: () => o.current?.close()
   }), [r]);
   return /* @__PURE__ */ e(w.Provider, {
-    value: d,
+    value: c,
     children: /* @__PURE__ */ e(f.Root, {
-      actionsRef: i,
-      onOpenChange: c,
-      ...l
+      actionsRef: o,
+      onOpenChange: d,
+      ...s
     })
   });
 }
-var $ = f.Trigger, y = f.Portal, N = f.Close;
-function G(t) {
+var G = f.Trigger, x = f.Portal, y = f.Close;
+function J(t) {
   return t != null && typeof t.then == "function";
 }
-function J({ onClick: t, loading: n, disabled: l, ...r }) {
-  const a = D(w), [o, i] = T(!1), c = C(!0);
-  j(() => (c.current = !0, () => {
-    c.current = !1;
+function K({ onClick: t, loading: n, disabled: s, ...r }) {
+  const a = j(w), [i, o] = R(!1), d = C(!0);
+  T(() => (d.current = !0, () => {
+    d.current = !1;
   }), []);
-  function d(h) {
-    if (o || n) return;
-    const g = t?.(h);
-    if (!G(g)) {
+  function c(g) {
+    if (i || n) return;
+    const m = t?.(g);
+    if (!J(m)) {
       a?.close();
       return;
     }
-    i(!0), a?.beginPending(), g.then(() => {
-      a?.endPending(), c.current && i(!1), a?.close();
-    }, (x) => {
-      a?.endPending(), c.current && i(!1), typeof process < "u" && process.env.NODE_ENV !== "production" && console.error("Dialog.Action: async onClick rejected —", x);
+    o(!0), a?.beginPending(), m.then(() => {
+      a?.endPending(), d.current && o(!1), a?.close();
+    }, (v) => {
+      a?.endPending(), d.current && o(!1), typeof process < "u" && process.env.NODE_ENV !== "production" && console.error("Dialog.Action: async onClick rejected —", v);
     });
   }
-  const u = o || n;
-  return /* @__PURE__ */ e(E, {
+  const u = i || n;
+  return /* @__PURE__ */ e(I, {
     ...r,
-    disabled: l || u,
+    disabled: s || u,
     loading: u,
-    onClick: d
+    onClick: c
   });
 }
 function z({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Backdrop, {
-    className: m("bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
+    className: h("bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
     ...n
   });
 }
-function R({ className: t, ...n }) {
+function A({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Popup, {
-    className: m("border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border outline-none", "flex max-h-[calc(100dvh-2rem)] flex-col sm:max-h-[calc(100dvh-4rem)]", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
+    className: h("border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border outline-none", "flex max-h-[calc(100dvh-2rem)] flex-col sm:max-h-[calc(100dvh-4rem)]", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
     ...n
   });
 }
-function b({ className: t, ...n }) {
+function N({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Title, {
-    className: m("text-pho-primary font-display text-display-sm font-medium text-balance", t),
+    className: h("text-pho-primary font-display text-display-sm font-medium text-balance", t),
     ...n
   });
 }
-function v({ className: t, ...n }) {
+function b({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Description, {
-    className: m("text-pho-description text-display-xs font-normal", t),
+    className: h("text-pho-description text-display-xs font-normal", t),
     ...n
   });
 }
 function B({ children: t, size: n = "md" }) {
   return /* @__PURE__ */ e("span", {
     "aria-hidden": !0,
-    className: m("text-pho-secondary mb-1", n === "lg" ? "[&>svg]:size-12" : "[&>svg]:size-8"),
+    className: h("text-pho-secondary mb-1", n === "lg" ? "[&>svg]:size-12" : "[&>svg]:size-8"),
     children: t
   });
 }
-function K({ icon: t, title: n, description: l, consequences: r, warning: a, actions: o, showClose: i = !0, children: c, className: d, ...u }) {
-  const h = o == null && i, g = !!(t || n || l || h), x = r != null && r.length > 0, k = x || a != null || c != null;
-  return /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ s(R, {
-    className: d,
-    ...u,
+function L({ icon: t, title: n, description: s, consequences: r, warning: a, actions: i, caption: o, showClose: d = !0, children: c, className: u, ...g }) {
+  const m = i == null && d, v = !!(t || n || s || m), k = r != null && r.length > 0, D = k || a != null || c != null;
+  return /* @__PURE__ */ l(x, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ l(A, {
+    className: u,
+    ...g,
     children: [
-      g && /* @__PURE__ */ s("div", {
+      v && /* @__PURE__ */ l("div", {
         className: "flex shrink-0 flex-col gap-2 px-6 pt-6",
         children: [
           t && /* @__PURE__ */ e(B, { children: t }),
-          (n || h) && /* @__PURE__ */ s("div", {
+          (n || m) && /* @__PURE__ */ l("div", {
             className: "relative",
-            children: [n ? /* @__PURE__ */ e(b, {
-              className: h ? "pr-12" : void 0,
+            children: [n ? /* @__PURE__ */ e(N, {
+              className: m ? "pr-12" : void 0,
               children: n
             }) : /* @__PURE__ */ e("div", {
               className: "h-[1.625rem]",
               "aria-hidden": "true"
-            }), h && /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
+            }), m && /* @__PURE__ */ e(y, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
           }),
-          l && /* @__PURE__ */ e(v, { children: l })
+          s && /* @__PURE__ */ e(b, { children: s })
         ]
       }),
-      k && /* @__PURE__ */ s(p.Root, {
+      D && /* @__PURE__ */ l(p.Root, {
         className: "min-h-0 flex-1",
-        children: [/* @__PURE__ */ e(p.Viewport, { children: /* @__PURE__ */ s(p.Content, {
+        children: [/* @__PURE__ */ e(p.Viewport, { children: /* @__PURE__ */ l(p.Content, {
           className: "flex flex-col gap-5 px-6 py-5",
           children: [
-            x && /* @__PURE__ */ e("ul", {
+            k && /* @__PURE__ */ e("ul", {
               className: "text-pho-description text-md [&_strong]:text-pho-secondary space-y-1 [&_strong]:font-medium",
-              children: r.map((S, V) => /* @__PURE__ */ e("li", {
+              children: r.map((V, E) => /* @__PURE__ */ e("li", {
                 className: "relative pl-4 before:absolute before:top-2.5 before:left-1 before:size-1 before:rounded-full before:bg-current",
-                children: S
-              }, V))
+                children: V
+              }, E))
             }),
             a != null && /* @__PURE__ */ e("p", {
               className: "text-pho-error text-display-xs font-medium",
@@ -148,47 +148,51 @@ function K({ icon: t, title: n, description: l, consequences: r, warning: a, act
           ]
         }) }), /* @__PURE__ */ e(p.Scrollbar, { children: /* @__PURE__ */ e(p.Thumb, {}) })]
       }),
-      o != null && /* @__PURE__ */ e("div", {
-        className: m("flex shrink-0 items-center justify-end gap-2 px-6 pb-5", !k && "pt-5"),
-        children: o
+      (i != null || o != null) && /* @__PURE__ */ l("div", {
+        className: h("flex shrink-0 flex-wrap items-center justify-end gap-x-2 gap-y-3 px-6 pb-5", !D && "pt-5"),
+        children: [o != null && /* @__PURE__ */ e("p", {
+          "data-dialog-caption": "",
+          className: "text-pho-description min-w-48 flex-1 pr-2 text-xs",
+          children: o
+        }), i]
       })
     ]
   })] });
 }
-function A({ className: t, ...n }) {
+function H({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Popup, {
-    className: m("border-pho-secondary bg-pho-primary shadow-pho-xl fixed inset-4 z-50 flex flex-col overflow-hidden rounded-lg border outline-none sm:inset-8", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-[0.98] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.98] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
+    className: h("border-pho-secondary bg-pho-primary shadow-pho-xl fixed inset-4 z-50 flex flex-col overflow-hidden rounded-lg border outline-none sm:inset-8", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-[0.98] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.98] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
     ...n
   });
 }
-function L({ icon: t, title: n, description: l, actions: r, showClose: a = !0, children: o, className: i, ...c }) {
-  const d = r == null && a;
-  return /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ s(A, {
-    className: i,
-    ...c,
+function Q({ icon: t, title: n, description: s, actions: r, showClose: a = !0, children: i, className: o, ...d }) {
+  const c = r == null && a;
+  return /* @__PURE__ */ l(x, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ l(H, {
+    className: o,
+    ...d,
     children: [
-      !!(t || n || l || d) && /* @__PURE__ */ s("div", {
+      !!(t || n || s || c) && /* @__PURE__ */ l("div", {
         className: "flex shrink-0 flex-col gap-2 px-6 pt-6",
         children: [
           t && /* @__PURE__ */ e(B, { children: t }),
-          (n || d) && /* @__PURE__ */ s("div", {
+          (n || c) && /* @__PURE__ */ l("div", {
             className: "relative",
-            children: [n ? /* @__PURE__ */ e(b, {
-              className: d ? "pr-12" : void 0,
+            children: [n ? /* @__PURE__ */ e(N, {
+              className: c ? "pr-12" : void 0,
               children: n
             }) : /* @__PURE__ */ e("div", {
               className: "h-[1.625rem]",
               "aria-hidden": "true"
-            }), d && /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
+            }), c && /* @__PURE__ */ e(y, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
           }),
-          l && /* @__PURE__ */ e(v, { children: l })
+          s && /* @__PURE__ */ e(b, { children: s })
         ]
       }),
-      /* @__PURE__ */ s(p.Root, {
+      /* @__PURE__ */ l(p.Root, {
         className: "min-h-0 flex-1",
         children: [/* @__PURE__ */ e(p.Viewport, { children: /* @__PURE__ */ e(p.Content, {
           className: "px-6 py-5",
-          children: o
+          children: i
         }) }), /* @__PURE__ */ e(p.Scrollbar, { children: /* @__PURE__ */ e(p.Thumb, {}) })]
       }),
       r != null && /* @__PURE__ */ e("div", {
@@ -198,34 +202,34 @@ function L({ icon: t, title: n, description: l, actions: r, showClose: a = !0, c
     ]
   })] });
 }
-function H({ className: t, ...n }) {
+function S({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Popup, {
-    className: m("bg-pho-page fixed inset-0 z-50 overflow-y-auto outline-none", "transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
+    className: h("bg-pho-page fixed inset-0 z-50 overflow-y-auto outline-none", "transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
     ...n
   });
 }
-function Q({ icon: t, title: n, description: l, actions: r, showClose: a = !0, frameClassName: o, children: i, className: c, ...d }) {
+function U({ icon: t, title: n, description: s, actions: r, showClose: a = !0, frameClassName: i, children: o, className: d, ...c }) {
   const u = r == null && a;
-  return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ s(H, {
-    className: c,
-    ...d,
-    children: [u && /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e(P, { className: "fixed top-4 right-4 z-10" }) }), /* @__PURE__ */ e("div", {
-      className: m("flex min-h-full items-center justify-center px-6 pt-6 pb-20", o),
-      children: /* @__PURE__ */ s("div", {
+  return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ l(S, {
+    className: d,
+    ...c,
+    children: [u && /* @__PURE__ */ e(y, { render: /* @__PURE__ */ e(P, { className: "fixed top-4 right-4 z-10" }) }), /* @__PURE__ */ e("div", {
+      className: h("flex min-h-full items-center justify-center px-6 pt-6 pb-20", i),
+      children: /* @__PURE__ */ l("div", {
         className: "w-full max-w-md",
-        children: [/* @__PURE__ */ s(I, {
+        children: [/* @__PURE__ */ l(_, {
           className: "flex flex-col gap-5",
-          children: [(t || n || l) && /* @__PURE__ */ s("div", {
+          children: [(t || n || s) && /* @__PURE__ */ l("div", {
             className: "flex flex-col gap-2",
             children: [
               t && /* @__PURE__ */ e(B, {
                 size: "lg",
                 children: t
               }),
-              n && /* @__PURE__ */ e(b, { children: n }),
-              l && /* @__PURE__ */ e(v, { children: l })
+              n && /* @__PURE__ */ e(N, { children: n }),
+              s && /* @__PURE__ */ e(b, { children: s })
             ]
-          }), i]
+          }), o]
         }), r != null && /* @__PURE__ */ e("div", {
           className: "mt-5 flex items-center justify-end gap-2",
           children: r
@@ -234,25 +238,25 @@ function Q({ icon: t, title: n, description: l, actions: r, showClose: a = !0, f
     })]
   }) });
 }
-var re = {
-  Root: M,
-  Trigger: $,
-  Portal: y,
+var ae = {
+  Root: $,
+  Trigger: G,
+  Portal: x,
   Backdrop: z,
-  Popup: R,
-  InsetPopup: A,
-  FullscreenPopup: H,
-  Title: b,
-  Description: v,
-  Close: N,
-  Action: J,
-  Content: K,
-  InsetContent: L,
-  FullscreenContent: Q
+  Popup: A,
+  InsetPopup: H,
+  FullscreenPopup: S,
+  Title: N,
+  Description: b,
+  Close: y,
+  Action: K,
+  Content: L,
+  InsetContent: Q,
+  FullscreenContent: U
 };
 export {
-  te as n,
-  re as t
+  re as n,
+  ae as t
 };
 
-//# sourceMappingURL=dialog-MPvem7yV.js.map
+//# sourceMappingURL=dialog-ChS0tdHa.js.map

package/dist/chunks/dialog-ChS0tdHa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-ChS0tdHa.js","names":[],"sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type ElementType,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { AnimatedHeight } from \"../../utils/animated-height\";\nimport { cn } from \"../../utils/cn\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Button, type ButtonProps } from \"../button/button\";\nimport { CloseButton } from \"../button/close-button\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\n/* ========================== Async pending context ========================== */\n\n/** Imperative actions exposed by Base UI's `actionsRef`. */\ninterface RootActions {\n  unmount: () => void;\n  close: () => void;\n}\n\ninterface DialogPendingContextValue {\n  /** True while a `Dialog.Action` promise is in flight. */\n  pending: boolean;\n  beginPending: () => void;\n  endPending: () => void;\n  /** Close the dialog imperatively (used by `Dialog.Action` on resolve). */\n  close: () => void;\n}\n\nconst DialogPendingContext = createContext<DialogPendingContextValue | null>(\n  null,\n);\n\n/**\n * Whether the surrounding dialog has a `Dialog.Action` promise in flight —\n * use it to disable secondary actions (Cancel etc.) while work is pending.\n * Returns `false` outside a `Dialog.Root`.\n */\nexport function useDialogPending(): boolean {\n  return useContext(DialogPendingContext)?.pending ?? false;\n}\n\ntype RootProps = ComponentProps<typeof BaseDialog.Root>;\n\n/**\n * `Dialog.Root` with async awareness: while a `Dialog.Action` promise is\n * pending, every close request (outside press, Escape, `Dialog.Close`) is\n * cancelled so the dialog stays open until the work settles. Props pass\n * through to Base UI's `Dialog.Root` unchanged.\n */\nfunction Root({ onOpenChange, actionsRef, ...props }: RootProps) {\n  const [pending, setPending] = useState(false);\n  // Guard reads a ref so a resolve → close() in the same tick isn't blocked\n  // by a not-yet-flushed state update.\n  const pendingRef = useRef(false);\n  const internalActionsRef = useRef<RootActions | null>(null);\n\n  // Keep a caller-supplied actionsRef working alongside our internal one.\n  useEffect(() => {\n    if (!actionsRef) return;\n    actionsRef.current = internalActionsRef.current;\n    return () => {\n      actionsRef.current = null;\n    };\n  }, [actionsRef]);\n\n  const handleOpenChange = useCallback<NonNullable<RootProps[\"onOpenChange\"]>>(\n    (open, eventDetails) => {\n      if (!open && pendingRef.current) {\n        eventDetails.cancel();\n        return;\n      }\n      onOpenChange?.(open, eventDetails);\n    },\n    [onOpenChange],\n  );\n\n  const contextValue = useMemo<DialogPendingContextValue>(\n    () => ({\n      pending,\n      beginPending: () => {\n        pendingRef.current = true;\n        setPending(true);\n      },\n      endPending: () => {\n        pendingRef.current = false;\n        setPending(false);\n      },\n      close: () => internalActionsRef.current?.close(),\n    }),\n    [pending],\n  );\n\n  return (\n    <DialogPendingContext.Provider value={contextValue}>\n      <BaseDialog.Root\n        actionsRef={internalActionsRef}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </DialogPendingContext.Provider>\n  );\n}\n\nconst Trigger = BaseDialog.Trigger;\nconst Portal = BaseDialog.Portal;\nconst Close = BaseDialog.Close;\n\n/* ============================== Dialog.Action ============================== */\n\nexport interface DialogActionProps extends Omit<ButtonProps, \"onClick\"> {\n  /**\n   * Confirm handler. Return a promise to keep the dialog open while it runs:\n   * the button shows `loading`, all dismissal is locked, and the dialog\n   * closes when the promise resolves. On rejection the dialog stays open —\n   * surface errors inside the handler. A non-promise return closes\n   * immediately, like `Dialog.Close`.\n   */\n  onClick?: (\n    event: ReactMouseEvent<HTMLButtonElement>,\n  ) => void | Promise<unknown>;\n}\n\nfunction isThenable(value: unknown): value is Promise<unknown> {\n  return (\n    value != null && typeof (value as { then?: unknown }).then === \"function\"\n  );\n}\n\n/**\n * The confirm button of an action row, with native promise support — a\n * `Button` that runs its (possibly async) `onClick` and closes the dialog\n * when the work settles successfully.\n */\nfunction Action({ onClick, loading, disabled, ...props }: DialogActionProps) {\n  const pendingContext = useContext(DialogPendingContext);\n  const [busy, setBusy] = useState(false);\n  const mountedRef = useRef(true);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  function handleClick(event: ReactMouseEvent<HTMLButtonElement>) {\n    if (busy || loading) return;\n    const result = onClick?.(event);\n    if (!isThenable(result)) {\n      pendingContext?.close();\n      return;\n    }\n    setBusy(true);\n    pendingContext?.beginPending();\n    result.then(\n      () => {\n        pendingContext?.endPending();\n        if (mountedRef.current) setBusy(false);\n        pendingContext?.close();\n      },\n      (error: unknown) => {\n        pendingContext?.endPending();\n        if (mountedRef.current) setBusy(false);\n        if (\n          typeof process !== \"undefined\" &&\n          process.env?.NODE_ENV !== \"production\"\n        ) {\n          console.error(\"Dialog.Action: async onClick rejected —\", error);\n        }\n      },\n    );\n  }\n\n  const inert = busy || loading;\n  return (\n    <Button\n      {...props}\n      disabled={disabled || inert}\n      loading={inert}\n      onClick={handleClick}\n    />\n  );\n}\n\nfunction Backdrop({\n  className,\n  ...props\n}: StyledProps<typeof BaseDialog.Backdrop>) {\n  return (\n    <BaseDialog.Backdrop\n      className={cn(\n        \"bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-200 ease-out\",\n        \"data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseDialog.Popup>) {\n  return (\n    <BaseDialog.Popup\n      className={cn(\n        // Floating layer: bg-pho-primary + border-pho-secondary hairline, elevation kept.\n        \"border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border outline-none\",\n        // Global height cap — the inset panel's footprint (inset-4 /\n        // sm:inset-8). A flex column so the body region can shrink and\n        // scroll while header and actions stay pinned.\n        \"flex max-h-[calc(100dvh-2rem)] flex-col sm:max-h-[calc(100dvh-4rem)]\",\n        // Opacity + scale only — leave translate centering alone (no transition-all).\n        \"transition-[opacity,scale] duration-200 ease-out\",\n        \"data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\n        \"data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-150\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Title({ className, ...props }: StyledProps<typeof BaseDialog.Title>) {\n  return (\n    <BaseDialog.Title\n      className={cn(\n        \"text-pho-primary font-display text-display-sm font-medium text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseDialog.Description>) {\n  return (\n    <BaseDialog.Description\n      className={cn(\n        \"text-pho-description text-display-xs font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Header icon chrome: secondary ink, a hair of extra air before the title.\n * Panel dialogs use 32px (`size-8`); fullscreen gates step up to 48px\n * (`size-12`) so the glyph reads at viewport scale.\n */\nfunction DialogHeaderIcon({\n  children,\n  size = \"md\",\n}: {\n  children: ReactNode;\n  size?: \"md\" | \"lg\";\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"text-pho-secondary mb-1\",\n        size === \"lg\" ? \"[&>svg]:size-12\" : \"[&>svg]:size-8\",\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\ninterface ContentProps extends Omit<\n  StyledProps<typeof BaseDialog.Popup>,\n  \"title\"\n> {\n  /**\n   * Decorative icon above the title — typically a Tabler outline icon.\n   * Rendered aria-hidden in secondary ink at 32px (`[&>svg]:size-8`). Pass a\n   * styled node to override the ink; the size is owned by the slot.\n   */\n  icon?: ReactNode;\n  /** Heading rendered in the panel header. */\n  title?: ReactNode;\n  /** Supporting text under the title. */\n  description?: ReactNode;\n  /**\n   * Consequence bullets rendered as a list at the top of the body — one item\n   * per outcome (what is deleted, what survives, who loses access). Use on\n   * destructive confirms where the one-line description undersells the\n   * impact; keep each item to a single short sentence. Wrap the load-bearing\n   * figure in `<strong>` (\"<strong>3 members</strong> lose access\") — the\n   * list styles it (secondary ink, medium weight); no classes needed.\n   */\n  consequences?: ReactNode[];\n  /**\n   * Final cautionary line under `consequences` — error ink at description\n   * size (e.g. \"It cannot be undone. Please be certain.\"). Reserve it for\n   * irreversible actions; keep it short.\n   */\n  warning?: ReactNode;\n  /**\n   * Footer action row (Cancel / Confirm, etc.). Iron rule: when `actions` is\n   * set, the header close button is never shown — dismiss via the actions.\n   */\n  actions?: ReactNode;\n  /**\n   * A quiet footnote at the panel's foot — the limit, cost or policy that\n   * frames the decision without being it (\"You may change these up to five\n   * times a week.\"). Description ink at `text-xs`, at the action row's\n   * start with the actions at its end; when the row runs short of room it\n   * takes a line of its own above them. One short sentence.\n   */\n  caption?: ReactNode;\n  /**\n   * Header close control. Only applies when `actions` is absent.\n   * @default true\n   */\n  showClose?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Convenience panel: renders the portal, backdrop, and styled popup with an\n * optional header (title/description + close) and optional action row. For\n * full control, compose the parts directly (`Dialog.Portal` /\n * `Dialog.Backdrop` / `Dialog.Popup`).\n */\nfunction Content({\n  icon,\n  title,\n  description,\n  consequences,\n  warning,\n  actions,\n  caption,\n  showClose = true,\n  children,\n  className,\n  ...props\n}: ContentProps) {\n  // Iron rule: action dialogs dismiss via their actions — never a header X.\n  const showCloseButton = actions == null && showClose;\n  const hasHeader = Boolean(icon || title || description || showCloseButton);\n  const hasConsequences = consequences != null && consequences.length > 0;\n  // The scrollable middle region — actions stay pinned below it.\n  const hasScrollBody = hasConsequences || warning != null || children != null;\n\n  return (\n    <Portal>\n      <Backdrop />\n      <Popup className={className} {...props}>\n        {hasHeader && (\n          <div className=\"flex shrink-0 flex-col gap-2 px-6 pt-6\">\n            {icon && <DialogHeaderIcon>{icon}</DialogHeaderIcon>}\n            {(title || showCloseButton) && (\n              // Title row height = title only. Close is out of flow, centered\n              // on the row, and may paint outside it (no clip, no stretch).\n              <div className=\"relative\">\n                {title ? (\n                  <Title className={showCloseButton ? \"pr-12\" : undefined}>\n                    {title}\n                  </Title>\n                ) : (\n                  <div className=\"h-[1.625rem]\" aria-hidden=\"true\" />\n                )}\n                {showCloseButton && (\n                  <Close\n                    render={\n                      <CloseButton className=\"absolute top-1/2 right-0 z-10 -translate-y-1/2\" />\n                    }\n                  />\n                )}\n              </div>\n            )}\n            {description && <Description>{description}</Description>}\n          </div>\n        )}\n        {hasScrollBody && (\n          <ScrollArea.Root className=\"min-h-0 flex-1\">\n            <ScrollArea.Viewport>\n              <ScrollArea.Content className=\"flex flex-col gap-5 px-6 py-5\">\n                {hasConsequences && (\n                  <ul className=\"text-pho-description text-md [&_strong]:text-pho-secondary space-y-1 [&_strong]:font-medium\">\n                    {consequences.map((item, index) => (\n                      // Hand-drawn marker: a 4px dot on the first line's center —\n                      // quieter than the browser disc, ink tracks the text.\n                      <li\n                        key={index}\n                        className=\"relative pl-4 before:absolute before:top-2.5 before:left-1 before:size-1 before:rounded-full before:bg-current\"\n                      >\n                        {item}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n                {warning != null && (\n                  <p className=\"text-pho-error text-display-xs font-medium\">\n                    {warning}\n                  </p>\n                )}\n                {children}\n              </ScrollArea.Content>\n            </ScrollArea.Viewport>\n            <ScrollArea.Scrollbar>\n              <ScrollArea.Thumb />\n            </ScrollArea.Scrollbar>\n          </ScrollArea.Root>\n        )}\n        {(actions != null || caption != null) && (\n          <div\n            className={cn(\n              \"flex shrink-0 flex-wrap items-center justify-end gap-x-2 gap-y-3 px-6 pb-5\",\n              !hasScrollBody && \"pt-5\",\n            )}\n          >\n            {caption != null && (\n              // Grows into the row's free width, never under 12rem: below\n              // that it wraps to a line of its own above the actions.\n              <p\n                data-dialog-caption=\"\"\n                className=\"text-pho-description min-w-48 flex-1 pr-2 text-xs\"\n              >\n                {caption}\n              </p>\n            )}\n            {actions}\n          </div>\n        )}\n      </Popup>\n    </Portal>\n  );\n}\n\n/* =========================== Dialog.InsetContent =========================== */\n\n/**\n * Near-fullscreen popup — the viewport minus a breathing ring, floating over\n * a backdrop (the page stays visible through the gap, so it dims like any\n * floating layer). Still a card: border, elevation, rounded corners; the\n * scale gesture stays but shrinks to 98% — at this size 95% reads like a jump.\n */\nfunction InsetPopup({\n  className,\n  ...props\n}: StyledProps<typeof BaseDialog.Popup>) {\n  return (\n    <BaseDialog.Popup\n      className={cn(\n        \"border-pho-secondary bg-pho-primary shadow-pho-xl fixed inset-4 z-50 flex flex-col overflow-hidden rounded-lg border outline-none sm:inset-8\",\n        \"transition-[opacity,scale] duration-200 ease-out\",\n        \"data-[starting-style]:scale-[0.98] data-[starting-style]:opacity-0\",\n        \"data-[ending-style]:scale-[0.98] data-[ending-style]:opacity-0 data-[ending-style]:duration-150\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface InsetContentProps extends Omit<\n  StyledProps<typeof BaseDialog.Popup>,\n  \"title\"\n> {\n  /** Decorative icon above the title — same treatment as `Content`. */\n  icon?: ReactNode;\n  /** Heading rendered in the panel header. */\n  title?: ReactNode;\n  /** Supporting text under the title. */\n  description?: ReactNode;\n  /**\n   * Bottom action row. Iron rule as `Content`: when `actions` is set, the\n   * header close button is never shown — dismiss via the actions.\n   */\n  actions?: ReactNode;\n  /**\n   * Header close control. Only applies when `actions` is absent.\n   * @default true\n   */\n  showClose?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Convenience near-fullscreen panel: header pinned on top, body filling and\n * scrolling on its own, optional action row pinned at the bottom. Sits\n * between `Content` (a focused card) and `FullscreenContent` (a page\n * takeover): use it for roomy working surfaces — pickers, editors, previews —\n * that still want the page peeking through an edge.\n */\nfunction InsetContent({\n  icon,\n  title,\n  description,\n  actions,\n  showClose = true,\n  children,\n  className,\n  ...props\n}: InsetContentProps) {\n  // Iron rule: action dialogs dismiss via their actions — never a header X.\n  const showCloseButton = actions == null && showClose;\n  const hasHeader = Boolean(icon || title || description || showCloseButton);\n\n  return (\n    <Portal>\n      <Backdrop />\n      <InsetPopup className={className} {...props}>\n        {hasHeader && (\n          <div className=\"flex shrink-0 flex-col gap-2 px-6 pt-6\">\n            {icon && <DialogHeaderIcon>{icon}</DialogHeaderIcon>}\n            {(title || showCloseButton) && (\n              <div className=\"relative\">\n                {title ? (\n                  <Title className={showCloseButton ? \"pr-12\" : undefined}>\n                    {title}\n                  </Title>\n                ) : (\n                  <div className=\"h-[1.625rem]\" aria-hidden=\"true\" />\n                )}\n                {showCloseButton && (\n                  <Close\n                    render={\n                      <CloseButton className=\"absolute top-1/2 right-0 z-10 -translate-y-1/2\" />\n                    }\n                  />\n                )}\n              </div>\n            )}\n            {description && <Description>{description}</Description>}\n          </div>\n        )}\n        <ScrollArea.Root className=\"min-h-0 flex-1\">\n          <ScrollArea.Viewport>\n            <ScrollArea.Content className=\"px-6 py-5\">\n              {children}\n            </ScrollArea.Content>\n          </ScrollArea.Viewport>\n          <ScrollArea.Scrollbar>\n            <ScrollArea.Thumb />\n          </ScrollArea.Scrollbar>\n        </ScrollArea.Root>\n        {actions != null && (\n          <div className=\"flex shrink-0 items-center justify-end gap-2 px-6 pb-5\">\n            {actions}\n          </div>\n        )}\n      </InsetPopup>\n    </Portal>\n  );\n}\n\n/* ========================= Dialog.FullscreenContent ======================== */\n\n/**\n * Full-viewport popup — a page-surface takeover instead of a floating card.\n * No backdrop: the popup itself is the layer. Fade only; scale is a floating-\n * card gesture and reads wrong at viewport size.\n */\nfunction FullscreenPopup({\n  className,\n  ...props\n}: StyledProps<typeof BaseDialog.Popup>) {\n  return (\n    <BaseDialog.Popup\n      className={cn(\n        \"bg-pho-page fixed inset-0 z-50 overflow-y-auto outline-none\",\n        \"transition-opacity duration-200 ease-out\",\n        \"data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface FullscreenContentProps extends Omit<\n  StyledProps<typeof BaseDialog.Popup>,\n  \"title\"\n> {\n  /**\n   * Decorative icon above the title — same chrome as `Content`, but 48px\n   * (`size-12`) for viewport-scale gates.\n   */\n  icon?: ReactNode;\n  /** Heading of the takeover. */\n  title?: ReactNode;\n  /** Supporting text under the title. */\n  description?: ReactNode;\n  /**\n   * Action row under the body. Iron rule as `Content`: when `actions` is set,\n   * the corner close button is never shown — dismiss via the actions.\n   */\n  actions?: ReactNode;\n  /**\n   * Corner close control. Only applies when `actions` is absent.\n   * @default true\n   */\n  showClose?: boolean;\n  /**\n   * Classes on the viewport-centering frame (the `min-h-full` flex host).\n   * Use to drop the default optical `pb-20` when the stack grows (e.g. a\n   * captcha) so true center stays put: `frameClassName=\"pb-6\"`.\n   */\n  frameClassName?: string;\n  children?: ReactNode;\n}\n\n/**\n * Convenience full-screen panel: the whole viewport becomes the dialog, with\n * a centered column at the standalone-flow width (28rem — the same measure as\n * onboarding / invite cards). Column height follows its content through\n * `AnimatedHeight` (same spring as the Card shell), so step swaps — phone →\n * OTP → captcha — glide instead of jumping. Use for gates the visitor must\n * deal with before the page behind makes sense (e.g. binding a phone number);\n * prefer `Content` for everything conversational.\n */\nfunction FullscreenContent({\n  icon,\n  title,\n  description,\n  actions,\n  showClose = true,\n  frameClassName,\n  children,\n  className,\n  ...props\n}: FullscreenContentProps) {\n  // Iron rule: action dialogs dismiss via their actions — never a corner X.\n  const showCloseButton = actions == null && showClose;\n\n  return (\n    <Portal>\n      <FullscreenPopup className={className} {...props}>\n        {showCloseButton && (\n          <Close\n            render={<CloseButton className=\"fixed top-4 right-4 z-10\" />}\n          />\n        )}\n        {/* Default `pb-20` optically lifts the column above true center. */}\n        <div\n          className={cn(\n            \"flex min-h-full items-center justify-center px-6 pt-6 pb-20\",\n            frameClassName,\n          )}\n        >\n          {/* Width stays on the outer host; AnimatedHeight measures the\n              header + body stack and springs its own height on content\n              changes. The action row sits below it, outside the clip: while\n              the body grows the container is shorter than its content for a\n              few frames, and a row inside it would be cut off at the bottom\n              (a pressed \"Send code\" turning grey right as a captcha mounts).\n              Outside, the row rides the spring instead. */}\n          <div className=\"w-full max-w-md\">\n            <AnimatedHeight className=\"flex flex-col gap-5\">\n              {(icon || title || description) && (\n                <div className=\"flex flex-col gap-2\">\n                  {icon && (\n                    <DialogHeaderIcon size=\"lg\">{icon}</DialogHeaderIcon>\n                  )}\n                  {title && <Title>{title}</Title>}\n                  {description && <Description>{description}</Description>}\n                </div>\n              )}\n              {children}\n            </AnimatedHeight>\n            {actions != null && (\n              <div className=\"mt-5 flex items-center justify-end gap-2\">\n                {actions}\n              </div>\n            )}\n          </div>\n        </div>\n      </FullscreenPopup>\n    </Portal>\n  );\n}\n\n/**\n * Modal dialog built on Base UI `Dialog`. Controlled or uncontrolled via\n * `Dialog.Root` (`open` / `onOpenChange` / `defaultOpen`). `Dialog.Action`\n * adds native promise support: an async confirm keeps the dialog open and\n * undismissable until the work resolves.\n */\nexport const Dialog = {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Popup,\n  InsetPopup,\n  FullscreenPopup,\n  Title,\n  Description,\n  Close,\n  Action,\n  Content,\n  InsetContent,\n  FullscreenContent,\n};\n"],"mappings":"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"}