@skdx/react 0.26.0

package/dist/alert/types.d.cts

@@ -0,0 +1,53 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+/** @internal Shared title/description ids and dismissal callback distributed from {@link Alert} to its parts via context. Not part of the public API. */
+export interface AlertContextValue {
+    titleId: string;
+    descriptionId: string;
+    /** Reports whether an {@link AlertTitle} is mounted, so the root only emits `aria-labelledby` when there is something to point at. */
+    setHasTitle: (present: boolean) => void;
+    /** Reports whether an {@link AlertDescription} is mounted, so the root only emits `aria-describedby` when there is something to point at. */
+    setHasDescription: (present: boolean) => void;
+    onOpenChange: (open: boolean) => void;
+}
+/** Props for the {@link Alert} root. */
+export interface AlertProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * `"status"` (default) is a polite live region for informational banners.
+     * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
+     * @default 'status'
+     */
+    role?: 'status' | 'alert';
+    /**
+     * Controlled visibility. Pair with `onOpenChange`; while defined, `AlertClose`
+     * only reports the request and the Alert never hides itself.
+     * @default undefined — uncontrolled, seeded from `defaultOpen`.
+     */
+    open?: boolean;
+    /**
+     * Initial visibility, for uncontrolled usage. Defaults to `true`, so an
+     * Alert with no dismissal wiring renders exactly as it always has.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * Fires with the new visibility whenever it changes — in practice `false`,
+     * when `AlertClose` is activated. Fires controlled or not.
+     * @default undefined — no-op if omitted.
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+/** Props for {@link AlertClose}, the dismiss button — renders a `<button type="button">` with a default `aria-label` of `"Dismiss"`. */
+export interface AlertCloseProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link AlertAction}, the container for the alert's buttons and links — renders a plain `<div>` with no role or behavior. */
+export interface AlertActionProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link AlertTitle}, the alert's accessible name — renders an `<h3>` wired to the parent `Alert`'s `aria-labelledby`. */
+export interface AlertTitleProps extends PrimitivePropsWithRef<'h3'> {
+}
+/** Props for {@link AlertDescription}, the alert's supporting text — renders a `<div>` wired to the parent `Alert`'s `aria-describedby`. */
+export interface AlertDescriptionProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link AlertIcon}, a purely decorative icon slot always rendered with `aria-hidden="true"`. */
+export interface AlertIconProps extends PrimitivePropsWithRef<'span'> {
+}

package/dist/alert/types.d.ts

@@ -0,0 +1,53 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+/** @internal Shared title/description ids and dismissal callback distributed from {@link Alert} to its parts via context. Not part of the public API. */
+export interface AlertContextValue {
+    titleId: string;
+    descriptionId: string;
+    /** Reports whether an {@link AlertTitle} is mounted, so the root only emits `aria-labelledby` when there is something to point at. */
+    setHasTitle: (present: boolean) => void;
+    /** Reports whether an {@link AlertDescription} is mounted, so the root only emits `aria-describedby` when there is something to point at. */
+    setHasDescription: (present: boolean) => void;
+    onOpenChange: (open: boolean) => void;
+}
+/** Props for the {@link Alert} root. */
+export interface AlertProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * `"status"` (default) is a polite live region for informational banners.
+     * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
+     * @default 'status'
+     */
+    role?: 'status' | 'alert';
+    /**
+     * Controlled visibility. Pair with `onOpenChange`; while defined, `AlertClose`
+     * only reports the request and the Alert never hides itself.
+     * @default undefined — uncontrolled, seeded from `defaultOpen`.
+     */
+    open?: boolean;
+    /**
+     * Initial visibility, for uncontrolled usage. Defaults to `true`, so an
+     * Alert with no dismissal wiring renders exactly as it always has.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * Fires with the new visibility whenever it changes — in practice `false`,
+     * when `AlertClose` is activated. Fires controlled or not.
+     * @default undefined — no-op if omitted.
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+/** Props for {@link AlertClose}, the dismiss button — renders a `<button type="button">` with a default `aria-label` of `"Dismiss"`. */
+export interface AlertCloseProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link AlertAction}, the container for the alert's buttons and links — renders a plain `<div>` with no role or behavior. */
+export interface AlertActionProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link AlertTitle}, the alert's accessible name — renders an `<h3>` wired to the parent `Alert`'s `aria-labelledby`. */
+export interface AlertTitleProps extends PrimitivePropsWithRef<'h3'> {
+}
+/** Props for {@link AlertDescription}, the alert's supporting text — renders a `<div>` wired to the parent `Alert`'s `aria-describedby`. */
+export interface AlertDescriptionProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link AlertIcon}, a purely decorative icon slot always rendered with `aria-hidden="true"`. */
+export interface AlertIconProps extends PrimitivePropsWithRef<'span'> {
+}

package/dist/alert-dialog/AlertDialog.cjs

@@ -0,0 +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});

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

@@ -0,0 +1,41 @@
+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 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`).
+ *
+ * @example
+ * ```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, onOpenChange, onOpenChangeComplete, }: AlertDialogProps): React.JSX.Element;
+export declare namespace AlertDialog {
+    var displayName: string;
+}

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

@@ -0,0 +1,41 @@
+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 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`).
+ *
+ * @example
+ * ```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, onOpenChange, onOpenChangeComplete, }: AlertDialogProps): React.JSX.Element;
+export declare namespace AlertDialog {
+    var displayName: string;
+}

package/dist/alert-dialog/AlertDialog.js

@@ -0,0 +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};

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

@@ -0,0 +1,13 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
+ * ```
+ */
+export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,13 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
+ * ```
+ */
+export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,13 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogCancel>Cancel</AlertDialogCancel>
+ * ```
+ */
+export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,13 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogCancel>Cancel</AlertDialogCancel>
+ * ```
+ */
+export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,32 @@
+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.
+ *
+ * @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

@@ -0,0 +1,32 @@
+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.
+ *
+ * @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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+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.
+ *
+ * @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

@@ -0,0 +1,13 @@
+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.
+ *
+ * @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

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

@@ -0,0 +1,13 @@
+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/index.d.cts

@@ -0,0 +1,10 @@
+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';

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

@@ -0,0 +1,10 @@
+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';