erp-pro-ui 0.1.1 → 0.1.2

package/dist/chunks/color-palette-Cz7vqbil.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-palette-Cz7vqbil.cjs","names":[],"sources":["../../src/components/data-display/color-palette/ColorPalette.tsx"],"sourcesContent":["export interface ColorSwatch {\n  name: string;\n  value: string;\n  textColor?: \"light\" | \"dark\";\n}\n\nexport interface ColorGroup {\n  name: string;\n  colors: ColorSwatch[];\n}\n\nexport interface ColorPaletteProps {\n  groups?: ColorGroup[];\n  theme?: \"light\" | \"dark\" | \"all\";\n  showGradients?: boolean;\n  showUsageExamples?: boolean;\n  className?: string;\n}\n\n// ============================================================================\n// LIGHT THEME COLORS\n// ============================================================================\nconst lightThemeGroups: ColorGroup[] = [\n  {\n    name: \"Primary\",\n    colors: [\n      { name: \"primary-50\", value: \"#f5f4fe\", textColor: \"dark\" },\n      { name: \"primary-100\", value: \"#ebe9fd\", textColor: \"dark\" },\n      { name: \"primary-200\", value: \"#dad6fb\", textColor: \"dark\" },\n      { name: \"primary-300\", value: \"#bfb8f8\", textColor: \"dark\" },\n      { name: \"primary-400\", value: \"#9d91f3\", textColor: \"dark\" },\n      { name: \"primary-500\", value: \"#7367f0\", textColor: \"light\" },\n      { name: \"primary-600\", value: \"#5a4de6\", textColor: \"light\" },\n      { name: \"primary-700\", value: \"#4a3dd2\", textColor: \"light\" },\n      { name: \"primary-800\", value: \"#3e33af\", textColor: \"light\" },\n      { name: \"primary-900\", value: \"#352d8e\", textColor: \"light\" },\n      { name: \"primary-950\", value: \"#201b54\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Secondary\",\n    colors: [\n      { name: \"secondary-50\", value: \"#f8fafc\", textColor: \"dark\" },\n      { name: \"secondary-100\", value: \"#f1f5f9\", textColor: \"dark\" },\n      { name: \"secondary-200\", value: \"#e2e8f0\", textColor: \"dark\" },\n      { name: \"secondary-300\", value: \"#cbd5e1\", textColor: \"dark\" },\n      { name: \"secondary-400\", value: \"#94a3b8\", textColor: \"dark\" },\n      { name: \"secondary-500\", value: \"#64748b\", textColor: \"light\" },\n      { name: \"secondary-600\", value: \"#475569\", textColor: \"light\" },\n      { name: \"secondary-700\", value: \"#334155\", textColor: \"light\" },\n      { name: \"secondary-800\", value: \"#1e293b\", textColor: \"light\" },\n      { name: \"secondary-900\", value: \"#0f172a\", textColor: \"light\" },\n      { name: \"secondary-950\", value: \"#020617\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Success\",\n    colors: [\n      { name: \"success-50\", value: \"#f0fdf4\", textColor: \"dark\" },\n      { name: \"success-100\", value: \"#dcfce7\", textColor: \"dark\" },\n      { name: \"success-200\", value: \"#bbf7d0\", textColor: \"dark\" },\n      { name: \"success-300\", value: \"#86efac\", textColor: \"dark\" },\n      { name: \"success-400\", value: \"#4ade80\", textColor: \"dark\" },\n      { name: \"success-500\", value: \"#22c55e\", textColor: \"light\" },\n      { name: \"success-600\", value: \"#16a34a\", textColor: \"light\" },\n      { name: \"success-700\", value: \"#15803d\", textColor: \"light\" },\n      { name: \"success-800\", value: \"#166534\", textColor: \"light\" },\n      { name: \"success-900\", value: \"#14532d\", textColor: \"light\" },\n      { name: \"success-950\", value: \"#052e16\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Warning\",\n    colors: [\n      { name: \"warning-50\", value: \"#fffbeb\", textColor: \"dark\" },\n      { name: \"warning-100\", value: \"#fef3c7\", textColor: \"dark\" },\n      { name: \"warning-200\", value: \"#fde68a\", textColor: \"dark\" },\n      { name: \"warning-300\", value: \"#fcd34d\", textColor: \"dark\" },\n      { name: \"warning-400\", value: \"#fbbf24\", textColor: \"dark\" },\n      { name: \"warning-500\", value: \"#f59e0b\", textColor: \"dark\" },\n      { name: \"warning-600\", value: \"#d97706\", textColor: \"light\" },\n      { name: \"warning-700\", value: \"#b45309\", textColor: \"light\" },\n      { name: \"warning-800\", value: \"#92400e\", textColor: \"light\" },\n      { name: \"warning-900\", value: \"#78350f\", textColor: \"light\" },\n      { name: \"warning-950\", value: \"#451a03\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Error / Destructive\",\n    colors: [\n      { name: \"error-50\", value: \"#fef2f2\", textColor: \"dark\" },\n      { name: \"error-100\", value: \"#fee2e2\", textColor: \"dark\" },\n      { name: \"error-200\", value: \"#fecaca\", textColor: \"dark\" },\n      { name: \"error-300\", value: \"#fca5a5\", textColor: \"dark\" },\n      { name: \"error-400\", value: \"#f87171\", textColor: \"dark\" },\n      { name: \"error-500\", value: \"#ef4444\", textColor: \"light\" },\n      { name: \"error-600\", value: \"#dc2626\", textColor: \"light\" },\n      { name: \"error-700\", value: \"#b91c1c\", textColor: \"light\" },\n      { name: \"error-800\", value: \"#991b1b\", textColor: \"light\" },\n      { name: \"error-900\", value: \"#7f1d1d\", textColor: \"light\" },\n      { name: \"error-950\", value: \"#450a0a\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Info\",\n    colors: [\n      { name: \"info-50\", value: \"#eff6ff\", textColor: \"dark\" },\n      { name: \"info-100\", value: \"#dbeafe\", textColor: \"dark\" },\n      { name: \"info-200\", value: \"#bfdbfe\", textColor: \"dark\" },\n      { name: \"info-300\", value: \"#93c5fd\", textColor: \"dark\" },\n      { name: \"info-400\", value: \"#60a5fa\", textColor: \"dark\" },\n      { name: \"info-500\", value: \"#3b82f6\", textColor: \"light\" },\n      { name: \"info-600\", value: \"#2563eb\", textColor: \"light\" },\n      { name: \"info-700\", value: \"#1d4ed8\", textColor: \"light\" },\n      { name: \"info-800\", value: \"#1e40af\", textColor: \"light\" },\n      { name: \"info-900\", value: \"#1e3a8a\", textColor: \"light\" },\n      { name: \"info-950\", value: \"#172554\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Gray / Neutral\",\n    colors: [\n      { name: \"gray-50\", value: \"#fafafa\", textColor: \"dark\" },\n      { name: \"gray-100\", value: \"#f4f4f5\", textColor: \"dark\" },\n      { name: \"gray-200\", value: \"#e4e4e7\", textColor: \"dark\" },\n      { name: \"gray-300\", value: \"#d4d4d8\", textColor: \"dark\" },\n      { name: \"gray-400\", value: \"#a1a1aa\", textColor: \"dark\" },\n      { name: \"gray-500\", value: \"#71717a\", textColor: \"light\" },\n      { name: \"gray-600\", value: \"#52525b\", textColor: \"light\" },\n      { name: \"gray-700\", value: \"#3f3f46\", textColor: \"light\" },\n      { name: \"gray-800\", value: \"#27272a\", textColor: \"light\" },\n      { name: \"gray-900\", value: \"#18181b\", textColor: \"light\" },\n      { name: \"gray-950\", value: \"#09090b\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Background (Light Theme)\",\n    colors: [\n      { name: \"background\", value: \"#ffffff\", textColor: \"dark\" },\n      { name: \"background-subtle\", value: \"#f8fafc\", textColor: \"dark\" },\n      { name: \"background-muted\", value: \"#f1f5f9\", textColor: \"dark\" },\n      { name: \"surface\", value: \"#ffffff\", textColor: \"dark\" },\n      { name: \"surface-raised\", value: \"#f8fafc\", textColor: \"dark\" },\n      { name: \"card\", value: \"#ffffff\", textColor: \"dark\" },\n      { name: \"popover\", value: \"#ffffff\", textColor: \"dark\" },\n    ],\n  },\n  {\n    name: \"Text (Light Theme)\",\n    colors: [\n      { name: \"text-primary\", value: \"#0f172a\", textColor: \"light\" },\n      { name: \"text-secondary\", value: \"#475569\", textColor: \"light\" },\n      { name: \"text-muted\", value: \"#64748b\", textColor: \"light\" },\n      { name: \"text-disabled\", value: \"#94a3b8\", textColor: \"dark\" },\n      { name: \"text-placeholder\", value: \"#a1a1aa\", textColor: \"dark\" },\n      { name: \"text-inverse\", value: \"#ffffff\", textColor: \"dark\" },\n    ],\n  },\n  {\n    name: \"Border (Light Theme)\",\n    colors: [\n      { name: \"border\", value: \"#e2e8f0\", textColor: \"dark\" },\n      { name: \"border-muted\", value: \"#f1f5f9\", textColor: \"dark\" },\n      { name: \"border-strong\", value: \"#cbd5e1\", textColor: \"dark\" },\n      { name: \"ring\", value: \"#7367f0\", textColor: \"light\" },\n      { name: \"input\", value: \"#e2e8f0\", textColor: \"dark\" },\n    ],\n  },\n];\n\n// ============================================================================\n// DARK THEME COLORS\n// ============================================================================\nconst darkThemeGroups: ColorGroup[] = [\n  {\n    name: \"Primary (Dark)\",\n    colors: [\n      { name: \"primary-50\", value: \"#201b54\", textColor: \"light\" },\n      { name: \"primary-100\", value: \"#352d8e\", textColor: \"light\" },\n      { name: \"primary-200\", value: \"#3e33af\", textColor: \"light\" },\n      { name: \"primary-300\", value: \"#4a3dd2\", textColor: \"light\" },\n      { name: \"primary-400\", value: \"#5a4de6\", textColor: \"light\" },\n      { name: \"primary-500\", value: \"#7367f0\", textColor: \"light\" },\n      { name: \"primary-600\", value: \"#9d91f3\", textColor: \"dark\" },\n      { name: \"primary-700\", value: \"#bfb8f8\", textColor: \"dark\" },\n      { name: \"primary-800\", value: \"#dad6fb\", textColor: \"dark\" },\n      { name: \"primary-900\", value: \"#ebe9fd\", textColor: \"dark\" },\n      { name: \"primary-950\", value: \"#f5f4fe\", textColor: \"dark\" },\n    ],\n  },\n  {\n    name: \"Secondary (Dark)\",\n    colors: [\n      { name: \"secondary-50\", value: \"#020617\", textColor: \"light\" },\n      { name: \"secondary-100\", value: \"#0f172a\", textColor: \"light\" },\n      { name: \"secondary-200\", value: \"#1e293b\", textColor: \"light\" },\n      { name: \"secondary-300\", value: \"#334155\", textColor: \"light\" },\n      { name: \"secondary-400\", value: \"#475569\", textColor: \"light\" },\n      { name: \"secondary-500\", value: \"#64748b\", textColor: \"light\" },\n      { name: \"secondary-600\", value: \"#94a3b8\", textColor: \"dark\" },\n      { name: \"secondary-700\", value: \"#cbd5e1\", textColor: \"dark\" },\n      { name: \"secondary-800\", value: \"#e2e8f0\", textColor: \"dark\" },\n      { name: \"secondary-900\", value: \"#f1f5f9\", textColor: \"dark\" },\n      { name: \"secondary-950\", value: \"#f8fafc\", textColor: \"dark\" },\n    ],\n  },\n  {\n    name: \"Background (Dark Theme)\",\n    colors: [\n      { name: \"background\", value: \"#09090b\", textColor: \"light\" },\n      { name: \"background-subtle\", value: \"#18181b\", textColor: \"light\" },\n      { name: \"background-muted\", value: \"#27272a\", textColor: \"light\" },\n      { name: \"surface\", value: \"#18181b\", textColor: \"light\" },\n      { name: \"surface-raised\", value: \"#27272a\", textColor: \"light\" },\n      { name: \"card\", value: \"#18181b\", textColor: \"light\" },\n      { name: \"popover\", value: \"#27272a\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Text (Dark Theme)\",\n    colors: [\n      { name: \"text-primary\", value: \"#fafafa\", textColor: \"dark\" },\n      { name: \"text-secondary\", value: \"#a1a1aa\", textColor: \"dark\" },\n      { name: \"text-muted\", value: \"#71717a\", textColor: \"light\" },\n      { name: \"text-disabled\", value: \"#52525b\", textColor: \"light\" },\n      { name: \"text-placeholder\", value: \"#71717a\", textColor: \"light\" },\n      { name: \"text-inverse\", value: \"#09090b\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Border (Dark Theme)\",\n    colors: [\n      { name: \"border\", value: \"#27272a\", textColor: \"light\" },\n      { name: \"border-muted\", value: \"#18181b\", textColor: \"light\" },\n      { name: \"border-strong\", value: \"#3f3f46\", textColor: \"light\" },\n      { name: \"ring\", value: \"#7367f0\", textColor: \"light\" },\n      { name: \"input\", value: \"#27272a\", textColor: \"light\" },\n    ],\n  },\n];\n\n// ============================================================================\n// GRADIENTS\n// ============================================================================\nconst gradientGroups: ColorGroup[] = [\n  {\n    name: \"Primary Gradients\",\n    colors: [\n      { name: \"primary-gradient-start\", value: \"#7367f0\", textColor: \"light\" },\n      { name: \"primary-gradient-end\", value: \"#9d91f3\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Accent Gradients\",\n    colors: [\n      { name: \"accent-gradient-start\", value: \"#7367f0\", textColor: \"light\" },\n      { name: \"accent-gradient-end\", value: \"#3b82f6\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Success Gradients\",\n    colors: [\n      { name: \"success-gradient-start\", value: \"#22c55e\", textColor: \"light\" },\n      { name: \"success-gradient-end\", value: \"#16a34a\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Warning Gradients\",\n    colors: [\n      { name: \"warning-gradient-start\", value: \"#f59e0b\", textColor: \"dark\" },\n      { name: \"warning-gradient-end\", value: \"#d97706\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Error Gradients\",\n    colors: [\n      { name: \"error-gradient-start\", value: \"#ef4444\", textColor: \"light\" },\n      { name: \"error-gradient-end\", value: \"#dc2626\", textColor: \"light\" },\n    ],\n  },\n  {\n    name: \"Glass / Opacity\",\n    colors: [\n      {\n        name: \"glass-white-90\",\n        value: \"rgba(255,255,255,0.9)\",\n        textColor: \"dark\",\n      },\n      {\n        name: \"glass-white-70\",\n        value: \"rgba(255,255,255,0.7)\",\n        textColor: \"dark\",\n      },\n      {\n        name: \"glass-white-50\",\n        value: \"rgba(255,255,255,0.5)\",\n        textColor: \"dark\",\n      },\n      {\n        name: \"glass-white-20\",\n        value: \"rgba(255,255,255,0.2)\",\n        textColor: \"dark\",\n      },\n      {\n        name: \"glass-white-10\",\n        value: \"rgba(255,255,255,0.1)\",\n        textColor: \"dark\",\n      },\n      { name: \"glass-black-90\", value: \"rgba(0,0,0,0.9)\", textColor: \"light\" },\n      { name: \"glass-black-70\", value: \"rgba(0,0,0,0.7)\", textColor: \"light\" },\n      { name: \"glass-black-50\", value: \"rgba(0,0,0,0.5)\", textColor: \"light\" },\n      { name: \"glass-black-20\", value: \"rgba(0,0,0,0.2)\", textColor: \"light\" },\n      { name: \"glass-black-10\", value: \"rgba(0,0,0,0.1)\", textColor: \"light\" },\n    ],\n  },\n];\n\n// Default groups (backwards compatibility)\nconst defaultGroups: ColorGroup[] = lightThemeGroups;\n\nfunction ColorSwatchItem({ color }: { color: ColorSwatch }) {\n  const copyToClipboard = () => {\n    navigator.clipboard.writeText(color.value);\n  };\n\n  return (\n    <div\n      className=\"flex flex-col items-center gap-2 cursor-pointer transition-transform hover:scale-105\"\n      onClick={copyToClipboard}\n      title=\"Click to copy\"\n    >\n      <div\n        className=\"w-20 h-20 rounded-lg shadow-md border border-neutral-200 dark:border-neutral-700 flex items-center justify-center text-xs font-mono\"\n        style={{ backgroundColor: color.value }}\n      >\n        <span\n          className={\n            color.textColor === \"light\" ? \"text-white\" : \"text-neutral-900\"\n          }\n        >\n          {color.value.length <= 9 ? color.value.toUpperCase() : \"RGBA\"}\n        </span>\n      </div>\n      <span className=\"text-xs font-medium text-neutral-700 dark:text-neutral-300 text-center max-w-20\">\n        {color.name}\n      </span>\n    </div>\n  );\n}\n\nfunction GradientPreview() {\n  return (\n    <div className=\"mt-8\">\n      <h3 className=\"text-lg font-semibold text-neutral-900 dark:text-white mb-4\">\n        Gradient Examples\n      </h3>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {/* Primary Gradient */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium\"\n            style={{\n              background: \"linear-gradient(135deg, #7367f0, #9d91f3)\",\n            }}\n          >\n            Primary Gradient\n          </div>\n          <code className=\"text-xs text-neutral-500\">\n            linear-gradient(135deg, #7367f0, #9d91f3)\n          </code>\n        </div>\n\n        {/* Primary to Info */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium\"\n            style={{\n              background: \"linear-gradient(135deg, #7367f0, #3b82f6)\",\n            }}\n          >\n            Primary to Info\n          </div>\n          <code className=\"text-xs text-neutral-500\">\n            linear-gradient(135deg, #7367f0, #3b82f6)\n          </code>\n        </div>\n\n        {/* Success Gradient */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium\"\n            style={{\n              background: \"linear-gradient(135deg, #22c55e, #16a34a)\",\n            }}\n          >\n            Success Gradient\n          </div>\n          <code className=\"text-xs text-neutral-500\">\n            linear-gradient(135deg, #22c55e, #16a34a)\n          </code>\n        </div>\n\n        {/* Warning Gradient */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-neutral-900 font-medium\"\n            style={{\n              background: \"linear-gradient(135deg, #fbbf24, #f59e0b)\",\n            }}\n          >\n            Warning Gradient\n          </div>\n          <code className=\"text-xs text-neutral-500\">\n            linear-gradient(135deg, #fbbf24, #f59e0b)\n          </code>\n        </div>\n\n        {/* Error Gradient */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium\"\n            style={{\n              background: \"linear-gradient(135deg, #ef4444, #dc2626)\",\n            }}\n          >\n            Error Gradient\n          </div>\n          <code className=\"text-xs text-neutral-500\">\n            linear-gradient(135deg, #ef4444, #dc2626)\n          </code>\n        </div>\n\n        {/* Glass Effect */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium backdrop-blur-xl border border-white/20\"\n            style={{\n              background: \"rgba(115, 103, 240, 0.7)\",\n            }}\n          >\n            Glass Effect\n          </div>\n          <code className=\"text-xs text-neutral-500\">\n            rgba(115, 103, 240, 0.7) + backdrop-blur\n          </code>\n        </div>\n\n        {/* Mesh Gradient */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium\"\n            style={{\n              background:\n                \"radial-gradient(at 40% 20%, #7367f0 0px, transparent 50%), radial-gradient(at 80% 0%, #3b82f6 0px, transparent 50%), radial-gradient(at 0% 50%, #22c55e 0px, transparent 50%), radial-gradient(at 80% 50%, #9d91f3 0px, transparent 50%), radial-gradient(at 0% 100%, #7367f0 0px, transparent 50%)\",\n              backgroundColor: \"#1e293b\",\n            }}\n          >\n            Mesh Gradient\n          </div>\n          <code className=\"text-xs text-neutral-500\">radial-gradient mesh</code>\n        </div>\n\n        {/* Navigation Active */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium\"\n            style={{\n              background:\n                \"linear-gradient(270deg, rgba(115, 103, 240, 0.7), rgb(115, 103, 240))\",\n              boxShadow: \"0 2px 6px rgba(115, 103, 240, 0.3)\",\n            }}\n          >\n            Nav Active State\n          </div>\n          <code className=\"text-xs text-neutral-500\">270deg with opacity</code>\n        </div>\n\n        {/* Dark Surface */}\n        <div className=\"flex flex-col gap-2\">\n          <div\n            className=\"h-24 rounded-lg flex items-center justify-center text-white font-medium border border-white/10\"\n            style={{\n              background: \"linear-gradient(180deg, #27272a, #18181b)\",\n            }}\n          >\n            Dark Surface\n          </div>\n          <code className=\"text-xs text-neutral-500\">\n            linear-gradient(180deg, #27272a, #18181b)\n          </code>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction UsageExamples() {\n  return (\n    <div className=\"mt-8 p-6 bg-neutral-50 dark:bg-neutral-800/50 rounded-xl\">\n      <h3 className=\"text-lg font-semibold text-neutral-900 dark:text-white mb-4\">\n        CSS Variables Usage\n      </h3>\n      <div className=\"space-y-4\">\n        <div className=\"p-4 bg-white dark:bg-neutral-900 rounded-lg border border-neutral-200 dark:border-neutral-700\">\n          <h4 className=\"font-medium text-neutral-900 dark:text-white mb-2\">\n            Tailwind Config\n          </h4>\n          <pre className=\"text-xs font-mono text-neutral-600 dark:text-neutral-400 overflow-x-auto\">\n            {`// tailwind.config.js\nmodule.exports = {\n  theme: {\n    extend: {\n      colors: {\n        primary: {\n          50: '#f5f4fe',\n          500: '#7367f0',\n          600: '#5a4de6',\n        },\n        success: {\n          500: '#22c55e',\n        },\n        warning: {\n          500: '#f59e0b',\n        },\n        error: {\n          500: '#ef4444',\n        },\n        info: {\n          500: '#3b82f6',\n        },\n      },\n    },\n  },\n}`}\n          </pre>\n        </div>\n\n        <div className=\"p-4 bg-white dark:bg-neutral-900 rounded-lg border border-neutral-200 dark:border-neutral-700\">\n          <h4 className=\"font-medium text-neutral-900 dark:text-white mb-2\">\n            CSS Variables\n          </h4>\n          <pre className=\"text-xs font-mono text-neutral-600 dark:text-neutral-400 overflow-x-auto\">\n            {`:root {\n  --color-primary: #7367f0;\n  --color-secondary: #64748b;\n  --color-success: #22c55e;\n  --color-warning: #f59e0b;\n  --color-error: #ef4444;\n  --color-info: #3b82f6;\n  \n  /* Light theme */\n  --color-background: #ffffff;\n  --color-foreground: #0f172a;\n  --color-muted: #64748b;\n  --color-border: #e2e8f0;\n}\n\n.dark {\n  --color-background: #09090b;\n  --color-foreground: #fafafa;\n  --color-muted: #71717a;\n  --color-border: #27272a;\n}`}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default function ColorPalette({\n  groups,\n  theme = \"all\",\n  showGradients = true,\n  showUsageExamples = true,\n  className,\n}: ColorPaletteProps) {\n  // Determine which groups to show\n  let displayGroups: ColorGroup[];\n  if (groups) {\n    displayGroups = groups;\n  } else if (theme === \"light\") {\n    displayGroups = lightThemeGroups;\n  } else if (theme === \"dark\") {\n    displayGroups = darkThemeGroups;\n  } else {\n    // Show all\n    displayGroups = [...lightThemeGroups, ...darkThemeGroups];\n  }\n\n  // Add gradients if requested and no custom groups\n  if (showGradients && !groups) {\n    displayGroups = [...displayGroups, ...gradientGroups];\n  }\n\n  return (\n    <div\n      className={`p-6 bg-white dark:bg-neutral-900 rounded-xl ${\n        className || \"\"\n      }`}\n    >\n      <h2 className=\"text-2xl font-bold text-neutral-900 dark:text-white mb-2\">\n        Color Palette\n      </h2>\n      <p className=\"text-sm text-neutral-600 dark:text-neutral-400 mb-6\">\n        Primary color:{\" \"}\n        <code className=\"font-mono bg-neutral-100 dark:bg-neutral-800 px-2 py-1 rounded\">\n          #7367f0\n        </code>{\" \"}\n        • Click any swatch to copy the color value.\n      </p>\n\n      {/* Theme Toggle Info */}\n      <div className=\"mb-6 flex flex-wrap gap-2\">\n        <span\n          className={`px-3 py-1 rounded-full text-xs font-medium ${\n            theme === \"light\" || theme === \"all\"\n              ? \"bg-primary-100 text-primary-700\"\n              : \"bg-neutral-100 text-neutral-500\"\n          }`}\n        >\n          Light Theme\n        </span>\n        <span\n          className={`px-3 py-1 rounded-full text-xs font-medium ${\n            theme === \"dark\" || theme === \"all\"\n              ? \"bg-primary-100 text-primary-700\"\n              : \"bg-neutral-100 text-neutral-500\"\n          }`}\n        >\n          Dark Theme\n        </span>\n        {showGradients && (\n          <span className=\"px-3 py-1 rounded-full text-xs font-medium bg-primary-100 text-primary-700\">\n            Gradients\n          </span>\n        )}\n      </div>\n\n      {displayGroups.map((group) => (\n        <div key={group.name} className=\"mb-8\">\n          <h3 className=\"text-lg font-semibold text-neutral-900 dark:text-white mb-4\">\n            {group.name}\n          </h3>\n          <div className=\"flex flex-wrap gap-4\">\n            {group.colors.map((color) => (\n              <ColorSwatchItem key={color.name} color={color} />\n            ))}\n          </div>\n        </div>\n      ))}\n\n      {showGradients && <GradientPreview />}\n      {showUsageExamples && <UsageExamples />}\n    </div>\n  );\n}\n\n// Export color groups for external use\nexport { lightThemeGroups, darkThemeGroups, gradientGroups, defaultGroups };\n"],"mappings":"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"}