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

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

@@ -0,0 +1,211 @@
+import { View } from 'react-native';
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+export declare const UISlider: import("@gluestack-ui/slider/lib/types").ISliderComponentType<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>, import("react-native").ViewProps, import("react-native").PressableProps & React.RefAttributes<View>, import("react-native").ViewProps>;
+declare const sliderStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+} | ({
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+} & {
+    orientation: {
+        horizontal: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        vertical: 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;
+        };
+    };
+    isReversed: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        false: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "justify-center items-center data-[disabled=true]:opacity-40 data-[disabled=true]:web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+}, {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+}>, {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+}, undefined, "justify-center items-center data-[disabled=true]:opacity-40 data-[disabled=true]:web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+}, {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const sliderThumbStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({} & {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}), undefined, "bg-primary-500 absolute rounded-full data-[focus=true]:bg-primary-600 data-[active=true]:bg-primary-600 data-[hover=true]:bg-primary-600 data-[disabled=true]:bg-primary-500 web:cursor-pointer web:data-[active=true]:outline web:data-[active=true]:outline-4 web:data-[active=true]:outline-primary-400 shadow-hard-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "bg-primary-500 absolute rounded-full data-[focus=true]:bg-primary-600 data-[active=true]:bg-primary-600 data-[hover=true]:bg-primary-600 data-[disabled=true]:bg-primary-500 web:cursor-pointer web:data-[active=true]:outline web:data-[active=true]:outline-4 web:data-[active=true]:outline-primary-400 shadow-hard-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const sliderTrackStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({} & {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    isReversed: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}), undefined, "bg-background-300 rounded-lg overflow-hidden", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "bg-background-300 rounded-lg overflow-hidden", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const sliderFilledTrackStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+} | ({} & {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}), undefined, "bg-primary-500 data-[focus=true]:bg-primary-600 data-[active=true]:bg-primary-600 data-[hover=true]:bg-primary-600", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "bg-primary-500 data-[focus=true]:bg-primary-600 data-[active=true]:bg-primary-600 data-[hover=true]:bg-primary-600", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+type ISliderProps = React.ComponentProps<typeof UISlider> & VariantProps<typeof sliderStyle>;
+declare const Slider: React.ForwardRefExoticComponent<Omit<ISliderProps, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>>;
+type ISliderThumbProps = React.ComponentProps<typeof UISlider.Thumb> & VariantProps<typeof sliderThumbStyle>;
+declare const SliderThumb: React.ForwardRefExoticComponent<Omit<ISliderThumbProps, "ref"> & React.RefAttributes<import("react-native").ViewProps>>;
+type ISliderTrackProps = React.ComponentProps<typeof UISlider.Track> & VariantProps<typeof sliderTrackStyle>;
+declare const SliderTrack: React.ForwardRefExoticComponent<Omit<ISliderTrackProps, "ref"> & React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>>>;
+type ISliderFilledTrackProps = React.ComponentProps<typeof UISlider.FilledTrack> & VariantProps<typeof sliderFilledTrackStyle>;
+declare const SliderFilledTrack: React.ForwardRefExoticComponent<Omit<ISliderFilledTrackProps, "ref"> & React.RefAttributes<import("react-native").ViewProps>>;
+export { Slider, SliderThumb, SliderTrack, SliderFilledTrack };

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

