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

package/lib/module/radio/RadioRoot.web.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { mergeProps } from '@react-aria/utils';
+import { useFocusRing } from '@react-native-aria/focus';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { RadioProvider } from './context';
+import { useRadioRoot } from './useRadioRoot';
+
+// TODO: Keyboard focus is not working as expected
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const RadioRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isHovered: isHoveredProp,
+    isFocusVisible: isFocusVisibleProp,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    isFocused,
+    isPressed
+  } = props;
+  const {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    inputProps,
+    labelProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    mergedRef,
+    inputRef
+  } = useRadioRoot(props, ref, {
+    useInputRefForAria: true
+  });
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+  const contextValue = {
+    isChecked,
+    isDisabled: isDisabled || isDisabledProp,
+    isFocusVisible: isFocusVisible || isFocusVisibleProp,
+    isHovered: isHovered || isHoveredProp,
+    isInvalid: isInvalid || isInvalidProp,
+    isReadOnly: isReadOnly || isReadOnlyProp,
+    isPressed,
+    isFocused
+  };
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(RadioProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(Comp, {
+      ...mergeProps(combinedProps, labelProps, focusProps),
+      ref: mergedRef,
+      role: "label"
+      // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
+      ,
+      accessibilityRole: "label",
+      ...mergeDataAttributes(props, dataAttributes({
+        checked: isChecked,
+        disabled: isDisabled || isDisabledProp,
+        hover: isHovered || isHoveredProp,
+        invalid: isInvalid || isInvalidProp,
+        readonly: isReadOnly || isReadOnlyProp,
+        active: isPressed,
+        focus: isFocused,
+        focusVisible: isFocusVisible || isFocusVisibleProp
+      })),
+      children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+        children: /*#__PURE__*/_jsx("input", {
+          ...inputProps,
+          ref: inputRef
+        })
+      }), children]
+    })
+  });
+});
+RadioRoot.displayName = 'RadioRoot';
+//# sourceMappingURL=RadioRoot.web.js.map

