nave-ui-library 1.0.0-beta.1

package/dist/components/base/Badge.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & import("node_modules/class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, tokens, style, platform, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+    tokens?: any;
+    platform?: 'web' | 'native';
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/base/Badge.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+const badgeVariants = cva('inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', {
+    variants: {
+        variant: {
+            default: '',
+            secondary: '',
+            destructive: '',
+            outline: '',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function Badge({ className, variant, asChild = false, tokens, style, platform = 'web', ...props }) {
+    const Comp = asChild ? Slot : 'span';
+    const theme = useTheme();
+    //merge tokens | depende de plataforma Web o Android/iOS
+    const mergedTokens = resolveTokens({ componentName: 'badge', variant, tokens }, theme);
+    const styles = platform === 'web'
+        ? { ...resolveWebStyles(mergedTokens), ...style }
+        : resolveNativeStyles(mergedTokens);
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), style: styles, ...props }));
+}
+export { Badge, badgeVariants };

package/dist/components/base/Button.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare function Button({ className, variant, size, asChild, tokens, style, platform, children, ...props }: React.ComponentProps<'button'> & {
+    tokens?: any;
+    variant?: string;
+    size?: any;
+    platform?: 'web' | 'native';
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/base/Button.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+const buttonBaseClasses = cva('inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 outline-none', {
+    variants: {
+        variant: {
+            default: '',
+            destructive: '',
+            outline: '',
+            secondary: '',
+            ghost: '',
+            link: '',
+        },
+        size: {
+            default: '',
+            sm: '',
+            lg: '',
+            icon: 'size-9',
+            'icon-sm': 'size-8',
+            'icon-lg': 'size-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+export function Button({ className, variant, size, asChild = false, tokens, style, platform = 'web', children, ...props }) {
+    const theme = useTheme();
+    //merge tokens | depende de plataforma Web o Android/iOS
+    const mergedTokens = resolveTokens({ componentName: 'button', variant, size, tokens }, theme);
+    const styles = platform === 'web'
+        ? { ...resolveWebStyles(mergedTokens), ...style }
+        : resolveNativeStyles(mergedTokens);
+    const Comp = asChild ? Slot : 'button';
+    return (_jsx(Comp, { "data-slot": "button", className: cn(buttonBaseClasses({ size }), className), style: styles, ...props, children: children }));
+}

package/dist/components/base/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+interface Props extends React.ComponentProps<typeof CheckboxPrimitive.Root> {
+    tokens?: any;
+    platform?: 'web' | 'mobile';
+}
+export declare function Checkbox({ className, tokens, style, platform, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/base/Checkbox.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckIcon } from 'lucide-react';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+export function Checkbox({ className, tokens, style, platform = 'web', ...props }) {
+    const theme = useTheme();
+    const mergedTokens = resolveTokens({ componentName: 'checkbox', tokens }, theme);
+    const styles = platform === 'web'
+        ? { ...resolveWebStyles(mergedTokens), ...style }
+        : resolveNativeStyles(mergedTokens);
+    const stylesReafactoring = {
+        ...styles,
+        width: '25px',
+        height: '25px',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer shrink-0', 'transition-all outline-none', className), style: stylesReafactoring, ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", style: {
+                color: stylesReafactoring.checkColor,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+            }, children: _jsx(CheckIcon, { width: 20, height: 20 }) }) }));
+}

package/dist/components/base/Icon.d.ts

@@ -0,0 +1,26 @@
+import type { LucideIcon, LucideProps } from 'lucide-react';
+type IconProps = LucideProps & {
+    as: LucideIcon;
+};
+/**
+ * A wrapper component for Lucide icons with Nativewind `className` support via `cssInterop`.
+ *
+ * This component allows you to render any Lucide icon while applying utility classes
+ * using `nativewind`. It avoids the need to wrap or configure each icon individually.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { ArrowRight } from 'lucide-react-native';
+ * import { Icon } from '@/registry/components/ui/icon';
+ *
+ * <Icon as={ArrowRight} className="text-red-500" size={16} />
+ * ```
+ *
+ * @param {LucideIcon} as - The Lucide icon component to render.
+ * @param {string} className - Utility classes to style the icon using Nativewind.
+ * @param {number} size - Icon size (defaults to 14).
+ * @param {...LucideProps} ...props - Additional Lucide icon props passed to the "as" icon.
+ */
+declare function Icon({ as: IconComponent, className, size, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export { Icon };

package/dist/components/base/Icon.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import { cssInterop } from 'nativewind';
+function IconImpl({ as: IconComponent, ...props }) {
+    return _jsx(IconComponent, { ...props });
+}
+cssInterop(IconImpl, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: 'size',
+            width: 'size',
+        },
+    },
+});
+/**
+ * A wrapper component for Lucide icons with Nativewind `className` support via `cssInterop`.
+ *
+ * This component allows you to render any Lucide icon while applying utility classes
+ * using `nativewind`. It avoids the need to wrap or configure each icon individually.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { ArrowRight } from 'lucide-react-native';
+ * import { Icon } from '@/registry/components/ui/icon';
+ *
+ * <Icon as={ArrowRight} className="text-red-500" size={16} />
+ * ```
+ *
+ * @param {LucideIcon} as - The Lucide icon component to render.
+ * @param {string} className - Utility classes to style the icon using Nativewind.
+ * @param {number} size - Icon size (defaults to 14).
+ * @param {...LucideProps} ...props - Additional Lucide icon props passed to the "as" icon.
+ */
+function Icon({ as: IconComponent, className, size = 14, ...props }) {
+    return (_jsx(IconImpl, { as: IconComponent, className: cn('text-foreground', className), size: size, ...props }));
+}
+export { Icon };

package/dist/components/base/Input.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface InputProps extends React.ComponentProps<'input'> {
+    tokens?: any;
+    platform?: 'web' | 'mobile';
+}
+export declare function Input({ className, type, tokens, platform, style, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/base/Input.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+export function Input({ className, type, tokens, platform = 'web', style, ...props }) {
+    const theme = useTheme();
+    const mergedTokens = resolveTokens({ componentName: 'input', tokens }, theme);
+    const styles = platform === 'web'
+        ? { ...resolveWebStyles(mergedTokens), ...style }
+        : resolveNativeStyles(mergedTokens);
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn('outline-none disabled:pointer-events-none disabled:opacity-50', className), style: styles, onFocus: (e) => {
+            e.target.style.borderColor = styles.borderColor;
+            e.target.style.borderWidth = styles.borderWidth;
+        }, onBlur: (e) => {
+            e.target.style.borderColor = styles.borderColor;
+            e.target.style.borderWidth = styles.borderWidth;
+        }, placeholder: props.placeholder, ...props }));
+}

