@erquhart/heroui-native 1.0.0-beta.10.1

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

@@ -0,0 +1,136 @@
+import type { ViewProps } from 'react-native';
+import type { AnimatedProps, WithTimingConfig } from 'react-native-reanimated';
+import type { Animation, AnimationRootDisableAll, AnimationValue } from '../../helpers/types/animation';
+import type { ItemProps, RootProps } from '../../primitives/radio-group';
+import type { ErrorViewRootProps } from '../error-view/error-view.types';
+import type { FormFieldDescriptionProps, FormFieldLabelProps } from '../form-field';
+/**
+ * Props for RadioGroup root component
+ */
+export interface RadioGroupProps extends Omit<RootProps, 'asChild'> {
+    /** Radio group content */
+    children?: React.ReactNode;
+    /** Custom class name */
+    className?: string;
+    /**
+     * Animation configuration for radio group
+     * - `"disable-all"`: Disable all animations including children
+     * - `undefined`: Use default animations
+     */
+    animation?: AnimationRootDisableAll;
+}
+/**
+ * Context values shared between RadioGroupItem compound components
+ */
+export interface RadioGroupItemContextValue {
+    /** Whether the radio item is selected */
+    isSelected: boolean;
+    /** Whether the radio item is disabled */
+    isDisabled?: boolean;
+    /** Whether the radio item is invalid */
+    isInvalid?: boolean;
+    /** Whether the radio item is on surface */
+    isOnSurface?: boolean;
+}
+/**
+ * Render function props for RadioGroupItem children
+ */
+export interface RadioGroupItemRenderProps {
+    /** Whether the radio item is selected */
+    isSelected: boolean;
+    /** Whether the radio item is disabled */
+    isDisabled: boolean;
+    /** Whether the radio item is invalid */
+    isInvalid: boolean;
+}
+/**
+ * Props for the RadioGroupItem component
+ */
+export interface RadioGroupItemProps extends Omit<ItemProps, 'children'> {
+    /** Radio item content, or a render function */
+    children?: React.ReactNode | ((props: RadioGroupItemRenderProps) => React.ReactNode);
+    /** Whether the radio item is invalid @default false */
+    isInvalid?: boolean;
+    /** Whether the radio item is on surface */
+    isOnSurface?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * Props for RadioGroup.Indicator component
+ */
+export interface RadioGroupIndicatorProps extends AnimatedProps<ViewProps> {
+    /** Indicator content */
+    children?: React.ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * Animation configuration for RadioGroupIndicatorThumb component
+ */
+export type RadioGroupIndicatorThumbAnimation = Animation<{
+    scale?: AnimationValue<{
+        /**
+         * Scale values [unselected, selected]
+         * @default [1.5, 1]
+         */
+        value?: [number, number];
+        /**
+         * Animation timing configuration
+         * @default { duration: 300, easing: Easing.out(Easing.ease) }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+}>;
+/**
+ * Props for RadioGroup.IndicatorThumb component
+ */
+export interface RadioGroupIndicatorThumbProps extends Omit<AnimatedProps<ViewProps>, 'children'> {
+    /** Custom class name
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `transform` (specifically `scale`) - Animated for selection transitions (unselected: 1.5, selected: 1)
+     *
+     * To customize this property, use the `animation` prop:
+     * ```tsx
+     * <RadioGroup.IndicatorThumb
+     *   animation={{
+     *     scale: { value: [1.5, 1], 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
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: RadioGroupIndicatorThumbAnimation;
+    /**
+     * 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 RadioGroup.Label component
+ */
+export interface RadioGroupLabelProps extends FormFieldLabelProps {
+}
+/**
+ * Props for RadioGroup.Description component
+ */
+export interface RadioGroupDescriptionProps extends FormFieldDescriptionProps {
+}
+/**
+ * Props for RadioGroup.ErrorMessage component
+ */
+export interface RadioGroupErrorMessageProps extends ErrorViewRootProps {
+}
+//# sourceMappingURL=radio-group.types.d.ts.map

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

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

package/lib/typescript/src/components/scroll-shadow/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ScrollShadow } from './scroll-shadow';
+export type { ScrollShadowOrientation, ScrollShadowProps, ScrollShadowVisibility, } from './scroll-shadow.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/scroll-shadow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-shadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,uBAAuB,CAAC"}

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.animation.d.ts

@@ -0,0 +1,25 @@
+import type { ScrollShadowOrientation, ScrollShadowRootAnimation, ScrollShadowVisibility } from './scroll-shadow.types';
+/**
+ * Animation hook for ScrollShadow root component
+ * Handles cascading animation disabled state and all animation logic
+ */
+export declare function useScrollShadowRootAnimation(options: {
+    animation: ScrollShadowRootAnimation | undefined;
+    orientation: ScrollShadowOrientation;
+    size: number;
+    visibility: ScrollShadowVisibility;
+    isEnabled: boolean;
+}): {
+    scrollOffset: import("react-native-reanimated").SharedValue<number>;
+    contentSize: import("react-native-reanimated").SharedValue<number>;
+    containerSize: import("react-native-reanimated").SharedValue<number>;
+    localScrollHandler: import("react-native-reanimated").ScrollHandlerProcessed<Record<string, unknown>>;
+    topShadowStyle: {
+        opacity: number;
+    };
+    bottomShadowStyle: {
+        opacity: number;
+    };
+    isAllAnimationsDisabled: boolean;
+};
+//# sourceMappingURL=scroll-shadow.animation.d.ts.map

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-shadow.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-shadow/scroll-shadow.animation.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,uBAAuB,EACvB,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAI/B;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE;IACpD,SAAS,EAAE,yBAAyB,GAAG,SAAS,CAAC;IACjD,WAAW,EAAE,uBAAuB,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;;;;;;;;;;;;EAiGA"}

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.constants.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Display name constants for ScrollShadow components
+ */
+export declare const SCROLL_SHADOW_DISPLAY_NAME: {
+    readonly ROOT: "HeroUINative.ScrollShadow";
+};
+/**
+ * Default size for gradient shadows in pixels
+ */
+export declare const DEFAULT_SHADOW_SIZE = 50;
+/**
+ * Animation duration for shadow opacity transitions in milliseconds
+ */
+export declare const SHADOW_EXIT_ANIMATION_DURATION = 200;
+/**
+ * Default scroll event throttle for performance
+ */
+export declare const DEFAULT_SCROLL_EVENT_THROTTLE = 16;
+//# sourceMappingURL=scroll-shadow.constants.d.ts.map

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-shadow.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-shadow/scroll-shadow.constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,6BAA6B,KAAK,CAAC"}

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.d.ts

@@ -0,0 +1,18 @@
+import { View } from 'react-native';
+import type { ScrollShadowProps } from './scroll-shadow.types';
+declare const ScrollShadowRoot: import("react").ForwardRefExoticComponent<ScrollShadowProps & import("react").RefAttributes<View>>;
+/**
+ * Compound ScrollShadow component
+ *
+ * @component ScrollShadow - Main container that wraps any scrollable component and adds
+ * dynamic gradient shadows at the edges. Automatically detects scroll position and content
+ * overflow to show/hide shadows intelligently.
+ *
+ * The component intercepts scroll events from the child scrollable component and manages
+ * shadow visibility based on scroll position and content size. Supports both vertical
+ * and horizontal orientations.
+ *
+ * @see Full documentation: https://heroui.com/components/scroll-shadow
+ */
+export default ScrollShadowRoot;
+//# sourceMappingURL=scroll-shadow.d.ts.map

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-shadow.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-shadow/scroll-shadow.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAc,IAAI,EAA0B,MAAM,cAAc,CAAC;AAWxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAoC/D,QAAA,MAAM,gBAAgB,oGA6KpB,CAAC;AAIH;;;;;;;;;;;;GAYG;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.styles.d.ts

@@ -0,0 +1,42 @@
+/**
+ * ScrollShadow component styles using tailwind-variants
+ */
+export declare const scrollShadowStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+/**
+ * Native styles for properties not supported by NativeWind
+ */
+export declare const nativeStyles: {
+    topShadow: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        zIndex: number;
+        pointerEvents: "none";
+    };
+    bottomShadow: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+        right: number;
+        zIndex: number;
+        pointerEvents: "none";
+    };
+    leftShadow: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        zIndex: number;
+        pointerEvents: "none";
+    };
+    rightShadow: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        right: number;
+        zIndex: number;
+        pointerEvents: "none";
+    };
+};
+//# sourceMappingURL=scroll-shadow.styles.d.ts.map

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-shadow.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-shadow/scroll-shadow.styles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,kBAAkB,0LAE7B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvB,CAAC"}

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.types.d.ts

