@cdx-ui/primitives 0.0.1-beta.18 → 0.0.1-beta.180

package/lib/module/dialog/DialogClose.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DialogClose = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = useDialog();
+  const handlePress = composeEventHandlers(onPress, () => onOpenChange(false));
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+DialogClose.displayName = 'DialogClose';
+//# sourceMappingURL=DialogClose.js.map

package/lib/module/dialog/DialogClose.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","composeEventHandlers","Slot","useDialog","jsx","_jsx","DialogClose","asChild","children","onPress","props","ref","onOpenChange","handlePress","Comp","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogClose.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAA6B,cAAc;AAC7D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtC,OAAO,MAAMC,WAAW,gBAAGP,UAAU,CACnC,CAAC;EAAEQ,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGT,SAAS,CAAC,CAAC;EAEpC,MAAMU,WAAW,GAAGZ,oBAAoB,CAACQ,OAAO,EAAE,MAAMG,YAAY,CAAC,KAAK,CAAC,CAAC;EAE5E,MAAME,IAAI,GAAGP,OAAO,GAAGL,IAAI,GAAGF,SAAS;EAEvC,oBACEK,IAAA,CAACS,IAAI;IAACH,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAqBD,OAAO,EAAEI,WAAY;IAAAL,QAAA,EACjEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,WAAW,CAACS,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/dialog/DialogContent.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect } from 'react';
+import { BackHandler, Platform, View } from 'react-native';
+import { FocusScope } from '@react-native-aria/focus';
+import { Slot } from '../slot';
+import { useEscapeKey, useOverlayStackRegistration } from '../overlay';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Dialog content panel primitive. Provides:
+ * - ARIA role, aria-modal, aria-labelledby/describedby
+ * - FocusScope (focus trap + restore + auto-focus)
+ * - Escape key dismissal (web)
+ * - Android hardware back button dismissal (native)
+ * - data-state attribute for CSS transition targeting
+ *
+ * Unstyled — the styled layer applies centering, background, border-radius, etc.
+ */
+export const DialogContent = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  forceMount = false,
+  children,
+  ...props
+}, ref) => {
+  const {
+    open,
+    onOpenChange,
+    closeOnEscKey,
+    nativeID,
+    role
+  } = useDialog();
+  const handleClose = useCallback(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  useEscapeKey(open && closeOnEscKey, handleClose, {
+    id: nativeID,
+    groupId: nativeID,
+    layer: 'modal'
+  });
+  const {
+    isTopmost
+  } = useOverlayStackRegistration({
+    active: open && Platform.OS !== 'web',
+    capabilities: ['back'],
+    id: nativeID,
+    groupId: nativeID,
+    layer: 'modal'
+  });
+  useEffect(() => {
+    // BackHandler is native-only; react-native-web warns on every subscription.
+    if (!open || Platform.OS === 'web') return;
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
+      if (!isTopmost('back')) return false;
+      handleClose();
+      return true;
+    });
+    return () => {
+      backHandler.remove();
+    };
+  }, [handleClose, isTopmost, open]);
+  if (!forceMount && !open) {
+    return null;
+  }
+  const Comp = asChild ? Slot : View;
+  const ariaProps = {
+    role,
+    'aria-modal': true,
+    'aria-labelledby': `${nativeID}-title`,
+    'aria-describedby': `${nativeID}-description`
+  };
+  return /*#__PURE__*/_jsx(FocusScope, {
+    contain: open,
+    restoreFocus: true,
+    autoFocus: open,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      nativeID: nativeID,
+      ...ariaProps,
+      ...props,
+      ...mergeDataAttributes(props, forceMount ? undefined : dataAttributes({
+        state: open ? 'open' : 'closed'
+      })),
+      children: children
+    })
+  });
+});
+DialogContent.displayName = 'DialogContent';
+//# sourceMappingURL=DialogContent.js.map