package/dist/components/base/Label.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+interface LabelProps extends React.ComponentProps<typeof LabelPrimitive.Root> {
+    platform?: 'web' | 'mobile';
+    tokens?: any;
+}
+export declare function Label({ className, tokens, platform, style, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/base/Label.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+export function Label({ className, tokens, platform = 'web', style, ...props }) {
+    const theme = useTheme();
+    const mergedTokens = resolveTokens({ componentName: 'label', tokens }, theme);
+    const styles = platform === 'web'
+        ? { ...resolveWebStyles(mergedTokens), ...style }
+        : resolveNativeStyles(mergedTokens);
+    const stylesReafactoring = {
+        ...styles,
+        display: 'block',
+        width: 'auto',
+    };
+    return (_jsx(LabelPrimitive.Root, { style: stylesReafactoring, "data-slot": "label", className: cn('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), ...props }));
+}

package/dist/components/base/Radio.d.ts

@@ -0,0 +1,2 @@
+export declare function RadioGroup({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroupItem({ className, tokens, style, platform, value, ...props }: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/base/Radio.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { CircleIcon } from 'lucide-react';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+export function RadioGroup({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
+}
+export function RadioGroupItem({ className, tokens, style, platform = 'web', value, ...props }) {
+    const theme = useTheme();
+    const mergedTokens = resolveTokens({ componentName: 'radio', tokens }, theme);
+    const styles = platform === 'web'
+        ? resolveWebStyles(mergedTokens)
+        : resolveNativeStyles(mergedTokens);
+    const stylesReafactoring = {
+        ...styles,
+        width: styles.width || '28px',
+        height: mergedTokens.height || '28px',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: '50%',
+    };
+    return (_jsx(RadioGroupPrimitive.Item, { value: value, "data-slot": "radio-group-item", className: cn('shrink-0 rounded-full transition-all outline-none', className), style: stylesReafactoring, ...props, children: _jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+            }, children: _jsx(CircleIcon, { style: {
+                    width: '14px',
+                    height: '14px',
+                    fill: stylesReafactoring.checkColor ?? '#000',
+                } }) }) }));
+}

package/dist/components/base/Select.d.ts

@@ -0,0 +1,16 @@
+export interface SelectItem {
+    label: string;
+    value: string;
+}
+interface Props {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    items: SelectItem[];
+    className?: string;
+    tokens?: any;
+    style?: React.CSSProperties;
+    platform?: 'web' | 'native';
+}
+export declare function Select({ value, onValueChange, placeholder, items, className, tokens, platform, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/base/Select.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+export function Select({ value, onValueChange, placeholder = 'Seleccionar...', items, className, tokens, platform = 'web', }) {
+    const theme = useTheme();
+    // 🔥 1. RESOLVER TOKENS
+    const mergedTokens = resolveTokens({ componentName: 'select', tokens }, theme);
+    // 🔥 2. RESOLVER ESTILOS BASE PARA WEB O NATIVE
+    const styles = platform === 'web'
+        ? resolveWebStyles(mergedTokens)
+        : resolveNativeStyles(mergedTokens);
+    // 🔥 3. ESTILOS ESPECÍFICOS PARA SUBCOMPONENTES
+    const triggerStyle = {
+        ...styles,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        width: '100%',
+    };
+    const itemStyle = {
+        fontSize: styles.fontSize,
+        padding: mergedTokens.padding ?? '10px',
+    };
+    return (_jsxs(SelectPrimitive.Root, { value: value, onValueChange: onValueChange, children: [_jsxs(SelectPrimitive.Trigger, { className: cn('outline-none', className), style: triggerStyle, children: [_jsx(SelectPrimitive.Value, { placeholder: placeholder, style: { color: styles.color } }), _jsx(SelectPrimitive.Icon, { children: _jsx(ChevronsUpDown, { className: "h-4 w-4 opacity-50" }) })] }), _jsx(SelectPrimitive.Content, { className: "relative z-50 w-full shadow-lg rounded-md", style: {
+                    backgroundColor: mergedTokens.dropdownBackground ?? '#FFFFFF',
+                    borderRadius: mergedTokens.borderRadius ?? '6px',
+                }, children: _jsx(SelectPrimitive.Viewport, { className: "p-1", children: items.map((item) => (_jsxs(SelectPrimitive.Item, { value: item.value, className: "relative flex cursor-pointer select-none items-center rounded-sm outline-none hover:bg-gray-100", style: itemStyle, children: [_jsx(SelectPrimitive.ItemText, { children: item.label }), _jsx(SelectPrimitive.ItemIndicator, { className: "absolute right-2 flex items-center", children: _jsx(Check, { className: "h-4 w-4" }) })] }, item.value))) }) })] }));
+}

package/dist/components/base/Switch.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
+    tokens?: any;
+    platform?: 'web' | 'native';
+}
+declare const Switch: ({ className, tokens, style, platform, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export { Switch };

package/dist/components/base/Switch.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+const Switch = ({ className, tokens, style, platform = 'web', ...props }) => {
+    const theme = useTheme();
+    const mergedTokens = resolveTokens({ componentName: 'switch', tokens }, theme);
+    const styles = platform === 'web'
+        ? resolveWebStyles(mergedTokens)
+        : resolveNativeStyles(mergedTokens);
+    const stylesReafactoring = {
+        ...styles,
+        trackWidth: mergedTokens?.trackWidth ?? 36,
+        trackHeight: mergedTokens?.trackHeight ?? 20,
+        backgroundColor: mergedTokens?.backgroundColor ?? '#CCCCCC',
+        activeBackgroundColor: mergedTokens?.activeBackgroundColor ?? '#652BDF',
+        thumbSize: mergedTokens?.thumbSize ?? 16,
+        thumbColor: mergedTokens?.thumbColor ?? '#FFFFFF',
+        transitionDuration: mergedTokens?.transitionDuration ?? '150ms',
+    };
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn('peer inline-flex items-center rounded-full border border-transparent shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), style: {
+            width: stylesReafactoring.trackWidth,
+            height: stylesReafactoring.trackHeight,
+            backgroundColor: props.checked
+                ? stylesReafactoring.activeBackgroundColor
+                : stylesReafactoring.backgroundColor,
+            transition: `background-color ${stylesReafactoring.transitionDuration}`,
+        }, ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full", style: {
+                width: stylesReafactoring.thumbSize,
+                height: stylesReafactoring.thumbSize,
+                backgroundColor: stylesReafactoring.thumbColor,
+                transform: props.checked
+                    ? `translateX(${stylesReafactoring.trackWidth - stylesReafactoring.thumbSize}px)`
+                    : 'translateX(0)',
+                transition: `transform ${stylesReafactoring.transitionDuration}`,
+                boxShadow: props.checked
+                    ? '0 0 8px rgba(101, 43, 223, 0.6)'
+                    : '0 0 4px rgba(0,0,0,0.2)',
+            } }) }));
+};
+export { Switch };

package/dist/components/base/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ tokens, platform, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
+    tokens?: any;
+    platform?: 'web' | 'native';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipContent({ className, sideOffset, tokens, platform, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content> & {
+    tokens?: any;
+    platform?: 'web' | 'native';
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/base/Tooltip.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '../../utils/cn';
+import { resolveNativeStyles, resolveTokens, resolveWebStyles, useTheme, } from '../../theme';
+/* --------------------- */
+/* PROVIDER */
+/* --------------------- */
+export function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+/* --------------------- */
+/* ROOT (Tooltip) */
+/* --------------------- */
+export function Tooltip({ tokens, platform = 'web', ...props }) {
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+/* --------------------- */
+/* TRIGGER */
+/* --------------------- */
+export function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+/* --------------------- */
+/* CONTENT */
+/* --------------------- */
+export function TooltipContent({ className, sideOffset = 4, tokens, platform = 'web', children, ...props }) {
+    const theme = useTheme();
+    const mergedTokens = resolveTokens({ componentName: 'tooltip', tokens }, theme);
+    const styles = platform === 'web'
+        ? resolveWebStyles(mergedTokens)
+        : resolveNativeStyles(mergedTokens);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('animate-in fade-in-0 zoom-in-95 ' +
+                'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ' +
+                'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 ' +
+                'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ' +
+                'z-50 w-fit rounded-md px-3 py-1.5 text-xs', className), style: styles, ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]", style: {
+                        backgroundColor: styles.backgroundColor,
+                        fill: styles.backgroundColor,
+                    } })] }) }));
+}

