@skdx/react 0.26.0

package/dist/dialog/DialogContent.d.cts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import type { DialogContentProps } from './types.cjs';
+/**
+ * The dialog's panel: `role="dialog"`, labelled by `DialogTitle` and
+ * described by `DialogDescription` via `aria-labelledby`/`aria-describedby`,
+ * with `aria-modal` and `data-state` (`open`/`closed`) reflecting state.
+ * When rendered under a modal `Dialog`, it traps focus and locks body
+ * scroll while open. Closes on Escape, and — when modal — on an outside
+ * interaction: either pointer-down outside or focus moving outside, each
+ * reported to `onPointerDownOutside`/`onFocusOutside` and, just before them
+ * and with the same event, to `onInteractOutside`. Any of those (or
+ * `onEscapeKeyDown`) calling `event.preventDefault()` keeps it open.
+ * The two focus moves the trap makes on the dialog's behalf are announced
+ * first as `onOpenAutoFocus`/`onCloseAutoFocus`, cancelable the same way.
+ * Mounts only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <DialogPortal>
+ *   <DialogOverlay />
+ *   <DialogContent onEscapeKeyDown={(e) => console.log('escape')}>
+ *     <DialogTitle>Edit profile</DialogTitle>
+ *     <DialogClose>Close</DialogClose>
+ *   </DialogContent>
+ * </DialogPortal>
+ * ```
+ */
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/dialog/DialogContent.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import type { DialogContentProps } from './types.js';
+/**
+ * The dialog's panel: `role="dialog"`, labelled by `DialogTitle` and
+ * described by `DialogDescription` via `aria-labelledby`/`aria-describedby`,
+ * with `aria-modal` and `data-state` (`open`/`closed`) reflecting state.
+ * When rendered under a modal `Dialog`, it traps focus and locks body
+ * scroll while open. Closes on Escape, and — when modal — on an outside
+ * interaction: either pointer-down outside or focus moving outside, each
+ * reported to `onPointerDownOutside`/`onFocusOutside` and, just before them
+ * and with the same event, to `onInteractOutside`. Any of those (or
+ * `onEscapeKeyDown`) calling `event.preventDefault()` keeps it open.
+ * The two focus moves the trap makes on the dialog's behalf are announced
+ * first as `onOpenAutoFocus`/`onCloseAutoFocus`, cancelable the same way.
+ * Mounts only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <DialogPortal>
+ *   <DialogOverlay />
+ *   <DialogContent onEscapeKeyDown={(e) => console.log('escape')}>
+ *     <DialogTitle>Edit profile</DialogTitle>
+ *     <DialogClose>Close</DialogClose>
+ *   </DialogContent>
+ * </DialogPortal>
+ * ```
+ */
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/dialog/DialogDescription.d.cts

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

package/dist/dialog/DialogDescription.d.ts

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

package/dist/dialog/DialogOverlay.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { DialogOverlayProps } from './types.cjs';
+/**
+ * Backdrop rendered behind `DialogContent`, typically styled to dim the
+ * page. Exposes `data-state` (`open`/`closed`) for animation and mounts
+ * only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <DialogPortal>
+ *   <DialogOverlay className="overlay" />
+ *   <DialogContent>…</DialogContent>
+ * </DialogPortal>
+ * ```
+ */
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/dialog/DialogOverlay.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { DialogOverlayProps } from './types.js';
+/**
+ * Backdrop rendered behind `DialogContent`, typically styled to dim the
+ * page. Exposes `data-state` (`open`/`closed`) for animation and mounts
+ * only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <DialogPortal>
+ *   <DialogOverlay className="overlay" />
+ *   <DialogContent>…</DialogContent>
+ * </DialogPortal>
+ * ```
+ */
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/dialog/DialogPortal.d.cts

@@ -0,0 +1,21 @@
+import type { DialogPortalProps } from './types.cjs';
+/**
+ * Teleports `DialogOverlay` and `DialogContent` to `document.body` (or a
+ * custom `container`), so the dialog escapes any clipping/`overflow`
+ * ancestors. Mounts only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogPortal>
+ *     <DialogOverlay />
+ *     <DialogContent>…</DialogContent>
+ *   </DialogPortal>
+ * </Dialog>
+ * ```
+ */
+export declare const DialogPortal: {
+    ({ forceMount, children, ...props }: DialogPortalProps): import("react").JSX.Element | null;
+    displayName: string;
+};

