@cdx-ui/primitives 0.0.1-beta.5 → 0.0.1-beta.51

package/lib/typescript/radio/types.d.ts

@@ -0,0 +1,54 @@
+import type { PressableProps } from 'react-native';
+export interface IRadioProps extends PressableProps {
+    /** Required — identifies this item's value within a Radio.Group. */
+    value: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    isPressed?: boolean;
+    isFocusVisible?: boolean;
+    children?: React.ReactNode;
+}
+export interface IRadioGroupProps {
+    /** Controlled selected value. */
+    value?: string;
+    /** Default selected value for uncontrolled usage. */
+    defaultValue?: string;
+    /** Called when the selected value changes. */
+    onChange?: (value: string) => void;
+    /** Layout direction of the radio items. */
+    direction?: 'column' | 'row';
+    /** Form field name for web form integration. */
+    name?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    isReadOnly?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    children?: React.ReactNode;
+}
+export interface IRadioIndicatorProps {
+    children?: React.ReactNode;
+}
+export interface IRadioLabelProps {
+    children?: React.ReactNode;
+}
+export type IRadioComponentType<Root, Indicator, Label, Group> = React.ForwardRefExoticComponent<React.RefAttributes<Root> & React.PropsWithoutRef<Root> & IRadioProps> & {
+    Indicator: React.ForwardRefExoticComponent<React.RefAttributes<Indicator> & React.PropsWithoutRef<Indicator> & IRadioIndicatorProps>;
+    Label: React.ForwardRefExoticComponent<React.RefAttributes<Label> & React.PropsWithoutRef<Label> & IRadioLabelProps>;
+    Group: React.ForwardRefExoticComponent<React.RefAttributes<Group> & React.PropsWithoutRef<Group> & IRadioGroupProps>;
+};
+export interface IRadioContextValue {
+    isChecked?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isFocused?: boolean;
+    isFocusVisible?: boolean;
+    isHovered?: boolean;
+    isPressed?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/radio/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,yBAAyB,CAC9F,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,WAAW,CACtE,GAAG;IACF,SAAS,EAAE,KAAK,CAAC,yBAAyB,CACxC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,oBAAoB,CACzF,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAC7E,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAC7E,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/lib/typescript/radio/useRadioRoot.d.ts

@@ -0,0 +1,151 @@
+import type { IRadioProps } from './types';
+interface UseRadioRootOptions {
+    useInputRefForAria?: boolean;
+}
+export declare function useRadioRoot(props: IRadioProps, ref?: React.Ref<unknown>, { useInputRefForAria }?: UseRadioRootOptions): {
+    combinedProps: {
+        value: string;
+        isDisabled?: boolean | undefined;
+        isHovered?: boolean;
+        isFocused?: boolean;
+        isPressed?: boolean;
+        isFocusVisible?: boolean;
+        children?: React.ReactNode;
+        onHoverIn?: null | ((event: import("react-native").MouseEvent) => void) | undefined;
+        onHoverOut?: null | ((event: import("react-native").MouseEvent) => void) | undefined;
+        onPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onBlur?: null | ((event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void) | undefined;
+        onFocus?: null | ((event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void) | undefined;
+        cancelable?: null | boolean | undefined;
+        delayHoverIn?: number | null | undefined;
+        delayHoverOut?: number | null | undefined;
+        delayLongPress?: null | number | undefined;
+        disabled?: null | boolean | undefined;
+        hitSlop?: null | import("react-native").Insets | number | undefined;
+        pressRetentionOffset?: null | import("react-native").Insets | number | undefined;
+        android_disableSound?: null | boolean | undefined;
+        android_ripple?: null | import("react-native").PressableAndroidRippleConfig | undefined;
+        testOnly_pressed?: null | boolean | undefined;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>) | undefined;
+        unstable_pressDelay?: number | undefined;
+        accessible?: boolean | undefined;
+        accessibilityActions?: ReadonlyArray<import("react-native").AccessibilityActionInfo> | undefined;
+        accessibilityLabel?: string | undefined;
+        'aria-label'?: string | undefined;
+        accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+        accessibilityState?: import("react-native").AccessibilityState | undefined;
+        'aria-busy'?: boolean | undefined;
+        'aria-checked'?: boolean | "mixed" | undefined;
+        'aria-disabled'?: boolean | undefined;
+        'aria-expanded'?: boolean | undefined;
+        'aria-selected'?: boolean | undefined;
+        accessibilityHint?: string | undefined;
+        accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+        'aria-valuemax'?: import("react-native").AccessibilityValue["max"] | undefined;
+        'aria-valuemin'?: import("react-native").AccessibilityValue["min"] | undefined;
+        'aria-valuenow'?: import("react-native").AccessibilityValue["now"] | undefined;
+        'aria-valuetext'?: import("react-native").AccessibilityValue["text"] | undefined;
+        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
+        importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+        'aria-hidden'?: boolean | undefined;
+        'aria-modal'?: boolean | undefined;
+        role?: import("react-native").Role | undefined;
+        accessibilityLabelledBy?: string | string[] | undefined;
+        'aria-labelledby'?: string | undefined;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
+        'aria-live'?: ("polite" | "assertive" | "off") | undefined;
+        screenReaderFocusable?: boolean | undefined;
+        accessibilityElementsHidden?: boolean | undefined;
+        accessibilityViewIsModal?: boolean | undefined;
+        onAccessibilityEscape?: (() => void) | undefined;
+        onAccessibilityTap?: (() => void) | undefined;
+        onMagicTap?: (() => void) | undefined;
+        accessibilityIgnoresInvertColors?: boolean | undefined;
+        accessibilityLanguage?: string | undefined;
+        accessibilityShowsLargeContentViewer?: boolean | undefined;
+        accessibilityLargeContentTitle?: string | undefined;
+        accessibilityRespondsToUserInteraction?: boolean | undefined;
+        id?: string | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
+        testID?: string | undefined | undefined;
+        nativeID?: string | undefined | undefined;
+        needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+        removeClippedSubviews?: boolean | undefined | undefined;
+        collapsable?: boolean | undefined | undefined;
+        collapsableChildren?: boolean | undefined | undefined;
+        renderToHardwareTextureAndroid?: boolean | undefined | undefined;
+        focusable?: boolean | undefined | undefined;
+        tabIndex?: 0 | -1 | undefined | undefined;
+        shouldRasterizeIOS?: boolean | undefined | undefined;
+        isTVSelectable?: boolean | undefined | undefined;
+        hasTVPreferredFocus?: boolean | undefined | undefined;
+        tvParallaxShiftDistanceX?: number | undefined | undefined;
+        tvParallaxShiftDistanceY?: number | undefined | undefined;
+        tvParallaxTiltAngle?: number | undefined | undefined;
+        tvParallaxMagnification?: number | undefined | undefined;
+        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+        hasFeedbackText?: boolean | undefined;
+        hasHelpText?: boolean | undefined;
+        setHasFeedbackText?: import("react").Dispatch<import("react").SetStateAction<boolean>> | undefined;
+        setHasHelpText?: import("react").Dispatch<import("react").SetStateAction<boolean>> | undefined;
+        name?: string | undefined;
+        labelId?: string | undefined;
+        feedbackId?: string | undefined;
+        helpTextId?: string | undefined;
+        htmlProps?: {
+            [x: string]: unknown;
+        } | undefined;
+        inputRef?: React.RefObject<import("react-native").TextInput | null> | undefined;
+        focusInput?: (() => void) | undefined;
+        isLabelFocused?: boolean | undefined;
+        setIsLabelFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+        isRequired?: boolean | undefined;
+    };
+    isInvalid: boolean;
+    isReadOnly: boolean;
+    inputProps: any;
+    labelProps: Record<string, unknown>;
+    isChecked: any;
+    isDisabled: any;
+    isHovered: boolean;
+    hoverProps: {
+        onHoverIn: () => void;
+        onHoverOut: () => void;
+    };
+    mergedRef: import("react").RefCallback<unknown>;
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
+};
+export {};
+//# sourceMappingURL=useRadioRoot.d.ts.map

package/lib/typescript/radio/useRadioRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioRoot.d.ts","sourceRoot":"","sources":["../../../src/radio/useRadioRoot.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,UAAU,mBAAmB;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAC1B,KAAK,EAAE,WAAW,EAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,mBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDzD"}

package/lib/typescript/select/createSelectIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectIcon.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectIcon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,yGAsBjE,CAAC"}
+{"version":3,"file":"createSelectIcon.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectIcon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,yGAuBjE,CAAC"}

package/lib/typescript/select/createSelectTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAaxD,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS;iCAiMhF,CAAC"}
+{"version":3,"file":"createSelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAaxD,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS;iCAmNhF,CAAC"}

package/lib/typescript/tile/context.d.ts

@@ -0,0 +1,9 @@
+import type { ITileContextValue, ITileGroupContextValue } from './types';
+export declare const TileProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: ITileContextValue;
+}>, useTileContext: () => ITileContextValue;
+export declare const TileGroupContextProvider: import("react").Provider<ITileGroupContextValue | null>;
+export declare function useTileGroupContext(): ITileGroupContextValue;
+export declare function useOptionalTileGroupContext(): ITileGroupContextValue | null;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/tile/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/tile/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGzE,eAAO,MAAO,YAAY;;;IAAE,cAAc,yBAAmD,CAAC;AAK9F,eAAO,MAAM,wBAAwB,yDAA4B,CAAC;AAElE,wBAAgB,mBAAmB,IAAI,sBAAsB,CAM5D;AAED,wBAAgB,2BAA2B,IAAI,sBAAsB,GAAG,IAAI,CAE3E"}

package/lib/typescript/tile/createTileContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const createTileContent: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").ViewProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileContent.d.ts.map

package/lib/typescript/tile/createTileContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileContent.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAY9D,CAAC"}

package/lib/typescript/tile/createTileDescription.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const createTileDescription: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").TextProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileDescription.d.ts.map

package/lib/typescript/tile/createTileDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileDescription.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAYlE,CAAC"}

package/lib/typescript/tile/createTileGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileGroupProps } from './types';
+export declare const createTileGroup: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileGroupProps & React.RefAttributes<T>>;
+//# sourceMappingURL=createTileGroup.d.ts.map

