@cdx-ui/primitives 0.0.1-beta.16 → 0.0.1-beta.161

package/lib/module/select/index.js

@@ -1,34 +1,8 @@
 "use strict";
 
-import { createSelectContent } from './createSelectContent';
-import { createSelectIcon } from './createSelectIcon';
-import { createSelectItem } from './createSelectItem';
-import { createSelectItemLabel } from './createSelectItemLabel';
-import { createSelectRoot } from './createSelectRoot';
-import { createSelectTrigger } from './createSelectTrigger';
-import { createSelectValue } from './createSelectValue';
-export function createSelect(BaseComponents) {
-  const Select = createSelectRoot(BaseComponents.Root);
-  const Trigger = createSelectTrigger(BaseComponents.Trigger);
-  const Value = createSelectValue(BaseComponents.Value);
-  const Icon = createSelectIcon(BaseComponents.Icon);
-  const Content = createSelectContent(BaseComponents.Content);
-  const Item = createSelectItem(BaseComponents.Item);
-  const ItemLabel = createSelectItemLabel(BaseComponents.ItemLabel);
-  Select.displayName = 'SelectPrimitive';
-  Trigger.displayName = 'SelectPrimitive.Trigger';
-  Value.displayName = 'SelectPrimitive.Value';
-  Icon.displayName = 'SelectPrimitive.Icon';
-  Content.displayName = 'SelectPrimitive.Content';
-  Item.displayName = 'SelectPrimitive.Item';
-  ItemLabel.displayName = 'SelectPrimitive.ItemLabel';
-  return Object.assign(Select, {
-    Trigger,
-    Value,
-    Icon,
-    Content,
-    Item,
-    ItemLabel
-  });
-}
+export { useSelectContext, useSelectItemContext } from './context';
+export { SelectRoot } from './SelectRoot';
+export { SelectTrigger } from './SelectTrigger';
+export { SelectContent } from './SelectContent';
+export { SelectItem } from './SelectItem';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createSelectContent","createSelectIcon","createSelectItem","createSelectItemLabel","createSelectRoot","createSelectTrigger","createSelectValue","createSelect","BaseComponents","Select","Root","Trigger","Value","Icon","Content","Item","ItemLabel","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["select/index.tsx"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,qBAAqB;AAYvD,OAAO,SAASC,YAAYA,CAU1BC,cAQD,EAAE;EACD,MAAMC,MAAM,GAAGL,gBAAgB,CAACI,cAAc,CAACE,IAAI,CAAC;EACpD,MAAMC,OAAO,GAAGN,mBAAmB,CAACG,cAAc,CAACG,OAAO,CAAC;EAC3D,MAAMC,KAAK,GAAGN,iBAAiB,CAACE,cAAc,CAACI,KAAK,CAAC;EACrD,MAAMC,IAAI,GAAGZ,gBAAgB,CAACO,cAAc,CAACK,IAAI,CAAC;EAClD,MAAMC,OAAO,GAAGd,mBAAmB,CAACQ,cAAc,CAACM,OAAO,CAAC;EAC3D,MAAMC,IAAI,GAAGb,gBAAgB,CAACM,cAAc,CAACO,IAAI,CAAC;EAClD,MAAMC,SAAS,GAAGb,qBAAqB,CAACK,cAAc,CAACQ,SAAS,CAAC;EAEjEP,MAAM,CAACQ,WAAW,GAAG,iBAAiB;EACtCN,OAAO,CAACM,WAAW,GAAG,yBAAyB;EAC/CL,KAAK,CAACK,WAAW,GAAG,uBAAuB;EAC3CJ,IAAI,CAACI,WAAW,GAAG,sBAAsB;EACzCH,OAAO,CAACG,WAAW,GAAG,yBAAyB;EAC/CF,IAAI,CAACE,WAAW,GAAG,sBAAsB;EACzCD,SAAS,CAACC,WAAW,GAAG,2BAA2B;EAEnD,OAAOC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;IAC3BE,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,IAAI;IACJC;EACF,CAAC,CAAC;AAWJ","ignoreList":[]}
+{"version":3,"names":["useSelectContext","useSelectItemContext","SelectRoot","SelectTrigger","SelectContent","SelectItem"],"sourceRoot":"../../../src","sources":["select/index.ts"],"mappings":";;AAYA,SAASA,gBAAgB,EAAEC,oBAAoB,QAAQ,WAAW;AAClE,SAASC,UAAU,QAA8B,cAAc;AAC/D,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,UAAU,QAA8B,cAAc","ignoreList":[]}

package/lib/module/select/useContentFocus.js

@@ -10,7 +10,7 @@ import { Platform } from 'react-native';
  * - Restores focus to the trigger when the overlay closes (web)
  * - Initializes `activeValue` to the current value or first enabled item
  *
- * Initial focus on open is handled via a ref callback in createSelectContent
+ * Initial focus on open is handled via a ref callback in SelectContent
  * to avoid timing issues with deferred portal rendering.
  */
 export function useContentFocus({

package/lib/module/select/useListboxNavigation.js

@@ -17,6 +17,16 @@ export function useListboxNavigation({
   onDismissRef.current = onDismiss;
   const getEnabledItems = useCallback(() => items.filter(item => !item.disabled), [items]);
   const handleKeyDown = useCallback(e => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      e.stopPropagation?.();
+      onDismissRef.current();
+      return;
+    }
+    if (e.key === 'Tab') {
+      onDismissRef.current();
+      return;
+    }
     const enabledItems = getEnabledItems();
     if (enabledItems.length === 0) {
       return;
@@ -59,17 +69,6 @@ export function useListboxNavigation({
           }
           break;
         }
-      case 'Escape':
-        {
-          e.preventDefault();
-          onDismissRef.current();
-          break;
-        }
-      case 'Tab':
-        {
-          onDismissRef.current();
-          break;
-        }
     }
   }, [activeValue, getEnabledItems, setActiveValue]);
   return {

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useRef","useListboxNavigation","items","activeValue","setActiveValue","onSelect","onDismiss","onSelectRef","current","onDismissRef","getEnabledItems","filter","item","disabled","handleKeyDown","e","enabledItems","length","idx","findIndex","i","value","key","preventDefault","last","at"],"sourceRoot":"../../../src","sources":["select/useListboxNavigation.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;;AAG3C;;AAUA,OAAO,SAASC,oBAAoBA,CAAC;EACnCC,KAAK;EACLC,WAAW;EACXC,cAAc;EACdC,QAAQ;EACRC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,WAAW,GAAGP,MAAM,CAACK,QAAQ,CAAC;EACpCE,WAAW,CAACC,OAAO,GAAGH,QAAQ;EAE9B,MAAMI,YAAY,GAAGT,MAAM,CAACM,SAAS,CAAC;EACtCG,YAAY,CAACD,OAAO,GAAGF,SAAS;EAEhC,MAAMI,eAAe,GAAGX,WAAW,CAAC,MAAMG,KAAK,CAACS,MAAM,CAAEC,IAAI,IAAK,CAACA,IAAI,CAACC,QAAQ,CAAC,EAAE,CAACX,KAAK,CAAC,CAAC;EAE1F,MAAMY,aAAa,GAAGf,WAAW,CAC9BgB,CAAM,IAAK;IACV,MAAMC,YAAY,GAAGN,eAAe,CAAC,CAAC;IACtC,IAAIM,YAAY,CAACC,MAAM,KAAK,CAAC,EAAE;MAC7B;IACF;IAEA,MAAMC,GAAG,GAAGF,YAAY,CAACG,SAAS,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,KAAKlB,WAAW,CAAC;IAElE,QAAQY,CAAC,CAACO,GAAG;MACX,KAAK,WAAW;QAAE;UAChBP,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBnB,cAAc,CAACY,YAAY,CAACE,GAAG,GAAGF,YAAY,CAACC,MAAM,GAAG,CAAC,GAAGC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAACG,KAAK,CAAC;UAC/E;QACF;MACA,KAAK,SAAS;QAAE;UACdN,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBnB,cAAc,CAACY,YAAY,CAACE,GAAG,GAAG,CAAC,GAAGA,GAAG,GAAG,CAAC,GAAGF,YAAY,CAACC,MAAM,GAAG,CAAC,CAAC,CAACI,KAAK,CAAC;UAC/E;QACF;MACA,KAAK,MAAM;QAAE;UACXN,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBnB,cAAc,CAACY,YAAY,CAAC,CAAC,CAAC,CAACK,KAAK,CAAC;UACrC;QACF;MACA,KAAK,KAAK;QAAE;UACVN,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClB,MAAMC,IAAI,GAAGR,YAAY,CAACS,EAAE,CAAC,CAAC,CAAC,CAAC;UAChC,IAAID,IAAI,EAAE;YACRpB,cAAc,CAACoB,IAAI,CAACH,KAAK,CAAC;UAC5B;UACA;QACF;MACA,KAAK,OAAO;MACZ,KAAK,GAAG;QAAE;UACRN,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClB,IAAIpB,WAAW,EAAE;YACfI,WAAW,CAACC,OAAO,CAACL,WAAW,CAAC;UAClC;UACA;QACF;MACA,KAAK,QAAQ;QAAE;UACbY,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBd,YAAY,CAACD,OAAO,CAAC,CAAC;UACtB;QACF;MACA,KAAK,KAAK;QAAE;UACVC,YAAY,CAACD,OAAO,CAAC,CAAC;UACtB;QACF;IACF;EACF,CAAC,EACD,CAACL,WAAW,EAAEO,eAAe,EAAEN,cAAc,CAC/C,CAAC;EAED,OAAO;IAAEU,aAAa;IAAEJ;EAAgB,CAAC;AAC3C","ignoreList":[]}
+{"version":3,"names":["useCallback","useRef","useListboxNavigation","items","activeValue","setActiveValue","onSelect","onDismiss","onSelectRef","current","onDismissRef","getEnabledItems","filter","item","disabled","handleKeyDown","e","key","preventDefault","stopPropagation","enabledItems","length","idx","findIndex","i","value","last","at"],"sourceRoot":"../../../src","sources":["select/useListboxNavigation.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;;AAG3C;;AAUA,OAAO,SAASC,oBAAoBA,CAAC;EACnCC,KAAK;EACLC,WAAW;EACXC,cAAc;EACdC,QAAQ;EACRC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,WAAW,GAAGP,MAAM,CAACK,QAAQ,CAAC;EACpCE,WAAW,CAACC,OAAO,GAAGH,QAAQ;EAE9B,MAAMI,YAAY,GAAGT,MAAM,CAACM,SAAS,CAAC;EACtCG,YAAY,CAACD,OAAO,GAAGF,SAAS;EAEhC,MAAMI,eAAe,GAAGX,WAAW,CAAC,MAAMG,KAAK,CAACS,MAAM,CAAEC,IAAI,IAAK,CAACA,IAAI,CAACC,QAAQ,CAAC,EAAE,CAACX,KAAK,CAAC,CAAC;EAE1F,MAAMY,aAAa,GAAGf,WAAW,CAC9BgB,CAAM,IAAK;IACV,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;MACtBD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBF,CAAC,CAACG,eAAe,GAAG,CAAC;MACrBT,YAAY,CAACD,OAAO,CAAC,CAAC;MACtB;IACF;IAEA,IAAIO,CAAC,CAACC,GAAG,KAAK,KAAK,EAAE;MACnBP,YAAY,CAACD,OAAO,CAAC,CAAC;MACtB;IACF;IAEA,MAAMW,YAAY,GAAGT,eAAe,CAAC,CAAC;IACtC,IAAIS,YAAY,CAACC,MAAM,KAAK,CAAC,EAAE;MAC7B;IACF;IAEA,MAAMC,GAAG,GAAGF,YAAY,CAACG,SAAS,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,KAAKrB,WAAW,CAAC;IAElE,QAAQY,CAAC,CAACC,GAAG;MACX,KAAK,WAAW;QAAE;UAChBD,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBb,cAAc,CAACe,YAAY,CAACE,GAAG,GAAGF,YAAY,CAACC,MAAM,GAAG,CAAC,GAAGC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAACG,KAAK,CAAC;UAC/E;QACF;MACA,KAAK,SAAS;QAAE;UACdT,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBb,cAAc,CAACe,YAAY,CAACE,GAAG,GAAG,CAAC,GAAGA,GAAG,GAAG,CAAC,GAAGF,YAAY,CAACC,MAAM,GAAG,CAAC,CAAC,CAACI,KAAK,CAAC;UAC/E;QACF;MACA,KAAK,MAAM;QAAE;UACXT,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBb,cAAc,CAACe,YAAY,CAAC,CAAC,CAAC,CAACK,KAAK,CAAC;UACrC;QACF;MACA,KAAK,KAAK;QAAE;UACVT,CAAC,CAACE,cAAc,CAAC,CAAC;UAClB,MAAMQ,IAAI,GAAGN,YAAY,CAACO,EAAE,CAAC,CAAC,CAAC,CAAC;UAChC,IAAID,IAAI,EAAE;YACRrB,cAAc,CAACqB,IAAI,CAACD,KAAK,CAAC;UAC5B;UACA;QACF;MACA,KAAK,OAAO;MACZ,KAAK,GAAG;QAAE;UACRT,CAAC,CAACE,cAAc,CAAC,CAAC;UAClB,IAAId,WAAW,EAAE;YACfI,WAAW,CAACC,OAAO,CAACL,WAAW,CAAC;UAClC;UACA;QACF;IACF;EACF,CAAC,EACD,CAACA,WAAW,EAAEO,eAAe,EAAEN,cAAc,CAC/C,CAAC;EAED,OAAO;IAAEU,aAAa;IAAEJ;EAAgB,CAAC;AAC3C","ignoreList":[]}

package/lib/module/select/useSelectTrigger.js

@@ -0,0 +1,210 @@
+"use strict";
+
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { composeEventHandlers, mergeRefs, useFormControlContext, useReportFormControlLabelFocus } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { useSelectContext } from './context';
+const FIELD_STATES = {
+  'false:false': 'idle',
+  'false:true': 'invalid',
+  'true:false': 'focused',
+  'true:true': 'focused-invalid'
+};
+/**
+ * Shared logic for `Select.Trigger` across native and web. Each platform file is
+ * a thin host-element wrapper that spreads this hook's output. The hook composes
+ * interaction-state hooks, ARIA props, keyboard intent, press-to-toggle, the
+ * merged ref, and (where appropriate) the label-focus bridge.
+ *
+ * Native variant — Pressable is not natively labelable, so the label-focus
+ * bridge is always registered on `field.inputRef`.
+ */
+export function useSelectTrigger(forwardedRef, options) {
+  /**
+   * `asChild` is part of the symmetric options shape for parity with the web variant,
+   * but the native hook always mounts the label-focus bridge (Pressable is never
+   * natively labelable) and Slot/Pressable share the same Pressable-shaped surface,
+   * so the option is intentionally unused here.
+   */
+  const {
+    isHovered: isHoveredProp,
+    isActive: isActiveProp,
+    isFocused: isFocusedProp,
+    isFocusVisible: isFocusVisibleProp,
+    isDisabled: isDisabledProp,
+    ariaDescribedBy: ariaDescribedByProp,
+    onPress: consumerOnPress,
+    onPressIn: consumerOnPressIn,
+    onPressOut: consumerOnPressOut,
+    onHoverIn: consumerOnHoverIn,
+    onHoverOut: consumerOnHoverOut,
+    onFocus: consumerOnFocus,
+    onBlur: consumerOnBlur,
+    onKeyDown: consumerOnKeyDown
+  } = options;
+  const {
+    open,
+    setOpen,
+    disabled: contextDisabled,
+    required: contextRequired,
+    invalid: contextInvalid,
+    readOnly: contextReadOnly,
+    triggerId,
+    contentId,
+    triggerRef,
+    activeValue,
+    accessibilityLabel,
+    ariaDescribedBy: ariaDescribedByFromField
+  } = useSelectContext();
+  const field = useFormControlContext();
+  const disabled = contextDisabled || !!isDisabledProp;
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = usePress({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const [triggerFocused, setTriggerFocused] = useState(false);
+  const handlePress = useCallback(_e => {
+    if (!disabled) {
+      setOpen(!open);
+    }
+  }, [disabled, open, setOpen]);
+  const handleKeyDown = useCallback(e => {
+    if (disabled) {
+      return;
+    }
+    switch (e.key) {
+      case 'Enter':
+      case ' ':
+      case 'ArrowDown':
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setOpen(true);
+          break;
+        }
+    }
+  }, [disabled, setOpen]);
+
+  /** `useFocus()` on Pressable can stay true on native after blur; use explicit focus/blur handlers. */
+  const isLabelActive = Boolean((open || triggerFocused) && !disabled);
+  useReportFormControlLabelFocus(isLabelActive);
+  useLayoutEffect(() => {
+    if (!open) {
+      setTriggerFocused(false);
+    }
+  }, [open]);
+  const interactionState = useMemo(() => ({
+    hover: !!(isHoveredProp || isHovered),
+    focus: !!(isFocusedProp || isFocused || open),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!(isFocusVisibleProp || isFocusVisible)
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, open]);
+
+  /**
+   * Native: `Pressable` has no usable programmatic `.focus()` (unlike `TextInput`).
+   * `Form.Label` calls `focusInput()` → we register a bridge on `field.inputRef` that tries
+   * native focus, then opens the list (expected "tap label" behavior for a select).
+   */
+  const labelFocusGateRef = useRef({
+    disabled: false,
+    readOnly: false
+  });
+  labelFocusGateRef.current = {
+    disabled: !!disabled,
+    readOnly: !!contextReadOnly
+  };
+  const labelFocusBridge = useMemo(() => ({
+    focus() {
+      const {
+        disabled: isOff,
+        readOnly: isRO
+      } = labelFocusGateRef.current;
+      if (isOff || isRO) {
+        return;
+      }
+      const node = triggerRef.current;
+      if (node != null && typeof node.focus === 'function') {
+        node.focus();
+      }
+      setOpen(true);
+    }
+  }), [setOpen, triggerRef]);
+  useLayoutEffect(() => {
+    if (!field.inputRef) {
+      return;
+    }
+    const r = field.inputRef;
+    r.current = labelFocusBridge;
+    return () => {
+      if (r.current === labelFocusBridge) {
+        r.current = null;
+      }
+    };
+  }, [field.inputRef, labelFocusBridge]);
+  const mergedRef = mergeRefs(forwardedRef, triggerRef);
+  const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
+  const ariaProps = {
+    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,
+    'aria-describedby': ariaDescribedBy || undefined,
+    id: triggerId,
+    disabled
+  };
+  const fieldState = FIELD_STATES[`${interactionState.focus ? 'true' : 'false'}:${contextInvalid ? 'true' : 'false'}`];
+  const dataAttrValues = {
+    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',
+    fieldState
+  };
+  const handlers = {
+    onPress: composeEventHandlers(consumerOnPress, handlePress),
+    onPressIn: composeEventHandlers(consumerOnPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(consumerOnPressOut, pressProps.onPressOut),
+    onHoverIn: composeEventHandlers(consumerOnHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(consumerOnHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(composeEventHandlers(composeEventHandlers(consumerOnFocus, focusProps.onFocus), focusRingProps.onFocus), () => setTriggerFocused(true)),
+    onBlur: composeEventHandlers(composeEventHandlers(composeEventHandlers(consumerOnBlur, focusProps.onBlur), focusRingProps.onBlur), () => setTriggerFocused(false)),
+    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown)
+  };
+  return {
+    ariaProps,
+    dataAttrValues,
+    interactionState,
+    mergedRef,
+    handlers,
+    isLabelActive,
+    open,
+    labelFocusBridge
+  };
+}
+//# sourceMappingURL=useSelectTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useLayoutEffect","useMemo","useRef","useState","composeEventHandlers","mergeRefs","useFormControlContext","useReportFormControlLabelFocus","useFocus","useFocusRing","useHover","usePress","useSelectContext","FIELD_STATES","useSelectTrigger","forwardedRef","options","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedBy","ariaDescribedByProp","onPress","consumerOnPress","onPressIn","consumerOnPressIn","onPressOut","consumerOnPressOut","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedByFromField","field","focusProps","focusRingProps","pressProps","isPressed","hoverProps","triggerFocused","setTriggerFocused","handlePress","_e","handleKeyDown","e","key","preventDefault","isLabelActive","Boolean","interactionState","hover","focus","active","focusVisible","labelFocusGateRef","current","labelFocusBridge","isOff","isRO","node","inputRef","r","mergedRef","filter","join","ariaProps","role","undefined","id","fieldState","dataAttrValues","readonly","state","handlers"],"sourceRoot":"../../../src","sources":["select/useSelectTrigger.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,197 @@
+"use strict";
+
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { composeEventHandlers, mergeRefs, useFormControlContext, useReportFormControlLabelFocus } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { usePress } from '@react-native-aria/interactions';
+import { useSelectContext } from './context';
+const FIELD_STATES = {
+  'false:false': 'idle',
+  'false:true': 'invalid',
+  'true:false': 'focused',
+  'true:true': 'focused-invalid'
+};
+
+/**
+ * Web variant — drops `useHover` and `useFocusRing` per the trigger-prune todo:
+ * neither emitted attribute has a consumer in `selectTriggerVariants`, and the
+ * web `useHover` re-renders on every pointer enter/leave. Hover is expressed via
+ * CSS `:hover` chains in CVA, not a JS tracker.
+ *
+ * The label-focus bridge is only registered when the host loses native
+ * label association — i.e. when `asChild` substitutes the rendered `<button>`
+ * with a non-labelable element. Otherwise `<label htmlFor>` handles the focus
+ * relationship natively.
+ */
+export function useSelectTrigger(forwardedRef, options) {
+  const {
+    asChild,
+    isHovered: isHoveredProp,
+    isActive: isActiveProp,
+    isFocused: isFocusedProp,
+    isFocusVisible: isFocusVisibleProp,
+    isDisabled: isDisabledProp,
+    ariaDescribedBy: ariaDescribedByProp,
+    onPress: consumerOnPress,
+    onPressIn: consumerOnPressIn,
+    onPressOut: consumerOnPressOut,
+    onHoverIn: consumerOnHoverIn,
+    onHoverOut: consumerOnHoverOut,
+    onFocus: consumerOnFocus,
+    onBlur: consumerOnBlur,
+    onKeyDown: consumerOnKeyDown
+  } = options;
+  const {
+    open,
+    setOpen,
+    disabled: contextDisabled,
+    required: contextRequired,
+    invalid: contextInvalid,
+    readOnly: contextReadOnly,
+    triggerId,
+    contentId,
+    triggerRef,
+    activeValue,
+    accessibilityLabel,
+    ariaDescribedBy: ariaDescribedByFromField
+  } = useSelectContext();
+  const field = useFormControlContext();
+  const disabled = contextDisabled || !!isDisabledProp;
+  const {
+    pressProps,
+    isPressed: isActive
+  } = usePress({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const [triggerFocused, setTriggerFocused] = useState(false);
+  const handlePress = useCallback(_e => {
+    if (!disabled) {
+      setOpen(!open);
+    }
+  }, [disabled, open, setOpen]);
+  const handleKeyDown = useCallback(e => {
+    if (disabled) {
+      return;
+    }
+    switch (e.key) {
+      case 'Enter':
+      case ' ':
+      case 'ArrowDown':
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setOpen(true);
+          break;
+        }
+    }
+  }, [disabled, setOpen]);
+  const isLabelActive = Boolean((isFocusedProp || isFocused || triggerFocused || open) && !disabled);
+  useReportFormControlLabelFocus(isLabelActive);
+  useLayoutEffect(() => {
+    if (!open) {
+      setTriggerFocused(false);
+    }
+  }, [open]);
+  const interactionState = useMemo(() => ({
+    hover: !!isHoveredProp,
+    focus: !!(isFocusedProp || isFocused || open),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!isFocusVisibleProp
+  }), [isHoveredProp, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, open]);
+
+  /**
+   * `<button>` is HTML-labelable so `<label htmlFor>` works natively — no JS bridge needed.
+   * When `asChild` substitutes the host with a non-labelable element (e.g. `<div role="button">`),
+   * the bridge fills the gap so `Form.Label` can still focus the trigger via `field.inputRef`.
+   */
+  const labelFocusGateRef = useRef({
+    disabled: false,
+    readOnly: false
+  });
+  labelFocusGateRef.current = {
+    disabled: !!disabled,
+    readOnly: !!contextReadOnly
+  };
+  const labelFocusBridge = useMemo(() => ({
+    focus() {
+      const {
+        disabled: isOff,
+        readOnly: isRO
+      } = labelFocusGateRef.current;
+      if (isOff || isRO) {
+        return;
+      }
+      const node = triggerRef.current;
+      if (node != null && typeof node.focus === 'function') {
+        node.focus();
+      }
+      setOpen(true);
+    }
+  }), [setOpen, triggerRef]);
+  const shouldMountLabelFocusBridge = !!asChild;
+  useLayoutEffect(() => {
+    if (!shouldMountLabelFocusBridge || !field.inputRef) {
+      return;
+    }
+    const r = field.inputRef;
+    r.current = labelFocusBridge;
+    return () => {
+      if (r.current === labelFocusBridge) {
+        r.current = null;
+      }
+    };
+  }, [shouldMountLabelFocusBridge, field.inputRef, labelFocusBridge]);
+  const mergedRef = mergeRefs(forwardedRef, triggerRef);
+  const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
+  const ariaProps = {
+    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,
+    'aria-describedby': ariaDescribedBy || undefined,
+    id: triggerId,
+    disabled
+  };
+  const fieldState = FIELD_STATES[`${interactionState.focus ? 'true' : 'false'}:${contextInvalid ? 'true' : 'false'}`];
+  const dataAttrValues = {
+    focus: interactionState.focus,
+    active: interactionState.active,
+    disabled: interactionState.disabled,
+    required: !!contextRequired,
+    invalid: !!contextInvalid,
+    readonly: !!contextReadOnly,
+    state: open ? 'open' : 'closed',
+    fieldState
+  };
+  const handlers = {
+    onPress: composeEventHandlers(consumerOnPress, handlePress),
+    onPressIn: composeEventHandlers(consumerOnPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(consumerOnPressOut, pressProps.onPressOut),
+    onHoverIn: consumerOnHoverIn ?? (() => undefined),
+    onHoverOut: consumerOnHoverOut ?? (() => undefined),
+    onFocus: composeEventHandlers(composeEventHandlers(consumerOnFocus, focusProps.onFocus), () => setTriggerFocused(true)),
+    onBlur: composeEventHandlers(composeEventHandlers(consumerOnBlur, focusProps.onBlur), () => setTriggerFocused(false)),
+    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown)
+  };
+  return {
+    ariaProps,
+    dataAttrValues,
+    interactionState,
+    mergedRef,
+    handlers,
+    isLabelActive,
+    open,
+    labelFocusBridge
+  };
+}
+//# sourceMappingURL=useSelectTrigger.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useLayoutEffect","useMemo","useRef","useState","composeEventHandlers","mergeRefs","useFormControlContext","useReportFormControlLabelFocus","useFocus","usePress","useSelectContext","FIELD_STATES","useSelectTrigger","forwardedRef","options","asChild","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedBy","ariaDescribedByProp","onPress","consumerOnPress","onPressIn","consumerOnPressIn","onPressOut","consumerOnPressOut","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedByFromField","field","pressProps","isPressed","focusProps","triggerFocused","setTriggerFocused","handlePress","_e","handleKeyDown","e","key","preventDefault","isLabelActive","Boolean","interactionState","hover","focus","active","focusVisible","labelFocusGateRef","current","labelFocusBridge","isOff","isRO","node","shouldMountLabelFocusBridge","inputRef","r","mergedRef","filter","join","ariaProps","role","undefined","id","fieldState","dataAttrValues","readonly","state","handlers"],"sourceRoot":"../../../src","sources":["select/useSelectTrigger.web.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/slider/SliderRail.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import { forwardRef, useCallback, useRef } from 'react';
+import { Platform, Pressable, StyleSheet, View } from 'react-native';
+import { Slot } from '../slot';
+import { assignRef } from '../utils/assignRef';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useSliderContext } from './context';
+import { getPointerCoords, getRatioFromPagePoint, useWebSliderDrag } from './useSliderPointer';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliderRail = /*#__PURE__*/forwardRef(({
+  asChild,
+  style,
+  onLayout,
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    isDisabled,
+    isDragging,
+    trackLayout,
+    thumbSize,
+    setValueFromRatio,
+    setTrackLayout,
+    setIsDragging
+  } = useSliderContext();
+  const railRef = useRef(null);
+  const measureRail = useCallback(() => {
+    const node = railRef.current;
+    if (!node?.measureInWindow) {
+      return;
+    }
+    node.measureInWindow((x, y, width, height) => {
+      setTrackLayout({
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  }, [setTrackLayout]);
+  const handleLayout = useCallback(event => {
+    measureRail();
+    onLayout?.(event);
+  }, [measureRail, onLayout]);
+  const {
+    startDrag
+  } = useWebSliderDrag({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout,
+    orientation,
+    thumbSize
+  });
+  const updateFromEvent = useCallback(event => {
+    if (isDisabled) {
+      return;
+    }
+    const {
+      x,
+      y
+    } = getPointerCoords(event.nativeEvent);
+    setValueFromRatio(getRatioFromPagePoint(x, y, trackLayout, orientation, thumbSize), true);
+  }, [isDisabled, orientation, setValueFromRatio, thumbSize, trackLayout]);
+  const handlePress = useCallback(event => {
+    updateFromEvent(event);
+  }, [updateFromEvent]);
+  const handlePointerDown = useCallback(event => {
+    if (Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    const node = railRef.current;
+    if (!node) return;
+    const rect = node.getBoundingClientRect();
+    const freshLayout = {
+      x: rect.left,
+      y: rect.top,
+      width: rect.width,
+      height: rect.height
+    };
+    setTrackLayout(freshLayout);
+    const {
+      x,
+      y
+    } = getPointerCoords(event.nativeEvent);
+    startDrag(x, y, undefined, freshLayout);
+  }, [isDisabled, setTrackLayout, startDrag]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "none",
+    accessible: false,
+    disabled: isDisabled,
+    onPress: Platform.OS === 'web' ? undefined : handlePress,
+    onPointerDown: Platform.OS === 'web' ? handlePointerDown : undefined,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    "aria-hidden": true,
+    tabIndex: -1,
+    style: styles.railHitArea,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: node => {
+        railRef.current = node;
+        assignRef(ref, node);
+      },
+      ...props,
+      onLayout: handleLayout,
+      style: style,
+      ...dataAttributes({
+        slot: 'slider-rail',
+        dragging: isDragging
+      }),
+      children: children
+    })
+  });
+});
+SliderRail.displayName = 'SliderRail';
+const styles = StyleSheet.create({
+  railHitArea: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=SliderRail.js.map