@cdx-ui/primitives 0.0.1-beta.64 → 0.0.1-beta.66

package/lib/commonjs/checkbox/CheckboxRoot.web.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _visuallyHidden = require("@react-aria/visually-hidden");
+var _focus = require("@react-native-aria/focus");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useCheckboxRoot = require("./useCheckboxRoot");
+var _jsxRuntime = require("react/jsx-runtime");
+const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isHovered: isHoveredProp,
+    isFocusVisible: isFocusVisibleProp,
+    isChecked: isCheckedProp,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    isIndeterminate: isIndeterminateProp,
+    isFocused,
+    isPressed
+  } = props;
+  const {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    groupItemInputProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    mergedRef,
+    inputRef
+  } = (0, _useCheckboxRoot.useCheckboxRoot)(props, ref, {
+    useInputRefForAria: true
+  });
+  const {
+    focusProps,
+    isFocusVisible
+  } = (0, _focus.useFocusRing)();
+  const contextValue = {
+    isChecked: isChecked || isCheckedProp,
+    isDisabled: isDisabled || isDisabledProp,
+    isFocusVisible: isFocusVisible || isFocusVisibleProp,
+    isHovered: isHovered || isHoveredProp,
+    isInvalid: isInvalid || isInvalidProp,
+    isReadOnly: isReadOnly || isReadOnlyProp,
+    isIndeterminate: isIndeterminate || isIndeterminateProp,
+    isPressed,
+    isFocused
+  };
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CheckboxProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
+      ...combinedProps,
+      ref: mergedRef,
+      tabIndex: -1,
+      role: "label"
+      // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
+      ,
+      accessibilityRole: "label",
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        checked: isChecked || isCheckedProp,
+        disabled: isDisabled || isDisabledProp,
+        hover: isHovered || isHoveredProp,
+        invalid: isInvalid || isInvalidProp,
+        readonly: isReadOnly || isReadOnlyProp,
+        active: isPressed,
+        focus: isFocused,
+        indeterminate: isIndeterminate || isIndeterminateProp,
+        focusVisible: isFocusVisible
+      })),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          ...groupItemInputProps,
+          ...focusProps,
+          ref: inputRef
+        })
+      }), children]
+    })
+  });
+});
+CheckboxRoot.displayName = 'CheckboxRoot';
+//# sourceMappingURL=CheckboxRoot.web.js.map

package/lib/commonjs/checkbox/CheckboxRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_visuallyHidden","_focus","_slot","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","CheckboxRoot","exports","forwardRef","asChild","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","contextValue","Comp","Slot","Pressable","jsx","CheckboxProvider","value","jsxs","tabIndex","role","accessibilityRole","mergeDataAttributes","dataAttributes","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","VisuallyHidden","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/checkbox/index.js

