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

package/lib/components/ui/alert-dialog/index.web.js

@@ -0,0 +1,139 @@
+'use client';
+import React from 'react';
+import { createAlertDialog } from '@gluestack-ui/alert-dialog';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import { Motion, AnimatePresence, createMotionAnimatedComponent } from '@legendapp/motion';
+const SCOPE = 'ALERT_DIALOG';
+const RootComponent = React.forwardRef((props, ref) => React.createElement("div", { ...props, ref: ref }));
+const BodyComponent = React.forwardRef((props, ref) => React.createElement("div", { ...props, ref: ref }));
+const ContentComponent = Motion.View;
+const CloseButtonComponent = React.forwardRef((props, ref) => (React.createElement("button", { ...props, ref: ref })));
+const HeaderComponent = React.forwardRef((props, ref) => React.createElement("div", { ...props, ref: ref }));
+const FooterComponent = React.forwardRef((props, ref) => React.createElement("div", { ...props, ref: ref }));
+const BackdropComponent = createMotionAnimatedComponent(React.forwardRef((props, ref) => React.createElement("div", { ...props, ref: ref })));
+const UIAccessibleAlertDialog = createAlertDialog({
+    Root: withStyleContext(RootComponent, SCOPE),
+    Body: BodyComponent,
+    Content: ContentComponent,
+    CloseButton: CloseButtonComponent,
+    Header: HeaderComponent,
+    Footer: FooterComponent,
+    Backdrop: BackdropComponent,
+    AnimatePresence: AnimatePresence,
+});
+cssInterop(Motion.View, { className: 'style' });
+cssInterop(BackdropComponent, { className: 'style' });
+const alertDialogStyle = tva({
+    base: 'group/modal w-full h-full justify-center items-center pointer-events-none',
+    parentVariants: {
+        size: {
+            xs: '',
+            sm: '',
+            md: '',
+            lg: '',
+            full: '',
+        },
+    },
+});
+const alertDialogContentStyle = tva({
+    base: 'bg-background-0 rounded-lg overflow-hidden border border-outline-100 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 alertDialogCloseButtonStyle = tva({
+    base: 'group/alert-dialog-close-button z-10 rounded-sm p-2 data-[focus-visible=true]:bg-background-100 cursor-pointer outline-0',
+});
+const alertDialogHeaderStyle = tva({
+    base: 'justify-between items-center flex-row',
+});
+const alertDialogFooterStyle = tva({
+    base: 'flex-row justify-end items-center gap-3',
+});
+const alertDialogBodyStyle = tva({ base: '' });
+const alertDialogBackdropStyle = tva({
+    base: 'absolute left-0 top-0 right-0 bottom-0 bg-background-dark cursor-default',
+});
+const AlertDialog = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    const classes = alertDialogStyle({ class: className });
+    return React.createElement(UIAccessibleAlertDialog, { ref: ref, ...props, className: classes, context: { size } });
+});
+const AlertDialogContent = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    const classes = alertDialogContentStyle({
+        parentVariants: {
+            size: parentSize,
+        },
+        size,
+        class: className,
+    });
+    return (React.createElement(UIAccessibleAlertDialog.Content, { ref: ref, initial: {
+            scale: 0.9,
+            opacity: 0,
+        }, animate: {
+            scale: 1,
+            opacity: 1,
+        }, exit: {
+            scale: 0.9,
+            opacity: 0,
+        }, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 250,
+            opacity: {
+                type: 'timing',
+                duration: 250,
+            },
+        }, ...props, className: classes }));
+});
+const AlertDialogCloseButton = React.forwardRef(({ className, ...props }, ref) => {
+    const classes = alertDialogCloseButtonStyle({ class: className });
+    return React.createElement(UIAccessibleAlertDialog.CloseButton, { ref: ref, ...props, className: classes });
+});
+const AlertDialogHeader = React.forwardRef(({ className, ...props }, ref) => {
+    const classes = alertDialogHeaderStyle({ class: className });
+    return React.createElement(UIAccessibleAlertDialog.Header, { ref: ref, ...props, className: classes });
+});
+const AlertDialogFooter = React.forwardRef(({ className, ...props }, ref) => {
+    const classes = alertDialogFooterStyle({ class: className });
+    return React.createElement(UIAccessibleAlertDialog.Footer, { ref: ref, ...props, className: classes });
+});
+const AlertDialogBody = React.forwardRef(({ className, ...props }, ref) => {
+    const classes = alertDialogBodyStyle({ class: className });
+    return React.createElement(UIAccessibleAlertDialog.Body, { ref: ref, ...props, className: classes });
+});
+const AlertDialogBackdrop = React.forwardRef(({ className, ...props }, ref) => {
+    const classes = alertDialogBackdropStyle({ class: className });
+    return (React.createElement(UIAccessibleAlertDialog.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: classes }));
+});
+AlertDialog.displayName = 'AlertDialog';
+AlertDialogContent.displayName = 'AlertDialogContent';
+AlertDialogCloseButton.displayName = 'AlertDialogCloseButton';
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+AlertDialogBody.displayName = 'AlertDialogBody';
+AlertDialogBackdrop.displayName = 'AlertDialogBackdrop';
+export { AlertDialog, AlertDialogContent, AlertDialogCloseButton, AlertDialogHeader, AlertDialogFooter, AlertDialogBody, AlertDialogBackdrop, };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/alert-dialog/index.web.js.map

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+type SizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: SizeType;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+interface AvatarBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: SizeType;
+}
+declare const AvatarBadge: React.ForwardRefExoticComponent<AvatarBadgeProps & React.RefAttributes<HTMLDivElement>>;
+interface AvatarFallbackTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: SizeType;
+}
+declare const AvatarFallbackText: React.ForwardRefExoticComponent<AvatarFallbackTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+}
+declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { Avatar, AvatarBadge, AvatarFallbackText, AvatarImage, AvatarGroup };

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

