https://www.textile-designer.ai/_next/static/chunks/33078.943911f5f909ffad.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33078],{33078:function(e,t,r){r.r(t),r.d(t,{PaletteCardsRenderer:function(){return PaletteCardsRenderer}});var s=r(35123);r(5615);let a={emerging:{bg:"bg-blue-100",text:"text-blue-700",bgDark:"bg-blue-900/50",textDark:"text-blue-300"},growing:{bg:"bg-green-100",text:"text-green-700",bgDark:"bg-green-900/50",textDark:"text-green-300"},peaking:{bg:"bg-amber-100",text:"text-amber-700",bgDark:"bg-amber-900/50",textDark:"text-amber-300"},declining:{bg:"bg-gray-100",text:"text-gray-700",bgDark:"bg-gray-800/50",textDark:"text-gray-300"}};function TrajectoryBadge({trajectory:e,isDarkMode:t}){if(!e)return null;let r=a[e]||a.growing;return(0,s.jsx)("span",{className:`inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-medium ${t?`${r.bgDark} ${r.textDark}`:`${r.bg} ${r.text}`}`,children:e.charAt(0).toUpperCase()+e.slice(1)})}function ColorSwatch({name:e,hex:t,size:r="md",showLabel:a=!0,isDarkMode:l}){return(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)("div",{className:`${{sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"}[r]} rounded-lg shadow-sm border ${l?"border-white/20":"border-gray-200"} flex items-center justify-center`,style:{backgroundColor:t||"#cccccc"},title:e,children:e&&(0,s.jsx)("span",{className:"text-[8px] font-medium px-1 text-center truncate max-w-full",style:{color:function(e){if(!e)return"#000000";let t=parseInt(e.slice(1,3),16),r=parseInt(e.slice(3,5),16),s=parseInt(e.slice(5,7),16);return(.299*t+.587*r+.114*s)/255>.5?"#000000":"#ffffff"}(t||"#cccccc")},children:e})}),a&&t&&(0,s.jsx)("span",{className:`text-[9px] font-mono mt-1 ${l?"text-white/50":"text-gray-400"}`,children:t})]})}function RichPaletteCard({palette:e,accentColor:t,isDarkMode:r}){let{name:a,story:l,description:i,hex:n,pantone:x,ncs:d,trajectory:c,trajectoryScore:o,skinToneAdaptations:m,complementaryPalette:h,marketFit:p,socialSignalScore:g,runwayPresence:b,colors:u}=e,f=n&&!u;return(0,s.jsxs)("div",{className:`p-4 rounded-xl border shadow-sm ${r?"bg-white/5 border-white/10":"bg-white border-gray-100"}`,children:[(0,s.jsxs)("div",{className:"flex items-start justify-between mb-3",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)("h4",{className:`font-sans font-semibold text-sm ${r?"text-white":"text-gray-900"}`,children:a}),l&&(0,s.jsx)("p",{className:`text-xs mt-1 line-clamp-2 ${r?"text-white/60":"text-gray-500"}`,children:l})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 ml-3",children:[c&&(0,s.jsx)(TrajectoryBadge,{trajectory:c,isDarkMode:r}),o&&(0,s.jsxs)("span",{className:`text-[10px] ${r?"text-white/50":"text-gray-400"}`,children:[o,"%"]})]})]}),f&&n&&(0,s.jsx)("div",{className:"mb-4",children:(0,s.jsx)("div",{className:"h-20 rounded-xl shadow-inner flex items-end p-3",style:{backgroundColor:n},children:(0,s.jsxs)("div",{className:`rounded-lg px-2 py-1 shadow-sm ${r?"bg-black/70 backdrop-blur-sm":"bg-white/90 backdrop-blur-sm"}`,children:[(0,s.jsx)("span",{className:`text-[10px] font-mono font-medium ${r?"text-white":"text-gray-800"}`,children:n}),x&&(0,s.jsx)("span",{className:`text-[9px] block ${r?"text-white/70":"text-gray-500"}`,children:x})]})})}),u&&u.length>0&&(0,s.jsx)("div",{className:"flex gap-2 mb-4 overflow-x-auto pb-2",children:u.map((e,t)=>(0,s.jsx)(ColorSwatch,{name:e.name,hex:e.hex,size:"md",isDarkMode:r},t))}),f&&m&&(0,s.jsxs)("div",{className:"mb-3",children:[(0,s.jsx)("span",{className:`text-[10px] font-medium uppercase tracking-wider mb-2 block ${r?"text-white/50":"text-gray-400"}`,children:"Skin Tone Adaptations"}),(0,s.jsxs)("div",{className:"flex gap-3",children:[m.fair&&(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)("div",{className:`w-8 h-8 rounded-full border ${r?"border-white/20":"border-gray-200"}`,style:{backgroundColor:m.fair},title:"Fair"}),(0,s.jsx)("span",{className:`text-[9px] mt-1 ${r?"text-white/50":"text-gray-400"}`,children:"Fair"})]}),m.medium&&(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)("div",{className:`w-8 h-8 rounded-full border ${r?"border-white/20":"border-gray-200"}`,style:{backgroundColor:m.medium},title:"Medium"}),(0,s.jsx)("span",{className:`text-[9px] mt-1 ${r?"text-white/50":"text-gray-400"}`,children:"Medium"})]}),m.deep&&(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)("div",{className:`w-8 h-8 rounded-full border ${r?"border-white/20":"border-gray-200"}`,style:{backgroundColor:m.deep},title:"Deep"}),(0,s.jsx)("span",{className:`text-[9px] mt-1 ${r?"text-white/50":"text-gray-400"}`,children:"Deep"})]})]})]}),f&&h&&h.length>0&&(0,s.jsxs)("div",{className:"mb-3",children:[(0,s.jsx)("span",{className:`text-[10px] font-medium uppercase tracking-wider mb-2 block ${r?"text-white/50":"text-gray-400"}`,children:"Complementary"}),(0,s.jsx)("div",{className:"flex gap-2",children:h.map((e,t)=>(0,s.jsx)("div",{className:`w-6 h-6 rounded-full border ${r?"border-white/20":"border-gray-200"}`,style:{backgroundColor:e},title:e},t))})]}),(0,s.jsxs)("div",{className:`flex flex-wrap gap-2 text-[10px] ${r?"text-white/60":"text-gray-500"}`,children:[p&&p.length>0&&(0,s.jsx)("span",{className:`inline-flex items-center px-2 py-0.5 rounded ${r?"bg-white/10":"bg-gray-100"}`,children:p.join(", ")}),g&&(0,s.jsxs)("span",{className:`inline-flex items-center px-2 py-0.5 rounded ${r?"bg-blue-900/40 text-blue-300":"bg-blue-50 text-blue-600"}`,children:["Social: ",g,"%"]}),d&&(0,s.jsxs)("span",{className:`inline-flex items-center px-2 py-0.5 rounded font-mono ${r?"bg-white/10":"bg-gray-100"}`,children:["NCS: ",d]})]}),b&&Array.isArray(b)&&b.length>0&&(0,s.jsxs)("div",{className:`mt-3 pt-3 border-t ${r?"border-white/10":"border-gray-100"}`,children:[(0,s.jsx)("span",{className:`text-[10px] font-medium uppercase tracking-wider mb-1 block ${r?"text-white/50":"text-gray-400"}`,children:"Runway Presence"}),(0,s.jsx)("div",{className:"flex flex-wrap gap-1",children:b.map((e,t)=>(0,s.jsx)("span",{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[9px] ${r?"bg-purple-900/40 text-purple-300":"bg-purple-50 text-purple-600"}`,children:e},t))})]})]})}function SimplePaletteCard({palette:e,accentColor:t,isDarkMode:r}){let{name:a,description:l,colors:i}=e;return(0,s.jsxs)("div",{className:`p-4 rounded-xl border shadow-sm ${r?"bg-white/5 border-white/10":"bg-white border-gray-100"}`,children:[(0,s.jsxs)("div",{className:"flex items-start justify-between mb-3",children:[(0,s.jsx)("h4",{className:`font-semibold text-sm ${r?"text-white":"text-gray-900"}`,children:a}),l&&(0,s.jsx)("span",{className:`text-xs max-w-[200px] text-right ml-4 ${r?"text-white/60":"text-gray-500"}`,children:l})]}),i&&i.length>0&&(0,s.jsx)("div",{className:"flex gap-3 overflow-x-auto pb-2",children:i.map((e,t)=>(0,s.jsx)(ColorSwatch,{name:e.name,hex:e.hex,size:"lg",isDarkMode:r},t))})]})}function PaletteCardsRenderer({data:e,theme:t,displayHint:r,sectionKey:a,isDarkMode:l}){let{palettes:i=[],title:n,narrative:x}=e,d=t?.accentColor||"#6366f1",c=l||t?.isDarkMode||!1,o=i.length>0&&i[0]?.hex&&!i[0]?.colors;return(0,s.jsxs)("div",{className:"palette-cards-renderer","data-palette-section":a,children:[n&&(0,s.jsx)("h3",{className:`font-semibold mb-4 ${"editorial"===r?"text-xl font-serif":"text-lg"}`,children:n}),x&&(0,s.jsx)("p",{className:"text-sm text-gray-600 mb-4",children:x}),(0,s.jsx)("div",{className:"space-y-4",children:i.map((e,t)=>o?(0,s.jsx)(RichPaletteCard,{palette:e,accentColor:d,isDarkMode:c},t):(0,s.jsx)(SimplePaletteCard,{palette:e,accentColor:d,isDarkMode:c},t))}),i.length>1&&(0,s.jsx)("div",{className:"h-px mt-6",style:{background:`linear-gradient(to right, transparent, ${d}40, transparent)`}})]})}t.default=PaletteCardsRenderer}}]);