@@ -0,0 +1,180 @@
+'use client';
+import { createSlider } from '@gluestack-ui/slider';
+import { Pressable } from 'react-native';
+import { View } from 'react-native';
+import React from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+const SCOPE = 'SLIDER';
+const Root = withStyleContext(View, SCOPE);
+export const UISlider = createSlider({
+    Root: Root,
+    Thumb: View,
+    Track: Pressable,
+    FilledTrack: View,
+    ThumbInteraction: View,
+});
+cssInterop(UISlider.Track, { className: 'style' });
+const sliderStyle = tva({
+    base: 'justify-center items-center data-[disabled=true]:opacity-40 data-[disabled=true]:web:pointer-events-none',
+    variants: {
+        orientation: {
+            horizontal: 'w-full',
+            vertical: 'h-full',
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+        },
+        isReversed: {
+            true: '',
+            false: '',
+        },
+    },
+});
+const sliderThumbStyle = tva({
+    base: 'bg-primary-500 absolute rounded-full data-[focus=true]:bg-primary-600 data-[active=true]:bg-primary-600 data-[hover=true]:bg-primary-600 data-[disabled=true]:bg-primary-500 web:cursor-pointer web:data-[active=true]:outline web:data-[active=true]:outline-4 web:data-[active=true]:outline-primary-400 shadow-hard-1',
+    parentVariants: {
+        size: {
+            sm: 'h-4 w-4',
+            md: 'h-5 w-5',
+            lg: 'h-6 w-6',
+        },
+    },
+});
+const sliderTrackStyle = tva({
+    base: 'bg-background-300 rounded-lg overflow-hidden',
+    parentVariants: {
+        orientation: {
+            horizontal: 'w-full',
+            vertical: 'h-full',
+        },
+        isReversed: {
+            true: '',
+            false: '',
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+        },
+    },
+    parentCompoundVariants: [
+        {
+            orientation: 'horizontal',
+            size: 'sm',
+            class: 'h-1 flex-row',
+        },
+        {
+            orientation: 'horizontal',
+            size: 'sm',
+            isReversed: true,
+            class: 'h-1 flex-row-reverse',
+        },
+        {
+            orientation: 'horizontal',
+            size: 'md',
+            class: 'h-1 flex-row',
+        },
+        {
+            orientation: 'horizontal',
+            size: 'md',
+            isReversed: true,
+            class: 'h-[5px] flex-row-reverse',
+        },
+        {
+            orientation: 'horizontal',
+            size: 'lg',
+            class: 'h-1.5 flex-row',
+        },
+        {
+            orientation: 'horizontal',
+            size: 'lg',
+            isReversed: true,
+            class: 'h-1.5 flex-row-reverse',
+        },
+        {
+            orientation: 'vertical',
+            size: 'sm',
+            class: 'w-1 flex-col-reverse',
+        },
+        {
+            orientation: 'vertical',
+            size: 'sm',
+            isReversed: true,
+            class: 'w-1 flex-col',
+        },
+        {
+            orientation: 'vertical',
+            size: 'md',
+            class: 'w-[5px] flex-col-reverse',
+        },
+        {
+            orientation: 'vertical',
+            size: 'md',
+            isReversed: true,
+            class: 'w-[5px] flex-col',
+        },
+        {
+            orientation: 'vertical',
+            size: 'lg',
+            class: 'w-1.5 flex-col-reverse',
+        },
+        {
+            orientation: 'vertical',
+            size: 'lg',
+            isReversed: true,
+            class: 'w-1.5 flex-col',
+        },
+    ],
+});
+const sliderFilledTrackStyle = tva({
+    base: 'bg-primary-500 data-[focus=true]:bg-primary-600 data-[active=true]:bg-primary-600 data-[hover=true]:bg-primary-600',
+    parentVariants: {
+        orientation: {
+            horizontal: 'h-full',
+            vertical: 'w-full',
+        },
+    },
+});
+const Slider = React.forwardRef(({ className, size = 'md', orientation = 'horizontal', isReversed = false, ...props }, ref) => {
+    return (React.createElement(UISlider, { ref: ref, isReversed: isReversed, orientation: orientation, ...props, className: sliderStyle({
+            orientation,
+            isReversed,
+            class: className,
+        }), context: { size, orientation, isReversed } }));
+});
+const SliderThumb = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UISlider.Thumb, { ref: ref, ...props, className: sliderThumbStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size,
+            class: className,
+        }) }));
+});
+const SliderTrack = React.forwardRef(({ className, ...props }, ref) => {
+    const { orientation: parentOrientation, size: parentSize, isReversed } = useStyleContext(SCOPE);
+    return (React.createElement(UISlider.Track, { ref: ref, ...props, className: sliderTrackStyle({
+            parentVariants: {
+                orientation: parentOrientation,
+                size: parentSize,
+                isReversed,
+            },
+            class: className,
+        }) }));
+});
+const SliderFilledTrack = React.forwardRef(({ className, ...props }, ref) => {
+    const { orientation: parentOrientation } = useStyleContext(SCOPE);
+    return (React.createElement(UISlider.FilledTrack, { ref: ref, ...props, className: sliderFilledTrackStyle({
+            parentVariants: {
+                orientation: parentOrientation,
+            },
+            class: className,
+        }) }));
+});
+export { Slider, SliderThumb, SliderTrack, SliderFilledTrack };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+import { ActivityIndicator } from 'react-native';
+import React from 'react';
+declare const Spinner: React.ForwardRefExoticComponent<import("react-native").ActivityIndicatorProps & React.RefAttributes<ActivityIndicator>>;
+export { Spinner };

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

