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

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

@@ -0,0 +1,280 @@
+'use client';
+import React from 'react';
+import { createButton } from '@gluestack-ui/button';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import { ActivityIndicator, Pressable, Text, View } from 'react-native';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
+const SCOPE = 'BUTTON';
+const Root = withStyleContext(Pressable, SCOPE);
+const UIButton = createButton({
+    Root: Root,
+    Text,
+    Group: View,
+    Spinner: ActivityIndicator,
+    Icon: UIIcon,
+});
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: 'classNameColor',
+            stroke: true,
+        },
+    },
+});
+const buttonStyle = tva({
+    base: 'group/button rounded bg-primary-500 flex-row items-center justify-center data-[focus-visible=true]:web:outline-none data-[focus-visible=true]:web:ring-2 data-[disabled=true]:opacity-40 gap-2',
+    variants: {
+        action: {
+            primary: 'bg-primary-500 data-[hover=true]:bg-primary-600 data-[active=true]:bg-primary-700 border-primary-300 data-[hover=true]:border-primary-400 data-[active=true]:border-primary-500 data-[focus-visible=true]:web:ring-indicator-info',
+            secondary: 'bg-secondary-500 border-secondary-300 data-[hover=true]:bg-secondary-600 data-[hover=true]:border-secondary-400 data-[active=true]:bg-secondary-700 data-[active=true]:border-secondary-700 data-[focus-visible=true]:web:ring-indicator-info',
+            positive: 'bg-success-500 border-success-300 data-[hover=true]:bg-success-600 data-[hover=true]:border-success-400 data-[active=true]:bg-success-700 data-[active=true]:border-success-500 data-[focus-visible=true]:web:ring-indicator-info',
+            negative: 'bg-error-500 border-error-300 data-[hover=true]:bg-error-600 data-[hover=true]:border-error-400 data-[active=true]:bg-error-700 data-[active=true]:border-error-500 data-[focus-visible=true]:web:ring-indicator-info',
+            default: 'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',
+        },
+        variant: {
+            link: 'px-0',
+            outline: 'bg-transparent border data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',
+            solid: '',
+        },
+        size: {
+            xs: 'px-3.5 h-8',
+            sm: 'px-4 h-9',
+            md: 'px-5 h-10',
+            lg: 'px-6 h-11',
+            xl: 'px-7 h-12',
+        },
+    },
+    compoundVariants: [
+        {
+            action: 'primary',
+            variant: 'link',
+            class: 'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',
+        },
+        {
+            action: 'secondary',
+            variant: 'link',
+            class: 'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',
+        },
+        {
+            action: 'positive',
+            variant: 'link',
+            class: 'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',
+        },
+        {
+            action: 'negative',
+            variant: 'link',
+            class: 'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',
+        },
+        {
+            action: 'primary',
+            variant: 'outline',
+            class: 'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',
+        },
+        {
+            action: 'secondary',
+            variant: 'outline',
+            class: 'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',
+        },
+        {
+            action: 'positive',
+            variant: 'outline',
+            class: 'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',
+        },
+        {
+            action: 'negative',
+            variant: 'outline',
+            class: 'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',
+        },
+    ],
+});
+const buttonTextStyle = tva({
+    base: 'text-typography-0 font-semibold web:select-none',
+    parentVariants: {
+        action: {
+            primary: 'text-primary-600 data-[hover=true]:text-primary-600 data-[active=true]:text-primary-700',
+            secondary: 'text-typography-500 data-[hover=true]:text-typography-600 data-[active=true]:text-typography-700',
+            positive: 'text-success-600 data-[hover=true]:text-success-600 data-[active=true]:text-success-700',
+            negative: 'text-error-600 data-[hover=true]:text-error-600 data-[active=true]:text-error-700',
+        },
+        variant: {
+            link: 'data-[hover=true]:underline data-[active=true]:underline',
+            outline: '',
+            solid: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+        size: {
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+        },
+    },
+    parentCompoundVariants: [
+        {
+            variant: 'solid',
+            action: 'primary',
+            class: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+        {
+            variant: 'solid',
+            action: 'secondary',
+            class: 'text-typography-800 data-[hover=true]:text-typography-800 data-[active=true]:text-typography-800',
+        },
+        {
+            variant: 'solid',
+            action: 'positive',
+            class: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+        {
+            variant: 'solid',
+            action: 'negative',
+            class: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+        {
+            variant: 'outline',
+            action: 'primary',
+            class: 'text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500',
+        },
+        {
+            variant: 'outline',
+            action: 'secondary',
+            class: 'text-typography-500 data-[hover=true]:text-primary-600 data-[active=true]:text-typography-700',
+        },
+        {
+            variant: 'outline',
+            action: 'positive',
+            class: 'text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500',
+        },
+        {
+            variant: 'outline',
+            action: 'negative',
+            class: 'text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500',
+        },
+    ],
+});
+const buttonIconStyle = tva({
+    base: 'fill-none',
+    parentVariants: {
+        variant: {
+            link: 'data-[hover=true]:underline data-[active=true]:underline',
+            outline: '',
+            solid: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+        size: {
+            xs: 'h-3.5 w-3.5',
+            sm: 'h-4 w-4',
+            md: 'h-[18px] w-[18px]',
+            lg: 'h-[18px] w-[18px]',
+            xl: 'h-5 w-5',
+        },
+        action: {
+            primary: 'text-primary-600 data-[hover=true]:text-primary-600 data-[active=true]:text-primary-700',
+            secondary: 'text-typography-500 data-[hover=true]:text-typography-600 data-[active=true]:text-typography-700',
+            positive: 'text-success-600 data-[hover=true]:text-success-600 data-[active=true]:text-success-700',
+            negative: 'text-error-600 data-[hover=true]:text-error-600 data-[active=true]:text-error-700',
+        },
+    },
+    parentCompoundVariants: [
+        {
+            variant: 'solid',
+            action: 'primary',
+            class: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+        {
+            variant: 'solid',
+            action: 'secondary',
+            class: 'text-typography-800 data-[hover=true]:text-typography-800 data-[active=true]:text-typography-800',
+        },
+        {
+            variant: 'solid',
+            action: 'positive',
+            class: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+        {
+            variant: 'solid',
+            action: 'negative',
+            class: 'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',
+        },
+    ],
+});
+const buttonGroupStyle = tva({
+    base: '',
+    variants: {
+        space: {
+            xs: 'gap-1',
+            sm: 'gap-2',
+            md: 'gap-3',
+            lg: 'gap-4',
+            xl: 'gap-5',
+            '2xl': 'gap-6',
+            '3xl': 'gap-7',
+            '4xl': 'gap-8',
+        },
+        isAttached: {
+            true: 'gap-0',
+        },
+        flexDirection: {
+            row: 'flex-row',
+            column: 'flex-col',
+            'row-reverse': 'flex-row-reverse',
+            'column-reverse': 'flex-col-reverse',
+        },
+    },
+});
+const Button = React.forwardRef(({ className, variant = 'solid', size = 'md', action = 'primary', ...props }, ref) => {
+    return (React.createElement(UIButton, { ref: ref, ...props, className: buttonStyle({ variant, size, action, class: className }), context: { variant, size, action } }));
+});
+const ButtonText = React.forwardRef(({ className, variant, size, action, ...props }, ref) => {
+    const { variant: parentVariant, size: parentSize, action: parentAction } = useStyleContext(SCOPE);
+    return (React.createElement(UIButton.Text, { ref: ref, ...props, className: buttonTextStyle({
+            parentVariants: {
+                variant: parentVariant,
+                size: parentSize,
+                action: parentAction,
+            },
+            variant,
+            size,
+            action,
+            class: className,
+        }) }));
+});
+const ButtonSpinner = UIButton.Spinner;
+const ButtonIcon = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { variant: parentVariant, size: parentSize, action: parentAction } = useStyleContext(SCOPE);
+    if (typeof size === 'number') {
+        return React.createElement(UIButton.Icon, { ref: ref, ...props, className: buttonIconStyle({ class: className }), size: size });
+    }
+    else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
+        return React.createElement(UIButton.Icon, { ref: ref, ...props, className: buttonIconStyle({ class: className }) });
+    }
+    return (React.createElement(UIButton.Icon, { ...props, className: buttonIconStyle({
+            parentVariants: {
+                size: parentSize,
+                variant: parentVariant,
+                action: parentAction,
+            },
+            size,
+            class: className,
+        }), ref: ref }));
+});
+const ButtonGroup = React.forwardRef(({ className, space = 'md', isAttached = false, flexDirection = 'column', ...props }, ref) => {
+    return (React.createElement(UIButton.Group, { className: buttonGroupStyle({
+            class: className,
+            space,
+            isAttached,
+            flexDirection,
+        }), ...props, ref: ref }));
+});
+Button.displayName = 'Button';
+ButtonText.displayName = 'ButtonText';
+ButtonSpinner.displayName = 'ButtonSpinner';
+ButtonIcon.displayName = 'ButtonIcon';
+ButtonGroup.displayName = 'ButtonGroup';
+export { Button, ButtonText, ButtonSpinner, ButtonIcon, ButtonGroup };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,129 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+import { View, ViewProps } from 'react-native';
+declare const Card: React.ForwardRefExoticComponent<ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: 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;
+        };
+    };
+    variant: {
+        elevated: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        outline: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        ghost: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        filled: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "" | "flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, undefined, "" | "flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}>, unknown, unknown, undefined>>> & {
+    className?: string;
+} & React.RefAttributes<View>>;
+export { Card };

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import { cardStyle } from './styles';
+const Card = React.forwardRef(({ className, size = 'md', variant = 'elevated', ...props }, ref) => {
+    return React.createElement(View, { className: cardStyle({ size, variant, class: className }), ...props, ref: ref });
+});
+Card.displayName = 'Card';
+export { Card };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpG,CAAC,CACJ,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,126 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: 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;
+        };
+    };
+    variant: {
+        elevated: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        outline: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        ghost: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        filled: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "" | "flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, undefined, "" | "flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        elevated: string;
+        outline: string;
+        ghost: string;
+        filled: string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLDivElement>>;
+export { Card };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { cardStyle } from './styles';
+const Card = React.forwardRef(({ className, size = 'md', variant = 'elevated', ...props }, ref) => {
+    return React.createElement("div", { className: cardStyle({ size, variant, class: className }), ...props, ref: ref });
+});
+Card.displayName = 'Card';
+export { Card };
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/card/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKrC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,6BAAK,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACnG,CAAC,CACJ,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}