@erquhart/heroui-native 1.0.0-beta.10.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"surface.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/surface.styles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;8EAcR,CAAC;AAEH,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/typescript/src/components/surface/surface.types.d.ts

@@ -0,0 +1,40 @@
+import type { ViewProps } from 'react-native';
+import type { AnimationRootDisableAll } from '../../helpers/types/animation';
+/**
+ * Variant options for the Surface component
+ */
+export type SurfaceVariant = 'default' | 'secondary' | 'tertiary' | 'quaternary' | 'transparent';
+/**
+ * Props for the Surface.Root component
+ */
+export interface SurfaceRootProps extends ViewProps {
+    /**
+     * Children elements to be rendered inside the surface
+     */
+    children?: React.ReactNode;
+    /**
+     * Visual variant of the surface
+     * @default 'default'
+     */
+    variant?: SurfaceVariant;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Animation configuration for surface
+     * - `"disable-all"`: Disable all animations including children
+     * - `undefined`: Use default animations
+     */
+    animation?: AnimationRootDisableAll;
+}
+/**
+ * Context value for the Surface component
+ */
+export interface SurfaceContextValue {
+    /**
+     * Visual variant of the surface
+     */
+    variant: SurfaceVariant;
+}
+//# sourceMappingURL=surface.types.d.ts.map

package/lib/typescript/src/components/surface/surface.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/surface.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E;;GAEG;AACH,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,aAAa,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;CACzB"}

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

@@ -0,0 +1,3 @@
+export { default as Switch, useSwitch } from './switch';
+export * from './switch.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { ViewStyle } from 'react-native';
+import type { SwitchAnimationContextValue, SwitchRootAnimation, SwitchThumbAnimation } from './switch.types';
+declare const SwitchAnimationProvider: import("react").Provider<SwitchAnimationContextValue>, useSwitchAnimation: () => SwitchAnimationContextValue;
+export { SwitchAnimationProvider, useSwitchAnimation };
+/**
+ * Animation hook for Switch root component
+ * Handles scale and background color animations and provides context for child components
+ */
+export declare function useSwitchRootAnimation(options: {
+    animation: SwitchRootAnimation | undefined;
+    isSelected: boolean | undefined;
+}): {
+    rContainerStyle: {
+        backgroundColor: string;
+        transform?: undefined;
+    } | {
+        backgroundColor: string;
+        transform: {
+            scale: number;
+        }[];
+    };
+    isSwitchPressed: import("react-native-reanimated").SharedValue<boolean>;
+    contentContainerWidth: import("react-native-reanimated").SharedValue<number>;
+    isAllAnimationsDisabled: boolean;
+};
+/**
+ * Animation hook for Switch thumb component
+ * Handles thumb position (left) and background color animations
+ */
+export declare function useSwitchThumbAnimation(options: {
+    animation: SwitchThumbAnimation | undefined;
+    style: ViewStyle | undefined;
+    className: string;
+    isSelected: boolean | undefined;
+}): {
+    rContainerStyle: {
+        right: number;
+        backgroundColor: string;
+        left?: undefined;
+    } | {
+        left: number;
+        backgroundColor: string;
+        right?: undefined;
+    };
+};
+//# sourceMappingURL=switch.animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/switch.animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4B9C,OAAO,KAAK,EACV,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAExB,QAAA,MAAO,uBAAuB,yDAAE,kBAAkB,mCAG9C,CAAC;AAEL,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAC;AAIvD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,SAAS,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC3C,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;;;;;;;;;;;;;EAsFA;AAID;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE;IAC/C,SAAS,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;;;;;;;;;;EAgGA"}

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

@@ -0,0 +1,20 @@
+export declare const DISPLAY_NAME: {
+    readonly SWITCH_ROOT: "HeroUINative.Switch.Root";
+    readonly SWITCH_THUMB: "HeroUINative.Switch.Thumb";
+    readonly SWITCH_START_CONTENT: "HeroUINative.Switch.StartContent";
+    readonly SWITCH_END_CONTENT: "HeroUINative.Switch.EndContent";
+};
+export declare const ANIMATION_DURATION = 175;
+export declare const ANIMATION_EASING: import("react-native-reanimated").EasingFunctionFactory;
+export declare const DEFAULT_TIMING_CONFIG: {
+    duration: number;
+    easing: import("react-native-reanimated").EasingFunctionFactory;
+};
+export declare const DEFAULT_SPRING_CONFIG: {
+    damping: number;
+    stiffness: number;
+    mass: number;
+};
+export declare const DEFAULT_THUMB_WIDTH = 28;
+export declare const DEFAULT_THUMB_LEFT = 2;
+//# sourceMappingURL=switch.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/switch.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,gBAAgB,yDAAoC,CAAC;AAElE,eAAO,MAAM,qBAAqB;;;CAGjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,eAAO,MAAM,kBAAkB,IAAI,CAAC"}

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

