@admin-layout/gluestack-ui-mobile 11.0.4-alpha.0 → 12.0.16-alpha.0

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

@@ -0,0 +1,83 @@
+'use client';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { createPortal } from 'react-dom';
+const SCOPE = 'MENU';
+const menuStyle = tva({
+    base: 'absolute z-50 min-w-[200px] py-1 bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none',
+    variants: {
+        placement: {
+            top: 'bottom-full mb-2',
+            bottom: 'top-full mt-2',
+            left: 'right-full mr-2',
+            right: 'left-full ml-2',
+        },
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+        },
+    },
+    defaultVariants: {
+        placement: 'bottom',
+        size: 'md',
+    },
+});
+export const MenuItem = forwardRef(({ className, onClick, disabled, ...props }, ref) => (React.createElement("button", { ref: ref, className: `w-full px-4 py-2 text-left hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed ${className || ''}`, onClick: onClick, disabled: disabled, role: "menuitem", ...props })));
+MenuItem.displayName = 'MenuItem';
+export const MenuDivider = forwardRef(({ className, ...props }, ref) => (React.createElement("hr", { ref: ref, className: `my-1 border-gray-200 ${className || ''}`, role: "separator", ...props })));
+MenuDivider.displayName = 'MenuDivider';
+export const MenuGroup = forwardRef(({ className, title, children, ...props }, ref) => (React.createElement("div", { ref: ref, role: "group", "aria-label": title, ...props },
+    title && React.createElement("div", { className: "px-4 py-2 text-sm font-semibold text-gray-500" }, title),
+    children)));
+MenuGroup.displayName = 'MenuGroup';
+const Menu = forwardRef(({ trigger, isOpen: controlledIsOpen, onOpen, onClose, children, className, placement, size, ...props }, ref) => {
+    const [isOpen, setIsOpen] = useState(controlledIsOpen || false);
+    const menuRef = useRef(null);
+    const triggerRef = useRef(null);
+    const handleOpen = () => {
+        setIsOpen(true);
+        if (onOpen)
+            onOpen();
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        if (onClose)
+            onClose();
+    };
+    useEffect(() => {
+        if (controlledIsOpen !== undefined) {
+            setIsOpen(controlledIsOpen);
+        }
+    }, [controlledIsOpen]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (menuRef.current &&
+                !menuRef.current.contains(event.target) &&
+                triggerRef.current &&
+                !triggerRef.current.contains(event.target)) {
+                handleClose();
+            }
+        };
+        const handleEscape = (event) => {
+            if (event.key === 'Escape') {
+                handleClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+            document.addEventListener('keydown', handleEscape);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleEscape);
+        };
+    }, [isOpen]);
+    return (React.createElement("div", { className: "relative inline-block", ref: ref },
+        React.createElement("div", { ref: triggerRef, onClick: () => (isOpen ? handleClose() : handleOpen()), "aria-haspopup": "true", "aria-expanded": isOpen }, trigger),
+        isOpen &&
+            createPortal(React.createElement("div", { ref: menuRef, className: menuStyle({ placement, size, class: className }), role: "menu", "aria-orientation": "vertical", ...props }, children), document.body)));
+});
+Menu.displayName = 'Menu';
+export { Menu };
+//# sourceMappingURL=index.web.js.map

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

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

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

