@campxdev/react-native-blueprint 0.1.12 → 0.1.14

package/lib/typescript/commonjs/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/commonjs/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/commonjs/src/lib/fonts.d.ts

@@ -1,16 +0,0 @@
-/**
- * Font configuration object
- * Returns font family names that work with system fonts by default
- *
- * If you've loaded custom fonts (Poppins/Heebo), the components will use them automatically
- * when you specify fontFamily in styles.
- */
-export declare const fonts: {
-    Poppins_400Regular: string;
-    Poppins_600SemiBold: string;
-    Poppins_800ExtraBold: string;
-    Heebo_400Regular: string;
-    Heebo_600SemiBold: string;
-};
-export type FontName = keyof typeof fonts;
-//# sourceMappingURL=fonts.d.ts.map

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

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

package/lib/typescript/commonjs/src/lib/slot-helpers.d.ts

@@ -1,32 +0,0 @@
-/**
- * Properly typed Slot component wrappers
- *
- * The @rn-primitives/slot package has complex type inference that doesn't
- * properly expose className props. These wrappers provide correct typing.
- */
-import type { PressableProps, ViewProps, TextProps, TextInputProps } from 'react-native';
-export declare const SlotView: React.ForwardRefExoticComponent<ViewProps & {
-    className?: string;
-    children?: React.ReactNode;
-    cssInterop?: boolean;
-}>;
-export declare const SlotPressable: React.ForwardRefExoticComponent<PressableProps & {
-    className?: string;
-    children?: React.ReactNode;
-    cssInterop?: boolean;
-}>;
-export declare const SlotText: React.ForwardRefExoticComponent<TextProps & {
-    className?: string;
-    children?: React.ReactNode;
-    cssInterop?: boolean;
-}>;
-export declare const SlotTextInput: React.ForwardRefExoticComponent<TextInputProps & {
-    className?: string;
-    children?: React.ReactNode;
-    cssInterop?: boolean;
-}>;
-export declare const Slot: React.ForwardRefExoticComponent<ViewProps & {
-    className?: string;
-    children?: React.ReactNode;
-}>;
-//# sourceMappingURL=slot-helpers.d.ts.map

package/lib/typescript/commonjs/src/lib/slot-helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slot-helpers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/slot-helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,SAAS,EACT,cAAc,EACf,MAAM,cAAc,CAAC;AAGtB,eAAO,MAAM,QAAQ,EAAyB,KAAK,CAAC,yBAAyB,CAC3E,SAAS,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,EACG,KAAK,CAAC,yBAAyB,CACxD,cAAc,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEJ,eAAO,MAAM,QAAQ,EAAyB,KAAK,CAAC,yBAAyB,CAC3E,SAAS,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,EACG,KAAK,CAAC,yBAAyB,CACxD,cAAc,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAGJ,eAAO,MAAM,IAAI,EAAyB,KAAK,CAAC,yBAAyB,CACvE,SAAS,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF,CAAC"}

package/lib/typescript/commonjs/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/commonjs/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/commonjs/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/commonjs/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"}

package/lib/typescript/module/package.json

@@ -1 +0,0 @@
-{"type":"module"}

