@cdx-ui/primitives 0.0.1-beta.9 → 0.0.1-beta.91

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","CheckboxRoot","exports","forwardRef","asChild","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","children","props","ref","isHovered","isHoveredProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isPressed","isPressedProp","isFocused","isFocusedProp","isIndeterminate","isIndeterminateProp","isFocusVisible","isFocusVisibleProp","combinedProps","groupItemInputProps","hoverProps","mergedRef","useCheckboxRoot","focusProps","useFocus","pressProps","usePress","contextValue","Comp","Slot","Pressable","jsx","CheckboxProvider","value","disabled","role","mergeDataAttributes","dataAttributes","checked","hover","invalid","readonly","active","focus","indeterminate","focusVisible","composeEventHandlers","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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

@@ -0,0 +1 @@
+{"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/chip/types.js.map

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

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 DialogPopup = exports.DialogPopup = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  forceMount = false,
+  avoidKeyboard = true,
+  keyboardVerticalOffset = 0,
+  overlayClassName,
+  ...props
+}, ref) => {
+  const {
+    open,
+    onOpenChange,
+    closeOnBackdropPress,
+    closeOnEscKey,
+    nativeID,
+    role
+  } = (0, _context.useDialog)();
+  const handleClose = (0, _react.useCallback)(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  (0, _overlay.useEscapeKey)(open && closeOnEscKey, handleClose);
+  if (!(open || forceMount)) {
+    return null;
+  }
+  const overlayProps = {
+    ...(closeOnBackdropPress ? {
+      onPress: handleClose
+    } : {}),
+    accessible: false,
+    importantForAccessibility: 'no-hide-descendants',
+    className: overlayClassName,
+    ...(0, _dataAttributes.dataAttributes)({
+      slot: 'dialog-overlay'
+    })
+  };
+  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,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          position: 'fixed',
+          inset: 0,
+          zIndex: 50,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          ...overlayProps
+        }), /*#__PURE__*/(0, _jsxRuntime.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 ? _reactNative.Platform.select({
+    ios: 'padding',
+    default: 'height'
+  }) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: open,
+    transparent: true,
+    statusBarTranslucent: true,
+    onRequestClose: handleClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_focus.FocusScope, {
+      contain: open,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.fill,
+        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)(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 = _reactNative.StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# 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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAAsC,IAAAQ,WAAA,GAAAR,OAAA;AAc/B,MAAMS,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EACnC,CACE;EACEC,OAAO;EACPC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,aAAa,GAAG,IAAI;EACpBC,sBAAsB,GAAG,CAAC;EAC1BC,gBAAgB;EAChB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,oBAAoB;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAE/F,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCP,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAAQ,qBAAY,EAACT,IAAI,IAAIG,aAAa,EAAEI,WAAW,CAAC;EAEhD,IAAI,EAAEP,IAAI,IAAIN,UAAU,CAAC,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,MAAMgB,YAAY,GAAG;IACnB,IAAIR,oBAAoB,GAAG;MAAES,OAAO,EAAEJ;IAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACzDK,UAAU,EAAE,KAAK;IACjBC,yBAAyB,EAAE,qBAA8B;IACzDC,SAAS,EAAEjB,gBAAgB;IAC3B,GAAG,IAAAkB,8BAAc,EAAC;MAAEC,IAAI,EAAE;IAAiB,CAAC;EAC9C,CAAC;EAED,MAAMC,SAAS,GAAG;IAChBZ,IAAI;IACJ,YAAY,EAAE,IAAI;IAClB,iBAAiB,EAAE,GAAGD,QAAQ,QAAQ;IACtC,kBAAkB,EAAE,GAAGA,QAAQ;EACjC,CAAC;EAED,MAAMc,UAAU,GAAG,IAAAC,mCAAmB,EACpCrB,KAAK,EACL,IAAAiB,8BAAc,EAAC;IAAEK,KAAK,EAAEpB,IAAI,GAAG,MAAM,GAAG;EAAS,CAAC,CACpD,CAAC;EAED,MAAMqB,IAAI,GAAG7B,OAAO,GAAG8B,UAAI,GAAGC,iBAAI;EAElC,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,4BAAc,EAAE;IAC3C,OAAO,IAAAA,4BAAc,eACnB,IAAAtC,WAAA,CAAAuC,GAAA,EAAC7C,MAAA,CAAA8C,UAAU;MAACC,OAAO,EAAE7B,IAAK;MAAC8B,YAAY;MAACC,SAAS,EAAE/B,IAAK;MAAAP,QAAA,eACtD,IAAAL,WAAA,CAAA4C,IAAA,EAACnD,YAAA,CAAA0C,IAAI;QACHU,KAAK,EAAE;UACLC,QAAQ,EAAE,OAAc;UACxBC,KAAK,EAAE,CAAQ;UACfC,MAAM,EAAE,EAAE;UACVC,OAAO,EAAE,MAAa;UACtBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE;QAClB,CAAE;QAAA9C,QAAA,gBAEF,IAAAL,WAAA,CAAAuC,GAAA,EAAC9C,YAAA,CAAA2D,SAAS;UAAA,GAAK9B;QAAY,CAAG,CAAC,eAC/B,IAAAtB,WAAA,CAAAuC,GAAA,EAACN,IAAI;UAACtB,GAAG,EAAEA,GAAI;UAAA,GAAMD,KAAK;UAAA,GAAoBmB,SAAS;UAAA,GAAMC,UAAU;UAAAzB,QAAA,EACpEA;QAAQ,CACL,CAAC;MAAA,CACH;IAAC,CACG,CAAC,EACbgD,QAAQ,CAACC,IACX,CAAC;EACH;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMC,gBAAgB,GAAGhD,aAAa,GAClC6B,qBAAQ,CAACoB,MAAM,CAAuB;IAAEC,GAAG,EAAE,SAAS;IAAEC,OAAO,EAAE;EAAS,CAAC,CAAC,GAC5EC,SAAS;EAEb,oBACE,IAAA3D,WAAA,CAAAuC,GAAA,EAAC9C,YAAA,CAAAmE,KAAK;IAACC,OAAO,EAAEjD,IAAK;IAACkD,WAAW;IAACC,oBAAoB;IAACC,cAAc,EAAE7C,WAAY;IAAAd,QAAA,eACjF,IAAAL,WAAA,CAAAuC,GAAA,EAAC7C,MAAA,CAAA8C,UAAU;MAACC,OAAO,EAAE7B,IAAK;MAAC8B,YAAY;MAACC,SAAS,EAAE/B,IAAK;MAAAP,QAAA,eACtD,IAAAL,WAAA,CAAA4C,IAAA,EAACnD,YAAA,CAAA0C,IAAI;QAACU,KAAK,EAAEoB,MAAM,CAACC,IAAK;QAAA7D,QAAA,gBACvB,IAAAL,WAAA,CAAAuC,GAAA,EAAC9C,YAAA,CAAA2D,SAAS;UAAA,GAAK9B;QAAY,CAAG,CAAC,eAC/B,IAAAtB,WAAA,CAAAuC,GAAA,EAAC9C,YAAA,CAAA0E,oBAAoB;UACnBtB,KAAK,EAAEoB,MAAM,CAACG,MAAO;UACrBC,aAAa,EAAC,UAAU;UACxBC,QAAQ,EAAEf,gBAAiB;UAC3B/C,sBAAsB,EAAEA,sBAAuB;UAAAH,QAAA,eAE/C,IAAAL,WAAA,CAAAuC,GAAA,EAACN,IAAI;YAACtB,GAAG,EAAEA,GAAI;YAAA,GAAMD,KAAK;YAAA,GAAoBmB,SAAS;YAAA,GAAMC,UAAU;YAAAzB,QAAA,EACpEA;UAAQ,CACL;QAAC,CACa,CAAC;MAAA,CACnB;IAAC,CACG;EAAC,CACR,CAAC;AAEZ,CACF,CAAC;AAEDJ,WAAW,CAACsE,WAAW,GAAG,aAAa;;AAEvC;AACA;AACA;AACA,MAAMN,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,IAAI,EAAE;IAAEQ,IAAI,EAAE;EAAE,CAAC;EACjBN,MAAM,EAAE;IACNM,IAAI,EAAE,CAAC;IACPxB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/dialog/DialogRoot.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 DialogRoot = exports.DialogRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  open: openProp,
+  onOpenChange,
+  defaultOpen = false,
+  closeOnBackdropPress = true,
+  closeOnEscKey = true,
+  role = 'dialog',
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const [open, setOpenState] = (0, _utils.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const setOpen = (0, _react.useCallback)(newOpen => {
+    setOpenState(newOpen);
+  }, [setOpenState]);
+  const id = (0, _react.useId)();
+  const nativeID = `dialog-${id}`;
+  const contextValue = (0, _react.useMemo)(() => ({
+    open: open ?? false,
+    onOpenChange: setOpen,
+    closeOnBackdropPress,
+    closeOnEscKey,
+    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)(Comp, {
+      ref: ref,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        state: open ? 'open' : 'closed'
+      })),
+      children: children
+    })
+  });
+});
+DialogRoot.displayName = 'DialogRoot';
+//# sourceMappingURL=DialogRoot.js.map