package/lib/module/dialog/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","BackHandler","Platform","View","FocusScope","Slot","useEscapeKey","useOverlayStackRegistration","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","DialogContent","asChild","forceMount","children","props","ref","open","onOpenChange","closeOnEscKey","nativeID","role","handleClose","id","groupId","layer","isTopmost","active","OS","capabilities","backHandler","addEventListener","remove","Comp","ariaProps","contain","restoreFocus","autoFocus","undefined","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/dialog/DialogOverlay.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { Pressable } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Backdrop overlay that dismisses the dialog on press (when closeOnBackdropPress
+ * is enabled). Supports `forceMount` for exit animation coordination.
+ *
+ * Unstyled — the styled layer applies opacity/color via className.
+ */
+export const DialogOverlay = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  forceMount = false,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    open,
+    onOpenChange,
+    closeOnBackdropPress
+  } = useDialog();
+  const handlePress = useCallback(e => {
+    if (closeOnBackdropPress) {
+      onOpenChange(false);
+    }
+    if (typeof onPress === 'function') {
+      onPress(e);
+    }
+  }, [closeOnBackdropPress, onOpenChange, onPress]);
+  if (!forceMount && !open) {
+    return null;
+  }
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    accessible: false,
+    importantForAccessibility: "no-hide-descendants",
+    onPress: handlePress,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-overlay'
+    }))
+  });
+});
+DialogOverlay.displayName = 'DialogOverlay';
+//# sourceMappingURL=DialogOverlay.js.map

package/lib/module/dialog/DialogOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","Pressable","Slot","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","DialogOverlay","asChild","forceMount","onPress","props","ref","open","onOpenChange","closeOnBackdropPress","handlePress","e","Comp","accessible","importantForAccessibility","slot","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogOverlay.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,QAA2B,OAAO;AAClE,SAASC,SAAS,QAA6B,cAAc;AAC7D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGT,UAAU,CACrC,CAAC;EAAEU,OAAO,GAAG,KAAK;EAAEC,UAAU,GAAG,KAAK;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnE,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC;EAAqB,CAAC,GAAGX,SAAS,CAAC,CAAC;EAEhE,MAAMY,WAAW,GAAGjB,WAAW,CAC5BkB,CAAM,IAAK;IACV,IAAIF,oBAAoB,EAAE;MACxBD,YAAY,CAAC,KAAK,CAAC;IACrB;IACA,IAAI,OAAOJ,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,CAACO,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACF,oBAAoB,EAAED,YAAY,EAAEJ,OAAO,CAC9C,CAAC;EAED,IAAI,CAACD,UAAU,IAAI,CAACI,IAAI,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,MAAMK,IAAI,GAAGV,OAAO,GAAGP,IAAI,GAAGD,SAAS;EAEvC,oBACEM,IAAA,CAACY,IAAI;IACHN,GAAG,EAAEA,GAAI;IACTO,UAAU,EAAE,KAAM;IAClBC,yBAAyB,EAAC,qBAAqB;IAC/CV,OAAO,EAAEM,WAAY;IAAA,GAChBL,KAAK;IAAA,GACNR,mBAAmB,CAACQ,KAAK,EAAET,cAAc,CAAC;MAAEmB,IAAI,EAAE;IAAiB,CAAC,CAAC;EAAC,CAC3E,CAAC;AAEN,CACF,CAAC;AAEDd,aAAa,CAACe,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/dialog/DialogPopup.js