package/dist/dialog/DialogPortal.d.ts

@@ -0,0 +1,21 @@
+import type { DialogPortalProps } from './types.js';
+/**
+ * Teleports `DialogOverlay` and `DialogContent` to `document.body` (or a
+ * custom `container`), so the dialog escapes any clipping/`overflow`
+ * ancestors. Mounts only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogPortal>
+ *     <DialogOverlay />
+ *     <DialogContent>…</DialogContent>
+ *   </DialogPortal>
+ * </Dialog>
+ * ```
+ */
+export declare const DialogPortal: {
+    ({ forceMount, children, ...props }: DialogPortalProps): import("react").JSX.Element | null;
+    displayName: string;
+};

package/dist/dialog/DialogTitle.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { DialogTitleProps } from './types.cjs';
+/**
+ * The dialog's accessible name: renders an `<h2>` wired to `DialogContent`
+ * via `aria-labelledby`. Every dialog should include one.
+ *
+ * @example
+ * ```tsx
+ * <DialogContent>
+ *   <DialogTitle>Edit profile</DialogTitle>
+ * </DialogContent>
+ * ```
+ */
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/dialog/DialogTitle.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { DialogTitleProps } from './types.js';
+/**
+ * The dialog's accessible name: renders an `<h2>` wired to `DialogContent`
+ * via `aria-labelledby`. Every dialog should include one.
+ *
+ * @example
+ * ```tsx
+ * <DialogContent>
+ *   <DialogTitle>Edit profile</DialogTitle>
+ * </DialogContent>
+ * ```
+ */
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/dialog/DialogTrigger.d.cts

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

package/dist/dialog/DialogTrigger.d.ts

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

package/dist/dialog/index.d.cts

@@ -0,0 +1,9 @@
+export * from './Dialog.cjs';
+export { DialogTrigger } from './DialogTrigger.cjs';
+export { DialogPortal } from './DialogPortal.cjs';
+export { DialogOverlay } from './DialogOverlay.cjs';
+export { DialogContent } from './DialogContent.cjs';
+export { DialogTitle } from './DialogTitle.cjs';
+export { DialogDescription } from './DialogDescription.cjs';
+export { DialogClose } from './DialogClose.cjs';
+export type { DialogProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, } from './types.cjs';

package/dist/dialog/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Dialog.js';
+export { DialogTrigger } from './DialogTrigger.js';
+export { DialogPortal } from './DialogPortal.js';
+export { DialogOverlay } from './DialogOverlay.js';
+export { DialogContent } from './DialogContent.js';
+export { DialogTitle } from './DialogTitle.js';
+export { DialogDescription } from './DialogDescription.js';
+export { DialogClose } from './DialogClose.js';
+export type { DialogProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, } from './types.js';

package/dist/dialog/types.d.cts