package/lib/typescript/module/src/app/_layout.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-interface RootLayoutProps {
-    children: ReactNode;
-}
-export default function RootLayout({ children }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=_layout.d.ts.map

package/lib/typescript/module/src/app/_layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_layout.d.ts","sourceRoot":"","sources":["../../../../../src/app/_layout.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAY/D"}

package/lib/typescript/module/src/components/theme-config.d.ts

@@ -1,174 +0,0 @@
-/**
- * Comprehensive Dark Theme Configuration
- *
- * This file provides complete theme tokens and utilities for consistent
- * dark mode support across all components in the Blueprint library.
- *
- * Best Practices:
- * - Uses HSL color format for better color manipulation
- * - Provides semantic color tokens (not raw colors)
- * - Maintains proper contrast ratios for accessibility (WCAG AA/AAA)
- * - Consistent with Tailwind CSS conventions
- */
-import type { ColorValue } from 'react-native';
-/**
- * Color tokens for light and dark themes
- * Each token follows the pattern: purpose-variant
- */
-export declare const THEME_COLORS: {
-    readonly light: {
-        readonly background: "hsl(0, 0%, 100%)";
-        readonly foreground: "hsl(0, 0%, 3.9%)";
-        readonly card: "hsl(0, 0%, 100%)";
-        readonly cardForeground: "hsl(0, 0%, 3.9%)";
-        readonly popover: "hsl(0, 0%, 100%)";
-        readonly popoverForeground: "hsl(0, 0%, 3.9%)";
-        readonly primary: "hsl(0, 0%, 9%)";
-        readonly primaryForeground: "hsl(0, 0%, 98%)";
-        readonly secondary: "hsl(0, 0%, 96.1%)";
-        readonly secondaryForeground: "hsl(0, 0%, 9%)";
-        readonly muted: "hsl(0, 0%, 96.1%)";
-        readonly mutedForeground: "hsl(0, 0%, 45.1%)";
-        readonly accent: "hsl(0, 0%, 96.1%)";
-        readonly accentForeground: "hsl(0, 0%, 9%)";
-        readonly destructive: "hsl(0, 84.2%, 60.2%)";
-        readonly destructiveForeground: "hsl(0, 0%, 98%)";
-        readonly border: "hsl(0, 0%, 89.8%)";
-        readonly input: "hsl(0, 0%, 89.8%)";
-        readonly ring: "hsl(0, 0%, 63%)";
-        readonly success: "hsl(142, 76%, 36%)";
-        readonly successForeground: "hsl(0, 0%, 98%)";
-        readonly warning: "hsl(38, 92%, 50%)";
-        readonly warningForeground: "hsl(0, 0%, 9%)";
-        readonly info: "hsl(199, 89%, 48%)";
-        readonly infoForeground: "hsl(0, 0%, 98%)";
-    };
-    readonly dark: {
-        readonly background: "hsl(0, 0%, 3.9%)";
-        readonly foreground: "hsl(0, 0%, 98%)";
-        readonly card: "hsl(0, 0%, 3.9%)";
-        readonly cardForeground: "hsl(0, 0%, 98%)";
-        readonly popover: "hsl(0, 0%, 3.9%)";
-        readonly popoverForeground: "hsl(0, 0%, 98%)";
-        readonly primary: "hsl(0, 0%, 98%)";
-        readonly primaryForeground: "hsl(0, 0%, 9%)";
-        readonly secondary: "hsl(0, 0%, 14.9%)";
-        readonly secondaryForeground: "hsl(0, 0%, 98%)";
-        readonly muted: "hsl(0, 0%, 14.9%)";
-        readonly mutedForeground: "hsl(0, 0%, 63.9%)";
-        readonly accent: "hsl(0, 0%, 14.9%)";
-        readonly accentForeground: "hsl(0, 0%, 98%)";
-        readonly destructive: "hsl(0, 62.8%, 30.6%)";
-        readonly destructiveForeground: "hsl(0, 0%, 98%)";
-        readonly border: "hsl(0, 0%, 14.9%)";
-        readonly input: "hsl(0, 0%, 14.9%)";
-        readonly ring: "hsl(0, 0%, 45%)";
-        readonly success: "hsl(142, 76%, 36%)";
-        readonly successForeground: "hsl(0, 0%, 98%)";
-        readonly warning: "hsl(38, 92%, 50%)";
-        readonly warningForeground: "hsl(0, 0%, 9%)";
-        readonly info: "hsl(199, 89%, 48%)";
-        readonly infoForeground: "hsl(0, 0%, 98%)";
-    };
-};
-/**
- * Convert HSL string to React Native ColorValue
- * Useful for native platform styling where HSL needs to be converted
- */
-export declare function hslToRgb(hsl: string): ColorValue;
-/**
- * Get theme color value based on current theme mode
- * Automatically selects the appropriate color from light/dark theme
- */
-export declare function getThemeColorValue(colorKey: keyof typeof THEME_COLORS.light, isDark: boolean, asRgb?: boolean): ColorValue;
-/**
- * Component-specific dark mode class mappings
- * Use these to ensure consistent styling across all components
- */
-export declare const DARK_MODE_CLASSES: {
-    readonly text: {
-        readonly default: "dark:text-foreground";
-        readonly muted: "dark:text-muted-foreground";
-        readonly primary: "dark:text-primary-foreground";
-        readonly secondary: "dark:text-secondary-foreground";
-        readonly accent: "dark:text-accent-foreground";
-        readonly destructive: "dark:text-destructive-foreground";
-        readonly card: "dark:text-card-foreground";
-    };
-    readonly background: {
-        readonly default: "dark:bg-background";
-        readonly card: "dark:bg-card";
-        readonly primary: "dark:bg-primary";
-        readonly secondary: "dark:bg-secondary";
-        readonly muted: "dark:bg-muted";
-        readonly accent: "dark:bg-accent";
-        readonly destructive: "dark:bg-destructive";
-        readonly popover: "dark:bg-popover";
-    };
-    readonly border: {
-        readonly default: "dark:border-border";
-        readonly input: "dark:border-input";
-        readonly primary: "dark:border-primary";
-        readonly muted: "dark:border-muted";
-        readonly accent: "dark:border-accent";
-        readonly destructive: "dark:border-destructive";
-    };
-    readonly state: {
-        readonly hover: "dark:hover:bg-accent";
-        readonly active: "dark:active:bg-accent";
-        readonly focus: "dark:focus:ring-ring";
-        readonly disabled: "dark:disabled:opacity-50";
-    };
-};
-/**
- * Helper to combine base classes with dark mode classes
- * Ensures consistent application of dark mode styles
- */
-export declare function withDarkMode(baseClass: string, darkClass: string, additionalClasses?: string): string;
-/**
- * Pre-configured class strings for common component patterns
- * Use these for consistent styling across the library
- */
-export declare const THEME_PRESETS: {
-    readonly card: "bg-card text-card-foreground dark:bg-card dark:text-card-foreground border border-border dark:border-border";
-    readonly input: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
-    readonly buttonPrimary: "bg-primary text-primary-foreground dark:bg-primary dark:text-primary-foreground";
-    readonly buttonSecondary: "bg-secondary text-secondary-foreground dark:bg-secondary dark:text-secondary-foreground";
-    readonly buttonOutline: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
-    readonly buttonGhost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground";
-    readonly destructive: "bg-destructive text-destructive-foreground dark:bg-destructive dark:text-destructive-foreground";
-    readonly muted: "bg-muted text-muted-foreground dark:bg-muted dark:text-muted-foreground";
-    readonly popover: "bg-popover text-popover-foreground dark:bg-popover dark:text-popover-foreground border border-border dark:border-border";
-};
-/**
- * Semantic color map for native components
- * Use these for StyleSheet-based styling
- */
-export declare function getNativeThemeColors(isDark: boolean): {
-    background: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    foreground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    card: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    cardForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    primary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    primaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    secondary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    secondaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    muted: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    mutedForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    accent: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    accentForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    destructive: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    destructiveForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    border: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    input: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-    ring: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
-};
-/**
- * Type-safe theme color keys
- */
-export type ThemeColorKey = keyof typeof THEME_COLORS.light;
-/**
- * Check if a color key exists in the theme
- */
-export declare function isValidThemeColor(key: string): key is ThemeColorKey;
-//# sourceMappingURL=theme-config.d.ts.map

package/lib/typescript/module/src/components/theme-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../../../src/components/theme-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGf,CAAC;AAEX;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAuChD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,OAAO,YAAY,CAAC,KAAK,EACzC,MAAM,EAAE,OAAO,EACf,KAAK,UAAQ,GACZ,UAAU,CAKZ;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCpB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,iBAAiB,CAAC,EAAE,MAAM,GACzB,MAAM,CAER;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAmChB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;;;;EAgCnD;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AAE5D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,aAAa,CAEnE"}