@erquhart/heroui-native 1.0.0-beta.10.1

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

@@ -0,0 +1,173 @@
+import type { ViewProps } from 'react-native';
+import type { AnimatedProps, EasingFunction, EntryOrExitLayoutType, SharedValue } from 'react-native-reanimated';
+import type { Animation, AnimationRoot } from '../../helpers/types';
+/**
+ * Skeleton animation type - defines the animation style
+ */
+export type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+/**
+ * Shimmer animation configuration for Skeleton root component
+ */
+export type SkeletonShimmerAnimation = Animation<{
+    /**
+     * Animation duration in milliseconds
+     * @default 1500
+     */
+    duration?: number;
+    /**
+     * Speed multiplier for the animation
+     * @default 1
+     */
+    speed?: number;
+    /**
+     * Highlight color for the shimmer effect
+     */
+    highlightColor?: string;
+    /**
+     * Easing function for the animation
+     */
+    easing?: EasingFunction;
+}>;
+/**
+ * Pulse animation configuration for Skeleton root component
+ */
+export type SkeletonPulseAnimation = Animation<{
+    /**
+     * Animation duration in milliseconds
+     * @default 1000
+     */
+    duration?: number;
+    /**
+     * Minimum opacity value
+     * @default 0.5
+     */
+    minOpacity?: number;
+    /**
+     * Maximum opacity value
+     * @default 1
+     */
+    maxOpacity?: number;
+    /**
+     * Easing function for the animation
+     */
+    easing?: EasingFunction;
+}>;
+/**
+ * Animation configuration for Skeleton root component
+ */
+export type SkeletonRootAnimation = AnimationRoot<{
+    entering?: Animation<{
+        /**
+         * Custom entering animation for skeleton
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+    /**
+     * Exiting animation for the skeleton
+     */
+    exiting?: Animation<{
+        /**
+         * Custom exiting animation for skeleton
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+    /**
+     * Shimmer animation configuration
+     */
+    shimmer?: SkeletonShimmerAnimation;
+    /**
+     * Pulse animation configuration
+     */
+    pulse?: SkeletonPulseAnimation;
+}>;
+/**
+ * Props for the main Skeleton component
+ */
+export interface SkeletonProps extends AnimatedProps<ViewProps> {
+    /**
+     * Child components to show when not loading
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the skeleton is currently loading
+     * @default true
+     */
+    isLoading?: boolean;
+    /**
+     * Animation variant
+     * @default 'shimmer'
+     */
+    variant?: SkeletonAnimation;
+    /**
+     * Animation configuration
+     */
+    animation?: SkeletonRootAnimation;
+    /**
+     * 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;
+    /**
+     * Additional CSS classes for styling
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `opacity` - Animated for pulse variant transitions (min: 0.5, max: 1)
+     *
+     * The shimmer variant uses an internal overlay with `transform` (translateX) animation, which doesn't affect the className prop.
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <Skeleton
+     *   variant="pulse"
+     *   animation={{
+     *     pulse: { minOpacity: 0.5, maxOpacity: 1, duration: 1000, easing: Easing.inOut(Easing.ease) }
+     *   }}
+     * />
+     * ```
+     *
+     * For shimmer variant:
+     * ```tsx
+     * <Skeleton
+     *   variant="shimmer"
+     *   animation={{
+     *     shimmer: { duration: 1500, speed: 1, highlightColor: '#ffffff', easing: Easing.linear }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+}
+/**
+ * Context value for skeleton animation provider
+ */
+export interface SkeletonAnimationContextValue {
+    /**
+     * Whether the skeleton is currently loading
+     */
+    isLoading: boolean;
+    /**
+     * Animation variant
+     */
+    variant: SkeletonAnimation;
+    /**
+     * Shared animation progress value
+     */
+    progress: SharedValue<number>;
+    /**
+     * Component width for shimmer calculation
+     */
+    componentWidth: number;
+    /**
+     * Component offset for shimmer calculation
+     */
+    offset: number;
+    /**
+     * Screen width for animation calculation
+     */
+    screenWidth: number;
+}
+//# sourceMappingURL=skeleton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton/skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,WAAW,EACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;QACnB;;WAEG;QACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;KAC/B,CAAC,CAAC;IACH;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;QAClB;;WAEG;QACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;KAC/B,CAAC,CAAC;IACH;;OAEG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAIhC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS,CAAC;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAElC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,iBAAiB,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,3 @@
+export { default as SkeletonGroup } from './skeleton-group';
+export type { SkeletonGroupContextValue, SkeletonGroupItemProps, SkeletonGroupRootProps, } from './skeleton-group.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EACV,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Display names for SkeletonGroup components
+ */
+export declare const DISPLAY_NAME: {
+    SKELETON_GROUP_ROOT: string;
+    SKELETON_GROUP_ITEM: string;
+};
+//# sourceMappingURL=skeleton-group.constants.d.ts.map

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

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

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { SkeletonGroupContextValue, SkeletonGroupItemProps, SkeletonGroupRootProps } from './skeleton-group.types';
+declare const useSkeletonGroupContext: () => SkeletonGroupContextValue;
+/**
+ * Compound SkeletonGroup component for managing multiple skeleton loading states
+ *
+ * @component SkeletonGroup - Root container that provides centralized control for all skeleton items.
+ * Passes isLoading, variant, and animation to child items via context.
+ *
+ * @component SkeletonGroup.Item - Individual skeleton item that inherits props from the parent group.
+ * Can override group props with its own props for specific customization.
+ *
+ * Props flow from SkeletonGroup to Items via context (isLoading, variant, animation).
+ * Items can override any inherited prop by passing their own values.
+ *
+ * @see Full documentation: https://heroui.com/components/skeleton-group
+ */
+declare const SkeletonGroup: React.FC<React.PropsWithChildren<SkeletonGroupRootProps>> & {
+    /** @optional Individual skeleton item that inherits group settings */
+    Item: React.FC<SkeletonGroupItemProps>;
+};
+export default SkeletonGroup;
+export { useSkeletonGroupContext };
+//# sourceMappingURL=skeleton-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton-group/skeleton-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,OAAO,KAAK,EACV,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,wBAAwB,CAAC;AAEhC,QAAA,MAA8B,uBAAuB,iCAKjD,CAAC;AAuDL;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,aAAa;IACjB,sEAAsE;;CAEtE,CAAC;AAEH,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+/**
+ * SkeletonGroup component styles using tailwind-variants
+ */
+export declare const skeletonGroupStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+//# sourceMappingURL=skeleton-group.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-group.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton-group/skeleton-group.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,mBAAmB,0LAE9B,CAAC"}

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

@@ -0,0 +1,28 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { SkeletonProps } from '../skeleton/skeleton.types';
+/**
+ * Props for the SkeletonGroup root component
+ */
+export interface SkeletonGroupRootProps extends Omit<SkeletonProps, 'style'> {
+    /**
+     * When true, hides the entire group when isLoading is false.
+     * Use this to prevent layout issues when skeleton contains wrapper elements.
+     * @default false
+     */
+    isSkeletonOnly?: boolean;
+    /**
+     * Style for the skeleton group container
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Context value for SkeletonGroup provider
+ */
+export interface SkeletonGroupContextValue extends SkeletonGroupRootProps {
+}
+/**
+ * Props for the SkeletonGroup.Item component
+ */
+export interface SkeletonGroupItemProps extends SkeletonProps {
+}
+//# sourceMappingURL=skeleton-group.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-group.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton-group/skeleton-group.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAC1E;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;CAAG;AAE5E;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,aAAa;CAAG"}

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

@@ -0,0 +1,3 @@
+export { default as Spinner } from './spinner';
+export type { SpinnerColor, SpinnerContextValue, SpinnerIconProps, SpinnerIndicatorProps, SpinnerProps, SpinnerSize, } from './spinner.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,YAAY,EACZ,WAAW,GACZ,MAAM,iBAAiB,CAAC"}

package/lib/typescript/src/components/spinner/spinner-icon.d.ts

@@ -0,0 +1,6 @@
+import type { SpinnerIconProps } from './spinner.types';
+export declare function SpinnerIcon(props: SpinnerIconProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SpinnerIcon {
+    var displayName: "HeroUINative.Spinner.Icon";
+}
+//# sourceMappingURL=spinner-icon.d.ts.map

package/lib/typescript/src/components/spinner/spinner-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner-icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA0ClD;yBA1Ce,WAAW"}

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

@@ -0,0 +1,27 @@
+import type { SpinnerIndicatorAnimation, SpinnerRootAnimation } from './spinner.types';
+/**
+ * Animation hook for Spinner root component
+ * Handles entering and exiting animations for the spinner container
+ */
+export declare function useSpinnerRootAnimation(options: {
+    animation: SpinnerRootAnimation | undefined;
+}): {
+    entering: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+    exiting: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+    isAllAnimationsDisabled: boolean;
+};
+/**
+ * Animation hook for Spinner Indicator component
+ * Handles rotation animation for the spinner indicator
+ */
+export declare function useSpinnerIndicatorAnimation(options: {
+    animation: SpinnerIndicatorAnimation | undefined;
+    isLoading: boolean;
+}): {
+    rContainerStyle: {
+        transform: {
+            rotate: string;
+        }[];
+    };
+};
+//# sourceMappingURL=spinner.animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner.animation.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAIzB;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE;IAC/C,SAAS,EAAE,oBAAoB,GAAG,SAAS,CAAC;CAC7C;;;;EAgCA;AAID;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE;IACpD,SAAS,EAAE,yBAAyB,GAAG,SAAS,CAAC;IACjD,SAAS,EAAE,OAAO,CAAC;CACpB;;;;;;EAsEA"}

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

@@ -0,0 +1,30 @@
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+/**
+ * Display names for Spinner components
+ */
+export declare const DISPLAY_NAME: {
+    readonly ROOT: "HeroUINative.Spinner.Root";
+    readonly INDICATOR: "HeroUINative.Spinner.Indicator";
+    readonly ICON: "HeroUINative.Spinner.Icon";
+};
+/**
+ * Default animation duration for spinner rotation (in milliseconds)
+ */
+export declare const DEFAULT_ROTATION_DURATION = 1000;
+/**
+ * Size mappings for spinner icon dimensions
+ */
+export declare const SPINNER_SIZE_MAP: {
+    readonly sm: 16;
+    readonly md: 24;
+    readonly lg: 32;
+};
+/**
+ * Default entering animation configuration for spinner indicator
+ */
+export declare const DEFAULT_SPINNER_INDICATOR_ENTERING: FadeIn;
+/**
+ * Default exiting animation configuration for spinner indicator
+ */
+export declare const DEFAULT_SPINNER_INDICATOR_EXITING: FadeOut;
+//# sourceMappingURL=spinner.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kCAAkC,QAE9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC,SAAwB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { View } from 'react-native';
+import type { SpinnerIndicatorProps, SpinnerProps } from './spinner.types';
+/**
+ * Compound Spinner component with sub-components
+ *
+ * @component Spinner - Main container that controls loading state, size, and color.
+ * Renders a default animated indicator if no children provided.
+ *
+ * @component Spinner.Indicator - Optional sub-component for customizing animation configuration
+ * and icon appearance. Accepts custom children to replace the default icon.
+ * When omitted, Spinner uses a default indicator with standard animation settings.
+ *
+ * Props flow from Spinner to Indicator via context (size, color, isLoading).
+ * The indicator only renders when isLoading is true.
+ *
+ * @see Full documentation: https://heroui.com/components/spinner
+ */
+declare const CompoundSpinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<View>> & {
+    /** @optional Customize animation configuration and icon appearance */
+    Indicator: import("react").ForwardRefExoticComponent<SpinnerIndicatorProps & import("react").RefAttributes<View>>;
+};
+export default CompoundSpinner;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAazC,OAAO,KAAK,EAEV,qBAAqB,EACrB,YAAY,EACb,MAAM,iBAAiB,CAAC;AA4JzB;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,eAAe;IACnB,sEAAsE;;CAEtE,CAAC;AAEH,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,24 @@
+declare const spinnerStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    }, undefined, "items-center justify-center", {
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    }, undefined, "items-center justify-center", unknown, unknown, undefined>>;
+    indicator: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "size-full items-center justify-center", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "size-full items-center justify-center", unknown, unknown, undefined>>;
+}>;
+export default spinnerStyles;
+//# sourceMappingURL=spinner.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner.styles.ts"],"names":[],"mappings":"AAwCA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;EAGjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,131 @@
+import type { ViewProps } from 'react-native';
+import type { AnimatedProps, EntryOrExitLayoutType, WithTimingConfig } from 'react-native-reanimated';
+import type { Animation, AnimationRoot, AnimationValue } from '../../helpers/types/animation';
+/**
+ * Base spinner size variants
+ */
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+/**
+ * Base spinner color variants
+ */
+export type SpinnerColor = 'default' | 'success' | 'warning' | 'danger';
+/**
+ * Animation configuration for spinner root component
+ */
+export type SpinnerRootAnimation = AnimationRoot<{
+    entering?: AnimationValue<{
+        /**
+         * Custom entering animation for spinner root
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+    exiting?: AnimationValue<{
+        /**
+         * Custom exiting animation for spinner root
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+}>;
+/**
+ * Props for the main Spinner component
+ */
+export interface SpinnerProps extends AnimatedProps<ViewProps> {
+    /** Content to render inside the spinner */
+    children?: React.ReactNode;
+    /** Size of the spinner @default 'md' */
+    size?: SpinnerSize;
+    /** Color theme of the spinner @default 'default' */
+    color?: SpinnerColor | (string & {});
+    /** Whether the spinner is loading @default true */
+    isLoading?: boolean;
+    /** Custom class name for the spinner */
+    className?: string;
+    /**
+     * Animation configuration for spinner root
+     * - `"disable-all"`: Disable all animations including children
+     * - `false` or `"disabled"`: Disable only root animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: SpinnerRootAnimation;
+}
+/**
+ * Props for icon component
+ */
+export interface SpinnerIconProps {
+    /** Width of the icon */
+    width?: number | string;
+    /** Height of the icon */
+    height?: number | string;
+    /** Color of the icon */
+    color?: string;
+}
+/**
+ * Animation configuration for spinner indicator component
+ */
+export type SpinnerIndicatorAnimation = Animation<{
+    rotation?: AnimationValue<{
+        /**
+         * Rotation speed multiplier
+         * @default 1.1
+         */
+        speed?: number;
+        /**
+         * Animation easing configuration
+         * @default Easing.linear
+         */
+        easing?: WithTimingConfig['easing'];
+    }>;
+}>;
+/**
+ * Props for the SpinnerIndicator component
+ */
+export interface SpinnerIndicatorProps extends AnimatedProps<ViewProps> {
+    /** Content to render inside the indicator */
+    children?: React.ReactNode;
+    /** Props for the default icon */
+    iconProps?: SpinnerIconProps;
+    /** Custom class name for the indicator element
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `transform` (specifically `rotate`) - Animated for continuous rotation animation
+     *
+     * To customize this property, use the `animation` prop:
+     * ```tsx
+     * <Spinner.Indicator
+     *   animation={{
+     *     rotation: { speed: 1.1, easing: Easing.linear }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for spinner indicator
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: SpinnerIndicatorAnimation;
+    /**
+     * 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 spinner components
+ */
+export interface SpinnerContextValue {
+    /** Size of the spinner */
+    size: SpinnerSize;
+    /** Color of the spinner */
+    color: SpinnerColor | string;
+    /** Whether the spinner is loading */
+    isLoading: boolean;
+}
+//# sourceMappingURL=spinner.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,+BAA+B,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;IAC/C,QAAQ,CAAC,EAAE,cAAc,CAAC;QACxB;;WAEG;QACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;KAC/B,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;QACvB;;WAEG;QACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;KAC/B,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,aAAa,CAAC,SAAS,CAAC;IAC5D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErC,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,cAAc,CAAC;QACxB;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;KACrC,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,SAAS,CAAC;IACrE,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,0BAA0B;IAC1B,IAAI,EAAE,WAAW,CAAC;IAElB,2BAA2B;IAC3B,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC;IAE7B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;CACpB"}

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

@@ -0,0 +1,3 @@
+export { default as Surface, useSurface } from './surface';
+export type { SurfaceRootProps, SurfaceVariant } from './surface.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,11 @@
+import type { AnimationRootDisableAll } from '../../helpers/types/animation';
+/**
+ * Animation hook for Surface root component
+ * Handles root-level animation configuration and provides context for child components
+ */
+export declare function useSurfaceRootAnimation(options: {
+    animation: AnimationRootDisableAll | undefined;
+}): {
+    isAllAnimationsDisabled: boolean;
+};
+//# sourceMappingURL=surface.animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"surface.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/surface.animation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE;IAC/C,SAAS,EAAE,uBAAuB,GAAG,SAAS,CAAC;CAChD;;EAQA"}

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

@@ -0,0 +1,7 @@
+/**
+ * Display names for Surface components
+ */
+export declare const DISPLAY_NAME: {
+    ROOT: string;
+};
+//# sourceMappingURL=surface.constants.d.ts.map

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

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

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

@@ -0,0 +1,16 @@
+import { View } from 'react-native';
+import type { SurfaceContextValue, SurfaceRootProps } from './surface.types';
+declare const useSurface: () => SurfaceContextValue;
+declare const Surface: import("react").ForwardRefExoticComponent<SurfaceRootProps & import("react").RefAttributes<View>>;
+/**
+ * Surface component
+ *
+ * @component Surface - Container component that provides elevation and background styling.
+ * Used as a base for other components like Card. Supports different visual variants
+ * for various elevation levels and styling needs.
+ *
+ * @see Full documentation: https://heroui.com/components/surface
+ */
+export default Surface;
+export { useSurface };
+//# sourceMappingURL=surface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/surface.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,QAAA,MAAwB,UAAU,2BAGhC,CAAC;AAEH,QAAA,MAAM,OAAO,mGAmCZ,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAe,OAAO,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,32 @@
+declare const root: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+        transparent: string;
+    };
+}, undefined, "p-4 rounded-3xl overflow-hidden", {
+    variant: {
+        default: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+        transparent: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+        transparent: string;
+    };
+}, undefined, "p-4 rounded-3xl overflow-hidden", unknown, unknown, undefined>>;
+export declare const styleSheet: {
+    root: {
+        borderCurve: "continuous";
+    };
+};
+export default root;
+//# sourceMappingURL=surface.styles.d.ts.map