@admin-layout/gluestack-ui-mobile 10.0.9-alpha.9 → 10.1.1-alpha.0

package/lib/components/ui/popover/index.web.js

@@ -0,0 +1,184 @@
+'use client';
+import React from 'react';
+import { createPopover } from '@gluestack-ui/popover';
+import { Motion, createMotionAnimatedComponent, AnimatePresence } from '@legendapp/motion';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+// Create web-specific components
+const Div = React.forwardRef((props, ref) => React.createElement("div", { ref: ref, ...props }));
+Div.displayName = 'Div';
+const Button = React.forwardRef((props, ref) => (React.createElement("button", { type: "button", ref: ref, ...props })));
+Button.displayName = 'Button';
+const AnimatedDiv = createMotionAnimatedComponent(Div);
+const MotionDiv = Motion.View;
+const SCOPE = 'POPOVER';
+const UIPopover = createPopover({
+    Root: withStyleContext(Div, SCOPE),
+    Arrow: MotionDiv,
+    Backdrop: AnimatedDiv,
+    Body: Div,
+    CloseButton: Button,
+    Content: MotionDiv,
+    Footer: Div,
+    Header: Div,
+    AnimatePresence: AnimatePresence,
+});
+cssInterop(MotionDiv, { className: 'style' });
+cssInterop(AnimatedDiv, { className: 'style' });
+const SIZES = {
+    xs: 'xs',
+    sm: 'sm',
+    md: 'md',
+    lg: 'lg',
+    full: 'full',
+};
+const popoverStyle = tva({
+    base: 'group/popover w-full h-full justify-center items-center pointer-events-none',
+    variants: {
+        size: {
+            [SIZES.xs]: '',
+            [SIZES.sm]: '',
+            [SIZES.md]: '',
+            [SIZES.lg]: '',
+            [SIZES.full]: '',
+        },
+    },
+});
+const popoverArrowStyle = tva({
+    base: 'bg-background-0 z-[1] border absolute overflow-hidden h-3.5 w-3.5 border-outline-100',
+    variants: {
+        placement: {
+            'top left': 'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',
+            top: 'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',
+            'top right': 'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',
+            bottom: 'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',
+            'bottom left': 'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',
+            'bottom right': 'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',
+            left: 'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',
+            'left top': 'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',
+            'left bottom': 'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',
+            right: 'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',
+            'right top': 'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',
+            'right bottom': 'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',
+        },
+    },
+});
+const popoverBackdropStyle = tva({
+    base: 'absolute left-0 top-0 right-0 bottom-0 cursor-default',
+});
+const popoverCloseButtonStyle = tva({
+    base: 'group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:bg-background-100 outline-0 cursor-pointer',
+});
+const popoverContentStyle = tva({
+    base: 'bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full',
+    parentVariants: {
+        size: {
+            [SIZES.xs]: 'max-w-[360px] p-3.5',
+            [SIZES.sm]: 'max-w-[420px] p-4',
+            [SIZES.md]: 'max-w-[510px] p-[18px]',
+            [SIZES.lg]: 'max-w-[640px] p-5',
+            [SIZES.full]: 'p-6',
+        },
+    },
+});
+const popoverHeaderStyle = tva({
+    base: 'flex-row justify-between items-center',
+});
+const popoverBodyStyle = tva({
+    base: '',
+});
+const popoverFooterStyle = tva({
+    base: 'flex-row justify-between items-center',
+});
+const Popover = React.forwardRef(({ className, size = 'md', placement = 'bottom', ...props }, ref) => {
+    return (React.createElement(UIPopover, { ref: ref, placement: placement, ...props, className: popoverStyle({ size: size, class: className }), context: { size, placement } }));
+});
+const PopoverContent = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIPopover.Content, { ref: ref, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 250,
+            mass: 0.9,
+            opacity: {
+                type: 'timing',
+                duration: 50,
+                delay: 50,
+            },
+        }, ...props, className: popoverContentStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size: size,
+            class: className,
+        }) }));
+});
+const PopoverArrow = React.forwardRef(({ className, ...props }, ref) => {
+    const { placement } = useStyleContext(SCOPE);
+    return (React.createElement(UIPopover.Arrow, { ref: ref, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 250,
+            mass: 0.9,
+            opacity: {
+                type: 'timing',
+                duration: 50,
+                delay: 50,
+            },
+        }, ...props, className: popoverArrowStyle({
+            class: className,
+            placement,
+        }) }));
+});
+const PopoverBackdrop = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIPopover.Backdrop, { ref: ref, ...props, initial: {
+            opacity: 0,
+        }, animate: {
+            opacity: 0.1,
+        }, exit: {
+            opacity: 0,
+        }, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 450,
+            mass: 0.9,
+            opacity: {
+                type: 'timing',
+                duration: 50,
+                delay: 50,
+            },
+        }, className: popoverBackdropStyle({
+            class: className,
+        }) }));
+});
+const PopoverBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIPopover.Body, { ref: ref, ...props, className: popoverBodyStyle({
+            class: className,
+        }) }));
+});
+const PopoverCloseButton = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIPopover.CloseButton, { ref: ref, ...props, className: popoverCloseButtonStyle({
+            class: className,
+        }) }));
+});
+const PopoverFooter = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIPopover.Footer, { ref: ref, ...props, className: popoverFooterStyle({
+            class: className,
+        }) }));
+});
+const PopoverHeader = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIPopover.Header, { ref: ref, ...props, className: popoverHeaderStyle({
+            class: className,
+        }) }));
+});
+Popover.displayName = 'Popover';
+PopoverArrow.displayName = 'PopoverArrow';
+PopoverBackdrop.displayName = 'PopoverBackdrop';
+PopoverContent.displayName = 'PopoverContent';
+PopoverHeader.displayName = 'PopoverHeader';
+PopoverFooter.displayName = 'PopoverFooter';
+PopoverBody.displayName = 'PopoverBody';
+PopoverCloseButton.displayName = 'PopoverCloseButton';
+export { Popover, PopoverBackdrop, PopoverArrow, PopoverCloseButton, PopoverFooter, PopoverHeader, PopoverBody, PopoverContent, };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/popover/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/popover/index.web.tsx"],"names":[],"mappings":"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"}