@@ -0,0 +1,98 @@
+import type { ComponentType } from 'react';
+import type { ViewProps } from 'react-native';
+import type { AnimationRoot, AnimationValue } from '../../helpers/types/animation';
+/**
+ * Orientation of the scroll shadow
+ * @default 'vertical'
+ */
+export type ScrollShadowOrientation = 'horizontal' | 'vertical';
+/**
+ * Visibility mode for the scroll shadows
+ * - 'auto': Shows shadows based on scroll position and content overflow
+ * - 'top': Only shows top shadow (for vertical) or left shadow (for horizontal)
+ * - 'bottom': Only shows bottom shadow (for vertical) or right shadow (for horizontal)
+ * - 'left': Only shows left shadow (for horizontal orientation)
+ * - 'right': Only shows right shadow (for horizontal orientation)
+ * - 'both': Always shows both shadows
+ * - 'none': Hides all shadows
+ * @default 'auto'
+ */
+export type ScrollShadowVisibility = 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'both' | 'none';
+export interface LinearGradientProps {
+    colors: any;
+    locations?: any;
+    start?: any;
+    end?: any;
+    style?: any;
+}
+export type LinearGradientComponent = ComponentType<LinearGradientProps>;
+/**
+ * Animation configuration for ScrollShadow root component
+ */
+export type ScrollShadowRootAnimation = AnimationRoot<{
+    /**
+     * Opacity animation configuration
+     */
+    opacity?: AnimationValue<{
+        /**
+         * Opacity values [initial, active]
+         * - First value (0): Initial opacity when shadow is not visible
+         * - Second value (1): Active opacity when shadow is visible
+         * For bottom/right shadow, this array is reversed: [1, 0]
+         * @default [0, 1]
+         */
+        value?: [number, number];
+    }>;
+}>;
+/**
+ * Props for the ScrollShadow component
+ */
+export interface ScrollShadowProps extends ViewProps {
+    /**
+     * The scrollable component to enhance with shadows
+     * Must be a single React element (ScrollView, FlatList, etc.)
+     */
+    children: React.ReactElement;
+    /**
+     * Size (height/width) of the gradient shadow in pixels
+     * @default 50
+     */
+    size?: number;
+    /**
+     * Orientation of the scroll shadow
+     * If not provided, will auto-detect from child's `horizontal` prop
+     * @default 'vertical' or auto-detected from child
+     */
+    orientation?: ScrollShadowOrientation;
+    /**
+     * Visibility mode for the shadows
+     * @default 'auto'
+     */
+    visibility?: ScrollShadowVisibility;
+    /**
+     * Custom color for the gradient shadow
+     * If not provided, uses the theme's background color
+     */
+    color?: string;
+    /**
+     * Whether the shadow effect is enabled
+     * @default true
+     */
+    isEnabled?: boolean;
+    /**
+     * Additional CSS classes to apply to the container
+     */
+    className?: string;
+    /**
+     * LinearGradient component to use for rendering shadows
+     * Compatible with expo-linear-gradient, react-native-linear-gradient, etc.
+     * Required for the component to render shadows
+     */
+    LinearGradientComponent: LinearGradientComponent;
+    /**
+     * Animation configuration for scroll shadow
+     * @default undefined
+     */
+    animation?: ScrollShadowRootAnimation;
+}
+//# sourceMappingURL=scroll-shadow.types.d.ts.map

