@skdx/react 0.28.0 → 0.29.0

package/dist/alert-dialog/AlertDialog.cjs

@@ -1 +0,0 @@
-"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

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogContextValue, AlertDialogProps } from './types.cjs';
-export declare const AlertDialogProvider: {
-    (props: AlertDialogContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAlertDialogContext: (consumerName: string) => AlertDialogContextValue;
-/**
- * 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>
- *     <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 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

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogContextValue, AlertDialogProps } from './types.js';
-export declare const AlertDialogProvider: {
-    (props: AlertDialogContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAlertDialogContext: (consumerName: string) => AlertDialogContextValue;
-/**
- * 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>
- *     <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 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 +0,0 @@
-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,36 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogActionProps } from './types.cjs';
-/**
- * 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,36 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogActionProps } from './types.js';
-/**
- * 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

@@ -1,22 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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,11 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogCancelProps } from './types.cjs';
-/**
- * Button that dismisses the alert dialog. The close is vetoable: call `event.preventDefault()` to keep the dialog open.
- *
- * @example
- * ```tsx
- * <AlertDialogCancel>Cancel</AlertDialogCancel>
- * ```
- */
-export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogCancelProps } from './types.js';
-/**
- * Button that dismisses the alert dialog. The close is vetoable: call `event.preventDefault()` to keep the dialog open.
- *
- * @example
- * ```tsx
- * <AlertDialogCancel>Cancel</AlertDialogCancel>
- * ```
- */
-export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogContentProps } from './types.cjs';
-/**
- * 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
- * <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>
- * ```
- */
-export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogContentProps } from './types.js';
-/**
- * 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
- * <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>
- * ```
- */
-export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogDescriptionProps } from './types.cjs';
-/**
- * The alert dialog's accessible description: renders a `<p>` wired to
- * `AlertDialogContent` via `aria-describedby`.
- *
- * @example
- * ```tsx
- * <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
- * ```
- */
-export declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogDescriptionProps } from './types.js';
-/**
- * The alert dialog's accessible description: renders a `<p>` wired to
- * `AlertDialogContent` via `aria-describedby`.
- *
- * @example
- * ```tsx
- * <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
- * ```
- */
-export declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogOverlayProps } from './types.cjs';
-/**
- * Backdrop behind `AlertDialogContent` for dimming. Exposes `data-state` for animation; mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <AlertDialogPortal>
- *   <AlertDialogOverlay className="overlay" />
- *   <AlertDialogContent>…</AlertDialogContent>
- * </AlertDialogPortal>
- * ```
- */
-export declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogOverlayProps } from './types.js';
-/**
- * Backdrop behind `AlertDialogContent` for dimming. Exposes `data-state` for animation; mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <AlertDialogPortal>
- *   <AlertDialogOverlay className="overlay" />
- *   <AlertDialogContent>…</AlertDialogContent>
- * </AlertDialogPortal>
- * ```
- */
-export declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,20 +0,0 @@
-import type { AlertDialogPortalProps } from './types.cjs';
-/**
- * Teleports the dialog to `document.body` or `container`, escaping
- * clipping/overflow. Mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <AlertDialog>
- *   <AlertDialogTrigger>Delete</AlertDialogTrigger>
- *   <AlertDialogPortal>
- *     <AlertDialogOverlay />
- *     <AlertDialogContent>…</AlertDialogContent>
- *   </AlertDialogPortal>
- * </AlertDialog>
- * ```
- */
-export declare const AlertDialogPortal: {
-    ({ forceMount, children, ...props }: AlertDialogPortalProps): import("react").JSX.Element | null;
-    displayName: string;
-};

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

@@ -1,20 +0,0 @@
-import type { AlertDialogPortalProps } from './types.js';
-/**
- * Teleports the dialog to `document.body` or `container`, escaping
- * clipping/overflow. Mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <AlertDialog>
- *   <AlertDialogTrigger>Delete</AlertDialogTrigger>
- *   <AlertDialogPortal>
- *     <AlertDialogOverlay />
- *     <AlertDialogContent>…</AlertDialogContent>
- *   </AlertDialogPortal>
- * </AlertDialog>
- * ```
- */
-export declare const AlertDialogPortal: {
-    ({ forceMount, children, ...props }: AlertDialogPortalProps): import("react").JSX.Element | null;
-    displayName: string;
-};

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogTitleProps } from './types.cjs';
-/**
- * Dialog accessible name wired to content via `aria-labelledby`. Every alert dialog should include one.
- *
- * @example
- * ```tsx
- * <AlertDialogTitle>Are you sure?</AlertDialogTitle>
- * ```
- */
-export declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogTitleProps } from './types.js';
-/**
- * Dialog accessible name wired to content via `aria-labelledby`. Every alert dialog should include one.
- *
- * @example
- * ```tsx
- * <AlertDialogTitle>Are you sure?</AlertDialogTitle>
- * ```
- */
-export declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogTriggerProps } from './types.cjs';
-/**
- * Button that opens the alert dialog when clicked. Sets
- * `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and
- * `data-state` (`open`/`closed`).
- *
- * @example
- * ```tsx
- * <AlertDialogTrigger>Delete account</AlertDialogTrigger>
- * ```
- */
-export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { AlertDialogTriggerProps } from './types.js';
-/**
- * Button that opens the alert dialog when clicked. Sets
- * `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and
- * `data-state` (`open`/`closed`).
- *
- * @example
- * ```tsx
- * <AlertDialogTrigger>Delete account</AlertDialogTrigger>
- * ```
- */
-export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,16 +0,0 @@
-/**
- * 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

@@ -1,16 +0,0 @@
-/**
- * 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,2 +0,0 @@
-export * from './AlertDialog.cjs';
-export type { AlertDialogDismiss, AlertDialogProps, AlertDialogTone } from './types.cjs';

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

@@ -1,2 +0,0 @@
-export * from './AlertDialog.js';
-export type { AlertDialogDismiss, AlertDialogProps, AlertDialogTone } from './types.js';

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

@@ -1,31 +0,0 @@
-/**
- * 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

@@ -1,31 +0,0 @@
-/**
- * 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';