@admin-layout/gluestack-ui-mobile 11.0.1-alpha.0 → 11.0.3-alpha.0

package/lib/components/ui/modal/index.js

@@ -0,0 +1,137 @@
+'use client';
+import React from 'react';
+import { createModal } from '@gluestack-ui/modal';
+import { Pressable, View, ScrollView } from 'react-native';
+import { Motion, AnimatePresence, createMotionAnimatedComponent } from '@legendapp/motion';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+const AnimatedPressable = createMotionAnimatedComponent(Pressable);
+const SCOPE = 'MODAL';
+const UIModal = createModal({
+    Root: withStyleContext(View, SCOPE),
+    Backdrop: AnimatedPressable,
+    Content: Motion.View,
+    Body: ScrollView,
+    CloseButton: Pressable,
+    Footer: View,
+    Header: View,
+    AnimatePresence: AnimatePresence,
+});
+cssInterop(AnimatedPressable, { className: 'style' });
+cssInterop(Motion.View, { className: 'style' });
+const modalStyle = tva({
+    base: 'group/modal w-full h-full justify-center items-center web:pointer-events-none',
+    variants: {
+        size: {
+            xs: '',
+            sm: '',
+            md: '',
+            lg: '',
+            full: '',
+        },
+    },
+});
+const modalBackdropStyle = tva({
+    base: 'absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default',
+});
+const modalContentStyle = tva({
+    base: 'bg-background-0 rounded-md overflow-hidden border border-outline-100 shadow-hard-2 p-6',
+    parentVariants: {
+        size: {
+            xs: 'w-[60%] max-w-[360px]',
+            sm: 'w-[70%] max-w-[420px]',
+            md: 'w-[80%] max-w-[510px]',
+            lg: 'w-[90%] max-w-[640px]',
+            full: 'w-full',
+        },
+    },
+});
+const modalBodyStyle = tva({
+    base: 'mt-2 mb-6',
+});
+const modalCloseButtonStyle = tva({
+    base: 'group/modal-close-button z-10 rounded data-[focus-visible=true]:web:bg-background-100 web:outline-0 cursor-pointer',
+});
+const modalHeaderStyle = tva({
+    base: 'justify-between items-center flex-row',
+});
+const modalFooterStyle = tva({
+    base: 'flex-row justify-end items-center gap-2',
+});
+const Modal = React.forwardRef(({ className, size = 'md', ...props }, ref) => (React.createElement(UIModal, { ref: ref, ...props, pointerEvents: "box-none", className: modalStyle({ size, class: className }), context: { size } })));
+const ModalBackdrop = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIModal.Backdrop, { ref: ref, initial: {
+            opacity: 0,
+        }, animate: {
+            opacity: 0.5,
+        }, exit: {
+            opacity: 0,
+        }, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 250,
+            opacity: {
+                type: 'timing',
+                duration: 250,
+            },
+        }, ...props, className: modalBackdropStyle({
+            class: className,
+        }) }));
+});
+const ModalContent = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIModal.Content, { ref: ref, initial: {
+            opacity: 0,
+            scale: 0.9,
+        }, animate: {
+            opacity: 1,
+            scale: 1,
+        }, exit: {
+            opacity: 0,
+        }, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 250,
+            opacity: {
+                type: 'timing',
+                duration: 250,
+            },
+        }, ...props, className: modalContentStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size,
+            class: className,
+        }), pointerEvents: "auto" }));
+});
+const ModalHeader = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIModal.Header, { ref: ref, ...props, className: modalHeaderStyle({
+            class: className,
+        }) }));
+});
+const ModalBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIModal.Body, { ref: ref, ...props, className: modalBodyStyle({
+            class: className,
+        }) }));
+});
+const ModalFooter = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIModal.Footer, { ref: ref, ...props, className: modalFooterStyle({
+            class: className,
+        }) }));
+});
+const ModalCloseButton = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIModal.CloseButton, { ref: ref, ...props, className: modalCloseButtonStyle({
+            class: className,
+        }) }));
+});
+// Assign display names
+Modal.displayName = 'Modal';
+ModalBackdrop.displayName = 'ModalBackdrop';
+ModalContent.displayName = 'ModalContent';
+ModalHeader.displayName = 'ModalHeader';
+ModalBody.displayName = 'ModalBody';
+ModalFooter.displayName = 'ModalFooter';
+ModalCloseButton.displayName = 'ModalCloseButton';
+export { Modal, ModalBackdrop, ModalContent, ModalCloseButton, ModalHeader, ModalBody, ModalFooter };
+//# sourceMappingURL=index.js.map

