@campxdev/react-native-blueprint 0.1.3 → 0.1.4

package/lib/typescript/src/components/ui/Tooltip.d.ts

@@ -1,71 +0,0 @@
-import * as TooltipPrimitive from '@rn-primitives/tooltip';
-import * as React from 'react';
-/**
- * Root tooltip component - provides context for trigger and content
- *
- * @component
- * @example
- * ```tsx
- * <Tooltip>
- *   <TooltipTrigger>
- *     <Button variant="outline">
- *       <Text>Hover me</Text>
- *     </Button>
- *   </TooltipTrigger>
- *   <TooltipContent>
- *     <Text>Helpful tooltip text</Text>
- *   </TooltipContent>
- * </Tooltip>
- * ```
- */
-declare const Tooltip: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
-    asChild?: boolean;
-} & {
-    onOpenChange?: (open: boolean) => void;
-    delayDuration?: number;
-    skipDelayDuration?: number;
-    disableHoverableContent?: boolean;
-} & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}> & {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}) => React.ReactNode>>;
-/**
- * Trigger component that shows tooltip on hover/press
- *
- * @component
- */
-declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}> & {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}) => React.ReactNode>, "ref"> & {
-    asChild?: boolean;
-} & {
-    onKeyDown?: (ev: React.KeyboardEvent) => void;
-    onKeyUp?: (ev: React.KeyboardEvent) => void;
-} & React.RefAttributes<import("@rn-primitives/tooltip").TriggerRef>>;
-/**
- * Tooltip content component
- *
- * Displays helpful text in a small popup when hovering or pressing the trigger.
- * Includes directional animations based on positioning.
- *
- * @component
- * @example
- * ```tsx
- * <TooltipContent side="top" sideOffset={8}>
- *   <Text>Add to favorites</Text>
- * </TooltipContent>
- * ```
- *
- * @accessibility
- * - Content is announced by screen readers
- * - Proper ARIA attributes for tooltips
- * - Dismissible on escape key (web)
- */
-declare function TooltipContent({ className, sideOffset, portalHost, side, ...props }: TooltipPrimitive.ContentProps & React.RefAttributes<TooltipPrimitive.ContentRef> & {
-    portalHost?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipContent, TooltipTrigger };
-//# sourceMappingURL=Tooltip.d.ts.map

package/lib/typescript/src/components/ui/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,OAAO;;;;;;;;OAAD,CAAC;;OAG8B,CAAA;uBAHN,CAAC;AAEtC;;;;GAIG;AACH,QAAA,MAAM,cAAc;OAPR,CAAC;;OAG8B,CAAA;;;;;;qEAII,CAAC;AAQhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,UAAU,EACV,IAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,YAAY,GAC9B,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CA4CF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/src/components/ui/index.d.ts

@@ -1,44 +0,0 @@
-export * from './Accordion';
-export * from './Alert';
-export * from './Alert-Dialog';
-export * from './AppBar';
-export * from './Aspect-Ratio';
-export * from './Avatar';
-export * from './Badge';
-export * from './Bottom-Sheet';
-export * from './Button';
-export * from './Card';
-export * from './Checkbox';
-export * from './Collapsible';
-export * from './Context-Menu';
-export * from './Custom-Card';
-export * from './Dialog';
-export * from './Dropdown-Menu';
-export * from './Floating-Action';
-export * from './Greeting-Card';
-export * from './Hover-Card';
-export * from './Icon';
-export * from './Input';
-export * from './Label';
-export * from './Menubar';
-export * from './Native-Only-Animated-View';
-export * from './NavBar';
-export * from './Popover';
-export * from './Progress';
-export * from './Radio-Group';
-export * from './Select';
-export * from './Separator';
-export * from './SizedBox';
-export * from './Skeleton';
-export * from './Slider';
-export * from './Switch';
-export * from './Table';
-export * from './Tabs';
-export * from './Text';
-export * from './Textarea';
-export * from './Theme-Toggle';
-export * from './Toast';
-export * from './Toggle';
-export * from './Toggle-Group';
-export * from './Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -1,9 +0,0 @@
-export * from './components/ui';
-export { default as RootLayout } from './app/_layout';
-export { cn } from './lib/utils';
-export { THEME, NAV_THEME } from './lib/theme';
-export { ThemeProvider, useTheme } from './lib/ThemeProvider';
-export { getRadiusForHeight, getRadiusForDimensions, getCustomRadius, RADIUS, RADIUS_PRESET, CORNER_SMOOTHING, } from './lib/cornerRadius';
-export { fonts } from './lib/fonts';
-export type { FontName } from './lib/fonts';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,MAAM,EACN,aAAa,EACb,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/src/lib/ThemeProvider.d.ts

@@ -1,137 +0,0 @@
-import * as React from 'react';
-/**
- * Available theme modes for the application
- * @typedef {'light' | 'dark' | 'system'} ThemeMode
- * - `light`: Force light theme regardless of system preference
- * - `dark`: Force dark theme regardless of system preference
- * - `system`: Automatically follow device system theme preference (default)
- */
-export type ThemeMode = 'light' | 'dark' | 'system';
-/**
- * Context type for theme management
- * @internal
- */
-type ThemeContextType = {
-    /** Current theme mode setting */
-    mode: ThemeMode;
-    /** Whether dark mode is currently active (computed from mode and system preference) */
-    isDark: boolean;
-    /** Function to change the theme mode */
-    setMode: (mode: ThemeMode) => void;
-    /** Theme color tokens for the current mode */
-    colors: typeof import('./theme').THEME.light;
-};
-/**
- * Props for ThemeProvider component
- */
-type ThemeProviderProps = {
-    /** Application content to provide theme context to */
-    children: React.ReactNode;
-    /**
-     * Initial theme mode
-     * @default 'system'
-     */
-    defaultMode?: ThemeMode;
-    /**
-     * Storage key for persisting theme preference (not yet implemented)
-     * @deprecated Currently not used - will be implemented in future version
-     */
-    storageKey?: string;
-};
-/**
- * Theme Provider component that manages application theme state
- *
- * Provides theme context to all child components, enabling dark mode support
- * throughout the application. Automatically responds to system theme changes
- * when mode is set to 'system'.
- *
- * @component
- * @example
- * ```tsx
- * // Basic usage with system theme
- * function App() {
- *   return (
- *     <ThemeProvider>
- *       <YourApp />
- *     </ThemeProvider>
- *   );
- * }
- *
- * // Start with dark mode
- * function App() {
- *   return (
- *     <ThemeProvider defaultMode="dark">
- *       <YourApp />
- *     </ThemeProvider>
- *   );
- * }
- * ```
- *
- * @param {ThemeProviderProps} props - Component props
- * @returns {JSX.Element} Provider component wrapping children with theme context
- *
- * @see {@link useTheme} for accessing theme in child components
- * @see {@link useThemeMode} for optional theme access without error
- */
-export declare function ThemeProvider({ children, defaultMode, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Hook to access theme context and controls
- *
- * Provides access to the current theme state and methods to change the theme.
- * Must be used within a ThemeProvider component tree.
- *
- * @returns {ThemeContextType} Theme context object
- * @throws {Error} If used outside of ThemeProvider
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const { mode, isDark, setMode, colors } = useTheme();
- *
- *   return (
- *     <View style={{ backgroundColor: colors.background }}>
- *       <Text style={{ color: colors.foreground }}>
- *         Current mode: {mode} (Dark: {isDark ? 'Yes' : 'No'})
- *       </Text>
- *       <Button onPress={() => setMode(isDark ? 'light' : 'dark')}>
- *         <Text>Toggle Theme</Text>
- *       </Button>
- *     </View>
- *   );
- * }
- * ```
- *
- * @see {@link ThemeProvider} for setup
- * @see {@link useThemeMode} for optional access without error throwing
- */
-export declare function useTheme(): ThemeContextType;
-/**
- * Optional hook to get current dark mode state
- *
- * Similar to useTheme but only returns the isDark boolean and doesn't throw
- * an error if used outside ThemeProvider. Useful for components that want
- * to adapt to theme but don't require it.
- *
- * @returns {boolean | undefined} Whether dark mode is active, or undefined if no provider
- *
- * @example
- * ```tsx
- * function OptionalThemedComponent() {
- *   const isDark = useThemeMode();
- *
- *   // Component works with or without ThemeProvider
- *   const backgroundColor = isDark ? '#000' : '#fff';
- *
- *   return (
- *     <View style={{ backgroundColor }}>
- *       <Text>This component adapts if theme is available</Text>
- *     </View>
- *   );
- * }
- * ```
- *
- * @see {@link useTheme} for full theme access (requires provider)
- */
-export declare function useThemeMode(): boolean | undefined;
-export {};
-//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/typescript/src/lib/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;;GAGG;AACH,KAAK,gBAAgB,GAAG;IACtB,iCAAiC;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,uFAAuF;IACvF,MAAM,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,8CAA8C;IAC9C,MAAM,EAAE,cAAc,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;CAC9C,CAAC;AAMF;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAsB,GACvB,EAAE,kBAAkB,2CA6CpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,qBAMvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,IAAI,OAAO,GAAG,SAAS,CAGlD"}

package/lib/typescript/src/lib/cornerRadius.d.ts

@@ -1,112 +0,0 @@
-/**
- * Corner Radius System
- *
- * Automatically calculates the appropriate corner radius based on element dimensions.
- *
- * Design Rule:
- * - Elements < 80px height → 12px radius
- * - Elements ≥ 80px height → 20px radius
- * - All corners use 100% smoothing (Apple-style squircles)
- *
- * Examples:
- * - Button (50px height) → 12px
- * - Chip (24px height) → 12px
- * - Checkbox (16px height) → 4px (special case for very small)
- * - Small card (60px height) → 12px
- * - Large card (200px height) → 20px
- * - Dialog (400px height) → 20px
- */
-/**
- * Primitive radius values from your design system
- * Your exact values: 0, 2, 4, 8, 12, 20, 24, 32, 48
- */
-export declare const RADIUS: {
-    readonly R0: 0;
-    readonly R1: 2;
-    readonly R2: 4;
-    readonly R3: 8;
-    readonly R4: 12;
-    readonly R5: 20;
-    readonly R6: 24;
-    readonly R7: 32;
-    readonly R8: 48;
-};
-/**
- * Calculate corner radius based on element height
- *
- * @param height - Element height in pixels
- * @returns Corner radius in pixels
- *
- * @example
- * ```tsx
- * // Button (50px height)
- * const radius = getRadiusForHeight(50); // Returns 12
- *
- * // Checkbox (16px height)
- * const radius = getRadiusForHeight(16); // Returns 4
- *
- * // Card (160px height)
- * const radius = getRadiusForHeight(160); // Returns 20
- * ```
- */
-export declare function getRadiusForHeight(height: number): number;
-/**
- * Calculate corner radius based on smallest dimension (width or height)
- * Useful for square or nearly-square elements
- *
- * @param width - Element width in pixels
- * @param height - Element height in pixels
- * @returns Corner radius in pixels
- *
- * @example
- * ```tsx
- * // Square checkbox (16×16)
- * const radius = getRadiusForDimensions(16, 16); // Returns 4
- *
- * // Wide button (200×50)
- * const radius = getRadiusForDimensions(200, 50); // Returns 12 (based on height)
- *
- * // Tall card (300×200)
- * const radius = getRadiusForDimensions(300, 200); // Returns 20 (based on width)
- * ```
- */
-export declare function getRadiusForDimensions(width: number, height: number): number;
-/**
- * Get corner radius with custom thresholds
- * Advanced usage when you need different breakpoints
- *
- * @param height - Element height in pixels
- * @param options - Custom threshold options
- * @returns Corner radius in pixels
- *
- * @example
- * ```tsx
- * // Use 20px radius for elements ≥ 100px instead of 80px
- * const radius = getCustomRadius(90, { largeThreshold: 100 });
- * ```
- */
-export declare function getCustomRadius(height: number, options?: {
-    tinyThreshold?: number;
-    smallThreshold?: number;
-    tinyRadius?: number;
-    smallRadius?: number;
-    largeRadius?: number;
-}): number;
-/**
- * Corner smoothing value (0-1)
- * 1.0 = 100% smoothing (Apple-style squircles)
- */
-export declare const CORNER_SMOOTHING = 1;
-/**
- * Preset radius values for common use cases
- * Use these when you know the exact size you want
- */
-export declare const RADIUS_PRESET: {
-    readonly none: 0;
-    readonly tiny: 4;
-    readonly small: 12;
-    readonly large: 20;
-    readonly pill: 24;
-    readonly circle: 9999;
-};
-//# sourceMappingURL=cornerRadius.d.ts.map

package/lib/typescript/src/lib/cornerRadius.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cornerRadius.d.ts","sourceRoot":"","sources":["../../../../src/lib/cornerRadius.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC;AAWX;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAUzD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAG5E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;IACR,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,MAAM,CAkBR;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,IAAM,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC"}

package/lib/typescript/src/lib/fonts.d.ts

@@ -1,21 +0,0 @@
-/**
- * Font configuration for CampX Design System
- *
- * Fonts:
- * - Poppins: Used for headings, buttons, labels, subtitles
- * - Heebo: Used for body text, inputs, captions
- *
- * Weights:
- * - 400 (Regular): Body text, labels, captions
- * - 600 (Semi Bold): Subtitles, buttons, emphasized body
- * - 800 (Extra Bold): Headings
- */
-export declare const fonts: {
-    Poppins_400Regular: number;
-    Poppins_600SemiBold: number;
-    Poppins_800ExtraBold: number;
-    Heebo_400Regular: number;
-    Heebo_600SemiBold: number;
-};
-export type FontName = keyof typeof fonts;
-//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/src/lib/fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/lib/fonts.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}

package/lib/typescript/src/lib/theme.d.ts

@@ -1,87 +0,0 @@
-import { type Theme } from '@react-navigation/native';
-/**
- * Custom theme colors based on your Figma design tokens
- * Using your categorized color system:
- * 1. Surfaces - Page and card backgrounds
- * 2. Text - All text colors with opacity variants
- * 3. Primary - Main buttons and CTAs
- * 4. Secondary - Secondary buttons
- * 5. Tertiary/Accent - Highlights and selections
- * 6. Borders - All borders and dividers
- * 7. Highlights - Status/semantic colors
- * 8. Brand - Brand accent colors (use sparingly)
- */
-export declare const THEME: {
-    light: {
-        background: string;
-        card: string;
-        popover: string;
-        muted: string;
-        foreground: string;
-        cardForeground: string;
-        popoverForeground: string;
-        mutedForeground: string;
-        primary: string;
-        primaryForeground: string;
-        secondary: string;
-        secondaryForeground: string;
-        accent: string;
-        accentForeground: string;
-        border: string;
-        input: string;
-        ring: string;
-        destructive: string;
-        destructiveForeground: string;
-        success: string;
-        info: string;
-        warning: string;
-        brand1: string;
-        brand2: string;
-        brand3: string;
-        chart1: string;
-        chart2: string;
-        chart3: string;
-        chart4: string;
-        chart5: string;
-        radius: string;
-    };
-    dark: {
-        background: string;
-        card: string;
-        popover: string;
-        muted: string;
-        foreground: string;
-        cardForeground: string;
-        popoverForeground: string;
-        mutedForeground: string;
-        primary: string;
-        primaryForeground: string;
-        secondary: string;
-        secondaryForeground: string;
-        accent: string;
-        accentForeground: string;
-        border: string;
-        input: string;
-        ring: string;
-        destructive: string;
-        destructiveForeground: string;
-        success: string;
-        info: string;
-        warning: string;
-        brand1: string;
-        brand2: string;
-        brand3: string;
-        chart1: string;
-        chart2: string;
-        chart3: string;
-        chart4: string;
-        chart5: string;
-        radius: string;
-    };
-};
-/**
- * React Navigation theme configuration
- * Maps our custom theme to React Navigation's theme structure
- */
-export declare const NAV_THEME: Record<'light' | 'dark', Theme>;
-//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/src/lib/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE/E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,KAAK,CAyBrD,CAAC"}

package/lib/typescript/src/lib/utils.d.ts

@@ -1,111 +0,0 @@
-import { type ClassValue } from 'clsx';
-/**
- * Utility function to merge Tailwind CSS classes with proper precedence
- *
- * Combines clsx (for conditional classes) and tailwind-merge (for deduplication)
- * to create a single, optimized class string. Later classes override earlier ones.
- *
- * @param {...ClassValue[]} inputs - Class values to merge (strings, objects, arrays)
- * @returns {string} Merged and deduplicated class string
- *
- * @example
- * ```tsx
- * // Basic usage
- * cn('px-2 py-1', 'px-4') // => 'py-1 px-4'
- *
- * // With conditionals
- * cn('text-base', isDark && 'text-white', 'font-bold')
- * // => 'text-base text-white font-bold' (if isDark is true)
- *
- * // With objects
- * cn({
- *   'bg-primary': isPrimary,
- *   'bg-secondary': !isPrimary
- * })
- *
- * // Common component pattern
- * cn('base-classes', variant === 'large' && 'large-classes', className)
- * ```
- */
-export declare function cn(...inputs: ClassValue[]): string;
-/**
- * Applies dark mode classes with optional runtime control
- *
- * Provides three modes of operation:
- * 1. Static mode (darkMode undefined): Returns classes with `dark:` prefix for automatic switching
- * 2. Dark mode (darkMode true): Strips `dark:` prefix and returns only dark classes
- * 3. Light mode (darkMode false): Returns only base classes
- *
- * This function is useful when you need to programmatically control dark mode
- * instead of relying on Tailwind's automatic dark mode detection.
- *
- * @param {string} baseClasses - Classes to apply in light mode
- * @param {string} darkClasses - Classes to apply in dark mode (with or without `dark:` prefix)
- * @param {boolean} [darkMode] - Optional dark mode override (true/false/undefined)
- * @returns {string} Merged class string based on mode
- *
- * @example
- * ```tsx
- * // Static mode - use Tailwind's automatic detection
- * cnWithDark('bg-white', 'dark:bg-black')
- * // => 'bg-white dark:bg-black'
- *
- * // Programmatic dark mode
- * const { isDark } = useTheme();
- * cnWithDark('bg-white', 'dark:bg-black', isDark)
- * // => 'bg-black' (if isDark is true)
- * // => 'bg-white' (if isDark is false)
- *
- * // With multiple classes
- * cnWithDark(
- *   'bg-white text-black border-gray-200',
- *   'dark:bg-black dark:text-white dark:border-gray-800',
- *   isDark
- * )
- * ```
- *
- * @see {@link cn} for basic class merging
- * @see {@link useTheme} for accessing theme state
- */
-export declare function cnWithDark(baseClasses: string, darkClasses: string, darkMode?: boolean): string;
-/**
- * Get color value based on theme mode
- *
- * Simple utility to select between light and dark color values based on the
- * current theme. Primarily used for native platforms where Tailwind CSS
- * classes don't work with inline styles.
- *
- * @param {string} lightColor - Color value for light mode (CSS color, HSL, RGB, hex)
- * @param {string} darkColor - Color value for dark mode (CSS color, HSL, RGB, hex)
- * @param {boolean} [darkMode] - Whether dark mode is active (defaults to light if undefined)
- * @returns {string} The appropriate color value for the current mode
- *
- * @example
- * ```tsx
- * import { useTheme } from './ThemeProvider';
- *
- * function MyComponent() {
- *   const { isDark } = useTheme();
- *
- *   // Get color for inline styles
- *   const textColor = getThemeColor('#000000', '#ffffff', isDark);
- *   const bgColor = getThemeColor('hsl(0, 0%, 100%)', 'hsl(0, 0%, 10%)', isDark);
- *
- *   return (
- *     <View style={{ backgroundColor: bgColor }}>
- *       <NativeText style={{ color: textColor }}>
- *         Theme-aware text
- *       </NativeText>
- *     </View>
- *   );
- * }
- *
- * // Without theme context (defaults to light)
- * const color = getThemeColor('#000', '#fff'); // => '#000'
- * ```
- *
- * @see {@link useTheme} for accessing theme state
- * @see {@link getThemeColorValue} from theme-config for more advanced usage
- */
-export declare function getThemeColor(lightColor: string, darkColor: string, darkMode?: boolean): string;
-//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/src/lib/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,UAAU,CACxB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,OAAO,GACjB,MAAM,CAiBR;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,OAAO,GACjB,MAAM,CAKR"}