@@ -0,0 +1,15 @@
+'use client';
+import { ActivityIndicator } from 'react-native';
+import React from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { cssInterop } from 'nativewind';
+cssInterop(ActivityIndicator, {
+    className: { target: 'style', nativeStyleToProp: { color: true } },
+});
+const spinnerStyle = tva({});
+const Spinner = React.forwardRef(({ className, color, focusable = false, 'aria-label': ariaLabel = 'loading', ...props }, ref) => {
+    return (React.createElement(ActivityIndicator, { ref: ref, focusable: focusable, "aria-label": ariaLabel, ...props, color: color, className: spinnerStyle({ class: className }) }));
+});
+Spinner.displayName = 'Spinner';
+export { Spinner };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/spinner/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,UAAU,CAAC,iBAAiB,EAAE;IAC1B,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;CACrE,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;AAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,YAAY,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9F,OAAO,CACH,oBAAC,iBAAiB,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,gBACR,SAAS,KACjB,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAC/C,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/components/ui/status-bar/index.d.ts

@@ -0,0 +1 @@
+export { StatusBar } from 'react-native';

package/lib/components/ui/status-bar/index.js

@@ -0,0 +1,3 @@
+'use client';
+export { StatusBar } from 'react-native';
+//# sourceMappingURL=index.js.map

package/lib/components/ui/status-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/status-bar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Switch as RNSwitch } from 'react-native';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const UISwitch: import("@gluestack-ui/switch/lib/types").ISwitchComponentType<import("react-native").SwitchProps & {
+    context?: any;
+} & React.RefAttributes<typeof RNSwitch>>;
+declare const switchStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: 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;
+        };
+    };
+}), undefined, "data-[focus=true]:outline-0 data-[focus=true]:ring-2 data-[focus=true]:ring-indicator-primary web:cursor-pointer disabled:cursor-not-allowed data-[disabled=true]:opacity-40 data-[invalid=true]:border-error-700 data-[invalid=true]:rounded-xl data-[invalid=true]:border-2", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "data-[focus=true]:outline-0 data-[focus=true]:ring-2 data-[focus=true]:ring-indicator-primary web:cursor-pointer disabled:cursor-not-allowed data-[disabled=true]:opacity-40 data-[invalid=true]:border-error-700 data-[invalid=true]:rounded-xl data-[invalid=true]:border-2", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ISwitchProps = React.ComponentProps<typeof UISwitch> & VariantProps<typeof switchStyle>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<ISwitchProps, "ref"> & React.RefAttributes<import("react-native").SwitchProps & {
+    context?: any;
+} & React.RefAttributes<typeof RNSwitch>>>;
+export { Switch };

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

