@aic-kits/react-native 0.0.3 → 0.0.4

package/lib/components/Progress/StyledProgress.d.ts

@@ -0,0 +1,225 @@
+export declare const StyledContainer: import("@emotion/native").StyledComponent<import("..").BoxProps & {
+    ref?: import("react").ForwardedRef<import("react-native").View>;
+} & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    boxBackgroundColor: string;
+    boxBorderRadius: number;
+    boxWidth: number;
+    boxHeight: number;
+}, {}, {}>;
+export declare const StyledProgressBar: import("@emotion/native").StyledComponent<{
+    children?: import("react").ReactNode | import("react-native-reanimated").SharedValue<import("react").ReactNode>;
+    id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: import("react-native").AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+        name: import("react-native").AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+    'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+    'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+    'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "no" | "yes" | "no-hide-descendants" | undefined> | undefined;
+    'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+    accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+    'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+    'aria-live'?: "off" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"off" | "polite" | "assertive" | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
+    hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+    needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+} & {
+    style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+} & {
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
+    entering?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+    exiting?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+} & {
+    sharedTransitionTag?: string;
+    sharedTransitionStyle?: import("react-native-reanimated").SharedTransition;
+} & {
+    animatedProps?: Partial<{
+        children?: import("react").ReactNode | import("react-native-reanimated").SharedValue<import("react").ReactNode>;
+        id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+        testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityActions?: readonly Readonly<{
+            name: import("react-native").AccessibilityActionName | string;
+            label?: string | undefined;
+        }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+            name: import("react-native").AccessibilityActionName | string;
+            label?: string | undefined;
+        }>[] | undefined> | undefined;
+        accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+        accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+        'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+        'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+        'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "no" | "yes" | "no-hide-descendants" | undefined> | undefined;
+        'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+        accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+        'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+        'aria-live'?: "off" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"off" | "polite" | "assertive" | undefined> | undefined;
+        accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
+        hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+        needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+        shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    } & {
+        style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+    } & {
+        layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
+        entering?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+        exiting?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+    } & {
+        sharedTransitionTag?: string;
+        sharedTransitionStyle?: import("react-native-reanimated").SharedTransition;
+    }> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    backgroundColor: string;
+    borderRadius: number;
+}, {}, {
+    ref?: import("react").Ref<import("react").Component<import("react-native-reanimated").AnimateProps<import("react-native").ViewProps>, any, any>> | undefined;
+}>;
+//# sourceMappingURL=StyledProgress.d.ts.map

package/lib/components/Progress/StyledProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledProgress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/StyledProgress.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;SA4BmhK,MAAO,WAAW;;wBA3B3iK,MAAM;qBACT,MAAM;cACb,MAAM;eACL,MAAM;UAYjB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAUstI,MAAO,WAAW;;qBATnvI,MAAM;kBACT,MAAM;;;EAOpB,CAAC"}

package/lib/components/Progress/StyledProgress.js

@@ -0,0 +1,22 @@
+import styled from '@emotion/native';
+import Animated from 'react-native-reanimated';
+import { Box } from '../Box';
+export const StyledContainer = styled(Box)(({ boxBackgroundColor, boxBorderRadius, boxWidth, boxHeight }) => {
+    return {
+        width: boxWidth,
+        height: boxHeight,
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        overflow: 'hidden',
+        backgroundColor: boxBackgroundColor,
+        borderRadius: boxBorderRadius,
+    };
+});
+export const StyledProgressBar = styled(Animated.View)(({ backgroundColor, borderRadius }) => {
+    return {
+        height: '100%',
+        backgroundColor,
+        borderRadius,
+    };
+});

package/lib/components/Progress/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { Size } from '../../theme';
+import type { BoxProps, SpacePropsKeyType } from '../Box';
+export interface ProgressProps extends Pick<BoxProps, SpacePropsKeyType> {
+    /**
+     * The value of the progress bar. (0 - 1)
+     *
+     * @default blue
+     */
+    progress: number;
+    /**
+     * The height of the progress bar.
+     *
+     * @default blue
+     */
+    height?: Size;
+    /**
+     * The width of the progress bar.
+     *
+     * @default blue
+     */
+    width?: Size | number;
+}
+export declare const Progress: React.FC<ProgressProps>;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,KAAK,EAAE,IAAI,EAAS,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAI1D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACtE;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CACvB;AAcD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2C5C,CAAC"}

