eai-frontend-components 2.0.5 → 2.0.7

package/src/lib/help/theme.ts

@@ -1,346 +0,0 @@
-// Retorna todas as cores do Tailwind CSS das variações 50 a 950
-export function getTailwindColorShades() {
-	// Paleta padrão do Tailwind v3.3.0
-	// Fonte: https://github.com/tailwindlabs/tailwindcss/blob/master/src/public/colors.js
-	return {
-		slate: {
-			50: '#f8fafc',
-			100: '#f1f5f9',
-			200: '#e2e8f0',
-			300: '#cbd5e1',
-			400: '#94a3b8',
-			500: '#64748b',
-			600: '#475569',
-			700: '#334155',
-			800: '#1e293b',
-			900: '#0f172a',
-			950: '#020617',
-		},
-		gray: {
-			50: '#f9fafb',
-			100: '#f3f4f6',
-			200: '#e5e7eb',
-			300: '#d1d5db',
-			400: '#9ca3af',
-			500: '#6b7280',
-			600: '#4b5563',
-			700: '#374151',
-			800: '#1f2937',
-			900: '#111827',
-			950: '#030712',
-		},
-		zinc: {
-			50: '#fafafa',
-			100: '#f4f4f5',
-			200: '#e4e4e7',
-			300: '#d4d4d8',
-			400: '#a1a1aa',
-			500: '#71717a',
-			600: '#52525b',
-			700: '#3f3f46',
-			800: '#27272a',
-			900: '#18181b',
-			950: '#09090b',
-		},
-		neutral: {
-			50: '#fafafa',
-			100: '#f5f5f5',
-			200: '#e5e5e5',
-			300: '#d4d4d4',
-			400: '#a3a3a3',
-			500: '#737373',
-			600: '#525252',
-			700: '#404040',
-			800: '#262626',
-			900: '#171717',
-			950: '#0a0a0a',
-		},
-		stone: {
-			50: '#fafaf9',
-			100: '#f5f5f4',
-			200: '#e7e5e4',
-			300: '#d6d3d1',
-			400: '#a8a29e',
-			500: '#78716c',
-			600: '#57534e',
-			700: '#44403c',
-			800: '#292524',
-			900: '#1c1917',
-			950: '#0c0a09',
-		},
-		red: {
-			50: '#fef2f2',
-			100: '#fee2e2',
-			200: '#fecaca',
-			300: '#fca5a5',
-			400: '#f87171',
-			500: '#ef4444',
-			600: '#dc2626',
-			700: '#b91c1c',
-			800: '#991b1b',
-			900: '#7f1d1d',
-			950: '#450a0a',
-		},
-		orange: {
-			50: '#fff7ed',
-			100: '#ffedd5',
-			200: '#fed7aa',
-			300: '#fdba74',
-			400: '#fb923c',
-			500: '#f97316',
-			600: '#ea580c',
-			700: '#c2410c',
-			800: '#9a3412',
-			900: '#7c2d12',
-			950: '#431407',
-		},
-		amber: {
-			50: '#fffbeb',
-			100: '#fef3c7',
-			200: '#fde68a',
-			300: '#fcd34d',
-			400: '#fbbf24',
-			500: '#f59e42',
-			600: '#d97706',
-			700: '#b45309',
-			800: '#92400e',
-			900: '#78350f',
-			950: '#451a03',
-		},
-		yellow: {
-			50: '#fefce8',
-			100: '#fef9c3',
-			200: '#fef08a',
-			300: '#fde047',
-			400: '#facc15',
-			500: '#eab308',
-			600: '#ca8a04',
-			700: '#a16207',
-			800: '#854d0e',
-			900: '#713f12',
-			950: '#422006',
-		},
-		lime: {
-			50: '#f7fee7',
-			100: '#ecfccb',
-			200: '#d9f99d',
-			300: '#bef264',
-			400: '#a3e635',
-			500: '#84cc16',
-			600: '#65a30d',
-			700: '#4d7c0f',
-			800: '#3f6212',
-			900: '#365314',
-			950: '#1a2e05',
-		},
-		green: {
-			50: '#f0fdf4',
-			100: '#dcfce7',
-			200: '#bbf7d0',
-			300: '#86efac',
-			400: '#4ade80',
-			500: '#22c55e',
-			600: '#16a34a',
-			700: '#15803d',
-			800: '#166534',
-			900: '#14532d',
-			950: '#052e16',
-		},
-		emerald: {
-			50: '#ecfdf5',
-			100: '#d1fae5',
-			200: '#a7f3d0',
-			300: '#6ee7b7',
-			400: '#34d399',
-			500: '#10b981',
-			600: '#059669',
-			700: '#047857',
-			800: '#065f46',
-			900: '#064e3b',
-			950: '#022c22',
-		},
-		teal: {
-			50: '#f0fdfa',
-			100: '#ccfbf1',
-			200: '#99f6e4',
-			300: '#5eead4',
-			400: '#2dd4bf',
-			500: '#14b8a6',
-			600: '#0d9488',
-			700: '#0f766e',
-			800: '#115e59',
-			900: '#134e4a',
-			950: '#042f2e',
-		},
-		cyan: {
-			50: '#ecfeff',
-			100: '#cffafe',
-			200: '#a5f3fc',
-			300: '#67e8f9',
-			400: '#22d3ee',
-			500: '#06b6d4',
-			600: '#0891b2',
-			700: '#0e7490',
-			800: '#155e75',
-			900: '#164e63',
-			950: '#083344',
-		},
-		sky: {
-			50: '#f0f9ff',
-			100: '#e0f2fe',
-			200: '#bae6fd',
-			300: '#7dd3fc',
-			400: '#38bdf8',
-			500: '#0ea5e9',
-			600: '#0284c7',
-			700: '#0369a1',
-			800: '#075985',
-			900: '#0e3a5e',
-			950: '#082f49',
-		},
-		blue: {
-			50: '#eff6ff',
-			100: '#dbeafe',
-			200: '#bfdbfe',
-			300: '#93c5fd',
-			400: '#60a5fa',
-			500: '#3b82f6',
-			600: '#2563eb',
-			700: '#1d4ed8',
-			800: '#1e40af',
-			900: '#1e3a8a',
-			950: '#172554',
-		},
-		indigo: {
-			50: '#eef2ff',
-			100: '#e0e7ff',
-			200: '#c7d2fe',
-			300: '#a5b4fc',
-			400: '#818cf8',
-			500: '#6366f1',
-			600: '#4f46e5',
-			700: '#4338ca',
-			800: '#3730a3',
-			900: '#312e81',
-			950: '#1e1b4b',
-		},
-		violet: {
-			50: '#f5f3ff',
-			100: '#ede9fe',
-			200: '#ddd6fe',
-			300: '#c4b5fd',
-			400: '#a78bfa',
-			500: '#8b5cf6',
-			600: '#7c3aed',
-			700: '#6d28d9',
-			800: '#5b21b6',
-			900: '#4c1d95',
-			950: '#2e1065',
-		},
-		purple: {
-			50: '#faf5ff',
-			100: '#f3e8ff',
-			200: '#e9d5ff',
-			300: '#d8b4fe',
-			400: '#c084fc',
-			500: '#a855f7',
-			600: '#9333ea',
-			700: '#7e22ce',
-			800: '#6d19a8',
-			900: '#581c87',
-			950: '#3b0764',
-		},
-		fuchsia: {
-			50: '#fdf4ff',
-			100: '#fae8ff',
-			200: '#f5d0fe',
-			300: '#f0abfc',
-			400: '#e879f9',
-			500: '#d946ef',
-			600: '#c026d3',
-			700: '#a21caf',
-			800: '#86198f',
-			900: '#701a75',
-			950: '#4a044e',
-		},
-		pink: {
-			50: '#fdf2f8',
-			100: '#fce7f3',
-			200: '#fbcfe8',
-			300: '#f9a8d4',
-			400: '#f472b6',
-			500: '#ec4899',
-			600: '#db2777',
-			700: '#be185d',
-			800: '#9d174d',
-			900: '#831843',
-			950: '#500724',
-		},
-		rose: {
-			50: '#fff1f2',
-			100: '#ffe4e6',
-			200: '#fecdd3',
-			300: '#fda4af',
-			400: '#fb7185',
-			500: '#f43f5e',
-			600: '#e11d48',
-			700: '#be123c',
-			800: '#9f1239',
-			900: '#881337',
-			950: '#4c0519',
-		},
-	};
-}
-
-export type TailwindColorName = keyof ReturnType<typeof getTailwindColorShades>;
-
-export const replaceThemeTailwindColors = (theme: string, tailwindColor: string): HTMLStyleElement => {
-	const colorShades = getTailwindColorShades();
-	const isValidColor = (color: string): color is TailwindColorName => color in colorShades;
-	const colorPallete = isValidColor(tailwindColor) ? colorShades[tailwindColor] : colorShades.violet;
-
-	const el = document.createElement('style');
-	el.id = 'theme-variables';
-	el.setAttribute('type', 'text/css');
-	el.textContent = ':root {';
-
-	if (theme === 'light') {
-		el.textContent += `--sidebar-background: ${colorPallete[50]};\n`;
-		el.textContent += `--sidebar-accent: ${colorPallete[200]};\n`;
-		el.textContent += `--sidebar-ring: ${colorPallete[300]};\n`;
-		el.textContent += `--sidebar-border: ${colorPallete[100]};\n`;
-		el.textContent += `--sidebar-scrollbar-thumb: ${colorPallete[200]};\n`;
-	}
-	if (theme === 'light' || theme === 'dark-side') {
-		el.textContent += `--background-elevated: ${colorPallete[200]};\n`;
-		el.textContent += `--background-primary-hover: ${colorPallete[100]};\n`;
-		el.textContent += `--background-subtle: ${colorPallete[50]};\n`;
-		el.textContent += `--accent: ${colorPallete[200]};\n`;
-		el.textContent += `--datatable-background: ${colorPallete[50]};\n`;
-		el.textContent += `--datatable-accent: ${colorPallete[50]};\n`;
-		el.textContent += `--scrollbar-thumb: ${colorPallete[200]};\n`;
-	}
-	if (theme === 'dark-side' || theme === 'dark') {
-		// Verificar essa propriedade
-		el.textContent += `--sidebar-accent: ${colorPallete[950]};\n`;
-	}
-	el.textContent += `--background-primary: ${colorPallete[900]};\n`;
-	el.textContent += `--background-primary-hover: ${colorPallete[950]};\n`;
-	el.textContent += `--primary: ${colorPallete[900]};\n`;
-	el.textContent += `--primary-950: ${colorPallete[950]};\n`;
-	el.textContent += `--primary-900: ${colorPallete[900]};\n`;
-	el.textContent += `--primary-800: ${colorPallete[800]};\n`;
-	el.textContent += `--primary-700: ${colorPallete[700]};\n`;
-	el.textContent += `--primary-600: ${colorPallete[600]};\n`;
-	el.textContent += `--primary-500: ${colorPallete[500]};\n`;
-	el.textContent += `--primary-400: ${colorPallete[400]};\n`;
-	el.textContent += `--primary-300: ${colorPallete[300]};\n`;
-	el.textContent += `--primary-200: ${colorPallete[200]};\n`;
-	el.textContent += `--primary-100: ${colorPallete[100]};\n`;
-	el.textContent += `--primary-50: ${colorPallete[50]};\n`;
-	el.textContent += `--chart-primary: ${colorPallete[800]};\n`;
-	el.textContent += `--chart-secondary: ${colorPallete[200]};\n`;
-	el.textContent += '}';
-
-	return el;
-};

package/src/lib/help/uuid.ts

@@ -1,4 +0,0 @@
-export function isUUIDv4(str: string): boolean {
-	const uuidV4Regex = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-	return uuidV4Regex.test(str);
-}

package/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-	return twMerge(clsx(inputs));
-}

package/src/styles/globals.css

@@ -1,59 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
-    --secondary: 210 40% 96%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-    --muted: 210 40% 96%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    --accent: 210 40% 96%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}