@cdx-ui/primitives 0.0.1-alpha.1

package/lib/commonjs/select/createSelectContent.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelectContent = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _utils = require("@cdx-ui/utils");
+var _overlay = require("../overlay");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useContentFocus = require("./useContentFocus");
+var _useListboxNavigation = require("./useListboxNavigation");
+var _jsxRuntime = require("react/jsx-runtime");
+const createSelectContent = BaseContent => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  enteringAnimation,
+  exitingAnimation,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    contentId,
+    triggerId,
+    activeValue,
+    setActiveValue,
+    value,
+    onValueChange,
+    native,
+    triggerRef,
+    items
+  } = (0, _context.useSelectContext)();
+  const contentRef = (0, _react.useRef)(null);
+  const focusOnMount = (0, _react.useCallback)(node => {
+    contentRef.current = node;
+    if (node && _reactNative.Platform.OS === 'web') {
+      requestAnimationFrame(() => {
+        setTimeout(() => {
+          node.focus?.();
+        }, 100);
+      });
+    }
+  }, []);
+  const mergedRef = (0, _utils.mergeRefs)(ref, focusOnMount);
+  const dismiss = () => setOpen(false);
+  const anchorLayout = (0, _overlay.useAnchorPosition)(triggerRef, open);
+  const position = (0, _overlay.useOverlayPosition)(anchorLayout);
+  (0, _overlay.useDismissOverlay)(open, contentRef, [triggerRef], dismiss);
+  const {
+    handleKeyDown
+  } = (0, _useListboxNavigation.useListboxNavigation)({
+    items,
+    activeValue,
+    setActiveValue,
+    onSelect: val => {
+      onValueChange(val);
+      setOpen(false);
+    },
+    onDismiss: dismiss
+  });
+  (0, _useContentFocus.useContentFocus)({
+    open,
+    triggerRef,
+    items,
+    value,
+    setActiveValue
+  });
+  if (native || !open || !position) {
+    return null;
+  }
+  const webProps = _reactNative.Platform.OS === 'web' ? {
+    onKeyDown: (0, _utils.composeEventHandlers)(props.onKeyDown, handleKeyDown),
+    tabIndex: -1
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.OverlayContainer, {
+    onDismiss: dismiss,
+    entering: enteringAnimation ?? _reactNativeReanimated.FadeIn.duration(150),
+    exiting: exitingAnimation ?? _reactNativeReanimated.FadeOut.duration(100),
+    style: position.style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
+      ref: mergedRef,
+      role: "listbox",
+      id: contentId,
+      "aria-labelledby": triggerId,
+      ...(0, _dataAttributes.dataAttributes)({
+        state: 'open',
+        slot: 'select-content'
+      }),
+      ...props,
+      ...webProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        scrollEventThrottle: 16,
+        children: children
+      })
+    })
+  });
+});
+exports.createSelectContent = createSelectContent;
+//# sourceMappingURL=createSelectContent.js.map

package/lib/commonjs/select/createSelectContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_utils","_overlay","_dataAttributes","_context","_useContentFocus","_useListboxNavigation","_jsxRuntime","createSelectContent","BaseContent","forwardRef","children","enteringAnimation","exitingAnimation","props","ref","open","setOpen","contentId","triggerId","activeValue","setActiveValue","value","onValueChange","native","triggerRef","items","useSelectContext","contentRef","useRef","focusOnMount","useCallback","node","current","Platform","OS","requestAnimationFrame","setTimeout","focus","mergedRef","mergeRefs","dismiss","anchorLayout","useAnchorPosition","position","useOverlayPosition","useDismissOverlay","handleKeyDown","useListboxNavigation","onSelect","val","onDismiss","useContentFocus","webProps","onKeyDown","composeEventHandlers","tabIndex","jsx","OverlayContainer","entering","FadeIn","duration","exiting","FadeOut","style","role","id","dataAttributes","state","slot","ScrollView","scrollEventThrottle","exports"],"sourceRoot":"../../../src","sources":["select/createSelectContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/select/createSelectIcon.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelectIcon = void 0;
+var _react = require("react");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createSelectIcon = BaseIcon => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible
+  } = (0, _context.useSelectTriggerContext)();
+  const {
+    required,
+    invalid,
+    readOnly
+  } = (0, _context.useSelectContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseIcon, {
+    ref: ref,
+    ...(0, _dataAttributes.dataAttributes)({
+      hover,
+      focus,
+      active,
+      disabled,
+      focusVisible,
+      required,
+      invalid,
+      readonly: readOnly,
+      slot: 'select-icon'
+    }),
+    ...props
+  });
+});
+exports.createSelectIcon = createSelectIcon;
+//# sourceMappingURL=createSelectIcon.js.map

