@cdx-ui/primitives 0.0.1-alpha.3 → 0.0.1-alpha.31

package/lib/commonjs/checkbox/createCheckboxRoot.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCheckboxRoot = void 0;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useCheckboxRoot = require("./useCheckboxRoot");
+var _jsxRuntime = require("react/jsx-runtime");
+const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/(0, _react.forwardRef)(({
+  onPressIn,
+  onPressOut,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isHovered: isHoveredProp,
+    isChecked: isCheckedProp,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    isPressed: isPressedProp,
+    isFocused: isFocusedProp,
+    isIndeterminate: isIndeterminateProp,
+    isFocusVisible
+  } = props;
+  const {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    groupItemInputProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    hoverProps,
+    mergedRef
+  } = (0, _useCheckboxRoot.useCheckboxRoot)(props, ref);
+  const {
+    focusProps,
+    isFocused
+  } = (0, _focus.useFocus)();
+  const {
+    pressProps,
+    isPressed
+  } = (0, _interactions.usePress)({
+    isDisabled: isDisabled || isDisabledProp
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckbox, {
+    disabled: isDisabled || isDisabledProp,
+    ...pressProps,
+    ...combinedProps,
+    ...groupItemInputProps,
+    ref: mergedRef,
+    role: "checkbox",
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressProps.onPressOut),
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut),
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus)),
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur)),
+    ...(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)(_context.CheckboxProvider, {
+      value: {
+        isChecked: isChecked || isCheckedProp,
+        isDisabled: isDisabled || isDisabledProp,
+        isHovered: isHovered || isHoveredProp,
+        isInvalid: isInvalid || isInvalidProp,
+        isReadOnly: isReadOnly || isReadOnlyProp,
+        isPressed: isPressed || isPressedProp,
+        isFocused: isFocused || isFocusedProp,
+        isIndeterminate: isIndeterminate || isIndeterminateProp,
+        isFocusVisible
+      },
+      children: children
+    })
+  });
+});
+exports.createCheckboxRoot = createCheckboxRoot;
+//# sourceMappingURL=createCheckboxRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","createCheckboxRoot","BaseCheckbox","forwardRef","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","combinedProps","groupItemInputProps","hoverProps","mergedRef","useCheckboxRoot","focusProps","useFocus","pressProps","usePress","jsx","disabled","role","composeEventHandlers","dataAttributes","checked","hover","invalid","readonly","active","focus","indeterminate","focusVisible","CheckboxProvider","value","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCheckboxRoot = void 0;
+var _react = require("react");
+var _visuallyHidden = require("@react-aria/visually-hidden");
+var _focus = require("@react-native-aria/focus");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useCheckboxRoot = require("./useCheckboxRoot");
+var _jsxRuntime = require("react/jsx-runtime");
+// TODO: Label is taking focus on keyboard navigation
+
+const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/(0, _react.forwardRef)(({
+  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)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckbox, {
+    ...combinedProps,
+    ref: mergedRef,
+    role: "label"
+    // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
+    ,
+    accessibilityRole: "label",
+    ...(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.jsxs)(_context.CheckboxProvider, {
+      value: {
+        isChecked: isChecked || isCheckedProp,
+        isDisabled: isDisabled || isDisabledProp,
+        isFocusVisible: isFocusVisible || isFocusVisibleProp,
+        isHovered: isHovered || isHoveredProp,
+        isInvalid: isInvalid || isInvalidProp,
+        isReadOnly: isReadOnly || isReadOnlyProp,
+        isIndeterminate: isIndeterminate || isIndeterminateProp,
+        isPressed,
+        isFocused
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          ...groupItemInputProps,
+          ...focusProps,
+          ref: inputRef
+        })
+      }), children]
+    })
+  });
+});
+exports.createCheckboxRoot = createCheckboxRoot;
+//# sourceMappingURL=createCheckboxRoot.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_visuallyHidden","_focus","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","createCheckboxRoot","BaseCheckbox","forwardRef","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","jsx","role","accessibilityRole","dataAttributes","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","jsxs","CheckboxProvider","value","VisuallyHidden","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAEpD;;AAEO,MAAMO,kBAAkB,GAAQC,YAAoC,iBACzE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAsB,CAAC,EAAEC,GAAkB,KAAK;EACzE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,eAAe,EAAEC,mBAAmB;IACpCC,SAAS;IACTC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM;IACJkB,aAAa;IACbR,SAAS;IACTE,UAAU;IACVE,eAAe;IACfK,mBAAmB;IACnBb,SAAS;IACTE,UAAU;IACVN,SAAS;IACTkB,SAAS;IACTC;EACF,CAAC,GAAG,IAAAC,gCAAe,EAACtB,KAAK,EAAEC,GAAG,EAAE;IAAEsB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEpB;EAAe,CAAC,GAAG,IAAAqB,mBAAY,EAAC,CAAC;EAErD,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAAC7B,YAAY;IAAA,GACNqB,aAAa;IAClBjB,GAAG,EAAEmB,SAAU;IACfO,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrB,IAAAC,8BAAc,EAAC;MACjBC,OAAO,EAAExB,SAAS,IAAIC,aAAa;MACnCwB,QAAQ,EAAEvB,UAAU,IAAIC,cAAc;MACtCuB,KAAK,EAAE9B,SAAS,IAAIC,aAAa;MACjC8B,OAAO,EAAEvB,SAAS,IAAIC,aAAa;MACnCuB,QAAQ,EAAEtB,UAAU,IAAIC,cAAc;MACtCsB,MAAM,EAAElB,SAAS;MACjBmB,KAAK,EAAEpB,SAAS;MAChBqB,aAAa,EAAEvB,eAAe,IAAIC,mBAAmB;MACrDuB,YAAY,EAAElC;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEF,IAAAJ,WAAA,CAAA4C,IAAA,EAAC9C,QAAA,CAAA+C,gBAAgB;MACfC,KAAK,EAAE;QACLnC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCL,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCO,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;QACvDE,SAAS;QACTD;MACF,CAAE;MAAAjB,QAAA,gBAEF,IAAAJ,WAAA,CAAA+B,GAAA,EAACpC,eAAA,CAAAoD,cAAc;QAAA3C,QAAA,eACb,IAAAJ,WAAA,CAAA+B,GAAA;UAAA,GAAWP,mBAAmB;UAAA,GAAMK,UAAU;UAAEvB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC;AAAC4C,OAAA,CAAA/C,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/commonjs/checkbox/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+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
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