package/lib/components/ui/modal/index.js.map

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

package/lib/components/ui/popover/index.d.ts

@@ -0,0 +1,310 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const UIPopover: import("@gluestack-ui/popover/lib/types").IPopoverComponentType<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>, import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>, import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>, import("react-native").ViewProps, import("react-native").ViewProps, import("react-native").ScrollViewProps, import("react-native").Animated.AnimatedProps<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    ref?: React.Ref<View>;
+}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<View>>, import("react-native").ViewStyle | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>), unknown, unknown, unknown>, import("react-native").PressableProps & React.RefAttributes<View>>;
+declare const popoverStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+} | ({
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: 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;
+        };
+        full: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "group/popover w-full h-full justify-center items-center web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}>, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, "group/popover w-full h-full justify-center items-center web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const popoverArrowStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+} | ({
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+} & {
+    placement: {
+        'top left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        top: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'top right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        bottom: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'bottom left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'bottom right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        left: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'left top': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'left bottom': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        right: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'right top': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'right bottom': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "bg-background-0 z-[1] border absolute overflow-hidden h-3.5 w-3.5 border-outline-100", import("tailwind-variants/dist/config").TVConfig<{
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+}, {
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+}>, {
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+}, undefined, "bg-background-0 z-[1] border absolute overflow-hidden h-3.5 w-3.5 border-outline-100", import("tailwind-variants/dist/config").TVConfig<{
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+}, {
+    placement: {
+        'top left': string;
+        top: string;
+        'top right': string;
+        bottom: string;
+        'bottom left': string;
+        'bottom right': string;
+        left: string;
+        'left top': string;
+        'left bottom': string;
+        right: string;
+        'right top': string;
+        'right bottom': string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const popoverBackdropStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "absolute left-0 top-0 right-0 bottom-0 web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "absolute left-0 top-0 right-0 bottom-0 web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const popoverCloseButtonStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:web:bg-background-100 web:outline-0 web:cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:web:bg-background-100 web:outline-0 web:cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const popoverContentStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+} | ({} & {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}), undefined, "bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const popoverHeaderStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "flex-row justify-between items-center", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "flex-row justify-between items-center", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const popoverBodyStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const popoverFooterStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "flex-row justify-between items-center", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "flex-row justify-between items-center", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+type IPopoverProps = React.ComponentProps<typeof UIPopover> & VariantProps<typeof popoverStyle> & {
+    className?: string;
+};
+type IPopoverArrowProps = React.ComponentProps<typeof UIPopover.Arrow> & VariantProps<typeof popoverArrowStyle> & {
+    className?: string;
+};
+type IPopoverContentProps = React.ComponentProps<typeof UIPopover.Content> & VariantProps<typeof popoverContentStyle> & {
+    className?: string;
+};
+type IPopoverHeaderProps = React.ComponentProps<typeof UIPopover.Header> & VariantProps<typeof popoverHeaderStyle> & {
+    className?: string;
+};
+type IPopoverFooterProps = React.ComponentProps<typeof UIPopover.Footer> & VariantProps<typeof popoverFooterStyle> & {
+    className?: string;
+};
+type IPopoverBodyProps = React.ComponentProps<typeof UIPopover.Body> & VariantProps<typeof popoverBodyStyle> & {
+    className?: string;
+};
+type IPopoverBackdropProps = React.ComponentProps<typeof UIPopover.Backdrop> & VariantProps<typeof popoverBackdropStyle> & {
+    className?: string;
+};
+type IPopoverCloseButtonProps = React.ComponentProps<typeof UIPopover.CloseButton> & VariantProps<typeof popoverCloseButtonStyle> & {
+    className?: string;
+};
+declare const Popover: React.ForwardRefExoticComponent<Omit<IPopoverProps, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<IPopoverContentProps, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>>>;
+declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<IPopoverArrowProps, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>>>;
+declare const PopoverBackdrop: React.ForwardRefExoticComponent<Omit<IPopoverBackdropProps, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    ref?: React.Ref<View>;
+}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<View>>, import("react-native").ViewStyle | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>), unknown, unknown, unknown>>>;
+declare const PopoverBody: React.ForwardRefExoticComponent<Omit<IPopoverBodyProps, "ref"> & React.RefAttributes<import("react-native").ScrollViewProps>>;
+declare const PopoverCloseButton: React.ForwardRefExoticComponent<Omit<IPopoverCloseButtonProps, "ref"> & React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>>>;
+declare const PopoverFooter: React.ForwardRefExoticComponent<Omit<IPopoverFooterProps, "ref"> & React.RefAttributes<import("react-native").ViewProps>>;
+declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<IPopoverHeaderProps, "ref"> & React.RefAttributes<import("react-native").ViewProps>>;
+export { Popover, PopoverBackdrop, PopoverArrow, PopoverCloseButton, PopoverFooter, PopoverHeader, PopoverBody, PopoverContent, };

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

@@ -0,0 +1,172 @@
+'use client';
+import React from 'react';
+import { View, Pressable, ScrollView } from 'react-native';
+import { Motion, createMotionAnimatedComponent, AnimatePresence } from '@legendapp/motion';
+import { createPopover } from '@gluestack-ui/popover';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+const AnimatedPressable = createMotionAnimatedComponent(Pressable);
+const SCOPE = 'POPOVER';
+const UIPopover = createPopover({
+    Root: withStyleContext(View, SCOPE),
+    Arrow: Motion.View,
+    Backdrop: AnimatedPressable,
+    Body: ScrollView,
+    CloseButton: Pressable,
+    Content: Motion.View,
+    Footer: View,
+    Header: View,
+    AnimatePresence: AnimatePresence,
+});
+cssInterop(Motion.View, { className: 'style' });
+cssInterop(AnimatedPressable, { className: 'style' });
+const popoverStyle = tva({
+    base: 'group/popover w-full h-full justify-center items-center web:pointer-events-none',
+    variants: {
+        size: {
+            xs: '',
+            sm: '',
+            md: '',
+            lg: '',
+            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 web:cursor-default',
+});
+const popoverCloseButtonStyle = tva({
+    base: 'group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:web:bg-background-100 web:outline-0 web:cursor-pointer',
+});
+const popoverContentStyle = tva({
+    base: 'bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full',
+    parentVariants: {
+        size: {
+            xs: 'max-w-[360px] p-3.5',
+            sm: 'max-w-[420px] p-4',
+            md: 'max-w-[510px] p-[18px]',
+            lg: 'max-w-[640px] p-5',
+            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, class: className }), context: { size, placement }, pointerEvents: "box-none" }));
+});
+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,
+            class: className,
+        }), pointerEvents: "auto" }));
+});
+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.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("@gluestack-ui/overlay").IOverlayProps & React.RefAttributes<import("react-native").Modal>, "ref"> & React.RefAttributes<import("react-native").Modal>>;

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

@@ -0,0 +1,9 @@
+'use client';
+import React from 'react';
+import { Overlay } from '@gluestack-ui/overlay';
+import { cssInterop } from 'nativewind';
+cssInterop(Overlay, { className: 'style' });
+export const Portal = React.forwardRef(({ ...props }, ref) => {
+    return React.createElement(Overlay, { ...props, ref: ref });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/portal/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,UAAU,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,GAAG,KAAK,EAAwC,EAAE,GAAG,EAAE,EAAE;IACxD,OAAO,oBAAC,OAAO,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC5C,CAAC,CACJ,CAAC"}