package/lib/typescript/src/components/scroll-shadow/scroll-shadow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-shadow.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-shadow/scroll-shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACf,MAAM,+BAA+B,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,aAAa,CAAC;IACpD;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;QACvB;;;;;;WAMG;QACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC1B,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC;IAEtC;;;OAGG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IAEpC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,uBAAuB,EAAE,uBAAuB,CAAC;IAEjD;;;OAGG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC"}

package/lib/typescript/src/components/select/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Select, useSelect, useSelectAnimation, useSelectItem, } from './select';
+export type { SelectAlign, SelectCloseIconProps, SelectCloseProps, SelectContentProps, SelectItemDescriptionProps, SelectItemIndicatorIconProps, SelectItemIndicatorProps, SelectItemLabelProps, SelectItemProps, SelectListLabelProps, SelectOverlayProps, SelectPlacement, SelectPortalProps, SelectRootProps, SelectTriggerProps, SelectTriggerRef, SelectValueProps, } from './select.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,SAAS,EACT,kBAAkB,EAClB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,0BAA0B,EAC1B,4BAA4B,EAC5B,wBAAwB,EACxB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}

package/lib/typescript/src/components/select/select.animation.d.ts

@@ -0,0 +1,4 @@
+import type { SelectAnimationContextValue } from './select.types';
+declare const SelectAnimationProvider: import("react").Provider<SelectAnimationContextValue>, useSelectAnimation: () => SelectAnimationContextValue;
+export { SelectAnimationProvider, useSelectAnimation };
+//# sourceMappingURL=select.animation.d.ts.map

