@cdx-ui/primitives 0.0.1-alpha.4 → 0.0.1-alpha.6

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ICheckboxContextValue } from './types';
+export declare const CheckboxProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: ICheckboxContextValue;
+}>, useCheckboxContext: () => ICheckboxContextValue;
+interface ICheckboxGroupState {
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    isSelected: (value: string) => boolean;
+    addValue: (value: string) => void;
+    removeValue: (value: string) => void;
+}
+export declare const CheckboxGroupContext: React.Context<{
+    state: ICheckboxGroupState;
+} | null>;
+export {};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/checkbox/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAO,gBAAgB;;;IAAE,kBAAkB,6BACO,CAAC;AAE1D,UAAU,mBAAmB;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,oBAAoB;WACxB,mBAAmB;SACb,CAAC"}

package/lib/typescript/checkbox/createCheckboxGroup.d.ts

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

package/lib/typescript/checkbox/createCheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,mBAAmB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sGAwB7E,CAAC"}

package/lib/typescript/checkbox/createCheckboxIcon.d.ts

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

package/lib/typescript/checkbox/createCheckboxIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCheckboxIcon.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2GAa3E,CAAC"}

package/lib/typescript/checkbox/createCheckboxIndicator.d.ts

@@ -0,0 +1,5 @@
+import type { ICheckboxIndicatorProps } from './types';
+export declare const createCheckboxIndicator: <T>(BaseCheckboxIndicator: React.ComponentType<T>) => import("react").ForwardRefExoticComponent<ICheckboxIndicatorProps & {
+    className?: string;
+} & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=createCheckboxIndicator.d.ts.map

package/lib/typescript/checkbox/createCheckboxIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCheckboxIndicator.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,uBAAuB,GAAI,CAAC,EAAG,uBAAuB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC3B,MAAM;2CAoCjE,CAAC"}

package/lib/typescript/checkbox/createCheckboxLabel.d.ts

@@ -0,0 +1,5 @@
+import type { ICheckboxLabelProps } from './types';
+export declare const createCheckboxLabel: <T>(BaseCheckboxLabel: React.ComponentType<T>) => import("react").ForwardRefExoticComponent<ICheckboxLabelProps & {
+    className?: string;
+} & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=createCheckboxLabel.d.ts.map

package/lib/typescript/checkbox/createCheckboxLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,mBAAmB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;gBACvB,MAAM;2CAmC7D,CAAC"}

package/lib/typescript/checkbox/createCheckboxRoot.d.ts

@@ -0,0 +1,2 @@
+export declare const createCheckboxRoot: <T>(BaseCheckbox: React.ComponentType<T>) => import("react").ForwardRefExoticComponent<import("./types").InterfaceCheckbox & import("react").RefAttributes<T>>;
+//# sourceMappingURL=createCheckboxRoot.d.ts.map

package/lib/typescript/checkbox/createCheckboxRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxRoot.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,cAAc,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sHA0FxE,CAAC"}

package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts

@@ -0,0 +1,2 @@
+export declare const createCheckboxRoot: <T>(BaseCheckbox: React.ComponentType<T>) => import("react").ForwardRefExoticComponent<import("./types").InterfaceCheckbox & import("react").RefAttributes<T>>;
+//# sourceMappingURL=createCheckboxRoot.web.d.ts.map

package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCheckboxRoot.web.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxRoot.web.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,cAAc,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sHAoEvE,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { ICheckboxComponentType } from './types';
+export type { ICheckboxComponentType, ICheckboxGroupProps, ICheckboxIconProps, ICheckboxIndicatorProps, ICheckboxLabelProps, ICheckboxProps, } from './types';
+export declare const createCheckbox: <Root, Indicator, Icon, Label, Group>({ Root, Indicator, Icon, Label, Group, }: {
+    Root: React.ComponentType<Root>;
+    Indicator: React.ComponentType<Indicator>;
+    Icon: React.ComponentType<Icon>;
+    Label: React.ComponentType<Label>;
+    Group: React.ComponentType<Group>;
+}) => ICheckboxComponentType<Root, Indicator, Icon, Label, Group>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,cAAc,GAAI,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,0CAMjE;IACD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;CACnC,KAaoB,sBAAsB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAC9E,CAAC"}

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