@@ -3,28 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createCheckbox = createCheckbox;
-var _createCheckboxGroup = require("./createCheckboxGroup");
-var _createCheckboxIcon = require("./createCheckboxIcon");
-var _createCheckboxIndicator = require("./createCheckboxIndicator");
-var _createCheckboxLabel = require("./createCheckboxLabel");
-var _createCheckboxRoot = require("./createCheckboxRoot");
-function createCheckbox(BaseComponents) {
-  const Checkbox = (0, _createCheckboxRoot.createCheckboxRoot)(BaseComponents.Root);
-  const Indicator = (0, _createCheckboxIndicator.createCheckboxIndicator)(BaseComponents.Indicator);
-  const Icon = (0, _createCheckboxIcon.createCheckboxIcon)(BaseComponents.Icon);
-  const Label = (0, _createCheckboxLabel.createCheckboxLabel)(BaseComponents.Label);
-  const Group = (0, _createCheckboxGroup.createCheckboxGroup)(BaseComponents.Group);
-  Checkbox.displayName = 'CheckboxPrimitive';
-  Indicator.displayName = 'CheckboxPrimitive.Indicator';
-  Icon.displayName = 'CheckboxPrimitive.Icon';
-  Label.displayName = 'CheckboxPrimitive.Label';
-  Group.displayName = 'CheckboxPrimitive.Group';
-  return Object.assign(Checkbox, {
-    Indicator,
-    Icon,
-    Label,
-    Group
-  });
-}
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function () {
+    return _CheckboxGroup.CheckboxGroup;
+  }
+});
+Object.defineProperty(exports, "CheckboxRoot", {
+  enumerable: true,
+  get: function () {
+    return _CheckboxRoot.CheckboxRoot;
+  }
+});
+Object.defineProperty(exports, "useCheckboxContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useCheckboxContext;
+  }
+});
+var _context = require("./context");
+var _CheckboxRoot = require("./CheckboxRoot");
+var _CheckboxGroup = require("./CheckboxGroup");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_createCheckboxGroup","require","_createCheckboxIcon","_createCheckboxIndicator","_createCheckboxLabel","_createCheckboxRoot","createCheckbox","BaseComponents","Checkbox","createCheckboxRoot","Root","Indicator","createCheckboxIndicator","Icon","createCheckboxIcon","Label","createCheckboxLabel","Group","createCheckboxGroup","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["checkbox/index.ts"],"mappings":";;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAYO,SAASK,cAAcA,CAAsCC,cAMnE,EAAE;EACD,MAAMC,QAAQ,GAAG,IAAAC,sCAAkB,EAACF,cAAc,CAACG,IAAI,CAAC;EACxD,MAAMC,SAAS,GAAG,IAAAC,gDAAuB,EAACL,cAAc,CAACI,SAAS,CAAC;EACnE,MAAME,IAAI,GAAG,IAAAC,sCAAkB,EAACP,cAAc,CAACM,IAAI,CAAC;EACpD,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACT,cAAc,CAACQ,KAAK,CAAC;EACvD,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACX,cAAc,CAACU,KAAK,CAAC;EAEvDT,QAAQ,CAACW,WAAW,GAAG,mBAAmB;EAC1CR,SAAS,CAACQ,WAAW,GAAG,6BAA6B;EACrDN,IAAI,CAACM,WAAW,GAAG,wBAAwB;EAC3CJ,KAAK,CAACI,WAAW,GAAG,yBAAyB;EAC7CF,KAAK,CAACE,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACb,QAAQ,EAAE;IAC7BG,SAAS;IACTE,IAAI;IACJE,KAAK;IACLE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_context","require","_CheckboxRoot","_CheckboxGroup"],"sourceRoot":"../../../src","sources":["checkbox/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/chip/ChipRoot.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChipRoot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const rowStyle = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  alignSelf: 'flex-start'
+};
+const ChipRoot = exports.ChipRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  onPress,
+  disabled = false,
+  accessibilityRole,
+  style,
+  ...restProps
+}, ref) => {
+  const asChildInteractive = asChild && /*#__PURE__*/_react.default.isValidElement(children);
+  const isPressableRoot = !!onPress && !asChildInteractive;
+  const pressState = (0, _interactions.usePress)({
+    isDisabled: !isPressableRoot || disabled
+  });
+  const isPressed = pressState.isPressed;
+  const pressProps = pressState.pressProps;
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)();
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const childDisabled = asChildInteractive && !!children.props.disabled;
+  const resolvedDisabled = disabled || childDisabled;
+  const contextValue = (0, _react.useMemo)(() => ({
+    hover: isPressableRoot ? isHovered : false,
+    focus: isPressableRoot ? isFocused : false,
+    active: isPressableRoot ? isPressed : false,
+    disabled: resolvedDisabled,
+    focusVisible: isPressableRoot ? isFocusVisible : false
+  }), [isPressableRoot, isHovered, isFocused, isPressed, resolvedDisabled, isFocusVisible]);
+  if (asChildInteractive) {
+    const slotMergeProps = {
+      ...restProps,
+      ...(resolvedDisabled && {
+        accessibilityState: {
+          disabled: true
+        }
+      }),
+      disabled: resolvedDisabled,
+      style: [rowStyle, style]
+    };
+
+    // Only set onPress when we have a parent handler to compose. Slot merges this
+    // with the child's own onPress (child first, then ours). When there is no parent
+    // onPress, omitting it preserves the child's internal handler (e.g. Link's useLink).
+    if (!resolvedDisabled && onPress) {
+      slotMergeProps.onPress = onPress;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ChipProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_slot.Slot, {
+        ref: ref,
+        ...slotMergeProps,
+        ...(0, _dataAttributes.mergeDataAttributes)(restProps, (0, _dataAttributes.dataAttributes)({
+          active: false,
+          hover: false,
+          focus: false,
+          focusVisible: false,
+          disabled: resolvedDisabled
+        })),
+        children: children
+      })
+    });
+  }
+  if (isPressableRoot) {
+    const {
+      onPressIn: onPressInProp,
+      onPressOut: onPressOutProp,
+      onHoverIn: onHoverInProp,
+      onHoverOut: onHoverOutProp,
+      onFocus: onFocusProp,
+      onBlur: onBlurProp
+    } = restProps;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ChipProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        ...restProps,
+        ref: ref,
+        accessibilityRole: accessibilityRole ?? 'button',
+        ...(disabled && {
+          accessibilityState: {
+            disabled: true
+          }
+        }),
+        disabled: disabled,
+        style: [rowStyle, style],
+        onPress: disabled ? undefined : onPress,
+        onPressIn: (0, _utils.composeEventHandlers)(onPressInProp, pressProps.onPressIn),
+        onPressOut: (0, _utils.composeEventHandlers)(onPressOutProp, pressProps.onPressOut),
+        onHoverIn: (0, _utils.composeEventHandlers)(onHoverInProp, hoverProps.onHoverIn),
+        onHoverOut: (0, _utils.composeEventHandlers)(onHoverOutProp, hoverProps.onHoverOut),
+        onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocusProp, focusProps.onFocus), focusRingProps.onFocus),
+        onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlurProp, focusProps.onBlur), focusRingProps.onBlur),
+        ...(0, _dataAttributes.mergeDataAttributes)(restProps, (0, _dataAttributes.dataAttributes)({
+          active: isPressed,
+          hover: isHovered,
+          focus: isFocused,
+          focusVisible: isFocusVisible,
+          disabled
+        })),
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ChipProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...restProps,
+      ref: ref,
+      style: [rowStyle, style],
+      ...(0, _dataAttributes.mergeDataAttributes)(restProps, disabled ? (0, _dataAttributes.dataAttributes)({
+        disabled: true
+      }) : undefined),
+      children: children
+    })
+  });
+});
+ChipRoot.displayName = 'ChipRoot';
+//# sourceMappingURL=ChipRoot.js.map