@@ -0,0 +1,111 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const modalStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+} | ({
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: 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;
+        };
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        full: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-xl p-6 max-h-[90vh] overflow-y-auto", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}>, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-xl p-6 max-h-[90vh] overflow-y-auto", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const ModalContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalCloseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type IModalProps = {
+    isOpen?: boolean;
+    onClose?: () => void;
+    children?: React.ReactNode;
+    className?: string;
+    size?: VariantProps<typeof modalStyle>['size'];
+    closeOnOverlayClick?: boolean;
+};
+declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

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

@@ -0,0 +1,58 @@
+'use client';
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { createPortal } from 'react-dom';
+const SCOPE = 'MODAL';
+const ModalOverlay = ({ onPress, className }) => (React.createElement("div", { onClick: onPress, className: `fixed inset-0 bg-black bg-opacity-40 transition-opacity ${className || ''}`, "aria-hidden": "true" }));
+const modalStyle = tva({
+    base: 'fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-xl p-6 max-h-[90vh] overflow-y-auto',
+    variants: {
+        size: {
+            xs: 'w-[95%] max-w-xs',
+            sm: 'w-[95%] max-w-sm',
+            md: 'w-[95%] max-w-md',
+            lg: 'w-[95%] max-w-lg',
+            xl: 'w-[95%] max-w-xl',
+            full: 'w-[95%]',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+export const ModalContent = forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, role: "dialog", "aria-modal": "true", className: className, ...props })));
+ModalContent.displayName = 'ModalContent';
+export const ModalHeader = forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: `text-xl font-semibold mb-4 ${className || ''}`, ...props })));
+ModalHeader.displayName = 'ModalHeader';
+export const ModalBody = forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: `mb-6 ${className || ''}`, ...props })));
+ModalBody.displayName = 'ModalBody';
+export const ModalFooter = forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: `flex justify-end space-x-2 ${className || ''}`, ...props })));
+ModalFooter.displayName = 'ModalFooter';
+export const ModalCloseButton = forwardRef(({ className, onClick, ...props }, ref) => (React.createElement("button", { ref: ref, className: `absolute right-4 top-4 text-gray-400 hover:text-gray-600 ${className || ''}`, onClick: onClick, "aria-label": "Close modal", ...props }, "\u00D7")));
+ModalCloseButton.displayName = 'ModalCloseButton';
+const Modal = forwardRef(({ isOpen, onClose, children, className, size, closeOnOverlayClick = true, ...props }, ref) => {
+    const modalRef = useRef(null);
+    useEffect(() => {
+        const handleEscape = (event) => {
+            if (event.key === 'Escape' && onClose) {
+                onClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('keydown', handleEscape);
+            document.body.style.overflow = 'hidden';
+        }
+        return () => {
+            document.removeEventListener('keydown', handleEscape);
+            document.body.style.overflow = '';
+        };
+    }, [isOpen, onClose]);
+    if (!isOpen)
+        return null;
+    return createPortal(React.createElement(React.Fragment, null,
+        React.createElement(ModalOverlay, { onPress: closeOnOverlayClick ? onClose : undefined }),
+        React.createElement("div", { ref: ref, className: modalStyle({ size, class: className }), role: "dialog", "aria-modal": "true", ...props }, children)), document.body);
+});
+Modal.displayName = 'Modal';
+export { Modal };
+//# sourceMappingURL=index.web.js.map

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

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

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

@@ -0,0 +1,309 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const UIPopover: import("@gluestack-ui/popover/lib/types").IPopoverComponentType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>, import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<import("react-native").View>> & import("@legendapp/motion").MotionComponentProps<typeof import("react-native").View, import("react-native").ViewStyle, unknown, unknown, unknown>, import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<import("react-native").View>> & import("@legendapp/motion").MotionComponentProps<typeof import("react-native").View, import("react-native").ViewStyle, unknown, unknown, unknown>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, import("react-native").Animated.AnimatedProps<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>, React.CSSProperties, unknown, unknown, unknown>, Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+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 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 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: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+} | ({
+    placement: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+} & {
+    placement: {
+        readonly 'top left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly top: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly 'top right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly bottom: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly 'bottom left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly 'bottom right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly left: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly 'left top': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly 'left bottom': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly right: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly 'right top': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        readonly '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: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+}, {
+    placement: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+}>, {
+    placement: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    placement: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+}, 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: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+}, {
+    placement: {
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+        readonly 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";
+        readonly '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";
+        readonly '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";
+    };
+}>, unknown, unknown, undefined>>;
+declare const popoverBackdropStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "absolute left-0 top-0 right-0 bottom-0 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 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]:bg-background-100 outline-0 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]:bg-background-100 outline-0 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<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<IPopoverContentProps, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<import("react-native").View>> & import("@legendapp/motion").MotionComponentProps<typeof import("react-native").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<import("react-native").View>> & import("@legendapp/motion").MotionComponentProps<typeof import("react-native").View, import("react-native").ViewStyle, unknown, unknown, unknown>>>;
+declare const PopoverBackdrop: React.ForwardRefExoticComponent<Omit<IPopoverBackdropProps, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>, React.CSSProperties, unknown, unknown, unknown>>>;
+declare const PopoverBody: React.ForwardRefExoticComponent<Omit<IPopoverBodyProps, "ref"> & React.RefAttributes<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+declare const PopoverCloseButton: React.ForwardRefExoticComponent<Omit<IPopoverCloseButtonProps, "ref"> & React.RefAttributes<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+declare const PopoverFooter: React.ForwardRefExoticComponent<Omit<IPopoverFooterProps, "ref"> & React.RefAttributes<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<IPopoverHeaderProps, "ref"> & React.RefAttributes<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+export { Popover, PopoverBackdrop, PopoverArrow, PopoverCloseButton, PopoverFooter, PopoverHeader, PopoverBody, PopoverContent, };