@skdx/react 0.26.0

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { DatePickerTimeFieldProps } from './types.cjs';
+/**
+ * The time half of a date-time {@link DatePicker}: a {@link TimeField} that
+ * edits only the time-of-day of the picker's selected date, leaving the
+ * calendar to own the day. Renders nothing until a date has been picked and
+ * nothing at all in `granularity="day"` — a picker with no time granularity
+ * has no time to edit.
+ *
+ * Only meaningful in `selectionMode="single"`, for the same reason as
+ * {@link DatePickerInput}.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker granularity="minute">
+ *   <DatePickerTrigger>Pick</DatePickerTrigger>
+ *   <DatePickerPortal>
+ *     <DatePickerContent>
+ *       <DatePickerCalendar />
+ *       <DatePickerTimeField aria-label="Time" />
+ *     </DatePickerContent>
+ *   </DatePickerPortal>
+ * </DatePicker>
+ * ```
+ */
+export declare const DatePickerTimeField: React.ForwardRefExoticComponent<Omit<DatePickerTimeFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { DatePickerTimeFieldProps } from './types.js';
+/**
+ * The time half of a date-time {@link DatePicker}: a {@link TimeField} that
+ * edits only the time-of-day of the picker's selected date, leaving the
+ * calendar to own the day. Renders nothing until a date has been picked and
+ * nothing at all in `granularity="day"` — a picker with no time granularity
+ * has no time to edit.
+ *
+ * Only meaningful in `selectionMode="single"`, for the same reason as
+ * {@link DatePickerInput}.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker granularity="minute">
+ *   <DatePickerTrigger>Pick</DatePickerTrigger>
+ *   <DatePickerPortal>
+ *     <DatePickerContent>
+ *       <DatePickerCalendar />
+ *       <DatePickerTimeField aria-label="Time" />
+ *     </DatePickerContent>
+ *   </DatePickerPortal>
+ * </DatePicker>
+ * ```
+ */
+export declare const DatePickerTimeField: React.ForwardRefExoticComponent<Omit<DatePickerTimeFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { DatePickerTriggerProps } from './types.cjs';
+/**
+ * Opens/closes the {@link DatePicker} popup on click, and doubles as the
+ * popper anchor the popup positions against. Renders a
+ * `<button type="button">` with `aria-haspopup="dialog"`, `aria-expanded`,
+ * `aria-controls` pointing at the content, `data-state`, and `data-disabled`
+ * while `disabled`.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker>
+ *   <DatePickerTrigger>Pick a date</DatePickerTrigger>
+ *   <DatePickerPortal>
+ *     <DatePickerContent>
+ *       <DatePickerCalendar />
+ *     </DatePickerContent>
+ *   </DatePickerPortal>
+ * </DatePicker>
+ * ```
+ */
+export declare const DatePickerTrigger: React.ForwardRefExoticComponent<Omit<DatePickerTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { DatePickerTriggerProps } from './types.js';
+/**
+ * Opens/closes the {@link DatePicker} popup on click, and doubles as the
+ * popper anchor the popup positions against. Renders a
+ * `<button type="button">` with `aria-haspopup="dialog"`, `aria-expanded`,
+ * `aria-controls` pointing at the content, `data-state`, and `data-disabled`
+ * while `disabled`.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker>
+ *   <DatePickerTrigger>Pick a date</DatePickerTrigger>
+ *   <DatePickerPortal>
+ *     <DatePickerContent>
+ *       <DatePickerCalendar />
+ *     </DatePickerContent>
+ *   </DatePickerPortal>
+ * </DatePicker>
+ * ```
+ */
+export declare const DatePickerTrigger: React.ForwardRefExoticComponent<Omit<DatePickerTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,9 @@
+export { DatePicker } from './DatePicker.cjs';
+export { DatePickerCalendar } from './DatePickerCalendar.cjs';
+export { type DatePickerCalendarProps, type DatePickerCloseProps, type DatePickerContentProps, type DatePickerHandle, type DatePickerInputProps, type DatePickerPortalProps, type DatePickerProps, type DatePickerTimeFieldProps, type DatePickerTriggerProps, } from './types.cjs';
+export { DatePickerClose } from './DatePickerClose.cjs';
+export { DatePickerContent } from './DatePickerContent.cjs';
+export { DatePickerInput } from './DatePickerInput.cjs';
+export { DatePickerPortal } from './DatePickerPortal.cjs';
+export { DatePickerTimeField } from './DatePickerTimeField.cjs';
+export { DatePickerTrigger } from './DatePickerTrigger.cjs';

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

