"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Custom Color Palette",description:"Override every color layer with hex values to match your brand identity exactly.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Paintbrush,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Custom Palette Configuration"}),e.jsxs(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:["Provide custom colors via the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"customPaletteColor"})," ","prop on ThemeProvider"]})]}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Usage Example",children:e.jsx(r.CodeBlock,{language:"tsx",code:`<ThemeProvider
  menuItems={menuItems}
  customPaletteColor={{
    primary: '#0052ff',           // Hex color or preset name
    darkPrimary: '#578bfa',
    secondary: '#f3f4f6',
    darkSecondary: '#172131',
    accent: '#f7d21a',
    darkAccent: '#936000',
    muted: '#4a5565',
    darkMuted: '#828a99',
    darkBg: '#030712',
    lightBg: '#ffffff',
    lightDark: '#f9fafb',
    darkLightDark: '#0a101d',
  }}
>
  {/* Your app */}
</ThemeProvider>`})})}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs",children:[e.jsx("strong",{children:"Note:"})," All color presets are defined in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border dark:border-border rounded",children:"ui/tucu-ui/src/themes/config/index.ts"}),". Spectrum colors use the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border dark:border-border rounded",children:"-50"})," ","value from Tucu UI Design Tokens, while default colors use semantic mappings."]})})]})]});exports.default=o;