@@ -0,0 +1,127 @@
+import type * as React from 'react';
+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 Dialog} to its parts via context. Not part of the public API. */
+export interface DialogContextValue {
+    triggerRef: React.RefObject<HTMLButtonElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    modal: boolean;
+}
+/** Props for the {@link Dialog} root. */
+export interface DialogProps {
+    /**
+     * The trigger and portal, typically — the dialog's own DOM (overlay,
+     * content, title, description) is rendered by {@link DialogPortal} elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the dialog is open, for controlled usage. Pair with `onOpenChange`.
+     * @default undefined — uncontrolled, tracks its own open state internally.
+     */
+    open?: boolean;
+    /**
+     * Whether the dialog is initially open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Fires with the new open state whenever the dialog opens or closes, 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 `DialogContent`'s enter or exit animation ends, or as soon as it has
+     * settled when the panel 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;
+    /**
+     * Whether the dialog traps focus and blocks interaction with the rest of
+     * the page (scroll lock, pointer-down-outside closes it). Set to `false`
+     * for a non-modal dialog that lets the page remain interactive.
+     * @default true
+     */
+    modal?: boolean;
+}
+/** Props for {@link DialogTrigger}, the button that opens the dialog. */
+export interface DialogTriggerProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link DialogPortal}, which teleports its children to `document.body`. */
+export interface DialogPortalProps extends PortalProps {
+    /**
+     * Render the portal even while the dialog is closed, instead of unmounting
+     * it. Useful for animation libraries that need the outgoing content present
+     * in the DOM during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+}
+/** Props for {@link DialogOverlay}, the backdrop rendered behind `DialogContent`. */
+export interface DialogOverlayProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Keep this overlay mounted even while the dialog is closed. Useful for
+     * animation libraries that need the outgoing overlay present in the DOM
+     * during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+}
+/** Props for {@link DialogContent}, the dialog's panel. */
+export interface DialogContentProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Keep this panel mounted even while the dialog is closed. Useful for
+     * animation libraries that need the outgoing panel present in the DOM
+     * during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+    /**
+     * Fires when Escape is pressed while the dialog is open. Call `event.preventDefault()` to stop the dialog from closing.
+     * @default undefined — no-op if omitted.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Fires on pointer-down outside the content. Call `event.preventDefault()` to stop the dialog from closing (only applies when `modal` is true).
+     * @default undefined — no-op if omitted.
+     */
+    onPointerDownOutside?: (event: PointerEvent) => void;
+    /**
+     * Fires when focus moves to an element outside the content. Call `event.preventDefault()` to stop the dialog from closing (only applies when `modal` is true). 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;
+    /**
+     * Fires for either kind of outside interaction — pointer-down 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;
+    /**
+     * Fires before focus moves into the content on open. Call `event.preventDefault()` to keep focus where it is and place it yourself. Modal dialogs only — a non-modal dialog never moves focus.
+     * @default undefined — focus moves to the first tabbable element.
+     */
+    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
+    /**
+     * Fires before focus returns to the previously focused element on close. Call `event.preventDefault()` to suppress the return — useful when the trigger no longer exists. Modal dialogs only.
+     * @default undefined — focus returns to the element focused before the dialog opened.
+     */
+    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
+}
+/** Props for {@link DialogTitle}, the dialog's accessible name. */
+export interface DialogTitleProps extends PrimitivePropsWithRef<'h2'> {
+}
+/** Props for {@link DialogDescription}, the dialog's accessible description. */
+export interface DialogDescriptionProps extends PrimitivePropsWithRef<'p'> {
+}
+/** Props for {@link DialogClose}, a button that closes the dialog. */
+export interface DialogCloseProps extends PrimitivePropsWithRef<'button'> {
+}

package/dist/dialog/types.d.ts

@@ -0,0 +1,127 @@
+import type * as React from 'react';
+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 Dialog} to its parts via context. Not part of the public API. */
+export interface DialogContextValue {
+    triggerRef: React.RefObject<HTMLButtonElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    modal: boolean;
+}
+/** Props for the {@link Dialog} root. */
+export interface DialogProps {
+    /**
+     * The trigger and portal, typically — the dialog's own DOM (overlay,
+     * content, title, description) is rendered by {@link DialogPortal} elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the dialog is open, for controlled usage. Pair with `onOpenChange`.
+     * @default undefined — uncontrolled, tracks its own open state internally.
+     */
+    open?: boolean;
+    /**
+     * Whether the dialog is initially open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Fires with the new open state whenever the dialog opens or closes, 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 `DialogContent`'s enter or exit animation ends, or as soon as it has
+     * settled when the panel 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;
+    /**
+     * Whether the dialog traps focus and blocks interaction with the rest of
+     * the page (scroll lock, pointer-down-outside closes it). Set to `false`
+     * for a non-modal dialog that lets the page remain interactive.
+     * @default true
+     */
+    modal?: boolean;
+}
+/** Props for {@link DialogTrigger}, the button that opens the dialog. */
+export interface DialogTriggerProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link DialogPortal}, which teleports its children to `document.body`. */
+export interface DialogPortalProps extends PortalProps {
+    /**
+     * Render the portal even while the dialog is closed, instead of unmounting
+     * it. Useful for animation libraries that need the outgoing content present
+     * in the DOM during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+}
+/** Props for {@link DialogOverlay}, the backdrop rendered behind `DialogContent`. */
+export interface DialogOverlayProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Keep this overlay mounted even while the dialog is closed. Useful for
+     * animation libraries that need the outgoing overlay present in the DOM
+     * during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+}
+/** Props for {@link DialogContent}, the dialog's panel. */
+export interface DialogContentProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Keep this panel mounted even while the dialog is closed. Useful for
+     * animation libraries that need the outgoing panel present in the DOM
+     * during an exit transition.
+     * @default false
+     */
+    forceMount?: boolean;
+    /**
+     * Fires when Escape is pressed while the dialog is open. Call `event.preventDefault()` to stop the dialog from closing.
+     * @default undefined — no-op if omitted.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Fires on pointer-down outside the content. Call `event.preventDefault()` to stop the dialog from closing (only applies when `modal` is true).
+     * @default undefined — no-op if omitted.
+     */
+    onPointerDownOutside?: (event: PointerEvent) => void;
+    /**
+     * Fires when focus moves to an element outside the content. Call `event.preventDefault()` to stop the dialog from closing (only applies when `modal` is true). 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;
+    /**
+     * Fires for either kind of outside interaction — pointer-down 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;
+    /**
+     * Fires before focus moves into the content on open. Call `event.preventDefault()` to keep focus where it is and place it yourself. Modal dialogs only — a non-modal dialog never moves focus.
+     * @default undefined — focus moves to the first tabbable element.
+     */
+    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
+    /**
+     * Fires before focus returns to the previously focused element on close. Call `event.preventDefault()` to suppress the return — useful when the trigger no longer exists. Modal dialogs only.
+     * @default undefined — focus returns to the element focused before the dialog opened.
+     */
+    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
+}
+/** Props for {@link DialogTitle}, the dialog's accessible name. */
+export interface DialogTitleProps extends PrimitivePropsWithRef<'h2'> {
+}
+/** Props for {@link DialogDescription}, the dialog's accessible description. */
+export interface DialogDescriptionProps extends PrimitivePropsWithRef<'p'> {
+}
+/** Props for {@link DialogClose}, a button that closes the dialog. */
+export interface DialogCloseProps extends PrimitivePropsWithRef<'button'> {
+}

