@skdx/react 0.28.0 → 0.29.0

package/dist/date-picker/types.d.cts

@@ -2,14 +2,14 @@ import type * as React from 'react';
 import type { CalendarProps, CalendarSelectionMode, CalendarValue, CalendarValueInput } from '../calendar/index.cjs';
 import type { DateFieldProps } from '../date-field/index.cjs';
 import type { TimeFieldProps } from '../time-field/index.cjs';
-import type { Granularity } from '../utils/dateSegments.cjs';
+import type { Granularity } from '../utils/date-segments.cjs';
+import type { AutoFocusEvent } from '../utils/dismissal.cjs';
 import type { FormValidityHandle } from '../utils/formControl.cjs';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
 import type { PopperContentProps } from '../utils/popper.cjs';
 import type { PortalProps } from '../utils/portal.cjs';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.cjs';
-import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
 /** @internal Shared state distributed from {@link DatePicker} to its parts via context. Not part of the public API. */
 export interface DatePickerContextValue {
     triggerRef: React.RefObject<HTMLButtonElement | null>;
@@ -36,163 +36,163 @@ export interface DatePickerProps extends PassThroughProps {
      * Replaces derived anatomy entirely; omitted, derives trigger, portal, popup, calendar, fields.
      * @default undefined
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     /**
      * Derived trigger placeholder (ignored when `children` replaces anatomy).
      * @default 'Select date'
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * BCP 47 locale tag for trigger formatting (ignored when `children` replaces).
      * @default undefined — runtime's default.
      */
-    locale?: string;
+    locale?: string | undefined;
     /**
      * Whether derived popup includes typed-entry date field (single-mode only).
      * @default false
      */
-    showInput?: boolean;
+    showInput?: boolean | undefined;
     /**
      * How many dates calendar selects (decides `value` shape and auto-close).
      * @default 'single'
      */
-    selectionMode?: CalendarSelectionMode;
+    selectionMode?: CalendarSelectionMode | undefined;
     /**
      * Value precision; past `'day'` puts picker in date-time mode.
      * @default 'day'
      */
-    granularity?: Granularity;
+    granularity?: Granularity | undefined;
     /**
      * Current selection for controlled usage; shape follows `selectionMode` (ISO-8601 strings also accepted).
      * @default undefined — uncontrolled.
      */
-    value?: CalendarValueInput;
+    value?: CalendarValueInput | undefined;
     /**
      * Initial selection for uncontrolled usage (same shape and forms as `value`).
      * @default undefined
      */
-    defaultValue?: CalendarValueInput;
+    defaultValue?: CalendarValueInput | undefined;
     /**
      * Fires with new selection when changed.
      * @default undefined — no-op.
      */
-    onValueChange?: (value: CalendarValue) => void;
+    onValueChange?: ((value: CalendarValue) => void) | undefined;
     /**
      * Whether popup is open for controlled usage; pair with `onOpenChange`.
      * @default undefined — uncontrolled.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Initial open state for uncontrolled usage.
      * @default false
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
     /**
      * Fires with new open state on change.
      * @default undefined — no-op.
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Fires once open-state change finishes (after animation ends).
      * @default undefined — no-op.
      */
-    onOpenChangeComplete?: (open: boolean) => void;
+    onOpenChangeComplete?: ((open: boolean) => void) | undefined;
     /**
      * Form field name; selection submits as local-time `YYYY-MM-DD` strings like `<input type="date">`.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Form id picker submits into (only meaningful with `name`).
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Marks picker required; reports `valueMissing` and blocks submission without selection.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * Disables trigger and prevents popup opening.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether completed selection dismisses popup (single immediate, range once second date, never multiple).
      * @default true
      */
-    closeOnSelect?: boolean;
+    closeOnSelect?: boolean | undefined;
     /**
      * Makes picker non-editable; trigger still opens, everything focusable, no selection changes.
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
      * Marks picker invalid (`data-invalid` on trigger/content, `aria-invalid="true"` on trigger).
      * @default false
      */
-    invalid?: boolean;
+    invalid?: boolean | undefined;
 }
-/** Props for {@link DatePickerTrigger}}, button opening/closing popup. */
+/** Props for {@link DatePickerTrigger}, button opening/closing popup. */
 export interface DatePickerTriggerProps extends PrimitivePropsWithRef<'button'> {
 }
-/** Props for {@link DatePickerPortal}}, teleports content to `document.body` while open. */
+/** Props for {@link DatePickerPortal}, teleports content to `document.body` while open. */
 export interface DatePickerPortalProps extends PortalProps {
     /**
      * Keep portal mounted while closed (useful for animation libraries needing outgoing content during exit).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
-/** Props for {@link DatePickerContent}}, popup panel (extends popper positioning, `sideOffset` defaults to 4). */
+/** Props for {@link DatePickerContent}, popup panel (extends popper positioning, `sideOffset` defaults to 4). */
 export interface DatePickerContentProps extends PopperContentProps {
     /**
      * Keep panel mounted even while popup is closed.
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
     /**
      * Fires on Escape (call `preventDefault()` to prevent close).
      * @default undefined — no-op.
      */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     /**
      * Fires on pointerdown outside (call `preventDefault()` to prevent close).
      * @default undefined — no-op.
      */
-    onPointerDownOutside?: (event: PointerEvent) => void;
+    onPointerDownOutside?: ((event: PointerEvent) => void) | undefined;
     /**
      * Fires on focus outside (call `preventDefault()` to prevent close; receives cancelable stand-in).
      * @default undefined — no-op.
      */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    onFocusOutside?: ((event: FocusOutsideEvent) => void) | undefined;
     /**
      * Fires for any outside interaction before specific handler.
      * @default undefined — no-op.
      */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
+    onInteractOutside?: ((event: InteractOutsideEvent) => void) | undefined;
     /**
      * Fires before focus moves into popup on open (to selected date or today; call `preventDefault()` to prevent).
      * @default undefined — no-op.
      */
-    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
+    onOpenAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
     /**
      * Fires before focus returns to trigger on inside close (call `preventDefault()` to suppress; not fired for outside dismissal).
      * @default undefined — no-op.
      */
-    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
+    onCloseAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
 }
-/** Props for {@link DatePickerCalendar}}, like {@link CalendarProps}} minus root-owned wiring. */
+/** Props for {@link DatePickerCalendar}, like {@link CalendarProps} minus root-owned wiring. */
 export interface DatePickerCalendarProps extends Omit<CalendarProps, 'value' | 'onValueChange' | 'selectionMode'> {
 }
-/** Props for {@link DatePickerClose}}, button closing popup without changing selection. */
+/** Props for {@link DatePickerClose}, button closing popup without changing selection. */
 export interface DatePickerCloseProps extends PrimitivePropsWithRef<'button'> {
 }
-/** Props for {@link DatePickerInput}}, like {@link DateFieldProps}} minus root-owned wiring. */
+/** Props for {@link DatePickerInput}, like {@link DateFieldProps} minus root-owned wiring. */
 export interface DatePickerInputProps extends Omit<DateFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
 }
-/** Props for {@link DatePickerTimeField}}, like {@link TimeFieldProps}} minus component-owned wiring. */
+/** Props for {@link DatePickerTimeField}, like {@link TimeFieldProps} minus component-owned wiring. */
 export interface DatePickerTimeFieldProps extends Omit<TimeFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
 }
