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

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

@@ -0,0 +1,123 @@
+export declare const cardStyle: 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>>;

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

@@ -0,0 +1,20 @@
+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' : '';
+export const cardStyle = tva({
+    base: baseStyle,
+    variants: {
+        size: {
+            sm: 'p-3 rounded',
+            md: 'p-4 rounded-md',
+            lg: 'p-6 rounded-xl',
+        },
+        variant: {
+            elevated: 'bg-background-0',
+            outline: 'border border-outline-200 ',
+            ghost: 'rounded-none',
+            filled: 'bg-background-50',
+        },
+    },
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/card/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;AAE5D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;SACvB;QACD,OAAO,EAAE;YACL,QAAQ,EAAE,iBAAiB;YAC3B,OAAO,EAAE,4BAA4B;YACrC,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,kBAAkB;SAC7B;KACJ;CACJ,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import { View, ViewProps } from 'react-native';
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Center: React.ForwardRefExoticComponent<ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "justify-center items-center " | "justify-center items-center flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-center items-center " | "justify-center items-center flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<View>>;
+export { Center };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/center/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1G,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACvF,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Center: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "justify-center items-center " | "justify-center items-center flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-center items-center " | "justify-center items-center flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLDivElement>>;
+export { Center };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/center/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3F,OAAO,6BAAK,SAAS,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACtF,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+export declare const centerStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "justify-center items-center " | "justify-center items-center flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-center items-center " | "justify-center items-center flex flex-col relative z-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,7 @@
+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' : '';
+export const centerStyle = tva({
+    base: `justify-center items-center ${baseStyle}`,
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/center/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,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;IAC3B,IAAI,EAAE,+BAA+B,SAAS,EAAE;CACnD,CAAC,CAAC"}

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

@@ -0,0 +1,115 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+import type { TextProps, ViewProps } from 'react-native';
+import { IPrimitiveIcon } from '@gluestack-ui/icon';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const CheckboxGroup: React.ForwardRefExoticComponent<React.RefAttributes<ViewProps> & ViewProps & import("@gluestack-ui/checkbox/lib/types").ICheckboxGroup>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.RefAttributes<ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>> & Omit<ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>, "ref"> & import("@gluestack-ui/checkbox/lib/types").InterfaceCheckbox, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+} | ({
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+} & {
+    size: {
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}, {
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}>, {
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}, undefined, "group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}, {
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>>;
+declare const CheckboxIndicator: React.ForwardRefExoticComponent<Omit<React.RefAttributes<ViewProps & React.RefAttributes<View>> & Omit<ViewProps & React.RefAttributes<View>, "ref">, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+} | ({} & {
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}), undefined, "justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<ViewProps & React.RefAttributes<View>>>;
+declare const CheckboxLabel: React.ForwardRefExoticComponent<Omit<React.RefAttributes<TextProps & React.RefAttributes<Text>> & Omit<TextProps & React.RefAttributes<Text>, "ref">, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+} | ({} & {
+    size: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+}), undefined, "text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<TextProps & React.RefAttributes<Text>>>;
+declare const CheckboxIcon: React.ForwardRefExoticComponent<Omit<React.RefAttributes<IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>> & Omit<IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>, "ref"> & {
+    forceMount?: boolean;
+}, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({} & {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}), undefined, "text-typography-50 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "text-typography-50 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>>>;
+export { Checkbox, CheckboxIndicator, CheckboxLabel, CheckboxIcon, CheckboxGroup };

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

@@ -0,0 +1,127 @@
+'use client';
+import React from 'react';
+import { createCheckbox } from '@gluestack-ui/checkbox';
+import { View, Pressable, Text, Platform } from 'react-native';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+const IndicatorWrapper = React.forwardRef(({ ...props }, ref) => {
+    return React.createElement(View, { ...props, ref: ref });
+});
+const LabelWrapper = React.forwardRef(({ ...props }, ref) => {
+    return React.createElement(Text, { ...props, ref: ref });
+});
+const IconWrapper = React.forwardRef(({ ...props }, ref) => {
+    return React.createElement(UIIcon, { ...props, ref: ref });
+});
+const SCOPE = 'CHECKBOX';
+const UICheckbox = createCheckbox({
+    // @ts-expect-error
+    Root: Platform.OS === 'web' ? withStyleContext(View, SCOPE) : withStyleContext(Pressable, SCOPE),
+    Group: View,
+    Icon: IconWrapper,
+    Label: LabelWrapper,
+    Indicator: IndicatorWrapper,
+});
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: 'classNameColor',
+            stroke: true,
+        },
+    },
+});
+const checkboxStyle = tva({
+    base: 'group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed',
+    variants: {
+        size: {
+            lg: 'gap-2',
+            md: 'gap-2',
+            sm: 'gap-1.5',
+        },
+    },
+});
+const checkboxIndicatorStyle = tva({
+    base: 'justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40',
+    parentVariants: {
+        size: {
+            lg: 'w-6 h-6 border-[3px]',
+            md: 'w-5 h-5 border-2',
+            sm: 'w-4 h-4 border-2',
+        },
+    },
+});
+const checkboxLabelStyle = tva({
+    base: 'text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none',
+    parentVariants: {
+        size: {
+            lg: 'text-lg',
+            md: 'text-base',
+            sm: 'text-sm',
+        },
+    },
+});
+const checkboxIconStyle = tva({
+    base: 'text-typography-50 fill-none',
+    parentVariants: {
+        size: {
+            sm: 'h-3 w-3',
+            md: 'h-4 w-4',
+            lg: 'h-5 w-5',
+        },
+    },
+});
+const CheckboxGroup = UICheckbox.Group;
+const Checkbox = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return (React.createElement(UICheckbox, { className: checkboxStyle({
+            class: className,
+            size,
+        }), ...props, context: {
+            size,
+        }, ref: ref }));
+});
+const CheckboxIndicator = React.forwardRef(({ className, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UICheckbox.Indicator, { className: checkboxIndicatorStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            class: className,
+        }), ...props, ref: ref }));
+});
+const CheckboxLabel = React.forwardRef(({ className, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UICheckbox.Label, { className: checkboxLabelStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            class: className,
+        }), ...props, ref: ref }));
+});
+const CheckboxIcon = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    if (typeof size === 'number') {
+        return (React.createElement(UICheckbox.Icon, { ref: ref, ...props, className: checkboxIconStyle({ class: className }), size: size }));
+    }
+    else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
+        return React.createElement(UICheckbox.Icon, { ref: ref, ...props, className: checkboxIconStyle({ class: className }) });
+    }
+    return (React.createElement(UICheckbox.Icon, { className: checkboxIconStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            class: className,
+            size,
+        }), ...props, ref: ref }));
+});
+Checkbox.displayName = 'Checkbox';
+CheckboxIndicator.displayName = 'CheckboxIndicator';
+CheckboxLabel.displayName = 'CheckboxLabel';
+CheckboxIcon.displayName = 'CheckboxIcon';
+export { Checkbox, CheckboxIndicator, CheckboxLabel, CheckboxIcon, CheckboxGroup };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Divider: React.ForwardRefExoticComponent<import("react-native").ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+} | ({
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+} & {
+    orientation: {
+        vertical: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        horizontal: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "bg-background-200", import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, {
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}>, {
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, "bg-background-200", import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, {
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<View>>;
+export { Divider };

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

@@ -0,0 +1,22 @@
+'use client';
+import React from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { Platform, View } from 'react-native';
+const dividerStyle = tva({
+    base: 'bg-background-200',
+    variants: {
+        orientation: {
+            vertical: 'w-px h-full',
+            horizontal: 'h-px w-full',
+        },
+    },
+});
+const Divider = React.forwardRef(({ className, orientation = 'horizontal', ...props }, ref) => {
+    return (React.createElement(View, { ref: ref, ...props, "aria-orientation": orientation, role: Platform.OS === 'web' ? 'separator' : undefined, className: dividerStyle({
+            orientation,
+            class: className,
+        }) }));
+});
+Divider.displayName = 'Divider';
+export { Divider };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,YAAY,GAAG,GAAG,CAAC;IACrB,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE;QACN,WAAW,EAAE;YACT,QAAQ,EAAE,aAAa;YACvB,UAAU,EAAE,aAAa;SAC5B;KACJ;CACJ,CAAC,CAAC;AAIH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzD,OAAO,CACH,oBAAC,IAAI,IACD,GAAG,EAAE,GAAG,KACJ,KAAK,sBACS,WAAW,EAC7B,IAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EAAE,YAAY,CAAC;YACpB,WAAW;YACX,KAAK,EAAE,SAAS;SACnB,CAAC,GACJ,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}