@@ -0,0 +1,162 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { KeyboardAvoidingView, Modal, Platform, Pressable, StyleSheet, View } from 'react-native';
+import { FocusScope } from '@react-native-aria/focus';
+import { Slot } from '../slot';
+import { MODAL_OVERLAY_Z_INDEX, useEscapeKey } from '../overlay';
+import { createPortalFn } from '../utils/createPortal';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DialogPopup = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  forceMount = false,
+  avoidKeyboard = true,
+  keyboardVerticalOffset = 0,
+  zIndex = MODAL_OVERLAY_Z_INDEX,
+  overlayClassName,
+  ...props
+}, ref) => {
+  const {
+    open,
+    onOpenChange,
+    closeOnBackdropPress,
+    closeOnEscKey,
+    nativeID,
+    role
+  } = useDialog();
+  const handleClose = useCallback(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  useEscapeKey(open && closeOnEscKey, handleClose, {
+    id: nativeID,
+    groupId: nativeID,
+    layer: 'modal'
+  });
+  if (!(open || forceMount)) {
+    return null;
+  }
+  const overlayProps = {
+    ...(closeOnBackdropPress ? {
+      onPress: handleClose
+    } : {}),
+    accessible: false,
+    importantForAccessibility: 'no-hide-descendants',
+    className: overlayClassName,
+    ...dataAttributes({
+      slot: 'dialog-overlay'
+    })
+  };
+  const ariaProps = {
+    role,
+    'aria-modal': true,
+    'aria-labelledby': `${nativeID}-title`,
+    'aria-describedby': `${nativeID}-description`
+  };
+  const popupAttrs = mergeDataAttributes(props, dataAttributes({
+    state: open ? 'open' : 'closed'
+  }));
+  const Comp = asChild ? Slot : View;
+  if (Platform.OS === 'web' && createPortalFn) {
+    return createPortalFn(/*#__PURE__*/_jsx(FocusScope, {
+      contain: open,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          position: 'fixed',
+          inset: 0,
+          zIndex: zIndex,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          ...overlayProps
+        }), /*#__PURE__*/_jsx(Comp, {
+          ref: ref,
+          ...props,
+          ...ariaProps,
+          ...popupAttrs,
+          children: children
+        })]
+      })
+    }), 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 flex layer 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.
+  //
+  // That centering layer is a KeyboardAvoidingView so the panel (including its
+  // footer/actions, which sit at the bottom of a centered, max-h-capped panel)
+  // shifts up to clear the on-screen keyboard. `behavior` is platform-specific
+  // and the layer is a no-op while no input is focused. The RN Modal renders in
+  // its own window, so this MUST live here — a KeyboardAvoidingView wrapping the
+  // <Dialog> at the usage level cannot reach this subtree. Web is unaffected
+  // (the browser handles focus scrolling; there is no occluding keyboard).
+  //
+  // 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.Content.
+  //
+  // 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.
+  const keyboardBehavior = avoidKeyboard ? Platform.select({
+    ios: 'padding',
+    default: 'height'
+  }) : undefined;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: open,
+    transparent: true,
+    statusBarTranslucent: true,
+    onRequestClose: handleClose,
+    children: /*#__PURE__*/_jsx(FocusScope, {
+      contain: open,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.fill,
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          ...overlayProps
+        }), /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+          style: styles.center,
+          pointerEvents: "box-none",
+          behavior: keyboardBehavior,
+          keyboardVerticalOffset: keyboardVerticalOffset,
+          children: /*#__PURE__*/_jsx(Comp, {
+            ref: ref,
+            ...props,
+            ...ariaProps,
+            ...popupAttrs,
+            children: children
+          })
+        })]
+      })
+    })
+  });
+});
+DialogPopup.displayName = 'DialogPopup';
+
+// 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: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=DialogPopup.js.map

