@cdx-ui/primitives 0.0.1-alpha.22 → 0.0.1-alpha.23

package/lib/module/overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayContainer","useAnchorPosition","useDismissOverlay","useOverlayPosition","OverlayInsetsProvider"],"sourceRoot":"../../../src","sources":["overlay/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,iBAAiB,QAA2B,qBAAqB;AAC1E,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SACEC,kBAAkB,EAElBC,qBAAqB,QAEhB,sBAAsB","ignoreList":[]}
+{"version":3,"names":["OverlayContainer","useAnchorPosition","useDismissOverlay","useEscapeKey","useOverlayPosition","OverlayInsetsProvider"],"sourceRoot":"../../../src","sources":["overlay/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,iBAAiB,QAA2B,qBAAqB;AAC1E,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SACEC,kBAAkB,EAElBC,qBAAqB,QAEhB,sBAAsB","ignoreList":[]}

package/lib/module/overlay/useEscapeKey.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+/**
+ * No-op on native — Escape key dismissal is not applicable.
+ * Native uses the system back gesture / hardware button via Modal.
+ */
+export function useEscapeKey(_open, _onEscape) {}
+//# sourceMappingURL=useEscapeKey.js.map

package/lib/module/overlay/useEscapeKey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEscapeKey","_open","_onEscape"],"sourceRoot":"../../../src","sources":["overlay/useEscapeKey.ts"],"mappings":";;AAAA;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAACC,KAAc,EAAEC,SAAqB,EAAE,CAAC","ignoreList":[]}

package/lib/module/overlay/useEscapeKey.web.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+
+/**
+ * Closes an overlay when the user presses the Escape key.
+ * Web-only — native platforms use Modal's `onRequestClose` for back/dismiss.
+ */
+export function useEscapeKey(open, onEscape) {
+  const onEscapeRef = useRef(onEscape);
+  onEscapeRef.current = onEscape;
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const handleKeyDown = e => {
+      if (e.key === 'Escape') {
+        onEscapeRef.current();
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [open]);
+}
+//# sourceMappingURL=useEscapeKey.web.js.map

package/lib/module/overlay/useEscapeKey.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useEscapeKey","open","onEscape","onEscapeRef","current","handleKeyDown","e","key","document","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useEscapeKey.web.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;;AAEzC;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAACC,IAAa,EAAEC,QAAoB,EAAE;EAChE,MAAMC,WAAW,GAAGJ,MAAM,CAACG,QAAQ,CAAC;EACpCC,WAAW,CAACC,OAAO,GAAGF,QAAQ;EAE9BJ,SAAS,CAAC,MAAM;IACd,IAAI,CAACG,IAAI,EAAE;MACT;IACF;IAEA,MAAMI,aAAa,GAAIC,CAAgB,IAAK;MAC1C,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;QACtBJ,WAAW,CAACC,OAAO,CAAC,CAAC;MACvB;IACF,CAAC;IAEDI,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,aAAa,CAAC;IACnD,OAAO,MAAM;MACXG,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEL,aAAa,CAAC;IACxD,CAAC;EACH,CAAC,EAAE,CAACJ,IAAI,CAAC,CAAC;AACZ","ignoreList":[]}

package/lib/module/utils/createPortal.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { Platform } from 'react-native';
+/**
+ * A reference to `ReactDOM.createPortal` on web, `undefined` on native.
+ *
+ * Loaded lazily via `require` so that native bundles never reference
+ * `react-dom`, which would cause a build error on native platforms.
+ */
+export const createPortalFn = (() => {
+  if (Platform.OS !== 'web') return undefined;
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    return require('react-dom').createPortal;
+  } catch {
+    return undefined;
+  }
+})();
+//# sourceMappingURL=createPortal.js.map

package/lib/module/utils/createPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","createPortalFn","OS","undefined","require","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAIvC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA0C,GAAG,CAAC,MAAM;EAC/D,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE,OAAOC,SAAS;EAC3C,IAAI;IACF;IACA,OAAQC,OAAO,CAAC,WAAW,CAAC,CAAsCC,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOF,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}