package/lib/module/radio/RadioRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","VisuallyHidden","mergeProps","useFocusRing","Slot","dataAttributes","mergeDataAttributes","RadioProvider","useRadioRoot","jsx","_jsx","jsxs","_jsxs","RadioRoot","asChild","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isFocused","isPressed","combinedProps","inputProps","labelProps","isChecked","mergedRef","inputRef","useInputRefForAria","focusProps","contextValue","Comp","value","role","accessibilityRole","checked","disabled","hover","invalid","readonly","active","focus","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["radio/RadioRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,aAAa,QAAQ,WAAW;AAEzC,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMA,OAAO,MAAMC,SAAS,gBAAGd,UAAU,CACjC,CAAC;EAAEe,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS;IACTC;EACF,CAAC,GAAGb,KAAK;EAET,MAAM;IACJc,aAAa;IACbN,SAAS;IACTE,UAAU;IACVK,UAAU;IACVC,UAAU;IACVC,SAAS;IACTX,UAAU;IACVJ,SAAS;IACTgB,SAAS;IACTC;EACF,CAAC,GAAG3B,YAAY,CAACQ,KAAK,EAAEC,GAAG,EAAE;IAAEmB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE1D,MAAM;IAAEC,UAAU;IAAEjB;EAAe,CAAC,GAAGjB,YAAY,CAAC,CAAC;EAErD,MAAMmC,YAAgC,GAAG;IACvCL,SAAS;IACTX,UAAU,EAAEA,UAAU,IAAIC,cAAc;IACxCH,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;IACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCK,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;IACxCE,SAAS;IACTD;EACF,CAAC;EAED,MAAMW,IAAI,GAAGzB,OAAO,GAAGV,IAAI,GAAGJ,SAAS;EAEvC,oBACEU,IAAA,CAACH,aAAa;IAACiC,KAAK,EAAEF,YAAa;IAAAvB,QAAA,eACjCH,KAAA,CAAC2B,IAAI;MAAA,GACCrC,UAAU,CAAC4B,aAAa,EAASE,UAAU,EAASK,UAAiB,CAAC;MAC1EpB,GAAG,EAAEiB,SAAU;MACfO,IAAI,EAAC;MACL;MAAA;MACAC,iBAAiB,EAAC,OAAO;MAAA,GACrBpC,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;QACbsC,OAAO,EAAEV,SAAS;QAClBW,QAAQ,EAAEtB,UAAU,IAAIC,cAAc;QACtCsB,KAAK,EAAE3B,SAAS,IAAIC,aAAa;QACjC2B,OAAO,EAAEtB,SAAS,IAAIC,aAAa;QACnCsB,QAAQ,EAAErB,UAAU,IAAIC,cAAc;QACtCqB,MAAM,EAAEnB,SAAS;QACjBoB,KAAK,EAAErB,SAAS;QAChBsB,YAAY,EAAE9B,cAAc,IAAIC;MAClC,CAAC,CACH,CAAC;MAAAN,QAAA,gBAEDL,IAAA,CAACT,cAAc;QAAAc,QAAA,eACbL,IAAA;UAAA,GAAWqB,UAAU;UAAEd,GAAG,EAAEkB;QAAS,CAAE;MAAC,CAC1B,CAAC,EAChBpB,QAAQ;IAAA,CACL;EAAC,CACM,CAAC;AAEpB,CACF,CAAC;AAEDF,SAAS,CAACsC,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/radio/index.js

@@ -1,22 +1,6 @@
 "use strict";
 
-import { createRadioGroup } from './createRadioGroup';
-import { createRadioIndicator } from './createRadioIndicator';
-import { createRadioLabel } from './createRadioLabel';
-import { createRadioRoot } from './createRadioRoot';
-export function createRadio(BaseComponents) {
-  const Indicator = createRadioIndicator(BaseComponents.Indicator);
-  const Radio = createRadioRoot(BaseComponents.Root, Indicator);
-  const Label = createRadioLabel(BaseComponents.Label);
-  const Group = createRadioGroup(BaseComponents.Group);
-  Radio.displayName = 'RadioPrimitive';
-  Indicator.displayName = 'RadioPrimitive.Indicator';
-  Label.displayName = 'RadioPrimitive.Label';
-  Group.displayName = 'RadioPrimitive.Group';
-  return Object.assign(Radio, {
-    Indicator,
-    Label,
-    Group
-  });
-}
+export { useRadioContext } from './context';
+export { RadioRoot } from './RadioRoot';
+export { RadioGroup } from './RadioGroup';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createRadioGroup","createRadioIndicator","createRadioLabel","createRadioRoot","createRadio","BaseComponents","Indicator","Radio","Root","Label","Group","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["radio/index.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAAgCC,cAK1D,EAAE;EACD,MAAMC,SAAS,GAAGL,oBAAoB,CAACI,cAAc,CAACC,SAAS,CAAC;EAChE,MAAMC,KAAK,GAAGJ,eAAe,CAACE,cAAc,CAACG,IAAI,EAAEF,SAAS,CAAC;EAC7D,MAAMG,KAAK,GAAGP,gBAAgB,CAACG,cAAc,CAACI,KAAK,CAAC;EACpD,MAAMC,KAAK,GAAGV,gBAAgB,CAACK,cAAc,CAACK,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCL,SAAS,CAACK,WAAW,GAAG,0BAA0B;EAClDF,KAAK,CAACE,WAAW,GAAG,sBAAsB;EAC1CD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BD,SAAS;IACTG,KAAK;IACLC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["useRadioContext","RadioRoot","RadioGroup"],"sourceRoot":"../../../src","sources":["radio/index.ts"],"mappings":";;AAEA,SAASA,eAAe,QAAQ,WAAW;AAC3C,SAASC,SAAS,QAA6B,aAAa;AAC5D,SAASC,UAAU,QAAkC,cAAc","ignoreList":[]}

package/lib/module/select/{createSelectContent.js → SelectContent.js}

@@ -1,16 +1,18 @@
 "use strict";
 
-import { forwardRef, useCallback, useRef } from 'react';
-import { Platform, ScrollView } from 'react-native';
+import React, { forwardRef, useCallback, useRef } from 'react';
+import { Platform, ScrollView, View } from 'react-native';
 import { FadeIn, FadeOut } from 'react-native-reanimated';
 import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
 import { OverlayContainer, useAnchorPosition, useDismissOverlay, useOverlayPosition } from '../overlay';
-import { dataAttributes } from '../utils/dataAttributes';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
 import { useSelectContext } from './context';
 import { useContentFocus } from './useContentFocus';
 import { useListboxNavigation } from './useListboxNavigation';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const createSelectContent = BaseContent => /*#__PURE__*/forwardRef(({
+export const SelectContent = /*#__PURE__*/forwardRef(({
+  asChild,
   children,
   enteringAnimation,
   exitingAnimation,
@@ -41,7 +43,7 @@ export const createSelectContent = BaseContent => /*#__PURE__*/forwardRef(({
     }
   }, []);
   const mergedRef = mergeRefs(ref, focusOnMount);
-  const dismiss = () => setOpen(false);
+  const dismiss = useCallback(() => setOpen(false), [setOpen]);
   const anchorLayout = useAnchorPosition(triggerRef, open);
   const position = useOverlayPosition(anchorLayout);
   useDismissOverlay(open, contentRef, [triggerRef], dismiss);
@@ -71,21 +73,21 @@ export const createSelectContent = BaseContent => /*#__PURE__*/forwardRef(({
     onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown),
     tabIndex: -1
   } : {};
+  const Comp = asChild ? Slot : View;
   return /*#__PURE__*/_jsx(OverlayContainer, {
     onDismiss: dismiss,
     entering: enteringAnimation ?? FadeIn.duration(150),
     exiting: exitingAnimation ?? FadeOut.duration(100),
     style: position.style,
-    children: /*#__PURE__*/_jsx(BaseContent, {
+    children: /*#__PURE__*/_jsx(Comp, {
       ref: mergedRef,
       role: "listbox",
       id: contentId,
       "aria-labelledby": triggerId,
-      ...dataAttributes({
-        state: 'open',
-        slot: 'select-content'
-      }),
       ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        state: 'open'
+      })),
       ...webProps,
       children: /*#__PURE__*/_jsx(ScrollView, {
         scrollEventThrottle: 16,
@@ -94,4 +96,5 @@ export const createSelectContent = BaseContent => /*#__PURE__*/forwardRef(({
     })
   });
 });
-//# sourceMappingURL=createSelectContent.js.map
+SelectContent.displayName = 'SelectContent';
+//# sourceMappingURL=SelectContent.js.map

package/lib/module/select/SelectContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useRef","Platform","ScrollView","View","FadeIn","FadeOut","composeEventHandlers","mergeRefs","OverlayContainer","useAnchorPosition","useDismissOverlay","useOverlayPosition","Slot","dataAttributes","mergeDataAttributes","useSelectContext","useContentFocus","useListboxNavigation","jsx","_jsx","SelectContent","asChild","children","enteringAnimation","exitingAnimation","props","ref","open","setOpen","contentId","triggerId","activeValue","setActiveValue","value","onValueChange","native","triggerRef","items","contentRef","focusOnMount","node","current","OS","requestAnimationFrame","setTimeout","focus","mergedRef","dismiss","anchorLayout","position","handleKeyDown","onSelect","val","onDismiss","webProps","onKeyDown","tabIndex","Comp","entering","duration","exiting","style","role","id","state","scrollEventThrottle","displayName"],"sourceRoot":"../../../src","sources":["select/SelectContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/select/{createSelectItem.js → SelectItem.js}

@@ -1,13 +1,16 @@
 "use strict";
 
 import { forwardRef, useCallback, useMemo } from 'react';
+import { Pressable } from 'react-native';
 import { composeEventHandlers } from '@cdx-ui/utils';
 import { useFocus, useFocusRing } from '@react-native-aria/focus';
 import { useHover, usePress } from '@react-native-aria/interactions';
-import { dataAttributes } from '../utils/dataAttributes';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
 import { SelectItemProvider, useSelectContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
+export const SelectItem = /*#__PURE__*/forwardRef(({
+  asChild,
   children,
   value: itemValue,
   disabled: disabledProp = false,
@@ -54,34 +57,34 @@ export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
     }
   }, [disabled, itemValue, onValueChange, setOpen]);
   const interactionState = useMemo(() => ({
-    hover: isHoveredProp || isHovered,
-    focus: isFocusedProp || isFocused,
-    active: isActiveProp || isActive,
+    hover: !!(isHoveredProp || isHovered),
+    focus: !!(isFocusedProp || isFocused),
+    active: !!(isActiveProp || isActive),
     disabled: !!disabled,
-    focusVisible: isFocusVisibleProp || isFocusVisible,
+    focusVisible: !!(isFocusVisibleProp || isFocusVisible),
     highlighted,
     checked
   }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, checked]);
+  const Comp = asChild ? Slot : Pressable;
   return /*#__PURE__*/_jsx(SelectItemProvider, {
     value: interactionState,
-    children: /*#__PURE__*/_jsx(BaseItem, {
+    children: /*#__PURE__*/_jsx(Comp, {
       ref: ref,
       role: "option",
       id: `${contentId}-option-${itemValue}`,
       "aria-selected": checked,
       "aria-disabled": disabled,
-      ...dataAttributes({
+      disabled: disabled,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
         hover: interactionState.hover,
         focus: interactionState.focus,
         active: interactionState.active,
         disabled: interactionState.disabled,
         focusVisible: interactionState.focusVisible,
         highlighted: interactionState.highlighted,
-        state: checked ? 'checked' : 'unchecked',
-        slot: 'select-item'
-      }),
-      disabled: disabled,
-      ...props,
+        state: checked ? 'checked' : 'unchecked'
+      })),
       onPress: composeEventHandlers(props?.onPress, handlePress),
       onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
       onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
@@ -93,4 +96,5 @@ export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
     })
   });
 });
-//# sourceMappingURL=createSelectItem.js.map
+SelectItem.displayName = 'SelectItem';
+//# sourceMappingURL=SelectItem.js.map

package/lib/module/select/SelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","Pressable","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","SelectItemProvider","useSelectContext","jsx","_jsx","SelectItem","asChild","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","setOpen","activeValue","contentId","contextDisabled","checked","highlighted","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","interactionState","hover","focus","active","focusVisible","Comp","role","id","state","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["select/SelectItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/select/{createSelectRoot.js → SelectRoot.js}

@@ -1,11 +1,14 @@
 "use strict";
 
 import { forwardRef, useCallback, useId, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
 import { useControllableState, useFormControl } from '@cdx-ui/utils';
-import { dataAttributes } from '../utils/dataAttributes';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
 import { SelectProvider } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const createSelectRoot = BaseRoot => /*#__PURE__*/forwardRef(({
+export const SelectRoot = /*#__PURE__*/forwardRef(({
+  asChild,
   children,
   items,
   value: valueProp,
@@ -78,20 +81,21 @@ export const createSelectRoot = BaseRoot => /*#__PURE__*/forwardRef(({
     accessibilityLabel,
     ariaDescribedBy
   }), [open, items, setOpen, value, setValue, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, activeValue, accessibilityLabel, ariaDescribedBy]);
+  const Comp = asChild ? Slot : View;
   return /*#__PURE__*/_jsx(SelectProvider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(BaseRoot, {
+    children: /*#__PURE__*/_jsx(Comp, {
       ref: ref,
       ...props,
-      ...dataAttributes({
-        slot: 'select',
+      ...mergeDataAttributes(props, dataAttributes({
         disabled: isEffectivelyDisabled,
         required: isEffectivelyRequired,
         invalid: isEffectivelyInvalid,
         readonly: isEffectivelyReadOnly
-      }),
+      })),
       children: children
     })
   });
 });
-//# sourceMappingURL=createSelectRoot.js.map
+SelectRoot.displayName = 'SelectRoot';
+//# sourceMappingURL=SelectRoot.js.map

package/lib/module/select/SelectRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","useState","View","useControllableState","useFormControl","Slot","dataAttributes","mergeDataAttributes","SelectProvider","jsx","_jsx","SelectRoot","asChild","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","newOpen","activeValue","setActiveValue","triggerRef","reactId","triggerId","id","contentId","ariaDescribedBy","contextValue","invalid","Comp","readonly","displayName"],"sourceRoot":"../../../src","sources":["select/SelectRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/select/SelectTrigger.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useSelectTrigger } from './useSelectTrigger';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SelectTrigger = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isHovered,
+  isActive,
+  isFocused,
+  isFocusVisible,
+  isDisabled,
+  'aria-describedby': ariaDescribedBy,
+  onPress,
+  onPressIn,
+  onPressOut,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) => {
+  const {
+    ariaProps,
+    dataAttrValues,
+    mergedRef,
+    handlers,
+    interactionState
+  } = useSelectTrigger(ref, {
+    asChild,
+    isHovered,
+    isActive,
+    isFocused,
+    isFocusVisible,
+    isDisabled,
+    ariaDescribedBy,
+    onPress,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: rest.onKeyDown
+  });
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: mergedRef,
+    ...ariaProps,
+    ...rest,
+    ...mergeDataAttributes(rest, dataAttributes(dataAttrValues)),
+    onPress: handlers.onPress,
+    onPressIn: handlers.onPressIn,
+    onPressOut: handlers.onPressOut,
+    onHoverIn: handlers.onHoverIn,
+    onHoverOut: handlers.onHoverOut,
+    onFocus: handlers.onFocus,
+    onBlur: handlers.onBlur,
+    children: typeof children === 'function' ? children(interactionState) : children
+  });
+});
+SelectTrigger.displayName = 'SelectTrigger';
+//# sourceMappingURL=SelectTrigger.js.map

package/lib/module/select/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Pressable","Slot","dataAttributes","mergeDataAttributes","useSelectTrigger","jsx","_jsx","SelectTrigger","asChild","children","isHovered","isActive","isFocused","isFocusVisible","isDisabled","ariaDescribedBy","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","rest","ref","ariaProps","dataAttrValues","mergedRef","handlers","interactionState","onKeyDown","Comp","displayName"],"sourceRoot":"../../../src","sources":["select/SelectTrigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2C,OAAO;AAC5E,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,SAAS;AAE9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAE7E,SAASC,gBAAgB,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtD,OAAO,MAAMC,aAAa,gBAAGR,UAAU,CACrC,CACE;EACES,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,cAAc;EACdC,UAAU;EACV,kBAAkB,EAAEC,eAAe;EACnCC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,MAAM;EACN,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAGzB,gBAAgB,CAC3FoB,GAAG,EACH;IACEhB,OAAO;IACPE,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,cAAc;IACdC,UAAU;IACVC,eAAe;IACfC,OAAO;IACPC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,OAAO,EAAEA,OAA0C;IACnDC,MAAM,EAAEA,MAAyC;IACjDQ,SAAS,EAAGP,IAAI,CAAgDO;EAClE,CACF,CAAC;EAED,MAAMC,IAAI,GAAGvB,OAAO,GAAGP,IAAI,GAAGD,SAAS;EAEvC,oBACEM,IAAA,CAACyB,IAAI;IACHP,GAAG,EAAEG,SAAU;IAAA,GACXF,SAAS;IAAA,GACTF,IAAI;IAAA,GACJpB,mBAAmB,CACrBoB,IAAI,EACJrB,cAAc,CAACwB,cAAyE,CAC1F,CAAC;IACDV,OAAO,EAAEY,QAAQ,CAACZ,OAAQ;IAC1BC,SAAS,EAAEW,QAAQ,CAACX,SAAU;IAC9BC,UAAU,EAAEU,QAAQ,CAACV,UAAW;IAChCC,SAAS,EAAES,QAAQ,CAACT,SAAU;IAC9BC,UAAU,EAAEQ,QAAQ,CAACR,UAAW;IAChCC,OAAO,EAAEO,QAAQ,CAACP,OAAQ;IAC1BC,MAAM,EAAEM,QAAQ,CAACN,MAAO;IAAAb,QAAA,EAEvB,OAAOA,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAACoB,gBAAgB,CAAC,GAAGpB;EAAQ,CACnE,CAAC;AAEX,CACF,CAAC;AAEDF,aAAa,CAACyB,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/select/SelectTrigger.web.js

@@ -0,0 +1,170 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { StyleSheet } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { domDataAttributes } from '../utils/domDataAttributes';
+import { useSelectTrigger } from './useSelectTrigger';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Props that must not be forwarded to a DOM `<button>`. */
+const OMIT = new Set(['hitSlop', 'pressRetentionOffset', 'android_ripple', 'android_disableSound', 'unstable_pressDelay', 'onLongPress', 'delayLongPress', 'onPress', 'onPressIn', 'onPressOut', 'onHoverIn', 'onHoverOut', 'onKeyDown', 'onFocus', 'onBlur', 'disabled', 'style', 'className', 'testID', 'children', 'accessible', 'accessibilityActions', 'accessibilityElementsHidden', 'accessibilityHint', 'accessibilityIgnoresInvertColors', 'accessibilityLabel', 'accessibilityLabelledBy', 'accessibilityLiveRegion', 'accessibilityRole', 'accessibilityState', 'accessibilityValue', 'accessibilityViewIsModal', 'importantForAccessibility', 'needsOffscreenAlphaCompositing', 'collapsable', 'shouldRasterizeIOS', 'removeClippedSubviews', 'onAccessibilityAction', 'onAccessibilityEscape', 'onAccessibilityTap', 'dataSet']);
+function filterDomProps(rest) {
+  const entries = Object.entries(rest).filter(([key]) => !OMIT.has(key));
+  return Object.fromEntries(entries);
+}
+
+/** UA `<button>` defaults (centered text, inline sizing) fight our flex + `justify-between` layout. */
+const webButtonLayoutStyle = {
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  width: '100%',
+  minWidth: 0,
+  textAlign: 'start',
+  boxSizing: 'border-box',
+  margin: 0,
+  font: 'inherit',
+  lineHeight: 'normal',
+  WebkitAppearance: 'none',
+  appearance: 'none'
+};
+
+/**
+ * Native `<button type="button">` so the trigger is HTML-labelable (`<label htmlFor>` focuses it).
+ * `Pressable` on web is a non-labelable div; the native `<button>` makes label-association work.
+ */
+export const SelectTrigger = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isHovered,
+  isActive,
+  isFocused,
+  isFocusVisible,
+  isDisabled,
+  'aria-describedby': ariaDescribedBy,
+  onPress,
+  onPressIn,
+  onPressOut,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) => {
+  const consumerOnKeyDown = rest.onKeyDown;
+  const {
+    ariaProps,
+    dataAttrValues,
+    mergedRef,
+    handlers,
+    interactionState
+  } = useSelectTrigger(ref, {
+    asChild,
+    isHovered,
+    isActive,
+    isFocused,
+    isFocusVisible,
+    isDisabled,
+    ariaDescribedBy,
+    onPress,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: consumerOnKeyDown
+  });
+
+  /**
+   * `asChild` path: forward Pressable-style props through `Slot` so consumers can substitute
+   * another Forge primitive (IconButton, Chip, Button) — all of which forward Pressable-shaped
+   * handlers to an underlying RNW `Pressable`. We pass data attributes in the RN/RNW `dataSet`
+   * form (not the flat DOM `data-*` form used by the `<button>` host below) because the
+   * substituted component is RN/RNW-shaped — RNW translates `dataSet` to DOM `data-*` keys.
+   *
+   * The label-focus bridge mount is owned by the hook: on web with `asChild=true` the
+   * substituted element renders `<div role="button">` instead of `<button>`, which breaks
+   * native `<label htmlFor>` association — the hook registers the bridge on `field.inputRef`
+   * so `Form.Label` still focuses the trigger.
+   *
+   * NOTE — `data-slot` overlap: the substituted component carries its own `data-slot`
+   * (e.g. `button`, `icon-button`, `chip`) which will end up on the merged element. The
+   * `select-trigger` `data-slot` arriving via `props` may be overridden depending on merge
+   * order. Styled-layer selectors that need guaranteed `select-trigger` access should
+   * attach a wrapper around the trigger rather than relying on `data-slot`.
+   */
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot, {
+      ref: mergedRef,
+      ...ariaProps,
+      ...rest,
+      ...mergeDataAttributes(rest, dataAttributes(dataAttrValues)),
+      onPress: handlers.onPress,
+      onPressIn: handlers.onPressIn,
+      onPressOut: handlers.onPressOut,
+      onHoverIn: handlers.onHoverIn,
+      onHoverOut: handlers.onHoverOut,
+      onFocus: handlers.onFocus,
+      onBlur: handlers.onBlur,
+      onKeyDown: handlers.onKeyDown,
+      children: typeof children === 'function' ? children(interactionState) : children
+    });
+  }
+  const dataAttrs = domDataAttributes(dataAttrValues);
+
+  /**
+   * Native `<button>` host so the trigger is HTML-labelable. We map Pressable-style handlers
+   * to DOM events at the boundary, filter out RN-only props, and apply the layout shim that
+   * neutralizes UA `<button>` defaults that fight our flex + `justify-between` layout.
+   */
+  const {
+    style,
+    className,
+    testID,
+    ...buttonRest
+  } = rest;
+  const domProps = filterDomProps(buttonRest);
+  const flattened = StyleSheet.flatten(style);
+  return /*#__PURE__*/_jsx("button", {
+    ref: mergedRef,
+    ...domProps,
+    ...dataAttrs,
+    type: "button",
+    ...ariaProps,
+    className: typeof className === 'string' ? className : undefined,
+    style: {
+      ...webButtonLayoutStyle,
+      ...(flattened ?? {})
+    },
+    "data-testid": testID,
+    onClick: e => {
+      if (!ariaProps.disabled) {
+        handlers.onPress(e);
+      }
+    },
+    onPointerDown: e => {
+      handlers.onPressIn(e);
+    },
+    onPointerUp: e => {
+      handlers.onPressOut(e);
+    },
+    onPointerCancel: e => {
+      handlers.onPressOut(e);
+    },
+    onFocus: e => {
+      handlers.onFocus(e);
+    },
+    onBlur: e => {
+      handlers.onBlur(e);
+    },
+    onKeyDown: e => {
+      handlers.onKeyDown(e);
+    },
+    children: typeof children === 'function' ? children(interactionState) : children
+  });
+});
+SelectTrigger.displayName = 'SelectTrigger';
+//# sourceMappingURL=SelectTrigger.web.js.map

package/lib/module/select/SelectTrigger.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","StyleSheet","Slot","dataAttributes","mergeDataAttributes","domDataAttributes","useSelectTrigger","jsx","_jsx","OMIT","Set","filterDomProps","rest","entries","Object","filter","key","has","fromEntries","webButtonLayoutStyle","display","flexDirection","alignItems","justifyContent","width","minWidth","textAlign","boxSizing","margin","font","lineHeight","WebkitAppearance","appearance","SelectTrigger","asChild","children","isHovered","isActive","isFocused","isFocusVisible","isDisabled","ariaDescribedBy","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","ref","consumerOnKeyDown","onKeyDown","ariaProps","dataAttrValues","mergedRef","handlers","interactionState","dataAttrs","style","className","testID","buttonRest","domProps","flattened","flatten","type","undefined","onClick","e","disabled","onPointerDown","onPointerUp","onPointerCancel","displayName"],"sourceRoot":"../../../src","sources":["select/SelectTrigger.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/select/context.js

@@ -3,16 +3,9 @@
 import { createContext } from '@cdx-ui/utils';
 export const [SelectProvider, useSelectContext] = createContext('SelectContext');
 
-/**
- * Propagates the trigger's interaction state (hover, focus, active, etc.) to
- * child components like SelectValue and SelectIcon so they can apply matching
- * data-attribute styles.
- */
-export const [SelectTriggerProvider, useSelectTriggerContext] = createContext('SelectTriggerContext');
-
 /**
  * Propagates the item's interaction and selection state (hover, focus, active,
- * highlighted, checked, etc.) to child components like SelectItemLabel.
+ * highlighted, checked, etc.) to child slots like `Select.ItemLabel`.
  */
 export const [SelectItemProvider, useSelectItemContext] = createContext('SelectItemContext');
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","SelectProvider","useSelectContext","SelectTriggerProvider","useSelectTriggerContext","SelectItemProvider","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAI7C,OAAO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7CF,aAAa,CAAqB,eAAe,CAAC;;AAEpD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACG,qBAAqB,EAAEC,uBAAuB,CAAC,GAC3DJ,aAAa,CAAmB,sBAAsB,CAAC;;AAEzD;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACK,kBAAkB,EAAEC,oBAAoB,CAAC,GACrDN,aAAa,CAA6B,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","SelectProvider","useSelectContext","SelectItemProvider","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7CF,aAAa,CAAqB,eAAe,CAAC;;AAEpD;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACG,kBAAkB,EAAEC,oBAAoB,CAAC,GACrDJ,aAAa,CAA6B,mBAAmB,CAAC","ignoreList":[]}