@photon-ai/pho-ui 1.2.0 → 1.3.0

package/dist/chunks/dialog-DolPKFGS.js

@@ -1,141 +0,0 @@
-"use client";
-import { t as g } from "./cn-DTiB6ek_.js";
-import { o as T, t as j } from "./close-button-Bq9f-H15.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-DolPKFGS.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-DolPKFGS.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":";;;;;;AA2CA,IAAM,IAAuB,EAC3B,IACF;AAOA,SAAgB,IAA4B;AAC1C,SAAO,EAAW,CAAoB,GAAG,WAAW;AACtD;AAUA,SAAS,EAAK,EAAE,cAAA,GAAc,YAAA,GAAY,GAAG,EAAA,GAAoB;AAC/D,QAAM,CAAC,GAAS,CAAA,IAAc,EAAS,EAAK,GAGtC,IAAa,EAAO,EAAK,GACzB,IAAqB,EAA2B,IAAI;AAG1D,EAAA,EAAA,MAAgB;AACd,QAAK;AACL,aAAA,EAAW,UAAU,EAAmB,SACxC,MAAa;AACX,QAAA,EAAW,UAAU;AAAA,MACvB;AAAA,EACF,GAAG,CAAC,CAAU,CAAC;AAEf,QAAM,IAAmB,EAAA,CACtB,GAAM,MAAiB;AACtB,QAAI,CAAC,KAAQ,EAAW,SAAS;AAC/B,MAAA,EAAa,OAAO;AACpB;AAAA,IACF;AACA,IAAA,IAAe,GAAM,CAAY;AAAA,EACnC,GACA,CAAC,CAAY,CACf,GAEM,IAAe,EAAA,OACZ;AAAA,IACL,SAAA;AAAA,IACA,cAAA,MAAoB;AAClB,MAAA,EAAW,UAAU,IACrB,EAAW,EAAI;AAAA,IACjB;AAAA,IACA,YAAA,MAAkB;AAChB,MAAA,EAAW,UAAU,IACrB,EAAW,EAAK;AAAA,IAClB;AAAA,IACA,OAAA,MAAa,EAAmB,SAAS,MAAM;AAAA,EACjD,IACA,CAAC,CAAO,CACV;AAEA,SACE,gBAAA,EAAC,EAAqB,UAAtB;AAAA,IAA+B,OAAO;AAAA,cACpC,gBAAA,EAAC,EAAW,MAAZ;AAAA,MACE,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,GAAI;AAAA,IACL,CAAA;AAAA,EAC4B,CAAA;AAEnC;AAEA,IAAM,IAAU,EAAW,SACrB,IAAS,EAAW,QACpB,IAAQ,EAAW;AAiBzB,SAAS,EAAW,GAA2C;AAC7D,SACE,KAAS,QAAQ,OAAQ,EAA6B,QAAS;AAEnE;AAOA,SAAS,EAAO,EAAE,SAAA,GAAS,SAAA,GAAS,UAAA,GAAU,GAAG,EAAA,GAA4B;AAC3E,QAAM,IAAiB,EAAW,CAAoB,GAChD,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,WAAS,EAAY,GAA2C;AAC9D,QAAI,KAAQ,EAAS;AACrB,UAAM,IAAS,IAAU,CAAK;AAC9B,QAAI,CAAC,EAAW,CAAM,GAAG;AACvB,MAAA,GAAgB,MAAM;AACtB;AAAA,IACF;AACA,IAAA,EAAQ,EAAI,GACZ,GAAgB,aAAa,GAC7B,EAAO,KAAA,MACC;AACJ,MAAA,GAAgB,WAAW,GACvB,EAAW,WAAS,EAAQ,EAAK,GACrC,GAAgB,MAAM;AAAA,IACxB,GAAA,CACC,MAAmB;AAClB,MAAA,GAAgB,WAAW,GACvB,EAAW,WAAS,EAAQ,EAAK,GAEnC,OAAO,UAAY,OAAA,QAAA,IAAA,aACO,gBAE1B,QAAQ,MAAM,2CAA2C,CAAK;AAAA,IAElE,CACF;AAAA,EACF;AAEA,QAAM,IAAQ,KAAQ;AACtB,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,UAAU,KAAY;AAAA,IACtB,SAAS;AAAA,IACT,SAAS;AAAA,EACV,CAAA;AAEL;AAEA,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,8EACA,kGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EAET,+LAEA,oDACA,kEACA,+FACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EACT,0EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAW,aAAZ;AAAA,IACE,WAAW,EACT,oDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AA6BA,SAAS,EAAQ,EACf,OAAA,GACA,aAAA,GACA,SAAA,GACA,WAAA,IAAY,IACZ,UAAA,GACA,WAAA,GACA,GAAG,EAAA,GACY;AAEf,QAAM,IAAkB,KAAW,QAAQ,GACrC,IAAY,GAAQ,KAAS,KAAe,IAC5C,IAAU,KAAY,QAAQ,KAAW;AAE/C,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,CAAW,CAAA,GACX,gBAAA,EAAC,GAAD;AAAA,IAAkB,WAAA;AAAA,IAAW,GAAI;AAAA,cAAjC,CACG,KACC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,EACI,KAAS,MAGT,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,UAAO,WAAW,IAAkB,UAAU;AAAA,oBAC3C;AAAA,QACI,CAAA,IAEP,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,UAAe,eAAY;AAAA,QAAQ,CAAA,GAEnD,KACC,gBAAA,EAAC,GAAD,EACE,QACE,gBAAA,EAAC,GAAD,EAAa,WAAU,iDAAkD,CAAA,EAE5E,CAAA,CAEA;AAAA,UAEN,KAAe,gBAAA,EAAC,GAAD,EAAA,UAAc,EAAyB,CAAA,CACpD;AAAA,QAEN,KACC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACG,GACA,KAAW,QACV,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAA0B;AAAA,MAAa,CAAA,CAErD;AAAA,MAEF;AAAA,IACD,EAAA,CAAA;AAEZ;AAQA,IAAa,IAAS;AAAA,EACpB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AACF"}

