@erquhart/heroui-native 1.0.0-beta.10.1

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

@@ -0,0 +1,391 @@
+import type BottomSheet from '@gorhom/bottom-sheet';
+import type { ReactNode } from 'react';
+import type { TextProps } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+import type { ElementSlots } from '../../helpers/theme/types';
+import type { AnimationRoot, PopupDialogContentAnimation, PopupOverlayAnimation, PopupPopoverContentAnimation, PopupRootAnimationConfig } from '../../helpers/types/animation';
+import type { BaseBottomSheetContentProps } from '../../helpers/types/bottom-sheet';
+import type * as SelectPrimitivesTypes from '../../primitives/select/select.types';
+import type { DialogContentFallbackSlots } from './select.styles';
+/**
+ * Select internal state for animation coordination
+ */
+export type SelectState = 'idle' | 'open' | 'close';
+/**
+ * Context value for select animation state
+ */
+export interface SelectAnimationContextValue {
+    /** Extended internal state for animation control */
+    selectState: SelectState;
+    /** Animation progress shared value (0=idle, 1=open, 2=close) */
+    progress: SharedValue<number>;
+    /** Dragging state shared value */
+    isDragging: SharedValue<boolean>;
+    /** Gesture release animation running state shared value */
+    isGestureReleaseAnimationRunning: SharedValue<boolean>;
+}
+/**
+ * Ref type for the Select Trigger component
+ */
+export type SelectTriggerRef = SelectPrimitivesTypes.TriggerRef;
+/**
+ * Select placement options
+ */
+export type SelectPlacement = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Select alignment options
+ */
+export type SelectAlign = 'start' | 'center' | 'end';
+/**
+ * Animation configuration for Select root component
+ */
+export type SelectRootAnimation = AnimationRoot<PopupRootAnimationConfig>;
+/**
+ * Select Root component props
+ */
+export interface SelectRootProps extends SelectPrimitivesTypes.RootProps {
+    /**
+     * The content of the select
+     */
+    children?: ReactNode;
+    /**
+     * The controlled open state of the select
+     */
+    isOpen?: boolean;
+    /**
+     * The open state of the select when initially rendered (uncontrolled)
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * Whether to dismiss the keyboard when the select closes
+     * @default true
+     */
+    isDismissKeyboardOnClose?: boolean;
+    /**
+     * Animation configuration for select 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?: SelectRootAnimation;
+}
+/**
+ * Select Trigger component props
+ */
+export interface SelectTriggerProps extends SelectPrimitivesTypes.TriggerProps {
+    /**
+     * The trigger element content
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class for the trigger
+     */
+    className?: string;
+}
+/**
+ * Select Portal component props
+ */
+export interface SelectPortalProps extends SelectPrimitivesTypes.PortalProps {
+    /**
+     * Additional CSS class for the portal container
+     */
+    className?: string;
+    /**
+     * The portal content
+     */
+    children: ReactNode;
+}
+/**
+ * Animation configuration for Select Overlay component
+ */
+export type SelectOverlayAnimation = PopupOverlayAnimation;
+/**
+ * Select Overlay component props
+ */
+export interface SelectOverlayProps extends SelectPrimitivesTypes.OverlayProps {
+    /**
+     * Additional CSS class for the overlay
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `opacity` - Animated for overlay show/hide transitions (idle: 0, open: 1, close: 0)
+     *
+     * To customize this property, use the `animation` prop:
+     * ```tsx
+     * <Select.Overlay
+     *   animation={{
+     *     opacity: { value: [0, 1, 0] }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for overlay
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: SelectOverlayAnimation;
+    /**
+     * 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 Select Content Popover component
+ * Reuses PopupPopoverContentAnimation since they share the same animation behavior
+ */
+export type SelectContentPopoverAnimation = PopupPopoverContentAnimation;
+/**
+ * Select Content props for 'popover' presentation
+ */
+export interface SelectContentPopoverProps extends SelectPrimitivesTypes.PopoverContentProps {
+    /**
+     * Additional CSS class for the content container
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `opacity` - Animated for content show/hide transitions (idle: 0, open: 1, close: 0)
+     * - `transform` (specifically `scale`, `translateX`, `translateY`) - Animated for content show/hide transitions (scale: idle: 0.95, open: 1, close: 0.95; translateX/translateY: based on placement)
+     * - `transformOrigin` - Animated for content show/hide transitions (based on placement: 'top', 'bottom', 'left', 'right')
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <Select.Content
+     *   presentation="popover"
+     *   animation={{
+     *     opacity: { value: [0, 1, 0] },
+     *     scale: { value: [0.95, 1, 0.95] },
+     *     translateX: { value: [4, 0, 4] },
+     *     translateY: { value: [4, 0, 4] },
+     *     transformOrigin: { value: 'top' }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * The select content
+     */
+    children?: ReactNode;
+    /**
+     * Presentation mode for the select
+     */
+    presentation?: 'popover';
+    /**
+     * Animation configuration for content
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: SelectContentPopoverAnimation;
+    /**
+     * 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;
+}
+/**
+ * Select Content props for 'bottom-sheet' presentation
+ */
+export interface SelectContentBottomSheetProps extends Partial<React.ComponentProps<typeof BottomSheet>>, BaseBottomSheetContentProps {
+    /**
+     * Presentation mode for the select
+     */
+    presentation: 'bottom-sheet';
+}
+/**
+ * Animation configuration for Select Content component (dialog presentation)
+ * Reuses PopupDialogContentAnimation since they share the same animation behavior
+ */
+export type SelectContentAnimation = PopupDialogContentAnimation;
+/**
+ * Select Content props for 'dialog' presentation
+ */
+export interface SelectContentDialogProps extends SelectPrimitivesTypes.DialogContentProps {
+    /**
+     * Additional CSS classes for the content container
+     *
+     * @note The `content` slot has the following animated properties that cannot be set via className:
+     * - `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:
+     * ```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 use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    classNames?: ElementSlots<DialogContentFallbackSlots>;
+    /**
+     * The select content
+     */
+    children?: ReactNode;
+    /**
+     * Presentation mode for the select
+     */
+    presentation: 'dialog';
+    /**
+     * Animation configuration for content
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: SelectContentAnimation;
+    /**
+     * Whether the dialog content can be swiped to dismiss
+     * @default true
+     */
+    isSwipeable?: boolean;
+    /**
+     * 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;
+}
+/**
+ * Select Content component props
+ */
+export type SelectContentProps = SelectContentPopoverProps | SelectContentBottomSheetProps | SelectContentDialogProps;
+/**
+ * Select Close component props
+ */
+export interface SelectCloseProps extends SelectPrimitivesTypes.CloseProps {
+    /**
+     * Additional CSS class for the close button
+     */
+    className?: string;
+    /**
+     * The close button content
+     */
+    children?: ReactNode;
+    /**
+     * Close icon props
+     */
+    iconProps?: SelectCloseIconProps;
+}
+/**
+ * Close icon props
+ */
+export interface SelectCloseIconProps {
+    /**
+     * Size of the close icon
+     * @default 18
+     */
+    size?: number;
+    /**
+     * Color of the close icon
+     * @default --colors-muted
+     */
+    color?: string;
+}
+/**
+ * Select Value component props
+ */
+export interface SelectValueProps extends SelectPrimitivesTypes.ValueProps {
+    /**
+     * Additional CSS class for the value
+     */
+    className?: string;
+}
+/**
+ * Select List Label component props
+ */
+export interface SelectListLabelProps extends TextProps {
+    /**
+     * Additional CSS class for the list label
+     */
+    className?: string;
+}
+/**
+ * Render function props for SelectItem children
+ */
+export interface SelectItemRenderProps {
+    /** Whether this item is currently selected */
+    isSelected: boolean;
+    /** The value of the item */
+    value: string;
+    /** Whether the item is disabled */
+    isDisabled: boolean;
+}
+/**
+ * Select Item component props
+ */
+export interface SelectItemProps extends Omit<SelectPrimitivesTypes.ItemProps, 'children'> {
+    /**
+     * Additional CSS class for the item
+     */
+    className?: string;
+    /**
+     * Child elements to render inside the item, or a render function
+     */
+    children?: ReactNode | ((props: SelectItemRenderProps) => ReactNode);
+}
+/**
+ * Select Item Label component props
+ */
+export interface SelectItemLabelProps extends Omit<TextProps, 'children'> {
+    /**
+     * Additional CSS class for the item label
+     */
+    className?: string;
+}
+/**
+ * Select Item Description component props
+ */
+export interface SelectItemDescriptionProps extends TextProps {
+    /**
+     * Additional CSS class for the item description
+     */
+    className?: string;
+}
+/**
+ * Select Item Indicator Icon props
+ */
+export interface SelectItemIndicatorIconProps {
+    /**
+     * Size of the check icon
+     * @default 16
+     */
+    size?: number;
+    /**
+     * Color of the check icon
+     */
+    color?: string;
+}
+/**
+ * Select Item Indicator component props
+ */
+export interface SelectItemIndicatorProps extends SelectPrimitivesTypes.ItemIndicatorProps {
+    /**
+     * Additional CSS class for the item indicator
+     */
+    className?: string;
+    /**
+     * Check icon props
+     */
+    iconProps?: SelectItemIndicatorIconProps;
+}
+//# sourceMappingURL=select.types.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { default as Skeleton } from './skeleton';
+export type { SkeletonAnimation, SkeletonAnimationContextValue, SkeletonProps, } from './skeleton.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EACV,iBAAiB,EACjB,6BAA6B,EAC7B,aAAa,GACd,MAAM,kBAAkB,CAAC"}

package/lib/typescript/src/components/skeleton/linear-gradient.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const LinearGradientComponent: React.FC<{
+    colors?: string[];
+}>;
+export default LinearGradientComponent;
+//# sourceMappingURL=linear-gradient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"linear-gradient.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton/linear-gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAkC5D,CAAC;AAIF,eAAe,uBAAuB,CAAC"}

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

@@ -0,0 +1,44 @@
+import type { SharedValue } from 'react-native-reanimated';
+import type { SkeletonAnimation, SkeletonAnimationContextValue, SkeletonRootAnimation } from './skeleton.types';
+declare const SkeletonAnimationProvider: import("react").Provider<SkeletonAnimationContextValue>, useSkeletonAnimation: () => SkeletonAnimationContextValue;
+export { SkeletonAnimationProvider, useSkeletonAnimation };
+/**
+ * Animation hook for Skeleton root component
+ * Handles entering/exiting animations, cascades animation disabled state, and manages progress animation
+ */
+export declare function useSkeletonRootAnimation(options: {
+    animation: SkeletonRootAnimation | undefined;
+    isLoading: boolean;
+    variant: SkeletonAnimation;
+    progress: SharedValue<number>;
+}): {
+    isAllAnimationsDisabled: boolean;
+    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;
+};
+/**
+ * Animation hook for Skeleton shimmer component
+ * Handles shimmer animation configuration and animated styles
+ */
+export declare function useSkeletonShimmerAnimation(options: {
+    animation: SkeletonRootAnimation | undefined;
+}): {
+    rContainerStyle: {
+        transform: {
+            translateX: number;
+        }[];
+    };
+    gradientColors: string[];
+};
+/**
+ * Animation hook for Skeleton pulse component
+ * Handles pulse animation configuration and animated styles
+ */
+export declare function useSkeletonPulseAnimation(options: {
+    animation: SkeletonRootAnimation | undefined;
+}): {
+    rContainerStyle: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=skeleton.animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton/skeleton.animation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AA+B3D,OAAO,KAAK,EACV,iBAAiB,EACjB,6BAA6B,EAC7B,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAO,yBAAyB,2DAAE,oBAAoB,qCAGlD,CAAC;AAEL,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,CAAC;AAI3D;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE;IAChD,SAAS,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B;;;;EAqJA;AAID;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE;IACnD,SAAS,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAC9C;;;;;;;EAsEA;AAID;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE;IACjD,SAAS,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAC9C;;;;EAqDA"}

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

@@ -0,0 +1,32 @@
+/**
+ * Display name constants for the Skeleton component
+ */
+export declare const DISPLAY_NAME: {
+    SKELETON: string;
+    LINEAR_GRADIENT: string;
+};
+/**
+ * Default shimmer animation duration in milliseconds
+ */
+export declare const DEFAULT_SHIMMER_DURATION = 1500;
+/**
+ * Default pulse animation duration in milliseconds
+ */
+export declare const DEFAULT_PULSE_DURATION = 1000;
+/**
+ * Default easing function for animations
+ */
+export declare const DEFAULT_EASING: (t: number) => number;
+/**
+ * Default minimum opacity for pulse animation
+ */
+export declare const DEFAULT_PULSE_MIN_OPACITY = 0.5;
+/**
+ * Default maximum opacity for pulse animation
+ */
+export declare const DEFAULT_PULSE_MAX_OPACITY = 1;
+/**
+ * Default animation speed multiplier
+ */
+export declare const DEFAULT_SPEED = 1;
+//# sourceMappingURL=skeleton.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton/skeleton.constants.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,cAAc,uBAAgB,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,aAAa,IAAI,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { SkeletonProps } from './skeleton.types';
+declare const Skeleton: React.FC<SkeletonProps>;
+/**
+ * Skeleton component for displaying loading placeholders
+ *
+ * @component Skeleton - Animated loading placeholder that can display shimmer or pulse effects.
+ * Shows skeleton state when isLoading is true, otherwise displays children content.
+ * Supports customizable animations through the animation prop with shimmer and pulse configurations.
+ * Shape and size are controlled via className for maximum flexibility.
+ *
+ * @see Full documentation: https://heroui.com/components/skeleton
+ */
+export default Skeleton;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAoBf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+CtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8FrC,CAAC;AAMF;;;;;;;;;GASG;AACH,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,16 @@
+/**
+ * Native styles for border curve
+ */
+export declare const nativeStyles: {
+    borderCurve: {
+        borderCurve: "continuous";
+    };
+};
+/**
+ * Combined skeleton styles
+ */
+declare const styleSheet: import("../../helpers/theme/types").CombinedStyles<{
+    skeleton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-muted/30 overflow-hidden", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-muted/30 overflow-hidden", unknown, unknown, undefined>>;
+}>;
+export default styleSheet;
+//# sourceMappingURL=skeleton.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/skeleton/skeleton.styles.ts"],"names":[],"mappings":"AAwCA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIvB,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,UAAU;;EAEd,CAAC;AAEH,eAAe,UAAU,CAAC"}