@@ -0,0 +1,9 @@
+export { DatePicker } from './DatePicker.js';
+export { DatePickerCalendar } from './DatePickerCalendar.js';
+export { type DatePickerCalendarProps, type DatePickerCloseProps, type DatePickerContentProps, type DatePickerHandle, type DatePickerInputProps, type DatePickerPortalProps, type DatePickerProps, type DatePickerTimeFieldProps, type DatePickerTriggerProps, } from './types.js';
+export { DatePickerClose } from './DatePickerClose.js';
+export { DatePickerContent } from './DatePickerContent.js';
+export { DatePickerInput } from './DatePickerInput.js';
+export { DatePickerPortal } from './DatePickerPortal.js';
+export { DatePickerTimeField } from './DatePickerTimeField.js';
+export { DatePickerTrigger } from './DatePickerTrigger.js';

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

@@ -0,0 +1,192 @@
+import type * as React from 'react';
+import type { CalendarProps, CalendarSelectionMode, CalendarValue } 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 { FormValidityHandle } from '../utils/formControl.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';
+/** @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>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    contentId: string;
+    value: CalendarValue;
+    selectionMode: CalendarSelectionMode;
+    granularity: Granularity;
+    onValueChange: (value: CalendarValue) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    disabled: boolean;
+}
+/** Props for the {@link DatePicker} root. */
+export interface DatePickerProps {
+    /**
+     * The trigger and portal — the popup's own DOM (calendar, close button) is
+     * rendered by {@link DatePickerPortal} elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+    /**
+     * How many dates the composed calendar selects at once, which decides the
+     * shape of `value` — see {@link CalendarSelectionMode}. Also decides when
+     * the popup auto-closes: immediately in `single`, once the range is closed
+     * in `range`, never in `multiple`.
+     * @default 'single'
+     */
+    selectionMode?: CalendarSelectionMode;
+    /**
+     * How precise the selected value is, forwarded to `DatePickerInput` and
+     * `DatePickerTimeField`. Anything past `'day'` puts the picker in date-time
+     * mode: the popup no longer closes on a calendar selection, because the user
+     * still has a time to set.
+     * @default 'day'
+     */
+    granularity?: Granularity;
+    /**
+     * Current selection, for controlled usage. Pair with `onValueChange`. Its
+     * shape follows `selectionMode`.
+     * @default undefined — uncontrolled, tracks its own selection internally.
+     */
+    value?: CalendarValue;
+    /**
+     * Initial selection, for uncontrolled usage. Its shape follows `selectionMode`.
+     * @default undefined — nothing selected.
+     */
+    defaultValue?: CalendarValue;
+    /**
+     * Fires with the whole new selection whenever it changes.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (value: CalendarValue) => void;
+    /**
+     * Whether the popup is open, for controlled usage. Pair with `onOpenChange`.
+     * @default undefined — uncontrolled, tracks its own open state internally.
+     */
+    open?: boolean;
+    /**
+     * Initial open state, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Fires with the new open state whenever it changes, controlled or not.
+     * @default undefined — no-op if omitted.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Fires with the new open state once the change has finished on screen —
+     * after `DatePickerContent`'s enter or exit animation ends, or as soon as it
+     * has settled when the popup declares no animation. Use it for work that must
+     * not race the transition; use `onOpenChange` for work that must not wait for it.
+     * @default undefined — no-op if omitted.
+     */
+    onOpenChangeComplete?: (open: boolean) => void;
+    /**
+     * Form field name. The selection is submitted under it as local-time
+     * `YYYY-MM-DD` strings, exactly like `<input type="date">` — one entry in
+     * `single` mode, one entry per date in `multiple`, and start then end (two
+     * entries under the same name) in `range`.
+     * @default undefined — the picker submits nothing.
+     */
+    name?: string;
+    /**
+     * Marks the picker required: with nothing selected it reports `valueMissing`
+     * and blocks submission. A range still anchored on its start counts as
+     * nothing selected. Only meaningful alongside `name`.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Disables the trigger and prevents the popup opening — including through
+     * `open`/`defaultOpen`, since a disabled control that can still be driven
+     * open from a prop is not disabled.
+     *
+     * Mirrors `Select` and `TreeSelect`, whose triggers share `_trigger.css`'s
+     * disabled treatment with this one and reach it through the same
+     * `data-disabled` the trigger publishes.
+     * @default false
+     */
+    disabled?: boolean;
+}
+/** Props for {@link DatePickerTrigger}, the button that opens/closes the popup. */
+export interface DatePickerTriggerProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link DatePickerPortal}, which teleports its content to `document.body` while open. */
+export interface DatePickerPortalProps extends PortalProps {
+    /**
+     * Render (and mount `DatePickerContent`) even while closed, instead of
+     * unmounting. Useful for animation libraries that need the outgoing
+     * content present in the DOM during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+}
+/**
+ * Props for {@link DatePickerContent}, the popup panel. Extends
+ * {@link PopperContentProps} (`side`, `align`, `sideOffset`, `alignOffset`,
+ * `avoidCollisions`, `collisionPadding`) for floating-ui positioning relative
+ * to the trigger — note `DatePickerContent` defaults `sideOffset` to `4`
+ * instead of the popper base default of `0`.
+ */
+export interface DatePickerContentProps extends PopperContentProps {
+    /**
+     * Keep this panel mounted even while closed, instead of unmounting it.
+     * @default false
+     */
+    forceMount?: boolean;
+    /**
+     * Called when Escape is pressed while the content has focus; closes the popup unless `event.preventDefault()` is called.
+     * @default undefined — no-op if omitted.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Called on pointerdown outside the content; closes the popup unless `event.preventDefault()` is called.
+     * @default undefined — no-op if omitted.
+     */
+    onPointerDownOutside?: (event: PointerEvent) => void;
+    /**
+     * Called when focus moves to an element outside the content; closes the popup unless `event.preventDefault()` is called. Receives a cancelable stand-in carrying the original `focusin` as its `detail`, since `focusin` itself cannot be canceled.
+     * @default undefined — no-op if omitted.
+     */
+    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    /**
+     * Called for either kind of outside interaction — pointerdown or focus — immediately before the specific handler above and with the same event, so one `event.preventDefault()` here vetoes the dismissal whichever way it was triggered.
+     * @default undefined — no-op if omitted.
+     */
+    onInteractOutside?: (event: InteractOutsideEvent) => void;
+}
+/**
+ * Props for {@link DatePickerCalendar} — identical to {@link CalendarProps},
+ * minus the wiring `DatePickerCalendar` provides itself
+ * (`value`/`onValueChange`/`selectionMode`, all owned by the `DatePicker`
+ * root).
+ */
+export interface DatePickerCalendarProps extends Omit<CalendarProps, 'value' | 'onValueChange' | 'selectionMode'> {
+}
+/** Props for {@link DatePickerClose}, a button that closes the popup without changing the selection. */
+export interface DatePickerCloseProps extends PrimitivePropsWithRef<'button'> {
+}
+/**
+ * Props for {@link DatePickerInput} — identical to {@link DateFieldProps},
+ * minus the wiring `DatePickerInput` provides itself
+ * (`value`/`onValueChange`/`granularity`, all owned by the `DatePicker` root).
+ */
+export interface DatePickerInputProps extends Omit<DateFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
+}
+/**
+ * Props for {@link DatePickerTimeField} — identical to {@link TimeFieldProps},
+ * minus the wiring `DatePickerTimeField` provides itself
+ * (`value`/`onValueChange`/`granularity`).
+ */
+export interface DatePickerTimeFieldProps extends Omit<TimeFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
+}
+/**
+ * What {@link DatePicker}'s forwarded ref carries. The root renders no DOM of
+ * its own besides its mirrored inputs, so the ref is these two
+ * constraint-validation methods and nothing else —
+ * `React.useRef<DatePickerHandle>(null)`.
+ */
+export type DatePickerHandle = FormValidityHandle;

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