package/lib/components/Progress/index.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNil, isNumber } from 'lodash';
+import React, { useEffect, useMemo } from 'react';
+import { useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
+import { useTheme } from '../../theme';
+import { StyledContainer, StyledProgressBar } from './StyledProgress';
+const getWidthValue = (theme, width) => {
+    if (isNil(width)) {
+        return 0;
+    }
+    if (isNumber(width)) {
+        return width;
+    }
+    return theme.sizes[width];
+};
+export const Progress = ({ progress, width, height, ...otherProps }) => {
+    const theme = useTheme();
+    const themeProgress = useMemo(() => theme.__hd__.progress, [theme]);
+    const widthValue = useMemo(() => getWidthValue(theme, width), [theme, width]);
+    const heightValue = useMemo(() => (!isNil(height) ? theme.sizes[height] : themeProgress.defaultHeight), [height, theme.sizes, themeProgress.defaultHeight]);
+    const animatedProgress = useSharedValue(0);
+    const progressStyle = useAnimatedStyle(() => {
+        return {
+            width: `${animatedProgress.value * 100}%`,
+        };
+    });
+    useEffect(() => {
+        animatedProgress.value = withTiming(progress, {
+            duration: themeProgress.animation.duration,
+        });
+    }, [animatedProgress, progress, themeProgress.animation.duration]);
+    return (_jsx(StyledContainer, { boxWidth: widthValue, boxHeight: heightValue, boxBackgroundColor: themeProgress.backgroundColor, boxBorderRadius: heightValue / 2, ...otherProps, children: _jsx(StyledProgressBar, { style: progressStyle, backgroundColor: themeProgress.progressColor, borderRadius: heightValue / 2 }) }));
+};

package/lib/components/Scrollable/StyledScrollable.d.ts

@@ -0,0 +1,33 @@
+import type { Theme } from '../../theme';
+import type { CustomBoxProps, FlexStyleProps, StyleProps } from '../Box';
+import type { ScrollableProps } from './types';
+export declare const genScrollableContainerStyle: (theme: Theme, props: StyleProps & FlexStyleProps & CustomBoxProps) => {
+    width?: import("react-native").DimensionValue | undefined;
+    height?: import("react-native").DimensionValue | undefined;
+    left?: import("react-native").DimensionValue | undefined;
+    right?: import("react-native").DimensionValue | undefined;
+    flex?: number | undefined | undefined;
+    position?: "absolute" | "relative" | "static" | undefined | undefined;
+    top?: import("react-native").DimensionValue | undefined;
+    bottom?: import("react-native").DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
+};
+export declare const genScrollableContentContainerStyle: (theme: Theme, props: StyleProps & FlexStyleProps & CustomBoxProps) => {
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    alignItems?: import("react-native").FlexAlignType | undefined;
+    alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+    display?: "none" | "flex" | undefined | undefined;
+    flexBasis?: import("react-native").DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
+    flexGrow?: number | undefined | undefined;
+    flexShrink?: number | undefined | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+};
+export declare const StyledScrollable: import("@emotion/native").StyledComponent<import("react-native").ScrollViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & ScrollableProps, {}, {
+    ref?: import("react").Ref<import("react-native").ScrollView> | undefined;
+}>;
+//# sourceMappingURL=StyledScrollable.d.ts.map

package/lib/components/Scrollable/StyledScrollable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledScrollable.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollable/StyledScrollable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAErF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4C/C,eAAO,MAAM,2BAA2B,UAC/B,KAAK,SACL,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,kCAAkC,UACtC,KAAK,SACL,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,gBAAgB;;SAnBQ,MAAO,WAAW;;;EAqBtD,CAAC"}

package/lib/components/Scrollable/StyledScrollable.js

@@ -0,0 +1,56 @@
+import styled from '@emotion/native';
+import { pick } from 'lodash';
+import { configKeys, mapStylePropToThemeValue } from '../Box';
+const containerFlexPropsKey = [
+    'position',
+    'top',
+    'right',
+    'bottom',
+    'left',
+    'overflow',
+    'width',
+    'height',
+    'flex',
+];
+const contentContainerFlexPropsKey = [
+    'alignContent',
+    'alignItems',
+    'alignSelf',
+    'display',
+    'flexBasis',
+    'flexDirection',
+    'flexGrow',
+    'flexShrink',
+    'flexWrap',
+    'justifyContent',
+];
+const contentContainerConfigKeys = [
+    'padding',
+    'paddingBottom',
+    'paddingEnd',
+    'paddingHorizontal',
+    'paddingLeft',
+    'paddingRight',
+    'paddingStart',
+    'paddingTop',
+    'paddingVertical',
+    'gap',
+];
+const containerConfigKeys = configKeys.filter(key => !contentContainerConfigKeys.includes(key));
+export const genScrollableContainerStyle = (theme, props) => {
+    const styleProps = pick(props, containerConfigKeys);
+    const flexProps = pick(props, containerFlexPropsKey);
+    return {
+        ...mapStylePropToThemeValue(theme, styleProps),
+        ...flexProps,
+    };
+};
+export const genScrollableContentContainerStyle = (theme, props) => {
+    const styleProps = pick(props, contentContainerConfigKeys);
+    const flexProps = pick(props, contentContainerFlexPropsKey);
+    return {
+        ...mapStylePropToThemeValue(theme, styleProps),
+        ...flexProps,
+    };
+};
+export const StyledScrollable = styled.ScrollView(({ theme, ...otherProps }) => genScrollableContainerStyle(theme, otherProps));

package/lib/components/Scrollable/index.d.ts

@@ -0,0 +1,6 @@
+import { ScrollView } from 'react-native';
+import type { ScrollableProps } from './types';
+export declare const Scrollable: import("react").ForwardRefExoticComponent<ScrollableProps & import("react").RefAttributes<ScrollView>>;
+export * from './StyledScrollable';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Scrollable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollable/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsB/C,eAAO,MAAM,UAAU,wGAEtB,CAAC;AAEF,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}

