@cdx-ui/primitives 0.0.1-alpha.4 → 0.0.1-alpha.41

package/lib/module/checkbox/createCheckboxRoot.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { usePress } from '@react-native-aria/interactions';
+import { dataAttributes } from '../utils/dataAttributes';
+import { CheckboxProvider } from './context';
+import { useCheckboxRoot } from './useCheckboxRoot';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/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
+  } = useCheckboxRoot(props, ref);
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({
+    isDisabled: isDisabled || isDisabledProp
+  });
+  return /*#__PURE__*/_jsx(BaseCheckbox, {
+    disabled: isDisabled || isDisabledProp,
+    ...pressProps,
+    ...combinedProps,
+    ...groupItemInputProps,
+    ref: mergedRef,
+    role: "checkbox",
+    onPressIn: composeEventHandlers(onPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus)),
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur)),
+    ...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__*/_jsx(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
+    })
+  });
+});
+//# sourceMappingURL=createCheckboxRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","composeEventHandlers","useFocus","usePress","dataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","createCheckboxRoot","BaseCheckbox","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","focusProps","pressProps","disabled","role","checked","hover","invalid","readonly","active","focus","indeterminate","focusVisible","value"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,85 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useFocusRing } from '@react-native-aria/focus';
+import { dataAttributes } from '../utils/dataAttributes';
+import { CheckboxProvider } from './context';
+import { useCheckboxRoot } from './useCheckboxRoot';
+
+// TODO: Label is taking focus on keyboard navigation
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/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
+  } = useCheckboxRoot(props, ref, {
+    useInputRefForAria: true
+  });
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+  return /*#__PURE__*/_jsx(BaseCheckbox, {
+    ...combinedProps,
+    ref: mergedRef,
+    role: "label"
+    // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
+    ,
+    accessibilityRole: "label",
+    ...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__*/_jsxs(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__*/_jsx(VisuallyHidden, {
+        children: /*#__PURE__*/_jsx("input", {
+          ...groupItemInputProps,
+          ...focusProps,
+          ref: inputRef
+        })
+      }), children]
+    })
+  });
+});
+//# sourceMappingURL=createCheckboxRoot.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","VisuallyHidden","useFocusRing","dataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","jsxs","_jsxs","createCheckboxRoot","BaseCheckbox","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useInputRefForAria","focusProps","role","accessibilityRole","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","value"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEA,OAAO,MAAMC,kBAAkB,GAAQC,YAAoC,iBACzEX,UAAU,CAAC,CAAC;EAAEY,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,GAAG7B,eAAe,CAACQ,KAAK,EAAEC,GAAG,EAAE;IAAEqB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEnB;EAAe,CAAC,GAAGf,YAAY,CAAC,CAAC;EAErD,oBACEK,IAAA,CAACI,YAAY;IAAA,GACNoB,aAAa;IAClBjB,GAAG,EAAEmB,SAAU;IACfI,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrBnC,cAAc,CAAC;MACjBoC,OAAO,EAAEpB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCmB,KAAK,EAAE1B,SAAS,IAAIC,aAAa;MACjC0B,OAAO,EAAEnB,SAAS,IAAIC,aAAa;MACnCmB,QAAQ,EAAElB,UAAU,IAAIC,cAAc;MACtCkB,MAAM,EAAEd,SAAS;MACjBe,KAAK,EAAEhB,SAAS;MAChBiB,aAAa,EAAEnB,eAAe,IAAIC,mBAAmB;MACrDmB,YAAY,EAAE9B;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEFH,KAAA,CAACL,gBAAgB;MACf4C,KAAK,EAAE;QACL7B,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,gBAEFL,IAAA,CAACN,cAAc;QAAAW,QAAA,eACbL,IAAA;UAAA,GAAWyB,mBAAmB;UAAA,GAAMI,UAAU;UAAEtB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/lib/module/checkbox/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { createCheckboxGroup } from './createCheckboxGroup';
+import { createCheckboxIcon } from './createCheckboxIcon';
+import { createCheckboxIndicator } from './createCheckboxIndicator';
+import { createCheckboxLabel } from './createCheckboxLabel';
+import { createCheckboxRoot } from './createCheckboxRoot';
+export function createCheckbox(BaseComponents) {
+  const Checkbox = createCheckboxRoot(BaseComponents.Root);
+  const Indicator = createCheckboxIndicator(BaseComponents.Indicator);
+  const Icon = createCheckboxIcon(BaseComponents.Icon);
+  const Label = createCheckboxLabel(BaseComponents.Label);
+  const Group = 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/module/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createCheckboxGroup","createCheckboxIcon","createCheckboxIndicator","createCheckboxLabel","createCheckboxRoot","createCheckbox","BaseComponents","Checkbox","Root","Indicator","Icon","Label","Group","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["checkbox/index.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AAYzD,OAAO,SAASC,cAAcA,CAAsCC,cAMnE,EAAE;EACD,MAAMC,QAAQ,GAAGH,kBAAkB,CAACE,cAAc,CAACE,IAAI,CAAC;EACxD,MAAMC,SAAS,GAAGP,uBAAuB,CAACI,cAAc,CAACG,SAAS,CAAC;EACnE,MAAMC,IAAI,GAAGT,kBAAkB,CAACK,cAAc,CAACI,IAAI,CAAC;EACpD,MAAMC,KAAK,GAAGR,mBAAmB,CAACG,cAAc,CAACK,KAAK,CAAC;EACvD,MAAMC,KAAK,GAAGZ,mBAAmB,CAACM,cAAc,CAACM,KAAK,CAAC;EAEvDL,QAAQ,CAACM,WAAW,GAAG,mBAAmB;EAC1CJ,SAAS,CAACI,WAAW,GAAG,6BAA6B;EACrDH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,KAAK,CAACE,WAAW,GAAG,yBAAyB;EAC7CD,KAAK,CAACC,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACR,QAAQ,EAAE;IAC7BE,SAAS;IACTC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/checkbox/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/lib/module/checkbox/useCheckboxRoot.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { useContext, useRef } from 'react';
+import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
+import { useCheckbox } from '@react-native-aria/checkbox';
+import { useHover } from '@react-native-aria/interactions';
+import { useToggleState } from '@react-stately/toggle';
+import { CheckboxGroupContext } from './context';
+export function useCheckboxRoot(props, ref, {
+  useInputRefForAria = false
+} = {}) {
+  const formControlContext = useFormControlContext();
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    ...combinedProps
+  } = {
+    ...formControlContext,
+    ...props
+  };
+  const checkboxGroupContext = useContext(CheckboxGroupContext);
+  const state = useToggleState({
+    ...combinedProps,
+    defaultSelected: props.defaultIsChecked,
+    isSelected: props.isChecked
+  });
+  const rootRef = useRef(null);
+  const inputRef = useRef(null);
+  const mergedRootRef = mergeRefs(ref, rootRef);
+  const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
+  const groupToggleState = 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
+  } = 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
+  } = useHover({}, rootRef);
+  return {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    groupItemInputProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    hoverProps,
+    mergedRef: mergedRootRef,
+    inputRef
+  };
+}
+//# sourceMappingURL=useCheckboxRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useCheckbox","useHover","useToggleState","CheckboxGroupContext","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","inputRef","mergedRootRef","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","isDisabled","checked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,oBAAoB,QAAQ,WAAW;AAOhD,OAAO,SAASC,eAAeA,CAC7BC,KAAqB,EACrBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA8B,CAAC,GAAG,CAAC,CAAC,EAC3D;EACA,MAAMC,kBAAkB,GAAGT,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAEU,SAAS;IAAEC,UAAU;IAAEC,eAAe;IAAE,GAAGC;EAAc,CAAC,GAAG;IACnE,GAAGJ,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMQ,oBAAoB,GAAGjB,UAAU,CAACO,oBAAoB,CAAC;EAE7D,MAAMW,KAAK,GAAGZ,cAAc,CAAC;IAC3B,GAAGU,aAAa;IAChBG,eAAe,EAAEV,KAAK,CAACW,gBAAgB;IACvCC,UAAU,EAAEZ,KAAK,CAACa;EACpB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGtB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMuB,QAAQ,GAAGvB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMwB,aAAa,GAAGvB,SAAS,CAACQ,GAAG,EAASa,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGV,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACW,KAAK,IAAI,UAAU;EAElF,MAAMC,gBAAgB,GAAGtB,cAAc,CACrCW,oBAAoB,GAChB;IACEH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;IAC/DO,UAAU,EAAEJ,oBAAoB,CAACC,KAAK,CAACG,UAAU,CAACL,aAAa,CAACW,KAAK,CAAC;IACtEE,QAAQA,CAACR,UAAmB,EAAE;MAC5B,IAAIA,UAAU,EAAE;QACdJ,oBAAoB,CAACC,KAAK,CAACY,QAAQ,CAACd,aAAa,CAACW,KAAK,CAAC;MAC1D,CAAC,MAAM;QACLV,oBAAoB,CAACC,KAAK,CAACa,WAAW,CAACf,aAAa,CAACW,KAAK,CAAC;MAC7D;MACAX,aAAa,CAACa,QAAQ,GAAGR,UAAU,CAAC;IACtC;EACF,CAAC,GACD;IAAEA,UAAU,EAAE;EAAM,CAC1B,CAAC;EAED,MAAM;IAAEW,UAAU,EAAEC;EAAoB,CAAC,GAAG7B,WAAW,CACrD;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEU,SAAS;IACvB,IAAIT,oBAAoB,IAAI;MAC1BH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;MAC/DoB,UAAU,EAAElB,aAAa,CAACkB,UAAU,IAAIjB,oBAAoB,CAACC,KAAK,CAACgB;IACrE,CAAC;EACH,CAAC,EACDjB,oBAAoB,GAAGW,gBAAgB,GAAGV,KAAK,EAC9CP,kBAAkB,GAAGa,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAEY,OAAO,EAAEb,SAAS;IAAEc,QAAQ,EAAEF;EAAW,CAAC,GAAGD,mBAAmB;EAExE,MAAM;IAAEI,UAAU;IAAEC;EAAU,CAAC,GAAGjC,QAAQ,CAAC,CAAC,CAAC,EAAEkB,OAAO,CAAC;EAEvD,OAAO;IACLP,aAAa;IACbH,SAAS;IACTC,UAAU;IACVC,eAAe;IACfkB,mBAAmB;IACnBX,SAAS;IACTY,UAAU;IACVI,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/dialog/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [DialogProvider, useDialog] = createContext('DialogContext');
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","DialogProvider","useDialog"],"sourceRoot":"../../../src","sources":["dialog/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,cAAc,EAAEC,SAAS,CAAC,GAAGF,aAAa,CAAqB,eAAe,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogBody.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogBody = BaseBody => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(BaseBody, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","createDialogBody","BaseBody","children","props","ref"],"sourceRoot":"../../../src","sources":["dialog/createDialogBody.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEJ,UAAU,CAA4B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,oBACEL,IAAA,CAACE,QAAQ;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC3BA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogClose.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogClose = BaseClose => /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = useDialog();
+  const handlePress = e => {
+    onPress?.(e);
+    onOpenChange(false);
+  };
+  if (asChild && /*#__PURE__*/React.isValidElement(children)) {
+    return /*#__PURE__*/React.cloneElement(children, {
+      onPress: handlePress
+    });
+  }
+  return /*#__PURE__*/_jsx(BaseClose, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogClose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useDialog","jsx","_jsx","createDialogClose","BaseClose","asChild","children","onPress","props","ref","onOpenChange","handlePress","e","isValidElement","cloneElement"],"sourceRoot":"../../../src","sources":["dialog/createDialogClose.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,OAAO,MAAMC,iBAAiB,GAAQC,SAAiC,iBACrEL,UAAU,CACR,CAAC;EAAEM,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGV,SAAS,CAAC,CAAC;EAEpC,MAAMW,WAAW,GAAIC,CAAO,IAAK;IAC/BL,OAAO,GAAGK,CAAC,CAAC;IACZF,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,IAAIL,OAAO,iBAAIP,KAAK,CAACe,cAAc,CAACP,QAAQ,CAAC,EAAE;IAC7C,oBAAOR,KAAK,CAACgB,YAAY,CAACR,QAAQ,EAA6B;MAC7DC,OAAO,EAAEI;IACX,CAAC,CAAC;EACJ;EAEA,oBACET,IAAA,CAACE,SAAS;IAACK,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAQD,OAAO,EAAEI,WAAY;IAAAL,QAAA,EACzDA;EAAQ,CACA,CAAC;AAEhB,CACF,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogContent.js

@@ -0,0 +1,136 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { Modal, Platform, StyleSheet, View } from 'react-native';
+import { FocusScope } from '@react-native-aria/focus';
+import { useEscapeKey } from '../overlay';
+import { createPortalFn } from '../utils/createPortal';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const createDialogContent = (BaseContent, BaseOverlay) => /*#__PURE__*/forwardRef(({
+  children,
+  forceMount = false,
+  ...props
+}, ref) => {
+  const {
+    open,
+    onOpenChange,
+    closeOnBackdropPress,
+    closeOnEscKey,
+    nativeID,
+    role
+  } = useDialog();
+  const handleClose = useCallback(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  useEscapeKey(open && closeOnEscKey, handleClose);
+  if (!(open || forceMount)) {
+    return null;
+  }
+  const overlayProps = {
+    ...(closeOnBackdropPress ? {
+      onPress: handleClose
+    } : {}),
+    accessible: false,
+    importantForAccessibility: 'no-hide-descendants',
+    ...dataAttributes({
+      slot: 'dialog-overlay'
+    })
+  };
+  const contentSlotAttrs = dataAttributes({
+    slot: 'dialog-content',
+    state: open ? 'open' : 'closed'
+  });
+  const ariaProps = {
+    role,
+    'aria-modal': true,
+    'aria-labelledby': `${nativeID}-title`,
+    'aria-describedby': `${nativeID}-description`
+  };
+  if (Platform.OS === 'web' && createPortalFn) {
+    return createPortalFn(/*#__PURE__*/_jsx(FocusScope, {
+      contain: open,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          position: 'fixed',
+          inset: 0,
+          zIndex: 50,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(BaseOverlay, {
+          ...overlayProps
+        }), /*#__PURE__*/_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__*/_jsx(Modal, {
+    visible: open,
+    transparent: true,
+    statusBarTranslucent: true,
+    onRequestClose: handleClose,
+    children: /*#__PURE__*/_jsx(FocusScope, {
+      contain: open,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.fill,
+        children: [/*#__PURE__*/_jsx(BaseOverlay, {
+          ...overlayProps
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.center,
+          pointerEvents: "box-none",
+          children: /*#__PURE__*/_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.
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=createDialogContent.js.map

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

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

package/lib/module/dialog/createDialogDescription.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogDescription = BaseDescription => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    nativeID
+  } = useDialog();
+  return /*#__PURE__*/_jsx(BaseDescription, {
+    ref: ref,
+    nativeID: `${nativeID}-description`,
+    ...props,
+    ...dataAttributes({
+      slot: 'dialog-description'
+    }),
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","useDialog","jsx","_jsx","createDialogDescription","BaseDescription","children","props","ref","nativeID","slot"],"sourceRoot":"../../../src","sources":["dialog/createDialogDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,MAAMC,uBAAuB,GAAQC,eAAuC,iBACjFN,UAAU,CAAmC,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC;EAAS,CAAC,GAAGR,SAAS,CAAC,CAAC;EAEhC,oBACEE,IAAA,CAACE,eAAe;IACdG,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAE,GAAGA,QAAQ,cAAe;IAAA,GAC/BF,KAAK;IAAA,GACNP,cAAc,CAAC;MAAEU,IAAI,EAAE;IAAqB,CAAC,CAAC;IAAAJ,QAAA,EAEjDA;EAAQ,CACM,CAAC;AAEtB,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogFooter.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogFooter = BaseFooter => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(BaseFooter, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","createDialogFooter","BaseFooter","children","props","ref"],"sourceRoot":"../../../src","sources":["dialog/createDialogFooter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,kBAAkB,GAAQC,UAAkC,iBACvEJ,UAAU,CAA8B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvE,oBACEL,IAAA,CAACE,UAAU;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC7BA;EAAQ,CACC,CAAC;AAEjB,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogHeader.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogHeader = BaseHeader => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(BaseHeader, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","createDialogHeader","BaseHeader","children","props","ref"],"sourceRoot":"../../../src","sources":["dialog/createDialogHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,kBAAkB,GAAQC,UAAkC,iBACvEJ,UAAU,CAA8B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvE,oBACEL,IAAA,CAACE,UAAU;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC7BA;EAAQ,CACC,CAAC;AAEjB,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogRoot.js

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