package/lib/module/dialog/DialogPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","KeyboardAvoidingView","Modal","Platform","Pressable","StyleSheet","View","FocusScope","Slot","MODAL_OVERLAY_Z_INDEX","useEscapeKey","createPortalFn","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","jsxs","_jsxs","DialogPopup","asChild","children","forceMount","avoidKeyboard","keyboardVerticalOffset","zIndex","overlayClassName","props","ref","open","onOpenChange","closeOnBackdropPress","closeOnEscKey","nativeID","role","handleClose","id","groupId","layer","overlayProps","onPress","accessible","importantForAccessibility","className","slot","ariaProps","popupAttrs","state","Comp","OS","contain","restoreFocus","autoFocus","style","position","inset","display","alignItems","justifyContent","document","body","keyboardBehavior","select","ios","default","undefined","visible","transparent","statusBarTranslucent","onRequestClose","styles","fill","center","pointerEvents","behavior","displayName","create","flex"],"sourceRoot":"../../../src","sources":["dialog/DialogPopup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/dialog/DialogPortal.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { Portal } from '../portal';
+import { DialogProvider, useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Mounts dialog children into the shared PortalHost. Re-provides DialogContext
+ * inside the portal boundary (React context does not cross the portal store).
+ *
+ * When `forceMount` is false (default), the portal is unmounted when the
+ * dialog is closed. Set `forceMount={true}` to keep the portal mounted so
+ * exit animations can play before the styled layer removes it from the tree.
+ */
+export function DialogPortal({
+  forceMount = false,
+  hostName,
+  children
+}) {
+  const ctx = useDialog();
+  if (!forceMount && !ctx.open) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    name: `${ctx.nativeID}-portal`,
+    hostName: hostName,
+    children: /*#__PURE__*/_jsx(DialogProvider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+DialogPortal.displayName = 'DialogPortal';
+//# sourceMappingURL=DialogPortal.js.map

package/lib/module/dialog/DialogPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Portal","DialogProvider","useDialog","jsx","_jsx","DialogPortal","forceMount","hostName","children","ctx","open","name","nativeID","value","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogPortal.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,cAAc,EAAEC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAC;EAAEC,UAAU,GAAG,KAAK;EAAEC,QAAQ;EAAEC;AAA4B,CAAC,EAAE;EAC1F,MAAMC,GAAG,GAAGP,SAAS,CAAC,CAAC;EAEvB,IAAI,CAACI,UAAU,IAAI,CAACG,GAAG,CAACC,IAAI,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACEN,IAAA,CAACJ,MAAM;IAACW,IAAI,EAAE,GAAGF,GAAG,CAACG,QAAQ,SAAU;IAACL,QAAQ,EAAEA,QAAS;IAAAC,QAAA,eACzDJ,IAAA,CAACH,cAAc;MAACY,KAAK,EAAEJ,GAAI;MAAAD,QAAA,EAAEA;IAAQ,CAAiB;EAAC,CACjD,CAAC;AAEb;AAEAH,YAAY,CAACS,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/module/dialog/DialogRoot.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { forwardRef, useCallback, useId, useMemo } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DialogProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DialogRoot = /*#__PURE__*/forwardRef(({
+  isOpen: openProp,
+  onOpenChange,
+  defaultOpen = false,
+  closeOnBackdropPress = true,
+  closeOnEscKey = true,
+  role = 'dialog',
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const [open, setOpenState] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const setOpen = useCallback(newOpen => {
+    setOpenState(newOpen);
+  }, [setOpenState]);
+  const id = useId();
+  const nativeID = `dialog-${id}`;
+  const contextValue = useMemo(() => ({
+    open: open ?? false,
+    onOpenChange: setOpen,
+    closeOnBackdropPress,
+    closeOnEscKey,
+    nativeID,
+    role
+  }), [open, setOpen, closeOnBackdropPress, closeOnEscKey, nativeID, role]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(DialogProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        state: open ? 'open' : 'closed'
+      })),
+      children: children
+    })
+  });
+});
+DialogRoot.displayName = 'DialogRoot';
+//# sourceMappingURL=DialogRoot.js.map