package/lib/commonjs/select/createSelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createSelectIcon","BaseIcon","forwardRef","props","ref","hover","focus","active","disabled","focusVisible","useSelectTriggerContext","required","invalid","readOnly","useSelectContext","jsx","dataAttributes","readonly","slot","exports"],"sourceRoot":"../../../src","sources":["select/createSelectIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAsE,IAAAG,WAAA,GAAAH,OAAA;AAE/D,MAAMI,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAAC,CAACC,KAAU,EAAEC,GAAS,KAAK;EACpC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAClF,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAE1D,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACd,QAAQ;IACPG,GAAG,EAAEA,GAAI;IAAA,GACL,IAAAY,8BAAc,EAAC;MACjBX,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZE,QAAQ;MACRC,OAAO;MACPK,QAAQ,EAAEJ,QAAQ;MAClBK,IAAI,EAAE;IACR,CAAC,CAAC;IAAA,GACGf;EAAK,CACX,CAAC;AAEN,CAAC,CAAC;AAACgB,OAAA,CAAAnB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/select/createSelectItem.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelectItem = 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 _jsxRuntime = require("react/jsx-runtime");
+const createSelectItem = BaseItem => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  value: itemValue,
+  disabled: disabledProp = false,
+  isHovered: isHoveredProp,
+  isActive: isActiveProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isDisabled: isDisabledProp,
+  ...props
+}, ref) => {
+  const {
+    value: selectedValue,
+    onValueChange,
+    setOpen,
+    activeValue,
+    contentId,
+    disabled: contextDisabled
+  } = (0, _context.useSelectContext)();
+  const disabled = contextDisabled || !!disabledProp || !!isDisabledProp;
+  const checked = selectedValue === itemValue;
+  const highlighted = activeValue === itemValue;
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = (0, _interactions.usePress)({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)();
+  const handlePress = (0, _react.useCallback)(() => {
+    if (!disabled) {
+      onValueChange(itemValue);
+      setOpen(false);
+    }
+  }, [disabled, itemValue, onValueChange, setOpen]);
+  const interactionState = (0, _react.useMemo)(() => ({
+    hover: isHoveredProp || isHovered,
+    focus: isFocusedProp || isFocused,
+    active: isActiveProp || isActive,
+    disabled: !!disabled,
+    focusVisible: isFocusVisibleProp || isFocusVisible,
+    highlighted,
+    checked
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, checked]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectItemContext.Provider, {
+    value: interactionState,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseItem, {
+      ref: ref,
+      role: "option",
+      id: `${contentId}-option-${itemValue}`,
+      "aria-selected": checked,
+      "aria-disabled": disabled,
+      ...(0, _dataAttributes.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,
+      onPress: (0, _utils.composeEventHandlers)(props?.onPress, handlePress),
+      onPressIn: (0, _utils.composeEventHandlers)(props?.onPressIn, pressProps.onPressIn),
+      onPressOut: (0, _utils.composeEventHandlers)(props?.onPressOut, pressProps.onPressOut),
+      onHoverIn: (0, _utils.composeEventHandlers)(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: (0, _utils.composeEventHandlers)(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+exports.createSelectItem = createSelectItem;
+//# sourceMappingURL=createSelectItem.js.map

package/lib/commonjs/select/createSelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createSelectItem","BaseItem","forwardRef","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","setOpen","activeValue","contentId","contextDisabled","useSelectContext","checked","highlighted","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","interactionState","useMemo","hover","focus","active","focusVisible","jsx","SelectItemContext","Provider","role","id","dataAttributes","state","slot","onPress","composeEventHandlers","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["select/createSelectItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/select/createSelectItemLabel.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelectItemLabel = void 0;
+var _react = require("react");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createSelectItemLabel = BaseItemLabel => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible,
+    highlighted,
+    checked
+  } = (0, _context.useSelectItemContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseItemLabel, {
+    ref: ref,
+    ...props,
+    ...(0, _dataAttributes.dataAttributes)({
+      hover,
+      focus,
+      active,
+      disabled,
+      focusVisible,
+      highlighted,
+      state: checked ? 'checked' : 'unchecked',
+      slot: 'select-item-label'
+    }),
+    children: children
+  });
+});
+exports.createSelectItemLabel = createSelectItemLabel;
+//# sourceMappingURL=createSelectItemLabel.js.map

package/lib/commonjs/select/createSelectItemLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createSelectItemLabel","BaseItemLabel","forwardRef","children","props","ref","hover","focus","active","disabled","focusVisible","highlighted","checked","useSelectItemContext","jsx","dataAttributes","state","slot","exports"],"sourceRoot":"../../../src","sources":["select/createSelectItemLabel.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAG1C,MAAMI,qBAAqB,GAAQC,aAAqC,iBAC7E,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA6B,CAAC,EAAEC,GAAS,KAAK;EACvE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAC1E,IAAAC,6BAAoB,EAAC,CAAC;EAExB,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAACb,aAAa;IACZI,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACN,IAAAW,8BAAc,EAAC;MACjBT,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZC,WAAW;MACXK,KAAK,EAAEJ,OAAO,GAAG,SAAS,GAAG,WAAW;MACxCK,IAAI,EAAE;IACR,CAAC,CAAC;IAAAd,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAACe,OAAA,CAAAlB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/commonjs/select/createSelectRoot.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelectRoot = void 0;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createSelectRoot = BaseRoot => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  items,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  disabled = false,
+  isRequired,
+  isInvalid,
+  isReadOnly,
+  native = false,
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const formControlProps = (0, _utils.useFormControl)({
+    isDisabled: disabled,
+    isRequired,
+    isInvalid,
+    isReadOnly
+  });
+  const isEffectivelyDisabled = !!formControlProps.disabled;
+  const isEffectivelyRequired = !!formControlProps.required;
+  const isEffectivelyInvalid = !!formControlProps['aria-invalid'];
+  const isEffectivelyReadOnly = !!formControlProps.readOnly;
+  const [value, setValue] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: newValue => {
+      if (newValue !== undefined) {
+        onValueChange?.(newValue);
+      }
+    }
+  });
+  const [open, setOpenState] = (0, _utils.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const setOpen = (0, _react.useCallback)(newOpen => {
+    if ((isEffectivelyDisabled || isEffectivelyReadOnly) && newOpen) {
+      return;
+    }
+    setOpenState(newOpen);
+  }, [isEffectivelyDisabled, isEffectivelyReadOnly, setOpenState]);
+  const [activeValue, setActiveValue] = (0, _react.useState)(undefined);
+  const triggerRef = (0, _react.useRef)(null);
+  const id = (0, _react.useId)();
+  const triggerId = `select-trigger-${id}`;
+  const contentId = `select-content-${id}`;
+  const contextValue = (0, _react.useMemo)(() => ({
+    open: open ?? false,
+    items,
+    setOpen,
+    value,
+    onValueChange: setValue,
+    disabled: isEffectivelyDisabled,
+    required: isEffectivelyRequired,
+    invalid: isEffectivelyInvalid,
+    readOnly: isEffectivelyReadOnly,
+    native,
+    triggerRef,
+    contentId,
+    triggerId,
+    activeValue,
+    setActiveValue,
+    accessibilityLabel
+  }), [open, items, setOpen, value, setValue, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, activeValue, accessibilityLabel]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRoot, {
+      ref: ref,
+      ...props,
+      ...(0, _dataAttributes.dataAttributes)({
+        slot: 'select',
+        disabled: isEffectivelyDisabled,
+        required: isEffectivelyRequired,
+        invalid: isEffectivelyInvalid,
+        readonly: isEffectivelyReadOnly
+      }),
+      children: children
+    })
+  });
+});
+exports.createSelectRoot = createSelectRoot;
+//# sourceMappingURL=createSelectRoot.js.map

package/lib/commonjs/select/createSelectRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_dataAttributes","_context","_jsxRuntime","createSelectRoot","BaseRoot","forwardRef","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","useFormControl","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","useControllableState","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","useCallback","newOpen","activeValue","setActiveValue","useState","triggerRef","useRef","id","useId","triggerId","contentId","contextValue","useMemo","invalid","jsx","SelectContext","Provider","dataAttributes","slot","readonly","exports"],"sourceRoot":"../../../src","sources":["select/createSelectRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/select/createSelectTrigger.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelectTrigger = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  isHovered: isHoveredProp,
+  isActive: isActiveProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isDisabled: isDisabledProp,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    disabled: contextDisabled,
+    required: contextRequired,
+    invalid: contextInvalid,
+    readOnly: contextReadOnly,
+    triggerId,
+    contentId,
+    triggerRef,
+    activeValue,
+    accessibilityLabel
+  } = (0, _context.useSelectContext)();
+  const disabled = contextDisabled || !!isDisabledProp;
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = (0, _interactions.usePress)({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)();
+  const handlePress = (0, _react.useCallback)(e => {
+    if (e.type === 'keyup' && e.key === 'Enter') {
+      return;
+    }
+    if (!disabled) {
+      setOpen(!open);
+    }
+  }, [disabled, open, setOpen]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (disabled) {
+      return;
+    }
+    switch (e.key) {
+      case 'Enter': // TODO: Only stays open if the key is held down
+      case ' ':
+      case 'ArrowDown':
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setOpen(true);
+          break;
+        }
+    }
+  }, [disabled, setOpen]);
+  const interactionState = (0, _react.useMemo)(() => ({
+    hover: isHoveredProp || isHovered,
+    focus: isFocusedProp || isFocused,
+    active: isActiveProp || isActive,
+    disabled: !!disabled,
+    focusVisible: isFocusVisibleProp || isFocusVisible
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible]);
+  const mergedRef = (0, _utils.mergeRefs)(ref, triggerRef);
+  const webKeyboardProps = _reactNative.Platform.OS === 'web' ? {
+    onKeyDown: (0, _utils.composeEventHandlers)(props.onKeyDown, handleKeyDown)
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectTriggerContext.Provider, {
+    value: interactionState,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseTrigger, {
+      ref: mergedRef,
+      role: "combobox",
+      "aria-label": accessibilityLabel,
+      "aria-haspopup": "listbox",
+      "aria-expanded": open,
+      "aria-controls": contentId,
+      "aria-activedescendant": open && activeValue ? `${contentId}-option-${activeValue}` : undefined,
+      "aria-required": contextRequired || undefined,
+      "aria-invalid": contextInvalid || undefined,
+      "aria-readonly": contextReadOnly || undefined,
+      id: triggerId,
+      ...(0, _dataAttributes.dataAttributes)({
+        hover: interactionState.hover,
+        focus: interactionState.focus,
+        active: interactionState.active,
+        disabled: interactionState.disabled,
+        focusVisible: interactionState.focusVisible,
+        required: contextRequired,
+        invalid: contextInvalid,
+        readonly: contextReadOnly,
+        state: open ? 'open' : 'closed',
+        slot: 'select-trigger'
+      }),
+      disabled: disabled,
+      ...props,
+      onPress: (0, _utils.composeEventHandlers)(props?.onPress, handlePress),
+      onPressIn: (0, _utils.composeEventHandlers)(props?.onPressIn, pressProps.onPressIn),
+      onPressOut: (0, _utils.composeEventHandlers)(props?.onPressOut, pressProps.onPressOut),
+      onHoverIn: (0, _utils.composeEventHandlers)(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: (0, _utils.composeEventHandlers)(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      ...webKeyboardProps,
+      children: typeof children === 'function' ? children({
+        hovered: interactionState.hover,
+        focused: interactionState.focus,
+        pressed: interactionState.active,
+        disabled: interactionState.disabled,
+        focusVisible: interactionState.focusVisible
+      }) : children
+    })
+  });
+});
+exports.createSelectTrigger = createSelectTrigger;
+//# sourceMappingURL=createSelectTrigger.js.map