package/dist/components/base/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Badge';
+export * from './Button';
+export * from './Checkbox';
+export * from './Icon';
+export * from './Input';
+export * from './Label';
+export * from './Radio';
+export * from './Select';
+export * from './Switch';
+export * from './Tooltip';

package/dist/components/base/index.js

@@ -0,0 +1,10 @@
+export * from './Badge';
+export * from './Button';
+export * from './Checkbox';
+export * from './Icon';
+export * from './Input';
+export * from './Label';
+export * from './Radio';
+export * from './Select';
+export * from './Switch';
+export * from './Tooltip';

package/dist/components/base/native-only-animated-view.d.ts

@@ -0,0 +1,12 @@
+import Animated from 'react-native-reanimated';
+/**
+ * This component is used to wrap animated views that should only be animated on native.
+ * @param props - The props for the animated view.
+ * @returns The animated view if the platform is native, otherwise the children.
+ * @example
+ * <NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
+ *   <Text>I am only animated on native</Text>
+ * </NativeOnlyAnimatedView>
+ */
+declare function NativeOnlyAnimatedView(props: React.ComponentProps<typeof Animated.View> & React.RefAttributes<Animated.View>): import("react/jsx-runtime").JSX.Element;
+export { NativeOnlyAnimatedView };

package/dist/components/base/native-only-animated-view.js