package/lib/module/dialog/DialogRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","DialogProvider","jsx","_jsx","DialogRoot","isOpen","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","asChild","children","props","ref","open","setOpenState","prop","defaultProp","onChange","setOpen","newOpen","id","nativeID","contextValue","Comp","value","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAA2B,OAAO;AAClF,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,MAAMC,UAAU,gBAAGZ,UAAU,CAClC,CACE;EACEa,MAAM,EAAEC,QAAQ;EAChBC,YAAY;EACZC,WAAW,GAAG,KAAK;EACnBC,oBAAoB,GAAG,IAAI;EAC3BC,aAAa,GAAG,IAAI;EACpBC,IAAI,GAAG,QAAQ;EACfC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,IAAI,EAAEC,YAAY,CAAC,GAAGpB,oBAAoB,CAAU;IACzDqB,IAAI,EAAEZ,QAAQ;IACda,WAAW,EAAEX,WAAW;IACxBY,QAAQ,EAAEb;EACZ,CAAC,CAAC;EAEF,MAAMc,OAAO,GAAG5B,WAAW,CACxB6B,OAAgB,IAAK;IACpBL,YAAY,CAACK,OAAO,CAAC;EACvB,CAAC,EACD,CAACL,YAAY,CACf,CAAC;EAED,MAAMM,EAAE,GAAG7B,KAAK,CAAC,CAAC;EAClB,MAAM8B,QAAQ,GAAG,UAAUD,EAAE,EAAE;EAE/B,MAAME,YAAY,GAAG9B,OAAO,CAC1B,OAAO;IACLqB,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBT,YAAY,EAAEc,OAAO;IACrBZ,oBAAoB;IACpBC,aAAa;IACbc,QAAQ;IACRb;EACF,CAAC,CAAC,EACF,CAACK,IAAI,EAAEK,OAAO,EAAEZ,oBAAoB,EAAEC,aAAa,EAAEc,QAAQ,EAAEb,IAAI,CACrE,CAAC;EAED,MAAMe,IAAI,GAAGd,OAAO,GAAGd,IAAI,GAAGF,IAAI;EAElC,oBACEO,IAAA,CAACF,cAAc;IAAC0B,KAAK,EAAEF,YAAa;IAAAZ,QAAA,eAClCV,IAAA,CAACuB,IAAI;MACHX,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAE6B,KAAK,EAAEZ,IAAI,GAAG,MAAM,GAAG;MAAS,CAAC,CAAC,CAAC;MAAAH,QAAA,EAElFA;IAAQ,CACL;EAAC,CACO,CAAC;AAErB,CACF,CAAC;AAEDT,UAAU,CAACyB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/dialog/DialogTrigger.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DialogTrigger = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = useDialog();
+  const handlePress = composeEventHandlers(onPress, () => onOpenChange(true));
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+DialogTrigger.displayName = 'DialogTrigger';
+//# sourceMappingURL=DialogTrigger.js.map

package/lib/module/dialog/DialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","composeEventHandlers","Slot","useDialog","jsx","_jsx","DialogTrigger","asChild","children","onPress","props","ref","onOpenChange","handlePress","Comp","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogTrigger.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAA6B,cAAc;AAC7D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtC,OAAO,MAAMC,aAAa,gBAAGP,UAAU,CACrC,CAAC;EAAEQ,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGT,SAAS,CAAC,CAAC;EAEpC,MAAMU,WAAW,GAAGZ,oBAAoB,CAACQ,OAAO,EAAE,MAAMG,YAAY,CAAC,IAAI,CAAC,CAAC;EAE3E,MAAME,IAAI,GAAGP,OAAO,GAAGL,IAAI,GAAGF,SAAS;EAEvC,oBACEK,IAAA,CAACS,IAAI;IAACH,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAqBD,OAAO,EAAEI,WAAY;IAAAL,QAAA,EACjEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,aAAa,CAACS,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/dialog/index.js

@@ -1,45 +1,11 @@
 "use strict";
 