package/lib/typescript/dialog/context.d.ts

@@ -0,0 +1,6 @@
+import type { IDialogContextType } from './types';
+export declare const DialogProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: IDialogContextType;
+}>, useDialog: () => IDialogContextType;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/dialog/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/dialog/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAO,cAAc;;;IAAE,SAAS,0BAAsD,CAAC"}

package/lib/typescript/dialog/createDialogBody.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IDialogBodyProps } from './types';
+export declare const createDialogBody: <T>(BaseBody: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogBodyProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createDialogBody.d.ts.map

package/lib/typescript/dialog/createDialogBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogBody.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qFAOjE,CAAC"}

package/lib/typescript/dialog/createDialogClose.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IDialogCloseProps } from './types';
+export declare const createDialogClose: <T>(BaseClose: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogCloseProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createDialogClose.d.ts.map

package/lib/typescript/dialog/createDialogClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogClose.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogClose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sFAsBpE,CAAC"}

package/lib/typescript/dialog/createDialogContent.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IDialogContentProps } from './types';
+export declare const createDialogContent: <ContentProps, OverlayProps>(BaseContent: React.ComponentType<ContentProps>, BaseOverlay: React.ComponentType<OverlayProps>) => React.ForwardRefExoticComponent<IDialogContentProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createDialogContent.d.ts.map

package/lib/typescript/dialog/createDialogContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogContent.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,YAAY,EAAE,YAAY,EAC5D,aAAa,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,EAC9C,aAAa,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,wFAiG5C,CAAC"}