@@ -0,0 +1,42 @@
+import { View } from 'react-native';
+import type { SwitchContentProps, SwitchContextValue, SwitchProps, SwitchThumbProps } from './switch.types';
+declare const useSwitch: () => SwitchContextValue;
+/**
+ * Compound Switch component with sub-components
+ *
+ * @component Switch - Main container that handles toggle state and user interaction.
+ * Renders default thumb if no children provided. Animates scale (on press) and background
+ * color based on selection state. Acts as a pressable area for toggling. Supports render
+ * function children for dynamic content.
+ *
+ * @component Switch.Thumb - Optional sliding thumb element that moves between positions.
+ * Uses spring animation for smooth transitions. Can contain custom content like icons
+ * or be customized with different styles and animations. Supports render function children.
+ *
+ * @component Switch.StartContent - Optional content displayed on the left side of the switch.
+ * Typically used for icons or text that appear when switch is off. Positioned absolutely
+ * within the switch container.
+ *
+ * @component Switch.EndContent - Optional content displayed on the right side of the switch.
+ * Typically used for icons or text that appear when switch is on. Positioned absolutely
+ * within the switch container.
+ *
+ * Props flow from Switch to sub-components via context (isSelected, isDisabled).
+ * The switch supports controlled and uncontrolled modes through isSelected/onSelectedChange.
+ * Animations can be customized or disabled at both root and component levels.
+ * Content components provide visual feedback without affecting the toggle functionality.
+ * Integrates with FormField for press state sharing and larger touch targets.
+ *
+ * @see Full documentation: https://heroui.com/components/switch
+ */
+declare const CompoundSwitch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<View>> & {
+    /** @optional Sliding thumb with spring animations */
+    Thumb: import("react").ForwardRefExoticComponent<SwitchThumbProps & import("react").RefAttributes<View>>;
+    /** @optional Content shown when switch is off (left side) */
+    StartContent: import("react").ForwardRefExoticComponent<SwitchContentProps & import("react").RefAttributes<View>>;
+    /** @optional Content shown when switch is on (right side) */
+    EndContent: import("react").ForwardRefExoticComponent<SwitchContentProps & import("react").RefAttributes<View>>;
+};
+export { useSwitch };
+export default CompoundSwitch;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAapD,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EAEX,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAUxB,QAAA,MAAuB,SAAS,0BAE9B,CAAC;AAgNH;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,cAAc;IAClB,qDAAqD;;IAErD,6DAA6D;;IAE7D,6DAA6D;;CAE7D,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,28 @@
+declare const switchStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "w-[48px] h-[24px] rounded-full justify-center overflow-hidden", {
+        isDisabled: {
+            true: string;
+            false: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "w-[48px] h-[24px] rounded-full justify-center overflow-hidden", unknown, unknown, undefined>>;
+    thumb: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute left-[2px] items-center justify-center w-[28px] h-[20px] rounded-full shadow-sm shadow-black/5 overflow-hidden", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute left-[2px] items-center justify-center w-[28px] h-[20px] rounded-full shadow-sm shadow-black/5 overflow-hidden", unknown, unknown, undefined>>;
+    startContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute left-[2px]", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute left-[2px]", unknown, unknown, undefined>>;
+    endContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute right-[2px]", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute right-[2px]", unknown, unknown, undefined>>;
+}>;
+export declare const styleSheet: {
+    borderCurve: {
+        borderCurve: "continuous";
+    };
+};
+export default switchStyles;
+//# sourceMappingURL=switch.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/switch.styles.ts"],"names":[],"mappings":"AAuEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;EAKhB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/switch/switch.types.d.ts

@@ -0,0 +1,184 @@
+import type { AnimatedProps, SharedValue, WithSpringConfig, WithTimingConfig } from 'react-native-reanimated';
+import type { Animation, AnimationRoot, AnimationValue } from '../../helpers/types/animation';
+import * as SwitchPrimitivesTypes from '../../primitives/switch/switch.types';
+/**
+ * Render function props for switch children
+ */
+export interface SwitchRenderProps {
+    /** Whether the switch is selected */
+    isSelected?: boolean;
+    /** Whether the switch is disabled */
+    isDisabled: boolean;
+}
+/**
+ * Animation configuration for switch root component
+ */
+export type SwitchRootAnimation = AnimationRoot<{
+    scale?: AnimationValue<{
+        /**
+         * Scale values [unpressed, pressed]
+         * @default [1, 0.95]
+         */
+        value?: [number, number];
+        /**
+         * Animation timing configuration
+         * @default { duration: 150 }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+    backgroundColor?: AnimationValue<{
+        /**
+         * Background color values [unselected, selected]
+         * @default Uses theme colors (surface-quaternary, accent)
+         */
+        value?: [string, string];
+        /**
+         * Animation timing configuration
+         * @default { duration: 175, easing: Easing.bezier(0.25, 0.1, 0.25, 1) }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+}>;
+/**
+ * Props for the main Switch component
+ */
+export interface SwitchProps extends Omit<SwitchPrimitivesTypes.RootProps, 'children'> {
+    /** Content to render inside the switch, or a render function */
+    children?: React.ReactNode | ((props: SwitchRenderProps) => React.ReactNode);
+    /** Whether the switch is disabled @default false */
+    isDisabled?: boolean;
+    /** Custom class name for the switch
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `backgroundColor` - Animated for selection transitions (unselected: surface-quaternary, selected: accent)
+     * - `transform` (specifically `scale`) - Animated for press feedback transitions (unpressed: 1, pressed: 0.96)
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <Switch
+     *   animation={{
+     *     backgroundColor: { value: ['#e5e5e5', '#007AFF'], timingConfig: { duration: 175 } },
+     *     scale: { value: [1, 0.96], timingConfig: { duration: 150 } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for switch
+     * - `false` or `"disabled"`: Disable only root animations
+     * - `"disable-all"`: Disable all animations including children
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: SwitchRootAnimation;
+    /**
+     * 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;
+}
+/**
+ * Animation configuration for switch thumb component
+ */
+export type SwitchThumbAnimation = Animation<{
+    /**
+     * Animates the `left` position of the thumb between left and right sides.
+     * The `value` property specifies the offset from the edges (left/right).
+     * When you provide a single value (e.g., `value: 2`), it applies the same offset
+     * to both sides: `2px` from the left when unselected, and `2px` from the right when selected.
+     */
+    left?: AnimationValue<{
+        /**
+         * Offset value from the edges (left when unselected, right when selected)
+         * @default 2
+         * @example value: 4 // 4px offset from both left and right edges
+         */
+        value?: number;
+        /**
+         * Spring animation configuration for thumb position
+         * @default { damping: 120, stiffness: 1600, mass: 2 }
+         */
+        springConfig?: WithSpringConfig;
+    }>;
+    backgroundColor?: AnimationValue<{
+        /**
+         * Background color values [unselected, selected]
+         * @default ['white', theme accent-foreground color]
+         */
+        value?: [string, string];
+        /**
+         * Animation timing configuration
+         * @default { duration: 175, easing: Easing.bezier(0.25, 0.1, 0.25, 1) }
+         */
+        timingConfig?: WithTimingConfig;
+    }>;
+}>;
+/**
+ * Props for the SwitchThumb component
+ */
+export interface SwitchThumbProps extends Omit<AnimatedProps<SwitchPrimitivesTypes.ThumbProps>, 'children'> {
+    /** Content to render inside the thumb, or a render function */
+    children?: React.ReactNode | ((props: SwitchRenderProps) => React.ReactNode);
+    /** Custom class name for the thumb element
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `left` - Animated for thumb position transitions (unselected: left edge offset, selected: right edge offset)
+     * - `backgroundColor` - Animated for selection transitions (unselected: white, selected: accent-foreground)
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <Switch.Thumb
+     *   animation={{
+     *     left: { value: 2, springConfig: { damping: 120, stiffness: 1600, mass: 2 } },
+     *     backgroundColor: { value: ['white', '#ffffff'], timingConfig: { duration: 175 } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for thumb
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: SwitchThumbAnimation;
+    /**
+     * 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 the SwitchContent component
+ */
+export interface SwitchContentProps {
+    /** Content to render inside the switch content */
+    children?: React.ReactNode;
+    /** Custom class name for the content element */
+    className?: string;
+}
+/**
+ * Context value for switch components
+ */
+export interface SwitchContextValue extends Pick<SwitchProps, 'isSelected' | 'isDisabled'> {
+}
+/**
+ * Context value for switch animation state
+ */
+export interface SwitchAnimationContextValue {
+    /** Shared value tracking if the switch is pressed */
+    isSwitchPressed: SharedValue<boolean>;
+    /** Width of the content container */
+    contentContainerWidth: SharedValue<number>;
+}
+//# sourceMappingURL=switch.types.d.ts.map

package/lib/typescript/src/components/switch/switch.types.d.ts.map

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

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

@@ -0,0 +1,3 @@
+export { default as Tabs, useTabs, useTabsMeasurements, useTabsTrigger, } from './tabs';
+export type * from './tabs.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,IAAI,EACf,OAAO,EACP,mBAAmB,EACnB,cAAc,GACf,MAAM,QAAQ,CAAC;AAChB,mBAAmB,cAAc,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { AnimationRootDisableAll } from '../../helpers/types/animation';
+import type { TabsIndicatorAnimation } from './tabs.types';
+/**
+ * Animation hook for Tabs root component
+ * Handles cascading animation disabled state to child components
+ */
+export declare function useTabsRootAnimation(options: {
+    animation: AnimationRootDisableAll | undefined;
+}): {
+    isAllAnimationsDisabled: boolean;
+};
+/**
+ * Animation hook for Tabs Indicator component
+ * Handles width, height, left position, and opacity animations
+ */
+export declare function useTabsIndicatorAnimation(options: {
+    animation: TabsIndicatorAnimation | undefined;
+}): {
+    rContainerStyle: {
+        width: number;
+        height: number;
+        left: number;
+        opacity: number;
+    };
+};
+//# sourceMappingURL=tabs.animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.animation.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAQ7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAI3D;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,SAAS,EAAE,uBAAuB,GAAG,SAAS,CAAC;CAChD;;EAQA;AAID;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE;IACjD,SAAS,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC/C;;;;;;;EAwHA"}

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

@@ -0,0 +1,12 @@
+import type { WithSpringConfig } from 'react-native-reanimated';
+export declare const DISPLAY_NAME: {
+    readonly ROOT: "HeroUINative.Tabs.Root";
+    readonly LIST: "HeroUINative.Tabs.List";
+    readonly SCROLL_VIEW: "HeroUINative.Tabs.ScrollView";
+    readonly TRIGGER: "HeroUINative.Tabs.Trigger";
+    readonly LABEL: "HeroUINative.Tabs.Label";
+    readonly INDICATOR: "HeroUINative.Tabs.Indicator";
+    readonly CONTENT: "HeroUINative.Tabs.Content";
+};
+export declare const DEFAULT_INDICATOR_SPRING_CONFIG: WithSpringConfig;
+//# sourceMappingURL=tabs.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,eAAO,MAAM,+BAA+B,EAAE,gBAG7C,CAAC"}

package/lib/typescript/src/components/tabs/tabs.context.d.ts

@@ -0,0 +1,13 @@
+import type { MeasurementsContextValue } from './tabs.types';
+/**
+ * Context for managing tab item measurements
+ * Used to track width, height, and position of each tab trigger
+ */
+declare const MeasurementsContext: import("react").Context<MeasurementsContextValue | null>;
+/**
+ * Hook to access tab measurements context
+ * @throws Error if used outside of Tabs component
+ */
+declare function useTabsMeasurements(): MeasurementsContextValue;
+export { MeasurementsContext, useTabsMeasurements };
+//# sourceMappingURL=tabs.context.d.ts.map

package/lib/typescript/src/components/tabs/tabs.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.context.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAI7D;;;GAGG;AACH,QAAA,MAAM,mBAAmB,0DAExB,CAAC;AAEF;;;GAGG;AACH,iBAAS,mBAAmB,6BAQ3B;AAED,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,44 @@
+import { ScrollView } from 'react-native';
+import * as TabsPrimitives from '../../primitives/tabs';
+import { useTabsMeasurements } from './tabs.context';
+import type { TabsContentProps, TabsIndicatorProps, TabsLabelProps, TabsListProps, TabsProps, TabsScrollViewProps, TabsTriggerProps } from './tabs.types';
+declare const useTabs: typeof TabsPrimitives.useRootContext;
+declare const useTabsTrigger: typeof TabsPrimitives.useTriggerContext;
+/**
+ * Compound Tabs component with sub-components
+ *
+ * @component Tabs - Main container for the tabs system
+ *
+ * @component Tabs.List - Container for tab triggers
+ *
+ * @component Tabs.ScrollView - Scrollable wrapper for tab triggers
+ *
+ * @component Tabs.Trigger - Individual tab button
+ *
+ * @component Tabs.Label - Label text for tab triggers
+ *
+ * @component Tabs.Indicator - Visual indicator for active tab
+ *
+ * @component Tabs.Content - Content panel for each tab
+ *
+ * Props flow from Tabs to sub-components via context.
+ *
+ * @see Full documentation: https://heroui.com/components/tabs
+ */
+declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<import("react-native").View>> & {
+    /** Container for tab triggers */
+    List: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<import("react-native").View>>;
+    /** Scrollable wrapper for tab triggers */
+    ScrollView: import("react").ForwardRefExoticComponent<TabsScrollViewProps & import("react").RefAttributes<ScrollView>>;
+    /** Individual tab button */
+    Trigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<import("react-native").View>>;
+    /** Label text for tab triggers */
+    Label: import("react").ForwardRefExoticComponent<TabsLabelProps & import("react").RefAttributes<import("react-native").Text>>;
+    /** Visual indicator for active tab */
+    Indicator: import("react").ForwardRefExoticComponent<TabsIndicatorProps & import("react").RefAttributes<import("react-native").View>>;
+    /** Content panel for each tab */
+    Content: import("react").ForwardRefExoticComponent<TabsContentProps & import("react").RefAttributes<import("react-native").View>>;
+};
+export { useTabs, useTabsMeasurements, useTabsTrigger };
+export default Tabs;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EAIX,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAOxD,OAAO,EAAuB,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,KAAK,EAEV,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,gBAAgB,EAEjB,MAAM,cAAc,CAAC;AAMtB,QAAA,MAAM,OAAO,sCAAgC,CAAC;AAC9C,QAAA,MAAM,cAAc,yCAAmC,CAAC;AAoSxD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI;IACR,iCAAiC;;IAEjC,0CAA0C;;IAE1C,4BAA4B;;IAE5B,kCAAkC;;IAElC,sCAAsC;;IAEtC,iCAAiC;;CAEjC,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC;AACxD,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,103 @@
+export declare const styleSheet: {
+    listRoot: {
+        borderCurve: "continuous";
+    };
+    triggerRoot: {
+        borderCurve: "continuous";
+    };
+};
+declare const tabsStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex-col gap-2", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex-col gap-2", unknown, unknown, undefined>>;
+    list: import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "self-start flex-row items-center gap-1", {
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "self-start flex-row items-center gap-1", unknown, unknown, undefined>>;
+    scrollView: import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "", {
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "", unknown, unknown, undefined>>;
+    scrollViewContentContainer: import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "", {
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "", unknown, unknown, undefined>>;
+    trigger: import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "flex-row items-center justify-center px-3 py-1.5 gap-1.5", {
+        isDisabled: {
+            true: string;
+            false: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isDisabled: {
+            true: string;
+            false: string;
+        };
+    }, undefined, "flex-row items-center justify-center px-3 py-1.5 gap-1.5", unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-base font-medium text-segment-foreground", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-base font-medium text-segment-foreground", unknown, unknown, undefined>>;
+    indicator: import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "absolute", {
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            pill: string;
+            line: string;
+        };
+    }, undefined, "absolute", unknown, unknown, undefined>>;
+    content: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+    styleSheet: {
+        listRoot: {
+            borderCurve: "continuous";
+        };
+        triggerRoot: {
+            borderCurve: "continuous";
+        };
+    };
+}>;
+export default tabsStyles;
+//# sourceMappingURL=tabs.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.styles.ts"],"names":[],"mappings":"AAyGA,eAAO,MAAM,UAAU;;;;;;;CAOrB,CAAC;AAEH,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUd,CAAC;AAEH,eAAe,UAAU,CAAC"}