-/** {@link DatePicker}}'s forwarded ref (root renders no DOM beyond mirrored inputs, just constraint-validation methods). */
+/** {@link DatePicker}'s forwarded ref (root renders no DOM beyond mirrored inputs, just constraint-validation methods). */
 export type DatePickerHandle = FormValidityHandle;

package/dist/date-picker/types.d.ts

@@ -2,14 +2,14 @@ import type * as React from 'react';
 import type { CalendarProps, CalendarSelectionMode, CalendarValue, CalendarValueInput } from '../calendar/index.js';
 import type { DateFieldProps } from '../date-field/index.js';
 import type { TimeFieldProps } from '../time-field/index.js';
-import type { Granularity } from '../utils/dateSegments.js';
+import type { Granularity } from '../utils/date-segments.js';
+import type { AutoFocusEvent } from '../utils/dismissal.js';
 import type { FormValidityHandle } from '../utils/formControl.js';
 import type { PassThroughProps } from '../utils/passThrough.js';
 import type { PopperContentProps } from '../utils/popper.js';
 import type { PortalProps } from '../utils/portal.js';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.js';
-import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
 /** @internal Shared state distributed from {@link DatePicker} to its parts via context. Not part of the public API. */
 export interface DatePickerContextValue {
     triggerRef: React.RefObject<HTMLButtonElement | null>;
@@ -36,163 +36,163 @@ export interface DatePickerProps extends PassThroughProps {
      * Replaces derived anatomy entirely; omitted, derives trigger, portal, popup, calendar, fields.
      * @default undefined
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     /**
      * Derived trigger placeholder (ignored when `children` replaces anatomy).
      * @default 'Select date'
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * BCP 47 locale tag for trigger formatting (ignored when `children` replaces).
      * @default undefined — runtime's default.
      */
-    locale?: string;
+    locale?: string | undefined;
     /**
      * Whether derived popup includes typed-entry date field (single-mode only).
      * @default false
      */
-    showInput?: boolean;
+    showInput?: boolean | undefined;
     /**
      * How many dates calendar selects (decides `value` shape and auto-close).
      * @default 'single'
      */
-    selectionMode?: CalendarSelectionMode;
+    selectionMode?: CalendarSelectionMode | undefined;
     /**
      * Value precision; past `'day'` puts picker in date-time mode.
      * @default 'day'
      */
-    granularity?: Granularity;
+    granularity?: Granularity | undefined;
     /**
      * Current selection for controlled usage; shape follows `selectionMode` (ISO-8601 strings also accepted).
      * @default undefined — uncontrolled.
      */
-    value?: CalendarValueInput;
+    value?: CalendarValueInput | undefined;
     /**
      * Initial selection for uncontrolled usage (same shape and forms as `value`).
      * @default undefined
      */
-    defaultValue?: CalendarValueInput;
+    defaultValue?: CalendarValueInput | undefined;
     /**
      * Fires with new selection when changed.
      * @default undefined — no-op.
      */
-    onValueChange?: (value: CalendarValue) => void;
+    onValueChange?: ((value: CalendarValue) => void) | undefined;
     /**
      * Whether popup is open for controlled usage; pair with `onOpenChange`.
      * @default undefined — uncontrolled.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Initial open state for uncontrolled usage.
      * @default false
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
     /**
      * Fires with new open state on change.
      * @default undefined — no-op.
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Fires once open-state change finishes (after animation ends).
      * @default undefined — no-op.
      */
-    onOpenChangeComplete?: (open: boolean) => void;
+    onOpenChangeComplete?: ((open: boolean) => void) | undefined;
     /**
      * Form field name; selection submits as local-time `YYYY-MM-DD` strings like `<input type="date">`.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Form id picker submits into (only meaningful with `name`).
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Marks picker required; reports `valueMissing` and blocks submission without selection.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * Disables trigger and prevents popup opening.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether completed selection dismisses popup (single immediate, range once second date, never multiple).
      * @default true
      */
-    closeOnSelect?: boolean;
+    closeOnSelect?: boolean | undefined;
     /**
      * Makes picker non-editable; trigger still opens, everything focusable, no selection changes.
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
      * Marks picker invalid (`data-invalid` on trigger/content, `aria-invalid="true"` on trigger).
      * @default false
      */
-    invalid?: boolean;
+    invalid?: boolean | undefined;
 }
-/** Props for {@link DatePickerTrigger}}, button opening/closing popup. */
+/** Props for {@link DatePickerTrigger}, button opening/closing popup. */
 export interface DatePickerTriggerProps extends PrimitivePropsWithRef<'button'> {
 }
-/** Props for {@link DatePickerPortal}}, teleports content to `document.body` while open. */
+/** Props for {@link DatePickerPortal}, teleports content to `document.body` while open. */
 export interface DatePickerPortalProps extends PortalProps {
     /**
      * Keep portal mounted while closed (useful for animation libraries needing outgoing content during exit).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
-/** Props for {@link DatePickerContent}}, popup panel (extends popper positioning, `sideOffset` defaults to 4). */
+/** Props for {@link DatePickerContent}, popup panel (extends popper positioning, `sideOffset` defaults to 4). */
 export interface DatePickerContentProps extends PopperContentProps {
     /**
      * Keep panel mounted even while popup is closed.
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
     /**
      * Fires on Escape (call `preventDefault()` to prevent close).
      * @default undefined — no-op.
      */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     /**
      * Fires on pointerdown outside (call `preventDefault()` to prevent close).
      * @default undefined — no-op.
      */
-    onPointerDownOutside?: (event: PointerEvent) => void;
+    onPointerDownOutside?: ((event: PointerEvent) => void) | undefined;
     /**
      * Fires on focus outside (call `preventDefault()` to prevent close; receives cancelable stand-in).
      * @default undefined — no-op.
      */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    onFocusOutside?: ((event: FocusOutsideEvent) => void) | undefined;
     /**
      * Fires for any outside interaction before specific handler.
      * @default undefined — no-op.
      */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
+    onInteractOutside?: ((event: InteractOutsideEvent) => void) | undefined;
     /**
      * Fires before focus moves into popup on open (to selected date or today; call `preventDefault()` to prevent).
      * @default undefined — no-op.
      */
-    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
+    onOpenAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
     /**
      * Fires before focus returns to trigger on inside close (call `preventDefault()` to suppress; not fired for outside dismissal).
      * @default undefined — no-op.
      */
-    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
+    onCloseAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
 }
-/** Props for {@link DatePickerCalendar}}, like {@link CalendarProps}} minus root-owned wiring. */
+/** Props for {@link DatePickerCalendar}, like {@link CalendarProps} minus root-owned wiring. */
 export interface DatePickerCalendarProps extends Omit<CalendarProps, 'value' | 'onValueChange' | 'selectionMode'> {
 }
-/** Props for {@link DatePickerClose}}, button closing popup without changing selection. */
+/** Props for {@link DatePickerClose}, button closing popup without changing selection. */
 export interface DatePickerCloseProps extends PrimitivePropsWithRef<'button'> {
 }
-/** Props for {@link DatePickerInput}}, like {@link DateFieldProps}} minus root-owned wiring. */
+/** Props for {@link DatePickerInput}, like {@link DateFieldProps} minus root-owned wiring. */
 export interface DatePickerInputProps extends Omit<DateFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
 }
-/** Props for {@link DatePickerTimeField}}, like {@link TimeFieldProps}} minus component-owned wiring. */
+/** Props for {@link DatePickerTimeField}, like {@link TimeFieldProps} minus component-owned wiring. */
 export interface DatePickerTimeFieldProps extends Omit<TimeFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
 }