package/lib/typescript/dialog/createDialogDescription.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IDialogDescriptionProps } from './types';
+export declare const createDialogDescription: <T>(BaseDescription: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogDescriptionProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createDialogDescription.d.ts.map

package/lib/typescript/dialog/createDialogDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogDescription.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,uBAAuB,GAAI,CAAC,EAAG,iBAAiB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,4FAc/E,CAAC"}

package/lib/typescript/dialog/createDialogFooter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IDialogFooterProps } from './types';
+export declare const createDialogFooter: <T>(BaseFooter: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogFooterProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createDialogFooter.d.ts.map

package/lib/typescript/dialog/createDialogFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogFooter.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,YAAY,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,uFAOrE,CAAC"}

package/lib/typescript/dialog/createDialogHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IDialogHeaderProps } from './types';
+export declare const createDialogHeader: <T>(BaseHeader: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogHeaderProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createDialogHeader.d.ts.map

package/lib/typescript/dialog/createDialogHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogHeader.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,YAAY,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,uFAOrE,CAAC"}

package/lib/typescript/dialog/createDialogRoot.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IDialogRootProps } from './types';
+export declare const createDialogRoot: <T>(BaseRoot: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogRootProps & React.RefAttributes<T>>;
+//# sourceMappingURL=createDialogRoot.d.ts.map

package/lib/typescript/dialog/createDialogRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogRoot.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,+EA0DlE,CAAC"}

package/lib/typescript/dialog/createDialogTitle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IDialogTitleProps } from './types';
+export declare const createDialogTitle: <T>(BaseTitle: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogTitleProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createDialogTitle.d.ts.map

package/lib/typescript/dialog/createDialogTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogTitle.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sFAOnE,CAAC"}

package/lib/typescript/dialog/createDialogTrigger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IDialogTriggerProps } from './types';
+export declare const createDialogTrigger: <T>(BaseTrigger: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogTriggerProps & React.RefAttributes<T>>;
+//# sourceMappingURL=createDialogTrigger.d.ts.map

package/lib/typescript/dialog/createDialogTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDialogTrigger.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,kFAsBxE,CAAC"}

package/lib/typescript/dialog/index.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import { DialogProvider, useDialog } from './context';
+import type { IDialogComponentType } from './types';
+export { DialogProvider, useDialog };
+export type { IDialogContextType, IDialogRootProps, IDialogTriggerProps, IDialogContentProps, IDialogOverlayProps, IDialogHeaderProps, IDialogTitleProps, IDialogDescriptionProps, IDialogBodyProps, IDialogFooterProps, IDialogCloseProps, } from './types';
+export declare function createDialog<RootProps, TriggerProps, ContentProps, OverlayProps, HeaderProps, TitleProps, DescriptionProps, BodyProps, FooterProps, CloseProps>(BaseComponents: {
+    Root: React.ComponentType<RootProps>;
+    Trigger: React.ComponentType<TriggerProps>;
+    Content: React.ComponentType<ContentProps>;
+    Overlay: React.ComponentType<OverlayProps>;
+    Header: React.ComponentType<HeaderProps>;
+    Title: React.ComponentType<TitleProps>;
+    Description: React.ComponentType<DescriptionProps>;
+    Body: React.ComponentType<BodyProps>;
+    Footer: React.ComponentType<FooterProps>;
+    Close: React.ComponentType<CloseProps>;
+}): IDialogComponentType<RootProps, TriggerProps, ContentProps, HeaderProps, TitleProps, DescriptionProps, BodyProps, FooterProps, CloseProps>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AACrC,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,YAAY,CAC1B,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,UAAU,EACV,cAAc,EAAE;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACxC,GA+BO,oBAAoB,CACxB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,UAAU,CACX,CACF"}

package/lib/typescript/dialog/types.d.ts

@@ -0,0 +1,52 @@
+import type { PropsWithoutRef, RefAttributes } from 'react';
+import type { PressableProps, TextProps, ViewProps } from 'react-native';
+export interface IDialogContextType {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly closeOnBackdropPress: boolean;
+    readonly closeOnEscKey: boolean;
+    readonly nativeID: string;
+    readonly role: 'dialog' | 'alertdialog';
+}
+export interface IDialogRootProps {
+    readonly open?: boolean;
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly defaultOpen?: boolean;
+    readonly closeOnBackdropPress?: boolean;
+    readonly closeOnEscKey?: boolean;
+    readonly role?: 'dialog' | 'alertdialog';
+    readonly children: React.ReactNode;
+}
+export interface IDialogTriggerProps extends PressableProps {
+    readonly asChild?: boolean;
+}
+export interface IDialogContentProps extends ViewProps {
+    readonly forceMount?: boolean;
+}
+export interface IDialogOverlayProps extends PressableProps {
+}
+export interface IDialogHeaderProps extends ViewProps {
+}
+export interface IDialogTitleProps extends TextProps {
+}
+export interface IDialogDescriptionProps extends TextProps {
+}
+export interface IDialogBodyProps extends ViewProps {
+}
+export interface IDialogFooterProps extends ViewProps {
+}
+export interface IDialogCloseProps extends PressableProps {
+    readonly asChild?: boolean;
+    readonly accessibilityLabel?: string;
+}
+export type IDialogComponentType<RootProps, TriggerProps, ContentProps, HeaderProps, TitleProps, DescriptionProps, BodyProps, FooterProps, CloseProps, ContentRef = unknown, TriggerRef = unknown, CloseRef = unknown> = React.ForwardRefExoticComponent<PropsWithoutRef<RootProps & IDialogRootProps> & RefAttributes<unknown>> & {
+    Trigger: React.ForwardRefExoticComponent<PropsWithoutRef<TriggerProps & IDialogTriggerProps> & RefAttributes<TriggerRef>>;
+    Content: React.ForwardRefExoticComponent<PropsWithoutRef<ContentProps & IDialogContentProps> & RefAttributes<ContentRef>>;
+    Header: React.ForwardRefExoticComponent<PropsWithoutRef<HeaderProps & IDialogHeaderProps> & RefAttributes<unknown>>;
+    Title: React.ForwardRefExoticComponent<PropsWithoutRef<TitleProps & IDialogTitleProps> & RefAttributes<unknown>>;
+    Description: React.ForwardRefExoticComponent<PropsWithoutRef<DescriptionProps & IDialogDescriptionProps> & RefAttributes<unknown>>;
+    Body: React.ForwardRefExoticComponent<PropsWithoutRef<BodyProps & IDialogBodyProps> & RefAttributes<unknown>>;
+    Footer: React.ForwardRefExoticComponent<PropsWithoutRef<FooterProps & IDialogFooterProps> & RefAttributes<unknown>>;
+    Close: React.ForwardRefExoticComponent<PropsWithoutRef<CloseProps & IDialogCloseProps> & RefAttributes<CloseRef>>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/dialog/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dialog/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/index.d.ts

@@ -1,6 +1,7 @@
 export * from './avatar';
 export * from './button';
 export * from './checkbox';
+export * from './dialog';
 export * from './input';
 export * from './link';
 export { type EdgeInsets, OverlayInsetsProvider } from './overlay';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/overlay/OverlayContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayContainer.d.ts","sourceRoot":"","sources":["../../../src/overlay/OverlayContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAW/E,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAyBjC"}
+{"version":3,"file":"OverlayContainer.d.ts","sourceRoot":"","sources":["../../../src/overlay/OverlayContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAG/E,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAyBjC"}

package/lib/typescript/overlay/index.d.ts

@@ -2,5 +2,6 @@ export { OverlayContainer } from './OverlayContainer';
 export type { OverlayContainerProps } from './OverlayContainer';
 export { useAnchorPosition, type AnchorLayout } from './useAnchorPosition';
 export { useDismissOverlay } from './useDismissOverlay';
+export { useEscapeKey } from './useEscapeKey';
 export { useOverlayPosition, type OverlayPosition, OverlayInsetsProvider, type EdgeInsets, } from './useOverlayPosition';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,kBAAkB,EAClB,KAAK,eAAe,EACpB,qBAAqB,EACrB,KAAK,UAAU,GAChB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,KAAK,eAAe,EACpB,qBAAqB,EACrB,KAAK,UAAU,GAChB,MAAM,sBAAsB,CAAC"}

package/lib/typescript/overlay/useEscapeKey.d.ts

@@ -0,0 +1,6 @@
+/**
+ * No-op on native — Escape key dismissal is not applicable.
+ * Native uses the system back gesture / hardware button via Modal.
+ */
+export declare function useEscapeKey(_open: boolean, _onEscape: () => void): void;
+//# sourceMappingURL=useEscapeKey.d.ts.map

package/lib/typescript/overlay/useEscapeKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.d.ts","sourceRoot":"","sources":["../../../src/overlay/useEscapeKey.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,QAAI"}

package/lib/typescript/overlay/useEscapeKey.web.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Closes an overlay when the user presses the Escape key.
+ * Web-only — native platforms use Modal's `onRequestClose` for back/dismiss.
+ */
+export declare function useEscapeKey(open: boolean, onEscape: () => void): void;
+//# sourceMappingURL=useEscapeKey.web.d.ts.map

package/lib/typescript/overlay/useEscapeKey.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.web.d.ts","sourceRoot":"","sources":["../../../src/overlay/useEscapeKey.web.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,QAoB/D"}

package/lib/typescript/utils/createPortal.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+type CreatePortalFn = (children: React.ReactNode, container: Element) => React.ReactPortal;
+/**
+ * A reference to `ReactDOM.createPortal` on web, `undefined` on native.
+ *
+ * Loaded lazily via `require` so that native bundles never reference
+ * `react-dom`, which would cause a build error on native platforms.
+ */
+export declare const createPortalFn: CreatePortalFn | undefined;
+export {};
+//# sourceMappingURL=createPortal.d.ts.map

package/lib/typescript/utils/createPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPortal.d.ts","sourceRoot":"","sources":["../../../src/utils/createPortal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,KAAK,CAAC,WAAW,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,GAAG,SAQ1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-alpha.22",
+  "version": "0.0.1-alpha.23",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -52,7 +52,7 @@
     "@react-native-aria/interactions": "^0.2.16",
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-alpha.22"
+    "@cdx-ui/utils": "0.0.1-alpha.23"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/dialog/context.tsx

@@ -0,0 +1,4 @@
+import { createContext } from '@cdx-ui/utils';
+import type { IDialogContextType } from './types';
+
+export const [DialogProvider, useDialog] = createContext<IDialogContextType>('DialogContext');

package/src/dialog/createDialogBody.tsx

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import type { IDialogBodyProps } from './types';
+
+export const createDialogBody = <T,>(BaseBody: React.ComponentType<T>) =>
+  forwardRef<unknown, IDialogBodyProps>(({ children, ...props }, ref) => {
+    return (
+      <BaseBody ref={ref} {...(props as T)}>
+        {children}
+      </BaseBody>
+    );
+  });

package/src/dialog/createDialogClose.tsx

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import type { IDialogCloseProps } from './types';
+import { useDialog } from './context';
+
+export const createDialogClose = <T,>(BaseClose: React.ComponentType<T>) =>
+  forwardRef<unknown, IDialogCloseProps>(
+    ({ asChild = false, children, onPress, ...props }, ref) => {
+      const { onOpenChange } = useDialog();
+
+      const handlePress = (e?: any) => {
+        onPress?.(e);
+        onOpenChange(false);
+      };
+
+      if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children as React.ReactElement<any>, {
+          onPress: handlePress,
+        });
+      }
+
+      return (
+        <BaseClose ref={ref} {...(props as T)} onPress={handlePress}>
+          {children}
+        </BaseClose>
+      );
+    },
+  );

package/src/dialog/createDialogContent.tsx

@@ -0,0 +1,122 @@
+import type React from 'react';
+import { forwardRef, useCallback } from 'react';
+import { Modal, Platform, StyleSheet, View } from 'react-native';
+import { FocusScope } from '@react-native-aria/focus';
+import { useEscapeKey } from '../overlay';
+import { createPortalFn } from '../utils/createPortal';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import type { IDialogContentProps } from './types';
+
+export const createDialogContent = <ContentProps, OverlayProps>(
+  BaseContent: React.ComponentType<ContentProps>,
+  BaseOverlay: React.ComponentType<OverlayProps>,
+) =>
+  forwardRef(({ children, forceMount = false, ...props }: IDialogContentProps, ref?: any) => {
+    const { open, onOpenChange, closeOnBackdropPress, closeOnEscKey, nativeID, role } = useDialog();
+
+    const handleClose = useCallback(() => {
+      onOpenChange(false);
+    }, [onOpenChange]);
+
+    useEscapeKey(open && closeOnEscKey, handleClose);
+
+    if (!(open || forceMount)) {
+      return null;
+    }
+
+    const overlayProps = {
+      ...(closeOnBackdropPress ? { onPress: handleClose } : {}),
+      accessible: false,
+      importantForAccessibility: 'no-hide-descendants' as const,
+      ...dataAttributes({ slot: 'dialog-overlay' }),
+    };
+
+    const contentSlotAttrs = dataAttributes({
+      slot: 'dialog-content',
+      state: open ? 'open' : 'closed',
+    });
+
+    const ariaProps = {
+      role,
+      'aria-modal': true,
+      'aria-labelledby': `${nativeID}-title`,
+      'aria-describedby': `${nativeID}-description`,
+    };
+
+    if (Platform.OS === 'web' && createPortalFn) {
+      return createPortalFn(
+        <FocusScope contain={open} restoreFocus autoFocus={open}>
+          <View
+            style={{
+              position: 'fixed' as any,
+              inset: 0 as any,
+              zIndex: 50,
+              display: 'flex' as any,
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            <BaseOverlay {...(overlayProps as any)} />
+            <BaseContent
+              ref={ref}
+              {...contentSlotAttrs}
+              {...(props as ContentProps)}
+              {...ariaProps}
+            >
+              {children}
+            </BaseContent>
+          </View>
+        </FocusScope>,
+        document.body,
+      );
+    }
+
+    // Native layout uses two layers to support both backdrop dismiss and
+    // scrollable body content. The overlay Pressable fills the Modal via
+    // absolute positioning and handles backdrop taps. A second absolute-fill
+    // View with pointerEvents="box-none" centers the content panel — "box-none"
+    // lets taps outside the panel pass through to the overlay while allowing
+    // the panel and its children to receive touches normally.
+    //
+    // Critically, the content panel must NOT claim the JS touch responder
+    // (e.g. via onStartShouldSetResponder). Doing so triggers React Native's
+    // blockNativeResponder, which suppresses the native UIScrollView /
+    // ScrollView pan gesture recognizer and breaks any ScrollView inside
+    // Dialog.Body.
+    //
+    // Static StyleSheet used here because these are structural layout concerns
+    // of the primitive's modal chrome — not themeable styles. They must remain
+    // stable regardless of the styled layer's className.
+    return (
+      <Modal visible={open} transparent statusBarTranslucent onRequestClose={handleClose}>
+        <FocusScope contain={open} restoreFocus autoFocus={open}>
+          <View style={styles.fill}>
+            <BaseOverlay {...(overlayProps as any)} />
+            <View style={styles.center} pointerEvents="box-none">
+              <BaseContent
+                ref={ref}
+                {...contentSlotAttrs}
+                {...(props as ContentProps)}
+                {...ariaProps}
+              >
+                {children}
+              </BaseContent>
+            </View>
+          </View>
+        </FocusScope>
+      </Modal>
+    );
+  });
+
+// Structural layout for the native Modal chrome. These are not themeable —
+// they position the overlay and centering layers that the primitive manages
+// internally. Matches the pattern in OverlayContainer.tsx.
+const styles = StyleSheet.create({
+  fill: { flex: 1 },
+  center: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

package/src/dialog/createDialogDescription.tsx

@@ -0,0 +1,20 @@
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import type { IDialogDescriptionProps } from './types';
+
+export const createDialogDescription = <T,>(BaseDescription: React.ComponentType<T>) =>
+  forwardRef<unknown, IDialogDescriptionProps>(({ children, ...props }, ref) => {
+    const { nativeID } = useDialog();
+
+    return (
+      <BaseDescription
+        ref={ref}
+        nativeID={`${nativeID}-description`}
+        {...(props as T)}
+        {...dataAttributes({ slot: 'dialog-description' })}
+      >
+        {children}
+      </BaseDescription>
+    );
+  });

package/src/dialog/createDialogFooter.tsx

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import type { IDialogFooterProps } from './types';
+
+export const createDialogFooter = <T,>(BaseFooter: React.ComponentType<T>) =>
+  forwardRef<unknown, IDialogFooterProps>(({ children, ...props }, ref) => {
+    return (
+      <BaseFooter ref={ref} {...(props as T)}>
+        {children}
+      </BaseFooter>
+    );
+  });

package/src/dialog/createDialogHeader.tsx

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import type { IDialogHeaderProps } from './types';
+
+export const createDialogHeader = <T,>(BaseHeader: React.ComponentType<T>) =>
+  forwardRef<unknown, IDialogHeaderProps>(({ children, ...props }, ref) => {
+    return (
+      <BaseHeader ref={ref} {...(props as T)}>
+        {children}
+      </BaseHeader>
+    );
+  });