package/dist/chunks/settings-B0vhLoMi.js

@@ -1,134 +0,0 @@
-"use client";
-import { t as r } from "./cn-DTiB6ek_.js";
-import "react";
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-var p = "divide-y divide-pho-secondary rounded-base border border-pho-secondary bg-pho-primary", c = "flex flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", m = "flex min-h-[4.25rem] flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6";
-function x({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
-    className: r("mx-auto w-full max-w-2xl py-12", e),
-    ...t
-  });
-}
-function u({ className: e, children: t, ...n }) {
-  return /* @__PURE__ */ a("h1", {
-    className: r("text-display-base text-pho-primary px-5 font-medium", e),
-    ...n,
-    children: t
-  });
-}
-function d({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
-    className: r("mt-6 flex flex-col gap-10", "*:flex *:flex-col *:gap-3", e),
-    ...t
-  });
-}
-function f({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
-    className: r("flex flex-col gap-0.5", e),
-    ...t
-  });
-}
-function h({ className: e, children: t, ...n }) {
-  return /* @__PURE__ */ a("h2", {
-    className: r("text-display-xs text-pho-primary px-5 font-medium", e),
-    ...n,
-    children: t
-  });
-}
-function N({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", {
-    className: r("text-display-xs text-pho-description px-5 font-normal", e),
-    ...t
-  });
-}
-function y({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
-    className: r(p, e),
-    ...t
-  });
-}
-function b({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
-    className: r(c, e),
-    ...t
-  });
-}
-function v({ className: e, children: t, ...n }) {
-  return /* @__PURE__ */ a("h2", {
-    className: r("text-display-xs text-pho-primary font-medium", e),
-    ...n,
-    children: t
-  });
-}
-function g({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", {
-    className: r("text-display-xs text-pho-description font-normal", e),
-    ...t
-  });
-}
-function w({ label: e, description: t, htmlFor: n, className: o, children: i, ...l }) {
-  return /* @__PURE__ */ s("div", {
-    className: r(m, o),
-    ...l,
-    children: [/* @__PURE__ */ s("div", {
-      className: "min-w-0",
-      children: [n ? /* @__PURE__ */ a("label", {
-        htmlFor: n,
-        className: "text-pho-primary block text-base font-normal",
-        children: e
-      }) : /* @__PURE__ */ a("p", {
-        className: "text-pho-primary text-base font-normal",
-        children: e
-      }), t ? /* @__PURE__ */ a("p", {
-        className: "text-pho-description mt-0.5 text-xs",
-        children: t
-      }) : null]
-    }), /* @__PURE__ */ a("div", {
-      className: "flex w-full min-w-0 items-center gap-2 sm:w-auto",
-      children: i
-    })]
-  });
-}
-function T({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", {
-    className: r("text-pho-description truncate text-base", e),
-    ...t
-  });
-}
-function S({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", {
-    role: "alert",
-    className: r("text-pho-error px-5 pb-3 text-xs", e),
-    ...t
-  });
-}
-function C({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
-    className: r("flex items-center justify-between gap-6 px-5 py-4", e),
-    ...t
-  });
-}
-var E = {
-  Page: x,
-  PageTitle: u,
-  Stack: d,
-  Header: f,
-  SectionTitle: h,
-  Description: N,
-  Card: y,
-  Callout: b,
-  CalloutTitle: v,
-  CalloutDescription: g,
-  Row: w,
-  Value: T,
-  Alert: S,
-  Footer: C
-};
-export {
-  E as i,
-  p as n,
-  m as r,
-  c as t
-};
-
-//# sourceMappingURL=settings-B0vhLoMi.js.map