@@ -0,0 +1,22 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Platform } from 'react-native';
+import Animated from 'react-native-reanimated';
+/**
+ * This component is used to wrap animated views that should only be animated on native.
+ * @param props - The props for the animated view.
+ * @returns The animated view if the platform is native, otherwise the children.
+ * @example
+ * <NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
+ *   <Text>I am only animated on native</Text>
+ * </NativeOnlyAnimatedView>
+ */
+function NativeOnlyAnimatedView(props) {
+    if (Platform.OS === 'web') {
+        return _jsx(_Fragment, { children: props.children });
+    }
+    else {
+        return _jsx(Animated.View, { ...props });
+    }
+}
+export { NativeOnlyAnimatedView };

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './base';

package/dist/components/index.js

@@ -0,0 +1 @@
+export * from './base';

package/dist/core/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/core/cn.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './native';
+export * from './theme';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './native';
+export * from './theme';

package/dist/native/button.native.d.ts

@@ -0,0 +1,7 @@
+import type { PressableProps } from "react-native";
+interface ButtonNativeProps extends PressableProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function ButtonNative({ className, children, ...props }: ButtonNativeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/native/button.native.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pressable, Text } from "react-native";
+import { cn } from "../utils/cn";
+export function ButtonNative({ className, children, ...props }) {
+    return (_jsx(Pressable, { className: cn("px-4 py-2 rounded-lg bg-purple-600 active:bg-purple-700", className), ...props, children: _jsx(Text, { className: "text-white font-semibold", children: children }) }));
+}