@@ -0,0 +1,57 @@
+import type { PressableProps } from 'react-native';
+export interface InterfaceCheckbox extends PressableProps {
+    value: string;
+    onChange?: (isSelected: boolean) => void;
+    children?: React.ReactNode;
+    defaultIsChecked?: boolean;
+    isChecked?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    isPressed?: boolean;
+    isRequired?: boolean;
+    isIndeterminate?: boolean;
+    isFocusVisible?: boolean;
+}
+export interface ICheckboxGroupProps {
+    value: string[];
+    onChange?: (values: string[]) => void;
+    children?: React.ReactNode;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    'aria-label'?: string;
+}
+export type ICheckboxComponentType<Root, Indicator, Icon, Label, Group> = React.ForwardRefExoticComponent<React.RefAttributes<Root> & React.PropsWithoutRef<Root> & InterfaceCheckbox> & {
+    Indicator: React.ForwardRefExoticComponent<React.RefAttributes<Indicator> & React.PropsWithoutRef<Indicator> & ICheckboxIndicatorProps>;
+    Icon: React.ForwardRefExoticComponent<React.RefAttributes<Icon> & React.PropsWithoutRef<Icon> & ICheckboxIconProps>;
+    Label: React.ForwardRefExoticComponent<React.RefAttributes<Label> & React.PropsWithoutRef<Label> & ICheckboxLabelProps>;
+    Group: React.ForwardRefExoticComponent<React.RefAttributes<Group> & React.PropsWithoutRef<Group> & ICheckboxGroupProps>;
+};
+export interface ICheckboxIndicatorProps {
+    children?: React.ReactNode;
+}
+export interface ICheckboxIconProps {
+    children?: React.ReactNode;
+    /** Render the icon even when unchecked */
+    forceMount?: boolean;
+}
+export interface ICheckboxLabelProps {
+    children?: React.ReactNode;
+}
+export type ICheckboxProps = InterfaceCheckbox;
+export interface ICheckboxContextValue {
+    isChecked?: boolean;
+    isDisabled?: boolean;
+    isHovered?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isPressed?: boolean;
+    isFocused?: boolean;
+    isIndeterminate?: boolean;
+    isFocusVisible?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

package/lib/typescript/checkbox/useCheckboxRoot.d.ts

@@ -0,0 +1,147 @@
+import type { ICheckboxProps } from './types';
+interface UseCheckboxRootOptions {
+    useInputRefForAria?: boolean;
+}
+export declare function useCheckboxRoot(props: ICheckboxProps, ref?: React.Ref<unknown>, { useInputRefForAria }?: UseCheckboxRootOptions): {
+    combinedProps: {
+        value: string;
+        onChange?: (isSelected: boolean) => void;
+        children?: React.ReactNode;
+        defaultIsChecked?: boolean;
+        isChecked?: boolean;
+        isDisabled?: boolean | undefined;
+        isHovered?: boolean;
+        isFocused?: boolean;
+        isPressed?: boolean;
+        isRequired?: boolean | undefined;
+        isFocusVisible?: boolean;
+        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;
+        needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+        removeClippedSubviews?: boolean | undefined | undefined;
+        testID?: string | undefined | undefined;
+        nativeID?: string | 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;
+        labelId?: string | undefined;
+        feedbackId?: string | undefined;
+        helpTextId?: string | undefined;
+        htmlProps?: {
+            [x: string]: unknown;
+        } | undefined;
+    };
+    isInvalid: boolean | undefined;
+    isReadOnly: boolean | undefined;
+    isIndeterminate: boolean | undefined;
+    groupItemInputProps: any;
+    isChecked: any;
+    isDisabled: any;
+    isHovered: boolean;
+    hoverProps: {
+        onHoverIn: () => void;
+        onHoverOut: () => void;
+    };
+    mergedRef: import("react").RefCallback<unknown>;
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
+};
+export {};
+//# sourceMappingURL=useCheckboxRoot.d.ts.map

package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/useCheckboxRoot.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,sBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqE5D"}

package/lib/typescript/index.d.ts

@@ -1,5 +1,7 @@
 export * from './button';
+export * from './checkbox';
 export * from './input';
+export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export * from './select';
-export { OverlayInsetsProvider, type EdgeInsets } from './overlay';
+export type { InteractionState } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1,13 +1,8 @@
 import type { PropsWithoutRef, ReactNode, RefAttributes, RefObject } from 'react';
 import type { PressableProps, ViewProps } from 'react-native';
 import type { EntryOrExitLayoutType } from 'react-native-reanimated';
-export interface InteractionState {
-    hover: boolean;
-    focus: boolean;
-    active: boolean;
-    disabled: boolean;
-    focusVisible: boolean;
-}
+import type { InteractionState } from '../types';
+export type { InteractionState };
 export interface SelectItemInteractionState extends InteractionState {
     highlighted: boolean;
     checked: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,MAAM,cAAc,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,MAAM,MAAM,oBAAoB,CAC9B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,OAAO,IAChB,KAAK,CAAC,yBAAyB,CACjC,eAAe,CAAC,SAAS,GAAG,YAAY,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CACnE,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACtC,eAAe,CAAC,YAAY,GAAG,mBAAmB,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC,CAChF,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,CAAC,UAAU,GAAG,iBAAiB,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAC1E,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3F,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACtC,eAAe,CAAC,YAAY,GAAG,mBAAmB,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CAC7E,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,yBAAyB,CACnC,eAAe,CAAC,SAAS,GAAG,gBAAgB,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CACvE,CAAC;IACF,SAAS,EAAE,KAAK,CAAC,yBAAyB,CACxC,eAAe,CAAC,cAAc,GAAG,qBAAqB,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CACjF,CAAC;CACH,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/select/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/types.d.ts

@@ -0,0 +1,8 @@
+export interface InteractionState {
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    disabled: boolean;
+    focusVisible: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;CACvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-alpha.4",
+  "version": "0.0.1-alpha.6",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -46,9 +46,13 @@
     }
   },
   "dependencies": {
+    "@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",
-    "@cdx-ui/utils": "0.0.1-alpha.4"
+    "@react-stately/checkbox": "3.7.4",
+    "@react-stately/toggle": "3.9.4",
+    "@cdx-ui/utils": "0.0.1-alpha.6"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/button/context.tsx

@@ -1,4 +1,4 @@
 import { createContext } from '@cdx-ui/utils';
-import type { InteractionState } from './types';
+import type { InteractionState } from '../types';
 
 export const [ButtonProvider, useButtonContext] = createContext<InteractionState>('ButtonContext');

package/src/button/createButtonRoot.tsx

@@ -3,9 +3,10 @@ import { forwardRef, useMemo } from 'react';
 import { composeEventHandlers } from '@cdx-ui/utils';
 import { useFocus, useFocusRing } from '@react-native-aria/focus';
 import { useHover, usePress } from '@react-native-aria/interactions';
+import type { InteractionState } from '../types';
 import { dataAttributes } from '../utils/dataAttributes';
 import { ButtonProvider } from './context';
-import type { IButtonProps, InteractionState } from './types';
+import type { IButtonProps } from './types';
 
 export const createButtonRoot = <T,>(BaseButton: React.ComponentType<T>) =>
   forwardRef(
@@ -37,7 +38,7 @@ export const createButtonRoot = <T,>(BaseButton: React.ComponentType<T>) =>
           hover: isHoveredProp || isHovered,
           focus: isFocusedProp || isFocused,
           active: isActiveProp || isActive,
-          disabled: isDisabled,
+          disabled: !!isDisabled,
           focusVisible: isFocusVisibleProp || isFocusVisible,
         };
       }, [
@@ -61,7 +62,7 @@ export const createButtonRoot = <T,>(BaseButton: React.ComponentType<T>) =>
               hover: isHoveredProp || isHovered,
               focus: isFocusedProp || isFocused,
               active: isActiveProp || isActive,
-              disabled: isDisabled,
+              disabled: !!isDisabled,
               focusVisible: isFocusVisibleProp || isFocusVisible,
             })}
             disabled={isDisabled}