package/lib/commonjs/chip/ChipRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyle","flexDirection","alignItems","alignSelf","ChipRoot","exports","forwardRef","asChild","children","onPress","disabled","accessibilityRole","style","restProps","ref","asChildInteractive","React","isValidElement","isPressableRoot","pressState","usePress","isDisabled","isPressed","pressProps","hoverProps","isHovered","useHover","isFocused","focusProps","useFocus","isFocusVisible","focusRingProps","useFocusRing","childDisabled","props","resolvedDisabled","contextValue","useMemo","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","jsx","ChipProvider","value","Slot","mergeDataAttributes","dataAttributes","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","Pressable","undefined","composeEventHandlers","View","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chip/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChipContext = exports.ChipProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [ChipProvider, useChipContext] = (0, _utils.createContext)('ChipContext');
+exports.useChipContext = useChipContext;
+exports.ChipProvider = ChipProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/chip/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","ChipProvider","useChipContext","createContext","exports"],"sourceRoot":"../../../src","sources":["chip/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAG,IAAAC,oBAAa,EAAmB,aAAa,CAAC;AAACC,OAAA,CAAAF,cAAA,GAAAA,cAAA;AAAAE,OAAA,CAAAH,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/chip/index.js

@@ -3,14 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createChip = createChip;
-var _createChipRoot = require("./createChipRoot");
-function createChip({
-  View,
-  Pressable
-}) {
-  const Chip = (0, _createChipRoot.createChipRoot)(View, Pressable);
-  Chip.displayName = 'ChipPrimitive';
-  return Chip;
-}
+Object.defineProperty(exports, "ChipRoot", {
+  enumerable: true,
+  get: function () {
+    return _ChipRoot.ChipRoot;
+  }
+});
+Object.defineProperty(exports, "useChipContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useChipContext;
+  }
+});
+var _context = require("./context");
+var _ChipRoot = require("./ChipRoot");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_createChipRoot","require","createChip","View","Pressable","Chip","createChipRoot","displayName"],"sourceRoot":"../../../src","sources":["chip/index.ts"],"mappings":";;;;;;AAEA,IAAAA,eAAA,GAAAC,OAAA;AAKO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC;AAIF,CAAC,EAAE;EACD,MAAMC,IAAI,GAAG,IAAAC,8BAAc,EAACH,IAAI,EAAEC,SAAS,CAAC;EAC5CC,IAAI,CAACE,WAAW,GAAG,eAAe;EAClC,OAAOF,IAAI;AACb","ignoreList":[]}
+{"version":3,"names":["_context","require","_ChipRoot"],"sourceRoot":"../../../src","sources":["chip/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/dialog/DialogClose.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogClose = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const DialogClose = exports.DialogClose = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = (0, _context.useDialog)();
+  const handlePress = (0, _utils.composeEventHandlers)(onPress, () => onOpenChange(false));
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+DialogClose.displayName = 'DialogClose';
+//# sourceMappingURL=DialogClose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_jsxRuntime","DialogClose","exports","forwardRef","asChild","children","onPress","props","ref","onOpenChange","useDialog","handlePress","composeEventHandlers","Comp","Slot","Pressable","jsx","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogClose.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAK/B,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EACnC,CAAC;EAAEC,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAEpC,MAAMC,WAAW,GAAG,IAAAC,2BAAoB,EAACN,OAAO,EAAE,MAAMG,YAAY,CAAC,KAAK,CAAC,CAAC;EAE5E,MAAMI,IAAI,GAAGT,OAAO,GAAGU,UAAI,GAAGC,sBAAS;EAEvC,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACH,IAAI;IAACL,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAqBD,OAAO,EAAEK,WAAY;IAAAN,QAAA,EACjEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,WAAW,CAACgB,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/dialog/{createDialogPopup.js → DialogPopup.js}

@@ -3,20 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createDialogPopup = void 0;
+exports.DialogPopup = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _focus = require("@react-native-aria/focus");
+var _slot = require("../slot");
 var _overlay = require("../overlay");
 var _createPortal = require("../utils/createPortal");
 var _dataAttributes = require("../utils/dataAttributes");
 var _context = require("./context");
 var _jsxRuntime = require("react/jsx-runtime");
-const createDialogPopup = (BasePopup, BaseOverlay) => /*#__PURE__*/(0, _react.forwardRef)(({
+const DialogPopup = exports.DialogPopup = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   children,
   forceMount = false,
   avoidKeyboard = true,
   keyboardVerticalOffset = 0,
+  overlayClassName,
   ...props
 }, ref) => {
   const {
@@ -40,20 +43,21 @@ const createDialogPopup = (BasePopup, BaseOverlay) => /*#__PURE__*/(0, _react.fo
     } : {}),
     accessible: false,
     importantForAccessibility: 'no-hide-descendants',
+    className: overlayClassName,
     ...(0, _dataAttributes.dataAttributes)({
       slot: 'dialog-overlay'
     })
   };
-  const contentSlotAttrs = (0, _dataAttributes.dataAttributes)({
-    slot: 'dialog-popup',
-    state: open ? 'open' : 'closed'
-  });
   const ariaProps = {
     role,
     'aria-modal': true,
     'aria-labelledby': `${nativeID}-title`,
     'aria-describedby': `${nativeID}-description`
   };
+  const popupAttrs = (0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+    state: open ? 'open' : 'closed'
+  }));
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
   if (_reactNative.Platform.OS === 'web' && _createPortal.createPortalFn) {
     return (0, _createPortal.createPortalFn)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_focus.FocusScope, {
       contain: open,
@@ -68,13 +72,13 @@ const createDialogPopup = (BasePopup, BaseOverlay) => /*#__PURE__*/(0, _react.fo
           alignItems: 'center',
           justifyContent: 'center'
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BaseOverlay, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
           ...overlayProps
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BasePopup, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
           ref: ref,
-          ...contentSlotAttrs,
           ...props,
           ...ariaProps,
+          ...popupAttrs,
           children: children
         })]
       })