package/lib/components/Scrollable/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { ScrollView } from 'react-native';
+import { useTheme } from '../../theme';
+import { genScrollableContentContainerStyle, StyledScrollable, } from './StyledScrollable';
+function PlainScrollable({ contentContainerStyle, ...otherProps }, ref) {
+    const theme = useTheme();
+    return (_jsx(StyledScrollable, { ref: ref, contentContainerStyle: [
+            genScrollableContentContainerStyle(theme, otherProps),
+            contentContainerStyle,
+        ], showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, ...otherProps }));
+}
+export const Scrollable = forwardRef(PlainScrollable);
+export * from './StyledScrollable';
+export * from './types';

package/lib/components/Scrollable/types.d.ts

@@ -0,0 +1,5 @@
+import type { ScrollViewProps } from 'react-native';
+import type { BoxProps } from '../Box';
+export interface ScrollableProps extends BoxProps, ScrollViewProps {
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Scrollable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,WAAW,eAAgB,SAAQ,QAAQ,EAAE,eAAe;CAAG"}

package/lib/components/Scrollable/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/Sectional/Item.d.ts

@@ -0,0 +1,13 @@
+import type { ListRenderItemInfo } from '@shopify/flash-list';
+import type { SectionListData, SectionListProps } from 'react-native';
+import type { FlashListItem } from './types';
+interface ItemProps<T, S> {
+    info: ListRenderItemInfo<FlashListItem<T, S>>;
+    renderItem: (info: ListRenderItemInfo<T> & {
+        section: SectionListData<T, S>;
+    }) => React.ReactElement | null;
+    renderSectionHeader: NonNullable<SectionListProps<T, S>['renderSectionHeader']>;
+}
+export declare function Item<T, S>({ info: { item, ...rest }, renderItem, renderSectionHeader, }: ItemProps<T, S>): React.ReactElement | null;
+export {};
+//# sourceMappingURL=Item.d.ts.map

package/lib/components/Sectional/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/Sectional/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAItE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,SAAS,CAAC,CAAC,EAAE,CAAC;IACvB,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9C,UAAU,EAAE,CACX,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG;QAC7B,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC/B,KACG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC/B,mBAAmB,EAAE,WAAW,CAC/B,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAC7C,CAAC;CACF;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EACzB,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EACvB,UAAU,EACV,mBAAmB,GACpB,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAkB7C"}

package/lib/components/Sectional/Item.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+export function Item({ info: { item, ...rest }, renderItem, renderSectionHeader, }) {
+    switch (item.type) {
+        case 'row':
+            return renderItem({
+                item: item.item,
+                section: item.section,
+                ...rest,
+                index: item.index,
+            });
+        case 'sectionHeader':
+            return renderSectionHeader?.({ section: item.section, ...rest });
+        case 'headerSeparator':
+            return _jsx(Box, {});
+        case 'footerSeparator':
+            return _jsx(Box, {});
+        default:
+            return null;
+    }
+}

package/lib/components/Sectional/index.d.ts

@@ -0,0 +1,9 @@
+import { FlashList } from '@shopify/flash-list';
+import { type ForwardedRef } from 'react';
+import type { FlashListItem, SectionalProps } from './types';
+declare function PlainSectional<T, S>({ style, contentContainerStyle, sections, renderItem, renderSectionHeader, onViewableItemsChanged, ...otherProps }: SectionalProps<T, S>, ref: ForwardedRef<FlashList<FlashListItem<T, S>>>): import("react/jsx-runtime").JSX.Element;
+export declare const Sectional: <T, S>(props: SectionalProps<T, S> & {
+    ref?: ForwardedRef<FlashList<FlashListItem<T, S>>>;
+}) => ReturnType<typeof PlainSectional>;
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Sectional/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sectional/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,KAAK,YAAY,EAAoC,MAAM,OAAO,CAAC;AAU5E,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAQ7D,iBAAS,cAAc,CAAC,CAAC,EAAE,CAAC,EAC1B,EACE,KAAK,EACL,qBAAqB,EACrB,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,sBAAsB,EACtB,GAAG,UAAU,EACd,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EACvB,GAAG,EAAE,YAAY,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,2CA8ClD;AAED,eAAO,MAAM,SAAS,EAAiC,CAAC,CAAC,EAAE,CAAC,EAC3D,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAC7B,GAAG,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD,KACG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAEvC,cAAc,SAAS,CAAC"}

package/lib/components/Sectional/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlashList } from '@shopify/flash-list';
+import { forwardRef, useCallback, useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { HapticFeedback, HapticFeedbackTypes } from '../../utils';
+import { genScrollableContainerStyle, genScrollableContentContainerStyle, } from '../Scrollable';
+import { Item } from './Item';
+import { convertSectionsToFlashListItems, getItemType, getStickyHeaderIndices, isSectionChanged, } from './utils';
+function PlainSectional({ style, contentContainerStyle, sections, renderItem, renderSectionHeader, onViewableItemsChanged, ...otherProps }, ref) {
+    const theme = useTheme();
+    const data = useMemo(() => convertSectionsToFlashListItems([...sections]), [sections]);
+    const stickyHeaderIndices = useMemo(() => getStickyHeaderIndices(data), [data]);
+    const handleViewableItemsChanged = useCallback((info) => {
+        if (isSectionChanged(info)) {
+            HapticFeedback.trigger(HapticFeedbackTypes.clockTick);
+        }
+        onViewableItemsChanged?.(info);
+    }, [onViewableItemsChanged]);
+    return (_jsx(FlashList, { ref: ref, style: [genScrollableContainerStyle(theme, otherProps), style], showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, contentContainerStyle: {
+            ...genScrollableContentContainerStyle(theme, otherProps),
+            ...contentContainerStyle,
+        }, data: data, stickyHeaderIndices: stickyHeaderIndices, renderItem: (info) => _jsx(Item, { info: info, renderItem: renderItem, renderSectionHeader: renderSectionHeader }), getItemType: getItemType, onViewableItemsChanged: handleViewableItemsChanged, ...otherProps }));
+}
+export const Sectional = forwardRef(PlainSectional);
+export * from './types';

package/lib/components/Sectional/types.d.ts

@@ -0,0 +1,33 @@
+import type { ContentStyle, FlashListProps, ListRenderItemInfo } from '@shopify/flash-list';
+import type { SectionListData, SectionListProps } from 'react-native';
+import type { ScrollableProps } from '../Scrollable';
+export type FlashListItem<T, S> = {
+    type: 'row';
+    item: T;
+    section: SectionListData<T, S>;
+    index: number;
+} | {
+    type: 'sectionHeader';
+    section: SectionListData<T, S>;
+} | {
+    type: 'headerSeparator';
+} | {
+    type: 'footerSeparator';
+};
+export interface SectionalProps<T, S> extends Omit<ScrollableProps, 'children' | 'renderItem' | 'contentContainerStyle' | 'keyExtractor' | 'onEndReached' | 'CellRendererComponent'>, Omit<SectionListProps<T, S>, 'children' | 'renderItem' | 'contentContainerStyle' | 'keyExtractor' | 'onEndReached' | 'CellRendererComponent'>, Pick<FlashListProps<FlashListItem<T, S>>, 'CellRendererComponent' | 'keyExtractor' | 'onEndReached' | 'estimatedItemSize'> {
+    /**
+     * Render function for each item.
+     */
+    renderItem: (info: ListRenderItemInfo<T> & {
+        section: SectionListData<T, S>;
+    }) => React.ReactElement | null;
+    /**
+     * Render function for each section header.
+     */
+    renderSectionHeader: NonNullable<SectionListProps<T, S>['renderSectionHeader']>;
+    /**
+     * Style for the content container.
+     */
+    contentContainerStyle?: ContentStyle;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Sectional/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Sectional/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC,IAAI;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACd,GAAG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC/B,GAAG;IACH,IAAI,EAAE,iBAAiB,CAAC;CACxB,GAAG;IACH,IAAI,EAAE,iBAAiB,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,CACnC,SAAQ,IAAI,CAAC,eAAe,EACzB,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,uBAAuB,CACzB,EACD,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,uBAAuB,CACzB,EACD,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACrC,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,mBAAmB,CACrB;IACD;;OAEG;IACH,UAAU,EAAE,CACX,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG;QAC7B,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC/B,KACG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAE/B;;OAEG;IACH,mBAAmB,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEhF;;OAEG;IACH,qBAAqB,CAAC,EAAE,YAAY,CAAC;CACrC"}

package/lib/components/Sectional/types.js

@@ -0,0 +1 @@
+export {};