-import { createDialogRoot } from './createDialogRoot';
-import { createDialogTrigger } from './createDialogTrigger';
-import { createDialogContent } from './createDialogContent';
-import { createDialogHeader } from './createDialogHeader';
-import { createDialogTitle } from './createDialogTitle';
-import { createDialogDescription } from './createDialogDescription';
-import { createDialogBody } from './createDialogBody';
-import { createDialogFooter } from './createDialogFooter';
-import { createDialogClose } from './createDialogClose';
-import { DialogProvider, useDialog } from './context';
-export { DialogProvider, useDialog };
-export function createDialog(BaseComponents) {
-  const Root = createDialogRoot(BaseComponents.Root);
-  const Trigger = createDialogTrigger(BaseComponents.Trigger);
-  const Content = createDialogContent(BaseComponents.Content, BaseComponents.Overlay);
-  const Header = createDialogHeader(BaseComponents.Header);
-  const Title = createDialogTitle(BaseComponents.Title);
-  const Description = createDialogDescription(BaseComponents.Description);
-  const Body = createDialogBody(BaseComponents.Body);
-  const Footer = createDialogFooter(BaseComponents.Footer);
-  const Close = createDialogClose(BaseComponents.Close);
-  Root.displayName = 'DialogPrimitive.Root';
-  Trigger.displayName = 'DialogPrimitive.Trigger';
-  Content.displayName = 'DialogPrimitive.Content';
-  Header.displayName = 'DialogPrimitive.Header';
-  Title.displayName = 'DialogPrimitive.Title';
-  Description.displayName = 'DialogPrimitive.Description';
-  Body.displayName = 'DialogPrimitive.Body';
-  Footer.displayName = 'DialogPrimitive.Footer';
-  Close.displayName = 'DialogPrimitive.Close';
-  return Object.assign(Root, {
-    Root,
-    Trigger,
-    Content,
-    Header,
-    Title,
-    Description,
-    Body,
-    Footer,
-    Close
-  });
-}
+export { DialogProvider, useDialog } from './context';
+export { DialogRoot } from './DialogRoot';
+export { DialogTrigger } from './DialogTrigger';
+export { DialogPortal } from './DialogPortal';
+export { DialogOverlay } from './DialogOverlay';
+export { DialogContent } from './DialogContent';
+export { DialogPopup } from './DialogPopup';
+export { DialogClose } from './DialogClose';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createDialogRoot","createDialogTrigger","createDialogContent","createDialogHeader","createDialogTitle","createDialogDescription","createDialogBody","createDialogFooter","createDialogClose","DialogProvider","useDialog","createDialog","BaseComponents","Root","Trigger","Content","Overlay","Header","Title","Description","Body","Footer","Close","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["dialog/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,cAAc,EAAEC,SAAS,QAAQ,WAAW;AAGrD,SAASD,cAAc,EAAEC,SAAS;AAelC,OAAO,SAASC,YAAYA,CAW1BC,cAWD,EAAE;EACD,MAAMC,IAAI,GAAGb,gBAAgB,CAACY,cAAc,CAACC,IAAI,CAAC;EAClD,MAAMC,OAAO,GAAGb,mBAAmB,CAACW,cAAc,CAACE,OAAO,CAAC;EAC3D,MAAMC,OAAO,GAAGb,mBAAmB,CAACU,cAAc,CAACG,OAAO,EAAEH,cAAc,CAACI,OAAO,CAAC;EACnF,MAAMC,MAAM,GAAGd,kBAAkB,CAACS,cAAc,CAACK,MAAM,CAAC;EACxD,MAAMC,KAAK,GAAGd,iBAAiB,CAACQ,cAAc,CAACM,KAAK,CAAC;EACrD,MAAMC,WAAW,GAAGd,uBAAuB,CAACO,cAAc,CAACO,WAAW,CAAC;EACvE,MAAMC,IAAI,GAAGd,gBAAgB,CAACM,cAAc,CAACQ,IAAI,CAAC;EAClD,MAAMC,MAAM,GAAGd,kBAAkB,CAACK,cAAc,CAACS,MAAM,CAAC;EACxD,MAAMC,KAAK,GAAGd,iBAAiB,CAACI,cAAc,CAACU,KAAK,CAAC;EAErDT,IAAI,CAACU,WAAW,GAAG,sBAAsB;EACzCT,OAAO,CAACS,WAAW,GAAG,yBAAyB;EAC/CR,OAAO,CAACQ,WAAW,GAAG,yBAAyB;EAC/CN,MAAM,CAACM,WAAW,GAAG,wBAAwB;EAC7CL,KAAK,CAACK,WAAW,GAAG,uBAAuB;EAC3CJ,WAAW,CAACI,WAAW,GAAG,6BAA6B;EACvDH,IAAI,CAACG,WAAW,GAAG,sBAAsB;EACzCF,MAAM,CAACE,WAAW,GAAG,wBAAwB;EAC7CD,KAAK,CAACC,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACZ,IAAI,EAAE;IACzBA,IAAI;IACJC,OAAO;IACPC,OAAO;IACPE,MAAM;IACNC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,CAAC;AAWJ","ignoreList":[]}
+{"version":3,"names":["DialogProvider","useDialog","DialogRoot","DialogTrigger","DialogPortal","DialogOverlay","DialogContent","DialogPopup","DialogClose"],"sourceRoot":"../../../src","sources":["dialog/index.tsx"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,SAAS,QAAQ,WAAW;AACrD,SAASC,UAAU,QAA8B,cAAc;AAC/D,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,YAAY,QAAgC,gBAAgB;AACrE,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,WAAW,QAA+B,eAAe","ignoreList":[]}

package/lib/module/field/FieldLabel.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text } from 'react-native';
+import { composeEventHandlers, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Native: `Text` label row — tap focuses the field input via form context
+ * (parity with `<label htmlFor>` on web).
+ */
+export const FieldLabel = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  htmlFor: _omitHtmlFor,
+  requiredIndicator,
+  onPress,
+  ...props
+}, ref) => {
+  void _omitHtmlFor;
+  const {
+    labelId,
+    isInvalid,
+    isRequired,
+    isDisabled,
+    focusInput
+  } = useFormControlContext();
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: ref,
+    id: labelId,
+    ...props,
+    disabled: Boolean(isDisabled),
+    onPress: composeEventHandlers(onPress, () => focusInput?.()),
+    ...mergeDataAttributes(props, dataAttributes({
+      invalid: isInvalid,
+      required: isRequired
+    })),
+    children: [children, isRequired ? requiredIndicator : null]
+  });
+});
+FieldLabel.displayName = 'FieldLabel';
+//# sourceMappingURL=FieldLabel.js.map