package/lib/commonjs/checkbox/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["checkbox/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/checkbox/useCheckboxRoot.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCheckboxRoot = useCheckboxRoot;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _checkbox = require("@react-native-aria/checkbox");
+var _interactions = require("@react-native-aria/interactions");
+var _toggle = require("@react-stately/toggle");
+var _context = require("./context");
+function useCheckboxRoot(props, ref, {
+  useInputRefForAria = false
+} = {}) {
+  const formControlContext = (0, _utils.useFormControlContext)();
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    ...combinedProps
+  } = {
+    ...formControlContext,
+    ...props
+  };
+  const checkboxGroupContext = (0, _react.useContext)(_context.CheckboxGroupContext);
+  const state = (0, _toggle.useToggleState)({
+    ...combinedProps,
+    defaultSelected: props.defaultIsChecked,
+    isSelected: props.isChecked
+  });
+  const rootRef = (0, _react.useRef)(null);
+  const inputRef = (0, _react.useRef)(null);
+  const mergedRootRef = (0, _utils.mergeRefs)(ref, rootRef);
+  const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
+  const groupToggleState = (0, _toggle.useToggleState)(checkboxGroupContext ? {
+    isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
+    isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
+    onChange(isSelected) {
+      if (isSelected) {
+        checkboxGroupContext.state.addValue(combinedProps.value);
+      } else {
+        checkboxGroupContext.state.removeValue(combinedProps.value);
+      }
+      combinedProps.onChange?.(isSelected);
+    }
+  } : {
+    isSelected: false
+  });
+  const {
+    inputProps: groupItemInputProps
+  } = (0, _checkbox.useCheckbox)({
+    ...combinedProps,
+    'aria-label': ariaLabel,
+    ...(checkboxGroupContext && {
+      isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
+      isDisabled: combinedProps.isDisabled || checkboxGroupContext.state.isDisabled
+    })
+  }, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
+  const {
+    checked: isChecked,
+    disabled: isDisabled
+  } = groupItemInputProps;
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)({}, rootRef);
+  return {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    groupItemInputProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    hoverProps,
+    mergedRef: mergedRootRef,
+    inputRef
+  };
+}
+//# sourceMappingURL=useCheckboxRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_checkbox","_interactions","_toggle","_context","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","useFormControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","useContext","CheckboxGroupContext","state","useToggleState","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","useRef","inputRef","mergedRootRef","mergeRefs","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","useCheckbox","isDisabled","checked","disabled","hoverProps","isHovered","useHover","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/dialog/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","DialogProvider","useDialog","createContext","exports"],"sourceRoot":"../../../src","sources":["dialog/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,cAAc,EAAEC,SAAS,CAAC,GAAG,IAAAC,oBAAa,EAAqB,eAAe,CAAC;AAACC,OAAA,CAAAF,SAAA,GAAAA,SAAA;AAAAE,OAAA,CAAAH,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/dialog/createDialogBody.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDialogBody = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 createDialogBody = BaseBody => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseBody, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+exports.createDialogBody = createDialogBody;
+//# sourceMappingURL=createDialogBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogBody","BaseBody","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogBody.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGnC,MAAMkB,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC3BA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC;AAACI,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/dialog/createDialogClose.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDialogClose = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 createDialogClose = BaseClose => /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = (0, _context.useDialog)();
+  const handlePress = e => {
+    onPress?.(e);
+    onOpenChange(false);
+  };
+  if (asChild && /*#__PURE__*/_react.default.isValidElement(children)) {
+    return /*#__PURE__*/_react.default.cloneElement(children, {
+      onPress: handlePress
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseClose, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+exports.createDialogClose = createDialogClose;
+//# sourceMappingURL=createDialogClose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogClose","BaseClose","forwardRef","asChild","children","onPress","props","ref","onOpenChange","useDialog","handlePress","React","isValidElement","cloneElement","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogClose.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/B,MAAMkB,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EACR,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,GAAI7B,CAAO,IAAK;IAC/BwB,OAAO,GAAGxB,CAAC,CAAC;IACZ2B,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,IAAIL,OAAO,iBAAIQ,cAAK,CAACC,cAAc,CAACR,QAAQ,CAAC,EAAE;IAC7C,oBAAOO,cAAK,CAACE,YAAY,CAACT,QAAQ,EAA6B;MAC7DC,OAAO,EAAEK;IACX,CAAC,CAAC;EACJ;EAEA,oBACE,IAAA9B,WAAA,CAAAkC,GAAA,EAACb,SAAS;IAACM,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAQD,OAAO,EAAEK,WAAY;IAAAN,QAAA,EACzDA;EAAQ,CACA,CAAC;AAEhB,CACF,CAAC;AAACW,OAAA,CAAAf,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/dialog/createDialogContent.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDialogContent = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _focus = require("@react-native-aria/focus");
+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 createDialogContent = (BaseContent, BaseOverlay) => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  forceMount = false,
+  ...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',
+    ...(0, _dataAttributes.dataAttributes)({
+      slot: 'dialog-overlay'
+    })
+  };
+  const contentSlotAttrs = (0, _dataAttributes.dataAttributes)({
+    slot: 'dialog-content',
+    state: open ? 'open' : 'closed'
+  });
+  const ariaProps = {
+    role,
+    'aria-modal': true,
+    'aria-labelledby': `${nativeID}-title`,
+    'aria-describedby': `${nativeID}-description`
+  };
+  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)(BaseOverlay, {
+          ...overlayProps
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
+          ref: ref,
+          ...contentSlotAttrs,
+          ...props,
+          ...ariaProps,
+          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 absolute-fill
+  // View with pointerEvents="box-none" centers the content panel — "box-none"
+  // lets taps outside the panel pass through to the overlay while allowing
+  // the panel and its children to receive touches normally.
+  //
+  // Critically, the content panel must NOT claim the JS touch responder
+  // (e.g. via onStartShouldSetResponder). Doing so triggers React Native's
+  // blockNativeResponder, which suppresses the native UIScrollView /
+  // ScrollView pan gesture recognizer and breaks any ScrollView inside
+  // Dialog.Body.
+  //
+  // Static StyleSheet used here because these are structural layout concerns
+  // of the primitive's modal chrome — not themeable styles. They must remain
+  // stable regardless of the styled layer's className.
+  return /*#__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)(BaseOverlay, {
+          ...overlayProps
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.center,
+          pointerEvents: "box-none",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
+            ref: ref,
+            ...contentSlotAttrs,
+            ...props,
+            ...ariaProps,
+            children: children
+          })
+        })]
+      })
+    })
+  });
+});
+
+// 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.createDialogContent = createDialogContent;
+const styles = _reactNative.StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=createDialogContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_focus","_overlay","_createPortal","_dataAttributes","_context","_jsxRuntime","createDialogContent","BaseContent","BaseOverlay","forwardRef","children","forceMount","props","ref","open","onOpenChange","closeOnBackdropPress","closeOnEscKey","nativeID","role","useDialog","handleClose","useCallback","useEscapeKey","overlayProps","onPress","accessible","importantForAccessibility","dataAttributes","slot","contentSlotAttrs","state","ariaProps","Platform","OS","createPortalFn","jsx","FocusScope","contain","restoreFocus","autoFocus","jsxs","View","style","position","inset","zIndex","display","alignItems","justifyContent","document","body","Modal","visible","transparent","statusBarTranslucent","onRequestClose","styles","fill","center","pointerEvents","exports","StyleSheet","create","flex","absoluteFillObject"],"sourceRoot":"../../../src","sources":["dialog/createDialogContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/dialog/createDialogDescription.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDialogDescription = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 createDialogDescription = BaseDescription => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    nativeID
+  } = (0, _context.useDialog)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseDescription, {
+    ref: ref,
+    nativeID: `${nativeID}-description`,
+    ...props,
+    ...(0, _dataAttributes.dataAttributes)({
+      slot: 'dialog-description'
+    }),
+    children: children
+  });
+});
+exports.createDialogDescription = createDialogDescription;
+//# sourceMappingURL=createDialogDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogDescription","BaseDescription","forwardRef","children","props","ref","nativeID","useDialog","jsx","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogDescription.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG/B,MAAMkB,uBAAuB,GAAQC,eAAuC,iBACjF,IAAAC,iBAAU,EAAmC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAEhC,oBACE,IAAA3B,WAAA,CAAA4B,GAAA,EAACP,eAAe;IACdI,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAE,GAAGA,QAAQ,cAAe;IAAA,GAC/BF,KAAK;IAAA,GACN,IAAAK,8BAAc,EAAC;MAAEC,IAAI,EAAE;IAAqB,CAAC,CAAC;IAAAP,QAAA,EAEjDA;EAAQ,CACM,CAAC;AAEtB,CAAC,CAAC;AAACQ,OAAA,CAAAX,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/lib/commonjs/dialog/createDialogFooter.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDialogFooter = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 createDialogFooter = BaseFooter => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFooter, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+exports.createDialogFooter = createDialogFooter;
+//# sourceMappingURL=createDialogFooter.js.map