@photon-ai/pho-ui 0.7.1 → 1.0.0

package/dist/chunks/dialog-Bgb2Z1_v.js

@@ -0,0 +1,141 @@
+"use client";
+import { t as g } from "./cn-DTiB6ek_.js";
+import { o as T, t as j } from "./close-button-8f-oRJXt.js";
+import { createContext as R, useCallback as z, useContext as x, useEffect as v, useMemo as A, useRef as m, useState as C } from "react";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { Dialog as i } from "@base-ui/react/dialog";
+var y = R(null);
+function G() {
+  return x(y)?.pending ?? !1;
+}
+function E({ onOpenChange: e, actionsRef: n, ...s }) {
+  const [u, r] = C(!1), l = m(!1), a = m(null);
+  v(() => {
+    if (n)
+      return n.current = a.current, () => {
+        n.current = null;
+      };
+  }, [n]);
+  const o = z((c, p) => {
+    if (!c && l.current) {
+      p.cancel();
+      return;
+    }
+    e?.(c, p);
+  }, [e]), d = A(() => ({
+    pending: u,
+    beginPending: () => {
+      l.current = !0, r(!0);
+    },
+    endPending: () => {
+      l.current = !1, r(!1);
+    },
+    close: () => a.current?.close()
+  }), [u]);
+  return /* @__PURE__ */ t(y.Provider, {
+    value: d,
+    children: /* @__PURE__ */ t(i.Root, {
+      actionsRef: a,
+      onOpenChange: o,
+      ...s
+    })
+  });
+}
+var O = i.Trigger, N = i.Portal, P = i.Close;
+function V(e) {
+  return e != null && typeof e.then == "function";
+}
+function H({ onClick: e, loading: n, disabled: s, ...u }) {
+  const r = x(y), [l, a] = C(!1), o = m(!0);
+  v(() => (o.current = !0, () => {
+    o.current = !1;
+  }), []);
+  function d(p) {
+    if (l || n) return;
+    const h = e?.(p);
+    if (!V(h)) {
+      r?.close();
+      return;
+    }
+    a(!0), r?.beginPending(), h.then(() => {
+      r?.endPending(), o.current && a(!1), r?.close();
+    }, (w) => {
+      r?.endPending(), o.current && a(!1), typeof process < "u" && process.env.NODE_ENV !== "production" && console.error("Dialog.Action: async onClick rejected —", w);
+    });
+  }
+  const c = l || n;
+  return /* @__PURE__ */ t(T, {
+    ...u,
+    disabled: s || c,
+    loading: c,
+    onClick: d
+  });
+}
+function b({ className: e, ...n }) {
+  return /* @__PURE__ */ t(i.Backdrop, {
+    className: g("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", e),
+    ...n
+  });
+}
+function B({ className: e, ...n }) {
+  return /* @__PURE__ */ t(i.Popup, {
+    className: g("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", "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", e),
+    ...n
+  });
+}
+function D({ className: e, ...n }) {
+  return /* @__PURE__ */ t(i.Title, {
+    className: g("text-pho-primary font-display text-display-sm font-medium text-balance", e),
+    ...n
+  });
+}
+function k({ className: e, ...n }) {
+  return /* @__PURE__ */ t(i.Description, {
+    className: g("text-pho-description text-display-xs font-normal", e),
+    ...n
+  });
+}
+function M({ title: e, description: n, actions: s, showClose: u = !0, children: r, className: l, ...a }) {
+  const o = s == null && u, d = !!(e || n || o), c = r != null || s != null;
+  return /* @__PURE__ */ f(N, { children: [/* @__PURE__ */ t(b, {}), /* @__PURE__ */ f(B, {
+    className: l,
+    ...a,
+    children: [d && /* @__PURE__ */ f("div", {
+      className: "flex flex-col gap-1 px-6 pt-6",
+      children: [(e || o) && /* @__PURE__ */ f("div", {
+        className: "relative",
+        children: [e ? /* @__PURE__ */ t(D, {
+          className: o ? "pr-12" : void 0,
+          children: e
+        }) : /* @__PURE__ */ t("div", {
+          className: "h-[1.625rem]",
+          "aria-hidden": "true"
+        }), o && /* @__PURE__ */ t(P, { render: /* @__PURE__ */ t(j, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
+      }), n && /* @__PURE__ */ t(k, { children: n })]
+    }), c && /* @__PURE__ */ f("div", {
+      className: "flex flex-col gap-5 px-6 py-5",
+      children: [r, s != null && /* @__PURE__ */ t("div", {
+        className: "flex justify-end gap-2",
+        children: s
+      })]
+    })]
+  })] });
+}
+var I = {
+  Root: E,
+  Trigger: O,
+  Portal: N,
+  Backdrop: b,
+  Popup: B,
+  Title: D,
+  Description: k,
+  Close: P,
+  Action: H,
+  Content: M
+};
+export {
+  G as n,
+  I as t
+};
+
+//# sourceMappingURL=dialog-Bgb2Z1_v.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-Bgb2Z1_v.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 { cn } from \"../../utils/cn\";\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        // 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\ninterface ContentProps extends Omit<\n  StyledProps<typeof BaseDialog.Popup>,\n  \"title\"\n> {\n  /** Heading rendered in the panel header. */\n  title?: ReactNode;\n  /** Supporting text under the title. */\n  description?: 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   * 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  title,\n  description,\n  actions,\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(title || description || showCloseButton);\n  const hasBody = children != null || actions != null;\n\n  return (\n    <Portal>\n      <Backdrop />\n      <Popup className={className} {...props}>\n        {hasHeader && (\n          <div className=\"flex flex-col gap-1 px-6 pt-6\">\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        {hasBody && (\n          <div className=\"flex flex-col gap-5 px-6 py-5\">\n            {children}\n            {actions != null && (\n              <div className=\"flex justify-end gap-2\">{actions}</div>\n            )}\n          </div>\n        )}\n      </Popup>\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  Title,\n  Description,\n  Close,\n  Action,\n  Content,\n};\n"],"mappings":"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"}

package/dist/chunks/{input-DbJpdu6v.js → input-BSJGBUbf.js}

@@ -1,9 +1,9 @@
 "use client";
-import { t as r } from "./cn-7uGUzCOM.js";
+import { t as r } from "./cn-DTiB6ek_.js";
 import { t as n } from "./createReactComponent-BqCmnqfX.js";
 import { useState as A } from "react";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Field as s } from "@base-ui/react/field";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Field as l } from "@base-ui/react/field";
 var S = [
   ["path", {
     d: "M10.585 10.587a2 2 0 0 0 2.829 2.828",
@@ -27,7 +27,7 @@ var S = [
   d: "M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm.01 13l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z",
   key: "svg-0"
 }]], L = n("filled", "alert-circle-filled", "AlertCircleFilled", R), M = {
-  sm: "px-2.5 py-1.5 text-sm",
+  sm: "px-2.5 py-1.5 text-md md:text-base",
   md: "px-2.5 py-1.5 text-md",
   lg: "px-3 py-2 text-md"
 }, O = {
@@ -39,61 +39,61 @@ var S = [
   md: "left-3 size-5",
   lg: "left-3.5 size-5"
 }, F = {
-  sm: "rounded-lg",
-  md: "rounded-lg",
-  lg: "squircle rounded-xl"
+  sm: "rounded-base",
+  md: "rounded-base",
+  lg: "squircle rounded-base"
 }, P = {
   sm: "",
   md: "",
-  lg: r("isolate before:pointer-events-none before:absolute before:-z-10 before:content-['']", "before:bg-pho-primary before:inset-px before:rounded-[11px]", "has-[input:focus-visible]:before:inset-0.5 has-[input:focus-visible]:before:rounded-[10px]", "before:transition-[inset,border-radius] before:duration-100 before:ease-linear")
+  lg: r("isolate before:pointer-events-none before:absolute before:-z-10 before:content-['']", "before:bg-pho-primary before:inset-px before:rounded-[calc(var(--radius-base)-1px)]", "has-[input:focus-visible]:before:inset-0.5 has-[input:focus-visible]:before:rounded-[calc(var(--radius-base)-2px)]", "before:transition-[inset,border-radius] before:duration-100 before:ease-linear")
 }, T = {
-  sm: "autofill:rounded-md",
-  md: "autofill:rounded-md",
-  lg: "autofill:rounded-[10px]"
+  sm: "autofill:rounded-[calc(var(--radius-base)-2px)]",
+  md: "autofill:rounded-[calc(var(--radius-base)-2px)]",
+  lg: "autofill:rounded-[calc(var(--radius-base)-2px)]"
 };
-function Z({ label: d, hint: p, size: t = "md", invalid: a, icon: i, labelTrailing: m, disabled: h, required: c, type: u = "text", className: g, wrapperClassName: v, id: b, ref: x, ...y }) {
-  const [f, N] = A(!1), o = u === "password", I = o && f ? "text" : u, _ = !!i, E = o || a;
-  return /* @__PURE__ */ l(s.Root, {
-    disabled: h,
+function Z({ label: d, hint: c, size: a = "md", invalid: t, icon: i, labelTrailing: f, disabled: b, required: p, type: u = "text", className: v, wrapperClassName: h, id: x, ref: g, ...y }) {
+  const [m, N] = A(!1), o = u === "password", I = o && m ? "text" : u, _ = !!i, E = o || t;
+  return /* @__PURE__ */ s(l.Root, {
+    disabled: b,
     className: "group/field flex w-full flex-col gap-1.5",
     children: [
-      d && /* @__PURE__ */ l("div", {
+      d && /* @__PURE__ */ s("div", {
         className: "flex items-center justify-between gap-2",
-        children: [/* @__PURE__ */ l(s.Label, {
-          className: "text-pho-secondary flex cursor-default items-center gap-0.5 text-sm font-medium",
-          children: [d, c && /* @__PURE__ */ e("span", {
+        children: [/* @__PURE__ */ s(l.Label, {
+          className: "text-pho-secondary flex cursor-default items-center gap-0.5 text-base font-medium",
+          children: [d, p && /* @__PURE__ */ e("span", {
             className: "text-pho-brand",
             children: "*"
           })]
-        }), m]
+        }), f]
       }),
-      /* @__PURE__ */ l("div", {
-        "data-invalid": a || void 0,
-        className: r("bg-pho-primary ring-pho-primary relative flex w-full items-center p-0.5 ring-1 transition-shadow duration-100 ease-linear ring-inset", F[t], P[t], "has-[input:focus-visible]:ring-pho-brand has-[input:focus-visible]:ring-2", "data-[invalid]:ring-pho-error-subtle data-[invalid]:has-[input:focus-visible]:ring-pho-error", "group-data-[disabled]/field:cursor-not-allowed group-data-[disabled]/field:opacity-50", v),
+      /* @__PURE__ */ s("div", {
+        "data-invalid": t || void 0,
+        className: r("bg-pho-primary ring-pho-primary relative flex w-full items-center p-0.5 ring-1 transition-shadow duration-100 ease-linear ring-inset", F[a], P[a], "has-[input:focus-visible]:ring-pho-brand has-[input:focus-visible]:ring-2", "data-[invalid]:ring-pho-error-subtle data-[invalid]:has-[input:focus-visible]:ring-pho-error", "group-data-[disabled]/field:cursor-not-allowed group-data-[disabled]/field:opacity-50", h),
         children: [
-          i && /* @__PURE__ */ e(i, { className: r("text-fg-pho-quaternary pointer-events-none absolute", z[t]) }),
-          /* @__PURE__ */ e(s.Control, {
-            ref: x,
-            id: b,
+          i && /* @__PURE__ */ e(i, { className: r("text-pho-secondary pointer-events-none absolute", z[a]) }),
+          /* @__PURE__ */ e(l.Control, {
+            ref: g,
+            id: x,
             type: I,
-            required: c,
+            required: p,
             ...y,
-            className: r("text-pho-primary placeholder:text-pho-placeholder m-0 w-full bg-transparent outline-none disabled:cursor-not-allowed", M[t], T[t], _ && O[t], E && "pr-8.5", g)
+            className: r("text-pho-primary placeholder:text-pho-placeholder m-0 w-full bg-transparent outline-none disabled:cursor-not-allowed", M[a], T[a], _ && O[a], E && "pr-8.5", v)
           }),
-          a && !o && /* @__PURE__ */ e(L, { className: "text-fg-pho-error pointer-events-none absolute right-3 size-4" }),
+          t && !o && /* @__PURE__ */ e(L, { className: "text-pho-error pointer-events-none absolute right-3 size-4" }),
           o && /* @__PURE__ */ e("button", {
             type: "button",
             tabIndex: -1,
             "aria-label": "Toggle password visibility",
             onClick: () => N((w) => !w),
-            className: "text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover absolute right-3 flex cursor-pointer items-center transition duration-100 ease-linear focus:outline-none",
-            children: f ? /* @__PURE__ */ e(k, { className: "size-4" }) : /* @__PURE__ */ e(D, { className: "size-4" })
+            className: "text-pho-secondary hover:text-pho-secondary-hover absolute right-3 flex cursor-pointer items-center transition duration-100 ease-linear focus:outline-none",
+            children: m ? /* @__PURE__ */ e(k, { className: "size-4" }) : /* @__PURE__ */ e(D, { className: "size-4" })
           })
         ]
       }),
-      p && /* @__PURE__ */ e(s.Description, {
-        className: r("text-pho-tertiary text-sm", a && "text-pho-error"),
-        children: p
+      c && /* @__PURE__ */ e(l.Description, {
+        className: r("text-pho-description text-base", t && "text-pho-error"),
+        children: c
       })
     ]
   });
@@ -103,4 +103,4 @@ export {
   Z as t
 };
 
-//# sourceMappingURL=input-DbJpdu6v.js.map
+//# sourceMappingURL=input-BSJGBUbf.js.map

package/dist/chunks/input-BSJGBUbf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-BSJGBUbf.js","names":["__iconNode","__iconNode"],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconEyeOff.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconEye.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertCircleFilled.mjs","../../src/components/input/input.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M10.585 10.587a2 2 0 0 0 2.829 2.828\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M3 3l18 18\", \"key\": \"svg-2\" }]];\nconst IconEyeOff = createReactComponent(\"outline\", \"eye-off\", \"EyeOff\", __iconNode);\n\nexport { __iconNode, IconEyeOff as default };\n//# sourceMappingURL=IconEyeOff.mjs.map\n","/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6\", \"key\": \"svg-1\" }]];\nconst IconEye = createReactComponent(\"outline\", \"eye\", \"Eye\", __iconNode);\n\nexport { __iconNode, IconEye as default };\n//# sourceMappingURL=IconEye.mjs.map\n","/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm.01 13l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z\", \"key\": \"svg-0\" }]];\nconst IconAlertCircleFilled = createReactComponent(\"filled\", \"alert-circle-filled\", \"AlertCircleFilled\", __iconNode);\n\nexport { __iconNode, IconAlertCircleFilled as default };\n//# sourceMappingURL=IconAlertCircleFilled.mjs.map\n","import {\n  useState,\n  type ComponentType,\n  type InputHTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  IconAlertCircleFilled,\n  IconEye,\n  IconEyeOff,\n} from \"@tabler/icons-react\";\nimport { Field } from \"@base-ui/react/field\";\nimport { cn } from \"../../utils/cn\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\n// Control padding per size. The wrapper carries a 2px inset (`p-0.5`) so the\n// control's border box — and the browser's autofill fill it paints — sits\n// inside the ring instead of over it; these paddings are the documented\n// effective padding (sm/md 12/8px, lg 14/10px) minus that 2px inset, so the\n// text position and total field height are unchanged.\nconst SIZE_PAD: Record<InputSize, string> = {\n  // 16px on small viewports — iOS zooms into any focused field under 16px.\n  sm: \"px-2.5 py-1.5 text-md md:text-base\",\n  md: \"px-2.5 py-1.5 text-md\",\n  lg: \"px-3 py-2 text-md\",\n};\n// Effective icon clearance minus the wrapper's 2px inset.\nconst LEADING_PAD: Record<InputSize, string> = {\n  sm: \"pl-8.5\",\n  md: \"pl-9.5\",\n  lg: \"pl-10\",\n};\n// Icons are absolutely positioned, so they're placed from the wrapper's\n// padding edge — which, with no border, is the visible field edge; the\n// wrapper's `p-0.5` does not offset them.\nconst LEADING_ICON_POS: Record<InputSize, string> = {\n  sm: \"left-3 size-4\",\n  md: \"left-3 size-5\",\n  lg: \"left-3.5 size-5\",\n};\n// Wrapper corner radius — `rounded-base` (12px) at every size; `lg` also gets\n// `squircle` superellipse smoothing (the ring is a box-shadow on this wrapper,\n// so it follows the border-radius automatically).\nconst SIZE_RADIUS: Record<InputSize, string> = {\n  sm: \"rounded-base\",\n  md: \"rounded-base\",\n  lg: \"squircle rounded-base\",\n};\n// Concentric inner-curve cover, `lg` only. Nested corner radii must follow\n// innerRadius = outerRadius − inset, so the hairline's inner edge at a 12px\n// outer radius is 11px at rest (ring-1) and 10px when focused (ring-2).\n// Browsers derive that automatically for plain round corners, but with\n// `corner-shape: superellipse(...)` shipping engines still scale (rather than\n// offset) the inner shadow curve, which renders the ring visibly thicker at\n// the four corners (see w3c/csswg-drafts#12961). This ::before repaints the\n// field surface over everything inside the correct concentric curve — a round\n// radius is the right parallel-offset approximation of the mild superellipse —\n// so the ring reads as a uniform hairline in every engine. `isolate` +\n// `-z-10` slot the cover above the wrapper's background/ring but below the\n// control's text, icons, and autofill fill. `sm`/`md` have no corner-shape,\n// so the native (already concentric) rendering is kept there.\n// The ::before is absolutely positioned, so its inset is measured from the\n// wrapper's border box (border 0): 1px in at rest, 2px in when focused.\nconst SIZE_RING_COVER: Record<InputSize, string> = {\n  sm: \"\",\n  md: \"\",\n  lg: cn(\n    \"isolate before:pointer-events-none before:absolute before:-z-10 before:content-['']\",\n    \"before:bg-pho-primary before:inset-px before:rounded-[calc(var(--radius-base)-1px)]\",\n    \"has-[input:focus-visible]:before:inset-0.5 has-[input:focus-visible]:before:rounded-[calc(var(--radius-base)-2px)]\",\n    \"before:transition-[inset,border-radius] before:duration-100 before:ease-linear\",\n  ),\n};\n// The control's border box sits 2px inside the wrapper (its `p-0.5` inset),\n// clear of both ring widths, so the browser's autofill fill paints inside the\n// hairline instead of over it. Rounding follows inner = outer − gap, derived\n// from the token with calc. Round (not squircle) — the parallel offset of\n// the wrapper's mild superellipse is effectively circular.\nconst SIZE_AUTOFILL_RADIUS: Record<InputSize, string> = {\n  sm: \"autofill:rounded-[calc(var(--radius-base)-2px)]\",\n  md: \"autofill:rounded-[calc(var(--radius-base)-2px)]\",\n  lg: \"autofill:rounded-[calc(var(--radius-base)-2px)]\",\n};\n\nexport interface InputProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> {\n  /** Field label (associated for accessibility). */\n  label?: ReactNode;\n  /** Helper text below the field; rendered in the error color when `invalid`. */\n  hint?: ReactNode;\n  /** Size variant. @default \"md\" */\n  size?: InputSize;\n  /** Render the invalid state (ring + icon + error-colored hint). */\n  invalid?: boolean;\n  /** Leading icon component (e.g. a Tabler icon). */\n  icon?: ComponentType<{ className?: string }>;\n  /** Node rendered at the right edge of the label row (e.g. \"Forgot?\"). */\n  labelTrailing?: ReactNode;\n  /** Class applied to the input wrapper. */\n  wrapperClassName?: string;\n  ref?: Ref<HTMLInputElement>;\n}\n\n/**\n * Text input built on Base UI `Field` (label/description a11y wiring) with\n * Pho's bordered surface, leading icon, invalid state, and a built-in password\n * reveal toggle.\n */\nexport function Input({\n  label,\n  hint,\n  size = \"md\",\n  invalid,\n  icon: Icon,\n  labelTrailing,\n  disabled,\n  required,\n  type = \"text\",\n  className,\n  wrapperClassName,\n  id,\n  ref,\n  ...props\n}: InputProps) {\n  const [reveal, setReveal] = useState(false);\n  const isPassword = type === \"password\";\n  const resolvedType = isPassword && reveal ? \"text\" : type;\n  const hasLeadingIcon = Boolean(Icon);\n  const hasTrailingIcon = isPassword || invalid;\n\n  return (\n    <Field.Root\n      disabled={disabled}\n      className=\"group/field flex w-full flex-col gap-1.5\"\n    >\n      {label && (\n        <div className=\"flex items-center justify-between gap-2\">\n          <Field.Label className=\"text-pho-secondary flex cursor-default items-center gap-0.5 text-base font-medium\">\n            {label}\n            {required && <span className=\"text-pho-brand\">*</span>}\n          </Field.Label>\n          {labelTrailing}\n        </div>\n      )}\n\n      <div\n        data-invalid={invalid || undefined}\n        className={cn(\n          // Flat field surface — hairline ring only; elevation shadows are\n          // reserved for floating layers (menus/popovers/dialogs). `p-0.5`\n          // insets the control 2px (the focused ring width) so its background\n          // and the browser's autofill fill nest inside the ring; the size\n          // maps compensate so effective padding/height are unchanged.\n          \"bg-pho-primary ring-pho-primary relative flex w-full items-center p-0.5 ring-1 transition-shadow duration-100 ease-linear ring-inset\",\n          SIZE_RADIUS[size],\n          SIZE_RING_COVER[size],\n          \"has-[input:focus-visible]:ring-pho-brand has-[input:focus-visible]:ring-2\",\n          \"data-[invalid]:ring-pho-error-subtle data-[invalid]:has-[input:focus-visible]:ring-pho-error\",\n          \"group-data-[disabled]/field:cursor-not-allowed group-data-[disabled]/field:opacity-50\",\n          wrapperClassName,\n        )}\n      >\n        {Icon && (\n          <Icon\n            className={cn(\n              \"text-pho-secondary pointer-events-none absolute\",\n              LEADING_ICON_POS[size],\n            )}\n          />\n        )}\n\n        <Field.Control\n          ref={ref}\n          id={id}\n          type={resolvedType}\n          required={required}\n          {...props}\n          className={cn(\n            \"text-pho-primary placeholder:text-pho-placeholder m-0 w-full bg-transparent outline-none disabled:cursor-not-allowed\",\n            SIZE_PAD[size],\n            SIZE_AUTOFILL_RADIUS[size],\n            hasLeadingIcon && LEADING_PAD[size],\n            // 34px + the wrapper's 2px inset = the previous 36px clearance.\n            hasTrailingIcon && \"pr-8.5\",\n            className,\n          )}\n        />\n\n        {invalid && !isPassword && (\n          <IconAlertCircleFilled className=\"text-pho-error pointer-events-none absolute right-3 size-4\" />\n        )}\n\n        {isPassword && (\n          <button\n            type=\"button\"\n            // Reachable by click but skipped in tab order so Tab moves field→field.\n            tabIndex={-1}\n            aria-label=\"Toggle password visibility\"\n            onClick={() => setReveal((v) => !v)}\n            className=\"text-pho-secondary hover:text-pho-secondary-hover absolute right-3 flex cursor-pointer items-center transition duration-100 ease-linear focus:outline-none\"\n          >\n            {reveal ? (\n              <IconEyeOff className=\"size-4\" />\n            ) : (\n              <IconEye className=\"size-4\" />\n            )}\n          </button>\n        )}\n      </div>\n\n      {hint && (\n        <Field.Description\n          className={cn(\n            \"text-pho-description text-base\",\n            invalid && \"text-pho-error\",\n          )}\n        >\n          {hint}\n        </Field.Description>\n      )}\n    </Field.Root>\n  );\n}\n\nInput.displayName = \"Input\";\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}

package/dist/chunks/menu-COLB_liS.js

@@ -0,0 +1,205 @@
+"use client";
+import { t as a } from "./cn-DTiB6ek_.js";
+import { t as v } from "./resolve-variant-CcD8iG5l.js";
+import { n as k } from "./spinner-Cy8bkyJf.js";
+import { createContext as S, useCallback as E, useContext as I, useEffect as P, useMemo as T, useRef as b, useState as C } from "react";
+import { jsx as r, jsxs as G } from "react/jsx-runtime";
+import { Menu as t } from "@base-ui/react/menu";
+import { Separator as U } from "@base-ui/react/separator";
+var y = S(null);
+function ue() {
+  return I(y)?.pending ?? !1;
+}
+function _(e) {
+  return e != null && typeof e.then == "function";
+}
+function L(e) {
+  function n({ onOpenChange: i, actionsRef: s, ...u }) {
+    const [d, l] = C(!1), c = b(!1), o = b(null);
+    P(() => {
+      if (s)
+        return s.current = {
+          unmount: () => o.current?.unmount(),
+          close: () => o.current?.close()
+        }, () => {
+          s.current = null;
+        };
+    }, [s]);
+    const p = E((h, m) => {
+      if (!h && c.current) {
+        m.cancel();
+        return;
+      }
+      i?.(h, m);
+    }, [i]), f = T(() => ({
+      pending: d,
+      beginPending: () => {
+        c.current = !0, l(!0);
+      },
+      endPending: () => {
+        c.current = !1, l(!1);
+      },
+      close: () => o.current?.close()
+    }), [d]);
+    return /* @__PURE__ */ r(y.Provider, {
+      value: f,
+      children: /* @__PURE__ */ r(e, {
+        ...u,
+        actionsRef: o,
+        onOpenChange: p
+      })
+    });
+  }
+  return n;
+}
+function O({ onClick: e, closeOnClick: n = !0, loading: i = !1, disabled: s = !1 }) {
+  const u = I(y), d = u?.pending ?? !1, [l, c] = C(!1), o = b(!0);
+  P(() => (o.current = !0, () => {
+    o.current = !1;
+  }), []);
+  const p = l || i, f = s || p || d;
+  function h(m) {
+    if (p || d && !l) {
+      m.preventBaseUIHandler?.();
+      return;
+    }
+    const x = e?.(m);
+    _(x) && (m.preventBaseUIHandler?.(), c(!0), u?.beginPending(), x.then(() => {
+      u?.endPending(), o.current && c(!1), n && u?.close();
+    }, (M) => {
+      u?.endPending(), o.current && c(!1), typeof process < "u" && process.env.NODE_ENV !== "production" && console.error("Menu.Item: async onClick rejected —", M);
+    }));
+  }
+  return {
+    inert: p,
+    blocked: f,
+    handleClick: h
+  };
+}
+function w() {
+  return /* @__PURE__ */ r(k, {
+    "data-menu-spinner": "",
+    size: "md"
+  });
+}
+var z = "bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary origin-[var(--transform-origin)] min-w-44 rounded-base p-1 ring-1 ring-inset outline-none transition-[transform,opacity] duration-150 ease-out data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0", g = "relative flex cursor-pointer items-center gap-2 rounded-base py-1.5 pr-2.5 pl-2.5 text-base text-pho-secondary outline-none select-none data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-loading:data-[disabled]:opacity-100 data-loading:[&>svg:not([data-menu-spinner])]:hidden [&>svg]:size-4 [&>svg]:text-current", N = {
+  default: {
+    classes: "",
+    description: "Secondary → primary on highlight"
+  },
+  destructive: {
+    classes: "text-pho-error data-[highlighted]:bg-pho-error-primary data-[highlighted]:text-pho-error",
+    description: "Error ink + error wash on highlight"
+  }
+}, j = L(t.Root), A = t.Trigger, B = t.Portal, H = t.Group, V = t.RadioGroup, $ = t.SubmenuRoot;
+function D({ className: e, sideOffset: n = 6, ...i }) {
+  return /* @__PURE__ */ r(t.Positioner, {
+    sideOffset: n,
+    className: a("z-50", e),
+    ...i
+  });
+}
+function K({ className: e, ...n }) {
+  return /* @__PURE__ */ r(t.Popup, {
+    className: a(z, e),
+    ...n
+  });
+}
+function q({ className: e, color: n = "default", onClick: i, closeOnClick: s = !0, loading: u = !1, disabled: d = !1, children: l, ...c }) {
+  const { inert: o, blocked: p, handleClick: f } = O({
+    onClick: i,
+    closeOnClick: s,
+    loading: u,
+    disabled: d
+  });
+  return /* @__PURE__ */ G(t.Item, {
+    className: a(g, v(N, n), e),
+    closeOnClick: s,
+    disabled: p,
+    "data-loading": o || void 0,
+    "aria-busy": o || void 0,
+    onClick: f,
+    ...c,
+    children: [o ? /* @__PURE__ */ r(w, {}) : null, l]
+  });
+}
+function F({ className: e, color: n = "default", ...i }) {
+  return /* @__PURE__ */ r(t.LinkItem, {
+    className: a(g, v(N, n), e),
+    ...i
+  });
+}
+function J({ className: e, ...n }) {
+  return /* @__PURE__ */ r(t.GroupLabel, {
+    className: a("text-pho-secondary px-2.5 py-1.5 text-xs font-medium", e),
+    ...n
+  });
+}
+function Q({ className: e, ...n }) {
+  return /* @__PURE__ */ r(U, {
+    className: a("-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]", e),
+    ...n
+  });
+}
+function W({ className: e, ...n }) {
+  return /* @__PURE__ */ r(t.SubmenuTrigger, {
+    className: a(g, "data-[popup-open]:bg-pho-ghost-hover", e),
+    ...n
+  });
+}
+function X({ className: e, ...n }) {
+  return /* @__PURE__ */ r(t.CheckboxItem, {
+    className: a(g, "pl-8", e),
+    ...n
+  });
+}
+function Y({ className: e, ...n }) {
+  return /* @__PURE__ */ r(t.RadioItem, {
+    className: a(g, "pl-8", e),
+    ...n
+  });
+}
+var R = "text-pho-brand absolute left-2.5 flex items-center [&>svg]:size-4";
+function Z({ className: e, ...n }) {
+  return /* @__PURE__ */ r(t.CheckboxItemIndicator, {
+    className: a(R, e),
+    ...n
+  });
+}
+function ee({ className: e, ...n }) {
+  return /* @__PURE__ */ r(t.RadioItemIndicator, {
+    className: a(R, e),
+    ...n
+  });
+}
+var ce = {
+  Root: j,
+  Trigger: A,
+  Portal: B,
+  Positioner: D,
+  Popup: K,
+  Item: q,
+  LinkItem: F,
+  Group: H,
+  GroupLabel: J,
+  Separator: Q,
+  SubmenuRoot: $,
+  SubmenuTrigger: W,
+  CheckboxItem: X,
+  CheckboxItemIndicator: Z,
+  RadioGroup: V,
+  RadioItem: Y,
+  RadioItemIndicator: ee
+};
+export {
+  w as a,
+  L as c,
+  ce as i,
+  N as n,
+  O as o,
+  z as r,
+  ue as s,
+  g as t
+};
+
+//# sourceMappingURL=menu-COLB_liS.js.map

package/dist/chunks/menu-COLB_liS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-COLB_liS.js","names":[],"sources":["../../src/components/menu/menu-pending.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentType,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { Spinner } from \"../spinner/spinner\";\n\n/** Imperative actions exposed by Base UI menu `actionsRef`. */\ninterface RootActions {\n  unmount: () => void;\n  close: () => void;\n}\n\ninterface MenuPendingContextValue {\n  /** True while a menu item promise is in flight. */\n  pending: boolean;\n  beginPending: () => void;\n  endPending: () => void;\n  /** Close the menu imperatively (used by async items on resolve). */\n  close: () => void;\n}\n\nconst MenuPendingContext = createContext<MenuPendingContextValue | null>(null);\n\n/**\n * Whether the surrounding menu has an async item promise in flight —\n * use it to disable sibling items while work is pending.\n * Returns `false` outside a `Menu.Root` / `ContextMenu.Root`.\n */\nexport function useMenuPending(): boolean {\n  return useContext(MenuPendingContext)?.pending ?? false;\n}\n\nexport function isThenable(value: unknown): value is Promise<unknown> {\n  return (\n    value != null && typeof (value as { then?: unknown }).then === \"function\"\n  );\n}\n\ntype PreventableMouseEvent = ReactMouseEvent<HTMLElement> & {\n  preventBaseUIHandler?: () => void;\n};\n\ntype RootWithPendingProps = {\n  onOpenChange?: (open: boolean, eventDetails: { cancel: () => void }) => void;\n  actionsRef?: RefObject<RootActions | null>;\n  children?: ReactNode;\n};\n\n/**\n * Wraps a Base UI menu root so async `Menu.Item` clicks can lock dismissal\n * (outside press, Escape) until the promise settles.\n */\nexport function withMenuPendingRoot<P extends RootWithPendingProps>(\n  BaseRoot: ComponentType<P>,\n): ComponentType<P> {\n  function PendingRoot({ onOpenChange, actionsRef, ...props }: P) {\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    useEffect(() => {\n      if (!actionsRef) return;\n      // Proxy so callers always hit the live Base UI actions, even if the\n      // popup remounts after this effect runs.\n      actionsRef.current = {\n        unmount: () => internalActionsRef.current?.unmount(),\n        close: () => internalActionsRef.current?.close(),\n      };\n      return () => {\n        actionsRef.current = null;\n      };\n    }, [actionsRef]);\n\n    const handleOpenChange = useCallback(\n      (open: boolean, eventDetails: { cancel: () => void }) => {\n        if (!open && pendingRef.current) {\n          eventDetails.cancel();\n          return;\n        }\n        onOpenChange?.(open, eventDetails);\n      },\n      [onOpenChange],\n    );\n\n    const contextValue = useMemo<MenuPendingContextValue>(\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      <MenuPendingContext.Provider value={contextValue}>\n        <BaseRoot\n          {...(props as P)}\n          actionsRef={internalActionsRef}\n          onOpenChange={handleOpenChange}\n        />\n      </MenuPendingContext.Provider>\n    );\n  }\n\n  return PendingRoot as ComponentType<P>;\n}\n\nexport type AsyncMenuItemClick = (\n  event: ReactMouseEvent<HTMLElement>,\n) => void | Promise<unknown>;\n\n/**\n * Shared click handler for `Menu.Item` / `ContextMenu.Item` promise support.\n * Returns whether the item should show its loading state.\n */\nexport function useAsyncMenuItem({\n  onClick,\n  closeOnClick = true,\n  loading = false,\n  disabled = false,\n}: {\n  onClick?: AsyncMenuItemClick;\n  closeOnClick?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n}) {\n  const pendingContext = useContext(MenuPendingContext);\n  const menuPending = pendingContext?.pending ?? false;\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  const inert = busy || loading;\n  // Disable siblings while any item promise is in flight.\n  const blocked = disabled || inert || menuPending;\n\n  function handleClick(event: ReactMouseEvent<HTMLElement>) {\n    if (inert || (menuPending && !busy)) {\n      (event as PreventableMouseEvent).preventBaseUIHandler?.();\n      return;\n    }\n    const result = onClick?.(event);\n    if (!isThenable(result)) {\n      return;\n    }\n    // Stop Base UI's closeOnClick for this press; close on resolve instead.\n    (event as PreventableMouseEvent).preventBaseUIHandler?.();\n    setBusy(true);\n    pendingContext?.beginPending();\n    result.then(\n      () => {\n        pendingContext?.endPending();\n        if (mountedRef.current) setBusy(false);\n        if (closeOnClick) 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(\"Menu.Item: async onClick rejected —\", error);\n        }\n      },\n    );\n  }\n\n  return { inert, blocked, handleClick };\n}\n\n/** Menu-row spinner — keeps `data-menu-spinner` for the hide-siblings CSS. */\nexport function MenuItemSpinner() {\n  return <Spinner data-menu-spinner=\"\" size=\"md\" />;\n}\n","import {\n  type ComponentProps,\n  type ElementType,\n  type MouseEvent as ReactMouseEvent,\n} from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant, type VariantMap } from \"../../utils/resolve-variant\";\nimport {\n  MenuItemSpinner,\n  useAsyncMenuItem,\n  useMenuPending,\n  withMenuPendingRoot,\n  type AsyncMenuItemClick,\n} from \"./menu-pending\";\n\nexport { useMenuPending };\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\" | \"color\"\n> & {\n  className?: string;\n};\n\n/** Shared popup + item styles, reused by `ContextMenu` and `Menubar` menus. */\n// Floating layer: keeps its elevation shadow, sits on the primary surface\n// with the site's hairline (ring-pho-secondary, #eee/#202020) as its edge.\nexport const MENU_POPUP =\n  \"bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary origin-[var(--transform-origin)] min-w-44 rounded-base p-1 ring-1 ring-inset outline-none transition-[transform,opacity] duration-150 ease-out data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0\";\n// Rest at secondary; highlighted lifts to primary with the quiet ghost wash.\n// Icons use `text-current` so they follow the row ink (including destructive).\n// While loading, the spinner is first; hide the rest of the leading icons.\nexport const MENU_ITEM =\n  \"relative flex cursor-pointer items-center gap-2 rounded-base py-1.5 pr-2.5 pl-2.5 text-base text-pho-secondary outline-none select-none data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-loading:data-[disabled]:opacity-100 data-loading:[&>svg:not([data-menu-spinner])]:hidden [&>svg]:size-4 [&>svg]:text-current\";\n\n/** Semantic ink for `Menu.Item` / `LinkItem` / `ContextMenu.Item`. */\nexport const MENU_ITEM_COLORS = {\n  default: { classes: \"\", description: \"Secondary → primary on highlight\" },\n  destructive: {\n    classes:\n      \"text-pho-error data-[highlighted]:bg-pho-error-primary data-[highlighted]:text-pho-error\",\n    description: \"Error ink + error wash on highlight\",\n  },\n} satisfies VariantMap;\n\nexport type MenuItemColor = keyof typeof MENU_ITEM_COLORS;\n\ntype ItemColorProps = {\n  /** Semantic ink. @default \"default\" */\n  color?: MenuItemColor;\n};\n\nexport type MenuItemProps = Omit<StyledProps<typeof BaseMenu.Item>, \"onClick\"> &\n  ItemColorProps & {\n    /**\n     * Action handler. Return a promise to keep the menu open while it runs:\n     * the item shows a spinner, dismissal is locked, and the menu closes when\n     * the promise resolves (if `closeOnClick`). On rejection the menu stays\n     * open — surface errors inside the handler.\n     */\n    onClick?: AsyncMenuItemClick;\n    /**\n     * Declarative loading state (same visual as an in-flight promise).\n     * @default false\n     */\n    loading?: boolean;\n  };\n\nconst Root = withMenuPendingRoot(BaseMenu.Root);\nconst Trigger = BaseMenu.Trigger;\nconst Portal = BaseMenu.Portal;\nconst Group = BaseMenu.Group;\nconst RadioGroup = BaseMenu.RadioGroup;\n// Don't wrap SubmenuRoot — nested pending context would shadow the parent\n// Root and fail to lock dismissal for async items inside a submenu.\nconst SubmenuRoot = BaseMenu.SubmenuRoot;\n\nfunction Positioner({\n  className,\n  sideOffset = 6,\n  ...props\n}: StyledProps<typeof BaseMenu.Positioner>) {\n  return (\n    <BaseMenu.Positioner\n      sideOffset={sideOffset}\n      className={cn(\"z-50\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseMenu.Popup>) {\n  return <BaseMenu.Popup className={cn(MENU_POPUP, className)} {...props} />;\n}\n\nfunction Item({\n  className,\n  color = \"default\",\n  onClick,\n  closeOnClick = true,\n  loading = false,\n  disabled = false,\n  children,\n  ...props\n}: MenuItemProps) {\n  const { inert, blocked, handleClick } = useAsyncMenuItem({\n    onClick,\n    closeOnClick,\n    loading,\n    disabled,\n  });\n\n  return (\n    <BaseMenu.Item\n      className={cn(\n        MENU_ITEM,\n        resolveVariant(MENU_ITEM_COLORS, color),\n        className,\n      )}\n      closeOnClick={closeOnClick}\n      disabled={blocked}\n      data-loading={inert || undefined}\n      aria-busy={inert || undefined}\n      onClick={handleClick as (event: ReactMouseEvent<HTMLElement>) => void}\n      {...props}\n    >\n      {inert ? <MenuItemSpinner /> : null}\n      {children}\n    </BaseMenu.Item>\n  );\n}\n\nfunction LinkItem({\n  className,\n  color = \"default\",\n  ...props\n}: StyledProps<typeof BaseMenu.LinkItem> & ItemColorProps) {\n  return (\n    <BaseMenu.LinkItem\n      className={cn(\n        MENU_ITEM,\n        resolveVariant(MENU_ITEM_COLORS, color),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.GroupLabel>) {\n  return (\n    <BaseMenu.GroupLabel\n      className={cn(\n        \"text-pho-secondary px-2.5 py-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Separator({ className, ...props }: StyledProps<typeof BaseSeparator>) {\n  return (\n    <BaseSeparator\n      className={cn(\n        \"-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SubmenuTrigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.SubmenuTrigger>) {\n  return (\n    <BaseMenu.SubmenuTrigger\n      className={cn(\n        MENU_ITEM,\n        \"data-[popup-open]:bg-pho-ghost-hover\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CheckboxItem({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.CheckboxItem>) {\n  return (\n    <BaseMenu.CheckboxItem\n      className={cn(MENU_ITEM, \"pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioItem({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.RadioItem>) {\n  return (\n    <BaseMenu.RadioItem\n      className={cn(MENU_ITEM, \"pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nconst CHECK_INDICATOR =\n  \"text-pho-brand absolute left-2.5 flex items-center [&>svg]:size-4\";\n\nfunction CheckboxItemIndicator({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.CheckboxItemIndicator>) {\n  return (\n    <BaseMenu.CheckboxItemIndicator\n      className={cn(CHECK_INDICATOR, className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioItemIndicator({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.RadioItemIndicator>) {\n  return (\n    <BaseMenu.RadioItemIndicator\n      className={cn(CHECK_INDICATOR, className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Dropdown menu built on Base UI `Menu` — a list of actions opened from a\n * trigger. Supports grouped items, separators, submenus\n * (`SubmenuRoot` + `SubmenuTrigger`), and stateful `CheckboxItem` /\n * `RadioItem`s. `Menu.Item` has native promise support (spinner + locked\n * dismissal while pending). For a right-click menu use `ContextMenu`.\n */\nexport const Menu = {\n  Root,\n  Trigger,\n  Portal,\n  Positioner,\n  Popup,\n  Item,\n  LinkItem,\n  Group,\n  GroupLabel,\n  Separator,\n  SubmenuRoot,\n  SubmenuTrigger,\n  CheckboxItem,\n  CheckboxItemIndicator,\n  RadioGroup,\n  RadioItem,\n  RadioItemIndicator,\n};\n"],"mappings":";;;;;;;;AA8BA,IAAM,IAAqB,EAA8C,IAAI;AAO7E,SAAgB,KAA0B;AACxC,SAAO,EAAW,CAAkB,GAAG,WAAW;AACpD;AAEA,SAAgB,EAAW,GAA2C;AACpE,SACE,KAAS,QAAQ,OAAQ,EAA6B,QAAS;AAEnE;AAgBA,SAAgB,EACd,GACkB;AAClB,WAAS,EAAY,EAAE,cAAA,GAAc,YAAA,GAAY,GAAG,EAAA,GAAY;AAC9D,UAAM,CAAC,GAAS,CAAA,IAAc,EAAS,EAAK,GAGtC,IAAa,EAAO,EAAK,GACzB,IAAqB,EAA2B,IAAI;AAE1D,IAAA,EAAA,MAAgB;AACd,UAAK;AAGL,eAAA,EAAW,UAAU;AAAA,UACnB,SAAA,MAAe,EAAmB,SAAS,QAAQ;AAAA,UACnD,OAAA,MAAa,EAAmB,SAAS,MAAM;AAAA,QACjD,GACA,MAAa;AACX,UAAA,EAAW,UAAU;AAAA,QACvB;AAAA,IACF,GAAG,CAAC,CAAU,CAAC;AAEf,UAAM,IAAmB,EAAA,CACtB,GAAe,MAAyC;AACvD,UAAI,CAAC,KAAQ,EAAW,SAAS;AAC/B,QAAA,EAAa,OAAO;AACpB;AAAA,MACF;AACA,MAAA,IAAe,GAAM,CAAY;AAAA,IACnC,GACA,CAAC,CAAY,CACf,GAEM,IAAe,EAAA,OACZ;AAAA,MACL,SAAA;AAAA,MACA,cAAA,MAAoB;AAClB,QAAA,EAAW,UAAU,IACrB,EAAW,EAAI;AAAA,MACjB;AAAA,MACA,YAAA,MAAkB;AAChB,QAAA,EAAW,UAAU,IACrB,EAAW,EAAK;AAAA,MAClB;AAAA,MACA,OAAA,MAAa,EAAmB,SAAS,MAAM;AAAA,IACjD,IACA,CAAC,CAAO,CACV;AAEA,WACE,gBAAA,EAAC,EAAmB,UAApB;AAAA,MAA6B,OAAO;AAAA,gBAClC,gBAAA,EAAC,GAAD;AAAA,QACE,GAAK;AAAA,QACL,YAAY;AAAA,QACZ,cAAc;AAAA,MACf,CAAA;AAAA,IAC0B,CAAA;AAAA,EAEjC;AAEA,SAAO;AACT;AAUA,SAAgB,EAAiB,EAC/B,SAAA,GACA,cAAA,IAAe,IACf,SAAA,IAAU,IACV,UAAA,IAAW,GAAA,GAMV;AACD,QAAM,IAAiB,EAAW,CAAkB,GAC9C,IAAc,GAAgB,WAAW,IACzC,CAAC,GAAM,CAAA,IAAW,EAAS,EAAK,GAChC,IAAa,EAAO,EAAI;AAE9B,EAAA,EAAA,OACE,EAAW,UAAU,IACrB,MAAa;AACX,IAAA,EAAW,UAAU;AAAA,EACvB,IACC,CAAC,CAAC;AAEL,QAAM,IAAQ,KAAQ,GAEhB,IAAU,KAAY,KAAS;AAErC,WAAS,EAAY,GAAqC;AACxD,QAAI,KAAU,KAAe,CAAC,GAAO;AACnC,MAAA,EAAiC,uBAAuB;AACxD;AAAA,IACF;AACA,UAAM,IAAS,IAAU,CAAK;AAC9B,IAAK,EAAW,CAAM,MAItB,EAAiC,uBAAuB,GACxD,EAAQ,EAAI,GACZ,GAAgB,aAAa,GAC7B,EAAO,KAAA,MACC;AACJ,MAAA,GAAgB,WAAW,GACvB,EAAW,WAAS,EAAQ,EAAK,GACjC,KAAc,GAAgB,MAAM;AAAA,IAC1C,GAAA,CACC,MAAmB;AAClB,MAAA,GAAgB,WAAW,GACvB,EAAW,WAAS,EAAQ,EAAK,GAEnC,OAAO,UAAY,OAAA,QAAA,IAAA,aACO,gBAE1B,QAAQ,MAAM,uCAAuC,CAAK;AAAA,IAE9D,CACF;AAAA,EACF;AAEA,SAAO;AAAA,IAAE,OAAA;AAAA,IAAO,SAAA;AAAA,IAAS,aAAA;AAAA,EAAY;AACvC;AAGA,SAAgB,IAAkB;AAChC,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAS,qBAAkB;AAAA,IAAG,MAAK;AAAA,EAAM,CAAA;AAClD;ACxKA,IAAa,IACX,6UAIW,IACX,sZAGW,IAAmB;AAAA,EAC9B,SAAS;AAAA,IAAE,SAAS;AAAA,IAAI,aAAa;AAAA,EAAmC;AAAA,EACxE,aAAa;AAAA,IACX,SACE;AAAA,IACF,aAAa;AAAA,EACf;AACF,GAyBM,IAAO,EAAoB,EAAS,IAAI,GACxC,IAAU,EAAS,SACnB,IAAS,EAAS,QAClB,IAAQ,EAAS,OACjB,IAAa,EAAS,YAGtB,IAAc,EAAS;AAE7B,SAAS,EAAW,EAClB,WAAA,GACA,YAAA,IAAa,GACb,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAS,YAAV;AAAA,IACc,YAAA;AAAA,IACZ,WAAW,EAAG,QAAQ,CAAS;AAAA,IAC/B,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6C;AAC1E,SAAO,gBAAA,EAAC,EAAS,OAAV;AAAA,IAAgB,WAAW,EAAG,GAAY,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAC3E;AAEA,SAAS,EAAK,EACZ,WAAA,GACA,OAAA,IAAQ,WACR,SAAA,GACA,cAAA,IAAe,IACf,SAAA,IAAU,IACV,UAAA,IAAW,IACX,UAAA,GACA,GAAG,EAAA,GACa;AAChB,QAAM,EAAE,OAAA,GAAO,SAAA,GAAS,aAAA,EAAA,IAAgB,EAAiB;AAAA,IACvD,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,EACF,CAAC;AAED,SACE,gBAAA,EAAC,EAAS,MAAV;AAAA,IACE,WAAW,EACT,GACA,EAAe,GAAkB,CAAK,GACtC,CACF;AAAA,IACc,cAAA;AAAA,IACd,UAAU;AAAA,IACV,gBAAc,KAAS;AAAA,IACvB,aAAW,KAAS;AAAA,IACpB,SAAS;AAAA,IACT,GAAI;AAAA,cAXN,CAaG,IAAQ,gBAAA,EAAC,GAAD,CAAkB,CAAA,IAAI,MAC9B,CACY;AAAA;AAEnB;AAEA,SAAS,EAAS,EAChB,WAAA,GACA,OAAA,IAAQ,WACR,GAAG,EAAA,GACsD;AACzD,SACE,gBAAA,EAAC,EAAS,UAAV;AAAA,IACE,WAAW,EACT,GACA,EAAe,GAAkB,CAAK,GACtC,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAS,YAAV;AAAA,IACE,WAAW,EACT,wDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,WAAA,GAAW,GAAG,EAAA,GAA4C;AAC7E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW,EACT,0DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,GAAG,EAAA,GAC2C;AAC9C,SACE,gBAAA,EAAC,EAAS,gBAAV;AAAA,IACE,WAAW,EACT,GACA,wCACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAS,cAAV;AAAA,IACE,WAAW,EAAG,GAAW,QAAQ,CAAS;AAAA,IAC1C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,WAAA,GACA,GAAG,EAAA,GACsC;AACzC,SACE,gBAAA,EAAC,EAAS,WAAV;AAAA,IACE,WAAW,EAAG,GAAW,QAAQ,CAAS;AAAA,IAC1C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IACJ;AAEF,SAAS,EAAsB,EAC7B,WAAA,GACA,GAAG,EAAA,GACkD;AACrD,SACE,gBAAA,EAAC,EAAS,uBAAV;AAAA,IACE,WAAW,EAAG,GAAiB,CAAS;AAAA,IACxC,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,GAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAS,oBAAV;AAAA,IACE,WAAW,EAAG,GAAiB,CAAS;AAAA,IACxC,GAAI;AAAA,EACL,CAAA;AAEL;AASA,IAAa,KAAO;AAAA,EAClB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,uBAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AACF"}