@@ -0,0 +1,192 @@
+import type * as React from 'react';
+import type { CalendarProps, CalendarSelectionMode, CalendarValue } 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 { FormValidityHandle } from '../utils/formControl.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';
+/** @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>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    contentId: string;
+    value: CalendarValue;
+    selectionMode: CalendarSelectionMode;
+    granularity: Granularity;
+    onValueChange: (value: CalendarValue) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    disabled: boolean;
+}
+/** Props for the {@link DatePicker} root. */
+export interface DatePickerProps {
+    /**
+     * The trigger and portal — the popup's own DOM (calendar, close button) is
+     * rendered by {@link DatePickerPortal} elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+    /**
+     * How many dates the composed calendar selects at once, which decides the
+     * shape of `value` — see {@link CalendarSelectionMode}. Also decides when
+     * the popup auto-closes: immediately in `single`, once the range is closed
+     * in `range`, never in `multiple`.
+     * @default 'single'
+     */
+    selectionMode?: CalendarSelectionMode;
+    /**
+     * How precise the selected value is, forwarded to `DatePickerInput` and
+     * `DatePickerTimeField`. Anything past `'day'` puts the picker in date-time
+     * mode: the popup no longer closes on a calendar selection, because the user
+     * still has a time to set.
+     * @default 'day'
+     */
+    granularity?: Granularity;
+    /**
+     * Current selection, for controlled usage. Pair with `onValueChange`. Its
+     * shape follows `selectionMode`.
+     * @default undefined — uncontrolled, tracks its own selection internally.
+     */
+    value?: CalendarValue;
+    /**
+     * Initial selection, for uncontrolled usage. Its shape follows `selectionMode`.
+     * @default undefined — nothing selected.
+     */
+    defaultValue?: CalendarValue;
+    /**
+     * Fires with the whole new selection whenever it changes.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (value: CalendarValue) => void;
+    /**
+     * Whether the popup is open, for controlled usage. Pair with `onOpenChange`.
+     * @default undefined — uncontrolled, tracks its own open state internally.
+     */
+    open?: boolean;
+    /**
+     * Initial open state, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Fires with the new open state whenever it changes, controlled or not.
+     * @default undefined — no-op if omitted.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Fires with the new open state once the change has finished on screen —
+     * after `DatePickerContent`'s enter or exit animation ends, or as soon as it
+     * has settled when the popup declares no animation. Use it for work that must
+     * not race the transition; use `onOpenChange` for work that must not wait for it.
+     * @default undefined — no-op if omitted.
+     */
+    onOpenChangeComplete?: (open: boolean) => void;
+    /**
+     * Form field name. The selection is submitted under it as local-time
+     * `YYYY-MM-DD` strings, exactly like `<input type="date">` — one entry in
+     * `single` mode, one entry per date in `multiple`, and start then end (two
+     * entries under the same name) in `range`.
+     * @default undefined — the picker submits nothing.
+     */
+    name?: string;
+    /**
+     * Marks the picker required: with nothing selected it reports `valueMissing`
+     * and blocks submission. A range still anchored on its start counts as
+     * nothing selected. Only meaningful alongside `name`.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Disables the trigger and prevents the popup opening — including through
+     * `open`/`defaultOpen`, since a disabled control that can still be driven
+     * open from a prop is not disabled.
+     *
+     * Mirrors `Select` and `TreeSelect`, whose triggers share `_trigger.css`'s
+     * disabled treatment with this one and reach it through the same
+     * `data-disabled` the trigger publishes.
+     * @default false
+     */
+    disabled?: boolean;
+}
+/** Props for {@link DatePickerTrigger}, the button that opens/closes the popup. */
+export interface DatePickerTriggerProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link DatePickerPortal}, which teleports its content to `document.body` while open. */
+export interface DatePickerPortalProps extends PortalProps {
+    /**
+     * Render (and mount `DatePickerContent`) even while closed, instead of
+     * unmounting. Useful for animation libraries that need the outgoing
+     * content present in the DOM during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+}
+/**
+ * Props for {@link DatePickerContent}, the popup panel. Extends
+ * {@link PopperContentProps} (`side`, `align`, `sideOffset`, `alignOffset`,
+ * `avoidCollisions`, `collisionPadding`) for floating-ui positioning relative
+ * to the trigger — note `DatePickerContent` defaults `sideOffset` to `4`
+ * instead of the popper base default of `0`.
+ */
+export interface DatePickerContentProps extends PopperContentProps {
+    /**
+     * Keep this panel mounted even while closed, instead of unmounting it.
+     * @default false
+     */
+    forceMount?: boolean;
+    /**
+     * Called when Escape is pressed while the content has focus; closes the popup unless `event.preventDefault()` is called.
+     * @default undefined — no-op if omitted.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Called on pointerdown outside the content; closes the popup unless `event.preventDefault()` is called.
+     * @default undefined — no-op if omitted.
+     */
+    onPointerDownOutside?: (event: PointerEvent) => void;
+    /**
+     * Called when focus moves to an element outside the content; closes the popup unless `event.preventDefault()` is called. Receives a cancelable stand-in carrying the original `focusin` as its `detail`, since `focusin` itself cannot be canceled.
+     * @default undefined — no-op if omitted.
+     */
+    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    /**
+     * Called for either kind of outside interaction — pointerdown or focus — immediately before the specific handler above and with the same event, so one `event.preventDefault()` here vetoes the dismissal whichever way it was triggered.
+     * @default undefined — no-op if omitted.
+     */
+    onInteractOutside?: (event: InteractOutsideEvent) => void;
+}
+/**
+ * Props for {@link DatePickerCalendar} — identical to {@link CalendarProps},
+ * minus the wiring `DatePickerCalendar` provides itself
+ * (`value`/`onValueChange`/`selectionMode`, all owned by the `DatePicker`
+ * root).
+ */
+export interface DatePickerCalendarProps extends Omit<CalendarProps, 'value' | 'onValueChange' | 'selectionMode'> {
+}
+/** Props for {@link DatePickerClose}, a button that closes the popup without changing the selection. */
+export interface DatePickerCloseProps extends PrimitivePropsWithRef<'button'> {
+}
+/**
+ * Props for {@link DatePickerInput} — identical to {@link DateFieldProps},
+ * minus the wiring `DatePickerInput` provides itself
+ * (`value`/`onValueChange`/`granularity`, all owned by the `DatePicker` root).
+ */
+export interface DatePickerInputProps extends Omit<DateFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
+}
+/**
+ * Props for {@link DatePickerTimeField} — identical to {@link TimeFieldProps},
+ * minus the wiring `DatePickerTimeField` provides itself
+ * (`value`/`onValueChange`/`granularity`).
+ */
+export interface DatePickerTimeFieldProps extends Omit<TimeFieldProps, 'value' | 'defaultValue' | 'onValueChange' | 'granularity'> {
+}
+/**
+ * What {@link DatePicker}'s forwarded ref carries. The root renders no DOM of
+ * its own besides its mirrored inputs, so the ref is these two
+ * constraint-validation methods and nothing else —
+ * `React.useRef<DatePickerHandle>(null)`.
+ */
+export type DatePickerHandle = FormValidityHandle;