@@ -120,18 +124,18 @@ const createDialogPopup = (BasePopup, BaseOverlay) => /*#__PURE__*/(0, _react.fo
       autoFocus: open,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.fill,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BaseOverlay, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
           ...overlayProps
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
           style: styles.center,
           pointerEvents: "box-none",
           behavior: keyboardBehavior,
           keyboardVerticalOffset: keyboardVerticalOffset,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BasePopup, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
             ref: ref,
-            ...contentSlotAttrs,
             ...props,
             ...ariaProps,
+            ...popupAttrs,
             children: children
           })
         })]
@@ -139,11 +143,11 @@ const createDialogPopup = (BasePopup, BaseOverlay) => /*#__PURE__*/(0, _react.fo
     })
   });
 });
+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.
-exports.createDialogPopup = createDialogPopup;
 const styles = _reactNative.StyleSheet.create({
   fill: {
     flex: 1
@@ -154,4 +158,4 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'center'
   }
 });
-//# sourceMappingURL=createDialogPopup.js.map
+//# sourceMappingURL=DialogPopup.js.map

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

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

package/lib/commonjs/dialog/{createDialogRoot.js → DialogRoot.js}

@@ -3,19 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createDialogRoot = void 0;
+exports.DialogRoot = void 0;
 var _react = require("react");
+var _reactNative = require("react-native");
 var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
 var _dataAttributes = require("../utils/dataAttributes");
 var _context = require("./context");
 var _jsxRuntime = require("react/jsx-runtime");