package/lib/typescript/src/components/select/select.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/select.animation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAElE,QAAA,MAAO,uBAAuB,yDAAE,kBAAkB,mCAG9C,CAAC;AAEL,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/typescript/src/components/select/select.constants.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Display names for the Select components
+ */
+export declare const DISPLAY_NAME: {
+    ROOT: string;
+    TRIGGER: string;
+    VALUE: string;
+    PORTAL: string;
+    OVERLAY: string;
+    CONTENT: string;
+    ITEM: string;
+    ITEM_LABEL: string;
+    ITEM_DESCRIPTION: string;
+    ITEM_INDICATOR: string;
+    LIST_LABEL: string;
+    CLOSE: string;
+};
+/**
+ * Default offset from trigger element
+ */
+export declare const DEFAULT_OFFSET = 8;
+/**
+ * Default alignment offset
+ */
+export declare const DEFAULT_ALIGN_OFFSET = 0;
+/**
+ * Default screen edge insets
+ */
+export declare const DEFAULT_INSETS: {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+//# sourceMappingURL=select.constants.d.ts.map

package/lib/typescript/src/components/select/select.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/select.constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAaxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;GAEG;AACH,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC"}

package/lib/typescript/src/components/select/select.d.ts

@@ -0,0 +1,66 @@
+import type { Text as RNText } from 'react-native';
+import { View } from 'react-native';
+import * as SelectPrimitives from '../../primitives/select';
+import { useSelectAnimation } from './select.animation';
+import type { SelectCloseProps, SelectContentBottomSheetProps, SelectContentDialogProps, SelectContentPopoverProps, SelectItemDescriptionProps, SelectItemIndicatorProps, SelectItemLabelProps, SelectItemProps, SelectListLabelProps, SelectOverlayProps, SelectPortalProps, SelectRootProps, SelectTriggerProps, SelectValueProps } from './select.types';
+declare const useSelect: () => SelectPrimitives.IRootContext;
+declare const useSelectItem: typeof SelectPrimitives.useItemContext;
+/**
+ * Compound Select component with sub-components
+ *
+ * @component Select - Main container that manages open/close state, positioning,
+ * value selection and provides context to child components. Handles placement, alignment, and collision detection.
+ *
+ * @component Select.Trigger - Clickable element that toggles the select visibility.
+ * Wraps any child element with press handlers.
+ *
+ * @component Select.Value - Displays the selected value or placeholder text.
+ * Automatically updates when selection changes.
+ *
+ * @component Select.Portal - Renders select content in a portal layer above other content.
+ * Ensures proper stacking and positioning.
+ *
+ * @component Select.Overlay - Optional background overlay. Can be transparent or
+ * semi-transparent to capture outside clicks.
+ *
+ * @component Select.Content - Container for select content with three presentation modes:
+ * popover (default floating with positioning and collision detection), bottom sheet modal, or dialog modal.
+ * Supports custom animations.
+ *
+ * @component Select.Item - Selectable option item. Handles selection state and press events.
+ *
+ * @component Select.ItemLabel - Displays the label text for an item.
+ *
+ * @component Select.ItemIndicator - Optional indicator shown for selected items.
+ *
+ * @component Select.ListLabel - Label for the list of items.
+ *
+ * @component Select.Close - Close button that dismisses the select when pressed.
+ * Renders a default X icon if no children provided.
+ *
+ * @component Select.ItemDescription - Optional description text for items with muted styling.
+ *
+ * Props flow from Select to sub-components via context (placement, align, offset, value, etc.).
+ * The select automatically positions itself relative to the trigger element.
+ *
+ * @see Full documentation: https://heroui.com/components/select
+ */
+declare const Select: import("react").ForwardRefExoticComponent<SelectRootProps & import("react").RefAttributes<View>> & {
+    Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<SelectPrimitives.TriggerRef>>;
+    Value: import("react").ForwardRefExoticComponent<SelectValueProps & import("react").RefAttributes<RNText>>;
+    Portal: {
+        ({ className, children, ...props }: SelectPortalProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Overlay: import("react").ForwardRefExoticComponent<SelectOverlayProps & import("react").RefAttributes<View>>;
+    Content: import("react").ForwardRefExoticComponent<(SelectContentPopoverProps | SelectContentDialogProps | Omit<SelectContentBottomSheetProps, "ref">) & import("react").RefAttributes<View | import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>>;
+    Item: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<View>>;
+    ItemLabel: import("react").ForwardRefExoticComponent<SelectItemLabelProps & import("react").RefAttributes<RNText>>;
+    ItemDescription: import("react").ForwardRefExoticComponent<SelectItemDescriptionProps & import("react").RefAttributes<RNText>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<SelectItemIndicatorProps & import("react").RefAttributes<View>>;
+    ListLabel: import("react").ForwardRefExoticComponent<SelectListLabelProps & import("react").RefAttributes<RNText>>;
+    Close: import("react").ForwardRefExoticComponent<SelectCloseProps & import("react").RefAttributes<View>>;
+};
+export { useSelect, useSelectAnimation, useSelectItem };
+export default Select;
+//# sourceMappingURL=select.d.ts.map

package/lib/typescript/src/components/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAqB,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAsBpC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,OAAO,EAEL,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAQ5B,OAAO,KAAK,EACV,gBAAgB,EAChB,6BAA6B,EAC7B,wBAAwB,EACxB,yBAAyB,EAEzB,0BAA0B,EAC1B,wBAAwB,EACxB,oBAAoB,EACpB,eAAe,EAEf,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAgBxB,QAAA,MAAM,SAAS,qCAAkC,CAAC;AAElD,QAAA,MAAM,aAAa,wCAAkC,CAAC;AA6lBtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,MAAM;;;;4CAhiB6C,iBAAiB;;;;;;;;;;;CA4iBxE,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC;AACxD,eAAe,MAAM,CAAC"}

package/lib/typescript/src/components/select/select.styles.d.ts

@@ -0,0 +1,121 @@
+/**
+ * Dialog content style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The `content` slot has the following animated properties that cannot be overridden using Tailwind classes:
+ * - `opacity` - Animated for content show/hide transitions (idle: 0, open: 1, close: 0)
+ * - `transform` (specifically `scale`) - Animated for content show/hide transitions (idle: 0.97, open: 1, close: 0.97)
+ *
+ * To customize these properties, use the `animation` prop on `Select.Content` (dialog presentation):
+ * ```tsx
+ * <Select.Content
+ *   presentation="dialog"
+ *   classNames={{
+ *     content: "custom-class", // opacity and scale cannot be overridden here
+ *     wrapper: "custom-wrapper-class"
+ *   }}
+ *   animation={{
+ *     opacity: { value: [0, 1, 0] },
+ *     scale: { value: [0.97, 1, 0.97] }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Select.Content`.
+ */
+declare const dialogContent: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            content?: import("tailwind-merge").ClassNameValue;
+            wrapper?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            content?: import("tailwind-merge").ClassNameValue;
+            wrapper?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    wrapper: string;
+    content: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            content?: import("tailwind-merge").ClassNameValue;
+            wrapper?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    wrapper: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    wrapper: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const selectStyles: {
+    trigger: import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "", {
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+        };
+    }, undefined, "", unknown, unknown, undefined>>;
+    portal: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute inset-0", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute inset-0", unknown, unknown, undefined>>;
+    overlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute inset-0", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute inset-0", unknown, unknown, undefined>>;
+    popoverContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-overlay rounded-3xl border border-border p-3 px-4 shadow-lg shadow-black/5 dark:shadow-none", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-overlay rounded-3xl border border-border p-3 px-4 shadow-lg shadow-black/5 dark:shadow-none", unknown, unknown, undefined>>;
+    dialogContent: import("tailwind-variants").TVReturnType<{
+        [key: string]: {
+            [key: string]: import("tailwind-merge").ClassNameValue | {
+                content?: import("tailwind-merge").ClassNameValue;
+                wrapper?: import("tailwind-merge").ClassNameValue;
+            };
+        };
+    } | {
+        [x: string]: {
+            [x: string]: import("tailwind-merge").ClassNameValue | {
+                content?: import("tailwind-merge").ClassNameValue;
+                wrapper?: import("tailwind-merge").ClassNameValue;
+            };
+        };
+    } | {}, {
+        wrapper: string;
+        content: string;
+    }, undefined, {
+        [key: string]: {
+            [key: string]: import("tailwind-merge").ClassNameValue | {
+                content?: import("tailwind-merge").ClassNameValue;
+                wrapper?: import("tailwind-merge").ClassNameValue;
+            };
+        };
+    } | {}, {
+        wrapper: string;
+        content: string;
+    }, import("tailwind-variants").TVReturnType<unknown, {
+        wrapper: string;
+        content: string;
+    }, undefined, unknown, unknown, undefined>>;
+    close: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    value: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-base text-foreground", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-base text-foreground", unknown, unknown, undefined>>;
+    item: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex-row items-center gap-2 px-2 py-3", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex-row items-center gap-2 px-2 py-3", unknown, unknown, undefined>>;
+    itemLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex-1 text-base text-foreground font-medium", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex-1 text-base text-foreground font-medium", unknown, unknown, undefined>>;
+    itemDescription: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-sm/snug text-muted", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-sm/snug text-muted", unknown, unknown, undefined>>;
+    itemIndicator: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "size-5 items-center justify-center", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "size-5 items-center justify-center", unknown, unknown, undefined>>;
+    listLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-sm text-muted font-medium px-2 py-1.5", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-sm text-muted font-medium px-2 py-1.5", unknown, unknown, undefined>>;
+};
+export type DialogContentFallbackSlots = keyof ReturnType<typeof dialogContent>;
+export declare const styleSheet: {
+    contentContainer: {
+        borderCurve: "continuous";
+    };
+};
+export default selectStyles;
+//# sourceMappingURL=select.styles.d.ts.map

package/lib/typescript/src/components/select/select.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/select.styles.ts"],"names":[],"mappings":"AAyEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAKjB,CAAC;AA0BH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAajB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,MAAM,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AAEhF,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,eAAe,YAAY,CAAC"}