@@ -90,7 +91,7 @@ export const createButtonRoot = <T,>(BaseButton: React.ComponentType<T>) =>
                   hover: isHoveredProp || isHovered,
                   focus: isFocusedProp || isFocused,
                   active: isActiveProp || isActive,
-                  disabled: isDisabled,
+                  disabled: !!isDisabled,
                   focusVisible: isFocusVisibleProp || isFocusVisible,
                 })
               : children}

package/src/button/types.ts

@@ -1,14 +1,6 @@
 import type { PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from 'react';
 import type { PressableProps, ViewProps } from 'react-native';
 
-export interface InteractionState {
-  hover: boolean;
-  focus: boolean;
-  active: boolean;
-  disabled?: boolean;
-  focusVisible: boolean;
-}
-
 export interface InterfaceButtonProps extends PressableProps {
   /**
    * If true, the button will be in hovered state.

package/src/checkbox/context.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { createContext } from '@cdx-ui/utils';
+import type { ICheckboxContextValue } from './types';
+
+export const [CheckboxProvider, useCheckboxContext] =
+  createContext<ICheckboxContextValue>('CheckboxContext');
+
+interface ICheckboxGroupState {
+  isReadOnly: boolean;
+  isDisabled: boolean;
+  isSelected: (value: string) => boolean;
+  addValue: (value: string) => void;
+  removeValue: (value: string) => void;
+}
+
+export const CheckboxGroupContext = React.createContext<{
+  state: ICheckboxGroupState;
+} | null>(null);

package/src/checkbox/createCheckboxGroup.tsx

@@ -0,0 +1,32 @@
+import { forwardRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { useCheckboxGroup } from '@react-native-aria/checkbox';
+import { useCheckboxGroupState } from '@react-stately/checkbox';
+import { CheckboxGroupContext } from './context';
+import type { ICheckboxGroupProps } from './types';
+
+export const createCheckboxGroup = <T,>(BaseCheckboxGroup: React.ComponentType<T>) =>
+  forwardRef(({ children, ...props }: ICheckboxGroupProps, ref?: React.Ref<T>) => {
+    const state = useCheckboxGroupState({
+      ...props,
+      validationState: props.isInvalid ? 'invalid' : 'valid',
+    });
+
+    const { groupProps } = useCheckboxGroup(
+      {
+        ...props,
+        'aria-label': props['aria-label'],
+      },
+      state,
+    );
+
+    const formControlContext = useFormControlContext();
+
+    return (
+      <CheckboxGroupContext.Provider value={{ state: { ...formControlContext, ...state } }}>
+        <BaseCheckboxGroup {...groupProps} {...props} ref={ref}>
+          {children}
+        </BaseCheckboxGroup>
+      </CheckboxGroupContext.Provider>
+    );
+  });

package/src/checkbox/createCheckboxIcon.tsx

@@ -0,0 +1,18 @@
+import { forwardRef } from 'react';
+import { useCheckboxContext } from './context';
+import type { ICheckboxIconProps } from './types';
+
+export const createCheckboxIcon = <T,>(BaseCheckboxIcon: React.ComponentType<T>) =>
+  forwardRef<unknown, ICheckboxIconProps>(({ children, forceMount = false, ...props }, ref) => {
+    const { isChecked } = useCheckboxContext();
+
+    if (forceMount || isChecked) {
+      return (
+        <BaseCheckboxIcon {...(props as T)} ref={ref}>
+          {children}
+        </BaseCheckboxIcon>
+      );
+    }
+
+    return null;
+  });

package/src/checkbox/createCheckboxIndicator.tsx

@@ -0,0 +1,43 @@
+import { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useCheckboxContext } from './context';
+import type { ICheckboxIndicatorProps } from './types';
+
+export const createCheckboxIndicator = <T,>(BaseCheckboxIndicator: React.ComponentType<T>) =>
+  forwardRef<unknown, ICheckboxIndicatorProps & { className?: string }>(
+    ({ children, className, ...props }, ref) => {
+      const {
+        isChecked,
+        isDisabled,
+        isHovered,
+        isInvalid,
+        isReadOnly,
+        isPressed,
+        isFocused,
+        isIndeterminate,
+        isFocusVisible,
+      } = useCheckboxContext();
+
+      return (
+        <BaseCheckboxIndicator
+          className={className}
+          {...dataAttributes({
+            hover: isHovered,
+            checked: isChecked,
+            disabled: isDisabled,
+            focusVisible: isFocusVisible,
+            invalid: isInvalid,
+            readOnly: isReadOnly,
+            active: isPressed,
+            focused: isFocused,
+            indeterminate: isIndeterminate,
+            slot: 'checkbox-indicator',
+          })}
+          {...(props as T)}
+          ref={ref}
+        >
+          {children}
+        </BaseCheckboxIndicator>
+      );
+    },
+  );

package/src/checkbox/createCheckboxLabel.tsx

@@ -0,0 +1,42 @@
+import { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useCheckboxContext } from './context';
+import type { ICheckboxLabelProps } from './types';
+
+export const createCheckboxLabel = <T,>(BaseCheckboxLabel: React.ComponentType<T>) =>
+  forwardRef<unknown, ICheckboxLabelProps & { className?: string }>(
+    ({ children, className, ...props }, ref) => {
+      const {
+        isChecked,
+        isDisabled,
+        isHovered,
+        isInvalid,
+        isReadOnly,
+        isPressed,
+        isFocused,
+        isIndeterminate,
+        isFocusVisible,
+      } = useCheckboxContext();
+
+      return (
+        <BaseCheckboxLabel
+          className={className}
+          {...dataAttributes({
+            hover: isHovered,
+            checked: isChecked,
+            disabled: isDisabled,
+            focusVisible: isFocusVisible,
+            invalid: isInvalid,
+            readOnly: isReadOnly,
+            pressed: isPressed,
+            focused: isFocused,
+            indeterminate: isIndeterminate,
+          })}
+          {...(props as T)}
+          ref={ref}
+        >
+          {children}
+        </BaseCheckboxLabel>
+      );
+    },
+  );