@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.types.d.ts

@@ -0,0 +1,332 @@
+import type { PressableProps, ViewProps } from 'react-native';
+import type { AnimatedProps, SharedValue, WithTimingConfig } from 'react-native-reanimated';
+import type { ElementSlots } from '../../helpers/theme/types';
+import type { Animation, AnimationRoot, AnimationValue } from '../../helpers/types';
+import type { RippleSlots } from './pressable-feedback.styles';
+/**
+ * Variant of the feedback effect
+ */
+export type PressableFeedbackVariant = 'highlight' | 'ripple';
+/**
+ * Scale animation configuration for PressableFeedback root container
+ */
+export type PressableFeedbackScaleAnimation = AnimationValue<{
+    /**
+     * Scale value when pressed
+     * @default 0.985
+     *
+     * Note: The actual scale is automatically adjusted based on the container's width
+     * using a scale coefficient. This ensures the scale effect feels consistent across different
+     * container sizes:
+     * - Base width: 300px
+     * - If container width > 300px: scale adjustment decreases (less noticeable scale down)
+     * - If container width < 300px: scale adjustment increases (more noticeable scale down)
+     * - Example: 600px width → 0.5x coefficient → adjustedScale = 1 - (1 - 0.98) * 0.5 = 0.99
+     * - Example: 150px width → 2x coefficient → adjustedScale = 1 - (1 - 0.98) * 2 = 0.96
+     *
+     * This automatic scaling creates the same visual feel on different sized containers
+     * by adjusting the scale effect relative to the container size.
+     */
+    value?: number;
+    /**
+     * Animation timing configuration
+     * @default { duration: 300, easing: Easing.out(Easing.ease) }
+     */
+    timingConfig?: WithTimingConfig;
+    /**
+     * Ignore the scale coefficient and use the scale value directly
+     *
+     * When set to true, the scale coefficient will return 1, meaning the actual scale
+     * will always equal the value regardless of the container's width.
+     *
+     * @default false
+     */
+    ignoreScaleCoefficient?: boolean;
+}>;
+/**
+ * Animation configuration for PressableFeedback highlight overlay
+ */
+export type PressableFeedbackHighlightAnimation = Animation<{
+    /**
+     * Opacity animation for the highlight overlay
+     */
+    opacity?: AnimationValue<{
+        /**
+         * Opacity values [unpressed, pressed]
+         * @default [0, 0.1]
+         */
+        value?: [number, number];
+        /**
+         * Animation timing configuration
+         * @default { duration: 200 }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+    /**
+     * Background color of the highlight overlay
+     */
+    backgroundColor?: AnimationValue<{
+        /**
+         * Background color value
+         * @default Computed based on theme (brighten for dark, darken for light)
+         */
+        value?: string;
+    }>;
+}>;
+/**
+ * Animation configuration for PressableFeedback ripple effect
+ */
+export type PressableFeedbackRippleAnimation = Animation<{
+    /**
+     * Background color of the ripple effect
+     */
+    backgroundColor?: AnimationValue<{
+        /**
+         * Background color value
+         * @default Computed based on theme (brighten for dark, darken for light)
+         */
+        value?: string;
+    }>;
+    /**
+     * Progress animation configuration for the ripple effect
+     *
+     * This controls how the ripple progresses over time from the center to the edges.
+     * The progress is represented as a shared value that animates from 0 to 2:
+     * - 0 to 1: Initial expansion phase (press begins)
+     * - 1 to 2: Final expansion and fade out phase (press ends)
+     */
+    progress?: AnimationValue<{
+        /**
+         * Base duration for the ripple progress animation in milliseconds
+         *
+         * This value controls how fast the ripple progresses across the container.
+         * Lower values mean faster ripple expansion, higher values mean slower expansion.
+         *
+         * @default 750
+         *
+         * Note: The actual duration is automatically adjusted based on the container's diagonal size
+         * using a durationCoefficient. This ensures the ripple feels consistent across different
+         * container sizes:
+         * - Base diagonal: 450px
+         * - If container diagonal > 450px: duration increases proportionally (max 2x baseDuration)
+         * - If container diagonal < 450px: duration decreases proportionally
+         * - Example: 900px diagonal → 2x coefficient → duration = baseDuration * 2 (capped at 2x)
+         * - Example: 225px diagonal → 0.5x coefficient → duration = baseDuration * 0.5
+         *
+         * This automatic scaling creates the same visual feel on different sized containers
+         * by making the ripple travel at a consistent speed relative to the container size.
+         */
+        baseDuration?: number;
+        /**
+         * Minimum base duration for the ripple progress animation in milliseconds
+         *
+         * This sets a lower bound for the calculated duration after applying the duration coefficient.
+         * Useful for preventing the ripple animation from being too fast on small containers.
+         *
+         * @default undefined (no minimum)
+         */
+        minBaseDuration?: number;
+        /**
+         * Ignore the duration coefficient and use the base duration directly
+         *
+         * When set to true, the durationCoefficient will return 1, meaning the actual duration
+         * will always equal baseDuration regardless of the container's diagonal size.
+         *
+         * @default false
+         */
+        ignoreDurationCoefficient?: boolean;
+    }>;
+    /**
+     * Opacity animation for the ripple effect
+     */
+    opacity?: AnimationValue<{
+        /**
+         * Opacity values [start, peak, end] for ripple animation
+         * @default [0, 0.1, 0]
+         */
+        value?: [number, number, number];
+        /**
+         * Animation timing configuration
+         * Note: Timing configs are applied to interpolated values. It's not recommended
+         * to keep duration higher than 80ms as the ripple effect will be weak.
+         * @default { duration: 30 }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+    /**
+     * Scale animation for the ripple effect
+     */
+    scale?: AnimationValue<{
+        /**
+         * Scale values [start, peak, end] for ripple animation
+         * @default [0, 1, 1]
+         */
+        value?: [number, number, number];
+        /**
+         * Animation timing configuration
+         * Note: Timing configs are applied to interpolated values. It's not recommended
+         * to keep duration higher than 80ms as the ripple effect will be weak.
+         * @default { duration: 30 }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+}>;
+/**
+ * Animation configuration for PressableFeedback root component
+ * Only contains scale animation configuration
+ */
+export type PressableFeedbackRootAnimation = AnimationRoot<{
+    /**
+     * Scale animation for the root container
+     */
+    scale?: PressableFeedbackScaleAnimation;
+}>;
+/**
+ * Props for PressableFeedback root component
+ */
+export interface PressableFeedbackProps extends AnimatedProps<Omit<PressableProps, 'disabled'>> {
+    /**
+     * Whether the pressable component is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `transform` (specifically `scale`) - Animated for press feedback transitions (unpressed: 1, pressed: adjusted scale based on container width, default: 0.985)
+     *
+     * To customize this property, use the `animation` prop:
+     * ```tsx
+     * <PressableFeedback
+     *   animation={{
+     *     scale: { value: 0.985, timingConfig: { duration: 300, easing: Easing.out(Easing.ease) } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for the root component (scale only)
+     */
+    animation?: PressableFeedbackRootAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * Props for PressableFeedback highlight component
+ */
+export interface PressableFeedbackHighlightProps extends AnimatedProps<ViewProps> {
+    /**
+     * Additional CSS classes
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `backgroundColor` - Animated for highlight background color transitions (default: theme-aware gray)
+     * - `opacity` - Animated for highlight visibility transitions (unpressed: 0, pressed: 0.1, default duration: 200ms)
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <PressableFeedback.Highlight
+     *   animation={{
+     *     backgroundColor: { value: '#3f3f46' },
+     *     opacity: { value: [0, 0.2], timingConfig: { duration: 300 } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for the highlight overlay
+     */
+    animation?: PressableFeedbackHighlightAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * Props for PressableFeedback ripple component
+ */
+export interface PressableFeedbackRippleProps extends Omit<ViewProps, 'style'> {
+    /**
+     * Additional CSS classes for the container slot
+     *
+     * Applied to the container slot (`absolute inset-0`). The container handles touch events and positioning.
+     * Container styles can be fully customized via className or the `classNames.container` prop.
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the slots
+     *
+     * - `container`: Outer container slot (`absolute inset-0`) - styles can be fully customized
+     * - `ripple`: Inner ripple slot (`absolute top-0 left-0 rounded-full`) - has animated properties that cannot be set via className
+     *
+     * @note The following style properties on the `ripple` slot are occupied by animations and cannot be set via className:
+     * - `width`, `height`, `borderRadius` - Animated for ripple circle size calculations (based on container diagonal)
+     * - `opacity` - Animated for ripple visibility transitions (unpressed: 0, expanding: 0.1, fading: 0)
+     * - `transform` (specifically `translateX`, `translateY`, `scale`) - Animated for ripple position and expansion from touch point
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <PressableFeedback.Ripple
+     *   animation={{
+     *     opacity: { value: [0, 0.1, 0], timingConfig: { duration: 400 } },
+     *     scale: { value: [0, 1, 1] },
+     *     backgroundColor: { value: '#3f3f46' }
+     *   }}
+     * />
+     * ```
+     *
+     * Touch handlers (`onTouchStart`, `onTouchEnd`, `onTouchCancel`) can be customized via props and will be called alongside animation handlers.
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    classNames?: ElementSlots<RippleSlots>;
+    /**
+     * Style for the container slot
+     */
+    containerStyle?: ViewProps['style'];
+    /**
+     * Style for the ripple slot
+     */
+    rippleStyle?: ViewProps['style'];
+    /**
+     * Animation configuration for the ripple overlay
+     */
+    animation?: PressableFeedbackRippleAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * Context value for PressableFeedback root animation state
+ */
+export interface PressableFeedbackRootAnimationContextValue {
+    /** Shared value tracking if component is pressed (for scale animation) */
+    isPressed: SharedValue<boolean>;
+    /** Shared value tracking the container width (for scale coefficient calculation) */
+    containerWidth: SharedValue<number>;
+    /** Shared value tracking the container height (for scale coefficient calculation) */
+    containerHeight: SharedValue<number>;
+}
+//# sourceMappingURL=pressable-feedback.types.d.ts.map

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable-feedback.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/pressable-feedback/pressable-feedback.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC;IAC3D;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,mCAAmC,GAAG,SAAS,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;QACvB;;;WAGG;QACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACzB;;;WAGG;QACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;KACjC,CAAC,CAAC;IACH;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,CAAC;QAC/B;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,CAAC;QAC/B;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;QACxB;;;;;;;;;;;;;;;;;;;WAmBG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB;;;;;;;WAOG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB;;;;;;;WAOG;QACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;KACrC,CAAC,CAAC;IACH;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;QACvB;;;WAGG;QACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC;;;;;WAKG;QACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;KACjC,CAAC,CAAC;IACH;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;QACrB;;;WAGG;QACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC;;;;;WAKG;QACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;KACjC,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GAAG,aAAa,CAAC;IACzD;;OAEG;IACH,KAAK,CAAC,EAAE,+BAA+B,CAAC;CACzC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,aAAa,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;IACvD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;;;;;;;OAgBG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,8BAA8B,CAAC;IAC3C;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,+BACf,SAAQ,aAAa,CAAC,SAAS,CAAC;IAChC;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,mCAAmC,CAAC;IAChD;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5E;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,gCAAgC,CAAC;IAC7C;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,0CAA0C;IACzD,0EAA0E;IAC1E,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAChC,oFAAoF;IACpF,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,qFAAqF;IACrF,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACtC"}

package/lib/typescript/src/components/radio-group/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RadioGroup, useRadioGroup, useRadioGroupItem, } from './radio-group';
+export type { RadioGroupDescriptionProps, RadioGroupErrorMessageProps, RadioGroupIndicatorProps, RadioGroupIndicatorThumbAnimation, RadioGroupIndicatorThumbProps, RadioGroupItemContextValue, RadioGroupItemProps, RadioGroupItemRenderProps, RadioGroupLabelProps, RadioGroupProps, } from './radio-group.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,aAAa,EACb,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,iCAAiC,EACjC,6BAA6B,EAC7B,0BAA0B,EAC1B,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,EACpB,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

package/lib/typescript/src/components/radio-group/radio-group.animation.d.ts

@@ -0,0 +1,26 @@
+import type { AnimationRootDisableAll } from '../../helpers/types/animation';
+import type { RadioGroupIndicatorThumbAnimation } from './radio-group.types';
+/**
+ * Animation hook for RadioGroup root component
+ * Handles cascading animation disabled state to child components
+ */
+export declare function useRadioGroupRootAnimation(options: {
+    animation: AnimationRootDisableAll | undefined;
+}): {
+    isAllAnimationsDisabled: boolean;
+};
+/**
+ * Animation hook for RadioGroupIndicatorThumb component
+ * Handles scale animation based on selection state
+ */
+export declare function useRadioGroupIndicatorThumbAnimation(options: {
+    animation: RadioGroupIndicatorThumbAnimation | undefined;
+    isSelected: boolean;
+}): {
+    rContainerStyle: {
+        transform: {
+            scale: number;
+        }[];
+    };
+};
+//# sourceMappingURL=radio-group.animation.d.ts.map

package/lib/typescript/src/components/radio-group/radio-group.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/radio-group/radio-group.animation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAO7E,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,qBAAqB,CAAC;AAI7E;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE;IAClD,SAAS,EAAE,uBAAuB,GAAG,SAAS,CAAC;CAChD;;EAQA;AAID;;;GAGG;AACH,wBAAgB,oCAAoC,CAAC,OAAO,EAAE;IAC5D,SAAS,EAAE,iCAAiC,GAAG,SAAS,CAAC;IACzD,UAAU,EAAE,OAAO,CAAC;CACrB;;;;;;EAoDA"}

package/lib/typescript/src/components/radio-group/radio-group.constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Display names for RadioGroup components
+ */
+export declare const DISPLAY_NAME: {
+    readonly RADIO_GROUP_ROOT: "HeroUINative.RadioGroup.Root";
+    readonly RADIO_GROUP_ITEM: "HeroUINative.RadioGroup.Item";
+    readonly RADIO_GROUP_INDICATOR: "HeroUINative.RadioGroup.Indicator";
+    readonly RADIO_GROUP_INDICATOR_THUMB: "HeroUINative.RadioGroup.IndicatorThumb";
+    readonly RADIO_GROUP_TITLE: "HeroUINative.RadioGroup.Label";
+    readonly RADIO_GROUP_DESCRIPTION: "HeroUINative.RadioGroup.Description";
+    readonly RADIO_GROUP_ERROR_MESSAGE: "HeroUINative.RadioGroup.ErrorMessage";
+};
+export declare const DEFAULT_HIT_SLOP = 6;
+//# sourceMappingURL=radio-group.constants.d.ts.map

package/lib/typescript/src/components/radio-group/radio-group.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/radio-group/radio-group.constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,eAAO,MAAM,gBAAgB,IAAI,CAAC"}

package/lib/typescript/src/components/radio-group/radio-group.d.ts

@@ -0,0 +1,53 @@
+import { View } from 'react-native';
+import Animated from 'react-native-reanimated';
+import * as RadioGroupPrimitives from '../../primitives/radio-group';
+import type { RadioGroupDescriptionProps, RadioGroupErrorMessageProps, RadioGroupIndicatorProps, RadioGroupIndicatorThumbProps, RadioGroupItemContextValue, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupProps } from './radio-group.types';
+declare const useRadioGroupItem: () => RadioGroupItemContextValue;
+declare const useRadioGroup: typeof RadioGroupPrimitives.useRadioGroupContext;
+/**
+ * Compound RadioGroup component with sub-components
+ *
+ * @component RadioGroup - Container that manages the selection state of RadioGroupItem components.
+ * Supports both horizontal and vertical orientations.
+ *
+ * @component RadioGroup.ErrorMessage - Error message displayed when radio group is invalid.
+ * Shown with animation below the radio group content. Takes full width when orientation is horizontal.
+ *
+ * @component RadioGroup.Item - Individual radio option within a RadioGroup. Must be used inside RadioGroup.
+ * Handles selection state and renders default indicator if no children provided. Animates border
+ * color based on selection state.
+ *
+ * @component RadioGroup.Indicator - Optional container for the radio circle. Renders default thumb
+ * if no children provided. Manages the visual selection state.
+ *
+ * @component RadioGroup.IndicatorThumb - Optional inner circle that appears when selected. Animates
+ * scale based on selection. Can be replaced with custom content.
+ *
+ * @component RadioGroup.Label - Optional text label for the radio option. Clickable by default and
+ * linked to the radio for accessibility.
+ *
+ * @component RadioGroup.Description - Optional secondary text below the label. Provides additional
+ * context about the radio option.
+ *
+ * Props flow from RadioGroup to RadioGroupItem to sub-components via context (color, value, isSelected).
+ * RadioGroup manages the overall selection state and orientation.
+ *
+ * @see Full documentation: https://heroui.com/components/radio-group
+ */
+declare const CompoundRadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<View>> & {
+    /** @optional Error message displayed when radio group is invalid */
+    ErrorMessage: import("react").ForwardRefExoticComponent<RadioGroupErrorMessageProps & import("react").RefAttributes<View>>;
+    /** Individual radio option within a RadioGroup */
+    Item: import("react").ForwardRefExoticComponent<RadioGroupItemProps & import("react").RefAttributes<View>>;
+    /** @optional Custom radio indicator container */
+    Indicator: import("react").ForwardRefExoticComponent<RadioGroupIndicatorProps & import("react").RefAttributes<Animated.View>>;
+    /** @optional Custom indicator thumb that appears when selected */
+    IndicatorThumb: import("react").ForwardRefExoticComponent<RadioGroupIndicatorThumbProps & import("react").RefAttributes<View>>;
+    /** @optional Clickable text label */
+    Label: import("react").ForwardRefExoticComponent<RadioGroupLabelProps & import("react").RefAttributes<import("react-native").Text>>;
+    /** @optional Secondary descriptive text */
+    Description: import("react").ForwardRefExoticComponent<RadioGroupDescriptionProps & import("react").RefAttributes<import("react-native").Text>>;
+};
+export default CompoundRadioGroup;
+export { useRadioGroup, useRadioGroupItem };
+//# sourceMappingURL=radio-group.d.ts.map

package/lib/typescript/src/components/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAM/C,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AASrE,OAAO,KAAK,EACV,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,6BAA6B,EAC7B,0BAA0B,EAC1B,mBAAmB,EAEnB,oBAAoB,EACpB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAU7B,QAAA,MAA+B,iBAAiB,kCAG5C,CAAC;AAEL,QAAA,MAAM,aAAa,kDAA4C,CAAC;AA8OhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,kBAAkB;IACtB,oEAAoE;;IAEpE,kDAAkD;;IAElD,iDAAiD;;IAEjD,kEAAkE;;IAElE,qCAAqC;;IAErC,2CAA2C;;CAE3C,CAAC;AAEH,eAAe,kBAAkB,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/src/components/radio-group/radio-group.styles.d.ts

@@ -0,0 +1,92 @@
+declare const radioGroupStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "gap-3", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "gap-3", unknown, unknown, undefined>>;
+    errorMessage: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    item: import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "flex-row items-center justify-between gap-3", {
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "flex-row items-center justify-between gap-3", unknown, unknown, undefined>>;
+    itemIndicator: import("tailwind-variants").TVReturnType<{
+        isOnSurface: {
+            true: string;
+            false: string;
+        };
+        isSelected: {
+            true: string;
+            false: string;
+        };
+        isInvalid: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "size-6 rounded-full border border-field-border items-center justify-center overflow-hidden", {
+        isOnSurface: {
+            true: string;
+            false: string;
+        };
+        isSelected: {
+            true: string;
+            false: string;
+        };
+        isInvalid: {
+            true: string;
+            false: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isOnSurface: {
+            true: string;
+            false: string;
+        };
+        isSelected: {
+            true: string;
+            false: string;
+        };
+        isInvalid: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "size-6 rounded-full border border-field-border items-center justify-center overflow-hidden", unknown, unknown, undefined>>;
+    itemIndicatorThumb: import("tailwind-variants").TVReturnType<{
+        isOnSurface: {
+            true: string;
+            false: string;
+        };
+        isSelected: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "size-2.5 dark:size-3 rounded-full", {
+        isOnSurface: {
+            true: string;
+            false: string;
+        };
+        isSelected: {
+            true: string;
+            false: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isOnSurface: {
+            true: string;
+            false: string;
+        };
+        isSelected: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "size-2.5 dark:size-3 rounded-full", unknown, unknown, undefined>>;
+}>;
+export declare const styleSheet: {
+    borderCurve: {
+        borderCurve: "continuous";
+    };
+};
+export default radioGroupStyles;
+//# sourceMappingURL=radio-group.styles.d.ts.map

package/lib/typescript/src/components/radio-group/radio-group.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAsFA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMpB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}