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

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

@@ -0,0 +1,50 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+const SCOPE = 'INPUT';
+const StyledInput = forwardRef(({ onChangeText, onChange, secureTextEntry, placeholder, placeholderTextColor, ...props }, ref) => {
+    const handleChange = (e) => {
+        if (onChange) {
+            onChange(e);
+        }
+        if (onChangeText) {
+            onChangeText(e.target.value);
+        }
+    };
+    return (React.createElement("input", { ref: ref, type: secureTextEntry ? 'password' : 'text', placeholder: placeholder, onChange: handleChange, style: {
+            ...props.style,
+            '::placeholder': {
+                color: placeholderTextColor,
+            },
+        }, ...props }));
+});
+StyledInput.displayName = 'StyledInput';
+const inputStyle = tva({
+    base: 'px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent',
+    variants: {
+        size: {
+            sm: 'text-sm h-8',
+            md: 'text-base h-10',
+            lg: 'text-lg h-12',
+        },
+        variant: {
+            outline: 'bg-transparent',
+            filled: 'bg-gray-100',
+            unstyled: '',
+        },
+        state: {
+            error: 'border-red-500 focus:ring-red-500',
+            success: 'border-green-500 focus:ring-green-500',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        variant: 'outline',
+    },
+});
+const Input = React.forwardRef(({ className, size, variant, state, ...props }, ref) => {
+    return React.createElement(StyledInput, { ref: ref, className: inputStyle({ size, variant, state, class: className }), ...props });
+});
+Input.displayName = 'Input';
+export { Input };
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/input/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAKzD,MAAM,KAAK,GAAG,OAAO,CAAC;AAEtB,MAAM,WAAW,GAAG,UAAU,CAC1B,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9F,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC5D,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACf,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,+BACI,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC3C,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE;YACH,GAAG,KAAK,CAAC,KAAK;YACd,eAAe,EAAE;gBACb,KAAK,EAAE,oBAAoB;aAC9B;SACJ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,UAAU,GAAG,GAAG,CAAC;IACnB,IAAI,EAAE,0HAA0H;IAChI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,cAAc;SACrB;QACD,OAAO,EAAE;YACL,OAAO,EAAE,gBAAgB;YACzB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,EAAE;SACf;QACD,KAAK,EAAE;YACH,KAAK,EAAE,mCAAmC;YAC1C,OAAO,EAAE,uCAAuC;SACnD;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC,CAAC;AAUH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjH,OAAO,oBAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,GAAI,CAAC;AACnH,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/lib/components/ui/input-accessory-view/index.web.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface InputAccessoryViewProps {
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    backgroundColor?: string;
+    nativeID?: string;
+}
+export declare const InputAccessoryView: ({ children, style, backgroundColor, ...props }: InputAccessoryViewProps) => React.JSX.Element;
+export {};

package/lib/components/ui/input-accessory-view/index.web.js

@@ -0,0 +1,16 @@
+'use client';
+import React from 'react';
+export const InputAccessoryView = ({ children, style, backgroundColor, ...props }) => {
+    return (React.createElement("div", { style: {
+            position: 'fixed',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            backgroundColor: backgroundColor || '#ffffff',
+            borderTopWidth: '1px',
+            borderTopStyle: 'solid',
+            borderTopColor: '#e5e5e5',
+            ...style,
+        }, ...props }, children));
+};
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/input-accessory-view/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/input-accessory-view/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IAC1G,OAAO,CACH,6BACI,KAAK,EAAE;YACH,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,eAAe,EAAE,eAAe,IAAI,SAAS;YAC7C,cAAc,EAAE,KAAK;YACrB,cAAc,EAAE,OAAO;YACvB,cAAc,EAAE,SAAS;YACzB,GAAG,KAAK;SACX,KACG,KAAK,IAER,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/components/ui/keyboard-avoiding-view/index.web.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface KeyboardAvoidingViewProps extends React.HTMLAttributes<HTMLDivElement> {
+    behavior?: 'height' | 'position' | 'padding';
+    keyboardVerticalOffset?: number;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const KeyboardAvoidingView: React.ForwardRefExoticComponent<KeyboardAvoidingViewProps & React.RefAttributes<HTMLDivElement>>;
+export { KeyboardAvoidingView };

package/lib/components/ui/keyboard-avoiding-view/index.web.js

@@ -0,0 +1,8 @@
+'use client';
+import React, { forwardRef } from 'react';
+const KeyboardAvoidingView = forwardRef(({ children, style, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, style: style, ...props }, children));
+});
+KeyboardAvoidingView.displayName = 'KeyboardAvoidingView';
+export { KeyboardAvoidingView };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/keyboard-avoiding-view/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/keyboard-avoiding-view/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAS1C,MAAM,oBAAoB,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnC,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACjC,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,365 @@
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+import React from 'react';
+export declare const UILink: any;
+declare const linkStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "group/link outline-0 cursor-pointer data-[disabled=true]:cursor-not-allowed data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-indicator-primary data-[focus-visible=true]:outline-0 data-[disabled=true]:opacity-4", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "group/link outline-0 cursor-pointer data-[disabled=true]:cursor-not-allowed data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-indicator-primary data-[focus-visible=true]:outline-0 data-[disabled=true]:opacity-4", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const linkTextStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+} | ({
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+} & {
+    isTruncated: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    bold: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    underline: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    strikeThrough: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    size: {
+        '2xs': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        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;
+        };
+        '2xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '3xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '4xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '5xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '6xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    sub: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    italic: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    highlight: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "underline text-info-700 hover:text-info-600 hover:no-underline active:text-info-700 font-normal font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start whitespace-pre-wrap word-wrap-break-word", import("tailwind-variants/dist/config").TVConfig<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}>, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, undefined, "underline text-info-700 hover:text-info-600 hover:no-underline active:text-info-700 font-normal font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start whitespace-pre-wrap word-wrap-break-word", import("tailwind-variants/dist/config").TVConfig<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+interface ILinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkStyle> {
+    className?: string;
+}
+declare const Link: React.ForwardRefExoticComponent<ILinkProps & React.RefAttributes<HTMLAnchorElement>>;
+interface ILinkTextProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof linkTextStyle> {
+    className?: string;
+}
+declare const LinkText: React.ForwardRefExoticComponent<ILinkTextProps & React.RefAttributes<HTMLSpanElement>>;
+export { Link, LinkText };

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

@@ -0,0 +1,70 @@
+'use client';
+import { createLink } from '@gluestack-ui/link';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import React from 'react';
+// Create styled components for web
+const StyledAnchor = withStyleContext('a');
+const StyledSpan = withStyleContext('span');
+export const UILink = createLink({
+    Root: StyledAnchor,
+    Text: StyledSpan,
+});
+cssInterop(UILink, { className: 'style' });
+cssInterop(UILink.Text, { className: 'style' });
+const linkStyle = tva({
+    base: 'group/link outline-0 cursor-pointer data-[disabled=true]:cursor-not-allowed data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-indicator-primary data-[focus-visible=true]:outline-0 data-[disabled=true]:opacity-4',
+});
+const linkTextStyle = tva({
+    base: 'underline text-info-700 hover:text-info-600 hover:no-underline active:text-info-700 font-normal font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start whitespace-pre-wrap word-wrap-break-word',
+    variants: {
+        isTruncated: {
+            true: 'truncate',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        size: {
+            '2xs': 'text-2xs',
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+            '3xl': 'text-3xl',
+            '4xl': 'text-4xl',
+            '5xl': 'text-5xl',
+            '6xl': 'text-6xl',
+        },
+        sub: {
+            true: 'text-xs',
+        },
+        italic: {
+            true: 'italic',
+        },
+        highlight: {
+            true: 'bg-yellow-500',
+        },
+    },
+});
+const Link = React.forwardRef(({ className, href, target, rel, ...props }, ref) => {
+    return (React.createElement(UILink, { ref: ref, ...props, href: href, target: target, rel: target === '_blank' ? 'noopener noreferrer' : rel, className: linkStyle({ class: className }) }));
+});
+const LinkText = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return (React.createElement(UILink.Text, { ref: ref, ...props, className: linkTextStyle({
+            class: className,
+            size,
+        }) }));
+});
+Link.displayName = 'Link';
+LinkText.displayName = 'LinkText';
+export { Link, LinkText };
+//# sourceMappingURL=index.web.js.map

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

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

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

@@ -0,0 +1,142 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const menuStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} & {
+    placement: {
+        top: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        bottom: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        left: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        right: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    size: {
+        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;
+        };
+    };
+}), undefined, "absolute z-50 min-w-[200px] py-1 bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none", import("tailwind-variants/dist/config").TVConfig<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "absolute z-50 min-w-[200px] py-1 bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none", import("tailwind-variants/dist/config").TVConfig<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const MenuDivider: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & React.RefAttributes<HTMLHRElement>>;
+export declare const MenuGroup: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type IMenuProps = {
+    trigger: React.ReactElement;
+    isOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    children?: React.ReactNode;
+    className?: string;
+    placement?: VariantProps<typeof menuStyle>['placement'];
+    size?: VariantProps<typeof menuStyle>['size'];
+};
+declare const Menu: React.ForwardRefExoticComponent<IMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { Menu };