package/dist/native/index.d.ts

@@ -0,0 +1 @@
+export * from './button.native';

package/dist/native/index.js

@@ -0,0 +1 @@
+export * from './button.native';

package/dist/theme/ThemeContext.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type Theme = Record<string, any>;
+export declare function ThemeProvider({ theme, children, }: {
+    theme: Theme;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): Theme;

package/dist/theme/ThemeContext.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const ThemeContext = createContext(null);
+export function ThemeProvider({ theme, children, }) {
+    return (_jsx(ThemeContext.Provider, { value: theme, children: children }));
+}
+export function useTheme() {
+    const ctx = useContext(ThemeContext);
+    if (!ctx) {
+        throw new Error("useTheme debe usarse dentro de un <ThemeProvider>");
+    }
+    return ctx;
+}

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './theme-context';
+export * from './theme-resolver';
+export * from './theme';

package/dist/theme/index.js

@@ -0,0 +1,3 @@
+export * from './theme-context';
+export * from './theme-resolver';
+export * from './theme';

package/dist/theme/resolveTokens.d.ts

@@ -0,0 +1 @@
+export declare function resolveTokens(input: any, theme: any): any;

package/dist/theme/resolveTokens.js

@@ -0,0 +1,13 @@
+export function resolveTokens(input, theme) {
+    const { componentName, variant, size, ...localTokens } = input;
+    const componentTheme = theme?.components?.[componentName] ?? {};
+    const base = componentTheme.base ?? {};
+    const variantTokens = componentTheme.variants?.[variant] ?? {};
+    const sizeTokens = componentTheme.sizes?.[size] ?? {};
+    return {
+        ...base,
+        ...variantTokens,
+        ...sizeTokens,
+        ...localTokens, // el componente siempre gana
+    };
+}

package/dist/theme/theme-context.d.ts

@@ -0,0 +1,3 @@
+export declare const ThemeContext: import("react").Context<any>;
+export declare function ThemeProvider({ theme, children }: any): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): any;