@@ -0,0 +1,25 @@
+'use client';
+import React from 'react';
+import { Switch as RNSwitch } from 'react-native';
+import { createSwitch } from '@gluestack-ui/switch';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+const UISwitch = createSwitch({
+    Root: withStyleContext(RNSwitch),
+});
+const switchStyle = tva({
+    base: 'data-[focus=true]:outline-0 data-[focus=true]:ring-2 data-[focus=true]:ring-indicator-primary web:cursor-pointer disabled:cursor-not-allowed data-[disabled=true]:opacity-40 data-[invalid=true]:border-error-700 data-[invalid=true]:rounded-xl data-[invalid=true]:border-2',
+    variants: {
+        size: {
+            sm: 'scale-75',
+            md: '',
+            lg: 'scale-125',
+        },
+    },
+});
+const Switch = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return React.createElement(UISwitch, { ref: ref, ...props, className: switchStyle({ size, class: className }) });
+});
+Switch.displayName = 'Switch';
+export { Switch };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/switch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AAGnF,MAAM,QAAQ,GAAG,YAAY,CAAC;IAC1B,IAAI,EAAE,gBAAgB,CAAC,QAAQ,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,CAAC;IACpB,IAAI,EAAE,+QAA+Q;IAErR,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,WAAW;SAClB;KACJ;CACJ,CAAC,CAAC;AAGH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,OAAO,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,CAAC;AACjG,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+type ITableHeadProps = React.ComponentProps<typeof View | typeof Text> & {
+    useRNView?: boolean;
+};
+type ITableDataProps = React.ComponentProps<typeof View | typeof Text> & {
+    useRNView?: boolean;
+};
+declare const Table: React.ForwardRefExoticComponent<Omit<import("@expo/html-elements/build/primitives/View").WebViewProps & Omit<import("react-native").ViewProps & React.ClassAttributes<typeof View>, "style">, "ref"> & React.RefAttributes<typeof View | React.Component<import("@expo/html-elements/build/primitives/View").ViewProps, any, any>>>;
+declare const TableHeader: React.ForwardRefExoticComponent<Omit<import("@expo/html-elements/build/primitives/View").WebViewProps & Omit<import("react-native").ViewProps & React.ClassAttributes<typeof View>, "style">, "ref"> & React.RefAttributes<typeof View | React.Component<import("@expo/html-elements/build/primitives/View").ViewProps, any, any>>>;
+declare const TableBody: React.ForwardRefExoticComponent<Omit<import("@expo/html-elements/build/primitives/View").WebViewProps & Omit<import("react-native").ViewProps & React.ClassAttributes<typeof View>, "style">, "ref"> & React.RefAttributes<typeof View | React.Component<import("@expo/html-elements/build/primitives/View").ViewProps, any, any>>>;
+declare const TableFooter: React.ForwardRefExoticComponent<Omit<import("@expo/html-elements/build/primitives/View").WebViewProps & Omit<import("react-native").ViewProps & React.ClassAttributes<typeof View>, "style">, "ref"> & React.RefAttributes<typeof View | React.Component<import("@expo/html-elements/build/primitives/View").ViewProps, any, any>>>;
+declare const TableHead: React.ForwardRefExoticComponent<ITableHeadProps & React.RefAttributes<Text | View>>;
+declare const TableRow: React.ForwardRefExoticComponent<Omit<import("@expo/html-elements/build/primitives/View").WebViewProps & Omit<import("react-native").ViewProps & React.ClassAttributes<typeof View>, "style">, "ref"> & React.RefAttributes<typeof View | React.Component<import("@expo/html-elements/build/primitives/View").ViewProps, any, any>>>;
+declare const TableData: React.ForwardRefExoticComponent<ITableDataProps & React.RefAttributes<Text | View>>;
+declare const TableCaption: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.ClassAttributes<typeof Text>, "style"> & import("@expo/html-elements/build/primitives/Text").WebTextProps, "ref"> & React.RefAttributes<typeof Text | React.Component<import("@expo/html-elements/build/primitives/Text").TextProps, any, any>>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableData, TableCaption };

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

