@campxdev/react-native-blueprint 0.1.2 → 0.1.4

package/src/global.css

@@ -0,0 +1,417 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  /* === 1. SURFACES === */
+  --background: 210 17% 97%;  /* #F7F8FA */
+  --card: 0 0% 100%;  /* #FFFFFF */
+  --popover: 0 0% 100%;  /* #FFFFFF */
+  --muted: 0 0% 100%;  /* #FFFFFF - Same as card for consistency */
+
+  /* === 2. TEXT === */
+  --foreground: 0 0% 7%;  /* #121212 */
+  --card-foreground: 0 0% 7%;  /* #121212 */
+  --popover-foreground: 0 0% 7%;  /* #121212 */
+  --muted-foreground: 0 0% 7% / 0.7;  /* #121212 at 70% opacity */
+
+  /* === 3. PRIMARY (Main buttons, CTAs) === */
+  --primary: 200 13% 11%;  /* #161A1D - Near black */
+  --primary-foreground: 0 0% 100%;  /* #FFFFFF */
+
+  /* === 4. SECONDARY (Secondary buttons) === */
+  --secondary: 218 14% 53%;  /* #64748B */
+  --secondary-foreground: 0 0% 100%;  /* #FFFFFF */
+
+  /* === 5. TERTIARY/ACCENT (Highlights, selections) === */
+  --accent: 356 76% 57%;  /* #E43341 - Crimson */
+  --accent-foreground: 0 0% 100%;  /* #FFFFFF */
+
+  /* === 6. BORDERS === */
+  --border: 214 32% 84%;  /* #CBD5E1 */
+  --input: 214 32% 84%;  /* #CBD5E1 */
+  --ring: 200 13% 11%;  /* #161A1D - Same as primary */
+
+  /* === 7. HIGHLIGHTS === */
+  --destructive: 356 87% 57%;  /* #F2353C - Red */
+  --destructive-foreground: 0 0% 100%;
+  --success: 88 37% 52%;  /* #88B053 - Green */
+  --info: 189 45% 51%;  /* #4BAABE - Blue */
+  --warning: 28 81% 57%;  /* #ED9035 - Orange */
+
+  /* === 8. BRAND COLORS (Custom - use manually) === */
+  --brand-1: 252 97% 25%;  /* #1E027F - Deep violet */
+  --brand-2: 356 76% 57%;  /* #E43341 - Crimson */
+  --brand-3: 304 69% 33%;  /* #931C88 - Magenta */
+
+  /* === CHART COLORS === */
+  --chart-1: 88 37% 52%;  /* #88B053 - Green */
+  --chart-2: 189 45% 51%;  /* #4BAABE - Blue */
+  --chart-3: 28 81% 57%;  /* #ED9035 - Orange */
+  --chart-4: 254 46% 42%;  /* #573DAB - Purple */
+  --chart-5: 348 78% 60%;  /* #EA4A6B - Pink */
+
+  /* === SIDEBAR === */
+  --sidebar: 0 0% 100%;  /* #FFFFFF */
+  --sidebar-foreground: 0 0% 7%;  /* #121212 */
+  --sidebar-primary: 214 14% 64%;  /* #94A3B8 */
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 356 76% 57%;  /* #E43341 */
+  --sidebar-accent-foreground: 0 0% 100%;
+  --sidebar-border: 214 32% 84%;  /* #CBD5E1 */
+  --sidebar-ring: 214 14% 64%;  /* #94A3B8 */
+
+  /* === FONTS === */
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+
+  /* === PRIMITIVE SPACING TOKENS (From Figma) === */
+  /* These are your base spacing values - rarely changed directly */
+  --space-0: 0px;    /* S0 */
+  --space-1: 2px;    /* S1 */
+  --space-2: 4px;    /* S2 */
+  --space-3: 8px;    /* S3 */
+  --space-4: 12px;   /* S4 */
+  --space-5: 16px;   /* S5 */
+  --space-6: 20px;   /* S6 */
+  --space-7: 24px;   /* S7 */
+  --space-8: 32px;   /* S8 */
+  --space-9: 48px;   /* S9 */
+  --space-10: 52px;  /* S10 */
+
+  /* === SEMANTIC SPACING TOKENS === */
+  /* These reference primitives and are what components actually use */
+  /* Change these to globally update spacing across all components */
+  --spacing-none: var(--space-0);
+  --spacing-xs: var(--space-2);      /* Tight spacing - small gaps */
+  --spacing-sm: var(--space-3);      /* Small spacing - compact layouts */
+  --spacing-md: var(--space-5);      /* Medium spacing - default gaps */
+  --spacing-lg: var(--space-7);      /* Large spacing - breathing room */
+  --spacing-xl: var(--space-8);      /* Extra large - section spacing */
+  --spacing-2xl: var(--space-9);     /* 2X large - major sections */
+
+  /* Component-specific spacing (can be changed independently) */
+  --spacing-button-x: var(--space-5);    /* Button horizontal padding */
+  --spacing-button-y: var(--space-4);    /* Button vertical padding */
+  --spacing-card: var(--space-5);        /* Card padding */
+  --spacing-input-x: var(--space-4);     /* Input horizontal padding */
+  --spacing-input-y: var(--space-3);     /* Input vertical padding */
+
+  /* === PRIMITIVE RADIUS TOKENS (From Your Design System) === */
+  /* Your exact radius values: 0, 2, 4, 8, 12, 20, 24, 32, 48 */
+  --radius-0: 0px;    /* R0 */
+  --radius-1: 2px;    /* R1 */
+  --radius-2: 4px;    /* R2 */
+  --radius-3: 8px;    /* R3 */
+  --radius-4: 12px;   /* R4 */
+  --radius-5: 20px;   /* R5 */
+  --radius-6: 24px;   /* R6 */
+  --radius-7: 32px;   /* R7 */
+  --radius-8: 48px;   /* R8 */
+
+  /* === SEMANTIC RADIUS TOKENS === */
+  /* Pre-defined names for convenience - you can use primitives directly in components */
+  --radius-none: var(--radius-0);    /* 0px */
+  --radius-sm: var(--radius-2);      /* 4px */
+  --radius-md: var(--radius-4);      /* 12px */
+  --radius-lg: var(--radius-5);      /* 20px */
+  --radius-xl: var(--radius-6);      /* 24px */
+  --radius-2xl: var(--radius-7);     /* 32px */
+  --radius-full: 9999px;             /* Fully rounded - pills, avatars */
+
+  /* Corner smoothing value (0-1, where 1 = 100% smoothing) */
+  --corner-smoothing: 1.0;  /* 100% Apple-style smoothing for all corners */
+
+  /* === ICON SIZES (From Figma) === */
+  --icon-sm: 16px;   /* WH3 - Small icons */
+  --icon-md: 20px;   /* WH2 - Medium icons */
+  --icon-lg: 24px;   /* WH1 - Large icons */
+
+  /* === SHADOWS === */
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: 0 0% 0%;
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+
+  /* === LEGACY (kept for backwards compatibility) === */
+  --radius: var(--radius-3);  /* Default radius - use semantic tokens instead */
+  --spacing: var(--space-2);  /* Default spacing - use semantic tokens instead */
+  --tracking-normal: 0em;
+}
+
+.dark {
+  /* === 1. SURFACES === */
+  --background: 200 13% 10%;  /* #161A1D */
+  --card: 180 14% 13%;  /* #1D2727 */
+  --popover: 180 14% 13%;  /* #1D2727 */
+  --muted: 180 14% 13%;  /* #1D2727 - Same as card for consistency */
+
+  /* === 2. TEXT === */
+  --foreground: 0 0% 100%;  /* #FFFFFF */
+  --card-foreground: 0 0% 100%;  /* #FFFFFF */
+  --popover-foreground: 0 0% 100%;  /* #FFFFFF */
+  --muted-foreground: 0 0% 100% / 0.7;  /* #FFFFFF at 70% opacity */
+
+  /* === 3. PRIMARY (Main buttons, CTAs) === */
+  --primary: 210 13% 85%;  /* #D0D5D9 - Light grey (softer than white) */
+  --primary-foreground: 200 13% 11%;  /* #161A1D - Dark text */
+
+  /* === 4. SECONDARY (Secondary buttons) === */
+  --secondary: 218 14% 53%;  /* #64748B */
+  --secondary-foreground: 0 0% 100%;  /* #FFFFFF */
+
+  /* === 5. TERTIARY/ACCENT (Highlights, selections) === */
+  --accent: 356 76% 57%;  /* #E43341 - Crimson */
+  --accent-foreground: 0 0% 100%;  /* #FFFFFF */
+
+  /* === 6. BORDERS === */
+  --border: 215 25% 27%;  /* #334155 - Balanced slate-700 */
+  --input: 215 25% 27%;  /* #334155 */
+  --ring: 210 13% 85%;  /* #D0D5D9 - Same as primary */
+
+  /* === 7. HIGHLIGHTS === */
+  --destructive: 356 87% 57%;  /* #F2353C - Red */
+  --destructive-foreground: 0 0% 100%;
+  --success: 88 37% 52%;  /* #88B053 - Green */
+  --info: 189 45% 51%;  /* #4BAABE - Blue */
+  --warning: 28 81% 57%;  /* #ED9035 - Orange */
+
+  /* === 8. BRAND COLORS (Custom - use manually) === */
+  --brand-1: 244 100% 73%;  /* #8075FF - Cool violet */
+  --brand-2: 356 76% 57%;  /* #E43341 - Crimson */
+  --brand-3: 291 46% 61%;  /* #C160D4 - Light magenta */
+
+  /* === CHART COLORS === */
+  --chart-1: 88 37% 52%;  /* #88B053 - Green */
+  --chart-2: 189 45% 51%;  /* #4BAABE - Blue */
+  --chart-3: 28 81% 57%;  /* #ED9035 - Orange */
+  --chart-4: 254 46% 42%;  /* #573DAB - Purple */
+  --chart-5: 348 78% 60%;  /* #EA4A6B - Pink */
+
+  /* === SIDEBAR === */
+  --sidebar: 180 14% 13%;  /* #1D2727 */
+  --sidebar-foreground: 0 0% 100%;  /* #FFFFFF */
+  --sidebar-primary: 214 14% 64%;  /* #94A3B8 */
+  --sidebar-primary-foreground: 200 13% 10%;  /* #161A1D */
+  --sidebar-accent: 356 76% 57%;  /* #E43341 */
+  --sidebar-accent-foreground: 0 0% 100%;
+  --sidebar-border: 215 25% 27%;  /* #334155 */
+  --sidebar-ring: 214 14% 64%;  /* #94A3B8 */
+
+  /* === FONTS === */
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+
+  /* === PRIMITIVE SPACING TOKENS (From Figma) === */
+  /* Spacing values are the same in light and dark mode */
+  --space-0: 0px;    /* S0 */
+  --space-1: 2px;    /* S1 */
+  --space-2: 4px;    /* S2 */
+  --space-3: 8px;    /* S3 */
+  --space-4: 12px;   /* S4 */
+  --space-5: 16px;   /* S5 */
+  --space-6: 20px;   /* S6 */
+  --space-7: 24px;   /* S7 */
+  --space-8: 32px;   /* S8 */
+  --space-9: 48px;   /* S9 */
+  --space-10: 52px;  /* S10 */
+
+  /* === SEMANTIC SPACING TOKENS === */
+  --spacing-none: var(--space-0);
+  --spacing-xs: var(--space-2);
+  --spacing-sm: var(--space-3);
+  --spacing-md: var(--space-5);
+  --spacing-lg: var(--space-7);
+  --spacing-xl: var(--space-8);
+  --spacing-2xl: var(--space-9);
+
+  /* Component-specific spacing */
+  --spacing-button-x: var(--space-5);
+  --spacing-button-y: var(--space-4);
+  --spacing-card: var(--space-5);
+  --spacing-input-x: var(--space-4);
+  --spacing-input-y: var(--space-3);
+
+  /* === PRIMITIVE RADIUS TOKENS (From Your Design System) === */
+  /* Radius values are the same in light and dark mode */
+  --radius-0: 0px;    /* R0 */
+  --radius-1: 2px;    /* R1 */
+  --radius-2: 4px;    /* R2 */
+  --radius-3: 8px;    /* R3 */
+  --radius-4: 12px;   /* R4 */
+  --radius-5: 20px;   /* R5 */
+  --radius-6: 24px;   /* R6 */
+  --radius-7: 32px;   /* R7 */
+  --radius-8: 48px;   /* R8 */
+
+  /* === SEMANTIC RADIUS TOKENS === */
+  --radius-none: var(--radius-0);    /* 0px */
+  --radius-sm: var(--radius-2);      /* 4px */
+  --radius-md: var(--radius-4);      /* 12px */
+  --radius-lg: var(--radius-5);      /* 20px */
+  --radius-xl: var(--radius-6);      /* 24px */
+  --radius-2xl: var(--radius-7);     /* 32px */
+  --radius-full: 9999px;             /* Fully rounded */
+
+  /* Corner smoothing value */
+  --corner-smoothing: 1.0;  /* 100% smoothing */
+
+  /* === ICON SIZES (From Figma) === */
+  --icon-sm: 16px;   /* WH3 */
+  --icon-md: 20px;   /* WH2 */
+  --icon-lg: 24px;   /* WH1 */
+
+  /* === SHADOWS === */
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: 0 0% 0%;
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+
+  /* === LEGACY (kept for backwards compatibility) === */
+  --radius: var(--radius-3);
+  --spacing: var(--space-2);
+  --tracking-normal: 0em;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  /* Brand colors */
+  --color-brand-1: var(--brand-1);
+  --color-brand-2: var(--brand-2);
+  --color-brand-3: var(--brand-3);
+
+  /* Highlight colors */
+  --color-success: var(--success);
+  --color-info: var(--info);
+  --color-warning: var(--warning);
+
+  /* Chart colors */
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+
+  /* Sidebar colors */
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+  --font-serif: var(--font-serif);
+
+  /* Primitive spacing tokens (S0-S10 from Figma) */
+  --space-0: var(--space-0);
+  --space-1: var(--space-1);
+  --space-2: var(--space-2);
+  --space-3: var(--space-3);
+  --space-4: var(--space-4);
+  --space-5: var(--space-5);
+  --space-6: var(--space-6);
+  --space-7: var(--space-7);
+  --space-8: var(--space-8);
+  --space-9: var(--space-9);
+  --space-10: var(--space-10);
+
+  /* Semantic spacing tokens */
+  --spacing-none: var(--spacing-none);
+  --spacing-xs: var(--spacing-xs);
+  --spacing-sm: var(--spacing-sm);
+  --spacing-md: var(--spacing-md);
+  --spacing-lg: var(--spacing-lg);
+  --spacing-xl: var(--spacing-xl);
+  --spacing-2xl: var(--spacing-2xl);
+
+  /* Component-specific spacing */
+  --spacing-button-x: var(--spacing-button-x);
+  --spacing-button-y: var(--spacing-button-y);
+  --spacing-card: var(--spacing-card);
+  --spacing-input-x: var(--spacing-input-x);
+  --spacing-input-y: var(--spacing-input-y);
+
+  /* Primitive radius tokens (R0-R8) */
+  --radius-0: var(--radius-0);
+  --radius-1: var(--radius-1);
+  --radius-2: var(--radius-2);
+  --radius-3: var(--radius-3);
+  --radius-4: var(--radius-4);
+  --radius-5: var(--radius-5);
+  --radius-6: var(--radius-6);
+  --radius-7: var(--radius-7);
+  --radius-8: var(--radius-8);
+
+  /* Semantic radius tokens */
+  --radius-none: var(--radius-none);
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: var(--radius-xl);
+  --radius-2xl: var(--radius-2xl);
+  --radius-full: var(--radius-full);
+
+
+  /* Corner smoothing */
+  --corner-smoothing: var(--corner-smoothing);
+
+  /* Icon sizes */
+  --icon-sm: var(--icon-sm);
+  --icon-md: var(--icon-md);
+  --icon-lg: var(--icon-lg);
+
+  /* Shadows */
+  --shadow-2xs: var(--shadow-2xs);
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow: var(--shadow);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+  --shadow-2xl: var(--shadow-2xl);
+}

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

@@ -1,8 +0,0 @@
-import '../../global.css';
-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/src/app/_layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_layout.d.ts","sourceRoot":"","sources":["../../../../src/app/_layout.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAM1B,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/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/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"}