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

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

@@ -0,0 +1,267 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} | ({
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} & {
+    variant: {
+        sharp: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        circular: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        rounded: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    speed: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "w-full h-full", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, "w-full h-full", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, unknown, unknown, undefined>>> & {
+    startColor?: string;
+    isLoaded?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SkeletonText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} | ({
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} & {
+    speed: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    gap: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "rounded-sm w-full", import("tailwind-variants/dist/config").TVConfig<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, "rounded-sm w-full", import("tailwind-variants/dist/config").TVConfig<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, unknown, unknown, undefined>>> & {
+    _lines?: number;
+    isLoaded?: boolean;
+    startColor?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Skeleton, SkeletonText };

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { skeletonStyle, skeletonTextStyle } from './styles';
+const Skeleton = React.forwardRef(({ className, variant = 'rounded', children, speed = 2, startColor = 'bg-background-200', isLoaded = false, ...props }, ref) => {
+    if (!isLoaded) {
+        return (React.createElement("div", { ref: ref, className: `animate-pulse ${startColor} ${skeletonStyle({
+                variant,
+                speed,
+                class: className,
+            })}`, ...props }));
+    }
+    else {
+        return children;
+    }
+});
+const SkeletonText = React.forwardRef(({ className, _lines, isLoaded = false, startColor = 'bg-background-200', gap = 2, children, ...props }, ref) => {
+    if (!isLoaded) {
+        if (_lines) {
+            return (React.createElement("div", { ref: ref, className: `flex flex-col ${skeletonTextStyle({
+                    gap,
+                })}` }, Array.from({ length: _lines }).map((_, index) => (React.createElement("div", { key: index, className: `animate-pulse ${startColor} ${skeletonTextStyle({
+                    class: className,
+                })}`, ...props })))));
+        }
+        else {
+            return (React.createElement("div", { ref: ref, className: `animate-pulse ${startColor} ${skeletonTextStyle({
+                    class: className,
+                })}`, ...props }));
+        }
+    }
+    else {
+        return children;
+    }
+});
+Skeleton.displayName = 'Skeleton';
+SkeletonText.displayName = 'SkeletonText';
+export { Skeleton, SkeletonText };
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/skeleton/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAU5D,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC7B,CACI,EACI,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,UAAU,GAAG,mBAAmB,EAChC,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,UAAU,IAAI,aAAa,CAAC;gBACpD,OAAO;gBACP,KAAK;gBACL,KAAK,EAAE,SAAS;aACnB,CAAC,EAAE,KACA,KAAK,GACX,CACL,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,QAAQ,CAAC;IACpB,CAAC;AACL,CAAC,CACJ,CAAC;AASF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,UAAU,GAAG,mBAAmB,EAAE,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5G,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,iBAAiB,CAAC;oBAC1C,GAAG;iBACN,CAAC,EAAE,IAEH,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,6BACI,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,iBAAiB,UAAU,IAAI,iBAAiB,CAAC;oBACxD,KAAK,EAAE,SAAS;iBACnB,CAAC,EAAE,KACA,KAAK,GACX,CACL,CAAC,CACA,CACT,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,UAAU,IAAI,iBAAiB,CAAC;oBACxD,KAAK,EAAE,SAAS;iBACnB,CAAC,EAAE,KACA,KAAK,GACX,CACL,CAAC;QACN,CAAC;IACL,CAAC;SAAM,CAAC;QACJ,OAAO,QAAQ,CAAC;IACpB,CAAC;AACL,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,257 @@
+export declare const skeletonStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} | ({
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} & {
+    variant: {
+        sharp: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        circular: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        rounded: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    speed: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "w-full h-full", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, "w-full h-full", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const skeletonTextStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} | ({
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} & {
+    speed: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    gap: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "rounded-sm w-full", import("tailwind-variants/dist/config").TVConfig<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, "rounded-sm w-full", import("tailwind-variants/dist/config").TVConfig<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,35 @@
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+export const skeletonStyle = tva({
+    base: 'w-full h-full',
+    variants: {
+        variant: {
+            sharp: 'rounded-none',
+            circular: 'rounded-full',
+            rounded: 'rounded-md',
+        },
+        speed: {
+            1: 'duration-75',
+            2: 'duration-100',
+            3: 'duration-150',
+            4: 'duration-200',
+        },
+    },
+});
+export const skeletonTextStyle = tva({
+    base: 'rounded-sm w-full',
+    variants: {
+        speed: {
+            1: 'duration-75',
+            2: 'duration-100',
+            3: 'duration-150',
+            4: 'duration-200',
+        },
+        gap: {
+            1: 'gap-1',
+            2: 'gap-2',
+            3: 'gap-3',
+            4: 'gap-4',
+        },
+    },
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/skeleton/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAEzD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,YAAY;SACxB;QACD,KAAK,EAAE;YACH,CAAC,EAAE,aAAa;YAChB,CAAC,EAAE,cAAc;YACjB,CAAC,EAAE,cAAc;YACjB,CAAC,EAAE,cAAc;SACpB;KACJ;CACJ,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;IACjC,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,CAAC,EAAE,aAAa;YAChB,CAAC,EAAE,cAAc;YACjB,CAAC,EAAE,cAAc;YACjB,CAAC,EAAE,cAAc;SACpB;QACD,GAAG,EAAE;YACD,CAAC,EAAE,OAAO;YACV,CAAC,EAAE,OAAO;YACV,CAAC,EAAE,OAAO;YACV,CAAC,EAAE,OAAO;SACb;KACJ;CACJ,CAAC,CAAC"}