package/dist/chunks/settings-B0vhLoMi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-B0vhLoMi.js","names":[],"sources":["../../src/sections/settings/settings.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/**\n * Settings — Pho's settings-page section: a page title, section titles, and\n * bordered cards of label/control rows.\n *\n * Spacing: wrap the page in `Page` (`max-w-2xl`, vertical padding). `Stack`\n * separates blocks (`gap-10`). Inside a block, children share `gap-3`. Wrap a\n * section title + description in `Header` (`gap-0.5`) so that pair stays tight\n * — don't put them as loose siblings. Parts already carry `px-5`.\n */\n\n/* ------------------------------- class map ------------------------------- */\n\n/** Bordered card that stacks rows with hairline dividers. */\nexport const SETTINGS_CARD =\n  \"divide-y divide-pho-secondary rounded-base border border-pho-secondary bg-pho-primary\";\n\n/**\n * Standalone callout surface — featured block (invite form, notice, etc.).\n * Don't wrap in `Card`; this is the outer chrome.\n */\nexport const SETTINGS_CALLOUT =\n  \"flex flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5\";\n\n/**\n * One settings row — label (+ optional description) left, control right.\n * `min-h-[4.25rem]` (68px) keeps avatar/control rows from collapsing shorter\n * than a comfortable touch target.\n */\nexport const SETTINGS_ROW =\n  \"flex min-h-[4.25rem] flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6\";\n\n/* --------------------------------- parts --------------------------------- */\n\n/**\n * Page chrome — centered column at the settings content width. Hosts\n * `PageTitle` + `Stack` (and any route-level siblings). Prefer this over\n * ad-hoc `max-w-*` wrappers in the app shell.\n */\nfunction Page({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div\n      className={cn(\"mx-auto w-full max-w-2xl py-12\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Page title — largest heading on the surface. */\nfunction PageTitle({\n  className,\n  children,\n  ...props\n}: ComponentProps<\"h1\"> & { ref?: Ref<HTMLHeadingElement> }) {\n  return (\n    <h1\n      className={cn(\n        \"text-display-base text-pho-primary px-5 font-medium\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h1>\n  );\n}\n\n/**\n * Vertical stack under the page title. Blocks (forms / sections) use `gap-10`;\n * each block lays out its children with `gap-3`.\n */\nfunction Stack({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div\n      className={cn(\n        \"mt-6 flex flex-col gap-10\",\n        \"*:flex *:flex-col *:gap-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Title + optional description pair. Keeps that couple tight (`gap-0.5`) so\n * the block's `gap-3` only applies between this header and the card.\n */\nfunction Header({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return <div className={cn(\"flex flex-col gap-0.5\", className)} {...props} />;\n}\n\n/** Section heading — same padding as the page title, smaller type. */\nfunction SectionTitle({\n  className,\n  children,\n  ...props\n}: ComponentProps<\"h2\"> & { ref?: Ref<HTMLHeadingElement> }) {\n  return (\n    <h2\n      className={cn(\n        \"text-display-xs text-pho-primary px-5 font-medium\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h2>\n  );\n}\n\n/**\n * Supporting copy under a section title. Same display step as the title;\n * color + normal weight keep it secondary. Always wrap with `Header`.\n */\nfunction Description({\n  className,\n  ...props\n}: ComponentProps<\"p\"> & { ref?: Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      className={cn(\n        \"text-display-xs text-pho-description px-5 font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Bordered card that stacks settings rows with hairline dividers. */\nfunction Card({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return <div className={cn(SETTINGS_CARD, className)} {...props} />;\n}\n\n/**\n * Standalone callout. Pair with `CalloutTitle` / `CalloutDescription` (and\n * optional actions) for a featured block — e.g. an invite form. Do not wrap\n * in `Card`; this is already the outer surface.\n */\nfunction Callout({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return <div className={cn(SETTINGS_CALLOUT, className)} {...props} />;\n}\n\n/** Callout heading — same type as `SectionTitle`. */\nfunction CalloutTitle({\n  className,\n  children,\n  ...props\n}: ComponentProps<\"h2\"> & { ref?: Ref<HTMLHeadingElement> }) {\n  return (\n    <h2\n      className={cn(\"text-display-xs text-pho-primary font-medium\", className)}\n      {...props}\n    >\n      {children}\n    </h2>\n  );\n}\n\n/** Supporting copy under a callout title. */\nfunction CalloutDescription({\n  className,\n  ...props\n}: ComponentProps<\"p\"> & { ref?: Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      className={cn(\n        \"text-display-xs text-pho-description font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface SettingsRowProps extends Omit<ComponentProps<\"div\">, \"title\"> {\n  /** Left-side field name. */\n  label: string;\n  /** Optional helper under the label. */\n  description?: ReactNode;\n  /** Associates the label with a control id. When omitted, the label is not a `<label>`. */\n  htmlFor?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * One settings row: label (+ optional description) left, control right.\n * Pass `htmlFor` when the row wraps a labelled input; omit it for display/\n * action rows (avatar, danger-zone delete).\n */\nfunction Row({\n  label,\n  description,\n  htmlFor,\n  className,\n  children,\n  ...props\n}: SettingsRowProps) {\n  return (\n    <div className={cn(SETTINGS_ROW, className)} {...props}>\n      <div className=\"min-w-0\">\n        {htmlFor ? (\n          <label\n            htmlFor={htmlFor}\n            className=\"text-pho-primary block text-base font-normal\"\n          >\n            {label}\n          </label>\n        ) : (\n          <p className=\"text-pho-primary text-base font-normal\">{label}</p>\n        )}\n        {description ? (\n          <p className=\"text-pho-description mt-0.5 text-xs\">{description}</p>\n        ) : null}\n      </div>\n      <div className=\"flex w-full min-w-0 items-center gap-2 sm:w-auto\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** Read-only value on the right side of a row (email, etc.). */\nfunction Value({\n  className,\n  ...props\n}: ComponentProps<\"p\"> & { ref?: Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      className={cn(\"text-pho-description truncate text-base\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Inline error under a row (still inside the card). Matches card horizontal\n * padding so hosts don't re-apply `px-5`.\n */\nfunction Alert({\n  className,\n  ...props\n}: ComponentProps<\"p\"> & { ref?: Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      role=\"alert\"\n      className={cn(\"text-pho-error px-5 pb-3 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Trailing bar inside a card — typically a save status + submit button that\n * appears after the form is dirty. Same horizontal/vertical padding as a row.\n */\nfunction Footer({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-between gap-6 px-5 py-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -------------------------------- assembly ------------------------------- */\n\n/**\n * Settings page layout. One stack, one gap rhythm — only title scale differs:\n *\n * ```tsx\n * <Settings.Page>\n *   <Settings.PageTitle>Profile</Settings.PageTitle>\n *   <Settings.Stack>\n *     <form>\n *       <Settings.Card>\n *         <Settings.Row label=\"Name\" htmlFor=\"first-name\">\n *           <Input id=\"first-name\" size=\"sm\" />\n *         </Settings.Row>\n *       </Settings.Card>\n *     </form>\n *     <form>\n *       <Settings.Header>\n *         <Settings.SectionTitle>Agent profile</Settings.SectionTitle>\n *         <Settings.Description>…</Settings.Description>\n *       </Settings.Header>\n *       <Settings.Card>…</Settings.Card>\n *     </form>\n *     <div>\n *       <Settings.SectionTitle>Danger zone</Settings.SectionTitle>\n *       <Settings.Card>\n *         <Settings.Row label=\"Delete account\" description=\"…\">\n *           <Button color=\"destructive\" size=\"sm\">Delete</Button>\n *         </Settings.Row>\n *       </Settings.Card>\n *     </div>\n *     <Settings.Callout>\n *       <Settings.Header>\n *         <Settings.CalloutTitle>Invitations</Settings.CalloutTitle>\n *         <Settings.CalloutDescription>…</Settings.CalloutDescription>\n *       </Settings.Header>\n *       …invite form…\n *     </Settings.Callout>\n *   </Settings.Stack>\n * </Settings.Page>\n * ```\n */\nexport const Settings = {\n  Page,\n  PageTitle,\n  Stack,\n  Header,\n  SectionTitle,\n  Description,\n  Card,\n  Callout,\n  CalloutTitle,\n  CalloutDescription,\n  Row,\n  Value,\n  Alert,\n  Footer,\n};\n"],"mappings":"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"}

