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

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

@@ -0,0 +1,386 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+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>>;
+declare const ContextView: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>;
+type IBadgeProps = React.ComponentPropsWithoutRef<typeof ContextView> & 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<import("react-native").TextProps & 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<Text>>;
+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 };

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

@@ -0,0 +1,139 @@
+'use client';
+import React from 'react';
+import { Text, View } from 'react-native';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+const SCOPE = 'BADGE';
+const badgeStyle = tva({
+    base: 'flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1',
+    variants: {
+        action: {
+            error: 'bg-background-error border-error-300',
+            warning: 'bg-background-warning border-warning-300',
+            success: 'bg-background-success border-success-300',
+            info: 'bg-background-info border-info-300',
+            muted: 'bg-background-muted border-background-300',
+        },
+        variant: {
+            solid: '',
+            outline: 'border',
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+        },
+    },
+});
+const badgeTextStyle = tva({
+    base: 'text-typography-700 font-body font-normal tracking-normal uppercase',
+    parentVariants: {
+        action: {
+            error: 'text-error-600',
+            warning: 'text-warning-600',
+            success: 'text-success-600',
+            info: 'text-info-600',
+            muted: 'text-background-800',
+        },
+        size: {
+            sm: 'text-2xs',
+            md: 'text-xs',
+            lg: 'text-sm',
+        },
+    },
+    variants: {
+        isTruncated: {
+            true: 'web:truncate',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        sub: {
+            true: 'text-xs',
+        },
+        italic: {
+            true: 'italic',
+        },
+        highlight: {
+            true: 'bg-yellow-500',
+        },
+    },
+});
+const badgeIconStyle = tva({
+    base: 'fill-none',
+    parentVariants: {
+        action: {
+            error: 'text-error-600',
+            warning: 'text-warning-600',
+            success: 'text-success-600',
+            info: 'text-info-600',
+            muted: 'text-background-800',
+        },
+        size: {
+            sm: 'h-3 w-3',
+            md: 'h-3.5 w-3.5',
+            lg: 'h-4 w-4',
+        },
+    },
+});
+const ContextView = withStyleContext(View, SCOPE);
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: 'classNameColor',
+            stroke: true,
+        },
+    },
+});
+const Badge = ({ children, action = 'muted', variant = 'solid', size = 'md', className, ...props }) => {
+    return (React.createElement(ContextView, { className: badgeStyle({ action, variant, class: className }), ...props, context: {
+            action,
+            variant,
+            size,
+        } }, children));
+};
+const BadgeText = React.forwardRef(({ children, className, size, ...props }, ref) => {
+    const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
+    return (React.createElement(Text, { ref: ref, className: badgeTextStyle({
+            parentVariants: {
+                size: parentSize,
+                action: parentAction,
+            },
+            size,
+            class: className,
+        }), ...props }, children));
+});
+const BadgeIcon = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
+    if (typeof size === 'number') {
+        return React.createElement(UIIcon, { ref: ref, ...props, className: badgeIconStyle({ class: className }), size: size });
+    }
+    else if ((props?.height !== undefined || props?.width !== undefined) && size === undefined) {
+        return React.createElement(UIIcon, { ref: ref, ...props, className: badgeIconStyle({ class: className }) });
+    }
+    return (React.createElement(UIIcon, { className: badgeIconStyle({
+            parentVariants: {
+                size: parentSize,
+                action: parentAction,
+            },
+            size,
+            class: className,
+        }), ...props, ref: ref }));
+});
+Badge.displayName = 'Badge';
+BadgeText.displayName = 'BadgeText';
+BadgeIcon.displayName = 'BadgeIcon';
+export { Badge, BadgeIcon, BadgeText };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { View, ViewProps } from 'react-native';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Box: React.ForwardRefExoticComponent<ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    className?: string;
+} & React.RefAttributes<View>>;
+export { Box };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpG,OAAO,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,CAAC;AACpF,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Box: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Box };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/box/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrF,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,GAAI,CAAC;AACnF,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/lib/components/ui/box/styles.d.ts

@@ -0,0 +1 @@
+export declare const boxStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;

package/lib/components/ui/box/styles.js

@@ -0,0 +1,9 @@
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { isWeb } from '@gluestack-ui/nativewind-utils/IsWeb';
+const baseStyle = isWeb
+    ? 'flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none'
+    : '';
+export const boxStyle = tva({
+    base: baseStyle,
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/ui/box/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/box/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAE7D,MAAM,SAAS,GAAG,KAAK;IACnB,CAAC,CAAC,oIAAoI;IACtI,CAAC,CAAC,EAAE,CAAC;AAET,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC;IACxB,IAAI,EAAE,SAAS;CAClB,CAAC,CAAC"}