assets/ColorPaletteGenerator-DaoImThU.js

import{r as o,j as t}from"./react-_fH1j4AW.js";import{Z as u}from"./react-colorful-CBg-e-h0.js";import{d as b}from"./geminiService-7wPGMJPL.js";import{c as h}from"./index-Nqm_ElTk.js";import{L as m}from"./LoadingSpinner-C3NwW9hm.js";import"./@braintree-9Zuj5s7N.js";import"./@google-4tyssLU_.js";import"./react-dom-B47xkeQg.js";import"./scheduler-DYLXRpC5.js";import"./mermaid-CwNlsT42.js";import"./dayjs-LlU9W_sF.js";import"./d3-transition-593SbTzI.js";import"./d3-timer-DdKHrDhs.js";import"./d3-dispatch-kxCwF96_.js";import"./d3-interpolate-CfLzPKWk.js";import"./d3-color-amxIadob.js";import"./d3-selection-C52G7wmG.js";import"./d3-ease-DRPgKoYJ.js";import"./d3-zoom-Dc8HCWOS.js";import"./dompurify-J5RlrwSC.js";import"./dagre-d3-es-CXvdFQqV.js";import"./lodash-es-CKQobiyk.js";import"./d3-shape-C6amFesj.js";import"./d3-path-CimkQT29.js";import"./d3-fetch-BOsq7VnW.js";import"./khroma-DUX6PT6k.js";import"./uuid-DhYbOkY1.js";import"./d3-scale-BchcX-lF.js";import"./internmap-BkD7Hj8s.js";import"./d3-array-DGRYoJHh.js";import"./d3-format-CzD4bSOQ.js";import"./d3-time-format-CUNN4Ell.js";import"./d3-time-6cSPyVSY.js";import"./d3-axis-DSWTncID.js";import"./elkjs-BS_sNva5.js";import"./cytoscape-Copgxxlq.js";import"./cytoscape-cose-bilkent-DNVwk4oY.js";import"./cose-base-HlRMd3jM.js";import"./layout-base-BVPXtQQC.js";import"./d3-sankey-DgqkLiUE.js";import"./d3-scale-chromatic-B-NsZVaP.js";import"./ts-dedent-DrFu-skq.js";import"./stylis-D5iaQeiq.js";import"./mdast-util-from-markdown-CLAsVoWb.js";import"./micromark-CTBPIv-_.js";import"./micromark-util-combine-extensions-Bka6Sc1c.js";import"./micromark-util-chunked-DrRIdSP-.js";import"./micromark-factory-space-x2vfxbz5.js";import"./micromark-util-character-Bcm1tP9o.js";import"./micromark-core-commonmark-AH8VCgT7.js";import"./micromark-util-classify-character-Cq7Fg3xE.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./decode-named-character-reference-C3-224fz.js";import"./micromark-util-subtokenize-QwsxNXk2.js";import"./micromark-factory-destination-CypD_wgM.js";import"./micromark-factory-label-CRHH4ZHP.js";import"./micromark-factory-title-B7kCBvC9.js";import"./micromark-factory-whitespace-B322EA6O.js";import"./micromark-util-normalize-identifier-C9ANKk3v.js";import"./micromark-util-html-tag-name-DbKNfynz.js";import"./micromark-util-decode-numeric-character-reference-DRnCnno4.js";import"./micromark-util-decode-string-DJl8Y_PO.js";import"./unist-util-stringify-position-Ch_qCilz.js";import"./mdast-util-to-string-C_aolqmU.js";const St=()=>{const[r,p]=o.useState("#06b6d4"),[n,c]=o.useState(["#06b6d4","#0891b2","#0e7490","#155e75","#164e63","#083344"]),[s,i]=o.useState(!1),[a,l]=o.useState(""),d=o.useCallback(async()=>{i(!0),l("");try{const e=await b(r);c(e.colors)}catch(e){const f=e instanceof Error?e.message:"An unknown error occurred.";l(`Failed to generate palette: ${f}`)}finally{i(!1)}},[r]),x=e=>{navigator.clipboard.writeText(e)};return t.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8",children:[t.jsxs("header",{className:"mb-6 text-center",children:[t.jsxs("h1",{className:"text-3xl font-bold text-slate-100 flex items-center justify-center",children:[t.jsx(h,{}),t.jsx("span",{className:"ml-3",children:"AI Color Palette Generator"})]}),t.jsx("p",{className:"text-slate-400 mt-1",children:"Pick a base color and let Gemini design a beautiful palette for you."})]}),t.jsxs("div",{className:"flex-grow flex flex-col md:flex-row items-center justify-center gap-8",children:[t.jsxs("div",{className:"flex flex-col items-center gap-4",children:[t.jsx(u,{color:r,onChange:p,className:"!w-64 !h-64"}),t.jsx("div",{className:"p-2 bg-slate-800 rounded-md font-mono text-lg",style:{border:`1px solid ${r}`},children:r}),t.jsx("button",{onClick:d,disabled:s,className:"w-full flex items-center justify-center px-6 py-3 bg-cyan-500 text-slate-900 font-bold rounded-md hover:bg-cyan-400 transition-colors disabled:bg-slate-600 disabled:cursor-not-allowed",children:s?t.jsx(m,{}):"Generate Palette"}),a&&t.jsx("p",{className:"text-red-400 text-sm mt-2",children:a})]}),t.jsxs("div",{className:"flex flex-col gap-2 w-full max-w-sm",children:[t.jsx("label",{className:"text-sm font-medium text-slate-400 mb-2",children:"Generated Palette:"}),s?t.jsx("div",{className:"flex items-center justify-center h-48",children:t.jsx(m,{})}):n.map(e=>t.jsxs("div",{className:"group flex items-center justify-between p-4 rounded-md",style:{backgroundColor:e},children:[t.jsx("span",{className:"font-mono font-bold text-black/70 mix-blend-overlay",children:e}),t.jsx("button",{onClick:()=>x(e),className:"opacity-0 group-hover:opacity-100 transition-opacity bg-white/30 hover:bg-white/50 px-3 py-1 rounded text-xs text-black font-semibold",children:"Copy"})]},e))]})]})]})};export{St as ColorPaletteGenerator};
//# sourceMappingURL=ColorPaletteGenerator-DaoImThU.js.map