@skdx/react 0.27.0 → 0.29.0

package/dist/affix/Affix.cjs

@@ -1 +0,0 @@
-"use strict";var V=Object.create;var a=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var W=(e,t)=>{for(var s in t)a(e,s,{get:t[s],enumerable:!0})},C=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of N(t))!T.call(e,n)&&n!==s&&a(e,n,{get:()=>t[n],enumerable:!(i=w(t,n))||i.enumerable});return e};var q=(e,t,s)=>(s=e!=null?V(O(e)):{},C(t||!e||!e.__esModule?a(s,"default",{value:e,enumerable:!0}):s,e)),z=e=>C(a({},"__esModule",{value:!0}),e);var F={};W(F,{Affix:()=>l});module.exports=z(F);var r=q(require("react"),1),b=require("../utils/composeRefs.cjs"),A=require("../utils/part.cjs"),H=require("../utils/primitive.cjs"),k=require("../utils/useCallbackRef.cjs"),f=require("react/jsx-runtime"),l=r.forwardRef(({offsetTop:e,offsetBottom:t,target:s,onChange:i,disabled:n=!1,style:E,...u},M)=>{let[$,D]=r.useState(!1),[I,d]=r.useState(0),p=r.useRef(null),c=r.useRef(null),L=(0,b.useComposedRefs)(M,c),x=(0,k.useCallbackRef)(i),R=r.useRef(!1),m=!n&&(e!=null||t!=null),h=`${-(e??0)}px 0px ${-(t??0)}px 0px`;r.useEffect(()=>{d(c.current?.offsetHeight??0)},[]),r.useEffect(()=>{let g=p.current;if(!m||!g||typeof IntersectionObserver>"u")return;let v=new IntersectionObserver(y=>{let P=y[y.length-1];if(!P)return;let o=!P.isIntersecting;R.current!==o&&(R.current=o,d(c.current?.offsetHeight??0),D(o),x(o))},{root:s?.current??null,rootMargin:h,threshold:0});return v.observe(g),()=>v.disconnect()},[m,h,s,x]);let S={"--skdx-affix-height":`${I}px`};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{"data-skdx-affix-sentinel":"","aria-hidden":"true",ref:p,style:S}),(0,f.jsx)(H.Primitive.div,{"data-state":$?"affixed":"static","data-disabled":n?"":void 0,...u,...(0,A.skdxPart)("affix","root",u.className),ref:L,style:{...S,...E}})]})});l.displayName="Affix";0&&(module.exports={Affix});

package/dist/affix/Affix.d.cts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import type { AffixProps } from './types.cjs';
-/**
- * Reports when an element has scrolled past a given offset, so it can be
- * pinned. Renders a zero-height sentinel just before the element and watches
- * it with a single `IntersectionObserver` — never a scroll listener, so
- * nothing runs per frame and nothing reads layout on the scroll path.
- *
- * Headless, so it pins nothing by itself: it flips
- * `data-state="affixed" | "static"`, calls `onChange`, and publishes the
- * element's measured in-flow height as the `--skdx-affix-height` CSS custom
- * property (on both the element and the sentinel) so the consumer can reserve
- * the space the element vacates. The positioning is one CSS rule you write:
- *
- * ```css
- * [data-state='affixed'] {
- *   position: fixed;
- *   top: 0;
- * }
- * ```
- *
- * **Reach for `position: sticky` first.** Plain sticky needs no JavaScript and
- * no component. Affix earns its place when you need to *know* about the
- * transition — a shadow that appears only once a header sticks, an analytics
- * ping, a title that swaps in — which CSS alone cannot tell you.
- *
- * @example
- * ```tsx
- * const [affixed, setAffixed] = React.useState(false);
- *
- * <Affix offsetTop={0} onChange={setAffixed}>
- *   <Toolbar shadow={affixed} />
- * </Affix>
- * ```
- */
-export declare const Affix: React.ForwardRefExoticComponent<Omit<AffixProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/affix/Affix.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import type { AffixProps } from './types.js';
-/**
- * Reports when an element has scrolled past a given offset, so it can be
- * pinned. Renders a zero-height sentinel just before the element and watches
- * it with a single `IntersectionObserver` — never a scroll listener, so
- * nothing runs per frame and nothing reads layout on the scroll path.
- *
- * Headless, so it pins nothing by itself: it flips
- * `data-state="affixed" | "static"`, calls `onChange`, and publishes the
- * element's measured in-flow height as the `--skdx-affix-height` CSS custom
- * property (on both the element and the sentinel) so the consumer can reserve
- * the space the element vacates. The positioning is one CSS rule you write:
- *
- * ```css
- * [data-state='affixed'] {
- *   position: fixed;
- *   top: 0;
- * }
- * ```
- *
- * **Reach for `position: sticky` first.** Plain sticky needs no JavaScript and
- * no component. Affix earns its place when you need to *know* about the
- * transition — a shadow that appears only once a header sticks, an analytics
- * ping, a title that swaps in — which CSS alone cannot tell you.
- *
- * @example
- * ```tsx
- * const [affixed, setAffixed] = React.useState(false);
- *
- * <Affix offsetTop={0} onChange={setAffixed}>
- *   <Toolbar shadow={affixed} />
- * </Affix>
- * ```
- */
-export declare const Affix: React.ForwardRefExoticComponent<Omit<AffixProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/affix/Affix.js