package/lib/typescript/tile/createTileGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileGroup.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AAgB9D,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,8EAgH5D,CAAC"}

package/lib/typescript/tile/createTileIndicator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileIndicatorProps } from './types';
+export declare const createTileIndicator: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileIndicatorProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileIndicator.d.ts.map

package/lib/typescript/tile/createTileIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileIndicator.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,wFA8BjE,CAAC"}

package/lib/typescript/tile/createTileLeadingSlot.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileLeadingSlotProps } from './types';
+export declare const createTileLeadingSlot: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileLeadingSlotProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileLeadingSlot.d.ts.map

package/lib/typescript/tile/createTileLeadingSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileLeadingSlot.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileLeadingSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0FAuBnE,CAAC"}

package/lib/typescript/tile/createTileRoot.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileProps } from './types';
+export declare const createTileRoot: <T>(BasePressable: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileRoot.d.ts.map

package/lib/typescript/tile/createTileRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileRoot.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,UAAU,EAA6B,MAAM,SAAS,CAAC;AAQrE,eAAO,MAAM,cAAc,GAAI,CAAC,EAAG,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,+EA6GpE,CAAC"}

package/lib/typescript/tile/createTileTitle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const createTileTitle: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").TextProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileTitle.d.ts.map

package/lib/typescript/tile/createTileTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileTitle.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAY5D,CAAC"}

package/lib/typescript/tile/createTileTrailingSlot.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Generic trailing content (chevron, amount, chip, status). Distinct from `Tile.Indicator`,
+ * which is purpose-built for the radio/checkbox selection affordance.
+ *
+ * Trailing content is meaningful by default (`aria-hidden` falsy), unlike the indicator.
+ */
+export declare const createTileTrailingSlot: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").ViewProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileTrailingSlot.d.ts.map

package/lib/typescript/tile/createTileTrailingSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileTrailingSlot.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileTrailingSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAYnE,CAAC"}

package/lib/typescript/tile/index.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { ITileComponentType } from './types';
+export type { ITileComponentType, ITileContentProps, ITileContextValue, ITileDescriptionProps, ITileGroupMultipleProps, ITileGroupProps, ITileGroupSingleProps, ITileGroupContextValue, ITileIndicatorProps, ITileLeadingSlotProps, ITilePressablePassthrough, ITileProps, ITileTitleProps, ITileTrailingSlotProps, TileGroupType, TileGroupValue, } from './types';
+export { TileProvider, useTileContext } from './context';
+export declare function createTile<Pressable, Leading, Content, Title, Description, Indicator, TrailingSlot, Group>(BaseComponents: {
+    Pressable: React.ComponentType<Pressable>;
+    LeadingSlot: React.ComponentType<Leading>;
+    Content: React.ComponentType<Content>;
+    Title: React.ComponentType<Title>;
+    Description: React.ComponentType<Description>;
+    Indicator: React.ComponentType<Indicator>;
+    TrailingSlot: React.ComponentType<TrailingSlot>;
+    Group: React.ComponentType<Group>;
+}): ITileComponentType<Pressable, Leading, Content, Title, Description, Indicator, TrailingSlot, Group>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/tile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEzD,wBAAgB,UAAU,CACxB,SAAS,EACT,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,KAAK,EACL,cAAc,EAAE;IAChB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1C,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1C,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAChD,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;CACnC,GA2BO,kBAAkB,CACtB,SAAS,EACT,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,KAAK,CACN,CACF"}

package/lib/typescript/tile/types.d.ts

@@ -0,0 +1,119 @@
+import type { ForwardRefExoticComponent, PropsWithoutRef, ReactNode, RefAttributes } from 'react';
+import type { PressableProps, TextProps, ViewProps } from 'react-native';
+import type { WithStyleContextProps } from '@cdx-ui/utils';
+export type TileGroupType = 'single' | 'multiple';
+export type TileGroupValue = string | string[] | undefined;
+interface ITileGroupBaseProps extends ViewProps, WithStyleContextProps {
+    /** Disables the whole group. */
+    isDisabled?: boolean;
+    /** Accessible name for the group (radiogroup / group). */
+    'aria-label'?: string;
+}
+export interface ITileGroupSingleProps extends ITileGroupBaseProps {
+    /** Single-select (radio semantics). One value at a time. */
+    type: 'single';
+    /** Controlled selected value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Called when selection changes. */
+    onValueChange?: (value: string) => void;
+}
+export interface ITileGroupMultipleProps extends ITileGroupBaseProps {
+    /** Multi-select (checkbox semantics). Zero to `max` values at a time. */
+    type: 'multiple';
+    /** Controlled selected values. */
+    value?: string[];
+    /** Uncontrolled initial values. */
+    defaultValue?: string[];
+    /** Called when selection changes. */
+    onValueChange?: (value: string[]) => void;
+    /** Maximum selections allowed. @default Infinity */
+    max?: number;
+}
+/**
+ * Discriminated union: `type` narrows `value` / `defaultValue` / `onValueChange`,
+ * and `max` is only valid on `type="multiple"`.
+ */
+export type ITileGroupProps = ITileGroupSingleProps | ITileGroupMultipleProps;
+export interface ITileGroupContextValue {
+    type: TileGroupType;
+    /** Current selection (string for single, array for multiple). */
+    value: string | string[] | undefined;
+    toggleValue: (tileValue: string) => void;
+    isSelected: (tileValue: string) => boolean;
+    /** Group-level disabled or multi-select at max (unselected tiles). */
+    isTileDisabledByGroup: (tileValue: string) => boolean;
+    isGroupDisabled: boolean;
+    max: number;
+}
+export interface ITileContextValue {
+    /** This tile's `value`. */
+    value: string;
+    isSelected: boolean;
+    /** Effective disabled (group rules + tile `disabled`). */
+    isDisabled: boolean;
+    selectionType: TileGroupType;
+}
+export type ITilePressablePassthrough = Partial<Pick<PressableProps, 'onPressIn' | 'onPressOut' | 'onHoverIn' | 'onHoverOut'>>;
+export interface ITileProps extends PressableProps, ITilePressablePassthrough, WithStyleContextProps {
+    /**
+     * Identifies this tile within `Tile.Group`. Must be unique within the group.
+     * Standalone tiles still require a value (useful for form submission, analytics, etc.).
+     */
+    value: string;
+    /**
+     * Disables this tile (in addition to group rules such as multi-select max).
+     */
+    disabled?: boolean;
+    /**
+     * Controlled selected state for **standalone** usage (no parent `Tile.Group`).
+     * Ignored when the tile is rendered inside a `Tile.Group` — selection is owned by the group.
+     */
+    isSelected?: boolean;
+    /**
+     * Initial selected state for **standalone**, uncontrolled usage.
+     */
+    defaultSelected?: boolean;
+    /**
+     * Called when standalone selection state changes. Group context overrides this — when inside
+     * a `Tile.Group`, use the group's `onValueChange` instead.
+     */
+    onSelectedChange?: (isSelected: boolean) => void;
+}
+export interface ITileLeadingSlotProps extends ViewProps {
+    /**
+     * Leading content is decorative by default for screen readers.
+     * @default true
+     */
+    'aria-hidden'?: boolean;
+}
+export type ITileContentProps = ViewProps;
+export type ITileTitleProps = TextProps;
+export type ITileDescriptionProps = TextProps;
+export interface ITileIndicatorProps extends ViewProps {
+    /**
+     * Explicit indicator visual. When inside a `Tile.Group`, auto-infers from `type`
+     * (`single` → radio, `multiple` → checkbox). For standalone tiles, defaults to `'checkbox'`
+     * to match the standalone `checkbox` ARIA role; override with `indicatorType="radio"` if
+     * a radio-style visual is needed.
+     */
+    indicatorType?: 'radio' | 'checkbox';
+    children?: ReactNode;
+}
+/**
+ * Generic trailing content slot. Use for chevrons, amounts, chips, status text — anything that
+ * is **not** the radio/checkbox selection affordance. For that, use `Tile.Indicator`.
+ */
+export type ITileTrailingSlotProps = ViewProps;
+export type ITileComponentType<RootRef, LeadingSlot, Content, Title, Description, Indicator, TrailingSlot, Group> = ForwardRefExoticComponent<RefAttributes<RootRef> & ITileProps> & {
+    Group: ForwardRefExoticComponent<RefAttributes<Group> & PropsWithoutRef<Group> & ITileGroupProps>;
+    LeadingSlot: ForwardRefExoticComponent<RefAttributes<LeadingSlot> & PropsWithoutRef<LeadingSlot> & ITileLeadingSlotProps>;
+    Content: ForwardRefExoticComponent<RefAttributes<Content> & PropsWithoutRef<Content> & ITileContentProps>;
+    Title: ForwardRefExoticComponent<RefAttributes<Title> & PropsWithoutRef<Title> & ITileTitleProps>;
+    Description: ForwardRefExoticComponent<RefAttributes<Description> & PropsWithoutRef<Description> & ITileDescriptionProps>;
+    Indicator: ForwardRefExoticComponent<RefAttributes<Indicator> & PropsWithoutRef<Indicator> & ITileIndicatorProps>;
+    TrailingSlot: ForwardRefExoticComponent<RefAttributes<TrailingSlot> & PropsWithoutRef<TrailingSlot> & ITileTrailingSlotProps>;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/tile/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tile/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/dataAttributes.d.ts

@@ -1,14 +1,8 @@
 /**
- * Produces platform-specific props for data attributes.
+ * Produces `data-*` props for native platforms (consumed by Uniwind).
+ * Web (.web.ts): returns a `dataSet` object consumed by React Native Web instead.
  *
- * Native: individual `data-*` props consumed by Uniwind.
- * Web (.web.ts): a `dataSet` object consumed by React Native Web.
- *
- * Boolean values serialize to `"true"` / `"false"` strings.
- * String values pass through as-is.
- * Undefined values are omitted.
+ * Delegates to `domDataAttributes` so the conversion logic has a single source of truth.
  */
-type DataAttributeValue = boolean | string | undefined;
-export declare function dataAttributes(attrs: Record<string, DataAttributeValue>): Record<string, string>;
-export {};
+export { domDataAttributes as dataAttributes } from './domDataAttributes';
 //# sourceMappingURL=dataAttributes.d.ts.map

package/lib/typescript/utils/dataAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataAttributes.d.ts","sourceRoot":"","sources":["../../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAMvD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUhG"}
+{"version":3,"file":"dataAttributes.d.ts","sourceRoot":"","sources":["../../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,iBAAiB,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/utils/domDataAttributes.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Produces `data-*` DOM attribute props for use on raw HTML elements (e.g. `<button>`).
+ *
+ * Unlike `dataAttributes`, which has a platform-specific `.web.ts` sibling that returns a
+ * `dataSet` object for React Native Web components, this file has no platform variant.
+ * The bundler therefore always resolves to this single implementation, making it safe to
+ * import from `.web.tsx` host components that render native DOM elements directly.
+ *
+ * Boolean values serialize to `"true"` / `"false"` strings.
+ * String values pass through as-is.
+ * Undefined values are omitted.
+ */
+export type DomDataAttributeValue = boolean | string | undefined;
+export declare function domDataAttributes(attrs: Record<string, DomDataAttributeValue>): Record<string, string>;
+//# sourceMappingURL=domDataAttributes.d.ts.map

package/lib/typescript/utils/domDataAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domDataAttributes.d.ts","sourceRoot":"","sources":["../../../src/utils/domDataAttributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAMjE,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,GAC3C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-beta.5",
+  "version": "0.0.1-beta.51",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -51,13 +51,16 @@
     }
   },
   "dependencies": {
+    "@react-aria/utils": "^3.33.0",
     "@react-aria/visually-hidden": "3.8.30",
     "@react-native-aria/checkbox": "0.2.10",
     "@react-native-aria/focus": "^0.2.9",
     "@react-native-aria/interactions": "^0.2.16",
+    "@react-native-aria/radio": "0.2.13",
     "@react-stately/checkbox": "3.7.4",
+    "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-beta.5"
+    "@cdx-ui/utils": "0.0.1-beta.51"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/CLAUDE.md

@@ -0,0 +1,32 @@
+# Primitive Authoring
+
+Auto-loaded when working in `packages/primitives/src/**`.
+
+Primitives in `@cdx-ui/primitives` are unstyled behavioral components that handle accessibility and interactions. Read the full guides before making changes:
+
+- `docs/internal/practices/composition.md` — compound component structure
+- `docs/internal/practices/types.md` — `I*Props` convention, extending RN base types
+- `docs/internal/practices/accessibility.md` — ARIA roles, keyboard nav, screen reader support
+- `docs/internal/practices/as-child.md` — `asChild` prop pattern
+
+## Pattern summary
+
+Each primitive follows the factory function pattern (see `createButtonRoot.tsx` as the canonical example):
+
+1. **Factory function** — `export const createComponentPart = <T,>(BaseComponent: ComponentType<T>) => forwardRef(...)` — accepts a host element type, returns a wrapped component with behavior
+2. **Interaction hooks** — `useFocus`, `useFocusRing`, `useHover`, `usePress` from `@react-native-aria/*`
+3. **Data attributes** — `dataAttributes({ hover, focus, active, disabled, focusVisible })` emitted on the rendered element for Uniwind `data-[state]` selectors
+4. **Context provider** — interaction state exposed via context so child primitives can react to parent state
+5. **Barrel export** — `index.tsx` re-exports the factory, context, and types
+
+## Key rules
+
+- **Unstyled** — no visual styling (no `className`, no color/spacing classes). Only behavioral and a11y concerns.
+- **`I*Props` convention** — public prop types are aliased with `I` prefix (e.g., `IButtonProps`, `ICheckboxProps`), exported from `types.ts`
+- **`Interface*Props` pattern** — the full interface (e.g., `InterfaceButtonProps`, `InterfaceCheckbox`) extends the appropriate RN base type (`PressableProps`, `ViewProps`, etc.) with interaction state booleans (`isHovered`, `isActive`, `isFocused`, `isFocusVisible`, `isDisabled`); re-exported as `I*Props` (e.g., `export type IButtonProps = InterfaceButtonProps`)
+- **`dataAttributes()` helper** — always use the helper from `../utils/dataAttributes` to emit `data-*` props; it handles platform differences (native vs web)
+- **`composeEventHandlers`** from `@cdx-ui/utils` — merge consumer handlers with internal handlers; never silently override
+- **`forwardRef`** on every component — refs forwarded to the underlying host element
+- **ARIA roles** — set `role` with a sensible default (e.g., `role={props?.role || 'button'}`)
+- **Render children as function** — support `children` as `(state: InteractionState) => ReactNode` for state-driven rendering
+- **Consumable independently** of `@cdx-ui/components` — no imports from the styled layer

package/src/avatar/createAvatarText.tsx

@@ -4,7 +4,16 @@ import { useAvatarContext } from './context';
 import type { IAvatarTextProps } from './types';
 
 function getInitials(name: string): string {
-  const words = name.trim().split(/\s+/);
+  const trimmed = name.trim();
+  const words = trimmed.split(/\s+/);
+
+  // Pre-composed initials (e.g. "JD", "AB") — single token, at most 2 chars.
+  // Figma Code Connect surfaces the raw text property which is already initials;
+  // passing them through a derivation step would truncate to the first letter.
+  if (words.length === 1 && trimmed.length <= 2) {
+    return trimmed.toUpperCase();
+  }
+
   let result = '';
   for (const word of words) {
     if (word.length > 0) {

package/src/button/createButtonText.tsx

@@ -5,6 +5,7 @@ import { useButtonContext } from './context';
 import type { IButtonTextProps } from './types';
 
 // TODO: Rename to ButtonLabel
+// TODO: Can we remove the dataAttributes here?
 
 export const createButtonText = <T,>(BaseButtonText: React.ComponentType<T>) =>
   forwardRef<unknown, IButtonTextProps>(({ children, ...props }, ref) => {