package/lib/components/ui/portal/index.web.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface PortalProps {
+    children?: React.ReactNode;
+    containerRef?: React.RefObject<HTMLElement>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/ui/portal/index.web.js

@@ -0,0 +1,16 @@
+'use client';
+import React from 'react';
+import { createPortal } from 'react-dom';
+export const Portal = React.forwardRef(({ children, containerRef, className, style, ...props }, ref) => {
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    if (!mounted)
+        return null;
+    const container = containerRef?.current ?? document.body;
+    return createPortal(React.createElement("div", { ref: ref, className: className, style: style, ...props }, children), container);
+});
+Portal.displayName = 'Portal';
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/portal/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/portal/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AASzC,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,SAAS,GAAG,YAAY,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC;IAEzD,OAAO,YAAY,CACf,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACvD,QAAQ,CACP,EACN,SAAS,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/lib/components/ui/pressable/index.web.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const Pressable: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> & {
+    onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onPressIn?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onPressOut?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    className?: string;
+} & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/ui/pressable/index.web.js

@@ -0,0 +1,44 @@
+'use client';
+import React, { forwardRef, useState } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { clsx } from 'clsx';
+const pressableStyle = tva({
+    base: 'cursor-pointer select-none outline-none',
+    variants: {
+        disabled: {
+            true: 'opacity-40 cursor-not-allowed',
+        },
+        pressed: {
+            true: 'opacity-70',
+        },
+        hovered: {
+            true: 'hover:opacity-80',
+        },
+        focused: {
+            true: 'focus:ring-2 focus:ring-offset-2 focus:ring-blue-500',
+        },
+    },
+});
+export const Pressable = forwardRef(({ onPress, onPressIn, onPressOut, disabled, className, children, ...props }, ref) => {
+    const [isPressed, setIsPressed] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    return (React.createElement("button", { ref: ref, className: pressableStyle({
+            disabled,
+            pressed: isPressed,
+            hovered: isHovered,
+            focused: isFocused,
+            class: clsx(className),
+        }), disabled: disabled, onClick: onPress, onMouseDown: (e) => {
+            setIsPressed(true);
+            onPressIn?.(e);
+        }, onMouseUp: (e) => {
+            setIsPressed(false);
+            onPressOut?.(e);
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => {
+            setIsHovered(false);
+            setIsPressed(false);
+        }, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), ...props }, children));
+});
+Pressable.displayName = 'Pressable';
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/pressable/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/pressable/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,MAAM,cAAc,GAAG,GAAG,CAAC;IACvB,IAAI,EAAE,yCAAyC;IAC/C,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,+BAA+B;SACxC;QACD,OAAO,EAAE;YACL,IAAI,EAAE,YAAY;SACrB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,kBAAkB;SAC3B;QACD,OAAO,EAAE;YACL,IAAI,EAAE,sDAAsD;SAC/D;KACJ;CACJ,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,CAAC;YACtB,QAAQ;YACR,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC;SACzB,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,KAC7B,KAAK,IAER,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/lib/components/ui/progress/index.web.d.ts

@@ -0,0 +1,237 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const progressStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+} | ({
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+} & {
+    size: {
+        xs: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    variant: {
+        determinate: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        indeterminate: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "w-full overflow-hidden bg-gray-200 rounded-full", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+}>, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+}, undefined, "w-full overflow-hidden bg-gray-200 rounded-full", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const fillerStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+} | ({
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+} & {
+    variant: {
+        determinate: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        indeterminate: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    colorScheme: {
+        primary: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        success: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        warning: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        error: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "h-full rounded-full transition-all duration-300 ease-in-out", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, {
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}>, {
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, "h-full rounded-full transition-all duration-300 ease-in-out", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, {
+    variant: {
+        determinate: string;
+        indeterminate: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}>, unknown, unknown, undefined>>;
+type IProgressProps = React.ComponentProps<'div'> & {
+    value?: number;
+    min?: number;
+    max?: number;
+    size?: VariantProps<typeof progressStyle>['size'];
+    variant?: VariantProps<typeof progressStyle>['variant'];
+    colorScheme?: VariantProps<typeof fillerStyle>['colorScheme'];
+    isIndeterminate?: boolean;
+};
+declare const Progress: React.ForwardRefExoticComponent<Omit<IProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/lib/components/ui/progress/index.web.js

@@ -0,0 +1,73 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+const SCOPE = 'PROGRESS';
+const progressStyle = tva({
+    base: 'w-full overflow-hidden bg-gray-200 rounded-full',
+    variants: {
+        size: {
+            xs: 'h-1',
+            sm: 'h-2',
+            md: 'h-3',
+            lg: 'h-4',
+        },
+        variant: {
+            determinate: '',
+            indeterminate: 'relative',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        variant: 'determinate',
+    },
+});
+const fillerStyle = tva({
+    base: 'h-full rounded-full transition-all duration-300 ease-in-out',
+    variants: {
+        variant: {
+            determinate: '',
+            indeterminate: 'absolute animate-progress-indeterminate',
+        },
+        colorScheme: {
+            primary: 'bg-blue-600',
+            success: 'bg-green-600',
+            warning: 'bg-yellow-600',
+            error: 'bg-red-600',
+        },
+    },
+    defaultVariants: {
+        variant: 'determinate',
+        colorScheme: 'primary',
+    },
+});
+const Progress = forwardRef(({ className, value = 0, min = 0, max = 100, size, variant: variantProp, colorScheme, isIndeterminate, ...props }, ref) => {
+    const variant = isIndeterminate ? 'indeterminate' : variantProp || 'determinate';
+    const percentage = Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100));
+    return (React.createElement("div", { ref: ref, role: "progressbar", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": isIndeterminate ? undefined : value, className: progressStyle({ size, variant, class: className }), ...props },
+        React.createElement("div", { className: fillerStyle({ variant, colorScheme }), style: {
+                width: variant === 'determinate' ? `${percentage}%` : '40%',
+            } })));
+});
+Progress.displayName = 'Progress';
+export { Progress };
+// Add keyframes for indeterminate animation to your global CSS:
+const styles = `
+@keyframes progress-indeterminate {
+  0% {
+    left: -40%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+
+.animate-progress-indeterminate {
+  animation: progress-indeterminate 1.5s infinite ease-in-out;
+}
+`;
+if (typeof document !== 'undefined') {
+    const styleSheet = document.createElement('style');
+    styleSheet.textContent = styles;
+    document.head.appendChild(styleSheet);
+}
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/progress/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/progress/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAKzD,MAAM,KAAK,GAAG,UAAU,CAAC;AAEzB,MAAM,aAAa,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE,iDAAiD;IACvD,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;SACZ;QACD,OAAO,EAAE;YACL,WAAW,EAAE,EAAE;YACf,aAAa,EAAE,UAAU;SAC5B;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,aAAa;KACzB;CACJ,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,CAAC;IACpB,IAAI,EAAE,6DAA6D;IACnE,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,WAAW,EAAE,EAAE;YACf,aAAa,EAAE,yCAAyC;SAC3D;QACD,WAAW,EAAE;YACT,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,eAAe;YACxB,KAAK,EAAE,YAAY;SACtB;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,aAAa;QACtB,WAAW,EAAE,SAAS;KACzB;CACJ,CAAC,CAAC;AAYH,MAAM,QAAQ,GAAG,UAAU,CACvB,CACI,EACI,SAAS,EACT,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,WAAW,EACX,eAAe,EACf,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,IAAI,aAAa,CAAC;IACjF,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAEnF,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,mBACH,GAAG,mBACH,GAAG,mBACH,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAClD,SAAS,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KACzD,KAAK;QAET,6BACI,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAChD,KAAK,EAAE;gBACH,KAAK,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,KAAK;aAC9D,GACH,CACA,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,gEAAgE;AAChE,MAAM,MAAM,GAAG;;;;;;;;;;;;;CAad,CAAC;AAEF,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}