@@ -0,0 +1,96 @@
+import React, { createContext, useMemo, useContext } from 'react';
+import { Table as ExpoTable, THead as ExpoTHead, TBody as ExpoTBody, TFoot as ExpoTFoot, TR as ExpoTR, Caption as ExpoTCaption, } from '@expo/html-elements';
+import { tableStyle, tableHeaderStyle, tableBodyStyle, tableFooterStyle, tableHeadStyle, tableRowStyleStyle, tableDataStyle, tableCaptionStyle, } from './styles';
+import { Text, View } from 'react-native';
+const TableHeaderContext = createContext({
+    isHeaderRow: false,
+});
+const TableFooterContext = createContext({
+    isFooterRow: false,
+});
+const Table = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(ExpoTable
+    // @ts-expect-error
+    , { 
+        // @ts-expect-error
+        ref: ref, className: tableStyle({ class: className }), ...props }));
+});
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => {
+    const contextValue = useMemo(() => {
+        return {
+            isHeaderRow: true,
+        };
+    }, []);
+    return (React.createElement(TableHeaderContext.Provider, { value: contextValue },
+        React.createElement(ExpoTHead
+        // @ts-expect-error
+        , { 
+            // @ts-expect-error
+            ref: ref, className: tableHeaderStyle({ class: className }), ...props })));
+});
+const TableBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(ExpoTBody
+    // @ts-expect-error
+    , { 
+        // @ts-expect-error
+        ref: ref, className: tableBodyStyle({ class: className }), ...props }));
+});
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => {
+    const contextValue = useMemo(() => {
+        return {
+            isFooterRow: true,
+        };
+    }, []);
+    return (React.createElement(TableFooterContext.Provider, { value: contextValue },
+        React.createElement(ExpoTFoot
+        // @ts-expect-error
+        , { 
+            // @ts-expect-error
+            ref: ref, className: tableFooterStyle({ class: className }), ...props })));
+});
+const TableHead = React.forwardRef(({ useRNView = false, className, ...props }, ref) => {
+    if (useRNView) {
+        return React.createElement(View, { ref: ref, className: tableHeadStyle({ class: className }), ...props });
+    }
+    else {
+        return React.createElement(Text, { ref: ref, className: tableHeadStyle({ class: className }), ...props });
+    }
+});
+const TableRow = React.forwardRef(({ className, ...props }, ref) => {
+    const { isHeaderRow } = useContext(TableHeaderContext);
+    const { isFooterRow } = useContext(TableFooterContext);
+    return (React.createElement(ExpoTR
+    // @ts-expect-error
+    , { 
+        // @ts-expect-error
+        ref: ref, className: tableRowStyleStyle({
+            isHeaderRow,
+            isFooterRow,
+            class: className,
+        }), ...props }));
+});
+const TableData = React.forwardRef(({ useRNView = false, className, ...props }, ref) => {
+    if (useRNView) {
+        return React.createElement(View, { ref: ref, className: tableDataStyle({ class: className }), ...props });
+    }
+    else {
+        return React.createElement(Text, { ref: ref, className: tableDataStyle({ class: className }), ...props });
+    }
+});
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(ExpoTCaption
+    // @ts-expect-error
+    , { 
+        // @ts-expect-error
+        ref: ref, className: tableCaptionStyle({ class: className }), ...props }));
+});
+Table.displayName = 'Table';
+TableHeader.displayName = 'TableHeader';
+TableBody.displayName = 'TableBody';
+TableFooter.displayName = 'TableFooter';
+TableHead.displayName = 'TableHead';
+TableRow.displayName = 'TableRow';
+TableData.displayName = 'TableData';
+TableCaption.displayName = 'TableCaption';
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableData, TableCaption };
+//# sourceMappingURL=index.js.map