@cdx-ui/primitives 0.0.1-beta.1 → 0.0.1-beta.100

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":[]}

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/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":[]}