package/dist/drawer/Drawer.cjs

@@ -0,0 +1 @@
+"use strict";var le=Object.create;var c=Object.defineProperty;var me=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var we=(e,r)=>{for(var t in r)c(e,t,{get:r[t],enumerable:!0})},O=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of de(r))!ce.call(e,s)&&s!==t&&c(e,s,{get:()=>r[s],enumerable:!(n=me(r,s))||n.enumerable});return e};var p=(e,r,t)=>(t=e!=null?le(fe(e)):{},O(r||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),De=e=>O(c({},"__esModule",{value:!0}),e);var ue={};we(ue,{Drawer:()=>I,DrawerClose:()=>T,DrawerContent:()=>v,DrawerDescription:()=>h,DrawerOverlay:()=>R,DrawerPortal:()=>C,DrawerProvider:()=>E,DrawerTitle:()=>x,DrawerTrigger:()=>g,useDrawerContext:()=>a});module.exports=De(ue);var l=p(require("react"),1),b=require("../utils/createContext.cjs"),N=require("../utils/useControllableState.cjs"),k=require("../utils/useOpenChangeComplete.cjs"),H=require("react/jsx-runtime"),[E,a]=(0,b.createSafeContext)("Drawer");function I({children:e,open:r,defaultOpen:t=!1,onOpenChange:n,onOpenChangeComplete:s,placement:u="end",modal:P=!0}){let d=l.useRef(null),f=l.useRef(null),[o=!1,y]=(0,N.useControllableState)({prop:r,defaultProp:t,onChange:n});return(0,k.useOpenChangeComplete)(o,f,s),(0,H.jsx)(E,{triggerRef:d,contentRef:f,contentId:l.useId(),titleId:l.useId(),descriptionId:l.useId(),open:o,onOpenChange:y,placement:u,modal:P,children:e})}I.displayName="Drawer";var L=p(require("react"),1),M=require("../utils/composeRefs.cjs"),S=require("../utils/part.cjs"),w=require("../utils/primitive.cjs");var B=require("react/jsx-runtime"),g=L.forwardRef((e,r)=>{let t=a("DrawerTrigger"),n=(0,M.useComposedRefs)(r,t.triggerRef);return(0,B.jsx)(w.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...e,...(0,S.skdxPart)("drawer","trigger",e.className),ref:n,onClick:(0,w.composeEventHandlers)(e.onClick,()=>t.onOpenChange(!0))})});g.displayName="DrawerTrigger";var F=require("../utils/portal.cjs");var V=require("react/jsx-runtime"),C=({forceMount:e,children:r,...t})=>{let n=a("DrawerPortal");return e||n.open?(0,V.jsx)(F.Portal,{...t,children:r}):null};C.displayName="DrawerPortal";var J=p(require("react"),1),K=require("../utils/part.cjs"),q=require("../utils/primitive.cjs");var z=require("react/jsx-runtime"),R=J.forwardRef(({forceMount:e,...r},t)=>{let n=a("DrawerOverlay");return e||n.open?(0,z.jsx)(q.Primitive.div,{"data-state":n.open?"open":"closed",...r,...(0,K.skdxPart)("drawer","overlay",r.className),ref:t,style:{pointerEvents:"auto",...r.style}}):null});R.displayName="DrawerOverlay";var A=p(require("react"),1),G=require("../utils/composeRefs.cjs"),m=require("../utils/direction.cjs"),Q=require("../utils/part.cjs"),U=require("../utils/primitive.cjs"),W=require("../utils/useBodyScrollLock.cjs"),X=require("../utils/useDismiss.cjs"),Y=require("../utils/useFocusTrap.cjs");var Z=require("react/jsx-runtime"),v=A.forwardRef(({forceMount:e,onEscapeKeyDown:r,onPointerDownOutside:t,onFocusOutside:n,onInteractOutside:s,onOpenAutoFocus:u,onCloseAutoFocus:P,...d},f)=>{let o=a("DrawerContent"),y=(0,G.useComposedRefs)(f,o.contentRef),pe=(0,m.useDirection)();return(0,W.useBodyScrollLock)(o.open&&o.modal),(0,Y.useFocusTrap)(o.contentRef,o.open&&o.modal,{onOpenAutoFocus:u,onCloseAutoFocus:P}),(0,X.useDismiss)({enabled:o.open,onEscapeKeyDown:i=>{r?.(i),i.defaultPrevented||o.onOpenChange(!1)},onInteractOutside:s,onPointerDownOutside:i=>{t?.(i),i.defaultPrevented||o.onOpenChange(!1)},onFocusOutside:i=>{n?.(i),i.defaultPrevented||o.onOpenChange(!1)}},[o.contentRef,o.triggerRef]),e||o.open?(0,Z.jsx)(U.Primitive.div,{role:"dialog","aria-modal":o.modal||void 0,"aria-labelledby":o.titleId,"aria-describedby":o.descriptionId,id:o.contentId,"data-state":o.open?"open":"closed","data-placement":o.placement,"data-side":(0,m.resolvePhysicalSide)(o.placement,(0,m.resolveDirection)(null,pe)),...d,...(0,Q.skdxPart)("drawer","content",d.className),ref:y}):null});v.displayName="DrawerContent";var _=p(require("react"),1),$=require("../utils/part.cjs"),j=require("../utils/primitive.cjs");var ee=require("react/jsx-runtime"),x=_.forwardRef((e,r)=>{let t=a("DrawerTitle");return(0,ee.jsx)(j.Primitive.h2,{id:t.titleId,...e,...(0,$.skdxPart)("drawer","title",e.className),ref:r})});x.displayName="DrawerTitle";var re=p(require("react"),1),te=require("../utils/part.cjs"),oe=require("../utils/primitive.cjs");var ae=require("react/jsx-runtime"),h=re.forwardRef((e,r)=>{let t=a("DrawerDescription");return(0,ae.jsx)(oe.Primitive.p,{id:t.descriptionId,...e,...(0,te.skdxPart)("drawer","description",e.className),ref:r})});h.displayName="DrawerDescription";var ne=p(require("react"),1),se=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime"),T=ne.forwardRef((e,r)=>{let t=a("DrawerClose");return(0,ie.jsx)(D.Primitive.button,{type:"button",...e,...(0,se.skdxPart)("drawer","close",e.className),ref:r,onClick:(0,D.composeEventHandlers)(e.onClick,()=>t.onOpenChange(!1))})});T.displayName="DrawerClose";0&&(module.exports={Drawer,DrawerClose,DrawerContent,DrawerDescription,DrawerOverlay,DrawerPortal,DrawerProvider,DrawerTitle,DrawerTrigger,useDrawerContext});