package/lib/commonjs/select/createSelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createSelectTrigger","BaseTrigger","forwardRef","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","useSelectContext","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","e","type","key","handleKeyDown","preventDefault","interactionState","useMemo","hover","focus","active","focusVisible","mergedRef","mergeRefs","webKeyboardProps","Platform","OS","onKeyDown","composeEventHandlers","jsx","SelectTriggerContext","Provider","value","role","undefined","id","dataAttributes","readonly","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","hovered","focused","pressed","exports"],"sourceRoot":"../../../src","sources":["select/createSelectTrigger.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/select/createSelectValue.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelectValue = void 0;
+var _react = require("react");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+// TODO: Support custom display text
+
+const createSelectValue = BaseValue => /*#__PURE__*/(0, _react.forwardRef)(({
+  placeholder,
+  ...props
+}, ref) => {
+  const {
+    value,
+    items,
+    required,
+    invalid,
+    readOnly
+  } = (0, _context.useSelectContext)();
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible
+  } = (0, _context.useSelectTriggerContext)();
+  const hasValue = value !== undefined && value !== '';
+  const showPlaceholder = !hasValue;
+  const displayText = hasValue ? items.find(item => item.value === value)?.label : placeholder;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseValue, {
+    ref: ref,
+    ...props,
+    ...(0, _dataAttributes.dataAttributes)({
+      hover,
+      focus,
+      active,
+      disabled,
+      focusVisible,
+      required,
+      invalid,
+      readonly: readOnly,
+      placeholder: showPlaceholder,
+      slot: 'select-value'
+    }),
+    children: displayText
+  });
+});
+exports.createSelectValue = createSelectValue;
+//# sourceMappingURL=createSelectValue.js.map

