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

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

@@ -0,0 +1,520 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const UIFab: import("@gluestack-ui/fab/lib/types").IFabComponentType<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>, React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>, import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}) & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>)>;
+declare const fabIconStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+} | ({
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+} & {
+    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;
+        };
+    };
+}), undefined, "text-typography-50 fill-none", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, "text-typography-50 fill-none", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const Fab: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>, "ref"> & import("@gluestack-ui/fab/lib/types").InterfaceFabProps & React.RefAttributes<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>>, "ref">, "context"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+} & {
+    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;
+        };
+    };
+    placement: {
+        'top right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'top left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'bottom right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'bottom left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'top center': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'bottom center': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "group/fab bg-primary-500 rounded-full z-20 p-4 flex-row items-center justify-center absolute hover:bg-primary-600 active:bg-primary-700 disabled:opacity-40 disabled:pointer-events-all disabled:cursor-not-allowed data-[focus=true]:web:outline-none data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-info shadow-hard-2 border-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+}, undefined, "group/fab bg-primary-500 rounded-full z-20 p-4 flex-row items-center justify-center absolute hover:bg-primary-600 active:bg-primary-700 disabled:opacity-40 disabled:pointer-events-all disabled:cursor-not-allowed data-[focus=true]:web:outline-none data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-info shadow-hard-2 border-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        'top right': string;
+        'top left': string;
+        'bottom right': string;
+        'bottom left': string;
+        'top center': string;
+        'bottom center': string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>>>;
+declare const FabLabel: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>, "ref"> & VariantProps<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;
+    };
+} & {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "text-typography-50 font-normal font-body tracking-md text-left mx-2", 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, "text-typography-50 font-normal font-body tracking-md text-left mx-2", 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>>> & React.RefAttributes<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>>;
+type IFabIconProps = React.ComponentPropsWithoutRef<typeof UIFab.Icon> & VariantProps<typeof fabIconStyle> & {
+    height?: number;
+    width?: number;
+};
+declare const FabIcon: React.ForwardRefExoticComponent<IFabIconProps & React.RefAttributes<import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}) & 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 { Fab, FabLabel, FabIcon };

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

@@ -0,0 +1,146 @@
+'use client';
+import React from 'react';
+import { createFab } from '@gluestack-ui/fab';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
+const SCOPE = 'FAB';
+// Create styled components for web
+const StyledButton = React.forwardRef((props, ref) => React.createElement("button", { ref: ref, ...props }));
+StyledButton.displayName = 'StyledButton';
+const StyledSpan = React.forwardRef((props, ref) => (React.createElement("span", { ref: ref, ...props })));
+StyledSpan.displayName = 'StyledSpan';
+const Root = withStyleContext(StyledButton, SCOPE);
+const UIFab = createFab({
+    Root: Root,
+    Label: StyledSpan,
+    Icon: UIIcon,
+});
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: 'classNameColor',
+            stroke: true,
+        },
+    },
+});
+const fabStyle = tva({
+    base: 'group/fab bg-primary-500 rounded-full z-20 p-4 flex-row items-center justify-center absolute hover:bg-primary-600 active:bg-primary-700 disabled:opacity-40 disabled:pointer-events-all disabled:cursor-not-allowed data-[focus=true]:web:outline-none data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-info shadow-hard-2 border-0',
+    variants: {
+        size: {
+            sm: 'px-2.5 py-2.5',
+            md: 'px-3 py-3',
+            lg: 'px-4 py-4',
+        },
+        placement: {
+            'top right': 'top-4 right-4',
+            'top left': 'top-4 left-4',
+            'bottom right': 'bottom-4 right-4',
+            'bottom left': 'bottom-4 left-4',
+            'top center': 'top-4 self-center',
+            'bottom center': 'bottom-4 self-center',
+        },
+    },
+});
+const fabLabelStyle = tva({
+    base: 'text-typography-50 font-normal font-body tracking-md text-left mx-2',
+    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',
+        },
+    },
+    parentVariants: {
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+        },
+    },
+});
+const fabIconStyle = tva({
+    base: 'text-typography-50 fill-none',
+    variants: {
+        size: {
+            '2xs': 'h-3 w-3',
+            xs: 'h-3.5 w-3.5',
+            sm: 'h-4 w-4',
+            md: 'w-[18px] h-[18px]',
+            lg: 'h-5 w-5',
+            xl: 'h-6 w-6',
+        },
+    },
+});
+const Fab = React.forwardRef(({ size = 'md', placement = 'bottom right', className, ...props }, ref) => {
+    return (React.createElement(UIFab, { ref: ref, ...props, className: fabStyle({ size, placement, class: className }), context: { size } }));
+});
+const FabLabel = React.forwardRef(({ size, isTruncated = false, bold = false, underline = false, strikeThrough = false, className, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIFab.Label, { ref: ref, ...props, className: fabLabelStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size,
+            isTruncated,
+            bold,
+            underline,
+            strikeThrough,
+            class: className,
+        }) }));
+});
+const FabIcon = React.forwardRef(({ size, className, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    if (typeof size === 'number') {
+        return React.createElement(UIFab.Icon, { ref: ref, ...props, className: fabIconStyle({ class: className }), size: size });
+    }
+    else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
+        return React.createElement(UIFab.Icon, { ref: ref, ...props, className: fabIconStyle({ class: className }) });
+    }
+    return (React.createElement(UIFab.Icon, { ref: ref, ...props, className: fabIconStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size,
+            class: className,
+        }) }));
+});
+Fab.displayName = 'Fab';
+FabLabel.displayName = 'FabLabel';
+FabIcon.displayName = 'FabIcon';
+export { Fab, FabLabel, FabIcon };
+//# sourceMappingURL=index.web.js.map

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

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

package/lib/components/ui/flat-list/index.web.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface FlatListProps<T> {
+    data: ReadonlyArray<T>;
+    renderItem: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => React.ReactElement;
+    keyExtractor?: (item: T, index: number) => string;
+    horizontal?: boolean;
+    className?: string;
+    contentContainerStyle?: React.CSSProperties;
+    ListHeaderComponent?: React.ReactElement | null;
+    ListFooterComponent?: React.ReactElement | null;
+    ListEmptyComponent?: React.ReactElement | null;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+}
+declare const FlatList: <T>(props: FlatListProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+export { FlatList };