package/dist/drawer/Drawer.d.cts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { DrawerContextValue, DrawerProps } from './types.cjs';
+export declare const DrawerProvider: {
+    (props: DrawerContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useDrawerContext: (consumerName: string) => DrawerContextValue;
+/**
+ * Root of a drawer — a panel anchored to one edge of the viewport (side
+ * sheet, navigation drawer, or `placement="bottom"` bottom sheet). Owns open
+ * state, placement and modality, and hands them down to `DrawerTrigger` /
+ * `DrawerPortal` / `DrawerOverlay` / `DrawerContent` / `DrawerTitle` /
+ * `DrawerDescription` / `DrawerClose` via context. Renders no DOM element
+ * itself.
+ *
+ * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * When `modal` is true (the default), `DrawerContent` traps focus and locks
+ * body scroll; a non-modal drawer skips both but still closes on Escape or an
+ * outside interaction.
+ *
+ * `placement` is logical — `start`/`end` mirror under `dir="rtl"` — and is
+ * passed through to `data-placement` untouched; the CSS decides which physical
+ * edge that is.
+ *
+ * @example
+ * ```tsx
+ * <Drawer placement="start">
+ *   <DrawerTrigger>Menu</DrawerTrigger>
+ *   <DrawerPortal>
+ *     <DrawerOverlay />
+ *     <DrawerContent>
+ *       <DrawerTitle>Navigation</DrawerTitle>
+ *       <DrawerDescription>Jump to a section.</DrawerDescription>
+ *       <DrawerClose>Close</DrawerClose>
+ *     </DrawerContent>
+ *   </DrawerPortal>
+ * </Drawer>
+ * ```
+ */
+export declare function Drawer({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, }: DrawerProps): React.JSX.Element;
+export declare namespace Drawer {
+    var displayName: string;
+}

package/dist/drawer/Drawer.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { DrawerContextValue, DrawerProps } from './types.js';
+export declare const DrawerProvider: {
+    (props: DrawerContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useDrawerContext: (consumerName: string) => DrawerContextValue;
+/**
+ * Root of a drawer — a panel anchored to one edge of the viewport (side
+ * sheet, navigation drawer, or `placement="bottom"` bottom sheet). Owns open
+ * state, placement and modality, and hands them down to `DrawerTrigger` /
+ * `DrawerPortal` / `DrawerOverlay` / `DrawerContent` / `DrawerTitle` /
+ * `DrawerDescription` / `DrawerClose` via context. Renders no DOM element
+ * itself.
+ *
+ * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * When `modal` is true (the default), `DrawerContent` traps focus and locks
+ * body scroll; a non-modal drawer skips both but still closes on Escape or an
+ * outside interaction.
+ *
+ * `placement` is logical — `start`/`end` mirror under `dir="rtl"` — and is
+ * passed through to `data-placement` untouched; the CSS decides which physical
+ * edge that is.
+ *
+ * @example
+ * ```tsx
+ * <Drawer placement="start">
+ *   <DrawerTrigger>Menu</DrawerTrigger>
+ *   <DrawerPortal>
+ *     <DrawerOverlay />
+ *     <DrawerContent>
+ *       <DrawerTitle>Navigation</DrawerTitle>
+ *       <DrawerDescription>Jump to a section.</DrawerDescription>
+ *       <DrawerClose>Close</DrawerClose>
+ *     </DrawerContent>
+ *   </DrawerPortal>
+ * </Drawer>
+ * ```
+ */
+export declare function Drawer({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, }: DrawerProps): React.JSX.Element;
+export declare namespace Drawer {
+    var displayName: string;
+}

package/dist/drawer/Drawer.js

@@ -0,0 +1 @@
+import*as i from"react";import{createSafeContext as N}from"../utils/createContext.js";import{useControllableState as k}from"../utils/useControllableState.js";import{useOpenChangeComplete as E}from"../utils/useOpenChangeComplete.js";import{jsx as L}from"react/jsx-runtime";var[I,a]=N("Drawer");function H({children:r,open:o,defaultOpen:t=!1,onOpenChange:n,onOpenChangeComplete:m,placement:d="end",modal:f=!0}){let p=i.useRef(null),l=i.useRef(null),[e=!1,c]=k({prop:o,defaultProp:t,onChange:n});return E(e,l,m),L(I,{triggerRef:p,contentRef:l,contentId:i.useId(),titleId:i.useId(),descriptionId:i.useId(),open:e,onOpenChange:c,placement:d,modal:f,children:r})}H.displayName="Drawer";import*as w from"react";import{useComposedRefs as M}from"../utils/composeRefs.js";import{skdxPart as S}from"../utils/part.js";import{composeEventHandlers as B,Primitive as F}from"../utils/primitive.js";import{jsx as V}from"react/jsx-runtime";var D=w.forwardRef((r,o)=>{let t=a("DrawerTrigger"),n=M(o,t.triggerRef);return V(F.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...r,...S("drawer","trigger",r.className),ref:n,onClick:B(r.onClick,()=>t.onOpenChange(!0))})});D.displayName="DrawerTrigger";import{Portal as J}from"../utils/portal.js";import{jsx as K}from"react/jsx-runtime";var u=({forceMount:r,children:o,...t})=>{let n=a("DrawerPortal");return r||n.open?K(J,{...t,children:o}):null};u.displayName="DrawerPortal";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 y=P.forwardRef(({forceMount:r,...o},t)=>{let n=a("DrawerOverlay");return r||n.open?A(z.div,{"data-state":n.open?"open":"closed",...o,...q("drawer","overlay",o.className),ref:t,style:{pointerEvents:"auto",...o.style}}):null});y.displayName="DrawerOverlay";import*as g from"react";import{useComposedRefs as G}from"../utils/composeRefs.js";import{resolveDirection as Q,resolvePhysicalSide as U,useDirection as W}from"../utils/direction.js";import{skdxPart as X}from"../utils/part.js";import{Primitive as Y}from"../utils/primitive.js";import{useBodyScrollLock as Z}from"../utils/useBodyScrollLock.js";import{useDismiss as _}from"../utils/useDismiss.js";import{useFocusTrap as $}from"../utils/useFocusTrap.js";import{jsx as j}from"react/jsx-runtime";var C=g.forwardRef(({forceMount:r,onEscapeKeyDown:o,onPointerDownOutside:t,onFocusOutside:n,onInteractOutside:m,onOpenAutoFocus:d,onCloseAutoFocus:f,...p},l)=>{let e=a("DrawerContent"),c=G(l,e.contentRef),b=W();return Z(e.open&&e.modal),$(e.contentRef,e.open&&e.modal,{onOpenAutoFocus:d,onCloseAutoFocus:f}),_({enabled:e.open,onEscapeKeyDown:s=>{o?.(s),s.defaultPrevented||e.onOpenChange(!1)},onInteractOutside:m,onPointerDownOutside:s=>{t?.(s),s.defaultPrevented||e.onOpenChange(!1)},onFocusOutside:s=>{n?.(s),s.defaultPrevented||e.onOpenChange(!1)}},[e.contentRef,e.triggerRef]),r||e.open?j(Y.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","data-placement":e.placement,"data-side":U(e.placement,Q(null,b)),...p,...X("drawer","content",p.className),ref:c}):null});C.displayName="DrawerContent";import*as R from"react";import{skdxPart as ee}from"../utils/part.js";import{Primitive as re}from"../utils/primitive.js";import{jsx as te}from"react/jsx-runtime";var v=R.forwardRef((r,o)=>{let t=a("DrawerTitle");return te(re.h2,{id:t.titleId,...r,...ee("drawer","title",r.className),ref:o})});v.displayName="DrawerTitle";import*as x from"react";import{skdxPart as oe}from"../utils/part.js";import{Primitive as ae}from"../utils/primitive.js";import{jsx as ne}from"react/jsx-runtime";var h=x.forwardRef((r,o)=>{let t=a("DrawerDescription");return ne(ae.p,{id:t.descriptionId,...r,...oe("drawer","description",r.className),ref:o})});h.displayName="DrawerDescription";import*as T from"react";import{skdxPart as se}from"../utils/part.js";import{composeEventHandlers as ie,Primitive as pe}from"../utils/primitive.js";import{jsx as le}from"react/jsx-runtime";var O=T.forwardRef((r,o)=>{let t=a("DrawerClose");return le(pe.button,{type:"button",...r,...se("drawer","close",r.className),ref:o,onClick:ie(r.onClick,()=>t.onOpenChange(!1))})});O.displayName="DrawerClose";export{H as Drawer,O as DrawerClose,C as DrawerContent,h as DrawerDescription,y as DrawerOverlay,u as DrawerPortal,I as DrawerProvider,v as DrawerTitle,D as DrawerTrigger,a as useDrawerContext};

package/dist/drawer/DrawerClose.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { DrawerCloseProps } from './types.cjs';
+/**
+ * Button that closes the drawer when clicked. Renders inside `DrawerContent`
+ * anywhere you like (e.g. the panel's header "×").
+ *
+ * @example
+ * ```tsx
+ * <DrawerContent>
+ *   <DrawerTitle>Navigation</DrawerTitle>
+ *   <DrawerClose>Close</DrawerClose>
+ * </DrawerContent>
+ * ```
+ */
+export declare const DrawerClose: React.ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;