package/dist/dialog/Dialog.cjs

@@ -0,0 +1 @@
+"use strict";var no=Object.create;var f=Object.defineProperty;var po=Object.getOwnPropertyDescriptor;var so=Object.getOwnPropertyNames;var mo=Object.getPrototypeOf,go=Object.prototype.hasOwnProperty;var fo=(o,e)=>{for(var t in e)f(o,t,{get:e[t],enumerable:!0})},O=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of so(e))!go.call(o,l)&&l!==t&&f(o,l,{get:()=>e[l],enumerable:!(i=po(e,l))||i.enumerable});return o};var p=(o,e,t)=>(t=o!=null?no(mo(o)):{},O(e||!o||!o.__esModule?f(t,"default",{value:o,enumerable:!0}):t,o)),co=o=>O(f({},"__esModule",{value:!0}),o);var Do={};fo(Do,{Dialog:()=>h,DialogClose:()=>T,DialogContent:()=>R,DialogDescription:()=>v,DialogOverlay:()=>C,DialogPortal:()=>y,DialogProvider:()=>b,DialogTitle:()=>x,DialogTrigger:()=>u,useDialogContext:()=>a});module.exports=co(Do);var s=p(require("react"),1),N=require("../utils/createContext.cjs"),E=require("../utils/useControllableState.cjs"),I=require("../utils/useOpenChangeComplete.cjs"),k=require("react/jsx-runtime"),[b,a]=(0,N.createSafeContext)("Dialog");function h({children:o,open:e,defaultOpen:t=!1,onOpenChange:i,onOpenChangeComplete:l,modal:D=!0}){let P=s.useRef(null),m=s.useRef(null),[g=!1,r]=(0,E.useControllableState)({prop:e,defaultProp:t,onChange:i});return(0,I.useOpenChangeComplete)(g,m,l),(0,k.jsx)(b,{triggerRef:P,contentRef:m,contentId:s.useId(),titleId:s.useId(),descriptionId:s.useId(),open:g,onOpenChange:r,modal:D,children:o})}h.displayName="Dialog";var H=p(require("react"),1),L=require("../utils/composeRefs.cjs"),w=require("../utils/part.cjs"),d=require("../utils/primitive.cjs");var M=require("react/jsx-runtime"),u=H.forwardRef((o,e)=>{let t=a("DialogTrigger"),i=(0,L.useComposedRefs)(e,t.triggerRef);return(0,M.jsx)(d.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,w.skdxPart)("dialog","trigger",o.className),ref:i,onClick:(0,d.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!0))})});u.displayName="DialogTrigger";var B=require("../utils/portal.cjs");var S=require("react/jsx-runtime"),y=({forceMount:o,children:e,...t})=>{let i=a("DialogPortal");return o||i.open?(0,S.jsx)(B.Portal,{...t,children:e}):null};y.displayName="DialogPortal";var F=p(require("react"),1),V=require("../utils/part.cjs"),K=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),C=F.forwardRef(({forceMount:o,...e},t)=>{let i=a("DialogOverlay");return o||i.open?(0,q.jsx)(K.Primitive.div,{"data-state":i.open?"open":"closed",...e,...(0,V.skdxPart)("dialog","overlay",e.className),ref:t,style:{pointerEvents:"auto",...e.style}}):null});C.displayName="DialogOverlay";var z=p(require("react"),1),A=require("../utils/composeRefs.cjs"),G=require("../utils/part.cjs"),J=require("../utils/primitive.cjs"),Q=require("../utils/useBodyScrollLock.cjs"),U=require("../utils/useDismiss.cjs"),W=require("../utils/useFocusTrap.cjs");var X=require("react/jsx-runtime"),R=z.forwardRef(({forceMount:o,onEscapeKeyDown:e,onPointerDownOutside:t,onFocusOutside:i,onInteractOutside:l,onOpenAutoFocus:D,onCloseAutoFocus:P,...m},g)=>{let r=a("DialogContent"),lo=(0,A.useComposedRefs)(g,r.contentRef);return(0,Q.useBodyScrollLock)(r.open&&r.modal),(0,W.useFocusTrap)(r.contentRef,r.open&&r.modal,{onOpenAutoFocus:D,onCloseAutoFocus:P}),(0,U.useDismiss)({enabled:r.open,onEscapeKeyDown:n=>{e?.(n),n.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:l,onPointerDownOutside:n=>{t?.(n),!n.defaultPrevented&&r.modal&&r.onOpenChange(!1)},onFocusOutside:n=>{i?.(n),!n.defaultPrevented&&r.modal&&r.onOpenChange(!1)}},[r.contentRef]),o||r.open?(0,X.jsx)(J.Primitive.div,{role:"dialog","aria-modal":r.modal||void 0,"aria-labelledby":r.titleId,"aria-describedby":r.descriptionId,id:r.contentId,"data-state":r.open?"open":"closed",...m,...(0,G.skdxPart)("dialog","content",m.className),ref:lo}):null});R.displayName="DialogContent";var Y=p(require("react"),1),Z=require("../utils/part.cjs"),_=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),x=Y.forwardRef((o,e)=>{let t=a("DialogTitle");return(0,$.jsx)(_.Primitive.h2,{id:t.titleId,...o,...(0,Z.skdxPart)("dialog","title",o.className),ref:e})});x.displayName="DialogTitle";var j=p(require("react"),1),oo=require("../utils/part.cjs"),eo=require("../utils/primitive.cjs");var to=require("react/jsx-runtime"),v=j.forwardRef((o,e)=>{let t=a("DialogDescription");return(0,to.jsx)(eo.Primitive.p,{id:t.descriptionId,...o,...(0,oo.skdxPart)("dialog","description",o.className),ref:e})});v.displayName="DialogDescription";var ro=p(require("react"),1),ao=require("../utils/part.cjs"),c=require("../utils/primitive.cjs");var io=require("react/jsx-runtime"),T=ro.forwardRef((o,e)=>{let t=a("DialogClose");return(0,io.jsx)(c.Primitive.button,{type:"button",...o,...(0,ao.skdxPart)("dialog","close",o.className),ref:e,onClick:(0,c.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})});T.displayName="DialogClose";0&&(module.exports={Dialog,DialogClose,DialogContent,DialogDescription,DialogOverlay,DialogPortal,DialogProvider,DialogTitle,DialogTrigger,useDialogContext});

package/dist/dialog/Dialog.d.cts

@@ -0,0 +1,37 @@
+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;
+/**
+ * Root of a modal (by default) dialog: owns open state and hands it down to
+ * `DialogTrigger` / `DialogPortal` / `DialogOverlay` / `DialogContent` /
+ * `DialogTitle` / `DialogDescription` / `DialogClose` via context. Renders
+ * no DOM element itself.
+ *
+ * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * When `modal` is true (the default), `DialogContent` traps focus, locks
+ * body scroll, and closes on outside pointer-down or Escape.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogPortal>
+ *     <DialogOverlay />
+ *     <DialogContent>
+ *       <DialogTitle>Edit profile</DialogTitle>
+ *       <DialogDescription>Make changes to your profile here.</DialogDescription>
+ *       <DialogClose>Close</DialogClose>
+ *     </DialogContent>
+ *   </DialogPortal>
+ * </Dialog>
+ * ```
+ */
+export declare function Dialog({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, }: DialogProps): React.JSX.Element;
+export declare namespace Dialog {
+    var displayName: string;
+}

package/dist/dialog/Dialog.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import type { DialogContextValue, DialogProps } from './types.js';
+export declare const DialogProvider: {
+    (props: DialogContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useDialogContext: (consumerName: string) => DialogContextValue;
+/**
+ * Root of a modal (by default) dialog: owns open state and hands it down to
+ * `DialogTrigger` / `DialogPortal` / `DialogOverlay` / `DialogContent` /
+ * `DialogTitle` / `DialogDescription` / `DialogClose` via context. Renders
+ * no DOM element itself.
+ *
+ * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * When `modal` is true (the default), `DialogContent` traps focus, locks
+ * body scroll, and closes on outside pointer-down or Escape.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogPortal>
+ *     <DialogOverlay />
+ *     <DialogContent>
+ *       <DialogTitle>Edit profile</DialogTitle>
+ *       <DialogDescription>Make changes to your profile here.</DialogDescription>
+ *       <DialogClose>Close</DialogClose>
+ *     </DialogContent>
+ *   </DialogPortal>
+ * </Dialog>
+ * ```
+ */
+export declare function Dialog({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, }: DialogProps): React.JSX.Element;
+export declare namespace Dialog {
+    var displayName: string;
+}

package/dist/dialog/Dialog.js

@@ -0,0 +1 @@
+import*as n from"react";import{createSafeContext as I}from"../utils/createContext.js";import{useControllableState as b}from"../utils/useControllableState.js";import{useOpenChangeComplete as h}from"../utils/useOpenChangeComplete.js";import{jsx as L}from"react/jsx-runtime";var[k,a]=I("Dialog");function H({children:o,open:r,defaultOpen:t=!1,onOpenChange:i,onOpenChangeComplete:m,modal:g=!0}){let f=n.useRef(null),p=n.useRef(null),[s=!1,e]=b({prop:r,defaultProp:t,onChange:i});return h(s,p,m),L(k,{triggerRef:f,contentRef:p,contentId:n.useId(),titleId:n.useId(),descriptionId:n.useId(),open:s,onOpenChange:e,modal:g,children:o})}H.displayName="Dialog";import*as d from"react";import{useComposedRefs as w}from"../utils/composeRefs.js";import{skdxPart as M}from"../utils/part.js";import{composeEventHandlers as B,Primitive as S}from"../utils/primitive.js";import{jsx as F}from"react/jsx-runtime";var c=d.forwardRef((o,r)=>{let t=a("DialogTrigger"),i=w(r,t.triggerRef);return F(S.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...M("dialog","trigger",o.className),ref:i,onClick:B(o.onClick,()=>t.onOpenChange(!0))})});c.displayName="DialogTrigger";import{Portal as V}from"../utils/portal.js";import{jsx as K}from"react/jsx-runtime";var D=({forceMount:o,children:r,...t})=>{let i=a("DialogPortal");return o||i.open?K(V,{...t,children:r}):null};D.displayName="DialogPortal";import*as P from"react";import{skdxPart as q}from"../utils/part.js";import{Primitive as z}from"../utils/primitive.js";import{jsx as A}from"react/jsx-runtime";var u=P.forwardRef(({forceMount:o,...r},t)=>{let i=a("DialogOverlay");return o||i.open?A(z.div,{"data-state":i.open?"open":"closed",...r,...q("dialog","overlay",r.className),ref:t,style:{pointerEvents:"auto",...r.style}}):null});u.displayName="DialogOverlay";import*as y from"react";import{useComposedRefs as G}from"../utils/composeRefs.js";import{skdxPart as J}from"../utils/part.js";import{Primitive as Q}from"../utils/primitive.js";import{useBodyScrollLock as U}from"../utils/useBodyScrollLock.js";import{useDismiss as W}from"../utils/useDismiss.js";import{useFocusTrap as X}from"../utils/useFocusTrap.js";import{jsx as Y}from"react/jsx-runtime";var C=y.forwardRef(({forceMount:o,onEscapeKeyDown:r,onPointerDownOutside:t,onFocusOutside:i,onInteractOutside:m,onOpenAutoFocus:g,onCloseAutoFocus:f,...p},s)=>{let e=a("DialogContent"),E=G(s,e.contentRef);return U(e.open&&e.modal),X(e.contentRef,e.open&&e.modal,{onOpenAutoFocus:g,onCloseAutoFocus:f}),W({enabled:e.open,onEscapeKeyDown:l=>{r?.(l),l.defaultPrevented||e.onOpenChange(!1)},onInteractOutside:m,onPointerDownOutside:l=>{t?.(l),!l.defaultPrevented&&e.modal&&e.onOpenChange(!1)},onFocusOutside:l=>{i?.(l),!l.defaultPrevented&&e.modal&&e.onOpenChange(!1)}},[e.contentRef]),o||e.open?Y(Q.div,{role:"dialog","aria-modal":e.modal||void 0,"aria-labelledby":e.titleId,"aria-describedby":e.descriptionId,id:e.contentId,"data-state":e.open?"open":"closed",...p,...J("dialog","content",p.className),ref:E}):null});C.displayName="DialogContent";import*as R from"react";import{skdxPart as Z}from"../utils/part.js";import{Primitive as _}from"../utils/primitive.js";import{jsx as $}from"react/jsx-runtime";var x=R.forwardRef((o,r)=>{let t=a("DialogTitle");return $(_.h2,{id:t.titleId,...o,...Z("dialog","title",o.className),ref:r})});x.displayName="DialogTitle";import*as v from"react";import{skdxPart as j}from"../utils/part.js";import{Primitive as oo}from"../utils/primitive.js";import{jsx as eo}from"react/jsx-runtime";var T=v.forwardRef((o,r)=>{let t=a("DialogDescription");return eo(oo.p,{id:t.descriptionId,...o,...j("dialog","description",o.className),ref:r})});T.displayName="DialogDescription";import*as O from"react";import{skdxPart as to}from"../utils/part.js";import{composeEventHandlers as ro,Primitive as ao}from"../utils/primitive.js";import{jsx as io}from"react/jsx-runtime";var N=O.forwardRef((o,r)=>{let t=a("DialogClose");return io(ao.button,{type:"button",...o,...to("dialog","close",o.className),ref:r,onClick:ro(o.onClick,()=>t.onOpenChange(!1))})});N.displayName="DialogClose";export{H as Dialog,N as DialogClose,C as DialogContent,T as DialogDescription,u as DialogOverlay,D as DialogPortal,k as DialogProvider,x as DialogTitle,c as DialogTrigger,a as useDialogContext};

package/dist/dialog/DialogClose.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { DialogCloseProps } from './types.cjs';
+/**
+ * Button that closes the dialog when clicked. Renders inside `DialogContent`
+ * anywhere you like (e.g. a footer "Cancel" button).
+ *
+ * @example
+ * ```tsx
+ * <DialogContent>
+ *   <DialogTitle>Discard changes?</DialogTitle>
+ *   <DialogClose>Cancel</DialogClose>
+ * </DialogContent>
+ * ```
+ */
+export declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/dialog/DialogClose.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { DialogCloseProps } from './types.js';
+/**
+ * Button that closes the dialog when clicked. Renders inside `DialogContent`
+ * anywhere you like (e.g. a footer "Cancel" button).
+ *
+ * @example
+ * ```tsx
+ * <DialogContent>
+ *   <DialogTitle>Discard changes?</DialogTitle>
+ *   <DialogClose>Cancel</DialogClose>
+ * </DialogContent>
+ * ```
+ */
+export declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;