-const createDialogRoot = BaseRoot => /*#__PURE__*/(0, _react.forwardRef)(({
+const DialogRoot = exports.DialogRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   open: openProp,
   onOpenChange,
   defaultOpen = false,
   closeOnBackdropPress = true,
   closeOnEscKey = true,
   role = 'dialog',
+  asChild,
   children,
   ...props
 }, ref) => {
@@ -37,18 +40,18 @@ const createDialogRoot = BaseRoot => /*#__PURE__*/(0, _react.forwardRef)(({
     nativeID,
     role
   }), [open, setOpen, closeOnBackdropPress, closeOnEscKey, nativeID, role]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.DialogProvider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
       ref: ref,
       ...props,
-      ...(0, _dataAttributes.dataAttributes)({
-        slot: 'dialog',
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
         state: open ? 'open' : 'closed'
-      }),
+      })),
       children: children
     })
   });
 });
-exports.createDialogRoot = createDialogRoot;
-//# sourceMappingURL=createDialogRoot.js.map
+DialogRoot.displayName = 'DialogRoot';
+//# sourceMappingURL=DialogRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_jsxRuntime","DialogRoot","exports","forwardRef","open","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","asChild","children","props","ref","setOpenState","useControllableState","prop","defaultProp","onChange","setOpen","useCallback","newOpen","id","useId","nativeID","contextValue","useMemo","Comp","Slot","View","jsx","DialogProvider","value","mergeDataAttributes","dataAttributes","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogRoot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAA2C,IAAAM,WAAA,GAAAN,OAAA;AAOpC,MAAMO,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAClC,CACE;EACEC,IAAI,EAAEC,QAAQ;EACdC,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,CAACV,IAAI,EAAEW,YAAY,CAAC,GAAG,IAAAC,2BAAoB,EAAU;IACzDC,IAAI,EAAEZ,QAAQ;IACda,WAAW,EAAEX,WAAW;IACxBY,QAAQ,EAAEb;EACZ,CAAC,CAAC;EAEF,MAAMc,OAAO,GAAG,IAAAC,kBAAW,EACxBC,OAAgB,IAAK;IACpBP,YAAY,CAACO,OAAO,CAAC;EACvB,CAAC,EACD,CAACP,YAAY,CACf,CAAC;EAED,MAAMQ,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,MAAMC,QAAQ,GAAG,UAAUF,EAAE,EAAE;EAE/B,MAAMG,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACLvB,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBE,YAAY,EAAEc,OAAO;IACrBZ,oBAAoB;IACpBC,aAAa;IACbgB,QAAQ;IACRf;EACF,CAAC,CAAC,EACF,CAACN,IAAI,EAAEgB,OAAO,EAAEZ,oBAAoB,EAAEC,aAAa,EAAEgB,QAAQ,EAAEf,IAAI,CACrE,CAAC;EAED,MAAMkB,IAAI,GAAGjB,OAAO,GAAGkB,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAAChC,QAAA,CAAAiC,cAAc;IAACC,KAAK,EAAEP,YAAa;IAAAd,QAAA,eAClC,IAAAZ,WAAA,CAAA+B,GAAA,EAACH,IAAI;MACHd,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACN,IAAAqB,mCAAmB,EAACrB,KAAK,EAAE,IAAAsB,8BAAc,EAAC;QAAEC,KAAK,EAAEhC,IAAI,GAAG,MAAM,GAAG;MAAS,CAAC,CAAC,CAAC;MAAAQ,QAAA,EAElFA;IAAQ,CACL;EAAC,CACO,CAAC;AAErB,CACF,CAAC;AAEDX,UAAU,CAACoC,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/commonjs/dialog/DialogTrigger.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogTrigger = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const DialogTrigger = exports.DialogTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = (0, _context.useDialog)();
+  const handlePress = (0, _utils.composeEventHandlers)(onPress, () => onOpenChange(true));
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+DialogTrigger.displayName = 'DialogTrigger';
+//# sourceMappingURL=DialogTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_jsxRuntime","DialogTrigger","exports","forwardRef","asChild","children","onPress","props","ref","onOpenChange","useDialog","handlePress","composeEventHandlers","Comp","Slot","Pressable","jsx","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogTrigger.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAK/B,MAAMM,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACrC,CAAC;EAAEC,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAEpC,MAAMC,WAAW,GAAG,IAAAC,2BAAoB,EAACN,OAAO,EAAE,MAAMG,YAAY,CAAC,IAAI,CAAC,CAAC;EAE3E,MAAMI,IAAI,GAAGT,OAAO,GAAGU,UAAI,GAAGC,sBAAS;EAEvC,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACH,IAAI;IAACL,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAqBD,OAAO,EAAEK,WAAY;IAAAN,QAAA,EACjEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,aAAa,CAACgB,WAAW,GAAG,eAAe","ignoreList":[]}