@@ -0,0 +1,92 @@
+'use client';
+import React from 'react';
+import { createAvatar } from '@gluestack-ui/avatar';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+const SCOPE = 'AVATAR';
+const UIAvatar = createAvatar({
+    Root: withStyleContext(({ children, ...props }) => React.createElement("div", { ...props }, children), SCOPE),
+    Badge: ({ children, ...props }) => React.createElement("div", { ...props }, children),
+    Group: ({ children, ...props }) => React.createElement("div", { ...props }, children),
+    Image: (props) => React.createElement("img", { ...props }),
+    FallbackText: ({ children, ...props }) => React.createElement("span", { ...props }, children),
+});
+const avatarStyle = tva({
+    base: 'rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5',
+    variants: {
+        size: {
+            xs: 'w-6 h-6',
+            sm: 'w-8 h-8',
+            md: 'w-12 h-12',
+            lg: 'w-16 h-16',
+            xl: 'w-24 h-24',
+            '2xl': 'w-32 h-32',
+        },
+    },
+});
+const avatarFallbackTextStyle = tva({
+    base: 'text-typography-0 font-semibold overflow-hidden text-transform:uppercase cursor-default',
+    variants: {
+        size: {
+            xs: 'text-2xs',
+            sm: 'text-xs',
+            md: 'text-base',
+            lg: 'text-xl',
+            xl: 'text-3xl',
+            '2xl': 'text-5xl',
+        },
+    },
+});
+const avatarGroupStyle = tva({
+    base: 'group/avatar-group flex-row-reverse relative avatar-group',
+});
+const avatarBadgeStyle = tva({
+    base: 'w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2',
+    variants: {
+        size: {
+            xs: 'w-2 h-2',
+            sm: 'w-2 h-2',
+            md: 'w-3 h-3',
+            lg: 'w-4 h-4',
+            xl: 'w-6 h-6',
+            '2xl': 'w-8 h-8',
+        },
+    },
+});
+const avatarImageStyle = tva({
+    base: 'h-full w-full rounded-full absolute',
+});
+const Avatar = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return React.createElement(UIAvatar, { ...props, ref: ref, className: avatarStyle({ size, class: className }), context: { size } });
+});
+const AvatarBadge = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIAvatar.Badge, { ...props, ref: ref, className: avatarBadgeStyle({
+            size: size || parentSize,
+            class: className,
+        }) }));
+});
+const AvatarFallbackText = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIAvatar.FallbackText, { ...props, ref: ref, className: avatarFallbackTextStyle({
+            size: size || parentSize,
+            class: className,
+        }) }));
+});
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAvatar.Image, { ...props, ref: ref, className: avatarImageStyle({
+            class: className,
+        }) }));
+});
+const AvatarGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAvatar.Group, { ...props, ref: ref, className: avatarGroupStyle({
+            class: className,
+        }) }));
+});
+Avatar.displayName = 'Avatar';
+AvatarBadge.displayName = 'AvatarBadge';
+AvatarFallbackText.displayName = 'AvatarFallbackText';
+AvatarImage.displayName = 'AvatarImage';
+AvatarGroup.displayName = 'AvatarGroup';
+export { Avatar, AvatarBadge, AvatarFallbackText, AvatarImage, AvatarGroup };
+//# sourceMappingURL=index.web.js.map

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

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

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

@@ -0,0 +1,382 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const badgeStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} & {
+    action: {
+        error: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        warning: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        success: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        info: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        muted: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    variant: {
+        solid: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        outline: 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, "flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1", import("tailwind-variants/dist/config").TVConfig<{
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1", import("tailwind-variants/dist/config").TVConfig<{
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type IBadgeProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof badgeStyle>;
+declare const Badge: {
+    ({ children, action, variant, size, className, ...props }: {
+        className?: string;
+    } & IBadgeProps): React.JSX.Element;
+    displayName: string;
+};
+declare const BadgeText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+} & {
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "text-typography-700 font-body font-normal tracking-normal uppercase", import("tailwind-variants/dist/config").TVConfig<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}>, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: 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;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, undefined, "text-typography-700 font-body font-normal tracking-normal uppercase", import("tailwind-variants/dist/config").TVConfig<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLSpanElement>>;
+declare const BadgeIcon: React.ForwardRefExoticComponent<Omit<import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({} & {
+    action: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        muted: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}), undefined, "fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>>;
+export { Badge, BadgeIcon, BadgeText };