-/** {@link DatePicker}}'s forwarded ref (root renders no DOM beyond mirrored inputs, just constraint-validation methods). */
+/** {@link DatePicker}'s forwarded ref (root renders no DOM beyond mirrored inputs, just constraint-validation methods). */
 export type DatePickerHandle = FormValidityHandle;

package/dist/dialog/Dialog.cjs

@@ -1 +1,2 @@
-"use strict";var xo=Object.create;var P=Object.defineProperty;var To=Object.getOwnPropertyDescriptor;var vo=Object.getOwnPropertyNames;var bo=Object.getPrototypeOf,Oo=Object.prototype.hasOwnProperty;var Eo=(o,e)=>{for(var t in e)P(o,t,{get:e[t],enumerable:!0})},$=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of vo(e))!Oo.call(o,l)&&l!==t&&P(o,l,{get:()=>e[l],enumerable:!(i=To(e,l))||i.enumerable});return o};var c=(o,e,t)=>(t=o!=null?xo(bo(o)):{},$(e||!o||!o.__esModule?P(t,"default",{value:o,enumerable:!0}):t,o)),ko=o=>$(P({},"__esModule",{value:!0}),o);var No={};Eo(No,{Dialog:()=>Do,DialogClose:()=>x,DialogContent:()=>v,DialogDescription:()=>O,DialogOverlay:()=>E,DialogPortal:()=>k,DialogProvider:()=>uo,DialogRoot:()=>B,DialogTitle:()=>F,DialogTrigger:()=>Po,useDialogContext:()=>n});module.exports=ko(No);var p=c(require("react"),1),fo=require("../utils/createContext.cjs"),co=require("../utils/useControllableState.cjs"),go=require("../utils/useOpenChangeComplete.cjs");var q=c(require("react"),1),V=require("../utils/part.cjs"),C=require("../utils/primitive.cjs");var W=require("react/jsx-runtime"),x=q.forwardRef((o,e)=>{let t=n("DialogClose");return(0,W.jsx)(C.Primitive.button,{type:"button",...o,...(0,V.skdxPart)("dialog","close",o.className),ref:e,onClick:(0,C.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})});x.displayName="DialogClose";var K=c(require("react"),1),_=require("../utils/composeRefs.cjs"),z=require("../utils/part.cjs"),G=require("../utils/primitive.cjs"),J=require("../utils/tabbable.cjs"),Q=require("../utils/useBodyScrollLock.cjs"),U=require("../utils/useDismiss.cjs"),T=require("../utils/useFocusTrap.cjs"),X=require("../utils/useOutsideInert.cjs");var w=require("../utils/is-dev-mode.cjs");function S(o,e,t){if(!e)return null;let i;try{i=o.querySelector(e)}catch{return(0,w.isDevMode)()&&console.warn(`[skdx] Dialog: ${t}="${e}" is not a valid CSS selector. Falling back to the default focus target.`),null}return!i&&(0,w.isDevMode)()&&console.warn(Ho(t,e)),i}function Ho(o,e){return o==="initialFocus"?`[skdx] Dialog: initialFocus="${e}" matched no element inside the dialog panel. Falling back to the first tabbable element, then the panel itself.`:`[skdx] Dialog: finalFocus="${e}" matched no element in the document. Falling back to the element that was focused before the dialog opened.`}var Y=require("react/jsx-runtime"),v=K.forwardRef(({forceMount:o,initialFocus:e,finalFocus:t,onEscapeKeyDown:i,onPointerDownOutside:l,onFocusOutside:m,onInteractOutside:D,onOpenAutoFocus:h,onCloseAutoFocus:d,...f},g)=>{let r=n("DialogContent"),L=(0,_.useComposedRefs)(g,r.contentRef),M=r.dismiss==="any"||r.dismiss==="escape",R=r.dismiss==="any"||r.dismiss==="outside",y=()=>{let a=S(document,t,"finalFocus");return a?(a.focus({preventScroll:!0}),!0):!1};return(0,Q.useBodyScrollLock)(r.open&&r.modal),(0,X.useOutsideInert)(r.contentRef,r.open&&r.modal),(0,T.useFocusTrap)(r.contentRef,r.open&&r.modal,{onOpenAutoFocus:a=>{if(h?.(a),a.defaultPrevented||!e)return;let u=r.contentRef.current;if(!u)return;let A=S(u,e,"initialFocus")??u.querySelector(J.TABBABLE_SELECTOR)??u;a.preventDefault(),A===u&&(u.tabIndex=-1),A.focus({preventScroll:!0})},onCloseAutoFocus:a=>{d?.(a),!(a.defaultPrevented||!t)&&y()&&a.preventDefault()}}),(0,U.useDismiss)({enabled:r.open,onEscapeKeyDown:a=>{i?.(a),!(a.defaultPrevented||!M)&&(r.onOpenChange(!1),!r.modal&&(0,T.autoFocusEvent)("close-auto-focus",d)&&(y()||r.triggerRef.current?.focus()))},onInteractOutside:D,onPointerDownOutside:a=>{l?.(a),!a.defaultPrevented&&r.modal&&R&&r.onOpenChange(!1)},onFocusOutside:a=>{m?.(a),!a.defaultPrevented&&r.modal&&R&&r.onOpenChange(!1)}},[r.contentRef,r.triggerRef]),o||r.open?(0,Y.jsx)(G.Primitive.div,{role:"dialog","aria-modal":r.modal||void 0,"aria-labelledby":r.hasTitle?r.titleId:void 0,"aria-describedby":r.hasDescription?r.descriptionId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-dismiss":r.dismiss,...f,...(0,z.skdxPart)("dialog","content",f.className),ref:L}):null});v.displayName="DialogContent";var b=c(require("react"),1),Z=require("../utils/part.cjs"),j=require("../utils/primitive.cjs");var oo=require("react/jsx-runtime"),O=b.forwardRef((o,e)=>{let t=n("DialogDescription"),{setHasDescription:i}=t;return b.useEffect(()=>(i(!0),()=>i(!1)),[i]),(0,oo.jsx)(j.Primitive.p,{id:t.descriptionId,...o,...(0,Z.skdxPart)("dialog","description",o.className),ref:e})});O.displayName="DialogDescription";var eo=c(require("react"),1),to=require("../utils/part.cjs"),ro=require("../utils/primitive.cjs");var io=require("react/jsx-runtime"),E=eo.forwardRef(({forceMount:o,...e},t)=>{let i=n("DialogOverlay");return o||i.open?(0,io.jsx)(ro.Primitive.div,{"data-state":i.open?"open":"closed",...e,...(0,to.skdxPart)("dialog","overlay",e.className),ref:t,style:{pointerEvents:"auto",...e.style}}):null});E.displayName="DialogOverlay";var ao=require("../utils/portal.cjs");var no=require("react/jsx-runtime"),k=({forceMount:o,children:e,...t})=>{let i=n("DialogPortal");return o||i.open?(0,no.jsx)(ao.Portal,{...t,children:e}):null};k.displayName="DialogPortal";var H=c(require("react"),1),lo=require("../utils/part.cjs"),so=require("../utils/primitive.cjs");var po=require("react/jsx-runtime"),F=H.forwardRef((o,e)=>{let t=n("DialogTitle"),{setHasTitle:i}=t;return H.useEffect(()=>(i(!0),()=>i(!1)),[i]),(0,po.jsx)(so.Primitive.h2,{id:t.titleId,...o,...(0,lo.skdxPart)("dialog","title",o.className),ref:e})});F.displayName="DialogTitle";var s=require("react/jsx-runtime"),Fo=()=>(0,s.jsx)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false",children:(0,s.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),mo=({title:o,description:e,footer:t,dismissible:i,children:l,passThrough:m})=>(0,s.jsxs)(k,{children:[(0,s.jsx)(E,{}),(0,s.jsxs)(v,{...m,children:[o?(0,s.jsx)(F,{children:o}):null,e?(0,s.jsx)(O,{children:e}):null,l,t,i?(0,s.jsx)(x,{"aria-label":"Close",children:(0,s.jsx)(Fo,{})}):null]})]});var N=require("react/jsx-runtime"),[uo,n]=(0,fo.createSafeContext)("Dialog");function B({children:o,open:e,defaultOpen:t=!1,onOpenChange:i,onOpenChangeComplete:l,modal:m=!0,dismiss:D="any",dismissible:h=!0}){let d=p.useRef(null),f=p.useRef(null),[g,r]=p.useState(!1),[L,M]=p.useState(!1),[R=!1,y]=(0,co.useControllableState)({prop:e,defaultProp:t,onChange:i});return(0,go.useOpenChangeComplete)(R,f,l),(0,N.jsx)(uo,{triggerRef:d,contentRef:f,contentId:p.useId(),titleId:p.useId(),descriptionId:p.useId(),hasTitle:g,setHasTitle:r,hasDescription:L,setHasDescription:M,open:R,onOpenChange:y,modal:m,dismiss:h?D:"none",children:o})}B.displayName="DialogRoot";function Do({children:o,open:e,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:l,modal:m,dismiss:D,title:h,description:d,footer:f,dismissible:g=!0,...r}){return(0,N.jsx)(B,{open:e,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:l,modal:m,dismiss:D,dismissible:g,children:(0,N.jsx)(mo,{title:h,description:d,footer:f,dismissible:g,passThrough:r,children:o})})}Do.displayName="Dialog";var ho=c(require("react"),1),Ro=require("../utils/composeRefs.cjs"),yo=require("../utils/part.cjs"),I=require("../utils/primitive.cjs");var Co=require("react/jsx-runtime"),Po=ho.forwardRef((o,e)=>{let t=n("DialogTrigger"),i=(0,Ro.useComposedRefs)(e,t.triggerRef);return(0,Co.jsx)(I.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,yo.skdxPart)("dialog","trigger",o.className),ref:i,onClick:(0,I.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!0))})});Po.displayName="DialogTrigger";0&&(module.exports={Dialog,DialogClose,DialogContent,DialogDescription,DialogOverlay,DialogPortal,DialogProvider,DialogRoot,DialogTitle,DialogTrigger,useDialogContext});
+'use client';
+"use strict";var Ve=Object.create;var N=Object.defineProperty;var Ge=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,Ke=Object.prototype.hasOwnProperty;var Qe=(t,e)=>{for(var o in e)N(t,o,{get:e[o],enumerable:!0})},j=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of _e(e))!Ke.call(t,l)&&l!==o&&N(t,l,{get:()=>e[l],enumerable:!(a=Ge(e,l))||a.enumerable});return t};var H=(t,e,o)=>(o=t!=null?Ve(qe(t)):{},j(e||!t||!t.__esModule?N(o,"default",{value:t,enumerable:!0}):o,t)),Ue=t=>j(N({},"__esModule",{value:!0}),t);var Ze={};Qe(Ze,{Dialog:()=>Le,DialogAction:()=>I,DialogCancel:()=>X,DialogClose:()=>M,DialogContent:()=>B,DialogDescription:()=>V,DialogOverlay:()=>G,DialogPortal:()=>_,DialogProvider:()=>He,DialogRoot:()=>Z,DialogStateProvider:()=>Y,DialogTitle:()=>q,DialogTrigger:()=>Xe,OverlayPortal:()=>xe,useDialogContext:()=>n});module.exports=Ue(Ze);var C=H(require("react"),1),Se=require("../utils/createContext.cjs"),W=require("../utils/recipeAxis.cjs"),ke=require("../utils/useControllableState.cjs"),Ne=require("../utils/useOpenChangeComplete.cjs");var Te=require("../utils/Glyph.cjs");var ee=require("../utils/appearance.cjs"),oe=require("../utils/part.cjs"),L=require("../utils/primitive.cjs");var te=require("react/jsx-runtime");function I({ref:t,...e}){let o=n("DialogAction"),{disabled:a=!1}=e;return(0,te.jsx)(L.Primitive.button,{type:"button",...e,...(0,ee.appearanceAttrs)({status:o.status},e),...(0,oe.skdxPart)("dialog","action",e.className),ref:t,disabled:a,"data-disabled":a?"":void 0,onClick:(0,L.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})}I.displayName="DialogAction";var ae=require("../utils/part.cjs"),J=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime");function X({ref:t,...e}){let o=n("DialogCancel"),{disabled:a=!1}=e;return(0,ie.jsx)(J.Primitive.button,{type:"button","data-skdx-dialog-cancel":"",...e,...(0,ae.skdxPart)("dialog","cancel",e.className),ref:t,disabled:a,"data-disabled":a?"":void 0,onClick:(0,J.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})}X.displayName="DialogCancel";var ne=require("../utils/part.cjs"),A=require("../utils/primitive.cjs");var re=require("react/jsx-runtime");function M({ref:t,...e}){let o=n("DialogClose");return(0,re.jsx)(A.Primitive.button,{type:"button",...e,...(0,ne.skdxPart)(o.family,"close",e.className),ref:t,onClick:(0,A.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})}M.displayName="DialogClose";var F=H(require("react"),1),le=require("../utils/appearance.cjs"),se=require("../utils/composeRefs.cjs"),v=require("../utils/dismissal.cjs"),z=require("../utils/focus-targets.cjs"),me=require("../utils/part.cjs"),w=require("../utils/primitive.cjs"),pe=require("../utils/useBodyScrollLock.cjs"),T=require("../utils/useCallbackRef.cjs"),ce=require("../utils/useDismiss.cjs");var de=require("react/jsx-runtime");function B({ref:t,initialFocus:e,finalFocus:o,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:P,onInteractOutside:s,onOpenAutoFocus:g,onCloseAutoFocus:p,onCancel:R,onClose:c,onPointerDown:u,size:d,...D}){let i=n("DialogContent"),{open:y,modal:f,onOpenChange:E,contentRef:h}=i,b=h,Me=(0,se.useComposedRefs)(t,b),we=i.dismiss==="any"||i.dismiss==="escape",Q=i.dismiss==="any"||i.dismiss==="outside";(0,pe.useBodyScrollLock)(y&&f);let S=F.useRef(!1),k=(0,T.useCallbackRef)(()=>{S.current=!(0,v.autoFocusEvent)("close-auto-focus",p),b.current?.close?.()}),$=(0,T.useCallbackRef)(()=>{let r=b.current;if(r)if(y&&!r.open){let x=document.activeElement;f?(0,v.focusOnOpen)(()=>r.showModal?.()):(0,v.focusOnOpen)(()=>r.show?.()),(0,z.applyOpenAutoFocus)(r,e,"Dialog",g,x)}else!y&&r.open&&k()});F.useEffect(()=>{$()},[y,f,$]),(0,ce.useDismiss)({enabled:y,onInteractOutside:s,onPointerDownOutside:r=>{l?.(r),!r.defaultPrevented&&f&&Q&&k()},onFocusOutside:r=>{P?.(r),!r.defaultPrevented&&f&&Q&&k()}},[b,i.triggerRef]);let Fe=(0,T.useCallbackRef)(r=>{let x=r.nativeEvent;if(a?.(x),!we){r.preventDefault();return}x.defaultPrevented||(S.current=!(0,v.autoFocusEvent)("close-auto-focus",p))}),ze=(0,T.useCallbackRef)(()=>{S.current?(S.current=!1,document.activeElement?.blur?.()):(0,z.applyFinalFocus)(o,"Dialog"),E(!1)});function Be(r){let x=(0,v.backdropPointerDown)(r.nativeEvent,r.currentTarget);x&&(s?.(x),l?.(x),!x.defaultPrevented&&f&&Q&&k())}return(0,de.jsx)("dialog",{role:i.role,"aria-modal":f||void 0,"aria-labelledby":i.hasTitle?i.titleId:void 0,"aria-describedby":i.hasDescription?i.descriptionId:void 0,id:i.contentId,"data-state":y?"open":"closed","data-dismiss":i.dismiss,...D,...(0,le.appearanceAttrs)({size:d,status:i.status},D),...(0,me.skdxPart)("dialog","content",D.className),ref:Me,onCancel:(0,w.composeEventHandlers)(R,Fe),onClose:(0,w.composeEventHandlers)(c,ze),onPointerDown:(0,w.composeEventHandlers)(u,Be)})}B.displayName="DialogContent";var fe=H(require("react"),1),ge=require("../utils/part.cjs"),ue=require("../utils/primitive.cjs");var De=require("react/jsx-runtime");function V({ref:t,...e}){let o=n("DialogDescription"),{setHasDescription:a}=o;return fe.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,De.jsx)(ue.Primitive.p,{id:o.descriptionId,...e,...(0,ge.skdxPart)(o.family,"description",e.className),ref:t})}V.displayName="DialogDescription";var ye=require("../utils/part.cjs"),Ce=require("../utils/primitive.cjs");var Pe=require("react/jsx-runtime");function G({ref:t,forceMount:e,...o}){let a=n("DialogOverlay");return e||a.open?(0,Pe.jsx)(Ce.Primitive.div,{"data-state":a.open?"open":"closed",...o,...(0,ye.skdxPart)(a.family,"overlay",o.className),ref:t,style:{pointerEvents:a.modal&&a.open?"auto":"none",...o.style}}):null}G.displayName="DialogOverlay";var Re=require("../utils/portal.cjs");var U=require("react/jsx-runtime"),xe=({forceMount:t,children:e,...o})=>{let a=n("Portal");return a.family==="dialog"||t||a.open?(0,U.jsx)(Re.Portal,{...o,children:e}):null},_=({children:t,...e})=>(0,U.jsx)(xe,{...e,children:t});_.displayName="DialogPortal";var ve=H(require("react"),1),he=require("../utils/part.cjs"),Ee=require("../utils/primitive.cjs");var be=require("react/jsx-runtime");function q({ref:t,...e}){let o=n("DialogTitle"),{setHasTitle:a}=o;return ve.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,be.jsx)(Ee.Primitive.h2,{id:o.titleId,...e,...(0,he.skdxPart)(o.family,"title",e.className),ref:t})}q.displayName="DialogTitle";var m=require("react/jsx-runtime"),We=()=>(0,m.jsx)(Te.Glyph,{name:"close"}),Oe=({size:t,title:e,description:o,footer:a,dismissible:l,role:P,confirmLabel:s,cancelLabel:g,onConfirm:p,onCancel:R,children:c,passThrough:u})=>{let d=P==="alertdialog",D=d?s??"Confirm":s,i=d?g??"Cancel":g;return(0,m.jsxs)(_,{children:[(0,m.jsx)(G,{}),(0,m.jsxs)(B,{...u,size:t,children:[e?(0,m.jsx)(q,{children:e}):null,o?(0,m.jsx)(V,{children:o}):null,c,a,i?(0,m.jsx)(X,{onClick:R,children:i}):null,D?(0,m.jsx)(I,{onClick:p,children:D}):null,l&&!d?(0,m.jsx)(M,{"aria-label":"Close",children:(0,m.jsx)(We,{})}):null]})]})};var O=require("react/jsx-runtime"),[He,n]=(0,Se.createSafeContext)("Dialog");function Y({children:t,family:e,open:o,defaultOpen:a=!1,onOpenChange:l,onOpenChangeComplete:P,modal:s,dismiss:g,role:p="dialog",status:R,placement:c="end"}){let u=C.useRef(null),d=C.useRef(null),[D,i]=C.useState(!1),[y,f]=C.useState(!1),[E=!1,h]=(0,ke.useControllableState)({prop:o,defaultProp:a,onChange:l});return(0,Ne.useOpenChangeComplete)(E,d,P),(0,O.jsx)(He,{family:e,triggerRef:u,contentRef:d,contentId:C.useId(),titleId:C.useId(),descriptionId:C.useId(),hasTitle:D,setHasTitle:i,hasDescription:y,setHasDescription:f,open:E,onOpenChange:h,modal:s,dismiss:g,role:p,status:R,placement:c,children:t})}Y.displayName="DialogStateProvider";var Ye={any:"escape",escape:"escape",outside:"none",none:"none"};function Z({children:t,open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:P=!0,dismiss:s="any",dismissible:g=!0,role:p="dialog",status:R}){let c=p==="alertdialog",u=c?Ye[s]:s;return g||(u="none"),(0,O.jsx)(Y,{family:"dialog",open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:c||P,dismiss:u,role:p,status:R,children:t})}Z.displayName="DialogRoot";function Le({children:t,open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:P,dismiss:s,title:g,description:p,footer:R,dismissible:c=!0,size:u,role:d="dialog",status:D,confirmLabel:i,cancelLabel:y,onConfirm:f,onCancel:E,...h}){let b=(0,W.recipeAxis)(D,h,"data-status");return(0,O.jsx)(Z,{open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:P,dismiss:s,dismissible:c,role:d,status:b,children:(0,O.jsx)(Oe,{size:(0,W.recipeAxis)(u,h,"data-size"),title:g,description:p,footer:R,dismissible:c,role:d,confirmLabel:i,cancelLabel:y,onConfirm:f,onCancel:E,passThrough:h,children:t})})}Le.displayName="Dialog";var Ie=require("../utils/composeRefs.cjs"),Je=require("../utils/part.cjs"),K=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime");function Xe({ref:t,...e}){let o=n("DialogTrigger"),a=(0,Ie.useComposedRefs)(t,o.triggerRef);return(0,Ae.jsx)(K.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed",...e,...(0,Je.skdxPart)(o.family,"trigger",e.className),ref:a,onClick:(0,K.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!0))})}Xe.displayName="DialogTrigger";0&&(module.exports={Dialog,DialogAction,DialogCancel,DialogClose,DialogContent,DialogDescription,DialogOverlay,DialogPortal,DialogProvider,DialogRoot,DialogStateProvider,DialogTitle,DialogTrigger,OverlayPortal,useDialogContext});

package/dist/dialog/Dialog.d.cts

@@ -1,37 +1,45 @@
 import * as React from 'react';
-import type { DialogContextValue, DialogProps } from './types.cjs';
-export declare const DialogProvider: {
-    (props: DialogContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useDialogContext: (consumerName: string) => DialogContextValue;
+import type { DrawerPlacement } from '../drawer/types.cjs';
+import type { DialogContextValue, DialogDismiss, DialogFamily, DialogProps, DialogRole } from './types.cjs';
+export declare const DialogProvider: React.FC<DialogContextValue & {
+    children: React.ReactNode;
+}>, useDialogContext: (consumerName: string) => DialogContextValue;
+/** @internal Props for {@link DialogStateProvider}. Not part of the public API. */
+export interface DialogStateProviderProps {
+    children?: React.ReactNode | undefined;
+    family: DialogFamily;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    onOpenChangeComplete?: ((open: boolean) => void) | undefined;
+    modal: boolean;
+    dismiss: DialogDismiss;
+    role?: DialogRole | undefined;
+    status?: string | undefined;
+    placement?: DrawerPlacement | undefined;
+}
+/**
+ * The open state, element refs and generated ids every dialog and drawer part
+ * reads, published under one context so a single part implementation serves
+ * both families.
+ *
+ * @internal
+ */
+export declare function DialogStateProvider({ children, family, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, role, status, placement, }: DialogStateProviderProps): React.JSX.Element;
+export declare namespace DialogStateProvider {
+    var displayName: string;
+}
 /** Props for {@link DialogRoot}: {@link DialogProps} minus the derived-anatomy-only props. */
-export type DialogRootProps = Omit<DialogProps, 'title' | 'description' | 'footer'>;
+export type DialogRootProps = Omit<DialogProps, 'title' | 'description' | 'footer' | 'confirmLabel' | 'cancelLabel' | 'onConfirm' | 'onCancel'>;
 /**
- * State/context primitive that owns open state and hands it down to all dialog
- * parts via context, rendering `children` verbatim with no DOM element of its own.
- * The `Dialog` recipe (below) wraps this with `DialogAnatomy`, adding derived
- * anatomy. For full manual composition, use `DialogRoot` from
- * `@skdx/react/primitives/dialog`.
+ * State/context primitive that owns open state and hands it to all dialog parts via context, rendering `children` verbatim with no DOM element of its own.
  */
-export declare function DialogRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, dismissible, }: DialogRootProps): React.JSX.Element;
+export declare function DialogRoot({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, dismissible, role, status, }: DialogRootProps): React.JSX.Element;
 export declare namespace DialogRoot {
     var displayName: string;
 }
 /**
- * Recipe for a modal (by default) dialog: owns open state and passes it to all
- * parts via context with no DOM element of its own. Derives anatomy from
- * `title`/`description`/`footer`/`dismissible`: portal, overlay, title,
- * description, body (`children`), footer, and close button. `children` is the
- * body; the component reads only whether it exists. Works controlled (`open` +
- * `onOpenChange`) or uncontrolled (`defaultOpen`).
- *
- * When `modal={true}` (default), traps focus, locks body scroll, and closes on
- * outside pointer-down or Escape. `dismiss` narrows which channels close it
- * without silencing the dismissal events; `dismissible={false}` forces
- * `dismiss="none"` and withholds the close button, regardless of `dismiss`.
- * For full manual composition, use `DialogRoot` from `@skdx/react/primitives/dialog`.
+ * Recipe for a modal (by default) dialog, deriving anatomy from `title`/`description`/`footer`/`dismissible` — portal, overlay, title, description, body, footer, and close button. With `role="alertdialog"` it derives an action and a cancel button instead of the close.
  *
  * @example
  * ```tsx
@@ -39,25 +47,8 @@ export declare namespace DialogRoot {
  *   <SettingsForm />
  * </Dialog>
  * ```
- *
- * @example Full manual composition — `@skdx/react/primitives/dialog`.
- * ```tsx
- * import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '@skdx/react/primitives/dialog';
- *
- * <DialogRoot>
- *   <DialogTrigger>Open</DialogTrigger>
- *   <DialogPortal>
- *     <DialogOverlay />
- *     <DialogContent>
- *       <DialogTitle>Edit profile</DialogTitle>
- *       <DialogDescription>Make changes to your profile here.</DialogDescription>
- *       <DialogClose>Close</DialogClose>
- *     </DialogContent>
- *   </DialogPortal>
- * </DialogRoot>
- * ```
  */
-export declare function Dialog({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, title, description, footer, dismissible, ...rest }: DialogProps): React.JSX.Element;
+export declare function Dialog({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, title, description, footer, dismissible, size, role, status, confirmLabel, cancelLabel, onConfirm, onCancel, ...rest }: DialogProps): React.JSX.Element;
 export declare namespace Dialog {
     var displayName: string;
 }