package/lib/module/field/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Text","composeEventHandlers","useFormControlContext","Slot","dataAttributes","mergeDataAttributes","jsxs","_jsxs","FieldLabel","asChild","children","htmlFor","_omitHtmlFor","requiredIndicator","onPress","props","ref","labelId","isInvalid","isRequired","isDisabled","focusInput","Comp","id","disabled","Boolean","invalid","required","displayName"],"sourceRoot":"../../../src","sources":["field/FieldLabel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,eAAe;AAC3E,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAQ9E;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGT,UAAU,CAClC,CAAC;EAAEU,OAAO;EAAEC,QAAQ;EAAEC,OAAO,EAAEC,YAAY;EAAEC,iBAAiB;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,KAAKJ,YAAY;EAEjB,MAAM;IAAEK,OAAO;IAAEC,SAAS;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGnB,qBAAqB,CAAC,CAAC;EAC1F,MAAMoB,IAAI,GAAGb,OAAO,GAAGN,IAAI,GAAGH,IAAI;EAElC,oBACEO,KAAA,CAACe,IAAI;IACHN,GAAG,EAAEA,GAAI;IACTO,EAAE,EAAEN,OAAQ;IAAA,GACRF,KAAK;IACTS,QAAQ,EAAEC,OAAO,CAACL,UAAU,CAAE;IAC9BN,OAAO,EAAEb,oBAAoB,CAACa,OAAO,EAAE,MAAMO,UAAU,GAAG,CAAC,CAAE;IAAA,GACzDhB,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;MAAEsB,OAAO,EAAER,SAAS;MAAES,QAAQ,EAAER;IAAW,CAAC,CAC7D,CAAC;IAAAT,QAAA,GAEAA,QAAQ,EACRS,UAAU,GAAGN,iBAAiB,GAAG,IAAI;EAAA,CAClC,CAAC;AAEX,CACF,CAAC;AAEDL,UAAU,CAACoB,WAAW,GAAG,YAAY","ignoreList":[]}