@@ -1 +0,0 @@
-import*as e from"react";import{useComposedRefs as E}from"../utils/composeRefs.js";import{skdxPart as M}from"../utils/part.js";import{Primitive as $}from"../utils/primitive.js";import{useCallbackRef as D}from"../utils/useCallbackRef.js";import{Fragment as I,jsx as g,jsxs as L}from"react/jsx-runtime";var v=e.forwardRef(({offsetTop:s,offsetBottom:n,target:f,onChange:y,disabled:i=!1,style:P,...o},C)=>{let[b,A]=e.useState(!1),[H,a]=e.useState(0),c=e.useRef(null),r=e.useRef(null),k=E(C,r),l=D(y),u=e.useRef(!1),d=!i&&(s!=null||n!=null),p=`${-(s??0)}px 0px ${-(n??0)}px 0px`;e.useEffect(()=>{a(r.current?.offsetHeight??0)},[]),e.useEffect(()=>{let R=c.current;if(!d||!R||typeof IntersectionObserver>"u")return;let m=new IntersectionObserver(h=>{let S=h[h.length-1];if(!S)return;let t=!S.isIntersecting;u.current!==t&&(u.current=t,a(r.current?.offsetHeight??0),A(t),l(t))},{root:f?.current??null,rootMargin:p,threshold:0});return m.observe(R),()=>m.disconnect()},[d,p,f,l]);let x={"--skdx-affix-height":`${H}px`};return L(I,{children:[g("div",{"data-skdx-affix-sentinel":"","aria-hidden":"true",ref:c,style:x}),g($.div,{"data-state":b?"affixed":"static","data-disabled":i?"":void 0,...o,...M("affix","root",o.className),ref:k,style:{...x,...P}})]})});v.displayName="Affix";export{v as Affix};

package/dist/affix/index.d.cts

@@ -1,2 +0,0 @@
-export { Affix } from './Affix.cjs';
-export type { AffixProps } from './types.cjs';

package/dist/affix/index.d.ts

@@ -1,2 +0,0 @@
-export { Affix } from './Affix.js';
-export type { AffixProps } from './types.js';

package/dist/affix/types.d.cts

@@ -1,39 +0,0 @@
-import type * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/** Props for the {@link Affix} root — the only part of this family. */
-export interface AffixProps extends Omit<PrimitivePropsWithRef<'div'>, 'onChange'> {
-    /**
-     * Distance from the top edge of the scroll root at which the element counts
-     * as affixed. `0` flips the moment the element would scroll off the top;
-     * `64` flips 64px earlier, which is what you want under a fixed site header.
-     * @default undefined — the top edge is never pinned. With `offsetBottom` also
-     * unset the component observes nothing at all, so set at least one of them.
-     */
-    offsetTop?: number;
-    /**
-     * Distance from the bottom edge of the scroll root at which the element
-     * counts as affixed — the mirror of `offsetTop`, for a bar pinned to the
-     * bottom until its natural position scrolls into view.
-     * @default undefined — the bottom edge is never pinned.
-     */
-    offsetBottom?: number;
-    /**
-     * Ref to the scrolling ancestor the offsets are measured against, used as
-     * the `IntersectionObserver` root.
-     * @default undefined — measured against the viewport.
-     */
-    target?: React.RefObject<HTMLElement | null>;
-    /**
-     * Fires with the new value whenever the affixed state flips, and only then —
-     * it is deduped, so a scroll that does not cross the threshold emits nothing.
-     * @default undefined — no-op if omitted; `data-state` still flips.
-     */
-    onChange?: (affixed: boolean) => void;
-    /**
-     * Stops observing entirely: no `IntersectionObserver` is created and
-     * `data-state` stays `"static"`. Use it to switch the behaviour off at a
-     * breakpoint without unmounting the subtree.
-     * @default false
-     */
-    disabled?: boolean;
-}

package/dist/affix/types.d.ts

@@ -1,39 +0,0 @@
-import type * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** Props for the {@link Affix} root — the only part of this family. */
-export interface AffixProps extends Omit<PrimitivePropsWithRef<'div'>, 'onChange'> {
-    /**
-     * Distance from the top edge of the scroll root at which the element counts
-     * as affixed. `0` flips the moment the element would scroll off the top;
-     * `64` flips 64px earlier, which is what you want under a fixed site header.
-     * @default undefined — the top edge is never pinned. With `offsetBottom` also
-     * unset the component observes nothing at all, so set at least one of them.
-     */
-    offsetTop?: number;
-    /**
-     * Distance from the bottom edge of the scroll root at which the element
-     * counts as affixed — the mirror of `offsetTop`, for a bar pinned to the
-     * bottom until its natural position scrolls into view.
-     * @default undefined — the bottom edge is never pinned.
-     */
-    offsetBottom?: number;
-    /**
-     * Ref to the scrolling ancestor the offsets are measured against, used as
-     * the `IntersectionObserver` root.
-     * @default undefined — measured against the viewport.
-     */
-    target?: React.RefObject<HTMLElement | null>;
-    /**
-     * Fires with the new value whenever the affixed state flips, and only then —
-     * it is deduped, so a scroll that does not cross the threshold emits nothing.
-     * @default undefined — no-op if omitted; `data-state` still flips.
-     */
-    onChange?: (affixed: boolean) => void;
-    /**
-     * Stops observing entirely: no `IntersectionObserver` is created and
-     * `data-state` stays `"static"`. Use it to switch the behaviour off at a
-     * breakpoint without unmounting the subtree.
-     * @default false
-     */
-    disabled?: boolean;
-}

package/dist/alert-dialog/AlertDialog.cjs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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/index.d.cts

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

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