erp-pro-ui 0.1.1 → 0.1.2

package/dist/chunks/color-palette-yadpDCUw.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-palette-yadpDCUw.mjs","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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"}

package/dist/chunks/combobox-B9Nzlhu3.mjs

@@ -1,108 +0,0 @@
-import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
-import { W as CheckIcon, k as ChevronDownIcon } from "./icons-CrM6pFkv.mjs";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/forms/combobox/Combobox.tsx
-var Combobox = ({ options, value, onChange, placeholder = "Select...", className, bgClassName = "bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl", createOptionLabel, onCreateOption }) => {
-	const [open, setOpen] = useState(false);
-	const [search, setSearch] = useState("");
-	const ref = useRef(null);
-	const filteredOptions = options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase()));
-	useEffect(() => {
-		const handleClick = (e) => {
-			if (ref.current && !ref.current.contains(e.target)) {
-				setOpen(false);
-				setSearch("");
-			}
-		};
-		if (open) document.addEventListener("mousedown", handleClick);
-		return () => document.removeEventListener("mousedown", handleClick);
-	}, [open]);
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: mergeClassNames("relative w-full", className),
-		tabIndex: 0,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: mergeClassNames("flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-black/5 dark:border-white/10 px-3 py-2 text-sm text-foreground transition focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 shadow-sm", bgClassName, "hover:bg-white/60 dark:hover:bg-white/10"),
-			onClick: () => {
-				setOpen((o) => {
-					if (o) setSearch("");
-					return !o;
-				});
-			},
-			children: [value ? /* @__PURE__ */ jsx("span", {
-				className: "text-foreground dark:text-white flex-1 truncate",
-				children: options.find((opt) => opt.value === value)?.label
-			}) : /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground flex-1",
-				children: placeholder
-			}), /* @__PURE__ */ jsx("span", {
-				className: mergeClassNames("ml-2 transition-transform duration-300", open ? "rotate-180" : "rotate-0"),
-				children: /* @__PURE__ */ jsx(ChevronDownIcon, {
-					width: 24,
-					height: 24,
-					color: "#a1a1a1"
-				})
-			})]
-		}), open && /* @__PURE__ */ jsxs("div", {
-			className: "absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-white/20 dark:border-white/10 bg-white/80 dark:bg-neutral-900/80 backdrop-blur-xl shadow-xl transition",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "sticky top-0 z-10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-t-md",
-					children: /* @__PURE__ */ jsx("input", {
-						autoFocus: true,
-						className: "w-full border-b border-white/20 dark:border-white/10 bg-transparent px-3 py-2 text-sm text-foreground dark:text-white outline-none placeholder:text-muted-foreground",
-						placeholder: "Type to search...",
-						value: search,
-						onChange: (e) => setSearch(e.target.value),
-						onClick: (e) => e.stopPropagation()
-					})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "max-h-80 flex-1 overflow-auto",
-					children: [filteredOptions.length === 0 && !createOptionLabel && /* @__PURE__ */ jsx("div", {
-						className: "px-3 py-2 text-muted-foreground",
-						children: "No options"
-					}), filteredOptions.map((opt) => /* @__PURE__ */ jsxs("div", {
-						className: mergeClassNames("mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground dark:text-white transition", opt.value === value ? "bg-primary/20 font-semibold" : "", "hover:bg-primary hover:text-white"),
-						onClick: () => {
-							onChange(opt.value);
-							setSearch("");
-							setOpen(false);
-						},
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "flex w-5 items-center justify-center",
-							children: opt.value === value && /* @__PURE__ */ jsx(CheckIcon, {
-								className: "text-primary",
-								width: 18,
-								height: 18
-							})
-						}), /* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: opt.label
-						})]
-					}, opt.value))]
-				}),
-				createOptionLabel && onCreateOption && /* @__PURE__ */ jsx("div", {
-					className: "sticky bottom-0 z-10 border-t border-white/20 dark:border-white/10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-b-md",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm font-semibold text-foreground dark:text-white transition hover:bg-primary hover:text-white",
-						onClick: () => {
-							onCreateOption();
-							setSearch("");
-							setOpen(false);
-						},
-						children: [/* @__PURE__ */ jsx("span", { className: "flex w-5 items-center justify-center" }), /* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: createOptionLabel
-						})]
-					})
-				})
-			]
-		})]
-	});
-};
-//#endregion
-export { Combobox as t };
-
-//# sourceMappingURL=combobox-B9Nzlhu3.mjs.map

package/dist/chunks/combobox-B9Nzlhu3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-B9Nzlhu3.mjs","names":[],"sources":["../../src/components/forms/combobox/Combobox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport interface ComboboxOption {\n  label: string;\n  value: string;\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  className?: string;\n  bgClassName?: string;\n  createOptionLabel?: string;\n  onCreateOption?: () => void;\n}\n\nconst Combobox: React.FC<ComboboxProps> = ({\n  options,\n  value,\n  onChange,\n  placeholder = \"Select...\",\n  className,\n  bgClassName = \"bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl\",\n  createOptionLabel,\n  onCreateOption,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState(\"\");\n  const ref = useRef<HTMLDivElement>(null);\n\n  // Filter options by search\n  const filteredOptions = options.filter((opt) =>\n    opt.label.toLowerCase().includes(search.toLowerCase()),\n  );\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setOpen(false);\n        setSearch(\"\");\n      }\n    };\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClick);\n    }\n    return () => document.removeEventListener(\"mousedown\", handleClick);\n  }, [open]);\n\n  return (\n    <div\n      ref={ref}\n      className={mergeClassNames(\"relative w-full\", className)}\n      tabIndex={0}\n    >\n      <div\n        className={mergeClassNames(\n          \"flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-black/5 dark:border-white/10 px-3 py-2 text-sm text-foreground transition focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 shadow-sm\",\n          bgClassName,\n          \"hover:bg-white/60 dark:hover:bg-white/10\",\n        )}\n        onClick={() => {\n          setOpen((o) => {\n            if (o) setSearch(\"\"); // Reset search when closing\n            return !o;\n          });\n        }}\n      >\n        {value ? (\n          <span className=\"text-foreground dark:text-white flex-1 truncate\">\n            {options.find((opt) => opt.value === value)?.label}\n          </span>\n        ) : (\n          <span className=\"text-muted-foreground flex-1\">{placeholder}</span>\n        )}\n        <span\n          className={mergeClassNames(\n            \"ml-2 transition-transform duration-300\",\n            open ? \"rotate-180\" : \"rotate-0\",\n          )}\n        >\n          <ChevronDownIcon width={24} height={24} color=\"#a1a1a1\" />\n        </span>\n      </div>\n      {open && (\n        <div className=\"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-white/20 dark:border-white/10 bg-white/80 dark:bg-neutral-900/80 backdrop-blur-xl shadow-xl transition\">\n          {/* Sticky search input */}\n          <div className=\"sticky top-0 z-10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-t-md\">\n            <input\n              autoFocus\n              className=\"w-full border-b border-white/20 dark:border-white/10 bg-transparent px-3 py-2 text-sm text-foreground dark:text-white outline-none placeholder:text-muted-foreground\"\n              placeholder=\"Type to search...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onClick={(e) => e.stopPropagation()}\n            />\n          </div>\n          {/* Scrollable options */}\n          <div className=\"max-h-80 flex-1 overflow-auto\">\n            {filteredOptions.length === 0 && !createOptionLabel && (\n              <div className=\"px-3 py-2 text-muted-foreground\">No options</div>\n            )}\n            {filteredOptions.map((opt) => (\n              <div\n                key={opt.value}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground dark:text-white transition\",\n                  opt.value === value ? \"bg-primary/20 font-semibold\" : \"\",\n                  \"hover:bg-primary hover:text-white\",\n                )}\n                onClick={() => {\n                  onChange(opt.value);\n                  setSearch(\"\");\n                  setOpen(false);\n                }}\n              >\n                <span className=\"flex w-5 items-center justify-center\">\n                  {opt.value === value && (\n                    <CheckIcon\n                      className=\"text-primary\"\n                      width={18}\n                      height={18}\n                    />\n                  )}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n              </div>\n            ))}\n          </div>\n          {/* Sticky create option */}\n          {createOptionLabel && onCreateOption && (\n            <div className=\"sticky bottom-0 z-10 border-t border-white/20 dark:border-white/10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-b-md\">\n              <div\n                className=\"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm font-semibold text-foreground dark:text-white transition hover:bg-primary hover:text-white\"\n                onClick={() => {\n                  onCreateOption();\n                  setSearch(\"\");\n                  setOpen(false);\n                }}\n              >\n                <span className=\"flex w-5 items-center justify-center\">\n                  {/* Optionally add an icon here */}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {createOptionLabel}\n                </span>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Combobox;\n"],"mappings":";;;;;AAqBA,IAAM,YAAqC,EACzC,SACA,OACA,UACA,cAAc,aACd,WACA,cAAc,oDACd,mBACA,qBACI;CACJ,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,QAAQ,aAAa,SAAS,GAAG;CACxC,MAAM,MAAM,OAAuB,KAAK;CAGxC,MAAM,kBAAkB,QAAQ,QAAQ,QACtC,IAAI,MAAM,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CACvD;AAGD,iBAAgB;EACd,MAAM,eAAe,MAAkB;AACrC,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,EAAE,OAAe,EAAE;AAC1D,YAAQ,MAAM;AACd,cAAU,GAAG;;;AAGjB,MAAI,KACF,UAAS,iBAAiB,aAAa,YAAY;AAErD,eAAa,SAAS,oBAAoB,aAAa,YAAY;IAClE,CAAC,KAAK,CAAC;AAEV,QACE,qBAAC,OAAD;EACO;EACL,WAAW,gBAAgB,mBAAmB,UAAU;EACxD,UAAU;YAHZ,CAKE,qBAAC,OAAD;GACE,WAAW,gBACT,iSACA,aACA,2CACD;GACD,eAAe;AACb,aAAS,MAAM;AACb,SAAI,EAAG,WAAU,GAAG;AACpB,YAAO,CAAC;MACR;;aAVN,CAaG,QACC,oBAAC,QAAD;IAAM,WAAU;cACb,QAAQ,MAAM,QAAQ,IAAI,UAAU,MAAM,EAAE;IACxC,CAAA,GAEP,oBAAC,QAAD;IAAM,WAAU;cAAgC;IAAmB,CAAA,EAErE,oBAAC,QAAD;IACE,WAAW,gBACT,0CACA,OAAO,eAAe,WACvB;cAED,oBAAC,iBAAD;KAAiB,OAAO;KAAI,QAAQ;KAAI,OAAM;KAAY,CAAA;IACrD,CAAA,CACH;MACL,QACC,qBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,SAAD;MACE,WAAA;MACA,WAAU;MACV,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,UAAU,EAAE,OAAO,MAAM;MAC1C,UAAU,MAAM,EAAE,iBAAiB;MACnC,CAAA;KACE,CAAA;IAEN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACG,gBAAgB,WAAW,KAAK,CAAC,qBAChC,oBAAC,OAAD;MAAK,WAAU;gBAAkC;MAAgB,CAAA,EAElE,gBAAgB,KAAK,QACpB,qBAAC,OAAD;MAEE,WAAW,gBACT,4HACA,IAAI,UAAU,QAAQ,gCAAgC,IACtD,oCACD;MACD,eAAe;AACb,gBAAS,IAAI,MAAM;AACnB,iBAAU,GAAG;AACb,eAAQ,MAAM;;gBAVlB,CAaE,oBAAC,QAAD;OAAM,WAAU;iBACb,IAAI,UAAU,SACb,oBAAC,WAAD;QACE,WAAU;QACV,OAAO;QACP,QAAQ;QACR,CAAA;OAEC,CAAA,EACP,oBAAC,QAAD;OAAM,WAAU;iBAA2B,IAAI;OAAa,CAAA,CACxD;QAtBC,IAAI,MAsBL,CACN,CACE;;IAEL,qBAAqB,kBACpB,oBAAC,OAAD;KAAK,WAAU;eACb,qBAAC,OAAD;MACE,WAAU;MACV,eAAe;AACb,uBAAgB;AAChB,iBAAU,GAAG;AACb,eAAQ,MAAM;;gBALlB,CAQE,oBAAC,QAAD,EAAM,WAAU,wCAET,CAAA,EACP,oBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA,CACH;;KACF,CAAA;IAEJ;KAEJ"}

package/dist/chunks/combobox-mAvOcg-E.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-mAvOcg-E.cjs","names":[],"sources":["../../src/components/forms/combobox/Combobox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport interface ComboboxOption {\n  label: string;\n  value: string;\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  className?: string;\n  bgClassName?: string;\n  createOptionLabel?: string;\n  onCreateOption?: () => void;\n}\n\nconst Combobox: React.FC<ComboboxProps> = ({\n  options,\n  value,\n  onChange,\n  placeholder = \"Select...\",\n  className,\n  bgClassName = \"bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl\",\n  createOptionLabel,\n  onCreateOption,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState(\"\");\n  const ref = useRef<HTMLDivElement>(null);\n\n  // Filter options by search\n  const filteredOptions = options.filter((opt) =>\n    opt.label.toLowerCase().includes(search.toLowerCase()),\n  );\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setOpen(false);\n        setSearch(\"\");\n      }\n    };\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClick);\n    }\n    return () => document.removeEventListener(\"mousedown\", handleClick);\n  }, [open]);\n\n  return (\n    <div\n      ref={ref}\n      className={mergeClassNames(\"relative w-full\", className)}\n      tabIndex={0}\n    >\n      <div\n        className={mergeClassNames(\n          \"flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-black/5 dark:border-white/10 px-3 py-2 text-sm text-foreground transition focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 shadow-sm\",\n          bgClassName,\n          \"hover:bg-white/60 dark:hover:bg-white/10\",\n        )}\n        onClick={() => {\n          setOpen((o) => {\n            if (o) setSearch(\"\"); // Reset search when closing\n            return !o;\n          });\n        }}\n      >\n        {value ? (\n          <span className=\"text-foreground dark:text-white flex-1 truncate\">\n            {options.find((opt) => opt.value === value)?.label}\n          </span>\n        ) : (\n          <span className=\"text-muted-foreground flex-1\">{placeholder}</span>\n        )}\n        <span\n          className={mergeClassNames(\n            \"ml-2 transition-transform duration-300\",\n            open ? \"rotate-180\" : \"rotate-0\",\n          )}\n        >\n          <ChevronDownIcon width={24} height={24} color=\"#a1a1a1\" />\n        </span>\n      </div>\n      {open && (\n        <div className=\"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-white/20 dark:border-white/10 bg-white/80 dark:bg-neutral-900/80 backdrop-blur-xl shadow-xl transition\">\n          {/* Sticky search input */}\n          <div className=\"sticky top-0 z-10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-t-md\">\n            <input\n              autoFocus\n              className=\"w-full border-b border-white/20 dark:border-white/10 bg-transparent px-3 py-2 text-sm text-foreground dark:text-white outline-none placeholder:text-muted-foreground\"\n              placeholder=\"Type to search...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onClick={(e) => e.stopPropagation()}\n            />\n          </div>\n          {/* Scrollable options */}\n          <div className=\"max-h-80 flex-1 overflow-auto\">\n            {filteredOptions.length === 0 && !createOptionLabel && (\n              <div className=\"px-3 py-2 text-muted-foreground\">No options</div>\n            )}\n            {filteredOptions.map((opt) => (\n              <div\n                key={opt.value}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground dark:text-white transition\",\n                  opt.value === value ? \"bg-primary/20 font-semibold\" : \"\",\n                  \"hover:bg-primary hover:text-white\",\n                )}\n                onClick={() => {\n                  onChange(opt.value);\n                  setSearch(\"\");\n                  setOpen(false);\n                }}\n              >\n                <span className=\"flex w-5 items-center justify-center\">\n                  {opt.value === value && (\n                    <CheckIcon\n                      className=\"text-primary\"\n                      width={18}\n                      height={18}\n                    />\n                  )}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n              </div>\n            ))}\n          </div>\n          {/* Sticky create option */}\n          {createOptionLabel && onCreateOption && (\n            <div className=\"sticky bottom-0 z-10 border-t border-white/20 dark:border-white/10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-b-md\">\n              <div\n                className=\"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm font-semibold text-foreground dark:text-white transition hover:bg-primary hover:text-white\"\n                onClick={() => {\n                  onCreateOption();\n                  setSearch(\"\");\n                  setOpen(false);\n                }}\n              >\n                <span className=\"flex w-5 items-center justify-center\">\n                  {/* Optionally add an icon here */}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {createOptionLabel}\n                </span>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Combobox;\n"],"mappings":"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"}

package/dist/chunks/data-table-BRcGhJDf.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table-BRcGhJDf.cjs","names":[],"sources":["../../src/components/data-display/data-table/DataTable.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getFilteredRowModel,\n  flexRender,\n  type ColumnDef,\n  type PaginationState,\n  type Table,\n} from '@tanstack/react-table';\nimport { Combobox } from '../../forms/combobox';\nimport { MultiSelectCombobox } from '../../forms/multi-select-combobox';\nimport { Checkbox } from '../../forms/checkbox';\nimport { Input } from '../../forms/input';\nimport { Select } from '../../forms/select';\nimport { Switch } from '../../forms/switch';\nimport {\n  DatePicker,\n  type DatePickerValue,\n  type DateRangeValue,\n} from '../../forms/date-picker';\n\n// Filter option type - can be static or async\nexport interface FilterOption {\n  id: string;\n  label: string;\n  type?:\n    | 'text'\n    | 'select'\n    | 'combobox'\n    | 'checkbox'\n    | 'switch'\n    | 'date'\n    | 'date-range'\n    | 'number-range';\n  placeholder?: string;\n  options?: string[]; // Static options\n  // Async options support\n  queryKey?: string | string[]; // React Query key for caching\n  fetchOptions?: () => Promise<string[]>; // Async function to fetch options\n  isLoading?: boolean; // Loading state (managed externally)\n  multiple?: boolean; // Enable multi-select\n  /* Crystal UI Unification */\n  /*\n  ### Automated Browser Testing\n  The filters were verified using the browser subagent, confirming that each filter type correctly updates the table data in real-time and adheres to our new unified \"Crystal\" aesthetic.\n\n  ````carousel\n  ![Unified Crystal Filters](file:///Users/dani.dev/.gemini/antigravity/brain/cddc57db-96d9-409e-add9-b0c887fa88f1/data_table_crystal_filters_verification_1771807771898.png)\n  <!-- slide -->\n  ![Crystal Combobox Dropdown](file:///Users/dani.dev/.gemini/antigravity/brain/cddc57db-96d9-409e-add9-b0c887fa88f1/crystal_look_verification_final_1771807597075.png)\n  <!-- slide -->\n  ![Global Unification Verification Recording](file:///Users/dani.dev/.gemini/antigravity/brain/cddc57db-96d9-409e-add9-b0c887fa88f1/verify_global_crystal_style_1771807684506.webp)\n  ````\n\n  ### Key Successes:\n  - **Unified Aesthetic**: All components now share a consistent `backdrop-blur-xl` and semi-transparent background.\n  - **Improved Visual Hierarchy**: The crystal effect makes the components feel integrated with the page while still being clearly interactive.\n  - **Robust Logic**: Maintained all advanced filtering logic (date ranges, numeric ranges, partial matches) while upgrading the visual layer.\n  */\n}\n\n// Filter value can be single string, array of strings, or range objects\nexport type FilterValue =\n  | string\n  | string[]\n  | boolean\n  | DatePickerValue\n  | { min?: number; max?: number };\nexport type FilterValues = Record<string, FilterValue>;\n\nexport interface DataTableBulkActionContext<T> {\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n  disableBulkSelection: () => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface DataTableProps<T = Record<string, any>> {\n  columns: {\n    id: string;\n    label: string;\n    visible?: boolean;\n    filterable?: boolean; // Enable filtering for this column\n    multiFilter?: boolean; // Enable multi-select filter for this column\n    /** Priority for responsive display (1 = always visible, higher = hidden earlier on small screens) */\n    priority?: number;\n  }[];\n  data: T[];\n  isLoading?: boolean; // Table data loading state\n  onColumnToggle?: (columnId: string) => void;\n  /** Number of items per page */\n  pageSize?: number;\n  /** Maximum height for the scrollable table area */\n  maxHeight?: string;\n  onSearch?: (query: string) => void;\n  onExport?: () => void;\n  onRowAction?: (action: string, row: T) => void;\n  onBulkDelete?: (rows: T[]) => void;\n  renderBulkActions?: (\n    context: DataTableBulkActionContext<T>,\n  ) => React.ReactNode;\n  renderBulkActionCard?: (\n    context: DataTableBulkActionContext<T>,\n  ) => React.ReactNode;\n  onFilterChange?: (filters: FilterValues) => void;\n  // Filter options - can include async filters\n  filterOptions?: FilterOption[];\n  // Called when filters are applied (for server-side filtering)\n  onFiltersApply?: (filters: FilterValues) => void;\n  // Enable server-side filtering mode\n  serverSideFiltering?: boolean;\n  searchPlaceholder?: string;\n  children?: React.ReactNode;\n  /** Total row count for server-side pagination */\n  totalCount?: number;\n  /** Callback when pagination changes (for server-side pagination) */\n  onPaginationChange?: (pageIndex: number, pageSize: number) => void;\n}\n\ninterface FilterDropdownProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\nexport const FilterDropdown: React.FC<FilterDropdownProps> = ({\n  isOpen,\n  onClose,\n  children,\n}) => {\n  if (!isOpen) return null;\n\n  return (\n    <>\n      <div\n        className=\"fixed inset-0 z-40\"\n        onClick={onClose}\n        aria-hidden=\"true\"\n      />\n      <div className=\"absolute top-full right-0 mt-2 bg-white dark:bg-neutral-800 rounded-lg shadow-lg border border-neutral-200 dark:border-neutral-700 z-50 min-w-64\">\n        {children}\n      </div>\n    </>\n  );\n};\n\ninterface FilterButtonProps {\n  icon: React.ReactNode;\n  label: string;\n  onClick: () => void;\n  hasActive?: boolean;\n}\n\nexport const FilterButton: React.FC<FilterButtonProps> = ({\n  icon,\n  label,\n  onClick,\n  hasActive,\n}) => (\n  <button\n    onClick={onClick}\n    title={label}\n    className={`p-2 rounded-lg transition-colors ${\n      hasActive\n        ? 'bg-primary-100 dark:bg-primary-900 text-primary-600 dark:text-primary-400'\n        : 'text-neutral-600 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-700'\n    }`}\n  >\n    {icon}\n  </button>\n);\n\ninterface ColumnToggleProps {\n  columns: {\n    id: string;\n    label: string;\n    visible?: boolean;\n  }[];\n  onToggle: (columnId: string) => void;\n  onShowAll?: () => void;\n  onHideAll?: () => void;\n}\n\nexport const ColumnToggle: React.FC<ColumnToggleProps> = ({\n  columns,\n  onToggle,\n  onShowAll,\n  onHideAll,\n}) => (\n  <div className=\"p-4 space-y-3\">\n    <div className=\"flex items-center justify-between mb-3\">\n      <span className=\"text-sm font-semibold text-neutral-900 dark:text-white\">\n        COLUMNS\n      </span>\n    </div>\n\n    <div className=\"space-y-2 max-h-64 overflow-y-auto\">\n      {columns.map((col) => (\n        <label\n          key={col.id}\n          className=\"flex items-center gap-2 cursor-pointer px-2 py-1 hover:bg-neutral-50 dark:hover:bg-neutral-700 rounded\"\n        >\n          <input\n            type=\"checkbox\"\n            checked={col.visible !== false}\n            onChange={() => onToggle(col.id)}\n            className=\"w-4 h-4 rounded cursor-pointer accent-primary-500\"\n          />\n          <span className=\"text-sm text-neutral-700 dark:text-neutral-300\">\n            {col.label}\n          </span>\n        </label>\n      ))}\n    </div>\n\n    {(onShowAll || onHideAll) && (\n      <div className=\"flex gap-2 pt-2 border-t border-neutral-200 dark:border-neutral-700\">\n        {onShowAll && (\n          <button\n            onClick={onShowAll}\n            className=\"flex-1 text-xs font-semibold text-primary-500 hover:text-primary-600 py-1\"\n          >\n            SHOW ALL\n          </button>\n        )}\n        {onHideAll && (\n          <button\n            onClick={onHideAll}\n            className=\"flex-1 text-xs font-semibold text-neutral-500 hover:text-neutral-600 py-1\"\n          >\n            HIDE ALL\n          </button>\n        )}\n      </div>\n    )}\n  </div>\n);\n\ninterface FilterProfileProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSaveProfile: (name: string) => void;\n}\n\nexport const FilterProfile: React.FC<FilterProfileProps> = ({\n  isOpen,\n  onClose,\n  onSaveProfile,\n}) => {\n  const [profileName, setProfileName] = React.useState('');\n\n  const handleSave = () => {\n    if (profileName.trim()) {\n      onSaveProfile(profileName);\n      setProfileName('');\n      onClose();\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50\"\n      onClick={onClose}\n    >\n      <div\n        className=\"bg-white dark:bg-neutral-800 rounded-xl p-6 max-w-md w-full mx-4\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <h2 className=\"text-2xl font-bold text-neutral-900 dark:text-white mb-4\">\n          Add new profile\n        </h2>\n\n        <label className=\"block text-sm font-medium text-primary-500 mb-2\">\n          Enter filter profile name:\n        </label>\n        <input\n          type=\"text\"\n          value={profileName}\n          onChange={(e) => setProfileName(e.target.value)}\n          placeholder=\"Enter value\"\n          className=\"w-full px-4 py-3 border-2 border-primary-500 rounded-lg bg-white dark:bg-neutral-700 text-neutral-900 dark:text-white placeholder:text-neutral-400 dark:placeholder:text-neutral-500 mb-6 focus:outline-none focus:ring-2 focus:ring-primary-300\"\n          onKeyPress={(e) => e.key === 'Enter' && handleSave()}\n        />\n\n        <div className=\"flex gap-4\">\n          <button\n            onClick={onClose}\n            className=\"flex-1 px-4 py-3 rounded-lg border-2 border-neutral-300 dark:border-neutral-600 text-neutral-700 dark:text-neutral-200 font-semibold hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors flex items-center justify-center gap-2\"\n          >\n            <span>🗑️</span>\n            CANCEL\n          </button>\n          <button\n            onClick={handleSave}\n            disabled={!profileName.trim()}\n            className=\"flex-1 px-4 py-3 rounded-lg bg-neutral-900 dark:bg-white text-white dark:text-neutral-900 font-semibold hover:bg-neutral-800 dark:hover:bg-neutral-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n          >\n            SAVE\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ntype AsyncFilterOptionsState = Record<\n  string,\n  { options: string[]; isLoading: boolean }\n>;\n\ntype NumberRangeFilterValue = { min?: number; max?: number };\n\nconst ICON_BUTTON_CLASS_NAME =\n  'p-2 rounded-lg text-neutral-400 hover:text-neutral-600 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors';\nconst DISABLED_ICON_BUTTON_CLASS_NAME = `${ICON_BUTTON_CLASS_NAME} disabled:opacity-40 disabled:cursor-not-allowed`;\n\nconst isFilterValueEmpty = (value?: FilterValue | null): boolean => {\n  if (value === undefined || value === null) {\n    return true;\n  }\n\n  if (typeof value === 'string') {\n    return value === '';\n  }\n\n  if (Array.isArray(value)) {\n    return value.length === 0;\n  }\n\n  if (value instanceof Date || typeof value === 'boolean') {\n    return false;\n  }\n\n  if ('start' in value || 'end' in value) {\n    const rangeValue = value as DateRangeValue;\n    return !rangeValue.start && !rangeValue.end;\n  }\n\n  return value.min === undefined && value.max === undefined;\n};\n\nconst isFilterActive = (value?: FilterValue): boolean =>\n  !isFilterValueEmpty(value);\n\nconst toSelectOptions = (options?: string[]) =>\n  (options || []).map((option) => ({\n    value: option,\n    label: option,\n  }));\n\nconst getStringFilterValue = (value?: FilterValue): string =>\n  typeof value === 'string' ? value : '';\n\nconst getMultiStringFilterValue = (value?: FilterValue): string[] => {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return typeof value === 'string' && value ? [value] : [];\n};\n\nconst getNumberRangeFilterValue = (\n  value?: FilterValue,\n): NumberRangeFilterValue => {\n  if (\n    !value ||\n    typeof value !== 'object' ||\n    'start' in value ||\n    'end' in value\n  ) {\n    return {};\n  }\n\n  return value as NumberRangeFilterValue;\n};\n\nconst getDateFilterValue = (value?: FilterValue): DatePickerValue =>\n  value instanceof Date || value === null ? value : null;\n\nconst getDateRangeFilterValue = (value?: FilterValue): DateRangeValue => {\n  if (\n    value &&\n    typeof value === 'object' &&\n    'start' in value &&\n    'end' in value\n  ) {\n    return value as DateRangeValue;\n  }\n\n  return { start: null, end: null };\n};\n\nfunction buildGeneratedFilterOptions<T>(\n  columns: DataTableProps<T>['columns'],\n  data: T[],\n): FilterOption[] {\n  return columns\n    .filter((column) => column.filterable !== false)\n    .map((column) => {\n      const uniqueValues = new Set<string>();\n\n      data.forEach((row) => {\n        const value = (row as Record<string, unknown>)[column.id];\n        if (value !== undefined && value !== null && value !== '') {\n          uniqueValues.add(String(value));\n        }\n      });\n\n      return {\n        id: column.id,\n        label: column.label,\n        options: Array.from(uniqueValues).sort(),\n        multiple: column.multiFilter,\n      };\n    });\n}\n\nfunction resolveFilterOptions<T>(\n  columns: DataTableProps<T>['columns'],\n  data: T[],\n  externalFilterOptions: FilterOption[] | undefined,\n  asyncFilterOptions: AsyncFilterOptionsState,\n): FilterOption[] {\n  if (!externalFilterOptions?.length) {\n    return buildGeneratedFilterOptions(columns, data);\n  }\n\n  return externalFilterOptions.map((filter) => {\n    const asyncState = asyncFilterOptions[filter.id];\n    if (!asyncState) {\n      return filter;\n    }\n\n    return {\n      ...filter,\n      options: asyncState.options,\n      isLoading: asyncState.isLoading,\n    };\n  });\n}\n\nfunction matchesSearchQuery<T>(row: T, searchQuery: string): boolean {\n  if (!searchQuery.trim()) {\n    return true;\n  }\n\n  const query = searchQuery.toLowerCase();\n  return Object.values(row as Record<string, unknown>).some((value) => {\n    if (value === undefined || value === null) {\n      return false;\n    }\n\n    return String(value).toLowerCase().includes(query);\n  });\n}\n\nfunction matchesFilterValue(\n  rowValue: unknown,\n  filterValue: FilterValue,\n  filterOption?: FilterOption,\n): boolean {\n  if (isFilterValueEmpty(filterValue)) {\n    return true;\n  }\n\n  switch (filterOption?.type) {\n    case 'text':\n      return String(rowValue)\n        .toLowerCase()\n        .includes(String(filterValue).toLowerCase());\n    case 'number-range': {\n      const rangeValue = getNumberRangeFilterValue(filterValue);\n      const numericValue = Number(rowValue);\n      if (rangeValue.min !== undefined && numericValue < rangeValue.min) {\n        return false;\n      }\n      if (rangeValue.max !== undefined && numericValue > rangeValue.max) {\n        return false;\n      }\n      return true;\n    }\n    case 'date-range': {\n      const rangeValue = getDateRangeFilterValue(filterValue);\n      if (!rangeValue.start) {\n        return true;\n      }\n      const timeValue = new Date(rowValue as string | number | Date).getTime();\n      if (timeValue < rangeValue.start.getTime()) {\n        return false;\n      }\n      return !rangeValue.end || timeValue <= rangeValue.end.getTime();\n    }\n    case 'date': {\n      const selectedDate = filterValue as Date;\n      const rowDate = new Date(rowValue as string | number | Date);\n      return selectedDate.toDateString() === rowDate.toDateString();\n    }\n    case 'switch':\n    case 'checkbox':\n      return Boolean(rowValue) === Boolean(filterValue);\n    default: {\n      const rowValueString = String(rowValue).toLowerCase();\n      if (Array.isArray(filterValue)) {\n        return filterValue.some(\n          (value) => String(value).toLowerCase() === rowValueString,\n        );\n      }\n\n      return typeof filterValue !== 'string'\n        ? true\n        : rowValueString === filterValue.toLowerCase();\n    }\n  }\n}\n\nfunction filterClientData<T>(\n  data: T[],\n  activeFilters: FilterValues,\n  searchQuery: string,\n  serverSideFiltering: boolean,\n  filterOptions: FilterOption[],\n): T[] {\n  if (serverSideFiltering) {\n    return data;\n  }\n\n  const filterOptionsMap = new Map(\n    filterOptions.map((filterOption) => [filterOption.id, filterOption]),\n  );\n\n  return data.filter((row) => {\n    if (!matchesSearchQuery(row, searchQuery)) {\n      return false;\n    }\n\n    return Object.entries(activeFilters).every(([filterId, filterValue]) => {\n      const rowValue = (row as Record<string, unknown>)[filterId];\n      return matchesFilterValue(\n        rowValue,\n        filterValue,\n        filterOptionsMap.get(filterId),\n      );\n    });\n  });\n}\n\nfunction useAsyncFilterOptions(\n  externalFilterOptions: FilterOption[] | undefined,\n  filterSelectorOpen: boolean,\n): AsyncFilterOptionsState {\n  const [asyncFilterOptions, setAsyncFilterOptions] =\n    React.useState<AsyncFilterOptionsState>({});\n  const asyncFilterOptionsRef = React.useRef(asyncFilterOptions);\n\n  React.useEffect(() => {\n    asyncFilterOptionsRef.current = asyncFilterOptions;\n  }, [asyncFilterOptions]);\n\n  const fetchAsyncOptions = React.useCallback(async (filter: FilterOption) => {\n    if (\n      !filter.fetchOptions ||\n      asyncFilterOptionsRef.current[filter.id]?.options.length\n    ) {\n      return;\n    }\n\n    setAsyncFilterOptions((prev) => ({\n      ...prev,\n      [filter.id]: { options: [], isLoading: true },\n    }));\n\n    try {\n      const options = await filter.fetchOptions();\n      setAsyncFilterOptions((prev) => ({\n        ...prev,\n        [filter.id]: { options, isLoading: false },\n      }));\n    } catch {\n      setAsyncFilterOptions((prev) => ({\n        ...prev,\n        [filter.id]: { options: [], isLoading: false },\n      }));\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!filterSelectorOpen || !externalFilterOptions) {\n      return;\n    }\n\n    externalFilterOptions.forEach((filter) => {\n      if (filter.fetchOptions) {\n        void fetchAsyncOptions(filter);\n      }\n    });\n  }, [externalFilterOptions, fetchAsyncOptions, filterSelectorOpen]);\n\n  return asyncFilterOptions;\n}\n\nfunction LoadingFilterField({ label }: { label: string }) {\n  return (\n    <div className=\"h-10 flex items-center justify-center bg-neutral-100 dark:bg-neutral-800 rounded-md px-3\">\n      <svg\n        className=\"w-4 h-4 animate-spin text-neutral-400\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n      >\n        <circle\n          className=\"opacity-25\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          strokeWidth=\"4\"\n        />\n        <path\n          className=\"opacity-75\"\n          fill=\"currentColor\"\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        />\n      </svg>\n      <span className=\"ml-2 text-sm text-neutral-500\">{label}</span>\n    </div>\n  );\n}\n\ninterface NumberRangeFilterProps {\n  value: NumberRangeFilterValue;\n  onChange: (value: NumberRangeFilterValue) => void;\n}\n\nfunction NumberRangeFilter({ value, onChange }: NumberRangeFilterProps) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Input\n        type=\"number\"\n        placeholder=\"Min\"\n        value={value.min ?? ''}\n        onChange={(event) => {\n          const min =\n            event.target.value === '' ? undefined : Number(event.target.value);\n          onChange({ ...value, min });\n        }}\n        className=\"h-9 px-2 text-xs\"\n      />\n      <span className=\"text-neutral-400\">-</span>\n      <Input\n        type=\"number\"\n        placeholder=\"Max\"\n        value={value.max ?? ''}\n        onChange={(event) => {\n          const max =\n            event.target.value === '' ? undefined : Number(event.target.value);\n          onChange({ ...value, max });\n        }}\n        className=\"h-9 px-2 text-xs\"\n      />\n    </div>\n  );\n}\n\ninterface FilterFieldControlProps {\n  filter: FilterOption;\n  value?: FilterValue;\n  isActive: boolean;\n  onChange: (value: FilterValue) => void;\n}\n\nfunction FilterFieldControl({\n  filter,\n  value,\n  isActive,\n  onChange,\n}: FilterFieldControlProps) {\n  if (filter.isLoading) {\n    return <LoadingFilterField label={filter.label} />;\n  }\n\n  const activeClassName = isActive ? 'border-primary-500' : '';\n\n  switch (filter.type) {\n    case 'text':\n      return (\n        <Input\n          value={getStringFilterValue(value)}\n          onChange={(event) => onChange(event.target.value)}\n          placeholder={filter.placeholder || filter.label}\n          className={activeClassName}\n        />\n      );\n    case 'select':\n      return (\n        <Select\n          value={getStringFilterValue(value)}\n          onChange={(event) => onChange(event.target.value)}\n          placeholder={filter.placeholder || filter.label}\n          options={toSelectOptions(filter.options)}\n          className={activeClassName}\n        />\n      );\n    case 'switch':\n    case 'checkbox':\n      return (\n        <Switch\n          checked={Boolean(value)}\n          onChange={(event) => onChange(event.target.checked)}\n          label={filter.label}\n        />\n      );\n    case 'date':\n      return (\n        <DatePicker\n          mode=\"single\"\n          value={getDateFilterValue(value)}\n          onChange={(nextValue) => onChange(nextValue)}\n          placeholder={filter.placeholder || filter.label}\n        />\n      );\n    case 'date-range':\n      return (\n        <DatePicker\n          mode=\"range\"\n          value={getDateRangeFilterValue(value)}\n          onChange={(nextValue) => onChange(nextValue)}\n          placeholder={filter.placeholder || filter.label}\n        />\n      );\n    case 'number-range':\n      return (\n        <NumberRangeFilter\n          value={getNumberRangeFilterValue(value)}\n          onChange={onChange}\n        />\n      );\n    default:\n      return filter.multiple ? (\n        <MultiSelectCombobox\n          value={getMultiStringFilterValue(value)}\n          onChange={(values) => onChange(values)}\n          placeholder={filter.placeholder || filter.label}\n          options={toSelectOptions(filter.options)}\n          className={isActive ? 'border-primary-500 border-2' : ''}\n        />\n      ) : (\n        <Combobox\n          value={getStringFilterValue(value)}\n          onChange={(nextValue) => onChange(nextValue)}\n          placeholder={filter.placeholder || filter.label}\n          options={toSelectOptions(filter.options)}\n          className={isActive ? 'border-primary-500 border-2' : ''}\n        />\n      );\n  }\n}\n\ninterface ToolbarIconButtonProps {\n  title: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  children: React.ReactNode;\n}\n\nfunction ToolbarIconButton({\n  title,\n  onClick,\n  disabled,\n  children,\n}: ToolbarIconButtonProps) {\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      title={title}\n      className={\n        disabled ? DISABLED_ICON_BUTTON_CLASS_NAME : ICON_BUTTON_CLASS_NAME\n      }\n    >\n      {children}\n    </button>\n  );\n}\n\ninterface SearchFieldProps {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string;\n}\n\nfunction SearchField({ value, onChange, placeholder }: SearchFieldProps) {\n  return (\n    <div className=\"relative w-[300px]\">\n      <svg\n        className=\"pointer-events-none absolute left-4 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-neutral-400\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n        />\n      </svg>\n      <Input\n        type=\"text\"\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={placeholder}\n        style={{ paddingLeft: '2.75rem' }}\n      />\n    </div>\n  );\n}\n\ninterface RowActionsCellProps<T> {\n  rowIndex: number;\n  row: T;\n  isOpen: boolean;\n  onToggle: (rowIndex: number) => void;\n  onClose: () => void;\n  onRowAction?: (action: string, row: T) => void;\n}\n\nfunction RowActionsCell<T>({\n  rowIndex,\n  row,\n  isOpen,\n  onToggle,\n  onClose,\n  onRowAction,\n}: RowActionsCellProps<T>) {\n  return (\n    <td className=\"px-2 py-3 text-right relative\">\n      <button\n        onClick={() => onToggle(rowIndex)}\n        className=\"p-1 rounded hover:bg-neutral-100 dark:hover:bg-neutral-600 text-neutral-500\"\n      >\n        <svg className=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" />\n        </svg>\n      </button>\n      {isOpen ? (\n        <>\n          <div className=\"fixed inset-0 z-40\" onClick={onClose} />\n          <div className=\"absolute right-0 top-full mt-1 bg-white dark:bg-neutral-800 rounded-lg shadow-lg border border-neutral-200 dark:border-neutral-700 z-50 min-w-32 py-1\">\n            <button\n              onClick={() => {\n                onRowAction?.('edit', row);\n                onClose();\n              }}\n              className=\"w-full text-left px-4 py-2 text-sm hover:bg-neutral-50 dark:hover:bg-neutral-700\"\n            >\n              Edit\n            </button>\n            <button\n              onClick={() => {\n                onRowAction?.('delete', row);\n                onClose();\n              }}\n              className=\"w-full text-left px-4 py-2 text-sm text-error hover:bg-neutral-50 dark:hover:bg-neutral-700\"\n            >\n              Delete\n            </button>\n          </div>\n        </>\n      ) : null}\n    </td>\n  );\n}\n\ninterface DataTablePaginationProps<T> {\n  table: Table<T>;\n  totalCount?: number;\n  filteredCount: number;\n}\n\nfunction DataTablePagination<T>({\n  table,\n  totalCount,\n  filteredCount,\n}: DataTablePaginationProps<T>) {\n  const { pageIndex, pageSize } = table.getState().pagination;\n  const itemCount = totalCount ?? filteredCount;\n  const pageStart = itemCount === 0 ? 0 : pageIndex * pageSize + 1;\n  const pageEnd = Math.min((pageIndex + 1) * pageSize, itemCount);\n\n  return (\n    <div className=\"flex items-center justify-between px-4 py-3 border-t border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800/50\">\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-sm text-neutral-600 dark:text-neutral-400\">\n          Showing {pageStart} to {pageEnd} of {itemCount} items\n        </span>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        <select\n          value={pageSize}\n          onChange={(event) => table.setPageSize(Number(event.target.value))}\n          className=\"px-2 py-1 text-sm border border-neutral-200 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-neutral-700 dark:text-neutral-300\"\n        >\n          {[10, 20, 30, 50, 100].map((size) => (\n            <option key={size} value={size}>\n              {size} / page\n            </option>\n          ))}\n        </select>\n\n        <ToolbarIconButton\n          title=\"First page\"\n          onClick={() => table.setPageIndex(0)}\n          disabled={!table.getCanPreviousPage()}\n        >\n          <svg\n            className=\"w-4 h-4\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M11 19l-7-7 7-7m8 14l-7-7 7-7\"\n            />\n          </svg>\n        </ToolbarIconButton>\n\n        <ToolbarIconButton\n          title=\"Previous page\"\n          onClick={() => table.previousPage()}\n          disabled={!table.getCanPreviousPage()}\n        >\n          <svg\n            className=\"w-4 h-4\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M15 19l-7-7 7-7\"\n            />\n          </svg>\n        </ToolbarIconButton>\n\n        <span className=\"px-3 py-1 text-sm text-neutral-700 dark:text-neutral-300\">\n          Page {pageIndex + 1} of {table.getPageCount()}\n        </span>\n\n        <ToolbarIconButton\n          title=\"Next page\"\n          onClick={() => table.nextPage()}\n          disabled={!table.getCanNextPage()}\n        >\n          <svg\n            className=\"w-4 h-4\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M9 5l7 7-7 7\"\n            />\n          </svg>\n        </ToolbarIconButton>\n\n        <ToolbarIconButton\n          title=\"Last page\"\n          onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n          disabled={!table.getCanNextPage()}\n        >\n          <svg\n            className=\"w-4 h-4\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M13 5l7 7-7 7M5 5l7 7-7 7\"\n            />\n          </svg>\n        </ToolbarIconButton>\n      </div>\n    </div>\n  );\n}\n\ninterface FilterSelectorMenuProps {\n  filterOptions: FilterOption[];\n  visibleFilters: string[];\n  onToggleFilter: (filterId: string, isVisible: boolean) => void;\n  onShowAll: () => void;\n  onHideAll: () => void;\n}\n\nfunction FilterSelectorMenu({\n  filterOptions,\n  visibleFilters,\n  onToggleFilter,\n  onShowAll,\n  onHideAll,\n}: FilterSelectorMenuProps) {\n  return (\n    <div className=\"p-2 min-w-48 space-y-1\">\n      <div className=\"text-xs font-semibold text-neutral-500 px-2 pb-2\">\n        Show filters\n      </div>\n      {filterOptions.map((filter) => (\n        <label\n          key={filter.id}\n          className=\"flex items-center gap-2 px-2 py-1.5 rounded-lg cursor-pointer hover:bg-neutral-50 dark:hover:bg-neutral-700\"\n        >\n          <input\n            type=\"checkbox\"\n            checked={visibleFilters.includes(filter.id)}\n            onChange={(event) =>\n              onToggleFilter(filter.id, event.target.checked)\n            }\n            className=\"w-4 h-4 rounded cursor-pointer accent-primary-500\"\n          />\n          <span className=\"text-sm text-neutral-700 dark:text-neutral-300\">\n            {filter.label}\n          </span>\n        </label>\n      ))}\n      <div className=\"flex gap-2 pt-2 border-t border-neutral-200 dark:border-neutral-700\">\n        <button\n          onClick={onShowAll}\n          className=\"flex-1 text-xs font-semibold text-primary-500 hover:text-primary-600 py-1\"\n        >\n          SHOW ALL\n        </button>\n        <button\n          onClick={onHideAll}\n          className=\"flex-1 text-xs font-semibold text-neutral-500 hover:text-neutral-600 py-1\"\n        >\n          HIDE ALL\n        </button>\n      </div>\n    </div>\n  );\n}\n\ninterface DataTableToolbarProps<T> {\n  searchQuery: string;\n  onSearchChange: (value: string) => void;\n  searchPlaceholder: string;\n  bulkDeleteEnabled: boolean;\n  bulkSelectionActive: boolean;\n  selectedCount: number;\n  bulkActionsContent?: React.ReactNode;\n  bulkActionCard?: React.ReactNode;\n  onToggleBulkSelection: () => void;\n  onBulkDeleteSelected: () => void;\n  onExport?: () => void;\n  columnMenuOpen: boolean;\n  onToggleColumnMenu: () => void;\n  onCloseColumnMenu: () => void;\n  columns: DataTableProps<T>['columns'];\n  onColumnToggle?: (columnId: string) => void;\n}\n\nfunction DataTableToolbar<T>({\n  searchQuery,\n  onSearchChange,\n  searchPlaceholder,\n  bulkDeleteEnabled,\n  bulkSelectionActive,\n  selectedCount,\n  bulkActionsContent,\n  bulkActionCard,\n  onToggleBulkSelection,\n  onBulkDeleteSelected,\n  onExport,\n  columnMenuOpen,\n  onToggleColumnMenu,\n  onCloseColumnMenu,\n  columns,\n  onColumnToggle,\n}: DataTableToolbarProps<T>) {\n  const hasSelectedRows = selectedCount > 0;\n\n  return (\n    <div className=\"border-b border-neutral-200 px-4 py-3 dark:border-neutral-700\">\n      <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2\">\n          {bulkDeleteEnabled ? (\n            <FilterButton\n              icon={\n                <svg\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  className=\"h-6.5 w-6.5\"\n                  viewBox=\"0 0 24 24\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={1.75}\n                    d=\"M4.25 10V18.85A1.25 1.25 0 005.5 20.1H14\"\n                  />\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={1.75}\n                    d=\"M7 5.75h10A1.25 1.25 0 0118.25 7v10A1.25 1.25 0 0117 18.25H7A1.25 1.25 0 015.75 17V7A1.25 1.25 0 017 5.75z\"\n                  />\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={1.75}\n                    d=\"m9.25 12 2.25 2.25 4.25-4.5\"\n                  />\n                </svg>\n              }\n              label={\n                bulkSelectionActive\n                  ? 'Disable bulk selection'\n                  : 'Enable bulk selection'\n              }\n              onClick={onToggleBulkSelection}\n              hasActive={bulkSelectionActive}\n            />\n          ) : null}\n\n          <SearchField\n            value={searchQuery}\n            onChange={onSearchChange}\n            placeholder={searchPlaceholder}\n          />\n        </div>\n\n        <div className=\"flex items-center gap-1 self-end lg:self-auto\">\n          <ToolbarIconButton onClick={onExport} title=\"Refresh\">\n            <svg\n              className=\"w-5 h-5\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n              />\n            </svg>\n          </ToolbarIconButton>\n\n          <div className=\"relative\">\n            <ToolbarIconButton\n              onClick={onToggleColumnMenu}\n              title=\"Column settings\"\n            >\n              <svg\n                className=\"w-5 h-5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 6h16M7 12h10m-7 6h4\"\n                />\n              </svg>\n            </ToolbarIconButton>\n\n            <FilterDropdown isOpen={columnMenuOpen} onClose={onCloseColumnMenu}>\n              <ColumnToggle\n                columns={columns}\n                onToggle={(columnId) => {\n                  onColumnToggle?.(columnId);\n                }}\n              />\n            </FilterDropdown>\n          </div>\n        </div>\n      </div>\n\n      {bulkSelectionActive && hasSelectedRows\n        ? (bulkActionCard ?? (\n            <div className=\"mt-3 flex flex-col gap-3 rounded-xl border border-neutral-200/80 bg-white/90 px-4 py-3 shadow-sm backdrop-blur-xl dark:border-white/10 dark:bg-neutral-900/70 dark:shadow-black/20 lg:flex-row lg:items-center lg:justify-between\">\n              <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n                <span className=\"inline-flex items-center rounded-full border border-primary-200 bg-primary-100/80 px-2.5 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700 dark:border-primary-400/20 dark:bg-primary-500/15 dark:text-primary-200\">\n                  Bulk actions\n                </span>\n                <p className=\"text-sm font-medium text-neutral-900 dark:text-white\">\n                  {selectedCount} {selectedCount === 1 ? 'row' : 'rows'}{' '}\n                  selected\n                </p>\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                {bulkActionsContent}\n                {bulkDeleteEnabled ? (\n                  <button\n                    type=\"button\"\n                    onClick={onBulkDeleteSelected}\n                    className=\"inline-flex items-center gap-2 rounded-lg border border-primary-400/30 bg-primary px-3 py-2 text-sm font-medium text-primary-foreground shadow-lg shadow-primary-500/20 transition-colors hover:bg-primary-600\"\n                  >\n                    <svg\n                      className=\"h-4 w-4\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3m-7 0h8\"\n                      />\n                    </svg>\n                    Delete selected\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          ))\n        : null}\n    </div>\n  );\n}\n\ninterface TableStateRowProps {\n  colSpan: number;\n  children: React.ReactNode;\n}\n\nfunction TableStateRow({ colSpan, children }: TableStateRowProps) {\n  return (\n    <tr>\n      <td colSpan={colSpan} className=\"px-4 py-12 text-center text-neutral-500\">\n        {children}\n      </td>\n    </tr>\n  );\n}\n\nfunction LoadingTableState({ colSpan }: { colSpan: number }) {\n  return (\n    <TableStateRow colSpan={colSpan}>\n      <div className=\"flex flex-col items-center gap-3\">\n        <svg\n          className=\"w-8 h-8 animate-spin text-primary-500\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <circle\n            className=\"opacity-25\"\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            strokeWidth=\"4\"\n          />\n          <path\n            className=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n        <span>Loading data...</span>\n      </div>\n    </TableStateRow>\n  );\n}\n\nfunction EmptyTableState({ colSpan }: { colSpan: number }) {\n  return (\n    <TableStateRow colSpan={colSpan}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <span className=\"text-4xl\">🔍</span>\n        <p className=\"font-medium\">No results found</p>\n        <p className=\"text-sm\">Try adjusting the filter</p>\n      </div>\n    </TableStateRow>\n  );\n}\n\ninterface DataTableRowsProps<T> {\n  table: Table<T>;\n  isLoading: boolean;\n  bulkSelectionActive: boolean;\n  selectedRowIds: Record<string, boolean>;\n  onToggleRowSelection: (rowId: string, checked: boolean) => void;\n  rowMenuOpen: number | null;\n  onToggleRowMenu: (rowIndex: number) => void;\n  onCloseRowMenu: () => void;\n  onRowAction?: (action: string, row: T) => void;\n}\n\nfunction DataTableRows<T>({\n  table,\n  isLoading,\n  bulkSelectionActive,\n  selectedRowIds,\n  onToggleRowSelection,\n  rowMenuOpen,\n  onToggleRowMenu,\n  onCloseRowMenu,\n  onRowAction,\n}: DataTableRowsProps<T>) {\n  const colSpan =\n    table.getVisibleLeafColumns().length + (bulkSelectionActive ? 2 : 1);\n\n  if (isLoading) {\n    return <LoadingTableState colSpan={colSpan} />;\n  }\n\n  if (table.getRowModel().rows.length === 0) {\n    return <EmptyTableState colSpan={colSpan} />;\n  }\n\n  return (\n    <>\n      {table.getRowModel().rows.map((row) => (\n        <tr\n          key={row.id}\n          className=\"border-b border-neutral-100 dark:border-neutral-700 hover:bg-neutral-50 dark:hover:bg-neutral-700/50 transition-colors\"\n        >\n          {bulkSelectionActive ? (\n            <td className=\"w-12 px-4 py-3 align-middle\">\n              <Checkbox\n                aria-label={`Select row ${row.id}`}\n                checked={Boolean(selectedRowIds[row.id])}\n                onChange={(event) =>\n                  onToggleRowSelection(row.id, event.target.checked)\n                }\n              />\n            </td>\n          ) : null}\n          {row.getVisibleCells().map((cell) => (\n            <td\n              key={cell.id}\n              className=\"px-4 py-3 text-sm text-neutral-700 dark:text-neutral-300\"\n            >\n              {flexRender(cell.column.columnDef.cell, cell.getContext())}\n            </td>\n          ))}\n          <RowActionsCell\n            rowIndex={row.index}\n            row={row.original}\n            isOpen={rowMenuOpen === row.index}\n            onToggle={onToggleRowMenu}\n            onClose={onCloseRowMenu}\n            onRowAction={onRowAction}\n          />\n        </tr>\n      ))}\n    </>\n  );\n}\n\nconst usesManualPagination = (\n  totalCount?: number,\n  onPaginationChange?: (pageIndex: number, pageSize: number) => void,\n) => totalCount !== undefined || typeof onPaginationChange === 'function';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function DataTable<T = Record<string, any>>({\n  columns,\n  data,\n  isLoading = false,\n  onColumnToggle,\n  pageSize = 10,\n  maxHeight = '500px',\n  onSearch,\n  onExport,\n  onRowAction,\n  onBulkDelete,\n  renderBulkActions,\n  renderBulkActionCard,\n  onFilterChange,\n  onFiltersApply,\n  serverSideFiltering = false,\n  filterOptions: externalFilterOptions,\n  searchPlaceholder = 'Search ...',\n  totalCount,\n  onPaginationChange,\n}: DataTableProps<T>) {\n  const [pagination, setPagination] = React.useState<PaginationState>({\n    pageIndex: 0,\n    pageSize: pageSize,\n  });\n  const [columnMenuOpen, setColumnMenuOpen] = React.useState(false);\n  const [profileMenuOpen, setProfileMenuOpen] = React.useState(false);\n  const [profileOpen, setProfileOpen] = React.useState(false);\n  const [filterSelectorOpen, setFilterSelectorOpen] = React.useState(false);\n  const [visibleFilters, setVisibleFilters] = React.useState<string[]>([]);\n  const [activeFilters, setActiveFilters] = React.useState<FilterValues>({});\n  const [bulkSelectionActive, setBulkSelectionActive] = React.useState(false);\n  const [selectedRowIds, setSelectedRowIds] = React.useState<\n    Record<string, boolean>\n  >({});\n  const [rowMenuOpen, setRowMenuOpen] = React.useState<number | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState('');\n\n  const asyncFilterOptions = useAsyncFilterOptions(\n    externalFilterOptions,\n    filterSelectorOpen,\n  );\n\n  // Auto-generate filter options from columns that are filterable\n  const filterOptions: FilterOption[] = React.useMemo(() => {\n    return resolveFilterOptions(\n      columns,\n      data,\n      externalFilterOptions,\n      asyncFilterOptions,\n    );\n  }, [columns, data, externalFilterOptions, asyncFilterOptions]);\n\n  const visibleColumns = React.useMemo(\n    () => columns.filter((column) => column.visible !== false),\n    [columns],\n  );\n  const manualPagination = usesManualPagination(totalCount, onPaginationChange);\n  const pageCount =\n    totalCount === undefined\n      ? undefined\n      : Math.ceil(totalCount / pagination.pageSize);\n\n  // Filter data based on search query and active filters (client-side only)\n  const filteredData = React.useMemo(() => {\n    return filterClientData(\n      data,\n      activeFilters,\n      searchQuery,\n      serverSideFiltering,\n      filterOptions,\n    );\n  }, [data, activeFilters, searchQuery, serverSideFiltering, filterOptions]);\n\n  // TanStack Table columns definition\n  const tableColumns = React.useMemo<ColumnDef<T>[]>(\n    () =>\n      visibleColumns.map((col) => ({\n        id: col.id,\n        accessorKey: col.id,\n        header: col.label,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        cell: (info: any) => info.getValue() || '-',\n      })),\n    [visibleColumns],\n  );\n\n  const updatePagination = React.useCallback(\n    (\n      updater:\n        | PaginationState\n        | ((previous: PaginationState) => PaginationState),\n    ) => {\n      setPagination((previous) => {\n        const nextPagination =\n          typeof updater === 'function' ? updater(previous) : updater;\n\n        if (\n          previous.pageIndex !== nextPagination.pageIndex ||\n          previous.pageSize !== nextPagination.pageSize\n        ) {\n          onPaginationChange?.(\n            nextPagination.pageIndex,\n            nextPagination.pageSize,\n          );\n        }\n\n        return nextPagination;\n      });\n    },\n    [onPaginationChange],\n  );\n\n  const table = useReactTable({\n    data: filteredData,\n    columns: tableColumns,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    state: {\n      pagination,\n      globalFilter: searchQuery,\n    },\n    onPaginationChange: updatePagination,\n    manualPagination,\n    pageCount,\n  });\n\n  const visibleRows = table.getRowModel().rows;\n  const bulkDeleteEnabled = typeof onBulkDelete === 'function';\n  const selectedRows = React.useMemo(\n    () =>\n      visibleRows\n        .filter((row) => selectedRowIds[row.id])\n        .map((row) => row.original),\n    [selectedRowIds, visibleRows],\n  );\n  const allVisibleRowsSelected =\n    visibleRows.length > 0 &&\n    visibleRows.every((row) => selectedRowIds[row.id]);\n\n  React.useEffect(() => {\n    updatePagination((previous) =>\n      previous.pageIndex === 0 ? previous : { ...previous, pageIndex: 0 },\n    );\n  }, [activeFilters, searchQuery, updatePagination]);\n\n  React.useEffect(() => {\n    setSelectedRowIds((previous) => {\n      const visibleRowIds = new Set(visibleRows.map((row) => row.id));\n      const nextSelection = Object.fromEntries(\n        Object.entries(previous).filter(\n          ([rowId, isSelected]) => isSelected && visibleRowIds.has(rowId),\n        ),\n      );\n\n      const previousKeys = Object.keys(previous).sort().join('|');\n      const nextKeys = Object.keys(nextSelection).sort().join('|');\n\n      return previousKeys === nextKeys ? previous : nextSelection;\n    });\n  }, [visibleRows]);\n\n  const applyFilters = React.useCallback(\n    (nextFilters: FilterValues) => {\n      setActiveFilters(nextFilters);\n      onFilterChange?.(nextFilters);\n\n      if (serverSideFiltering) {\n        onFiltersApply?.(nextFilters);\n      }\n    },\n    [onFilterChange, onFiltersApply, serverSideFiltering],\n  );\n\n  const handleSearchChange = React.useCallback(\n    (value: string) => {\n      setSearchQuery(value);\n      onSearch?.(value);\n    },\n    [onSearch],\n  );\n\n  const handleFilterChange = React.useCallback(\n    (filterId: string, value: FilterValue) => {\n      applyFilters({\n        ...activeFilters,\n        [filterId]: value,\n      });\n    },\n    [activeFilters, applyFilters],\n  );\n\n  const handleResetFilters = React.useCallback(() => {\n    applyFilters({});\n  }, [applyFilters]);\n\n  const handleToggleFilterVisibility = React.useCallback(\n    (filterId: string, isVisible: boolean) => {\n      setVisibleFilters((previous) => {\n        if (isVisible) {\n          return previous.includes(filterId)\n            ? previous\n            : [...previous, filterId];\n        }\n\n        return previous.filter((id) => id !== filterId);\n      });\n\n      if (!isVisible && filterId in activeFilters) {\n        const nextFilters = { ...activeFilters };\n        delete nextFilters[filterId];\n        applyFilters(nextFilters);\n      }\n    },\n    [activeFilters, applyFilters],\n  );\n\n  const handleShowAllFilters = React.useCallback(() => {\n    setVisibleFilters(filterOptions.map((filter) => filter.id));\n  }, [filterOptions]);\n\n  const handleHideAllFilters = React.useCallback(() => {\n    setVisibleFilters([]);\n    handleResetFilters();\n  }, [handleResetFilters]);\n\n  const handleToggleRowMenu = React.useCallback((rowIndex: number) => {\n    setRowMenuOpen((previous) => (previous === rowIndex ? null : rowIndex));\n  }, []);\n\n  const handleToggleFilterSelector = React.useCallback(() => {\n    setFilterSelectorOpen((previous) => !previous);\n  }, []);\n\n  const handleToggleProfileMenu = React.useCallback(() => {\n    setProfileMenuOpen((previous) => !previous);\n  }, []);\n\n  const handleToggleColumnMenu = React.useCallback(() => {\n    setColumnMenuOpen((previous) => !previous);\n  }, []);\n\n  const handleToggleBulkSelection = React.useCallback(() => {\n    setBulkSelectionActive((previous) => {\n      if (previous) {\n        setSelectedRowIds({});\n      }\n\n      return !previous;\n    });\n  }, []);\n\n  const handleToggleRowSelection = React.useCallback(\n    (rowId: string, checked: boolean) => {\n      setSelectedRowIds((previous) => {\n        if (checked) {\n          return {\n            ...previous,\n            [rowId]: true,\n          };\n        }\n\n        const nextSelection = { ...previous };\n        delete nextSelection[rowId];\n        return nextSelection;\n      });\n    },\n    [],\n  );\n\n  const handleToggleAllVisibleRows = React.useCallback(\n    (checked: boolean) => {\n      setSelectedRowIds((previous) => {\n        const nextSelection = { ...previous };\n\n        visibleRows.forEach((row) => {\n          if (checked) {\n            nextSelection[row.id] = true;\n          } else {\n            delete nextSelection[row.id];\n          }\n        });\n\n        return nextSelection;\n      });\n    },\n    [visibleRows],\n  );\n\n  const handleBulkDeleteSelected = React.useCallback(() => {\n    if (!onBulkDelete || selectedRows.length === 0) {\n      return;\n    }\n\n    onBulkDelete(selectedRows);\n    setSelectedRowIds({});\n  }, [onBulkDelete, selectedRows]);\n\n  const handleClearSelectedRows = React.useCallback(() => {\n    setSelectedRowIds({});\n  }, []);\n\n  const handleDisableBulkSelection = React.useCallback(() => {\n    setBulkSelectionActive(false);\n    setSelectedRowIds({});\n  }, []);\n\n  const bulkActionContext = React.useMemo<DataTableBulkActionContext<T>>(\n    () => ({\n      selectedRows,\n      selectedCount: selectedRows.length,\n      clearSelection: handleClearSelectedRows,\n      disableBulkSelection: handleDisableBulkSelection,\n    }),\n    [handleClearSelectedRows, handleDisableBulkSelection, selectedRows],\n  );\n\n  const bulkActionsContent = renderBulkActions?.(bulkActionContext);\n  const bulkActionCard = renderBulkActionCard?.(bulkActionContext);\n\n  const handleOpenProfile = React.useCallback(() => {\n    setProfileOpen(true);\n    setProfileMenuOpen(false);\n  }, []);\n\n  const hasActiveFilters = Object.values(activeFilters).some(isFilterActive);\n\n  const handleSaveProfile = (profileName: string) => {\n    void {\n      name: profileName,\n      filters: activeFilters,\n      timestamp: new Date().toISOString(),\n    };\n  };\n\n  return (\n    <div className=\"space-y-0\">\n      {/* Row 1: Filters Row - Separated with border */}\n      <div className=\"flex items-center justify-between gap-4 py-4 px-4 bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700 rounded-lg mb-4\">\n        <div className=\"flex items-center gap-3 flex-wrap\">\n          {filterOptions\n            .filter((filter) => visibleFilters.includes(filter.id))\n            .map((filter, index) => {\n              const isActive = isFilterActive(activeFilters[filter.id]);\n\n              return (\n                <div\n                  key={filter.id}\n                  className={`min-w-[200px] ${\n                    index > 0\n                      ? 'pl-3 border-l border-neutral-200 dark:border-neutral-600'\n                      : ''\n                  }`}\n                >\n                  <FilterFieldControl\n                    filter={filter}\n                    value={activeFilters[filter.id]}\n                    isActive={isActive}\n                    onChange={(value) => handleFilterChange(filter.id, value)}\n                  />\n                </div>\n              );\n            })}\n        </div>\n\n        {/* Right side icons */}\n        <div className=\"flex items-center gap-1 ml-auto\">\n          <div className=\"relative\">\n            <ToolbarIconButton\n              onClick={handleToggleFilterSelector}\n              title=\"Add filter\"\n            >\n              <svg\n                className=\"w-5 h-5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth={2}\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M3 4h18l-7 8v6l-4 2v-8L3 4z\"\n                />\n              </svg>\n            </ToolbarIconButton>\n            <FilterDropdown\n              isOpen={filterSelectorOpen}\n              onClose={() => setFilterSelectorOpen(false)}\n            >\n              <FilterSelectorMenu\n                filterOptions={filterOptions}\n                visibleFilters={visibleFilters}\n                onToggleFilter={handleToggleFilterVisibility}\n                onShowAll={handleShowAllFilters}\n                onHideAll={handleHideAllFilters}\n              />\n            </FilterDropdown>\n          </div>\n\n          <ToolbarIconButton\n            onClick={handleResetFilters}\n            disabled={!hasActiveFilters}\n            title=\"Clear filters\"\n          >\n            <svg\n              className=\"w-5 h-5\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                d=\"M3 4h18l-7 8v6l-4 2v-8L3 4z\"\n              />\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                d=\"M17 17l4 4m0-4l-4 4\"\n              />\n            </svg>\n          </ToolbarIconButton>\n\n          <div className=\"relative\">\n            <ToolbarIconButton\n              onClick={handleToggleProfileMenu}\n              title=\"Filter profiles\"\n            >\n              <svg\n                className=\"w-5 h-5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth={2}\n                viewBox=\"0 0 24 24\"\n              >\n                {/* Person head */}\n                <circle cx=\"9\" cy=\"7\" r=\"3\" />\n                {/* Person body */}\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M3 21v-2a4 4 0 014-4h4\"\n                />\n                {/* Small funnel */}\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M15 12h6l-3 3.5v2.5l-1.5 1v-3.5L15 12z\"\n                />\n              </svg>\n            </ToolbarIconButton>\n            <FilterDropdown\n              isOpen={profileMenuOpen}\n              onClose={() => setProfileMenuOpen(false)}\n            >\n              <div className=\"p-2 min-w-48\">\n                <button\n                  onClick={handleOpenProfile}\n                  className=\"w-full text-left px-4 py-3 text-primary-500 font-medium hover:bg-neutral-50 dark:hover:bg-neutral-700 rounded-lg border-2 border-dashed border-primary-300\"\n                >\n                  Save new filter profile\n                </button>\n              </div>\n            </FilterDropdown>\n          </div>\n        </div>\n      </div>\n\n      {/* Table */}\n      <div className=\"bg-white dark:bg-neutral-800 rounded-lg border border-neutral-200 dark:border-neutral-700 overflow-hidden\">\n        <DataTableToolbar\n          searchQuery={searchQuery}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={searchPlaceholder}\n          bulkDeleteEnabled={bulkDeleteEnabled}\n          bulkSelectionActive={bulkSelectionActive}\n          selectedCount={selectedRows.length}\n          bulkActionsContent={bulkActionsContent}\n          bulkActionCard={bulkActionCard}\n          onToggleBulkSelection={handleToggleBulkSelection}\n          onBulkDeleteSelected={handleBulkDeleteSelected}\n          onExport={onExport}\n          columnMenuOpen={columnMenuOpen}\n          onToggleColumnMenu={handleToggleColumnMenu}\n          onCloseColumnMenu={() => setColumnMenuOpen(false)}\n          columns={columns}\n          onColumnToggle={onColumnToggle}\n        />\n\n        {/* Table Container */}\n        <div className=\"overflow-auto\" style={{ maxHeight }}>\n          <table className=\"w-full min-w-[600px]\">\n            <thead className=\"sticky top-0 bg-white dark:bg-neutral-800 z-10\">\n              {table.getHeaderGroups().map((headerGroup) => (\n                <tr\n                  key={headerGroup.id}\n                  className=\"border-b border-neutral-200 dark:border-neutral-700\"\n                >\n                  {bulkSelectionActive ? (\n                    <th className=\"w-12 px-4 py-3 bg-white dark:bg-neutral-800\">\n                      <Checkbox\n                        aria-label=\"Select all visible rows\"\n                        checked={allVisibleRowsSelected}\n                        onChange={(event) =>\n                          handleToggleAllVisibleRows(event.target.checked)\n                        }\n                      />\n                    </th>\n                  ) : null}\n                  {headerGroup.headers.map((header) => (\n                    <th\n                      key={header.id}\n                      className=\"px-4 py-3 text-left text-sm font-semibold text-neutral-900 dark:text-white whitespace-nowrap bg-white dark:bg-neutral-800\"\n                    >\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(\n                            header.column.columnDef.header,\n                            header.getContext(),\n                          )}\n                    </th>\n                  ))}\n                  <th className=\"w-12 bg-white dark:bg-neutral-800\"></th>\n                </tr>\n              ))}\n            </thead>\n            <tbody>\n              <DataTableRows\n                table={table}\n                isLoading={isLoading}\n                bulkSelectionActive={bulkSelectionActive}\n                selectedRowIds={selectedRowIds}\n                onToggleRowSelection={handleToggleRowSelection}\n                rowMenuOpen={rowMenuOpen}\n                onToggleRowMenu={handleToggleRowMenu}\n                onCloseRowMenu={() => setRowMenuOpen(null)}\n                onRowAction={onRowAction}\n              />\n            </tbody>\n          </table>\n        </div>\n\n        <DataTablePagination\n          table={table}\n          totalCount={totalCount}\n          filteredCount={filteredData.length}\n        />\n      </div>\n\n      {/* Profile Modal */}\n      <FilterProfile\n        isOpen={profileOpen}\n        onClose={() => setProfileOpen(false)}\n        onSaveProfile={(name) => {\n          handleSaveProfile(name);\n          setProfileOpen(false);\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}