package/dist/chunks/use-press-pulse-CMwPTOR2.js

@@ -1,44 +0,0 @@
-"use client";
-import { useCallback as o, useRef as c } from "react";
-import { useAnimationControls as u } from "motion/react";
-var f = {
-  type: "spring",
-  stiffness: 700,
-  damping: 32,
-  mass: 0.06
-}, p = 0.96;
-function R(s) {
-  const a = s?.scale ?? 0.96, i = s?.disabled ?? !1, t = s?.transition ?? f, n = u(), e = c(!1), r = o(() => {
-    i || e.current || (e.current = !0, n.start({
-      scale: a,
-      transition: t
-    }).then(() => n.start({
-      scale: 1,
-      transition: t
-    })).finally(() => {
-      e.current = !1;
-    }));
-  }, [
-    n,
-    i,
-    a,
-    t
-  ]);
-  return {
-    pulse: r,
-    motionProps: {
-      initial: !1,
-      animate: n,
-      onPointerDown: o((l) => {
-        l.button === 0 && r();
-      }, [r])
-    }
-  };
-}
-export {
-  f as n,
-  R as r,
-  p as t
-};
-
-//# sourceMappingURL=use-press-pulse-CMwPTOR2.js.map

package/dist/chunks/use-press-pulse-CMwPTOR2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-press-pulse-CMwPTOR2.js","names":[],"sources":["../../src/utils/use-press-pulse.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useAnimationControls, type Transition } from \"motion/react\";\n\n/**\n * Press pulse for selection controls (Select trigger, Checkbox…) — the same\n * spring family as Button's effect press, with one deliberate difference:\n * Button compresses only while held (`whileTap`); these controls play ONE\n * FULL pulse (press in → spring back) from the moment of pointer-down, even\n * if the pointer lifts early — a discrete \"it took\" tick, kept shallow and\n * quick so it registers without drawing attention.\n */\nexport const CONTROL_PRESS_SPRING = {\n  type: \"spring\",\n  stiffness: 700,\n  damping: 32,\n  mass: 0.06,\n} as const;\n\n/** Default pulse depth — shallow; each control can tune its own. */\nexport const CONTROL_PRESS_SCALE = 0.96;\n\n/**\n * One-shot scale pulse driven by Motion controls. Spread `motionProps` onto a\n * `motion.*` element (via Base UI `render`): pointer-down (primary button)\n * plays press → rest in full; re-presses during the pulse are coalesced.\n */\nexport function usePressPulse(opts?: {\n  scale?: number;\n  disabled?: boolean;\n  /** Spring override for both legs of the pulse. @default CONTROL_PRESS_SPRING */\n  transition?: Transition;\n}) {\n  const scale = opts?.scale ?? CONTROL_PRESS_SCALE;\n  const disabled = opts?.disabled ?? false;\n  const transition = opts?.transition ?? CONTROL_PRESS_SPRING;\n  const controls = useAnimationControls();\n  const running = useRef(false);\n\n  const pulse = useCallback(() => {\n    if (disabled || running.current) return;\n    running.current = true;\n    void controls\n      .start({ scale, transition })\n      .then(() => controls.start({ scale: 1, transition }))\n      .finally(() => {\n        running.current = false;\n      });\n  }, [controls, disabled, scale, transition]);\n\n  const onPointerDown = useCallback(\n    (event: { button: number }) => {\n      if (event.button === 0) pulse();\n    },\n    [pulse],\n  );\n\n  return {\n    pulse,\n    motionProps: { initial: false as const, animate: controls, onPointerDown },\n  };\n}\n"],"mappings":";;;AAWA,IAAa,IAAuB;AAAA,EAClC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAsB;AAOnC,SAAgB,EAAc,GAK3B;AACD,QAAM,IAAQ,GAAM,SAAA,MACd,IAAW,GAAM,YAAY,IAC7B,IAAa,GAAM,cAAc,GACjC,IAAW,EAAqB,GAChC,IAAU,EAAO,EAAK,GAEtB,IAAQ,EAAA,MAAkB;AAC9B,IAAI,KAAY,EAAQ,YACxB,EAAQ,UAAU,IAClB,EACG,MAAM;AAAA,MAAE,OAAA;AAAA,MAAO,YAAA;AAAA,IAAW,CAAC,EAC3B,KAAA,MAAW,EAAS,MAAM;AAAA,MAAE,OAAO;AAAA,MAAG,YAAA;AAAA,IAAW,CAAC,CAAC,EACnD,QAAA,MAAc;AACb,MAAA,EAAQ,UAAU;AAAA,IACpB,CAAC;AAAA,EACL,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAU;AAAA,IAAO;AAAA,EAAU,CAAC;AAS1C,SAAO;AAAA,IACL,OAAA;AAAA,IACA,aAAa;AAAA,MAAE,SAAS;AAAA,MAAgB,SAAS;AAAA,MAAU,eATvC,EAAA,CACnB,MAA8B;AAC7B,QAAI,EAAM,WAAW,KAAG,EAAM;AAAA,MAChC,GACA,CAAC,CAAK,CAKqD;AAAA,IAAc;AAAA,EAC3E;AACF"}

