@skdx/react 0.26.0 → 0.28.0

package/dist/alert-dialog/AlertDialog.cjs

@@ -1 +1 @@
-"use strict";var Ae=Object.create;var f=Object.defineProperty;var ue=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var ye=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var xe=(e,t)=>{for(var o in t)f(e,o,{get:t[o],enumerable:!0})},N=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Pe(t))!Ce.call(e,i)&&i!==o&&f(e,i,{get:()=>t[i],enumerable:!(l=ue(t,i))||l.enumerable});return e};var n=(e,t,o)=>(o=e!=null?Ae(ye(e)):{},N(t||!e||!e.__esModule?f(o,"default",{value:e,enumerable:!0}):o,e)),Re=e=>N(f({},"__esModule",{value:!0}),e);var be={};xe(be,{AlertDialog:()=>h,AlertDialogAction:()=>b,AlertDialogCancel:()=>E,AlertDialogContent:()=>R,AlertDialogDescription:()=>v,AlertDialogOverlay:()=>x,AlertDialogPortal:()=>C,AlertDialogProvider:()=>I,AlertDialogTitle:()=>T,AlertDialogTrigger:()=>y,useAlertDialogContext:()=>r});module.exports=Re(be);var p=n(require("react"),1),O=require("../utils/createContext.cjs"),L=require("../utils/useControllableState.cjs"),H=require("../utils/useOpenChangeComplete.cjs"),M=require("react/jsx-runtime"),[I,r]=(0,O.createSafeContext)("AlertDialog");function h({children:e,open:t,defaultOpen:o=!1,onOpenChange:l,onOpenChangeComplete:i}){let u=p.useRef(null),g=p.useRef(null),[c=!1,P]=(0,L.useControllableState)({prop:t,defaultProp:o,onChange:l});return(0,H.useOpenChangeComplete)(c,g,i),(0,M.jsx)(I,{triggerRef:u,contentRef:g,contentId:p.useId(),titleId:p.useId(),descriptionId:p.useId(),open:c,onOpenChange:P,children:e})}h.displayName="AlertDialog";var w=n(require("react"),1),B=require("../utils/composeRefs.cjs"),S=require("../utils/part.cjs"),d=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),y=w.forwardRef((e,t)=>{let o=r("AlertDialogTrigger"),l=(0,B.useComposedRefs)(t,o.triggerRef);return(0,q.jsx)(d.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed",...e,...(0,S.skdxPart)("alert-dialog","trigger",e.className),ref:l,onClick:(0,d.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!0))})});y.displayName="AlertDialogTrigger";var F=require("../utils/portal.cjs");var V=require("react/jsx-runtime"),C=({forceMount:e,children:t,...o})=>{let l=r("AlertDialogPortal");return e||l.open?(0,V.jsx)(F.Portal,{...o,children:t}):null};C.displayName="AlertDialogPortal";var _=n(require("react"),1),K=require("../utils/part.cjs"),z=require("../utils/primitive.cjs");var G=require("react/jsx-runtime"),x=_.forwardRef(({forceMount:e,...t},o)=>{let l=r("AlertDialogOverlay");return e||l.open?(0,G.jsx)(z.Primitive.div,{"data-state":l.open?"open":"closed",...t,...(0,K.skdxPart)("alert-dialog","overlay",t.className),ref:o,style:{pointerEvents:"auto",...t.style}}):null});x.displayName="AlertDialogOverlay";var J=n(require("react"),1),Q=require("../utils/composeRefs.cjs"),U=require("../utils/part.cjs"),W=require("../utils/primitive.cjs"),X=require("../utils/useBodyScrollLock.cjs"),Y=require("../utils/useDismiss.cjs"),Z=require("../utils/useFocusTrap.cjs");var $=require("react/jsx-runtime"),Te="[data-skdx-alert-dialog-cancel]",ve=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", "),R=J.forwardRef(({forceMount:e,onEscapeKeyDown:t,onPointerDownOutside:o,onFocusOutside:l,onInteractOutside:i,onOpenAutoFocus:u,onCloseAutoFocus:g,...c},P)=>{let a=r("AlertDialogContent"),fe=(0,Q.useComposedRefs)(P,a.contentRef);return(0,X.useBodyScrollLock)(a.open),(0,Z.useFocusTrap)(a.contentRef,a.open,{onOpenAutoFocus:s=>{if(u?.(s),s.defaultPrevented)return;s.preventDefault();let m=a.contentRef.current;if(!m)return;let de=m.querySelector(Te),De=m.querySelector(ve),k=de??De??m;k===m&&(m.tabIndex=-1),k.focus({preventScroll:!0})},onCloseAutoFocus:g}),(0,Y.useDismiss)({enabled:a.open,onEscapeKeyDown:s=>{t?.(s),s.defaultPrevented||a.onOpenChange(!1)},onInteractOutside:i,onPointerDownOutside:o,onFocusOutside:l},[a.contentRef]),e||a.open?(0,$.jsx)(W.Primitive.div,{role:"alertdialog","aria-modal":"true","aria-labelledby":a.titleId,"aria-describedby":a.descriptionId,id:a.contentId,"data-state":a.open?"open":"closed",...c,...(0,U.skdxPart)("alert-dialog","content",c.className),ref:fe}):null});R.displayName="AlertDialogContent";var j=n(require("react"),1),ee=require("../utils/part.cjs"),te=require("../utils/primitive.cjs");var oe=require("react/jsx-runtime"),T=j.forwardRef((e,t)=>{let o=r("AlertDialogTitle");return(0,oe.jsx)(te.Primitive.h2,{id:o.titleId,...e,...(0,ee.skdxPart)("alert-dialog","title",e.className),ref:t})});T.displayName="AlertDialogTitle";var re=n(require("react"),1),le=require("../utils/part.cjs"),ae=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime"),v=re.forwardRef((e,t)=>{let o=r("AlertDialogDescription");return(0,ie.jsx)(ae.Primitive.p,{id:o.descriptionId,...e,...(0,le.skdxPart)("alert-dialog","description",e.className),ref:t})});v.displayName="AlertDialogDescription";var ne=n(require("react"),1),pe=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var se=require("react/jsx-runtime"),b=ne.forwardRef((e,t)=>{let o=r("AlertDialogAction");return(0,se.jsx)(D.Primitive.button,{type:"button",...e,...(0,pe.skdxPart)("alert-dialog","action",e.className),ref:t,onClick:(0,D.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})});b.displayName="AlertDialogAction";var me=n(require("react"),1),ce=require("../utils/part.cjs"),A=require("../utils/primitive.cjs");var ge=require("react/jsx-runtime"),E=me.forwardRef((e,t)=>{let o=r("AlertDialogCancel");return(0,ge.jsx)(A.Primitive.button,{type:"button","data-skdx-alert-dialog-cancel":"",...e,...(0,ce.skdxPart)("alert-dialog","cancel",e.className),ref:t,onClick:(0,A.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})});E.displayName="AlertDialogCancel";0&&(module.exports={AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogOverlay,AlertDialogPortal,AlertDialogProvider,AlertDialogTitle,AlertDialogTrigger,useAlertDialogContext});
+"use strict";var He=Object.create;var y=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Me=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var Ne=(e,t)=>{for(var o in t)y(e,o,{get:t[o],enumerable:!0})},$=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Le(t))!Oe.call(e,s)&&s!==o&&y(e,s,{get:()=>t[s],enumerable:!(r=ke(t,s))||r.enumerable});return e};var p=(e,t,o)=>(o=e!=null?He(Me(e)):{},$(t||!e||!e.__esModule?y(o,"default",{value:e,enumerable:!0}):o,e)),Fe=e=>$(y({},"__esModule",{value:!0}),e);var we={};Ne(we,{AlertDialog:()=>Pe,AlertDialogAction:()=>P,AlertDialogCancel:()=>x,AlertDialogContent:()=>h,AlertDialogDescription:()=>v,AlertDialogOverlay:()=>b,AlertDialogPortal:()=>E,AlertDialogProvider:()=>Ce,AlertDialogTitle:()=>k,AlertDialogTrigger:()=>Te,useAlertDialogContext:()=>a});module.exports=Fe(we);var m=p(require("react"),1),De=require("../utils/createContext.cjs"),Ae=require("../utils/useControllableState.cjs"),ye=require("../utils/useOpenChangeComplete.cjs");var V=p(require("react"),1),_=require("../utils/part.cjs"),C=require("../utils/primitive.cjs");var K=require("react/jsx-runtime"),P=V.forwardRef((e,t)=>{let o=a("AlertDialogAction");return(0,K.jsx)(C.Primitive.button,{type:"button",...e,...(0,_.skdxPart)("alert-dialog","action",e.className),ref:t,onClick:(0,C.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})});P.displayName="AlertDialogAction";var U=p(require("react"),1),W=require("../utils/part.cjs"),R=require("../utils/primitive.cjs");var z=require("react/jsx-runtime"),x=U.forwardRef((e,t)=>{let o=a("AlertDialogCancel");return(0,z.jsx)(R.Primitive.button,{type:"button","data-skdx-alert-dialog-cancel":"",...e,...(0,W.skdxPart)("alert-dialog","cancel",e.className),ref:t,onClick:(0,R.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})});x.displayName="AlertDialogCancel";var G=p(require("react"),1),J=require("../utils/composeRefs.cjs"),Q=require("../utils/part.cjs"),X=require("../utils/primitive.cjs"),Y=require("../utils/tabbable.cjs"),Z=require("../utils/useBodyScrollLock.cjs"),j=require("../utils/useDismiss.cjs"),ee=require("../utils/useFocusTrap.cjs"),te=require("../utils/useOutsideInert.cjs");var I=require("../utils/is-dev-mode.cjs");function w(e,t,o){if(!t)return null;let r;try{r=e.querySelector(t)}catch{return(0,I.isDevMode)()&&console.warn(`[skdx] AlertDialog: ${o}="${t}" is not a valid CSS selector. Falling back to the default focus target.`),null}return!r&&(0,I.isDevMode)()&&console.warn(Se(o,t)),r}function Se(e,t){return e==="initialFocus"?`[skdx] AlertDialog: initialFocus="${t}" matched no element inside the alert dialog panel. Falling back to the Cancel button, then the first tabbable element, then the panel itself.`:`[skdx] AlertDialog: finalFocus="${t}" matched no element in the document. Falling back to the element that was focused before the alert dialog opened.`}var oe=require("react/jsx-runtime"),Ie="[data-skdx-alert-dialog-cancel]",h=G.forwardRef(({forceMount:e,initialFocus:t,finalFocus:o,onEscapeKeyDown:r,onPointerDownOutside:s,onFocusOutside:f,onInteractOutside:g,onOpenAutoFocus:d,onCloseAutoFocus:M,...u},O)=>{let l=a("AlertDialogContent"),N=(0,J.useComposedRefs)(O,l.contentRef);return(0,Z.useBodyScrollLock)(l.open),(0,te.useOutsideInert)(l.contentRef,l.open),(0,ee.useFocusTrap)(l.contentRef,l.open,{onOpenAutoFocus:i=>{if(d?.(i),i.defaultPrevented)return;i.preventDefault();let n=l.contentRef.current;if(!n)return;let D=w(n,t,"initialFocus"),F=n.querySelector(Ie),S=n.querySelector(Y.TABBABLE_SELECTOR),A=D??F??S??n;A===n&&(n.tabIndex=-1),A.focus({preventScroll:!0})},onCloseAutoFocus:i=>{if(M?.(i),i.defaultPrevented||!o)return;let n=w(document,o,"finalFocus");n&&(n.focus({preventScroll:!0}),i.preventDefault())}}),(0,j.useDismiss)({enabled:l.open,onEscapeKeyDown:i=>{r?.(i),!(i.defaultPrevented||l.dismiss==="none")&&l.onOpenChange(!1)},onInteractOutside:g,onPointerDownOutside:s,onFocusOutside:f},[l.contentRef]),e||l.open?(0,oe.jsx)(X.Primitive.div,{role:"alertdialog","aria-modal":"true","aria-labelledby":l.hasTitle?l.titleId:void 0,"aria-describedby":l.hasDescription?l.descriptionId:void 0,id:l.contentId,"data-state":l.open?"open":"closed","data-dismiss":l.dismiss,...u,...(0,Q.skdxPart)("alert-dialog","content",u.className),ref:N}):null});h.displayName="AlertDialogContent";var T=p(require("react"),1),re=require("../utils/part.cjs"),le=require("../utils/primitive.cjs");var ae=require("react/jsx-runtime"),v=T.forwardRef((e,t)=>{let o=a("AlertDialogDescription"),{setHasDescription:r}=o;return T.useEffect(()=>(r(!0),()=>r(!1)),[r]),(0,ae.jsx)(le.Primitive.p,{id:o.descriptionId,...e,...(0,re.skdxPart)("alert-dialog","description",e.className),ref:t})});v.displayName="AlertDialogDescription";var ie=p(require("react"),1),ne=require("../utils/part.cjs"),se=require("../utils/primitive.cjs");var me=require("react/jsx-runtime"),b=ie.forwardRef(({forceMount:e,...t},o)=>{let r=a("AlertDialogOverlay");return e||r.open?(0,me.jsx)(se.Primitive.div,{"data-state":r.open?"open":"closed",...t,...(0,ne.skdxPart)("alert-dialog","overlay",t.className),ref:o,style:{pointerEvents:"auto",...t.style}}):null});b.displayName="AlertDialogOverlay";var ce=require("../utils/portal.cjs");var pe=require("react/jsx-runtime"),E=({forceMount:e,children:t,...o})=>{let r=a("AlertDialogPortal");return e||r.open?(0,pe.jsx)(ce.Portal,{...o,children:t}):null};E.displayName="AlertDialogPortal";var H=p(require("react"),1),fe=require("../utils/part.cjs"),ge=require("../utils/primitive.cjs");var de=require("react/jsx-runtime"),k=H.forwardRef((e,t)=>{let o=a("AlertDialogTitle"),{setHasTitle:r}=o;return H.useEffect(()=>(r(!0),()=>r(!1)),[r]),(0,de.jsx)(ge.Primitive.h2,{id:o.titleId,...e,...(0,fe.skdxPart)("alert-dialog","title",e.className),ref:t})});k.displayName="AlertDialogTitle";var c=require("react/jsx-runtime"),ue=({title:e,description:t,confirmLabel:o,cancelLabel:r,onConfirm:s,onCancel:f,tone:g,passThrough:d})=>(0,c.jsxs)(E,{children:[(0,c.jsx)(b,{}),(0,c.jsxs)(h,{...d,children:[e?(0,c.jsx)(k,{children:e}):null,t?(0,c.jsx)(v,{children:t}):null,(0,c.jsx)(x,{onClick:f,children:r}),(0,c.jsx)(P,{"data-tone":g,onClick:s,children:o})]})]});var B=require("react/jsx-runtime"),[Ce,a]=(0,De.createSafeContext)("AlertDialog");function Pe({children:e,open:t,defaultOpen:o=!1,dismiss:r="escape",onOpenChange:s,onOpenChangeComplete:f,title:g,description:d,confirmLabel:M="Confirm",cancelLabel:u="Cancel",onConfirm:O,onCancel:l,tone:N="neutral",...i}){let n=m.useRef(null),D=m.useRef(null),[F,S]=m.useState(!1),[A,be]=m.useState(!1),[q=!1,Ee]=(0,Ae.useControllableState)({prop:t,defaultProp:o,onChange:s});return(0,ye.useOpenChangeComplete)(q,D,f),(0,B.jsx)(Ce,{triggerRef:n,contentRef:D,contentId:m.useId(),titleId:m.useId(),descriptionId:m.useId(),hasTitle:F,setHasTitle:S,hasDescription:A,setHasDescription:be,open:q,onOpenChange:Ee,dismiss:r,children:e??(0,B.jsx)(ue,{title:g,description:d,confirmLabel:M,cancelLabel:u,onConfirm:O,onCancel:l,tone:N,passThrough:i})})}Pe.displayName="AlertDialog";var Re=p(require("react"),1),xe=require("../utils/composeRefs.cjs"),he=require("../utils/part.cjs"),L=require("../utils/primitive.cjs");var ve=require("react/jsx-runtime"),Te=Re.forwardRef((e,t)=>{let o=a("AlertDialogTrigger"),r=(0,xe.useComposedRefs)(t,o.triggerRef);return(0,ve.jsx)(L.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed",...e,...(0,he.skdxPart)("alert-dialog","trigger",e.className),ref:r,onClick:(0,L.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!0))})});Te.displayName="AlertDialogTrigger";0&&(module.exports={AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogOverlay,AlertDialogPortal,AlertDialogProvider,AlertDialogTitle,AlertDialogTrigger,useAlertDialogContext});

package/dist/alert-dialog/AlertDialog.d.cts

@@ -7,20 +7,28 @@ export declare const AlertDialogProvider: {
     displayName: string;
 }, useAlertDialogContext: (consumerName: string) => AlertDialogContextValue;
 /**
- * Root of an interruptive alert dialog (WAI-ARIA `alertdialog` pattern):
- * owns open state and hands it down to `AlertDialogTrigger` /
- * `AlertDialogPortal` / `AlertDialogOverlay` / `AlertDialogContent` /
- * `AlertDialogTitle` / `AlertDialogDescription` / `AlertDialogAction` /
- * `AlertDialogCancel` via context. Renders no DOM element itself.
- *
- * Always modal — unlike `Dialog` it never closes on outside pointer-down,
- * only on Escape or an explicit `AlertDialogAction`/`AlertDialogCancel`
- * click, and focus initially lands on the `AlertDialogCancel` button.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * Root of an interruptive alert dialog (WAI-ARIA `alertdialog` pattern): owns
+ * open state and passes to parts via context with no DOM element. Derives the
+ * panel from `title`/`description`/`confirmLabel`/`cancelLabel`/`tone`;
+ * `children` replaces that entirely. Always modal (never closes on outside
+ * pointer-down), only on Escape or explicit button click. Focus initially on
+ * `AlertDialogCancel`. `dismiss="none"` removes the Escape route. Works
+ * controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
  *
  * @example
  * ```tsx
+ * <AlertDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Delete account?"
+ *   description="This action cannot be undone."
+ *   tone="danger"
+ *   onConfirm={handleDelete}
+ * />
+ * ```
+ *
+ * @example Full manual composition.
+ * ```tsx
  * <AlertDialog>
  *   <AlertDialogTrigger>Delete account</AlertDialogTrigger>
  *   <AlertDialogPortal>
@@ -35,7 +43,7 @@ export declare const AlertDialogProvider: {
  * </AlertDialog>
  * ```
  */
-export declare function AlertDialog({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: AlertDialogProps): React.JSX.Element;
+export declare function AlertDialog({ children, open: openProp, defaultOpen, dismiss, onOpenChange, onOpenChangeComplete, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, tone, ...rest }: AlertDialogProps): React.JSX.Element;
 export declare namespace AlertDialog {
     var displayName: string;
 }

package/dist/alert-dialog/AlertDialog.d.ts

@@ -7,20 +7,28 @@ export declare const AlertDialogProvider: {
     displayName: string;
 }, useAlertDialogContext: (consumerName: string) => AlertDialogContextValue;
 /**
- * Root of an interruptive alert dialog (WAI-ARIA `alertdialog` pattern):
- * owns open state and hands it down to `AlertDialogTrigger` /
- * `AlertDialogPortal` / `AlertDialogOverlay` / `AlertDialogContent` /
- * `AlertDialogTitle` / `AlertDialogDescription` / `AlertDialogAction` /
- * `AlertDialogCancel` via context. Renders no DOM element itself.
- *
- * Always modal — unlike `Dialog` it never closes on outside pointer-down,
- * only on Escape or an explicit `AlertDialogAction`/`AlertDialogCancel`
- * click, and focus initially lands on the `AlertDialogCancel` button.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * Root of an interruptive alert dialog (WAI-ARIA `alertdialog` pattern): owns
+ * open state and passes to parts via context with no DOM element. Derives the
+ * panel from `title`/`description`/`confirmLabel`/`cancelLabel`/`tone`;
+ * `children` replaces that entirely. Always modal (never closes on outside
+ * pointer-down), only on Escape or explicit button click. Focus initially on
+ * `AlertDialogCancel`. `dismiss="none"` removes the Escape route. Works
+ * controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
  *
  * @example
  * ```tsx
+ * <AlertDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Delete account?"
+ *   description="This action cannot be undone."
+ *   tone="danger"
+ *   onConfirm={handleDelete}
+ * />
+ * ```
+ *
+ * @example Full manual composition.
+ * ```tsx
  * <AlertDialog>
  *   <AlertDialogTrigger>Delete account</AlertDialogTrigger>
  *   <AlertDialogPortal>
@@ -35,7 +43,7 @@ export declare const AlertDialogProvider: {
  * </AlertDialog>
  * ```
  */
-export declare function AlertDialog({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: AlertDialogProps): React.JSX.Element;
+export declare function AlertDialog({ children, open: openProp, defaultOpen, dismiss, onOpenChange, onOpenChangeComplete, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, tone, ...rest }: AlertDialogProps): React.JSX.Element;
 export declare namespace AlertDialog {
     var displayName: string;
 }

package/dist/alert-dialog/AlertDialog.js

@@ -1 +1 @@
-import*as i from"react";import{createSafeContext as h}from"../utils/createContext.js";import{useControllableState as M}from"../utils/useControllableState.js";import{useOpenChangeComplete as w}from"../utils/useOpenChangeComplete.js";import{jsx as q}from"react/jsx-runtime";var[B,r]=h("AlertDialog");function S({children:e,open:o,defaultOpen:t=!1,onOpenChange:a,onOpenChangeComplete:c}){let g=i.useRef(null),m=i.useRef(null),[s=!1,f]=M({prop:o,defaultProp:t,onChange:a});return w(s,m,c),q(B,{triggerRef:g,contentRef:m,contentId:i.useId(),titleId:i.useId(),descriptionId:i.useId(),open:s,onOpenChange:f,children:e})}S.displayName="AlertDialog";import*as D from"react";import{useComposedRefs as F}from"../utils/composeRefs.js";import{skdxPart as V}from"../utils/part.js";import{composeEventHandlers as _,Primitive as K}from"../utils/primitive.js";import{jsx as z}from"react/jsx-runtime";var A=D.forwardRef((e,o)=>{let t=r("AlertDialogTrigger"),a=F(o,t.triggerRef);return z(K.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...e,...V("alert-dialog","trigger",e.className),ref:a,onClick:_(e.onClick,()=>t.onOpenChange(!0))})});A.displayName="AlertDialogTrigger";import{Portal as G}from"../utils/portal.js";import{jsx as J}from"react/jsx-runtime";var u=({forceMount:e,children:o,...t})=>{let a=r("AlertDialogPortal");return e||a.open?J(G,{...t,children:o}):null};u.displayName="AlertDialogPortal";import*as P from"react";import{skdxPart as Q}from"../utils/part.js";import{Primitive as U}from"../utils/primitive.js";import{jsx as W}from"react/jsx-runtime";var y=P.forwardRef(({forceMount:e,...o},t)=>{let a=r("AlertDialogOverlay");return e||a.open?W(U.div,{"data-state":a.open?"open":"closed",...o,...Q("alert-dialog","overlay",o.className),ref:t,style:{pointerEvents:"auto",...o.style}}):null});y.displayName="AlertDialogOverlay";import*as C from"react";import{useComposedRefs as X}from"../utils/composeRefs.js";import{skdxPart as Y}from"../utils/part.js";import{Primitive as Z}from"../utils/primitive.js";import{useBodyScrollLock as $}from"../utils/useBodyScrollLock.js";import{useDismiss as j}from"../utils/useDismiss.js";import{useFocusTrap as ee}from"../utils/useFocusTrap.js";import{jsx as re}from"react/jsx-runtime";var te="[data-skdx-alert-dialog-cancel]",oe=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", "),x=C.forwardRef(({forceMount:e,onEscapeKeyDown:o,onPointerDownOutside:t,onFocusOutside:a,onInteractOutside:c,onOpenAutoFocus:g,onCloseAutoFocus:m,...s},f)=>{let l=r("AlertDialogContent"),L=X(f,l.contentRef);return $(l.open),ee(l.contentRef,l.open,{onOpenAutoFocus:n=>{if(g?.(n),n.defaultPrevented)return;n.preventDefault();let p=l.contentRef.current;if(!p)return;let H=p.querySelector(te),I=p.querySelector(oe),d=H??I??p;d===p&&(p.tabIndex=-1),d.focus({preventScroll:!0})},onCloseAutoFocus:m}),j({enabled:l.open,onEscapeKeyDown:n=>{o?.(n),n.defaultPrevented||l.onOpenChange(!1)},onInteractOutside:c,onPointerDownOutside:t,onFocusOutside:a},[l.contentRef]),e||l.open?re(Z.div,{role:"alertdialog","aria-modal":"true","aria-labelledby":l.titleId,"aria-describedby":l.descriptionId,id:l.contentId,"data-state":l.open?"open":"closed",...s,...Y("alert-dialog","content",s.className),ref:L}):null});x.displayName="AlertDialogContent";import*as R from"react";import{skdxPart as le}from"../utils/part.js";import{Primitive as ae}from"../utils/primitive.js";import{jsx as ie}from"react/jsx-runtime";var T=R.forwardRef((e,o)=>{let t=r("AlertDialogTitle");return ie(ae.h2,{id:t.titleId,...e,...le("alert-dialog","title",e.className),ref:o})});T.displayName="AlertDialogTitle";import*as v from"react";import{skdxPart as ne}from"../utils/part.js";import{Primitive as pe}from"../utils/primitive.js";import{jsx as se}from"react/jsx-runtime";var b=v.forwardRef((e,o)=>{let t=r("AlertDialogDescription");return se(pe.p,{id:t.descriptionId,...e,...ne("alert-dialog","description",e.className),ref:o})});b.displayName="AlertDialogDescription";import*as E from"react";import{skdxPart as me}from"../utils/part.js";import{composeEventHandlers as ce,Primitive as ge}from"../utils/primitive.js";import{jsx as fe}from"react/jsx-runtime";var k=E.forwardRef((e,o)=>{let t=r("AlertDialogAction");return fe(ge.button,{type:"button",...e,...me("alert-dialog","action",e.className),ref:o,onClick:ce(e.onClick,()=>t.onOpenChange(!1))})});k.displayName="AlertDialogAction";import*as N from"react";import{skdxPart as de}from"../utils/part.js";import{composeEventHandlers as De,Primitive as Ae}from"../utils/primitive.js";import{jsx as ue}from"react/jsx-runtime";var O=N.forwardRef((e,o)=>{let t=r("AlertDialogCancel");return ue(Ae.button,{type:"button","data-skdx-alert-dialog-cancel":"",...e,...de("alert-dialog","cancel",e.className),ref:o,onClick:De(e.onClick,()=>t.onOpenChange(!1))})});O.displayName="AlertDialogCancel";export{S as AlertDialog,k as AlertDialogAction,O as AlertDialogCancel,x as AlertDialogContent,b as AlertDialogDescription,y as AlertDialogOverlay,u as AlertDialogPortal,B as AlertDialogProvider,T as AlertDialogTitle,A as AlertDialogTrigger,r as useAlertDialogContext};
+import*as s from"react";import{createSafeContext as Pe}from"../utils/createContext.js";import{useControllableState as Re}from"../utils/useControllableState.js";import{useOpenChangeComplete as xe}from"../utils/useOpenChangeComplete.js";import*as N from"react";import{skdxPart as U}from"../utils/part.js";import{composeEventHandlers as W,Primitive as z}from"../utils/primitive.js";import{jsx as G}from"react/jsx-runtime";var T=N.forwardRef((e,t)=>{let o=a("AlertDialogAction");return G(z.button,{type:"button",...e,...U("alert-dialog","action",e.className),ref:t,onClick:W(e.onClick,()=>o.onOpenChange(!1))})});T.displayName="AlertDialogAction";import*as F from"react";import{skdxPart as J}from"../utils/part.js";import{composeEventHandlers as Q,Primitive as X}from"../utils/primitive.js";import{jsx as Y}from"react/jsx-runtime";var v=F.forwardRef((e,t)=>{let o=a("AlertDialogCancel");return Y(X.button,{type:"button","data-skdx-alert-dialog-cancel":"",...e,...J("alert-dialog","cancel",e.className),ref:t,onClick:Q(e.onClick,()=>o.onOpenChange(!1))})});v.displayName="AlertDialogCancel";import*as I from"react";import{useComposedRefs as j}from"../utils/composeRefs.js";import{skdxPart as ee}from"../utils/part.js";import{Primitive as te}from"../utils/primitive.js";import{TABBABLE_SELECTOR as oe}from"../utils/tabbable.js";import{useBodyScrollLock as re}from"../utils/useBodyScrollLock.js";import{useDismiss as le}from"../utils/useDismiss.js";import{useFocusTrap as ae}from"../utils/useFocusTrap.js";import{useOutsideInert as ie}from"../utils/useOutsideInert.js";import{isDevMode as S}from"../utils/is-dev-mode.js";function b(e,t,o){if(!t)return null;let r;try{r=e.querySelector(t)}catch{return S()&&console.warn(`[skdx] AlertDialog: ${o}="${t}" is not a valid CSS selector. Falling back to the default focus target.`),null}return!r&&S()&&console.warn(Z(o,t)),r}function Z(e,t){return e==="initialFocus"?`[skdx] AlertDialog: initialFocus="${t}" matched no element inside the alert dialog panel. Falling back to the Cancel button, then the first tabbable element, then the panel itself.`:`[skdx] AlertDialog: finalFocus="${t}" matched no element in the document. Falling back to the element that was focused before the alert dialog opened.`}import{jsx as se}from"react/jsx-runtime";var ne="[data-skdx-alert-dialog-cancel]",E=I.forwardRef(({forceMount:e,initialFocus:t,finalFocus:o,onEscapeKeyDown:r,onPointerDownOutside:m,onFocusOutside:c,onInteractOutside:p,onOpenAutoFocus:f,onCloseAutoFocus:C,...d},P)=>{let l=a("AlertDialogContent"),R=j(P,l.contentRef);return re(l.open),ie(l.contentRef,l.open),ae(l.contentRef,l.open,{onOpenAutoFocus:i=>{if(f?.(i),i.defaultPrevented)return;i.preventDefault();let n=l.contentRef.current;if(!n)return;let u=b(n,t,"initialFocus"),x=n.querySelector(ne),h=n.querySelector(oe),D=u??x??h??n;D===n&&(n.tabIndex=-1),D.focus({preventScroll:!0})},onCloseAutoFocus:i=>{if(C?.(i),i.defaultPrevented||!o)return;let n=b(document,o,"finalFocus");n&&(n.focus({preventScroll:!0}),i.preventDefault())}}),le({enabled:l.open,onEscapeKeyDown:i=>{r?.(i),!(i.defaultPrevented||l.dismiss==="none")&&l.onOpenChange(!1)},onInteractOutside:p,onPointerDownOutside:m,onFocusOutside:c},[l.contentRef]),e||l.open?se(te.div,{role:"alertdialog","aria-modal":"true","aria-labelledby":l.hasTitle?l.titleId:void 0,"aria-describedby":l.hasDescription?l.descriptionId:void 0,id:l.contentId,"data-state":l.open?"open":"closed","data-dismiss":l.dismiss,...d,...ee("alert-dialog","content",d.className),ref:R}):null});E.displayName="AlertDialogContent";import*as A from"react";import{skdxPart as me}from"../utils/part.js";import{Primitive as ce}from"../utils/primitive.js";import{jsx as pe}from"react/jsx-runtime";var H=A.forwardRef((e,t)=>{let o=a("AlertDialogDescription"),{setHasDescription:r}=o;return A.useEffect(()=>(r(!0),()=>r(!1)),[r]),pe(ce.p,{id:o.descriptionId,...e,...me("alert-dialog","description",e.className),ref:t})});H.displayName="AlertDialogDescription";import*as w from"react";import{skdxPart as fe}from"../utils/part.js";import{Primitive as ge}from"../utils/primitive.js";import{jsx as de}from"react/jsx-runtime";var k=w.forwardRef(({forceMount:e,...t},o)=>{let r=a("AlertDialogOverlay");return e||r.open?de(ge.div,{"data-state":r.open?"open":"closed",...t,...fe("alert-dialog","overlay",t.className),ref:o,style:{pointerEvents:"auto",...t.style}}):null});k.displayName="AlertDialogOverlay";import{Portal as ue}from"../utils/portal.js";import{jsx as De}from"react/jsx-runtime";var L=({forceMount:e,children:t,...o})=>{let r=a("AlertDialogPortal");return e||r.open?De(ue,{...o,children:t}):null};L.displayName="AlertDialogPortal";import*as y from"react";import{skdxPart as Ae}from"../utils/part.js";import{Primitive as ye}from"../utils/primitive.js";import{jsx as Ce}from"react/jsx-runtime";var M=y.forwardRef((e,t)=>{let o=a("AlertDialogTitle"),{setHasTitle:r}=o;return y.useEffect(()=>(r(!0),()=>r(!1)),[r]),Ce(ye.h2,{id:o.titleId,...e,...Ae("alert-dialog","title",e.className),ref:t})});M.displayName="AlertDialogTitle";import{jsx as g,jsxs as B}from"react/jsx-runtime";var q=({title:e,description:t,confirmLabel:o,cancelLabel:r,onConfirm:m,onCancel:c,tone:p,passThrough:f})=>B(L,{children:[g(k,{}),B(E,{...f,children:[e?g(M,{children:e}):null,t?g(H,{children:t}):null,g(v,{onClick:c,children:r}),g(T,{"data-tone":p,onClick:m,children:o})]})]});import{jsx as $}from"react/jsx-runtime";var[he,a]=Pe("AlertDialog");function Te({children:e,open:t,defaultOpen:o=!1,dismiss:r="escape",onOpenChange:m,onOpenChangeComplete:c,title:p,description:f,confirmLabel:C="Confirm",cancelLabel:d="Cancel",onConfirm:P,onCancel:l,tone:R="neutral",...i}){let n=s.useRef(null),u=s.useRef(null),[x,h]=s.useState(!1),[D,_]=s.useState(!1),[O=!1,K]=Re({prop:t,defaultProp:o,onChange:m});return xe(O,u,c),$(he,{triggerRef:n,contentRef:u,contentId:s.useId(),titleId:s.useId(),descriptionId:s.useId(),hasTitle:x,setHasTitle:h,hasDescription:D,setHasDescription:_,open:O,onOpenChange:K,dismiss:r,children:e??$(q,{title:p,description:f,confirmLabel:C,cancelLabel:d,onConfirm:P,onCancel:l,tone:R,passThrough:i})})}Te.displayName="AlertDialog";import*as V from"react";import{useComposedRefs as ve}from"../utils/composeRefs.js";import{skdxPart as be}from"../utils/part.js";import{composeEventHandlers as Ee,Primitive as He}from"../utils/primitive.js";import{jsx as Le}from"react/jsx-runtime";var ke=V.forwardRef((e,t)=>{let o=a("AlertDialogTrigger"),r=ve(t,o.triggerRef);return Le(He.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed",...e,...be("alert-dialog","trigger",e.className),ref:r,onClick:Ee(e.onClick,()=>o.onOpenChange(!0))})});ke.displayName="AlertDialogTrigger";export{Te as AlertDialog,T as AlertDialogAction,v as AlertDialogCancel,E as AlertDialogContent,H as AlertDialogDescription,k as AlertDialogOverlay,L as AlertDialogPortal,he as AlertDialogProvider,M as AlertDialogTitle,ke as AlertDialogTrigger,a as useAlertDialogContext};

package/dist/alert-dialog/AlertDialogAction.d.cts

@@ -1,13 +1,36 @@
 import * as React from 'react';
 import type { AlertDialogActionProps } from './types.cjs';
 /**
- * Button that confirms the alert dialog's primary (often destructive) action
- * and closes the dialog on click. Does not run your handler for you — attach
- * an `onClick` to actually perform the action.
+ * Button that confirms the alert dialog's primary action and closes it on click.
+ * Does not run your handler — attach `onClick` to perform the action.
+ *
+ * The close is vetoable: `event.preventDefault()` in your `onClick` keeps it open,
+ * necessary for async operations to report failure.
+ * Close it yourself when the work settles.
  *
  * @example
  * ```tsx
  * <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
  * ```
+ *
+ * @example Asynchronous confirmation — the dialog stays up until the request settles.
+ * ```tsx
+ * <AlertDialogAction
+ *   onClick={async (event) => {
+ *     event.preventDefault();
+ *     setPending(true);
+ *     try {
+ *       await deleteAccount();
+ *       setOpen(false);
+ *     } catch (error) {
+ *       setError(error);
+ *     } finally {
+ *       setPending(false);
+ *     }
+ *   }}
+ * >
+ *   Delete
+ * </AlertDialogAction>
+ * ```
  */
 export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/alert-dialog/AlertDialogAction.d.ts

@@ -1,13 +1,36 @@
 import * as React from 'react';
 import type { AlertDialogActionProps } from './types.js';
 /**
- * Button that confirms the alert dialog's primary (often destructive) action
- * and closes the dialog on click. Does not run your handler for you — attach
- * an `onClick` to actually perform the action.
+ * Button that confirms the alert dialog's primary action and closes it on click.
+ * Does not run your handler — attach `onClick` to perform the action.
+ *
+ * The close is vetoable: `event.preventDefault()` in your `onClick` keeps it open,
+ * necessary for async operations to report failure.
+ * Close it yourself when the work settles.
  *
  * @example
  * ```tsx
  * <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
  * ```
+ *
+ * @example Asynchronous confirmation — the dialog stays up until the request settles.
+ * ```tsx
+ * <AlertDialogAction
+ *   onClick={async (event) => {
+ *     event.preventDefault();
+ *     setPending(true);
+ *     try {
+ *       await deleteAccount();
+ *       setOpen(false);
+ *     } catch (error) {
+ *       setError(error);
+ *     } finally {
+ *       setPending(false);
+ *     }
+ *   }}
+ * >
+ *   Delete
+ * </AlertDialogAction>
+ * ```
  */
 export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/alert-dialog/AlertDialogAnatomy.d.cts

@@ -0,0 +1,22 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.cjs';
+import type { AlertDialogTone } from './types.cjs';
+/**
+ * The anatomy an {@link AlertDialog} draws when it is given no children: the
+ * portal, overlay, panel with a derived title/description, and the two
+ * actions — Cancel wired to `onCancel`, the primary action wired to
+ * `onConfirm`. Both closes stay vetoable exactly as `AlertDialogAction` and
+ * `AlertDialogCancel` document, since this renders those parts unchanged.
+ *
+ * @internal
+ */
+export declare const AlertDialogAnatomy: ({ title, description, confirmLabel, cancelLabel, onConfirm, onCancel, tone, passThrough, }: {
+    title?: string;
+    description?: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm?: React.MouseEventHandler<HTMLButtonElement>;
+    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
+    tone: AlertDialogTone;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

package/dist/alert-dialog/AlertDialogAnatomy.d.ts

@@ -0,0 +1,22 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.js';
+import type { AlertDialogTone } from './types.js';
+/**
+ * The anatomy an {@link AlertDialog} draws when it is given no children: the
+ * portal, overlay, panel with a derived title/description, and the two
+ * actions — Cancel wired to `onCancel`, the primary action wired to
+ * `onConfirm`. Both closes stay vetoable exactly as `AlertDialogAction` and
+ * `AlertDialogCancel` document, since this renders those parts unchanged.
+ *
+ * @internal
+ */
+export declare const AlertDialogAnatomy: ({ title, description, confirmLabel, cancelLabel, onConfirm, onCancel, tone, passThrough, }: {
+    title?: string;
+    description?: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm?: React.MouseEventHandler<HTMLButtonElement>;
+    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
+    tone: AlertDialogTone;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

package/dist/alert-dialog/AlertDialogCancel.d.cts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDialogCancelProps } from './types.cjs';
 /**
- * Button that dismisses the alert dialog without taking action. Marked with
- * an internal data attribute so `AlertDialogContent` can send it initial
- * focus on open, per the "default to the safe action" alertdialog guidance.
+ * Button that dismisses the alert dialog. The close is vetoable: call `event.preventDefault()` to keep the dialog open.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogCancel.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDialogCancelProps } from './types.js';
 /**
- * Button that dismisses the alert dialog without taking action. Marked with
- * an internal data attribute so `AlertDialogContent` can send it initial
- * focus on open, per the "default to the safe action" alertdialog guidance.
+ * Button that dismisses the alert dialog. The close is vetoable: call `event.preventDefault()` to keep the dialog open.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogContent.d.cts

@@ -1,20 +1,14 @@
 import * as React from 'react';
 import type { AlertDialogContentProps } from './types.cjs';
 /**
- * The alert dialog's panel: `role="alertdialog"` with `aria-modal="true"`,
- * labelled by `AlertDialogTitle` and described by `AlertDialogDescription`
- * via `aria-labelledby`/`aria-describedby`, and `data-state` (`open`/`closed`)
- * reflecting state. Always traps focus and locks body scroll while open.
- * Unlike `DialogContent`, it never closes on an outside interaction — only
- * Escape (unless `onEscapeKeyDown` calls `event.preventDefault()`) or an
- * explicit `AlertDialogAction`/`AlertDialogCancel` click. Outside
- * interactions are still reported, for nudging the user back to the
- * decision: `onPointerDownOutside`/`onFocusOutside`, each preceded by
- * `onInteractOutside` carrying the same event; there is simply nothing to
- * veto. Sends initial focus to the `AlertDialogCancel` button, announced
- * first as a cancelable `onOpenAutoFocus`, and announces the focus return on
- * close as `onCloseAutoFocus`. Mounts only while open unless `forceMount` is
- * set.
+ * Alert dialog panel: `role="alertdialog"` with `aria-modal="true"`, labelled and
+ * described by `AlertDialogTitle` and `AlertDialogDescription` via
+ * `aria-labelledby`/`aria-describedby` (emitted only once mounted). Traps focus,
+ * locks body scroll, marks document `inert`. Never closes on outside interaction —
+ * only Escape or explicit `AlertDialogAction`/`AlertDialogCancel` clicks close it.
+ * Outside events still fire for user feedback. Initial focus goes to `AlertDialogCancel`
+ * (or `initialFocus` selector if matched), redirected on close by `finalFocus`.
+ * Carries `data-dismiss` from root policy. Mounts only while open unless `forceMount`.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogContent.d.ts

@@ -1,20 +1,14 @@
 import * as React from 'react';
 import type { AlertDialogContentProps } from './types.js';
 /**
- * The alert dialog's panel: `role="alertdialog"` with `aria-modal="true"`,
- * labelled by `AlertDialogTitle` and described by `AlertDialogDescription`
- * via `aria-labelledby`/`aria-describedby`, and `data-state` (`open`/`closed`)
- * reflecting state. Always traps focus and locks body scroll while open.
- * Unlike `DialogContent`, it never closes on an outside interaction — only
- * Escape (unless `onEscapeKeyDown` calls `event.preventDefault()`) or an
- * explicit `AlertDialogAction`/`AlertDialogCancel` click. Outside
- * interactions are still reported, for nudging the user back to the
- * decision: `onPointerDownOutside`/`onFocusOutside`, each preceded by
- * `onInteractOutside` carrying the same event; there is simply nothing to
- * veto. Sends initial focus to the `AlertDialogCancel` button, announced
- * first as a cancelable `onOpenAutoFocus`, and announces the focus return on
- * close as `onCloseAutoFocus`. Mounts only while open unless `forceMount` is
- * set.
+ * Alert dialog panel: `role="alertdialog"` with `aria-modal="true"`, labelled and
+ * described by `AlertDialogTitle` and `AlertDialogDescription` via
+ * `aria-labelledby`/`aria-describedby` (emitted only once mounted). Traps focus,
+ * locks body scroll, marks document `inert`. Never closes on outside interaction —
+ * only Escape or explicit `AlertDialogAction`/`AlertDialogCancel` clicks close it.
+ * Outside events still fire for user feedback. Initial focus goes to `AlertDialogCancel`
+ * (or `initialFocus` selector if matched), redirected on close by `finalFocus`.
+ * Carries `data-dismiss` from root policy. Mounts only while open unless `forceMount`.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogOverlay.d.cts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDialogOverlayProps } from './types.cjs';
 /**
- * Backdrop rendered behind `AlertDialogContent`, typically styled to dim the
- * page. Exposes `data-state` (`open`/`closed`) for animation and mounts only
- * while open unless `forceMount` is set.
+ * Backdrop behind `AlertDialogContent` for dimming. Exposes `data-state` for animation; mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogOverlay.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDialogOverlayProps } from './types.js';
 /**
- * Backdrop rendered behind `AlertDialogContent`, typically styled to dim the
- * page. Exposes `data-state` (`open`/`closed`) for animation and mounts only
- * while open unless `forceMount` is set.
+ * Backdrop behind `AlertDialogContent` for dimming. Exposes `data-state` for animation; mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogPortal.d.cts

@@ -1,9 +1,7 @@
 import type { AlertDialogPortalProps } from './types.cjs';
 /**
- * Teleports `AlertDialogOverlay` and `AlertDialogContent` to `document.body`
- * (or a custom `container`), so the alert dialog escapes any
- * clipping/`overflow` ancestors. Mounts only while open unless `forceMount`
- * is set.
+ * Teleports the dialog to `document.body` or `container`, escaping
+ * clipping/overflow. Mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogPortal.d.ts

@@ -1,9 +1,7 @@
 import type { AlertDialogPortalProps } from './types.js';
 /**
- * Teleports `AlertDialogOverlay` and `AlertDialogContent` to `document.body`
- * (or a custom `container`), so the alert dialog escapes any
- * clipping/`overflow` ancestors. Mounts only while open unless `forceMount`
- * is set.
+ * Teleports the dialog to `document.body` or `container`, escaping
+ * clipping/overflow. Mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogTitle.d.cts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDialogTitleProps } from './types.cjs';
 /**
- * The alert dialog's accessible name: renders an `<h2>` wired to
- * `AlertDialogContent` via `aria-labelledby`. Every alert dialog should
- * include one.
+ * Dialog accessible name wired to content via `aria-labelledby`. Every alert dialog should include one.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/AlertDialogTitle.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDialogTitleProps } from './types.js';
 /**
- * The alert dialog's accessible name: renders an `<h2>` wired to
- * `AlertDialogContent` via `aria-labelledby`. Every alert dialog should
- * include one.
+ * Dialog accessible name wired to content via `aria-labelledby`. Every alert dialog should include one.
  *
  * @example
  * ```tsx

package/dist/alert-dialog/focusTargets.d.cts

@@ -0,0 +1,16 @@
+/**
+ * Resolution of `AlertDialogContent`'s `initialFocus` / `finalFocus`
+ * selectors, and the warning a selector that matches nothing earns.
+ *
+ * CSS selector strings, not element handles, so they survive as HTML attributes
+ * on `<skdx-alert-dialog-content>`. A miss falls back to the automatic target,
+ * never stranding focus on `<body>`.
+ *
+ * The warning is ungated by `NODE_ENV`, matching `warnOnDuplicateIndex` in
+ * `../tag-group/TagGroup` and every other warning in this repo: the package
+ * ships one build, and a selector pointing at nothing is a defect in production
+ * too.
+ *
+ * @internal
+ */
+export declare function resolveFocusSelector(root: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/alert-dialog/focusTargets.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Resolution of `AlertDialogContent`'s `initialFocus` / `finalFocus`
+ * selectors, and the warning a selector that matches nothing earns.
+ *
+ * CSS selector strings, not element handles, so they survive as HTML attributes
+ * on `<skdx-alert-dialog-content>`. A miss falls back to the automatic target,
+ * never stranding focus on `<body>`.
+ *
+ * The warning is ungated by `NODE_ENV`, matching `warnOnDuplicateIndex` in
+ * `../tag-group/TagGroup` and every other warning in this repo: the package
+ * ships one build, and a selector pointing at nothing is a defect in production
+ * too.
+ *
+ * @internal
+ */
+export declare function resolveFocusSelector(root: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/alert-dialog/index.d.cts

@@ -1,10 +1,2 @@
 export * from './AlertDialog.cjs';
-export { AlertDialogTrigger } from './AlertDialogTrigger.cjs';
-export { AlertDialogPortal } from './AlertDialogPortal.cjs';
-export { AlertDialogOverlay } from './AlertDialogOverlay.cjs';
-export { AlertDialogContent } from './AlertDialogContent.cjs';
-export { AlertDialogTitle } from './AlertDialogTitle.cjs';
-export { AlertDialogDescription } from './AlertDialogDescription.cjs';
-export { AlertDialogAction } from './AlertDialogAction.cjs';
-export { AlertDialogCancel } from './AlertDialogCancel.cjs';
-export type { AlertDialogProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, } from './types.cjs';
+export type { AlertDialogDismiss, AlertDialogProps, AlertDialogTone } from './types.cjs';

package/dist/alert-dialog/index.d.ts

@@ -1,10 +1,2 @@
 export * from './AlertDialog.js';
-export { AlertDialogTrigger } from './AlertDialogTrigger.js';
-export { AlertDialogPortal } from './AlertDialogPortal.js';
-export { AlertDialogOverlay } from './AlertDialogOverlay.js';
-export { AlertDialogContent } from './AlertDialogContent.js';
-export { AlertDialogTitle } from './AlertDialogTitle.js';
-export { AlertDialogDescription } from './AlertDialogDescription.js';
-export { AlertDialogAction } from './AlertDialogAction.js';
-export { AlertDialogCancel } from './AlertDialogCancel.js';
-export type { AlertDialogProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, } from './types.js';
+export type { AlertDialogDismiss, AlertDialogProps, AlertDialogTone } from './types.js';

package/dist/alert-dialog/primitives.d.cts

@@ -0,0 +1,31 @@
+/**
+ * Primitives for `AlertDialog` — manual composition escape hatch.
+ *
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogCancel, AlertDialogAction } from '@skdx/react/primitives/alert-dialog';
+ *
+ * <AlertDialog>
+ *   <AlertDialogTrigger>Delete account</AlertDialogTrigger>
+ *   <AlertDialogPortal>
+ *     <AlertDialogOverlay />
+ *     <AlertDialogContent>
+ *       <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ *       <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *       <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
+ *     </AlertDialogContent>
+ *   </AlertDialogPortal>
+ * </AlertDialog>
+ * ```
+ */
+export { AlertDialog } from './AlertDialog.cjs';
+export { AlertDialogTrigger } from './AlertDialogTrigger.cjs';
+export { AlertDialogPortal } from './AlertDialogPortal.cjs';
+export { AlertDialogOverlay } from './AlertDialogOverlay.cjs';
+export { AlertDialogContent } from './AlertDialogContent.cjs';
+export { AlertDialogTitle } from './AlertDialogTitle.cjs';
+export { AlertDialogDescription } from './AlertDialogDescription.cjs';
+export { AlertDialogAction } from './AlertDialogAction.cjs';
+export { AlertDialogCancel } from './AlertDialogCancel.cjs';
+export type { AlertDialogDismiss, AlertDialogTone, AlertDialogProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, } from './types.cjs';

package/dist/alert-dialog/primitives.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Primitives for `AlertDialog` — manual composition escape hatch.
+ *
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogCancel, AlertDialogAction } from '@skdx/react/primitives/alert-dialog';
+ *
+ * <AlertDialog>
+ *   <AlertDialogTrigger>Delete account</AlertDialogTrigger>
+ *   <AlertDialogPortal>
+ *     <AlertDialogOverlay />
+ *     <AlertDialogContent>
+ *       <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ *       <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *       <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
+ *     </AlertDialogContent>
+ *   </AlertDialogPortal>
+ * </AlertDialog>
+ * ```
+ */
+export { AlertDialog } from './AlertDialog.js';
+export { AlertDialogTrigger } from './AlertDialogTrigger.js';
+export { AlertDialogPortal } from './AlertDialogPortal.js';
+export { AlertDialogOverlay } from './AlertDialogOverlay.js';
+export { AlertDialogContent } from './AlertDialogContent.js';
+export { AlertDialogTitle } from './AlertDialogTitle.js';
+export { AlertDialogDescription } from './AlertDialogDescription.js';
+export { AlertDialogAction } from './AlertDialogAction.js';
+export { AlertDialogCancel } from './AlertDialogCancel.js';
+export type { AlertDialogDismiss, AlertDialogTone, AlertDialogProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, } from './types.js';