package/lib/commonjs/select/createSelectValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createSelectValue","BaseValue","forwardRef","placeholder","props","ref","value","items","required","invalid","readOnly","useSelectContext","hover","focus","active","disabled","focusVisible","useSelectTriggerContext","hasValue","undefined","showPlaceholder","displayText","find","item","label","jsx","dataAttributes","readonly","slot","children","exports"],"sourceRoot":"../../../src","sources":["select/createSelectValue.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAsE,IAAAG,WAAA,GAAAH,OAAA;AAGtE;;AAEO,MAAMI,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,WAAW;EAAE,GAAGC;AAAyB,CAAC,EAAEC,GAAS,KAAK;EACtE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACxE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAElF,MAAMC,QAAQ,GAAGZ,KAAK,KAAKa,SAAS,IAAIb,KAAK,KAAK,EAAE;EACpD,MAAMc,eAAe,GAAG,CAACF,QAAQ;EACjC,MAAMG,WAAW,GAAGH,QAAQ,GAAGX,KAAK,CAACe,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACjB,KAAK,KAAKA,KAAK,CAAC,EAAEkB,KAAK,GAAGrB,WAAW;EAE9F,oBACE,IAAAJ,WAAA,CAAA0B,GAAA,EAACxB,SAAS;IACRI,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACN,IAAAsB,8BAAc,EAAC;MACjBd,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZR,QAAQ;MACRC,OAAO;MACPkB,QAAQ,EAAEjB,QAAQ;MAClBP,WAAW,EAAEiB,eAAe;MAC5BQ,IAAI,EAAE;IACR,CAAC,CAAC;IAAAC,QAAA,EAEDR;EAAW,CACH,CAAC;AAEhB,CAAC,CAAC;AAACS,OAAA,CAAA9B,iBAAA,GAAAA,iBAAA","ignoreList":[]}