package/dist/sections/settings.js

@@ -1,8 +0,0 @@
-"use client";
-import { i as T, n as s, r as t, t as a } from "../chunks/settings-B0vhLoMi.js";
-export {
-  a as SETTINGS_CALLOUT,
-  s as SETTINGS_CARD,
-  t as SETTINGS_ROW,
-  T as Settings
-};

package/dist/src/sections/settings/index.d.ts

@@ -1 +0,0 @@
-export { Settings, SETTINGS_CARD, SETTINGS_CALLOUT, SETTINGS_ROW, type SettingsRowProps, } from './settings';

package/dist/src/sections/settings/settings.d.ts

@@ -1,170 +0,0 @@
-import { ComponentProps, ReactNode, Ref } from 'react';
-/**
- * Settings — Pho's settings-page section: a page title, section titles, and
- * bordered cards of label/control rows.
- *
- * Spacing: wrap the page in `Page` (`max-w-2xl`, vertical padding). `Stack`
- * separates blocks (`gap-10`). Inside a block, children share `gap-3`. Wrap a
- * section title + description in `Header` (`gap-0.5`) so that pair stays tight
- * — don't put them as loose siblings. Parts already carry `px-5`.
- */
-/** Bordered card that stacks rows with hairline dividers. */
-export declare const SETTINGS_CARD = "divide-y divide-pho-secondary rounded-base border border-pho-secondary bg-pho-primary";
-/**
- * Standalone callout surface — featured block (invite form, notice, etc.).
- * Don't wrap in `Card`; this is the outer chrome.
- */
-export declare const SETTINGS_CALLOUT = "flex flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5";
-/**
- * One settings row — label (+ optional description) left, control right.
- * `min-h-[4.25rem]` (68px) keeps avatar/control rows from collapsing shorter
- * than a comfortable touch target.
- */
-export declare const SETTINGS_ROW = "flex min-h-[4.25rem] flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6";
-/**
- * Page chrome — centered column at the settings content width. Hosts
- * `PageTitle` + `Stack` (and any route-level siblings). Prefer this over
- * ad-hoc `max-w-*` wrappers in the app shell.
- */
-declare function Page({ className, ...props }: ComponentProps<"div"> & {
-    ref?: Ref<HTMLDivElement>;
-}): import("react").JSX.Element;
-/** Page title — largest heading on the surface. */
-declare function PageTitle({ className, children, ...props }: ComponentProps<"h1"> & {
-    ref?: Ref<HTMLHeadingElement>;
-}): import("react").JSX.Element;
-/**
- * Vertical stack under the page title. Blocks (forms / sections) use `gap-10`;
- * each block lays out its children with `gap-3`.
- */
-declare function Stack({ className, ...props }: ComponentProps<"div"> & {
-    ref?: Ref<HTMLDivElement>;
-}): import("react").JSX.Element;
-/**
- * Title + optional description pair. Keeps that couple tight (`gap-0.5`) so
- * the block's `gap-3` only applies between this header and the card.
- */
-declare function Header({ className, ...props }: ComponentProps<"div"> & {
-    ref?: Ref<HTMLDivElement>;
-}): import("react").JSX.Element;
-/** Section heading — same padding as the page title, smaller type. */
-declare function SectionTitle({ className, children, ...props }: ComponentProps<"h2"> & {
-    ref?: Ref<HTMLHeadingElement>;
-}): import("react").JSX.Element;
-/**
- * Supporting copy under a section title. Same display step as the title;
- * color + normal weight keep it secondary. Always wrap with `Header`.
- */
-declare function Description({ className, ...props }: ComponentProps<"p"> & {
-    ref?: Ref<HTMLParagraphElement>;
-}): import("react").JSX.Element;
-/** Bordered card that stacks settings rows with hairline dividers. */
-declare function Card({ className, ...props }: ComponentProps<"div"> & {
-    ref?: Ref<HTMLDivElement>;
-}): import("react").JSX.Element;
-/**
- * Standalone callout. Pair with `CalloutTitle` / `CalloutDescription` (and
- * optional actions) for a featured block — e.g. an invite form. Do not wrap
- * in `Card`; this is already the outer surface.
- */
-declare function Callout({ className, ...props }: ComponentProps<"div"> & {
-    ref?: Ref<HTMLDivElement>;
-}): import("react").JSX.Element;
-/** Callout heading — same type as `SectionTitle`. */
-declare function CalloutTitle({ className, children, ...props }: ComponentProps<"h2"> & {
-    ref?: Ref<HTMLHeadingElement>;
-}): import("react").JSX.Element;
-/** Supporting copy under a callout title. */
-declare function CalloutDescription({ className, ...props }: ComponentProps<"p"> & {
-    ref?: Ref<HTMLParagraphElement>;
-}): import("react").JSX.Element;
-export interface SettingsRowProps extends Omit<ComponentProps<"div">, "title"> {
-    /** Left-side field name. */
-    label: string;
-    /** Optional helper under the label. */
-    description?: ReactNode;
-    /** Associates the label with a control id. When omitted, the label is not a `<label>`. */
-    htmlFor?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-/**
- * One settings row: label (+ optional description) left, control right.
- * Pass `htmlFor` when the row wraps a labelled input; omit it for display/
- * action rows (avatar, danger-zone delete).
- */
-declare function Row({ label, description, htmlFor, className, children, ...props }: SettingsRowProps): import("react").JSX.Element;
-/** Read-only value on the right side of a row (email, etc.). */
-declare function Value({ className, ...props }: ComponentProps<"p"> & {
-    ref?: Ref<HTMLParagraphElement>;
-}): import("react").JSX.Element;
-/**
- * Inline error under a row (still inside the card). Matches card horizontal
- * padding so hosts don't re-apply `px-5`.
- */
-declare function Alert({ className, ...props }: ComponentProps<"p"> & {
-    ref?: Ref<HTMLParagraphElement>;
-}): import("react").JSX.Element;
-/**
- * Trailing bar inside a card — typically a save status + submit button that
- * appears after the form is dirty. Same horizontal/vertical padding as a row.
- */
-declare function Footer({ className, ...props }: ComponentProps<"div"> & {
-    ref?: Ref<HTMLDivElement>;
-}): import("react").JSX.Element;
-/**
- * Settings page layout. One stack, one gap rhythm — only title scale differs:
- *
- * ```tsx
- * <Settings.Page>
- *   <Settings.PageTitle>Profile</Settings.PageTitle>
- *   <Settings.Stack>
- *     <form>
- *       <Settings.Card>
- *         <Settings.Row label="Name" htmlFor="first-name">
- *           <Input id="first-name" size="sm" />
- *         </Settings.Row>
- *       </Settings.Card>
- *     </form>
- *     <form>
- *       <Settings.Header>
- *         <Settings.SectionTitle>Agent profile</Settings.SectionTitle>
- *         <Settings.Description>…</Settings.Description>
- *       </Settings.Header>
- *       <Settings.Card>…</Settings.Card>
- *     </form>
- *     <div>
- *       <Settings.SectionTitle>Danger zone</Settings.SectionTitle>
- *       <Settings.Card>
- *         <Settings.Row label="Delete account" description="…">
- *           <Button color="destructive" size="sm">Delete</Button>
- *         </Settings.Row>
- *       </Settings.Card>
- *     </div>
- *     <Settings.Callout>
- *       <Settings.Header>
- *         <Settings.CalloutTitle>Invitations</Settings.CalloutTitle>
- *         <Settings.CalloutDescription>…</Settings.CalloutDescription>
- *       </Settings.Header>
- *       …invite form…
- *     </Settings.Callout>
- *   </Settings.Stack>
- * </Settings.Page>
- * ```
- */
-export declare const Settings: {
-    Page: typeof Page;
-    PageTitle: typeof PageTitle;
-    Stack: typeof Stack;
-    Header: typeof Header;
-    SectionTitle: typeof SectionTitle;
-    Description: typeof Description;
-    Card: typeof Card;
-    Callout: typeof Callout;
-    CalloutTitle: typeof CalloutTitle;
-    CalloutDescription: typeof CalloutDescription;
-    Row: typeof Row;
-    Value: typeof Value;
-    Alert: typeof Alert;
-    Footer: typeof Footer;
-};
-export {};