@mypixia/simplex-designer 2.0.9 → 2.1.0

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";require('./index_external.css');const y=require("react"),Ue=require("qrcode"),Oe=require("react-barcode"),Zt=require("axios");var At={exports:{}},St={};/**
+"use strict";require('./index_external.css');const y=require("react"),Qe=require("qrcode"),$e=require("react-barcode"),ee=require("axios");var Nt={exports:{}},St={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var te;function Qe(){if(te)return St;te=1;var f=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function a(l,s,g){var h=null;if(g!==void 0&&(h=""+g),s.key!==void 0&&(h=""+s.key),"key"in s){g={};for(var n in s)n!=="key"&&(g[n]=s[n])}else g=s;return s=g.ref,{$$typeof:f,type:l,key:h,ref:s!==void 0?s:null,props:g}}return St.Fragment=o,St.jsx=a,St.jsxs=a,St}var Ft={};/**
+ */var ie;function He(){if(ie)return St;ie=1;var d=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function a(l,s,f){var x=null;if(f!==void 0&&(x=""+f),s.key!==void 0&&(x=""+s.key),"key"in s){f={};for(var c in s)c!=="key"&&(f[c]=s[c])}else f=s;return s=f.ref,{$$typeof:d,type:l,key:x,ref:s!==void 0?s:null,props:f}}return St.Fragment=o,St.jsx=a,St.jsxs=a,St}var Ft={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,17 +14,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ee;function $e(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function f(u){if(u==null)return null;if(typeof u=="function")return u.$$typeof===G?null:u.displayName||u.name||null;if(typeof u=="string")return u;switch(u){case w:return"Fragment";case X:return"Profiler";case k:return"StrictMode";case Z:return"Suspense";case W:return"SuspenseList";case ct:return"Activity"}if(typeof u=="object")switch(typeof u.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),u.$$typeof){case N:return"Portal";case O:return(u.displayName||"Context")+".Provider";case j:return(u._context.displayName||"Context")+".Consumer";case S:var E=u.render;return u=u.displayName,u||(u=E.displayName||E.name||"",u=u!==""?"ForwardRef("+u+")":"ForwardRef"),u;case ft:return E=u.displayName||null,E!==null?E:f(u.type)||"Memo";case Q:E=u._payload,u=u._init;try{return f(u(E))}catch{}}return null}function o(u){return""+u}function a(u){try{o(u);var E=!1}catch{E=!0}if(E){E=console;var L=E.error,$=typeof Symbol=="function"&&Symbol.toStringTag&&u[Symbol.toStringTag]||u.constructor.name||"Object";return L.call(E,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",$),o(u)}}function l(u){if(u===w)return"<>";if(typeof u=="object"&&u!==null&&u.$$typeof===Q)return"<...>";try{var E=f(u);return E?"<"+E+">":"<...>"}catch{return"<...>"}}function s(){var u=rt.A;return u===null?null:u.getOwner()}function g(){return Error("react-stack-top-frame")}function h(u){if(M.call(u,"key")){var E=Object.getOwnPropertyDescriptor(u,"key").get;if(E&&E.isReactWarning)return!1}return u.key!==void 0}function n(u,E){function L(){lt||(lt=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",E))}L.isReactWarning=!0,Object.defineProperty(u,"key",{get:L,configurable:!0})}function c(){var u=f(this.type);return Y[u]||(Y[u]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),u=this.props.ref,u!==void 0?u:null}function T(u,E,L,$,_,it,J,q){return L=it.ref,u={$$typeof:B,type:u,key:E,props:it,_owner:_},(L!==void 0?L:null)!==null?Object.defineProperty(u,"ref",{enumerable:!1,get:c}):Object.defineProperty(u,"ref",{enumerable:!1,value:null}),u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(u,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(u,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.defineProperty(u,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u}function I(u,E,L,$,_,it,J,q){var U=E.children;if(U!==void 0)if($)if(st(U)){for($=0;$<U.length;$++)D(U[$]);Object.freeze&&Object.freeze(U)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else D(U);if(M.call(E,"key")){U=f(u);var K=Object.keys(E).filter(function(yt){return yt!=="key"});$=0<K.length?"{key: someKey, "+K.join(": ..., ")+": ...}":"{key: someKey}",et[U+$]||(K=0<K.length?"{"+K.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var oe;function Ge(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&function(){function d(m){if(m==null)return null;if(typeof m=="function")return m.$$typeof===it?null:m.displayName||m.name||null;if(typeof m=="string")return m;switch(m){case b:return"Fragment";case D:return"Profiler";case z:return"StrictMode";case W:return"Suspense";case ot:return"SuspenseList";case q:return"Activity"}if(typeof m=="object")switch(typeof m.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),m.$$typeof){case j:return"Portal";case $:return(m.displayName||"Context")+".Provider";case F:return(m._context.displayName||"Context")+".Consumer";case B:var A=m.render;return m=m.displayName,m||(m=A.displayName||A.name||"",m=m!==""?"ForwardRef("+m+")":"ForwardRef"),m;case U:return A=m.displayName||null,A!==null?A:d(m.type)||"Memo";case nt:A=m._payload,m=m._init;try{return d(m(A))}catch{}}return null}function o(m){return""+m}function a(m){try{o(m);var A=!1}catch{A=!0}if(A){A=console;var Q=A.error,_=typeof Symbol=="function"&&Symbol.toStringTag&&m[Symbol.toStringTag]||m.constructor.name||"Object";return Q.call(A,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",_),o(m)}}function l(m){if(m===b)return"<>";if(typeof m=="object"&&m!==null&&m.$$typeof===nt)return"<...>";try{var A=d(m);return A?"<"+A+">":"<...>"}catch{return"<...>"}}function s(){var m=Y.A;return m===null?null:m.getOwner()}function f(){return Error("react-stack-top-frame")}function x(m){if(O.call(m,"key")){var A=Object.getOwnPropertyDescriptor(m,"key").get;if(A&&A.isReactWarning)return!1}return m.key!==void 0}function c(m,A){function Q(){K||(K=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",A))}Q.isReactWarning=!0,Object.defineProperty(m,"key",{get:Q,configurable:!0})}function u(){var m=d(this.type);return et[m]||(et[m]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),m=this.props.ref,m!==void 0?m:null}function g(m,A,Q,_,Z,V,ct,H){return Q=V.ref,m={$$typeof:I,type:m,key:A,props:V,_owner:Z},(Q!==void 0?Q:null)!==null?Object.defineProperty(m,"ref",{enumerable:!1,get:u}):Object.defineProperty(m,"ref",{enumerable:!1,value:null}),m._store={},Object.defineProperty(m._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(m,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(m,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:ct}),Object.defineProperty(m,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.freeze&&(Object.freeze(m.props),Object.freeze(m)),m}function C(m,A,Q,_,Z,V,ct,H){var P=A.children;if(P!==void 0)if(_)if(J(P)){for(_=0;_<P.length;_++)T(P[_]);Object.freeze&&Object.freeze(P)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else T(P);if(O.call(A,"key")){P=d(m);var st=Object.keys(A).filter(function(It){return It!=="key"});_=0<st.length?"{key: someKey, "+st.join(": ..., ")+": ...}":"{key: someKey}",N[P+_]||(st=0<st.length?"{"+st.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,$,U,K,U),et[U+$]=!0)}if(U=null,L!==void 0&&(a(L),U=""+L),h(E)&&(a(E.key),U=""+E.key),"key"in E){L={};for(var wt in E)wt!=="key"&&(L[wt]=E[wt])}else L=E;return U&&n(L,typeof u=="function"?u.displayName||u.name||"Unknown":u),T(u,U,it,_,s(),L,J,q)}function D(u){typeof u=="object"&&u!==null&&u.$$typeof===B&&u._store&&(u._store.validated=1)}var m=y,B=Symbol.for("react.transitional.element"),N=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),X=Symbol.for("react.profiler"),j=Symbol.for("react.consumer"),O=Symbol.for("react.context"),S=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),ft=Symbol.for("react.memo"),Q=Symbol.for("react.lazy"),ct=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),rt=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,st=Array.isArray,tt=console.createTask?console.createTask:function(){return null};m={"react-stack-bottom-frame":function(u){return u()}};var lt,Y={},P=m["react-stack-bottom-frame"].bind(m,g)(),C=tt(l(g)),et={};Ft.Fragment=w,Ft.jsx=function(u,E,L,$,_){var it=1e4>rt.recentlyCreatedOwnerStacks++;return I(u,E,L,!1,$,_,it?Error("react-stack-top-frame"):P,it?tt(l(u)):C)},Ft.jsxs=function(u,E,L,$,_){var it=1e4>rt.recentlyCreatedOwnerStacks++;return I(u,E,L,!0,$,_,it?Error("react-stack-top-frame"):P,it?tt(l(u)):C)}}()),Ft}var ie;function He(){return ie||(ie=1,process.env.NODE_ENV==="production"?At.exports=Qe():At.exports=$e()),At.exports}var i=He();const Mt={business:{name:"Business & Office",icons:[{name:"briefcase",symbol:"💼",unicode:"💼"},{name:"chart-up",symbol:"📈",unicode:"📈"},{name:"chart-down",symbol:"📉",unicode:"📉"},{name:"graph",symbol:"📊",unicode:"📊"},{name:"clipboard",symbol:"📋",unicode:"📋"},{name:"calendar",symbol:"📅",unicode:"📅"},{name:"office",symbol:"🏢",unicode:"🏢"},{name:"bank",symbol:"🏦",unicode:"🏦"},{name:"money-bag",symbol:"💰",unicode:"💰"},{name:"credit-card",symbol:"💳",unicode:"💳"}]},technology:{name:"Technology",icons:[{name:"laptop",symbol:"💻",unicode:"💻"},{name:"phone",symbol:"📱",unicode:"📱"},{name:"desktop",symbol:"🖥️",unicode:"🖥️"},{name:"keyboard",symbol:"⌨️",unicode:"⌨️"},{name:"mouse",symbol:"🖱️",unicode:"🖱️"},{name:"printer",symbol:"🖨️",unicode:"🖨️"},{name:"wifi",symbol:"📶",unicode:"📶"},{name:"battery",symbol:"🔋",unicode:"🔋"},{name:"plug",symbol:"🔌",unicode:"🔌"},{name:"gear",symbol:"⚙️",unicode:"⚙️"}]},communication:{name:"Communication",icons:[{name:"email",symbol:"📧",unicode:"📧"},{name:"envelope",symbol:"✉️",unicode:"✉️"},{name:"phone-call",symbol:"📞",unicode:"📞"},{name:"message",symbol:"💬",unicode:"💬"},{name:"announcement",symbol:"📢",unicode:"📢"},{name:"megaphone",symbol:"📣",unicode:"📣"},{name:"satellite",symbol:"📡",unicode:"📡"},{name:"radio",symbol:"📻",unicode:"📻"},{name:"microphone",symbol:"🎤",unicode:"🎤"},{name:"speaker",symbol:"🔊",unicode:"🔊"}]},transport:{name:"Transportation",icons:[{name:"car",symbol:"🚗",unicode:"🚗"},{name:"truck",symbol:"🚛",unicode:"🚛"},{name:"bus",symbol:"🚌",unicode:"🚌"},{name:"airplane",symbol:"✈️",unicode:"✈️"},{name:"train",symbol:"🚆",unicode:"🚆"},{name:"ship",symbol:"🚢",unicode:"🚢"},{name:"bicycle",symbol:"🚴",unicode:"🚴"},{name:"motorcycle",symbol:"🏍️",unicode:"🏍️"},{name:"taxi",symbol:"🚕",unicode:"🚕"},{name:"rocket",symbol:"🚀",unicode:"🚀"}]},nature:{name:"Nature & Environment",icons:[{name:"tree",symbol:"🌳",unicode:"🌳"},{name:"leaf",symbol:"🍃",unicode:"🍃"},{name:"flower",symbol:"🌸",unicode:"🌸"},{name:"sun",symbol:"☀️",unicode:"☀️"},{name:"moon",symbol:"🌙",unicode:"🌙"},{name:"star",symbol:"⭐",unicode:"⭐"},{name:"cloud",symbol:"☁️",unicode:"☁️"},{name:"rainbow",symbol:"🌈",unicode:"🌈"},{name:"mountain",symbol:"⛰️",unicode:"⛰️"},{name:"globe",symbol:"🌍",unicode:"🌍"}]},symbols:{name:"Symbols & Signs",icons:[{name:"check",symbol:"✅",unicode:"✅"},{name:"cross",symbol:"❌",unicode:"❌"},{name:"warning",symbol:"⚠️",unicode:"⚠️"},{name:"info",symbol:"ℹ️",unicode:"ℹ️"},{name:"question",symbol:"❓",unicode:"❓"},{name:"exclamation",symbol:"❗",unicode:"❗"},{name:"lock",symbol:"🔒",unicode:"🔒"},{name:"unlock",symbol:"🔓",unicode:"🔓"},{name:"key",symbol:"🔑",unicode:"🔑"},{name:"shield",symbol:"🛡️",unicode:"🛡️"}]}},re=()=>Object.values(Mt).flatMap(f=>f.icons.map(o=>({...o,category:f.name}))),Ge=f=>re().filter(a=>a.name.toLowerCase().includes(f.toLowerCase())||a.category.toLowerCase().includes(f.toLowerCase())),_e=({onSelectIcon:f,disabled:o=!1})=>{const[a,l]=y.useState(!1),[s,g]=y.useState(""),[h,n]=y.useState("all"),c=y.useRef(null);y.useEffect(()=>{const m=B=>{c.current&&!c.current.contains(B.target)&&l(!1)};return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[]);const T=m=>{f(m),l(!1),g("")},D=(()=>{let m=re();if(s.trim()&&(m=Ge(s)),h!=="all"){const B=Mt[h];B&&(m=m.filter(N=>N.category===B.name))}return m})();return i.jsxs("div",{className:"icon-selector",ref:c,children:[i.jsxs("button",{className:"toolbar-btn dropdown-trigger",disabled:o,onClick:()=>l(!a),title:"Add Icon",children:[i.jsx("span",{className:"icon",children:"🎯"}),i.jsx("span",{className:"label",children:"Icons"}),i.jsx("span",{className:"dropdown-arrow",children:"▼"})]}),a&&i.jsxs("div",{className:"icon-dropdown",children:[i.jsxs("div",{className:"icon-dropdown-header",children:[i.jsx("input",{type:"text",placeholder:"Search icons...",value:s,onChange:m=>g(m.target.value),className:"icon-search"}),i.jsxs("select",{value:h,onChange:m=>n(m.target.value),className:"category-select",children:[i.jsx("option",{value:"all",children:"All Categories"}),Object.entries(Mt).map(([m,B])=>i.jsx("option",{value:m,children:B.name},m))]})]}),i.jsx("div",{className:"icon-grid",children:D.length===0?i.jsx("div",{className:"no-icons",children:s?"No icons found":"No icons in this category"}):D.map((m,B)=>i.jsxs("button",{className:"icon-item",onClick:()=>T(m),title:`${m.name} (${m.category})`,children:[i.jsx("span",{className:"icon-symbol",children:m.symbol}),i.jsx("span",{className:"icon-name",children:m.name})]},`${m.name}-${B}`))}),i.jsx("div",{className:"icon-dropdown-footer",children:i.jsxs("span",{className:"icon-count",children:[D.length," icon",D.length!==1?"s":""]})})]})]})},Ye=({isOpen:f,onClose:o,onAddQRCode:a,theme:l})=>{const[s,g]=y.useState(""),[h,n]=y.useState(""),[c,T]=y.useState(200),[I,D]=y.useState("M"),m=()=>{if(!s.trim())return;const w={width:c,errorCorrectionLevel:I,type:"image/png",quality:.92,margin:1,color:{dark:"#000000",light:"#FFFFFF"}};Ue.toDataURL(s,w,(k,X)=>{if(k){console.error("QR Code generation error:",k);return}n(X)})},B=()=>{if(!h)return;const w=new Image;w.onload=()=>{a({type:"qrcode",src:h,data:s,width:c,height:c,x:100,y:100,imageObject:w}),N()},w.src=h},N=()=>{g(""),n(""),o()};return f?i.jsx("div",{className:"qr-modal-overlay",onClick:N,children:i.jsxs("div",{className:"qr-modal-content",onClick:w=>w.stopPropagation(),children:[i.jsxs("div",{className:"qr-modal-header",children:[i.jsx("h3",{children:"Generate QR Code"}),i.jsx("button",{className:"qr-modal-close",onClick:N,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"qr-modal-body",children:[i.jsxs("div",{className:"qr-form-group",children:[i.jsx("label",{htmlFor:"qr-data",children:"Enter Data (URL, Text, etc.)"}),i.jsx("textarea",{id:"qr-data",value:s,onChange:w=>g(w.target.value),placeholder:"https://example.com or any text...",rows:3})]}),i.jsxs("div",{className:"qr-options",children:[i.jsxs("div",{className:"qr-form-group",children:[i.jsx("label",{htmlFor:"qr-size",children:"Size (px)"}),i.jsx("input",{type:"number",id:"qr-size",value:c,onChange:w=>T(Math.max(50,Math.min(500,parseInt(w.target.value)||200))),min:"50",max:"500"})]}),i.jsxs("div",{className:"qr-form-group",children:[i.jsx("label",{htmlFor:"qr-error-level",children:"Error Correction"}),i.jsxs("select",{id:"qr-error-level",value:I,onChange:w=>D(w.target.value),children:[i.jsx("option",{value:"L",children:"Low (7%)"}),i.jsx("option",{value:"M",children:"Medium (15%)"}),i.jsx("option",{value:"Q",children:"Quartile (25%)"}),i.jsx("option",{value:"H",children:"High (30%)"})]})]})]}),i.jsx("div",{className:"qr-actions",children:i.jsx("button",{className:"qr-btn qr-btn-generate",onClick:m,disabled:!s.trim(),children:"Generate QR Code"})}),h&&i.jsxs("div",{className:"qr-preview",children:[i.jsx("h4",{children:"Preview"}),i.jsx("div",{className:"qr-preview-container",children:i.jsx("img",{src:h,alt:"QR Code Preview"})}),i.jsx("button",{className:"qr-btn qr-btn-add",onClick:B,style:{backgroundColor:(l==null?void 0:l.primaryColor)||"#3b82f6",borderColor:(l==null?void 0:l.primaryColor)||"#3b82f6"},children:"Add to Canvas"})]})]})]})}):null},qe=({isOpen:f,onClose:o,onAddBarcode:a,theme:l})=>{const[s,g]=y.useState(""),[h,n]=y.useState("CODE128"),[c,T]=y.useState(null),[I,D]=y.useState(2),[m,B]=y.useState(100),[N,w]=y.useState(20),[k,X]=y.useState("center"),[j,O]=y.useState("bottom"),[S,Z]=y.useState(10),W=y.useRef(null),ft=[{value:"CODE128",label:"CODE128 (Most Common)"},{value:"EAN13",label:"EAN-13 (European Article Number)"},{value:"EAN8",label:"EAN-8 (Short EAN)"},{value:"UPC",label:"UPC (Universal Product Code)"},{value:"CODE39",label:"CODE39 (Alpha-numeric)"},{value:"ITF14",label:"ITF-14 (Shipping/Logistics)"},{value:"MSI",label:"MSI (Retail)"},{value:"pharmacode",label:"Pharmacode (Pharmaceutical)"},{value:"codabar",label:"Codabar (Libraries/Blood banks)"}],Q=()=>{if(s.trim())try{T(i.jsx(Oe,{value:s,format:h,width:I,height:m,fontSize:N,textAlign:k,textPosition:j,margin:S,background:"#ffffff",lineColor:"#000000"}))}catch(M){console.error("Barcode generation error:",M),alert("Invalid data for selected barcode format. Please check your input.")}},ct=()=>{var M,st,tt,lt;if(!(!c||!W.current))try{const Y=W.current.querySelector("svg");if(!Y){console.error("No SVG element found in barcode");return}const P=document.createElement("canvas"),C=P.getContext("2d"),et=Y.getBoundingClientRect(),u=((st=(M=Y.width)==null?void 0:M.baseVal)==null?void 0:st.value)||et.width||200,E=((lt=(tt=Y.height)==null?void 0:tt.baseVal)==null?void 0:lt.value)||et.height||100;P.width=u,P.height=E;const L=new XMLSerializer().serializeToString(Y),$=new Blob([L],{type:"image/svg+xml;charset=utf-8"}),_=URL.createObjectURL($),it=new Image;it.onload=()=>{C.drawImage(it,0,0);const J=P.toDataURL("image/png"),q=new Image;q.onload=()=>{a({type:"barcode",src:J,data:s,format:h,width:u,height:E,x:100,y:100,imageObject:q}),G()},q.src=J,URL.revokeObjectURL(_)},it.src=_}catch(Y){console.error("Error adding barcode to canvas:",Y),alert("Failed to add barcode to canvas. Please try again.")}},G=()=>{g(""),T(null),n("CODE128"),D(2),B(100),w(20),o()},rt=M=>({CODE128:"Supports all ASCII characters. Most versatile format.",EAN13:"Requires exactly 12 digits (13th is checksum). Used for retail products.",EAN8:"Requires exactly 7 digits (8th is checksum). Compact version of EAN-13.",UPC:"Requires exactly 11 digits (12th is checksum). Used in North America.",CODE39:"Supports letters, numbers, and some symbols. Widely used.",ITF14:"Requires exactly 13 digits (14th is checksum). Used for shipping containers.",MSI:"Numeric only. Used in retail inventory.",pharmacode:"Numbers 3-131070. Used in pharmaceutical industry.",codabar:"Supports 0-9, A-D, and symbols. Used in libraries."})[M]||"";return f?i.jsx("div",{className:"barcode-modal-overlay",onClick:G,children:i.jsxs("div",{className:"barcode-modal-content",onClick:M=>M.stopPropagation(),children:[i.jsxs("div",{className:"barcode-modal-header",children:[i.jsx("h3",{children:"Generate Barcode"}),i.jsx("button",{className:"barcode-modal-close",onClick:G,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"barcode-modal-body",children:[i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-data",children:"Enter Data"}),i.jsx("input",{type:"text",id:"barcode-data",value:s,onChange:M=>g(M.target.value),placeholder:"Enter your data..."})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-format",children:"Barcode Format"}),i.jsx("select",{id:"barcode-format",value:h,onChange:M=>n(M.target.value),children:ft.map(M=>i.jsx("option",{value:M.value,children:M.label},M.value))}),i.jsx("small",{className:"format-description",children:rt(h)})]}),i.jsxs("div",{className:"barcode-options",children:[i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-width",children:"Bar Width"}),i.jsx("input",{type:"range",id:"barcode-width",min:"1",max:"4",step:"0.5",value:I,onChange:M=>D(parseFloat(M.target.value))}),i.jsxs("span",{className:"range-value",children:[I,"px"]})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-height",children:"Height"}),i.jsx("input",{type:"range",id:"barcode-height",min:"50",max:"200",value:m,onChange:M=>B(parseInt(M.target.value))}),i.jsxs("span",{className:"range-value",children:[m,"px"]})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-fontsize",children:"Font Size"}),i.jsx("input",{type:"range",id:"barcode-fontsize",min:"10",max:"30",value:N,onChange:M=>w(parseInt(M.target.value))}),i.jsxs("span",{className:"range-value",children:[N,"px"]})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"text-position",children:"Text Position"}),i.jsxs("select",{id:"text-position",value:j,onChange:M=>O(M.target.value),children:[i.jsx("option",{value:"bottom",children:"Bottom"}),i.jsx("option",{value:"top",children:"Top"})]})]})]}),i.jsx("div",{className:"barcode-actions",children:i.jsx("button",{className:"barcode-btn barcode-btn-generate",onClick:Q,disabled:!s.trim(),children:"Generate Barcode"})}),c&&i.jsxs("div",{className:"barcode-preview",children:[i.jsx("h4",{children:"Preview"}),i.jsx("div",{className:"barcode-preview-container",ref:W,children:c}),i.jsx("button",{className:"barcode-btn barcode-btn-add",onClick:ct,style:{backgroundColor:(l==null?void 0:l.primaryColor)||"#3b82f6",borderColor:(l==null?void 0:l.primaryColor)||"#3b82f6"},children:"Add to Canvas"})]})]})]})}):null},Ve=({theme:f})=>i.jsxs("div",{className:"premium-feature-container",style:{padding:"20px",backgroundColor:"#f8f9fa",borderRadius:"8px",boxShadow:"0 2px 10px rgba(0,0,0,0.05)",textAlign:"center",maxWidth:"400px",margin:"0 auto"},children:[i.jsx("div",{style:{marginBottom:"16px"},children:i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"#ffc107"},children:[i.jsx("path",{d:"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"}),i.jsx("line",{x1:"7",y1:"7",x2:"7.01",y2:"7"})]})}),i.jsx("h3",{style:{color:"#333",fontSize:"18px",fontWeight:"600",marginBottom:"12px"},children:"Premium Feature Access"}),i.jsx("p",{style:{color:"#555",fontSize:"15px",lineHeight:"1.5",marginBottom:"20px"},children:"Premium stickers feature requires a subscription to access."}),i.jsx("a",{href:"https://mypixia.com/developer",target:"_blank",rel:"noopener noreferrer",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:(f==null?void 0:f.primaryColor)||"#4c5bf2",color:"white",padding:"10px 20px",borderRadius:"4px",textDecoration:"none",fontWeight:"500",transition:"background-color 0.2s ease"},children:"Get API Key"})]}),oe=()=>i.jsxs("div",{style:{textAlign:"center",padding:"40px"},children:[i.jsx("div",{style:{border:"4px solid #f3f3f3",borderTop:"4px solid #3498db",borderRadius:"50%",width:"40px",height:"40px",animation:"spin 2s linear infinite",margin:"0 auto 20px"}}),i.jsx("p",{children:"Loading..."}),i.jsx("style",{children:`
+  <%s key={someKey} {...props} />`,_,P,st,P),N[P+_]=!0)}if(P=null,Q!==void 0&&(a(Q),P=""+Q),x(A)&&(a(A.key),P=""+A.key),"key"in A){Q={};for(var dt in A)dt!=="key"&&(Q[dt]=A[dt])}else Q=A;return P&&c(Q,typeof m=="function"?m.displayName||m.name||"Unknown":m),g(m,P,V,Z,s(),Q,ct,H)}function T(m){typeof m=="object"&&m!==null&&m.$$typeof===I&&m._store&&(m._store.validated=1)}var w=y,I=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),z=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),F=Symbol.for("react.consumer"),$=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),W=Symbol.for("react.suspense"),ot=Symbol.for("react.suspense_list"),U=Symbol.for("react.memo"),nt=Symbol.for("react.lazy"),q=Symbol.for("react.activity"),it=Symbol.for("react.client.reference"),Y=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,O=Object.prototype.hasOwnProperty,J=Array.isArray,rt=console.createTask?console.createTask:function(){return null};w={"react-stack-bottom-frame":function(m){return m()}};var K,et={},M=w["react-stack-bottom-frame"].bind(w,f)(),G=rt(l(f)),N={};Ft.Fragment=b,Ft.jsx=function(m,A,Q,_,Z){var V=1e4>Y.recentlyCreatedOwnerStacks++;return C(m,A,Q,!1,_,Z,V?Error("react-stack-top-frame"):M,V?rt(l(m)):G)},Ft.jsxs=function(m,A,Q,_,Z){var V=1e4>Y.recentlyCreatedOwnerStacks++;return C(m,A,Q,!0,_,Z,V?Error("react-stack-top-frame"):M,V?rt(l(m)):G)}}()),Ft}var re;function _e(){return re||(re=1,process.env.NODE_ENV==="production"?Nt.exports=He():Nt.exports=Ge()),Nt.exports}var i=_e();const Wt={business:{name:"Business & Office",icons:[{name:"briefcase",symbol:"💼",unicode:"💼"},{name:"chart-up",symbol:"📈",unicode:"📈"},{name:"chart-down",symbol:"📉",unicode:"📉"},{name:"graph",symbol:"📊",unicode:"📊"},{name:"clipboard",symbol:"📋",unicode:"📋"},{name:"calendar",symbol:"📅",unicode:"📅"},{name:"office",symbol:"🏢",unicode:"🏢"},{name:"bank",symbol:"🏦",unicode:"🏦"},{name:"money-bag",symbol:"💰",unicode:"💰"},{name:"credit-card",symbol:"💳",unicode:"💳"}]},technology:{name:"Technology",icons:[{name:"laptop",symbol:"💻",unicode:"💻"},{name:"phone",symbol:"📱",unicode:"📱"},{name:"desktop",symbol:"🖥️",unicode:"🖥️"},{name:"keyboard",symbol:"⌨️",unicode:"⌨️"},{name:"mouse",symbol:"🖱️",unicode:"🖱️"},{name:"printer",symbol:"🖨️",unicode:"🖨️"},{name:"wifi",symbol:"📶",unicode:"📶"},{name:"battery",symbol:"🔋",unicode:"🔋"},{name:"plug",symbol:"🔌",unicode:"🔌"},{name:"gear",symbol:"⚙️",unicode:"⚙️"}]},communication:{name:"Communication",icons:[{name:"email",symbol:"📧",unicode:"📧"},{name:"envelope",symbol:"✉️",unicode:"✉️"},{name:"phone-call",symbol:"📞",unicode:"📞"},{name:"message",symbol:"💬",unicode:"💬"},{name:"announcement",symbol:"📢",unicode:"📢"},{name:"megaphone",symbol:"📣",unicode:"📣"},{name:"satellite",symbol:"📡",unicode:"📡"},{name:"radio",symbol:"📻",unicode:"📻"},{name:"microphone",symbol:"🎤",unicode:"🎤"},{name:"speaker",symbol:"🔊",unicode:"🔊"}]},transport:{name:"Transportation",icons:[{name:"car",symbol:"🚗",unicode:"🚗"},{name:"truck",symbol:"🚛",unicode:"🚛"},{name:"bus",symbol:"🚌",unicode:"🚌"},{name:"airplane",symbol:"✈️",unicode:"✈️"},{name:"train",symbol:"🚆",unicode:"🚆"},{name:"ship",symbol:"🚢",unicode:"🚢"},{name:"bicycle",symbol:"🚴",unicode:"🚴"},{name:"motorcycle",symbol:"🏍️",unicode:"🏍️"},{name:"taxi",symbol:"🚕",unicode:"🚕"},{name:"rocket",symbol:"🚀",unicode:"🚀"}]},nature:{name:"Nature & Environment",icons:[{name:"tree",symbol:"🌳",unicode:"🌳"},{name:"leaf",symbol:"🍃",unicode:"🍃"},{name:"flower",symbol:"🌸",unicode:"🌸"},{name:"sun",symbol:"☀️",unicode:"☀️"},{name:"moon",symbol:"🌙",unicode:"🌙"},{name:"star",symbol:"⭐",unicode:"⭐"},{name:"cloud",symbol:"☁️",unicode:"☁️"},{name:"rainbow",symbol:"🌈",unicode:"🌈"},{name:"mountain",symbol:"⛰️",unicode:"⛰️"},{name:"globe",symbol:"🌍",unicode:"🌍"}]},symbols:{name:"Symbols & Signs",icons:[{name:"check",symbol:"✅",unicode:"✅"},{name:"cross",symbol:"❌",unicode:"❌"},{name:"warning",symbol:"⚠️",unicode:"⚠️"},{name:"info",symbol:"ℹ️",unicode:"ℹ️"},{name:"question",symbol:"❓",unicode:"❓"},{name:"exclamation",symbol:"❗",unicode:"❗"},{name:"lock",symbol:"🔒",unicode:"🔒"},{name:"unlock",symbol:"🔓",unicode:"🔓"},{name:"key",symbol:"🔑",unicode:"🔑"},{name:"shield",symbol:"🛡️",unicode:"🛡️"}]}},se=()=>Object.values(Wt).flatMap(d=>d.icons.map(o=>({...o,category:d.name}))),Ye=d=>se().filter(a=>a.name.toLowerCase().includes(d.toLowerCase())||a.category.toLowerCase().includes(d.toLowerCase())),qe=({onSelectIcon:d,disabled:o=!1})=>{const[a,l]=y.useState(!1),[s,f]=y.useState(""),[x,c]=y.useState("all"),u=y.useRef(null);y.useEffect(()=>{const w=I=>{u.current&&!u.current.contains(I.target)&&l(!1)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[]);const g=w=>{d(w),l(!1),f("")},T=(()=>{let w=se();if(s.trim()&&(w=Ye(s)),x!=="all"){const I=Wt[x];I&&(w=w.filter(j=>j.category===I.name))}return w})();return i.jsxs("div",{className:"icon-selector",ref:u,children:[i.jsxs("button",{className:"toolbar-btn dropdown-trigger",disabled:o,onClick:()=>l(!a),title:"Add Icon",children:[i.jsx("span",{className:"icon",children:"🎯"}),i.jsx("span",{className:"label",children:"Icons"}),i.jsx("span",{className:"dropdown-arrow",children:"▼"})]}),a&&i.jsxs("div",{className:"icon-dropdown",children:[i.jsxs("div",{className:"icon-dropdown-header",children:[i.jsx("input",{type:"text",placeholder:"Search icons...",value:s,onChange:w=>f(w.target.value),className:"icon-search"}),i.jsxs("select",{value:x,onChange:w=>c(w.target.value),className:"category-select",children:[i.jsx("option",{value:"all",children:"All Categories"}),Object.entries(Wt).map(([w,I])=>i.jsx("option",{value:w,children:I.name},w))]})]}),i.jsx("div",{className:"icon-grid",children:T.length===0?i.jsx("div",{className:"no-icons",children:s?"No icons found":"No icons in this category"}):T.map((w,I)=>i.jsxs("button",{className:"icon-item",onClick:()=>g(w),title:`${w.name} (${w.category})`,children:[i.jsx("span",{className:"icon-symbol",children:w.symbol}),i.jsx("span",{className:"icon-name",children:w.name})]},`${w.name}-${I}`))}),i.jsx("div",{className:"icon-dropdown-footer",children:i.jsxs("span",{className:"icon-count",children:[T.length," icon",T.length!==1?"s":""]})})]})]})},Ve=({isOpen:d,onClose:o,onAddQRCode:a,theme:l})=>{const[s,f]=y.useState(""),[x,c]=y.useState(""),[u,g]=y.useState(200),[C,T]=y.useState("M"),w=()=>{if(!s.trim())return;const b={width:u,errorCorrectionLevel:C,type:"image/png",quality:.92,margin:1,color:{dark:"#000000",light:"#FFFFFF"}};Qe.toDataURL(s,b,(z,D)=>{if(z){console.error("QR Code generation error:",z);return}c(D)})},I=()=>{if(!x)return;const b=new Image;b.onload=()=>{a({type:"qrcode",src:x,data:s,width:u,height:u,x:100,y:100,imageObject:b}),j()},b.src=x},j=()=>{f(""),c(""),o()};return d?i.jsx("div",{className:"qr-modal-overlay",onClick:j,children:i.jsxs("div",{className:"qr-modal-content",onClick:b=>b.stopPropagation(),children:[i.jsxs("div",{className:"qr-modal-header",children:[i.jsx("h3",{children:"Generate QR Code"}),i.jsx("button",{className:"qr-modal-close",onClick:j,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"qr-modal-body",children:[i.jsxs("div",{className:"qr-form-group",children:[i.jsx("label",{htmlFor:"qr-data",children:"Enter Data (URL, Text, etc.)"}),i.jsx("textarea",{id:"qr-data",value:s,onChange:b=>f(b.target.value),placeholder:"https://example.com or any text...",rows:3})]}),i.jsxs("div",{className:"qr-options",children:[i.jsxs("div",{className:"qr-form-group",children:[i.jsx("label",{htmlFor:"qr-size",children:"Size (px)"}),i.jsx("input",{type:"number",id:"qr-size",value:u,onChange:b=>g(Math.max(50,Math.min(500,parseInt(b.target.value)||200))),min:"50",max:"500"})]}),i.jsxs("div",{className:"qr-form-group",children:[i.jsx("label",{htmlFor:"qr-error-level",children:"Error Correction"}),i.jsxs("select",{id:"qr-error-level",value:C,onChange:b=>T(b.target.value),children:[i.jsx("option",{value:"L",children:"Low (7%)"}),i.jsx("option",{value:"M",children:"Medium (15%)"}),i.jsx("option",{value:"Q",children:"Quartile (25%)"}),i.jsx("option",{value:"H",children:"High (30%)"})]})]})]}),i.jsx("div",{className:"qr-actions",children:i.jsx("button",{className:"qr-btn qr-btn-generate",onClick:w,disabled:!s.trim(),children:"Generate QR Code"})}),x&&i.jsxs("div",{className:"qr-preview",children:[i.jsx("h4",{children:"Preview"}),i.jsx("div",{className:"qr-preview-container",children:i.jsx("img",{src:x,alt:"QR Code Preview"})}),i.jsx("button",{className:"qr-btn qr-btn-add",onClick:I,style:{backgroundColor:(l==null?void 0:l.primaryColor)||"#3b82f6",borderColor:(l==null?void 0:l.primaryColor)||"#3b82f6"},children:"Add to Canvas"})]})]})]})}):null},Xe=({isOpen:d,onClose:o,onAddBarcode:a,theme:l})=>{const[s,f]=y.useState(""),[x,c]=y.useState("CODE128"),[u,g]=y.useState(null),[C,T]=y.useState(2),[w,I]=y.useState(100),[j,b]=y.useState(20),[z,D]=y.useState("center"),[F,$]=y.useState("bottom"),[B,W]=y.useState(10),ot=y.useRef(null),U=[{value:"CODE128",label:"CODE128 (Most Common)"},{value:"EAN13",label:"EAN-13 (European Article Number)"},{value:"EAN8",label:"EAN-8 (Short EAN)"},{value:"UPC",label:"UPC (Universal Product Code)"},{value:"CODE39",label:"CODE39 (Alpha-numeric)"},{value:"ITF14",label:"ITF-14 (Shipping/Logistics)"},{value:"MSI",label:"MSI (Retail)"},{value:"pharmacode",label:"Pharmacode (Pharmaceutical)"},{value:"codabar",label:"Codabar (Libraries/Blood banks)"}],nt=()=>{if(s.trim())try{g(i.jsx($e,{value:s,format:x,width:C,height:w,fontSize:j,textAlign:z,textPosition:F,margin:B,background:"#ffffff",lineColor:"#000000"}))}catch(O){console.error("Barcode generation error:",O),alert("Invalid data for selected barcode format. Please check your input.")}},q=()=>{var O,J,rt,K;if(!(!u||!ot.current))try{const et=ot.current.querySelector("svg");if(!et){console.error("No SVG element found in barcode");return}const M=document.createElement("canvas"),G=M.getContext("2d"),N=et.getBoundingClientRect(),m=((J=(O=et.width)==null?void 0:O.baseVal)==null?void 0:J.value)||N.width||200,A=((K=(rt=et.height)==null?void 0:rt.baseVal)==null?void 0:K.value)||N.height||100;M.width=m,M.height=A;const Q=new XMLSerializer().serializeToString(et),_=new Blob([Q],{type:"image/svg+xml;charset=utf-8"}),Z=URL.createObjectURL(_),V=new Image;V.onload=()=>{G.drawImage(V,0,0);const ct=M.toDataURL("image/png"),H=new Image;H.onload=()=>{a({type:"barcode",src:ct,data:s,format:x,width:m,height:A,x:100,y:100,imageObject:H}),it()},H.src=ct,URL.revokeObjectURL(Z)},V.src=Z}catch(et){console.error("Error adding barcode to canvas:",et),alert("Failed to add barcode to canvas. Please try again.")}},it=()=>{f(""),g(null),c("CODE128"),T(2),I(100),b(20),o()},Y=O=>({CODE128:"Supports all ASCII characters. Most versatile format.",EAN13:"Requires exactly 12 digits (13th is checksum). Used for retail products.",EAN8:"Requires exactly 7 digits (8th is checksum). Compact version of EAN-13.",UPC:"Requires exactly 11 digits (12th is checksum). Used in North America.",CODE39:"Supports letters, numbers, and some symbols. Widely used.",ITF14:"Requires exactly 13 digits (14th is checksum). Used for shipping containers.",MSI:"Numeric only. Used in retail inventory.",pharmacode:"Numbers 3-131070. Used in pharmaceutical industry.",codabar:"Supports 0-9, A-D, and symbols. Used in libraries."})[O]||"";return d?i.jsx("div",{className:"barcode-modal-overlay",onClick:it,children:i.jsxs("div",{className:"barcode-modal-content",onClick:O=>O.stopPropagation(),children:[i.jsxs("div",{className:"barcode-modal-header",children:[i.jsx("h3",{children:"Generate Barcode"}),i.jsx("button",{className:"barcode-modal-close",onClick:it,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"barcode-modal-body",children:[i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-data",children:"Enter Data"}),i.jsx("input",{type:"text",id:"barcode-data",value:s,onChange:O=>f(O.target.value),placeholder:"Enter your data..."})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-format",children:"Barcode Format"}),i.jsx("select",{id:"barcode-format",value:x,onChange:O=>c(O.target.value),children:U.map(O=>i.jsx("option",{value:O.value,children:O.label},O.value))}),i.jsx("small",{className:"format-description",children:Y(x)})]}),i.jsxs("div",{className:"barcode-options",children:[i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-width",children:"Bar Width"}),i.jsx("input",{type:"range",id:"barcode-width",min:"1",max:"4",step:"0.5",value:C,onChange:O=>T(parseFloat(O.target.value))}),i.jsxs("span",{className:"range-value",children:[C,"px"]})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-height",children:"Height"}),i.jsx("input",{type:"range",id:"barcode-height",min:"50",max:"200",value:w,onChange:O=>I(parseInt(O.target.value))}),i.jsxs("span",{className:"range-value",children:[w,"px"]})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"barcode-fontsize",children:"Font Size"}),i.jsx("input",{type:"range",id:"barcode-fontsize",min:"10",max:"30",value:j,onChange:O=>b(parseInt(O.target.value))}),i.jsxs("span",{className:"range-value",children:[j,"px"]})]}),i.jsxs("div",{className:"barcode-form-group",children:[i.jsx("label",{htmlFor:"text-position",children:"Text Position"}),i.jsxs("select",{id:"text-position",value:F,onChange:O=>$(O.target.value),children:[i.jsx("option",{value:"bottom",children:"Bottom"}),i.jsx("option",{value:"top",children:"Top"})]})]})]}),i.jsx("div",{className:"barcode-actions",children:i.jsx("button",{className:"barcode-btn barcode-btn-generate",onClick:nt,disabled:!s.trim(),children:"Generate Barcode"})}),u&&i.jsxs("div",{className:"barcode-preview",children:[i.jsx("h4",{children:"Preview"}),i.jsx("div",{className:"barcode-preview-container",ref:ot,children:u}),i.jsx("button",{className:"barcode-btn barcode-btn-add",onClick:q,style:{backgroundColor:(l==null?void 0:l.primaryColor)||"#3b82f6",borderColor:(l==null?void 0:l.primaryColor)||"#3b82f6"},children:"Add to Canvas"})]})]})]})}):null},Je=({theme:d})=>i.jsxs("div",{className:"premium-feature-container",style:{padding:"20px",backgroundColor:"#f8f9fa",borderRadius:"8px",boxShadow:"0 2px 10px rgba(0,0,0,0.05)",textAlign:"center",maxWidth:"400px",margin:"0 auto"},children:[i.jsx("div",{style:{marginBottom:"16px"},children:i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"#ffc107"},children:[i.jsx("path",{d:"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"}),i.jsx("line",{x1:"7",y1:"7",x2:"7.01",y2:"7"})]})}),i.jsx("h3",{style:{color:"#333",fontSize:"18px",fontWeight:"600",marginBottom:"12px"},children:"Premium Feature Access"}),i.jsx("p",{style:{color:"#555",fontSize:"15px",lineHeight:"1.5",marginBottom:"20px"},children:"Premium stickers feature requires a subscription to access."}),i.jsx("a",{href:"https://mypixia.com/developer",target:"_blank",rel:"noopener noreferrer",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:(d==null?void 0:d.primaryColor)||"#4c5bf2",color:"white",padding:"10px 20px",borderRadius:"4px",textDecoration:"none",fontWeight:"500",transition:"background-color 0.2s ease"},children:"Get API Key"})]}),ae=()=>i.jsxs("div",{style:{textAlign:"center",padding:"40px"},children:[i.jsx("div",{style:{border:"4px solid #f3f3f3",borderTop:"4px solid #3498db",borderRadius:"50%",width:"40px",height:"40px",animation:"spin 2s linear infinite",margin:"0 auto 20px"}}),i.jsx("p",{children:"Loading..."}),i.jsx("style",{children:`
             @keyframes spin {
                 0% { transform: rotate(0deg); }
                 100% { transform: rotate(360deg); }
             }
-        `})]}),Xe=({isOpen:f,onClose:o,onAddSticker:a,theme:l,apiKey:s,apiEndpoint:g})=>{const[h,n]=y.useState([]),[c,T]=y.useState(!1),[I,D]=y.useState(null),[m,B]=y.useState(""),[N,w]=y.useState(""),[k,X]=y.useState({});y.useRef(null);const[j,O]=y.useState(!1),[S,Z]=y.useState(!1),[W,ft]=y.useState(!1),Q=`${g}/api/v1/designer`;y.useEffect(()=>{f&&s&&ct()},[f,s]);const ct=async()=>{const P=sessionStorage.getItem("apc_x_sub_status");P==="active"?(O(!0),Z(!0),rt()):P==="inactive"?(O(!1),Z(!0)):(ft(!0),await G())},G=async()=>{if(!s){O(!1),Z(!0),ft(!1);return}const P=`${Q}/get-subscription-status/${s}`;try{(await Zt.get(P)).data.object==="active"?(sessionStorage.setItem("apc_x_sub_status","active"),O(!0),rt()):(sessionStorage.setItem("apc_x_sub_status","inactive"),O(!1))}catch(C){console.error("Subscription check failed:",C),sessionStorage.setItem("apc_x_sub_status","inactive"),O(!1)}finally{ft(!1),Z(!0)}},rt=async()=>{const P=sessionStorage.getItem("apc_stickers");if(P)try{const C=JSON.parse(P);n(C);return}catch{console.warn("Failed to parse cached stickers, fetching fresh data")}T(!0),D(null);try{const C=await Zt.get(`${Q}/get-stickers`);if(C.data&&C.data.object&&C.data.object.contents){const et=C.data.object.contents;n(et),sessionStorage.setItem("apc_stickers",JSON.stringify(et))}else throw new Error("Invalid response format")}catch(C){console.error("Error fetching stickers:",C),D("Failed to load stickers. Please try again.")}finally{T(!1)}},M=(P,C)=>{a({type:"sticker",src:P,name:C,width:100,height:100,x:100,y:100}),o()},st=P=>{X(C=>({...C,[P]:!C[P]}))},tt=P=>{const C={};return P.forEach(et=>{const u=et.name.split("/");let E=C;u.forEach((L,$)=>{E[L]||(E[L]=$===u.length-1?et:{}),E=E[L]})}),C},lt=(P,C="",et=0)=>i.jsx("div",{className:"sticker-tree-level",style:{paddingLeft:`${et*15}px`},children:Object.keys(P).map(u=>{const E=`${C}/${u}`,L=k[E];return P[u].type==="image"?!N||u.toLowerCase().includes(N.toLowerCase())?i.jsx("div",{className:"sticker-item",onClick:()=>M(P[u].url,u),children:i.jsx("div",{className:"sticker-preview",children:i.jsx("img",{src:P[u].url,alt:u,loading:"lazy",onError:_=>{_.target.style.display="none"}})})},E):null:i.jsxs("div",{className:"sticker-category",children:[i.jsxs("div",{className:"category-header",onClick:()=>st(E),children:[i.jsx("span",{className:`expand-icon ${L?"expanded":""}`,children:"▶"}),i.jsx("span",{className:"category-name",children:u})]}),L&&lt(P[u],E,et+1)]},E)})}),Y=h.filter(P=>!N||P.name.toLowerCase().includes(N.toLowerCase()));return f?i.jsx("div",{className:"sticker-modal-overlay",onClick:o,children:i.jsxs("div",{className:"sticker-modal-content",onClick:P=>P.stopPropagation(),children:[i.jsxs("div",{className:"sticker-modal-header",children:[i.jsx("h3",{children:"Stickers"}),i.jsx("button",{className:"sticker-modal-close",onClick:o,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"sticker-modal-body",children:[W&&i.jsx(oe,{}),!j&&!W&&S&&i.jsx(Ve,{theme:l}),j&&S&&i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"sticker-modal-controls",children:i.jsx("div",{className:"search-container",children:i.jsx("input",{type:"text",placeholder:"Search stickers...",value:N,onChange:P=>w(P.target.value),className:"sticker-search"})})}),c&&i.jsx(oe,{}),I&&i.jsxs("div",{className:"sticker-error",children:[i.jsx("p",{children:I}),i.jsx("button",{onClick:rt,children:"Retry"})]}),!c&&!I&&h.length>0&&i.jsx("div",{className:"sticker-grid",children:lt(tt(Y))})]})]})]})}):null},Je=[{id:1,name:"Rose Bouquet",url:`data:image/svg+xml;charset=UTF-8,${encodeURIComponent(`
+        `})]}),Ke=({isOpen:d,onClose:o,onAddSticker:a,theme:l,apiKey:s,apiEndpoint:f})=>{const[x,c]=y.useState([]),[u,g]=y.useState(!1),[C,T]=y.useState(null),[w,I]=y.useState(""),[j,b]=y.useState(""),[z,D]=y.useState({});y.useRef(null);const[F,$]=y.useState(!1),[B,W]=y.useState(!1),[ot,U]=y.useState(!1),nt=`${f}/api/v1/designer`;y.useEffect(()=>{d&&s&&q()},[d,s]);const q=async()=>{const M=sessionStorage.getItem("apc_x_sub_status");M==="active"?($(!0),W(!0),Y()):M==="inactive"?($(!1),W(!0)):(U(!0),await it())},it=async()=>{if(!s){$(!1),W(!0),U(!1);return}const M=`${nt}/get-subscription-status/${s}`;try{(await ee.get(M)).data.object==="active"?(sessionStorage.setItem("apc_x_sub_status","active"),$(!0),Y()):(sessionStorage.setItem("apc_x_sub_status","inactive"),$(!1))}catch(G){console.error("Subscription check failed:",G),sessionStorage.setItem("apc_x_sub_status","inactive"),$(!1)}finally{U(!1),W(!0)}},Y=async()=>{const M=sessionStorage.getItem("apc_stickers");if(M)try{const G=JSON.parse(M);c(G);return}catch{console.warn("Failed to parse cached stickers, fetching fresh data")}g(!0),T(null);try{const G=await ee.get(`${nt}/get-stickers`);if(G.data&&G.data.object&&G.data.object.contents){const N=G.data.object.contents;c(N),sessionStorage.setItem("apc_stickers",JSON.stringify(N))}else throw new Error("Invalid response format")}catch(G){console.error("Error fetching stickers:",G),T("Failed to load stickers. Please try again.")}finally{g(!1)}},O=(M,G)=>{a({type:"sticker",src:M,name:G,width:100,height:100,x:100,y:100}),o()},J=M=>{D(G=>({...G,[M]:!G[M]}))},rt=M=>{const G={};return M.forEach(N=>{const m=N.name.split("/");let A=G;m.forEach((Q,_)=>{A[Q]||(A[Q]=_===m.length-1?N:{}),A=A[Q]})}),G},K=(M,G="",N=0)=>i.jsx("div",{className:"sticker-tree-level",style:{paddingLeft:`${N*15}px`},children:Object.keys(M).map(m=>{const A=`${G}/${m}`,Q=z[A];return M[m].type==="image"?!j||m.toLowerCase().includes(j.toLowerCase())?i.jsx("div",{className:"sticker-item",onClick:()=>O(M[m].url,m),children:i.jsx("div",{className:"sticker-preview",children:i.jsx("img",{src:M[m].url,alt:m,loading:"lazy",onError:Z=>{Z.target.style.display="none"}})})},A):null:i.jsxs("div",{className:"sticker-category",children:[i.jsxs("div",{className:"category-header",onClick:()=>J(A),children:[i.jsx("span",{className:`expand-icon ${Q?"expanded":""}`,children:"▶"}),i.jsx("span",{className:"category-name",children:m})]}),Q&&K(M[m],A,N+1)]},A)})}),et=x.filter(M=>!j||M.name.toLowerCase().includes(j.toLowerCase()));return d?i.jsx("div",{className:"sticker-modal-overlay",onClick:o,children:i.jsxs("div",{className:"sticker-modal-content",onClick:M=>M.stopPropagation(),children:[i.jsxs("div",{className:"sticker-modal-header",children:[i.jsx("h3",{children:"Stickers"}),i.jsx("button",{className:"sticker-modal-close",onClick:o,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"sticker-modal-body",children:[ot&&i.jsx(ae,{}),!F&&!ot&&B&&i.jsx(Je,{theme:l}),F&&B&&i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"sticker-modal-controls",children:i.jsx("div",{className:"search-container",children:i.jsx("input",{type:"text",placeholder:"Search stickers...",value:j,onChange:M=>b(M.target.value),className:"sticker-search"})})}),u&&i.jsx(ae,{}),C&&i.jsxs("div",{className:"sticker-error",children:[i.jsx("p",{children:C}),i.jsx("button",{onClick:Y,children:"Retry"})]}),!u&&!C&&x.length>0&&i.jsx("div",{className:"sticker-grid",children:K(rt(et))})]})]})]})}):null},Ze=[{id:1,name:"Rose Bouquet",url:`data:image/svg+xml;charset=UTF-8,${encodeURIComponent(`
             <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
                 <rect width="120" height="120" fill="#ffe6f0" stroke="#ff69b4" stroke-width="2"/>
                 <circle cx="60" cy="45" r="15" fill="#ff1493" opacity="0.7"/>
@@ -986,6 +986,6 @@ React keys must be passed directly to JSX without using spread:
                 </g>
                 <text x="60" y="105" text-anchor="middle" font-family="Arial" font-size="10" fill="#8b7355">Mandala Flower</text>
             </svg>
-        `)}`,category:"Geometric",description:"Complex mandala flower pattern"}],Ke=({isOpen:f,onClose:o,onAddEmbroidery:a,theme:l,apiKey:s,apiEndpoint:g})=>{const[h,n]=y.useState([]),[c,T]=y.useState(!1),[I,D]=y.useState(null),[m,B]=y.useState(""),[N,w]=y.useState("All"),k=y.useRef(null),X=["All","Floral","Nature","Geometric","Traditional","Sports","Hobbies","Food","Symbols","Holiday","Text"];y.useEffect(()=>{f&&n(Je)},[f]);const j=S=>{a({type:"embroidery",src:S.url,name:S.name,description:S.description,category:S.category,width:120,height:120,x:100,y:100}),o()},O=h.filter(S=>{const Z=!m||S.name.toLowerCase().includes(m.toLowerCase())||S.description.toLowerCase().includes(m.toLowerCase()),W=N==="All"||S.category===N;return Z&&W});return f?i.jsx("div",{className:"embroidery-modal-overlay",onClick:o,children:i.jsxs("div",{className:"embroidery-modal-content",onClick:S=>S.stopPropagation(),ref:k,children:[i.jsxs("div",{className:"embroidery-modal-header",children:[i.jsx("h3",{children:"Choose an Embroidery Design"}),i.jsx("button",{className:"embroidery-modal-close",onClick:o,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"embroidery-modal-controls",children:[i.jsx("div",{className:"search-container",children:i.jsx("input",{type:"text",placeholder:"Search embroidery designs...",value:m,onChange:S=>B(S.target.value),className:"embroidery-search"})}),i.jsxs("div",{className:"category-filter",children:[i.jsx("label",{children:"Category:"}),i.jsx("select",{value:N,onChange:S=>w(S.target.value),className:"category-select",children:X.map(S=>i.jsx("option",{value:S,children:S},S))})]})]}),i.jsxs("div",{className:"embroidery-modal-body",children:[c&&i.jsxs("div",{className:"embroidery-loading",children:[i.jsx("div",{className:"loading-spinner"}),i.jsx("p",{children:"Loading embroidery designs..."})]}),I&&i.jsx("div",{className:"embroidery-error",children:i.jsx("p",{children:I})}),!c&&!I&&i.jsx("div",{className:"embroidery-grid",children:O.map(S=>i.jsxs("div",{className:"embroidery-item",onClick:()=>j(S),title:S.description,children:[i.jsx("div",{className:"embroidery-preview",children:i.jsx("img",{src:S.url,alt:S.name,loading:"lazy",onError:Z=>{console.error("Failed to load embroidery image:",S.url),Z.target.style.display="none"}})}),i.jsxs("div",{className:"embroidery-info",children:[i.jsx("div",{className:"embroidery-name",children:S.name}),i.jsx("div",{className:"embroidery-category",children:S.category})]})]},S.id))}),!c&&!I&&O.length===0&&i.jsx("div",{className:"no-embroideries",children:i.jsx("p",{children:"No embroidery designs found matching your search."})})]}),i.jsx("div",{className:"embroidery-modal-footer",children:i.jsxs("div",{className:"embroidery-disclaimer",children:[i.jsx("span",{className:"disclaimer-icon",children:"ℹ️"}),i.jsx("span",{children:"Sample embroidery designs for preview. Actual embroidered results may vary based on fabric and thread."})]})})]})}):null},Ct=[{id:1,text:"DREAM BIG",category:"Motivational",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF6B35",hasBackground:!0,backgroundColor:"#1A1A1A",textAlign:"center",textTransform:"uppercase"},{id:2,text:"Never Give Up",category:"Motivational",fontSize:28,fontFamily:"Georgia",fontWeight:"bold",fill:"#2E8B57",fontStyle:"italic",textAlign:"center"},{id:3,text:"BE YOURSELF",category:"Motivational",fontSize:24,fontFamily:"Arial",fontWeight:"700",fill:"#FF1493",textTransform:"uppercase",letterSpacing:2},{id:4,text:"Stay Strong",category:"Motivational",fontSize:26,fontFamily:"Verdana",fontWeight:"bold",fill:"#4169E1",hasTextShadow:!0,textShadowX:2,textShadowY:2,textShadowBlur:4,textShadowColor:"#000000"},{id:5,text:"RISE & SHINE",category:"Motivational",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",hasBackground:!0,backgroundColor:"#8B0000",textAlign:"center"},{id:6,text:"Believe in Magic",category:"Motivational",fontSize:22,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB",textAlign:"center"},{id:7,text:"UNSTOPPABLE",category:"Motivational",fontSize:28,fontFamily:"Arial",fontWeight:"900",fill:"#DC143C",textTransform:"uppercase",letterSpacing:1.5},{id:8,text:"Chase Your Dreams",category:"Motivational",fontSize:24,fontFamily:"Georgia",fill:"#20B2AA",fontWeight:"600"},{id:9,text:"FEARLESS",category:"Motivational",fontSize:36,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center",hasBackground:!0,backgroundColor:"#000000"},{id:10,text:"Make It Happen",category:"Motivational",fontSize:26,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#32CD32"},{id:11,text:"BORN TO WIN",category:"Motivational",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#FFD700",hasBackground:!0,backgroundColor:"#800080",textAlign:"center"},{id:12,text:"Positive Vibes Only",category:"Motivational",fontSize:20,fontFamily:"Comic Sans MS",fill:"#FF69B4",fontWeight:"600"},{id:13,text:"LIMITLESS",category:"Motivational",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#1E90FF",textTransform:"uppercase",letterSpacing:3},{id:14,text:"Embrace The Journey",category:"Motivational",fontSize:22,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B4513"},{id:15,text:"STRENGTH WITHIN",category:"Motivational",fontSize:26,fontFamily:"Verdana",fontWeight:"bold",fill:"#696969",hasBackground:!0,backgroundColor:"#F0F8FF"},{id:16,text:"Create Your Own Sunshine",category:"Motivational",fontSize:18,fontFamily:"Palatino",fill:"#FF8C00",fontWeight:"600"},{id:17,text:"WARRIOR SPIRIT",category:"Motivational",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#B22222",textAlign:"center"},{id:18,text:"Keep Going",category:"Motivational",fontSize:30,fontFamily:"Arial",fontWeight:"700",fill:"#228B22"},{id:19,text:"FOCUS & WIN",category:"Motivational",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082",hasBackground:!0,backgroundColor:"#FFFF00"},{id:20,text:"Inspire Others",category:"Motivational",fontSize:26,fontFamily:"Georgia",fill:"#CD853F",fontStyle:"italic"},{id:21,text:"GAME CHANGER",category:"Motivational",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493",textAlign:"center"},{id:22,text:"Live With Purpose",category:"Motivational",fontSize:22,fontFamily:"Palatino",fill:"#2F4F4F",fontWeight:"600"},{id:23,text:"BREAKTHROUGH",category:"Motivational",fontSize:28,fontFamily:"Arial",fontWeight:"900",fill:"#DC143C",letterSpacing:2},{id:24,text:"Shine Bright",category:"Motivational",fontSize:32,fontFamily:"Verdana",fontWeight:"bold",fill:"#FFD700",hasTextShadow:!0,textShadowX:3,textShadowY:3,textShadowBlur:6,textShadowColor:"#000000"},{id:25,text:"NEVER SETTLE",category:"Motivational",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",hasBackground:!0,backgroundColor:"#000080"},{id:26,text:"CEO MINDSET",category:"Business",fontSize:28,fontFamily:"Arial",fontWeight:"bold",fill:"#2F4F4F",textAlign:"center",hasBackground:!0,backgroundColor:"#F5F5F5"},{id:27,text:"Innovation Starts Here",category:"Business",fontSize:20,fontFamily:"Trebuchet MS",fill:"#4169E1",fontWeight:"600"},{id:28,text:"PROFESSIONAL",category:"Business",fontSize:24,fontFamily:"Georgia",fontWeight:"bold",fill:"#000080",letterSpacing:1},{id:29,text:"Excellence Every Day",category:"Business",fontSize:22,fontFamily:"Verdana",fill:"#8B0000",fontWeight:"600"},{id:30,text:"LEADERSHIP",category:"Business",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#B8860B",textAlign:"center"},{id:31,text:"Think Different",category:"Business",fontSize:26,fontFamily:"Palatino",fontStyle:"italic",fill:"#696969"},{id:32,text:"RESULTS DRIVEN",category:"Business",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#DC143C",hasBackground:!0,backgroundColor:"#F0F8FF"},{id:33,text:"Strategic Vision",category:"Business",fontSize:22,fontFamily:"Georgia",fill:"#2E8B57",fontWeight:"700"},{id:34,text:"PRODUCTIVITY",category:"Business",fontSize:28,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:35,text:"Success Mindset",category:"Business",fontSize:24,fontFamily:"Verdana",fill:"#FF8C00",fontWeight:"600"},{id:36,text:"EXPERT LEVEL",category:"Business",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#000000",hasBackground:!0,backgroundColor:"#FFD700"},{id:37,text:"Quality First",category:"Business",fontSize:30,fontFamily:"Arial",fontWeight:"700",fill:"#228B22"},{id:38,text:"INTEGRITY",category:"Business",fontSize:32,fontFamily:"Georgia",fontWeight:"bold",fill:"#2F4F4F",textAlign:"center"},{id:39,text:"Growth Focused",category:"Business",fontSize:20,fontFamily:"Palatino",fill:"#20B2AA",fontWeight:"600"},{id:40,text:"COLLABORATION",category:"Business",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#9370DB"},{id:41,text:"Performance Matters",category:"Business",fontSize:22,fontFamily:"Verdana",fill:"#B22222",fontWeight:"700"},{id:42,text:"ACCOUNTABILITY",category:"Business",fontSize:26,fontFamily:"Arial",fontWeight:"800",fill:"#8B4513",letterSpacing:1.5},{id:43,text:"Vision to Reality",category:"Business",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#4169E1"},{id:44,text:"TRANSFORMATION",category:"Business",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center"},{id:45,text:"Excellence Standard",category:"Business",fontSize:22,fontFamily:"Palatino",fill:"#2E8B57",fontWeight:"600"},{id:46,text:"EFFICIENCY",category:"Business",fontSize:30,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#000080"},{id:47,text:"Forward Thinking",category:"Business",fontSize:24,fontFamily:"Verdana",fill:"#CD853F",fontWeight:"700"},{id:48,text:"ACHIEVEMENT",category:"Business",fontSize:26,fontFamily:"Arial",fontWeight:"bold",fill:"#B8860B",hasBackground:!0,backgroundColor:"#F5F5DC"},{id:49,text:"Strategic Excellence",category:"Business",fontSize:20,fontFamily:"Georgia",fill:"#696969",fontWeight:"600"},{id:50,text:"IMPACT MAKER",category:"Business",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#DC143C",textAlign:"center"},{id:51,text:"COFFEE FIRST",category:"Funny",fontSize:28,fontFamily:"Comic Sans MS",fontWeight:"bold",fill:"#8B4513",hasBackground:!0,backgroundColor:"#F5DEB3"},{id:52,text:"I'm Not Lazy, I'm Energy Efficient",category:"Funny",fontSize:16,fontFamily:"Arial",fill:"#FF69B4",fontWeight:"600"},{id:53,text:"SARCASM LOADING...",category:"Funny",fontSize:24,fontFamily:"Courier New",fontWeight:"bold",fill:"#32CD32",textAlign:"center"},{id:54,text:"Powered By Pizza",category:"Funny",fontSize:26,fontFamily:"Comic Sans MS",fill:"#FF6347",fontWeight:"700"},{id:55,text:"CTRL + ALT + DELETE MONDAY",category:"Funny",fontSize:18,fontFamily:"Courier New",fontWeight:"bold",fill:"#4169E1"},{id:56,text:"Brain 404 Error",category:"Funny",fontSize:22,fontFamily:"Arial",fill:"#FF1493",fontWeight:"600"},{id:57,text:"WEEKEND WARRIOR",category:"Funny",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",hasBackground:!0,backgroundColor:"#000080"},{id:58,text:"Adulting is Hard",category:"Funny",fontSize:24,fontFamily:"Comic Sans MS",fill:"#9370DB",fontWeight:"600"},{id:59,text:"PROCRASTINATION EXPERT",category:"Funny",fontSize:20,fontFamily:"Arial",fontWeight:"bold",fill:"#FF4500"},{id:60,text:"Netflix & Chill Champion",category:"Funny",fontSize:18,fontFamily:"Trebuchet MS",fill:"#DC143C",fontWeight:"600"},{id:61,text:"CHAOS COORDINATOR",category:"Funny",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#FF69B4",textAlign:"center"},{id:62,text:"I Speak Fluent Sarcasm",category:"Funny",fontSize:20,fontFamily:"Georgia",fontStyle:"italic",fill:"#2E8B57"},{id:63,text:"SLEEP IS FOR THE WEAK",category:"Funny",fontSize:22,fontFamily:"Arial",fontWeight:"800",fill:"#B22222"},{id:64,text:"Professional Overthinker",category:"Funny",fontSize:20,fontFamily:"Verdana",fill:"#4B0082",fontWeight:"600"},{id:65,text:"WIFI PASSWORD PLEASE",category:"Funny",fontSize:20,fontFamily:"Courier New",fontWeight:"bold",fill:"#32CD32"},{id:66,text:"Certified Couch Potato",category:"Funny",fontSize:22,fontFamily:"Comic Sans MS",fill:"#FF8C00",fontWeight:"700"},{id:67,text:"SOCIAL DISTANCING CHAMPION",category:"Funny",fontSize:16,fontFamily:"Arial",fontWeight:"bold",fill:"#20B2AA"},{id:68,text:"Powered By Caffeine",category:"Funny",fontSize:24,fontFamily:"Impact",fill:"#8B4513",fontWeight:"bold"},{id:69,text:"EMERGENCY CHOCOLATE NEEDED",category:"Funny",fontSize:18,fontFamily:"Comic Sans MS",fontWeight:"bold",fill:"#D2691E"},{id:70,text:"I'm Not Short, I'm Fun Size",category:"Funny",fontSize:20,fontFamily:"Trebuchet MS",fill:"#FF1493",fontWeight:"600"},{id:71,text:"CTRL + Z MY LIFE",category:"Funny",fontSize:26,fontFamily:"Courier New",fontWeight:"bold",fill:"#4169E1"},{id:72,text:"Error 404: Motivation Not Found",category:"Funny",fontSize:16,fontFamily:"Arial",fill:"#FF4500",fontWeight:"600"},{id:73,text:"PROFESSIONAL WEIRDO",category:"Funny",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#9370DB",textAlign:"center"},{id:74,text:"Snack Attack Mode",category:"Funny",fontSize:26,fontFamily:"Comic Sans MS",fill:"#FF6347",fontWeight:"700"},{id:75,text:"BATTERY LOW, NEED COFFEE",category:"Funny",fontSize:18,fontFamily:"Courier New",fontWeight:"bold",fill:"#8B4513"},{id:76,text:"Love You Forever",category:"Love",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#FF1493",textAlign:"center"},{id:77,text:"SOULMATES",category:"Love",fontSize:32,fontFamily:"Georgia",fontWeight:"bold",fill:"#DC143C",hasBackground:!0,backgroundColor:"#FFE4E1"},{id:78,text:"Better Together",category:"Love",fontSize:26,fontFamily:"Trebuchet MS",fill:"#FF69B4",fontWeight:"600"},{id:79,text:"ENDLESS LOVE",category:"Love",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#B22222",textAlign:"center"},{id:80,text:"You Complete Me",category:"Love",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B0000"},{id:81,text:"FOREVER & ALWAYS",category:"Love",fontSize:24,fontFamily:"Arial",fontWeight:"bold",fill:"#FF1493",letterSpacing:1},{id:82,text:"My Heart Belongs To You",category:"Love",fontSize:20,fontFamily:"Palatino",fill:"#DC143C",fontWeight:"600"},{id:83,text:"PURE LOVE",category:"Love",fontSize:34,fontFamily:"Impact",fontWeight:"bold",fill:"#FF69B4",hasTextShadow:!0,textShadowX:2,textShadowY:2,textShadowBlur:4,textShadowColor:"#000000"},{id:84,text:"Together Forever",category:"Love",fontSize:26,fontFamily:"Georgia",fill:"#8B0000",fontWeight:"700",textAlign:"center"},{id:85,text:"MATCH MADE IN HEAVEN",category:"Love",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#FF1493"},{id:86,text:"Love Story",category:"Love",fontSize:32,fontFamily:"Palatino",fontStyle:"italic",fill:"#B22222"},{id:87,text:"HEARTBEAT",category:"Love",fontSize:28,fontFamily:"Arial",fontWeight:"800",fill:"#DC143C",hasBackground:!0,backgroundColor:"#FFF0F5"},{id:88,text:"You Are My Sunshine",category:"Love",fontSize:22,fontFamily:"Georgia",fill:"#FF8C00",fontWeight:"600"},{id:89,text:"DESTINY",category:"Love",fontSize:36,fontFamily:"Impact",fontWeight:"bold",fill:"#8B0000",textAlign:"center"},{id:90,text:"True Love Waits",category:"Love",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#FF1493"},{id:91,text:"BELOVED",category:"Love",fontSize:30,fontFamily:"Georgia",fontWeight:"bold",fill:"#B22222",letterSpacing:2},{id:92,text:"Love Conquers All",category:"Love",fontSize:26,fontFamily:"Trebuchet MS",fill:"#DC143C",fontWeight:"700"},{id:93,text:"PERFECT MATCH",category:"Love",fontSize:24,fontFamily:"Arial",fontWeight:"bold",fill:"#FF69B4",hasBackground:!0,backgroundColor:"#000000"},{id:94,text:"Always & Forever",category:"Love",fontSize:28,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B0000",textAlign:"center"},{id:95,text:"ROMANCE",category:"Love",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493"},{id:96,text:"Love Never Fails",category:"Love",fontSize:24,fontFamily:"Palatino",fill:"#B22222",fontWeight:"600"},{id:97,text:"ETERNAL LOVE",category:"Love",fontSize:28,fontFamily:"Arial",fontWeight:"800",fill:"#DC143C",letterSpacing:1.5},{id:98,text:"Heart & Soul",category:"Love",fontSize:30,fontFamily:"Georgia",fill:"#8B0000",fontWeight:"bold"},{id:99,text:"PASSIONATE",category:"Love",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center"},{id:100,text:"Love Is Everything",category:"Love",fontSize:24,fontFamily:"Trebuchet MS",fill:"#FF1493",fontWeight:"700"},{id:101,text:"NO PAIN NO GAIN",category:"Sports",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center",hasBackground:!0,backgroundColor:"#000000"},{id:102,text:"Train Hard",category:"Sports",fontSize:32,fontFamily:"Arial",fontWeight:"900",fill:"#B22222"},{id:103,text:"CHAMPION MINDSET",category:"Sports",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#FFD700",hasBackground:!0,backgroundColor:"#000080"},{id:104,text:"Beast Mode ON",category:"Sports",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#32CD32"},{id:105,text:"STRONGER EVERY DAY",category:"Sports",fontSize:22,fontFamily:"Arial",fontWeight:"800",fill:"#2E8B57",letterSpacing:1},{id:106,text:"Victory Mindset",category:"Sports",fontSize:28,fontFamily:"Georgia",fontWeight:"bold",fill:"#B8860B"},{id:107,text:"GAME TIME",category:"Sports",fontSize:34,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493",textAlign:"center"},{id:108,text:"Push Your Limits",category:"Sports",fontSize:24,fontFamily:"Trebuchet MS",fill:"#4169E1",fontWeight:"700"},{id:109,text:"ATHLETIC EXCELLENCE",category:"Sports",fontSize:20,fontFamily:"Arial",fontWeight:"bold",fill:"#DC143C"},{id:110,text:"Fitness First",category:"Sports",fontSize:30,fontFamily:"Verdana",fontWeight:"bold",fill:"#228B22"},{id:111,text:"UNSTOPPABLE FORCE",category:"Sports",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",hasTextShadow:!0,textShadowX:3,textShadowY:3,textShadowBlur:6,textShadowColor:"#000000"},{id:112,text:"Sweat Equity",category:"Sports",fontSize:28,fontFamily:"Georgia",fill:"#8B4513",fontWeight:"700"},{id:113,text:"PERFORMANCE ZONE",category:"Sports",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:114,text:"Train Like A Champion",category:"Sports",fontSize:20,fontFamily:"Arial",fill:"#B22222",fontWeight:"600"},{id:115,text:"POWER WITHIN",category:"Sports",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF8C00",textAlign:"center"},{id:116,text:"Maximum Effort",category:"Sports",fontSize:26,fontFamily:"Verdana",fill:"#2E8B57",fontWeight:"800"},{id:117,text:"ELITE ATHLETE",category:"Sports",fontSize:28,fontFamily:"Arial",fontWeight:"900",fill:"#FFD700",hasBackground:!0,backgroundColor:"#8B0000"},{id:118,text:"Rise Above",category:"Sports",fontSize:30,fontFamily:"Georgia",fontWeight:"bold",fill:"#4169E1"},{id:119,text:"COMPETITIVE EDGE",category:"Sports",fontSize:22,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#DC143C"},{id:120,text:"Strength & Honor",category:"Sports",fontSize:26,fontFamily:"Impact",fill:"#2F4F4F",fontWeight:"bold"},{id:121,text:"WINNING ATTITUDE",category:"Sports",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#32CD32",letterSpacing:1.5},{id:122,text:"Never Give Up",category:"Sports",fontSize:32,fontFamily:"Verdana",fontWeight:"bold",fill:"#FF4500"},{id:123,text:"ENDURANCE",category:"Sports",fontSize:36,fontFamily:"Impact",fontWeight:"bold",fill:"#228B22",textAlign:"center"},{id:124,text:"Peak Performance",category:"Sports",fontSize:24,fontFamily:"Georgia",fill:"#B8860B",fontWeight:"700"},{id:125,text:"DEDICATION PAYS OFF",category:"Sports",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:126,text:"STYLE ICON",category:"Lifestyle",fontSize:30,fontFamily:"Palatino",fontWeight:"bold",fill:"#000000",hasBackground:!0,backgroundColor:"#FFD700"},{id:127,text:"Chic & Unique",category:"Lifestyle",fontSize:28,fontFamily:"Georgia",fontStyle:"italic",fill:"#FF1493"},{id:128,text:"TRENDSETTER",category:"Lifestyle",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#9370DB",textAlign:"center"},{id:129,text:"Fashion Forward",category:"Lifestyle",fontSize:24,fontFamily:"Trebuchet MS",fill:"#FF69B4",fontWeight:"600"},{id:130,text:"BOUTIQUE VIBES",category:"Lifestyle",fontSize:22,fontFamily:"Arial",fontWeight:"bold",fill:"#4169E1"},{id:131,text:"Effortlessly Elegant",category:"Lifestyle",fontSize:20,fontFamily:"Georgia",fontStyle:"italic",fill:"#2F4F4F"},{id:132,text:"LUXE LIFESTYLE",category:"Lifestyle",fontSize:28,fontFamily:"Palatino",fontWeight:"bold",fill:"#B8860B",letterSpacing:2},{id:133,text:"Vintage Soul",category:"Lifestyle",fontSize:32,fontFamily:"Georgia",fill:"#8B4513",fontWeight:"700"},{id:134,text:"MODERN CLASSIC",category:"Lifestyle",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#000000"},{id:135,text:"Street Style",category:"Lifestyle",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500"},{id:136,text:"SOPHISTICATED",category:"Lifestyle",fontSize:26,fontFamily:"Palatino",fontWeight:"bold",fill:"#2E8B57",hasBackground:!0,backgroundColor:"#F5F5F5"},{id:137,text:"Boho Chic",category:"Lifestyle",fontSize:28,fontFamily:"Georgia",fontStyle:"italic",fill:"#CD853F"},{id:138,text:"MINIMALIST",category:"Lifestyle",fontSize:32,fontFamily:"Arial",fontWeight:"300",fill:"#696969",letterSpacing:3},{id:139,text:"Glamorous Life",category:"Lifestyle",fontSize:24,fontFamily:"Trebuchet MS",fill:"#FFD700",fontWeight:"700"},{id:140,text:"HAUTE COUTURE",category:"Lifestyle",fontSize:22,fontFamily:"Palatino",fontWeight:"bold",fill:"#4B0082"},{id:141,text:"Urban Explorer",category:"Lifestyle",fontSize:26,fontFamily:"Impact",fill:"#32CD32",fontWeight:"bold"},{id:142,text:"AESTHETIC VIBES",category:"Lifestyle",fontSize:24,fontFamily:"Arial",fontWeight:"600",fill:"#FF69B4"},{id:143,text:"Lifestyle Goals",category:"Lifestyle",fontSize:28,fontFamily:"Georgia",fill:"#20B2AA",fontWeight:"600"},{id:144,text:"PREMIUM QUALITY",category:"Lifestyle",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#B22222"},{id:145,text:"Designer Dreams",category:"Lifestyle",fontSize:26,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:146,text:"CURATED STYLE",category:"Lifestyle",fontSize:24,fontFamily:"Arial",fontWeight:"700",fill:"#2F4F4F",letterSpacing:1},{id:147,text:"Fashion Statement",category:"Lifestyle",fontSize:22,fontFamily:"Georgia",fill:"#FF1493",fontWeight:"600"},{id:148,text:"ARTISAN CRAFTED",category:"Lifestyle",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#8B4513"},{id:149,text:"Timeless Elegance",category:"Lifestyle",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#000080"},{id:150,text:"SIGNATURE STYLE",category:"Lifestyle",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",textAlign:"center"},{id:151,text:"HAPPY BIRTHDAY",category:"Holidays",fontSize:32,fontFamily:"Comic Sans MS",fontWeight:"bold",fill:"#FF69B4",hasBackground:!0,backgroundColor:"#FFFF00",textAlign:"center"},{id:152,text:"Merry Christmas",category:"Holidays",fontSize:30,fontFamily:"Georgia",fill:"#B22222",fontWeight:"700",hasTextShadow:!0,textShadowX:2,textShadowY:2,textShadowBlur:4,textShadowColor:"#228B22"},{id:153,text:"CELEBRATION TIME",category:"Holidays",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700"},{id:154,text:"Happy New Year",category:"Holidays",fontSize:26,fontFamily:"Trebuchet MS",fill:"#4169E1",fontWeight:"700"},{id:155,text:"THANKFUL HEART",category:"Holidays",fontSize:24,fontFamily:"Georgia",fontWeight:"bold",fill:"#FF8C00",textAlign:"center"},{id:156,text:"Easter Blessings",category:"Holidays",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:157,text:"PARTY TIME",category:"Holidays",fontSize:34,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493",hasBackground:!0,backgroundColor:"#000000"},{id:158,text:"Halloween Spirit",category:"Holidays",fontSize:26,fontFamily:"Arial",fontWeight:"800",fill:"#FF4500"},{id:159,text:"FESTIVE MOOD",category:"Holidays",fontSize:30,fontFamily:"Georgia",fontWeight:"bold",fill:"#32CD32"},{id:160,text:"Valentine's Day",category:"Holidays",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#DC143C"},{id:161,text:"ANNIVERSARY JOY",category:"Holidays",fontSize:"22",fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#B8860B"},{id:162,text:"Graduation Day",category:"Holidays",fontSize:28,fontFamily:"Arial",fill:"#000080",fontWeight:"700"},{id:163,text:"SUMMER VIBES",category:"Holidays",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",textAlign:"center"},{id:164,text:"Winter Wonderland",category:"Holidays",fontSize:20,fontFamily:"Georgia",fill:"#4169E1",fontWeight:"600"},{id:165,text:"MOTHER'S DAY LOVE",category:"Holidays",fontSize:22,fontFamily:"Palatino",fontWeight:"bold",fill:"#FF69B4"},{id:166,text:"Father's Day Hero",category:"Holidays",fontSize:24,fontFamily:"Arial",fill:"#2F4F4F",fontWeight:"700"},{id:167,text:"SPRING AWAKENING",category:"Holidays",fontSize:26,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#32CD32"},{id:168,text:"Holiday Magic",category:"Holidays",fontSize:30,fontFamily:"Georgia",fontStyle:"italic",fill:"#9370DB"},{id:169,text:"FAMILY GATHERING",category:"Holidays",fontSize:20,fontFamily:"Arial",fontWeight:"600",fill:"#8B4513"},{id:170,text:"Wedding Bliss",category:"Holidays",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#FFD700"},{id:171,text:"FIREWORKS NIGHT",category:"Holidays",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500"},{id:172,text:"Autumn Leaves",category:"Holidays",fontSize:26,fontFamily:"Georgia",fill:"#D2691E",fontWeight:"600"},{id:173,text:"MILESTONE MOMENT",category:"Holidays",fontSize:22,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:174,text:"Special Occasion",category:"Holidays",fontSize:24,fontFamily:"Arial",fill:"#B22222",fontWeight:"700"},{id:175,text:"CHEERS TO LIFE",category:"Holidays",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#20B2AA",textAlign:"center"},{id:176,text:'"Life is Beautiful"',category:"Quotes",fontSize:26,fontFamily:"Georgia",fontStyle:"italic",fill:"#2E8B57",textAlign:"center"},{id:177,text:"CARPE DIEM",category:"Quotes",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#B8860B",letterSpacing:2},{id:178,text:'"Choose Happiness"',category:"Quotes",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#FF69B4"},{id:179,text:"LIVE LAUGH LOVE",category:"Quotes",fontSize:24,fontFamily:"Arial",fontWeight:"600",fill:"#DC143C",textAlign:"center"},{id:180,text:'"Dream Without Fear"',category:"Quotes",fontSize:22,fontFamily:"Georgia",fontStyle:"italic",fill:"#4169E1"},{id:181,text:"WISDOM WITHIN",category:"Quotes",fontSize:28,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#2F4F4F"},{id:182,text:'"Create Your Story"',category:"Quotes",fontSize:20,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:183,text:"INNER PEACE",category:"Quotes",fontSize:30,fontFamily:"Arial",fontWeight:"300",fill:"#20B2AA",letterSpacing:3},{id:184,text:'"Follow Your Heart"',category:"Quotes",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#FF1493"},{id:185,text:"GRATITUDE DAILY",category:"Quotes",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FF8C00"},{id:186,text:'"Embrace Change"',category:"Quotes",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#32CD32"},{id:187,text:"MINDFUL LIVING",category:"Quotes",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"600",fill:"#4B0082"},{id:188,text:'"Stay Curious"',category:"Quotes",fontSize:30,fontFamily:"Georgia",fontStyle:"italic",fill:"#B22222"},{id:189,text:"PURPOSE DRIVEN",category:"Quotes",fontSize:28,fontFamily:"Arial",fontWeight:"700",fill:"#8B4513"},{id:190,text:'"Find Your Why"',category:"Quotes",fontSize:26,fontFamily:"Palatino",fontStyle:"italic",fill:"#CD853F"},{id:191,text:"AUTHENTIC SELF",category:"Quotes",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500"},{id:192,text:'"Less is More"',category:"Quotes",fontSize:32,fontFamily:"Arial",fontWeight:"300",fill:"#696969",letterSpacing:2},{id:193,text:"PRESENT MOMENT",category:"Quotes",fontSize:26,fontFamily:"Georgia",fontWeight:"600",fill:"#2E8B57"},{id:194,text:'"Trust The Process"',category:"Quotes",fontSize:22,fontFamily:"Palatino",fontStyle:"italic",fill:"#4169E1"},{id:195,text:"BALANCED LIFE",category:"Quotes",fontSize:28,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#20B2AA"},{id:196,text:'"Spread Kindness"',category:"Quotes",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#FF69B4"},{id:197,text:"GROWTH MINDSET",category:"Quotes",fontSize:26,fontFamily:"Arial",fontWeight:"700",fill:"#32CD32"},{id:198,text:'"Be The Change"',category:"Quotes",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:199,text:"INFINITE POSSIBILITIES",category:"Quotes",fontSize:20,fontFamily:"Impact",fontWeight:"bold",fill:"#B8860B"},{id:200,text:'"Leave Your Mark"',category:"Quotes",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B0000",textAlign:"center"}],Ze=({isOpen:f,onClose:o,onAddText:a,theme:l})=>{const[s,g]=y.useState(""),[h,n]=y.useState("All"),c=y.useMemo(()=>{const m=Ct.reduce((B,N)=>(B[N.category]=(B[N.category]||0)+1,B),{});return[{name:"All",count:Ct.length},...Object.entries(m).map(([B,N])=>({name:B,count:N}))]},[Ct]),T=y.useMemo(()=>Ct.filter(m=>{const B=!s||m.text.toLowerCase().includes(s.toLowerCase())||m.category.toLowerCase().includes(s.toLowerCase()),N=h==="All"||m.category===h;return B&&N}),[Ct,s,h]),I=m=>{const B={...m,x:100,y:100};a("text",B),o()},D=()=>{a("text",{text:"Your Text Here",fontSize:24,fontFamily:"Arial",fill:"#000000",x:100,y:100}),o()};return f?i.jsx("div",{className:"text-templates-modal-overlay",onClick:o,children:i.jsxs("div",{className:"text-templates-modal",onClick:m=>m.stopPropagation(),children:[i.jsxs("div",{className:"modal-header",children:[i.jsx("h2",{children:"Text Templates"}),i.jsx("button",{className:"close-btn",onClick:o,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"modal-controls",children:[i.jsx("div",{className:"search-section",children:i.jsx("input",{type:"text",placeholder:"Search templates...",value:s,onChange:m=>g(m.target.value),className:"search-input"})}),i.jsx("div",{className:"category-tabs",children:c.map(m=>i.jsxs("button",{className:`category-tab ${h===m.name?"active":""}`,onClick:()=>n(m.name),children:[m.name,i.jsxs("span",{className:"count",children:["(",m.count,")"]})]},m.name))})]}),i.jsxs("div",{className:"templates-grid",children:[i.jsx("div",{className:"custom-text-option",onClick:D,children:i.jsxs("div",{className:"custom-text-preview",children:[i.jsx("div",{className:"custom-icon",children:"✏️"}),i.jsx("div",{className:"custom-label",children:"Create Custom Text"})]})}),T.map(m=>i.jsxs("div",{className:"template-item",onClick:()=>I(m),children:[i.jsx("div",{className:"template-preview",style:{fontFamily:m.fontFamily,fontSize:`${Math.min(m.fontSize*.6,18)}px`,fontWeight:m.fontWeight,fontStyle:m.fontStyle,color:m.fill,backgroundColor:m.hasBackground?m.backgroundColor:"transparent",textAlign:m.textAlign||"left",textTransform:m.textTransform||"none",letterSpacing:m.letterSpacing?`${m.letterSpacing}px`:"normal",textShadow:m.hasTextShadow?`${m.textShadowX}px ${m.textShadowY}px ${m.textShadowBlur}px ${m.textShadowColor}`:"none"},children:m.text}),i.jsxs("div",{className:"template-info",children:[i.jsx("span",{className:"template-category",children:m.category}),i.jsx("span",{className:"template-font",children:m.fontFamily})]})]},m.id))]}),i.jsx("div",{className:"modal-footer",children:i.jsxs("div",{className:"results-count",children:[T.length," template",T.length!==1?"s":""," found"]})})]})}):null},ti=({onAddElement:f,onDeleteElement:o,onDuplicateElement:a,onUndo:l,onRedo:s,onToggleGrid:g,onToggleRulers:h,onToggleSnap:n,onImageUpload:c,canUndo:T,canRedo:I,showGrid:D,showRulers:m,snapToGrid:B,selectedElement:N,theme:w,readOnly:k,apiKey:X,apiEndpoint:j})=>{const[O,S]=y.useState(!1),[Z,W]=y.useState(!1),[ft,Q]=y.useState(!1),[ct,G]=y.useState(!1),[rt,M]=y.useState(!1),[st,tt]=y.useState(!1),[lt,Y]=y.useState(!1),P=U=>{const K=U.target.files[0];K&&K.type.startsWith("image/")&&c(K),U.target.value=""},C=U=>{f("icon",{iconData:U,text:U.symbol,fontSize:48,fontFamily:"Arial",fill:"#000000"})},et=U=>{f("qrcode",U)},u=U=>{f("barcode",U)},E=U=>{f("sticker",U)},L=U=>{f("embroidery",U)},$=(U,K)=>{f(U,K)},_=()=>{tt(!st),Y(!1)},it=()=>{Y(!lt),tt(!1)},J=U=>{U==="custom"?f("text"):U==="templates"&&M(!0),tt(!1)},q=U=>{f(U),Y(!1)};return i.jsxs("div",{className:"toolbar",children:[i.jsxs("div",{className:"toolbar-section",children:[i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("button",{className:"toolbar-btn compact",onClick:l,disabled:!T||k,title:"Undo (Ctrl+Z)",children:[i.jsx("span",{className:"icon",children:"↶"}),i.jsx("span",{className:"label",children:"Undo"})]}),i.jsxs("button",{className:"toolbar-btn compact",onClick:s,disabled:!I||k,title:"Redo (Ctrl+Y)",children:[i.jsx("span",{className:"icon",children:"↷"}),i.jsx("span",{className:"label",children:"Redo"})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("div",{className:"toolbar-dropdown",children:[i.jsxs("button",{className:"toolbar-btn compact dropdown-trigger",disabled:k,title:"Add Text",onClick:_,children:[i.jsx("span",{className:"icon",children:"𝐓"}),i.jsx("span",{className:"label",children:"Text"}),i.jsx("span",{className:`dropdown-arrow ${st?"open":""}`,children:"▼"})]}),i.jsxs("div",{className:`dropdown-menu ${st?"show":""}`,children:[i.jsxs("button",{onClick:()=>J("custom"),children:[i.jsx("span",{className:"icon",children:"𝐓"})," Custom Text"]}),i.jsxs("button",{onClick:()=>J("templates"),children:[i.jsx("span",{className:"icon",children:"📝"})," Text Templates"]})]})]}),i.jsxs("div",{className:"toolbar-dropdown",children:[i.jsxs("button",{className:"toolbar-btn compact dropdown-trigger",disabled:k,onClick:it,children:[i.jsx("span",{className:"icon",children:"◩"}),i.jsx("span",{className:"label",children:"Shapes"}),i.jsx("span",{className:`dropdown-arrow ${lt?"open":""}`,children:"▼"})]}),i.jsxs("div",{className:`dropdown-menu ${lt?"show":""}`,children:[i.jsxs("button",{onClick:()=>q("rectangle"),children:[i.jsx("span",{className:"icon",children:"▭"})," Rectangle"]}),i.jsxs("button",{onClick:()=>q("circle"),children:[i.jsx("span",{className:"icon",children:"●"})," Circle"]}),i.jsxs("button",{onClick:()=>q("triangle"),children:[i.jsx("span",{className:"icon",children:"▲"})," Triangle"]}),i.jsxs("button",{onClick:()=>q("star"),children:[i.jsx("span",{className:"icon",children:"★"})," Star"]}),i.jsxs("button",{onClick:()=>q("heart"),children:[i.jsx("span",{className:"icon",children:"♥"})," Heart"]}),i.jsxs("button",{onClick:()=>q("arrow"),children:[i.jsx("span",{className:"icon",children:"➤"})," Arrow"]}),i.jsxs("button",{onClick:()=>q("diamond"),children:[i.jsx("span",{className:"icon",children:"◆"})," Diamond"]}),i.jsxs("button",{onClick:()=>q("hexagon"),children:[i.jsx("span",{className:"icon",children:"⬡"})," Hexagon"]}),i.jsxs("button",{onClick:()=>q("pentagon"),children:[i.jsx("span",{className:"icon",children:"⬟"})," Pentagon"]}),i.jsxs("button",{onClick:()=>q("oval"),children:[i.jsx("span",{className:"icon",children:"⬯"})," Oval"]}),i.jsxs("button",{onClick:()=>q("roundedRectangle"),children:[i.jsx("span",{className:"icon",children:"▢"})," Rounded Rectangle"]}),i.jsxs("button",{onClick:()=>q("horizontalLine"),children:[i.jsx("span",{className:"icon",children:"―"})," Horizontal Line"]})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("label",{className:"toolbar-btn compact file-upload",style:{cursor:k?"not-allowed":"pointer"},children:[i.jsx("span",{className:"icon",children:"☁️"}),i.jsx("span",{className:"label",children:"Upload"}),i.jsx("input",{type:"file",accept:"image/*",onChange:P,disabled:k})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsx(_e,{onSelectIcon:C,theme:w,disabled:k}),i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>Q(!0),disabled:k,title:"Add Sticker",children:[i.jsx("span",{className:"icon",children:"🎨"}),i.jsx("span",{className:"label",children:"Stickers"})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>S(!0),disabled:k,title:"Add QR Code",children:[i.jsx("span",{className:"icon",children:"▦"}),i.jsx("span",{className:"label",children:"QR Code"})]}),i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>W(!0),disabled:k,title:"Add Barcode",children:[i.jsx("span",{className:"icon",children:"▤"}),i.jsx("span",{className:"label",children:"Barcode"})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsx("div",{className:"toolbar-group embroidery-group",children:i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>G(!0),disabled:k,title:"Add Embroidery Design",children:[i.jsx("span",{className:"icon",children:"🧵"}),i.jsx("span",{className:"label",children:"Embroidery"})]})}),N&&i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"toolbar-separator"}),i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("button",{className:"toolbar-btn compact success",onClick:a,disabled:k,title:"Duplicate Element (Ctrl+D)",children:[i.jsx("span",{className:"icon",children:"⧉"}),i.jsx("span",{className:"label",children:"Copy"})]}),i.jsxs("button",{className:"toolbar-btn compact danger",onClick:o,disabled:k,title:"Delete Element (Delete)",children:[i.jsx("span",{className:"icon",children:"🗑️"}),i.jsx("span",{className:"label",children:"Delete"})]})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("button",{className:`toolbar-btn compact ${D?"active":""}`,onClick:g,title:"Toggle Grid",children:[i.jsx("span",{className:"icon",children:"⚏"}),i.jsx("span",{className:"label",children:"Grid"})]}),i.jsxs("button",{className:`toolbar-btn compact ${m?"active":""}`,onClick:h,title:"Toggle Rulers",children:[i.jsx("span",{className:"icon",children:"📐"}),i.jsx("span",{className:"label",children:"Rulers"})]}),i.jsxs("button",{className:`toolbar-btn compact ${B?"active":""}`,onClick:n,title:"Snap to Grid",children:[i.jsx("span",{className:"icon",children:"🧲"}),i.jsx("span",{className:"label",children:"Snap"})]})]})]}),i.jsx(Ye,{isOpen:O,onClose:()=>S(!1),onAddQRCode:et,theme:w}),i.jsx(qe,{isOpen:Z,onClose:()=>W(!1),onAddBarcode:u,theme:w}),i.jsx(Xe,{isOpen:ft,onClose:()=>Q(!1),onAddSticker:E,theme:w,apiKey:X,apiEndpoint:j}),i.jsx(Ke,{isOpen:ct,onClose:()=>G(!1),onAddEmbroidery:L,theme:w,apiKey:X,apiEndpoint:j}),i.jsx(Ze,{isOpen:rt,onClose:()=>M(!1),onAddText:$,theme:w})]})},ei=({selectedElement:f,onUpdate:o,onMoveLayer:a,availableFonts:l,theme:s})=>{const[g,h]=y.useState(!1);if(!f)return i.jsxs("div",{className:"properties-panel",children:[i.jsx("h3",{children:"Properties"}),i.jsx("p",{className:"no-selection",children:"Select an element to edit its properties"})]});const n=(w,k)=>{o(f.id,{[w]:k})},c=()=>{var w,k,X;return i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Text Content"}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Content"}),i.jsx("textarea",{value:f.text||"",onChange:j=>n("text",j.target.value),rows:3,placeholder:"Enter your text here..."})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Font Family"}),i.jsx("select",{value:f.fontFamily||"Arial",onChange:j=>n("fontFamily",j.target.value),children:l.map(j=>i.jsx("option",{value:j,children:j},j))})]}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Font Size"}),i.jsx("input",{type:"number",value:f.fontSize||20,onChange:j=>n("fontSize",parseInt(j.target.value)),min:"8",max:"200"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Line Height"}),i.jsx("input",{type:"number",step:"0.1",value:f.lineHeight||1.2,onChange:j=>n("lineHeight",parseFloat(j.target.value)),min:"0.5",max:"3"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Font Weight"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:f.fontWeight==="lighter"||f.fontWeight==="300"?"active":"",onClick:()=>n("fontWeight","300"),title:"Light",children:"Light"}),i.jsx("button",{className:!f.fontWeight||f.fontWeight==="normal"||f.fontWeight==="400"?"active":"",onClick:()=>n("fontWeight","normal"),title:"Normal",children:"Normal"}),i.jsx("button",{className:f.fontWeight==="bold"||f.fontWeight==="700"?"active":"",onClick:()=>n("fontWeight","bold"),title:"Bold",children:i.jsx("strong",{children:"Bold"})})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Style"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:f.fontStyle==="italic"?"active":"",onClick:()=>n("fontStyle",f.fontStyle==="italic"?"normal":"italic"),title:"Italic",children:i.jsx("em",{children:"I"})}),i.jsx("button",{className:(w=f.textDecoration)!=null&&w.includes("underline")?"active":"",onClick:()=>{const j=f.textDecoration||"",O=j.split(" ").filter(S=>S&&S!=="underline");j.includes("underline")||O.push("underline"),n("textDecoration",O.join(" ").trim())},title:"Underline",children:i.jsx("u",{children:"U"})}),i.jsx("button",{className:(k=f.textDecoration)!=null&&k.includes("overline")?"active":"",onClick:()=>{const j=f.textDecoration||"",O=j.split(" ").filter(S=>S&&S!=="overline");j.includes("overline")||O.push("overline"),n("textDecoration",O.join(" ").trim())},title:"Overline",children:i.jsx("span",{style:{textDecoration:"overline"},children:"O"})}),i.jsx("button",{className:(X=f.textDecoration)!=null&&X.includes("line-through")?"active":"",onClick:()=>{const j=f.textDecoration||"",O=j.split(" ").filter(S=>S&&S!=="line-through");j.includes("line-through")||O.push("line-through"),n("textDecoration",O.join(" ").trim())},title:"Strikethrough",children:i.jsx("s",{children:"S"})})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Transform"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:!f.textTransform||f.textTransform==="none"?"active":"",onClick:()=>n("textTransform","none"),title:"Normal",children:"Aa"}),i.jsx("button",{className:f.textTransform==="uppercase"?"active":"",onClick:()=>n("textTransform","uppercase"),title:"Uppercase",children:"AA"}),i.jsx("button",{className:f.textTransform==="lowercase"?"active":"",onClick:()=>n("textTransform","lowercase"),title:"Lowercase",children:"aa"}),i.jsx("button",{className:f.textTransform==="capitalize"?"active":"",onClick:()=>n("textTransform","capitalize"),title:"Capitalize",children:"Aa"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Alignment"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:!f.textAlign||f.textAlign==="left"?"active":"",onClick:()=>n("textAlign","left"),title:"Left Align",children:"⬅"}),i.jsx("button",{className:f.textAlign==="center"?"active":"",onClick:()=>n("textAlign","center"),title:"Center Align",children:"↔"}),i.jsx("button",{className:f.textAlign==="right"?"active":"",onClick:()=>n("textAlign","right"),title:"Right Align",children:"➡"}),i.jsx("button",{className:f.textAlign==="justify"?"active":"",onClick:()=>n("textAlign","justify"),title:"Justify",children:"≡"})]})]}),i.jsx("div",{className:"property-row",children:i.jsxs("div",{className:"color-input-group",children:[i.jsxs("div",{className:"color-input-item",children:[i.jsx("label",{children:"Text Color"}),i.jsx("input",{type:"color",value:f.fill||"#000000",onChange:j=>n("fill",j.target.value)})]}),i.jsxs("div",{className:"color-input-item",children:[i.jsx("label",{children:"Background Color"}),i.jsxs("div",{className:"color-with-toggle",children:[i.jsx("input",{type:"color",value:f.backgroundColor||"#ffffff",onChange:j=>n("backgroundColor",j.target.value),disabled:!f.hasBackground}),i.jsx("button",{className:`toggle-btn ${f.hasBackground?"active":""}`,onClick:()=>n("hasBackground",!f.hasBackground),title:f.hasBackground?"Remove background":"Add background",children:f.hasBackground?"👁":"👁‍🗨"})]})]})]})}),g&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Letter Spacing"}),i.jsx("input",{type:"number",step:"0.1",value:f.letterSpacing||0,onChange:j=>n("letterSpacing",parseFloat(j.target.value)),min:"-5",max:"10"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Word Spacing"}),i.jsx("input",{type:"number",step:"0.1",value:f.wordSpacing||0,onChange:j=>n("wordSpacing",parseFloat(j.target.value)),min:"-10",max:"20"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Shadow"}),i.jsxs("div",{className:"text-shadow-controls",children:[i.jsx("div",{className:"shadow-toggle",children:i.jsx("button",{className:`toggle-btn ${f.hasTextShadow?"active":""}`,onClick:()=>n("hasTextShadow",!f.hasTextShadow),children:f.hasTextShadow?"Remove Shadow":"Add Shadow"})}),f.hasTextShadow&&i.jsxs("div",{className:"shadow-properties",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"H-Offset"}),i.jsx("input",{type:"number",value:f.textShadowX||2,onChange:j=>n("textShadowX",parseInt(j.target.value)),min:"-20",max:"20"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"V-Offset"}),i.jsx("input",{type:"number",value:f.textShadowY||2,onChange:j=>n("textShadowY",parseInt(j.target.value)),min:"-20",max:"20"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Blur"}),i.jsx("input",{type:"number",value:f.textShadowBlur||4,onChange:j=>n("textShadowBlur",parseInt(j.target.value)),min:"0",max:"20"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Shadow Color"}),i.jsx("input",{type:"color",value:f.textShadowColor||"#000000",onChange:j=>n("textShadowColor",j.target.value)})]})]})]})]}),i.jsx("div",{className:"property-row",children:i.jsxs("div",{className:"color-input-group",children:[i.jsxs("div",{className:"color-input-item",children:[i.jsx("label",{children:"Stroke Color"}),i.jsx("input",{type:"color",value:f.stroke||"#000000",onChange:j=>n("stroke",j.target.value)})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Stroke Width"}),i.jsx("input",{type:"number",value:f.strokeWidth||0,onChange:j=>n("strokeWidth",parseInt(j.target.value)),min:"0",max:"20"})]})]})}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Opacity"}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.1",value:f.opacity||1,onChange:j=>n("opacity",parseFloat(j.target.value))}),i.jsxs("span",{children:[Math.round((f.opacity||1)*100),"%"]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Font Variant"}),i.jsxs("select",{value:f.fontVariant||"normal",onChange:j=>n("fontVariant",j.target.value),children:[i.jsx("option",{value:"normal",children:"Normal"}),i.jsx("option",{value:"small-caps",children:"Small Caps"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Writing Mode"}),i.jsxs("select",{value:f.writingMode||"horizontal-tb",onChange:j=>n("writingMode",j.target.value),children:[i.jsx("option",{value:"horizontal-tb",children:"Horizontal"}),i.jsx("option",{value:"vertical-rl",children:"Vertical Right-to-Left"}),i.jsx("option",{value:"vertical-lr",children:"Vertical Left-to-Right"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Direction"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:!f.direction||f.direction==="ltr"?"active":"",onClick:()=>n("direction","ltr"),title:"Left to Right",children:"LTR"}),i.jsx("button",{className:f.direction==="rtl"?"active":"",onClick:()=>n("direction","rtl"),title:"Right to Left",children:"RTL"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Background Padding"}),i.jsx("input",{type:"number",value:f.backgroundPadding||5,onChange:j=>n("backgroundPadding",parseInt(j.target.value)),min:"0",max:"50",disabled:!f.hasBackground})]})]})]})},T=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Shape Properties"}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Fill Color"}),i.jsx("input",{type:"color",value:f.fill||"#000000",onChange:w=>n("fill",w.target.value)})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Stroke Color"}),i.jsx("input",{type:"color",value:f.stroke||"#000000",onChange:w=>n("stroke",w.target.value)})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Stroke Width"}),i.jsx("input",{type:"number",value:f.strokeWidth||2,onChange:w=>n("strokeWidth",parseInt(w.target.value)),min:"0",max:"20"})]}),f.type==="star"&&i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Star Points"}),i.jsx("input",{type:"number",value:f.numPoints||5,onChange:w=>n("numPoints",parseInt(w.target.value)),min:"3",max:"20"})]}),f.type==="roundedRectangle"&&i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Corner Radius"}),i.jsx("input",{type:"number",value:f.cornerRadius||10,onChange:w=>n("cornerRadius",parseInt(w.target.value)),min:"0",max:"50"})]})]}),I=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Image Properties"}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Opacity"}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.1",value:f.opacity||1,onChange:w=>n("opacity",parseFloat(w.target.value))}),i.jsxs("span",{children:[Math.round((f.opacity||1)*100),"%"]})]}),g&&i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Border Radius"}),i.jsx("input",{type:"number",value:f.borderRadius||0,onChange:w=>n("borderRadius",parseInt(w.target.value)),min:"0",max:"50"})]})]}),D=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Position & Size"}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"X"}),i.jsx("input",{type:"number",value:Math.round(f.x)||0,onChange:w=>n("x",parseInt(w.target.value))})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Y"}),i.jsx("input",{type:"number",value:Math.round(f.y)||0,onChange:w=>n("y",parseInt(w.target.value))})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Width"}),i.jsx("input",{type:"number",value:Math.round(f.width)||0,onChange:w=>n("width",parseInt(w.target.value)),min:"1"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Height"}),i.jsx("input",{type:"number",value:Math.round(f.height)||0,onChange:w=>n("height",parseInt(w.target.value)),min:"1"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Rotation"}),i.jsx("input",{type:"range",min:"-180",max:"180",value:f.rotation||0,onChange:w=>n("rotation",parseInt(w.target.value))}),i.jsxs("span",{children:[f.rotation||0,"°"]})]})]}),m=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Line Properties"}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Line Width"}),i.jsx("input",{type:"number",value:f.strokeWidth||f.height||2,onChange:w=>{const k=parseInt(w.target.value);n("strokeWidth",k),n("height",k)},min:"1",max:"50"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Length"}),i.jsx("input",{type:"number",value:f.width||200,onChange:w=>n("width",parseInt(w.target.value)),min:"10",max:"1000"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Line Color"}),i.jsxs("div",{className:"color-input-group",children:[i.jsx("input",{type:"color",value:f.stroke||f.fill||"#000000",onChange:w=>{n("stroke",w.target.value),n("fill",w.target.value)}}),i.jsx("input",{type:"text",value:f.stroke||f.fill||"#000000",onChange:w=>{n("stroke",w.target.value),n("fill",w.target.value)},placeholder:"#000000"})]})]})]}),B=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Layer Controls"}),i.jsxs("div",{className:"button-group vertical",children:[i.jsx("button",{onClick:()=>a(f.id,"top"),children:"Bring to Front"}),i.jsx("button",{onClick:()=>a(f.id,"up"),children:"Bring Forward"}),i.jsx("button",{onClick:()=>a(f.id,"down"),children:"Send Backward"}),i.jsx("button",{onClick:()=>a(f.id,"bottom"),children:"Send to Back"})]})]}),N=["rectangle","circle","triangle","star","arrow","diamond","hexagon","pentagon","heart","oval","roundedRectangle"];return i.jsxs("div",{className:"properties-panel",children:[i.jsxs("div",{className:"panel-header",children:[i.jsx("h3",{children:"Properties"}),i.jsx("span",{className:"element-type",children:f.type})]}),i.jsxs("div",{className:"panel-content",children:[f.type==="text"&&c(),N.includes(f.type)&&T(),f.type==="image"&&I(),f.type==="horizontalLine"&&m(),D(),B(),i.jsx("div",{className:"property-group",children:i.jsxs("button",{className:"toggle-advanced",onClick:()=>h(!g),children:[g?"Hide":"Show"," Advanced Options"]})})]})]})},ii=({elements:f,selectedElement:o,onSelectElement:a,onMoveLayer:l,onDeleteElement:s,theme:g})=>{const h=(c,T)=>{switch(c){case"text":return"T";case"rectangle":return"▭";case"circle":return"●";case"triangle":return"▲";case"star":return"★";case"arrow":return"➤";case"diamond":return"◆";case"hexagon":return"⬡";case"pentagon":return"⬟";case"heart":return"♥";case"oval":return"⬭";case"roundedRectangle":return"▢";case"horizontalLine":return"―";case"image":return"🖼";case"qrcode":return"⬚";case"barcode":return"|||";case"sticker":return"🎭";case"embroidery":return"🧵";default:return"?"}},n=c=>{var T,I;if(c.type==="text")return c.isIcon&&c.iconData?`Icon: ${c.iconData.name}`:((T=c.text)==null?void 0:T.substring(0,20))+(((I=c.text)==null?void 0:I.length)>20?"...":"")||"Text";if(c.type==="qrcode")return`QR Code: ${(c.data||"").substring(0,15)+((c.data||"").length>15?"...":"")}`;if(c.type==="barcode"){const D=c.format||"CODE128",m=c.data||"";return`Barcode (${D}): ${m.substring(0,10)+(m.length>10?"...":"")}`}return c.type==="sticker"?`Sticker: ${(c.name||"Untitled").substring(0,15)}`:c.type==="embroidery"?`Embroidery: ${(c.name||"Design").substring(0,15)}`:c.type.charAt(0).toUpperCase()+c.type.slice(1)};return i.jsxs("div",{className:"layers-panel",children:[i.jsxs("div",{className:"panel-header",children:[i.jsx("h3",{children:"Layers"}),i.jsx("span",{className:"layer-count",children:f.length})]}),i.jsx("div",{className:"layers-list",children:f.length===0?i.jsx("div",{className:"no-layers",children:"No elements added yet"}):[...f].reverse().map((c,T)=>i.jsxs("div",{className:`layer-item ${(o==null?void 0:o.id)===c.id?"selected":""}`,onClick:()=>a(c),children:[i.jsxs("div",{className:"layer-info",children:[i.jsx("span",{className:"layer-icon",children:h(c.type)}),i.jsx("span",{className:"layer-name",children:n(c)})]}),i.jsxs("div",{className:"layer-controls",children:[i.jsx("button",{className:"layer-btn",onClick:I=>{I.stopPropagation(),l(c.id,"up")},disabled:T===0,title:"Move Up",children:"↑"}),i.jsx("button",{className:"layer-btn",onClick:I=>{I.stopPropagation(),l(c.id,"down")},disabled:T===f.length-1,title:"Move Down",children:"↓"}),i.jsx("button",{className:"layer-btn delete",onClick:I=>{I.stopPropagation(),s(c.id)},title:"Delete",children:"×"})]})]},c.id))})]})};class oi{constructor(){this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d")}async exportAllSections(o,a,l,s,g="png",h=!0,n=null){const c={};for(const T of a){const I=T.id||T.sectionName,D=o[I];if(!D||!D.elements||D.elements.length===0){console.log(`Skipping section ${I} - no elements`);continue}if(this.canvas.width=l,this.canvas.height=s,this.ctx.clearRect(0,0,l,s),h){let B=T.image||T.sectionImage;if(n&&n.sectionImage&&(T.sectionName==="Front"||n.sections&&Object.keys(n.sections).includes(T.sectionName))&&(B=n.sectionImage),B)try{const N=await this.loadImage(B);await this.processImageColor(N,D.selectedColor||"#FFFFFF"),this.ctx.drawImage(this.processedImage,0,0,l,s)}catch(N){console.warn("Failed to load background image:",N)}}else this.ctx.clearRect(0,0,l,s);for(const B of D.elements)await this.drawElement(B);const m=this.canvas.toDataURL(`image/${g}`,g==="jpeg"?.9:void 0);c[I]={dataUrl:m,blob:await this.dataUrlToBlob(m)}}return c}async downloadExports(o,a="design"){const l=Object.keys(o);if(l.length===0){alert("No designs to export");return}if(l.length===1){const s=l[0],{blob:g}=o[s],h=URL.createObjectURL(g),n=document.createElement("a");n.href=h,n.download=`${a}-${s}.png`,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(h)}else for(const s of l){const{blob:g}=o[s],h=URL.createObjectURL(g),n=document.createElement("a");n.href=h,n.download=`${a}-${s}.png`,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(h),await new Promise(c=>setTimeout(c,100))}}async loadImage(o){return new Promise((a,l)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>a(s),s.onerror=l,s.src=o})}getLuma(o,a,l){return(.2126*o+.7152*a+.0722*l)/255}async processImageColor(o,a){const l=document.createElement("canvas"),s=l.getContext("2d");l.width=o.width,l.height=o.height,s.clearRect(0,0,l.width,l.height),s.drawImage(o,0,0);const g=s.getImageData(0,0,l.width,l.height),h=g.data,n=this.hexToRgb(a);if(!n){console.warn("Invalid target color:",a);return}const{r:c,g:T,b:I}=n;for(let D=0;D<h.length;D+=4){if(h[D+3]===0)continue;const B=this.getLuma(h[D],h[D+1],h[D+2]);h[D]=Math.round(c*B),h[D+1]=Math.round(T*B),h[D+2]=Math.round(I*B)}return s.putImageData(g,0,0),this.processedImage=new Image,new Promise(D=>{this.processedImage.onload=()=>{D()},this.processedImage.onerror=()=>{console.error("Failed to create processed image"),D()},this.processedImage.src=l.toDataURL("image/png")})}async drawElement(o){this.ctx.save();const a=o.x+o.width/2,l=o.y+o.height/2;switch(this.ctx.translate(a,l),o.rotation&&this.ctx.rotate(o.rotation*Math.PI/180),this.ctx.translate(-o.width/2,-o.height/2),o.type){case"text":this.drawText(o);break;case"rectangle":this.drawRectangle(o);break;case"circle":this.drawCircle(o);break;case"triangle":this.drawTriangle(o);break;case"star":this.drawStar(o);break;case"arrow":this.drawArrow(o);break;case"diamond":this.drawDiamond(o);break;case"hexagon":this.drawHexagon(o);break;case"pentagon":this.drawPentagon(o);break;case"heart":this.drawHeart(o);break;case"oval":this.drawOval(o);break;case"roundedRectangle":this.drawRoundedRectangle(o);break;case"qrcode":await this.drawQRCode(o);break;case"barcode":await this.drawBarcode(o);break;case"horizontalLine":this.drawHorizontalLine(o);break;case"sticker":await this.drawSticker(o);break;case"embroidery":await this.drawEmbroidery(o);break;case"image":await this.drawImage(o);break}this.ctx.restore()}drawText(o){this.ctx.font=`${o.fontStyle||"normal"} ${o.fontWeight||"normal"} ${o.fontSize||20}px ${o.fontFamily||"Arial"}`,this.ctx.fillStyle=o.fill||"#000000",this.ctx.textAlign=o.textAlign||"left",this.ctx.textBaseline="top",o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth);const a=(o.text||"Text").split(`
-`),l=(o.fontSize||20)*1.2;a.forEach((s,g)=>{const h=g*l;o.stroke&&o.strokeWidth>0&&this.ctx.strokeText(s,0,h),this.ctx.fillText(s,0,h)})}drawRectangle(o){o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fillRect(0,0,o.width,o.height)),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.strokeRect(0,0,o.width,o.height))}drawCircle(o){const a=Math.min(o.width,o.height)/2,l=o.width/2,s=o.height/2;this.ctx.beginPath(),this.ctx.arc(l,s,a,0,2*Math.PI),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawTriangle(o){const a=o.width/2;this.ctx.beginPath(),this.ctx.moveTo(a,0),this.ctx.lineTo(0,o.height),this.ctx.lineTo(o.width,o.height),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawStar(o){const a=o.width/2,l=o.height/2,s=Math.min(o.width,o.height)/2,g=s*.4,h=o.numPoints||5;this.ctx.beginPath();for(let n=0;n<h*2;n++){const c=n%2===0?s:g,T=n*Math.PI/h,I=a+Math.cos(T)*c,D=l+Math.sin(T)*c;n===0?this.ctx.moveTo(I,D):this.ctx.lineTo(I,D)}this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawArrow(o){const a=o.width,l=o.height,s=a*.3;this.ctx.beginPath(),this.ctx.moveTo(a/2,0),this.ctx.lineTo(a,l*.6),this.ctx.lineTo(a-s,l*.6),this.ctx.lineTo(a-s,l),this.ctx.lineTo(s,l),this.ctx.lineTo(s,l*.6),this.ctx.lineTo(0,l*.6),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}async dataUrlToBlob(o){return new Promise(a=>{const l=document.createElement("canvas"),s=l.getContext("2d"),g=new Image;g.onload=()=>{l.width=g.width,l.height=g.height,s.drawImage(g,0,0),l.toBlob(a)},g.src=o})}hexToRgb(o){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);return a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16)}:null}drawDiamond(o){const a=o.width/2,l=o.height/2;this.ctx.beginPath(),this.ctx.moveTo(a,0),this.ctx.lineTo(o.width,l),this.ctx.lineTo(a,o.height),this.ctx.lineTo(0,l),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawHexagon(o){const a=o.width/2,l=o.height/2,s=Math.min(o.width,o.height)/2,g=6;this.ctx.beginPath();for(let h=0;h<g;h++){const n=h*2*Math.PI/g-Math.PI/2,c=a+s*Math.cos(n),T=l+s*Math.sin(n);h===0?this.ctx.moveTo(c,T):this.ctx.lineTo(c,T)}this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawPentagon(o){const a=o.width/2,l=o.height/2,s=Math.min(o.width,o.height)/2,g=5;this.ctx.beginPath();for(let h=0;h<g;h++){const n=h*2*Math.PI/g-Math.PI/2,c=a+s*Math.cos(n),T=l+s*Math.sin(n);h===0?this.ctx.moveTo(c,T):this.ctx.lineTo(c,T)}this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawHeart(o){const a=o.width,l=o.height,s=0,g=0;this.ctx.beginPath();const h=l*.3;this.ctx.moveTo(s+a/2,g+h),this.ctx.bezierCurveTo(s+a/2,g,s,g,s,g+h),this.ctx.bezierCurveTo(s,g+(l+h)/2,s+a/2,g+(l+h)/2,s+a/2,g+l),this.ctx.bezierCurveTo(s+a/2,g+(l+h)/2,s+a,g+(l+h)/2,s+a,g+h),this.ctx.bezierCurveTo(s+a,g,s+a/2,g,s+a/2,g+h),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawOval(o){const a=o.width/2,l=o.height/2,s=o.width/2,g=o.height/2;this.ctx.beginPath(),this.ctx.ellipse(a,l,s,g,0,0,2*Math.PI),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawRoundedRectangle(o){const a=Math.min(o.width,o.height)*.1;this.drawRoundedRect(0,0,o.width,o.height,a),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawRoundedRect(o,a,l,s,g){this.ctx.beginPath(),this.ctx.moveTo(o+g,a),this.ctx.lineTo(o+l-g,a),this.ctx.quadraticCurveTo(o+l,a,o+l,a+g),this.ctx.lineTo(o+l,a+s-g),this.ctx.quadraticCurveTo(o+l,a+s,o+l-g,a+s),this.ctx.lineTo(o+g,a+s),this.ctx.quadraticCurveTo(o,a+s,o,a+s-g),this.ctx.lineTo(o,a+g),this.ctx.quadraticCurveTo(o,a,o+g,a),this.ctx.closePath()}async drawQRCode(o){if(o.imageObject)this.ctx.drawImage(o.imageObject,0,0,o.width,o.height);else if(o.src)try{const a=await this.loadImage(o.src);this.ctx.drawImage(a,0,0,o.width,o.height)}catch(a){console.warn("Failed to load QR code image for export:",a),this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("QR Error",o.width/2,o.height/2)}else this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("No QR Data",o.width/2,o.height/2)}async drawBarcode(o){if(o.imageObject)this.ctx.drawImage(o.imageObject,0,0,o.width,o.height);else if(o.src)try{const a=await this.loadImage(o.src);this.ctx.drawImage(a,0,0,o.width,o.height)}catch(a){console.warn("Failed to load barcode image for export:",a),this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Barcode Error",o.width/2,o.height/2)}else this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("No Barcode Data",o.width/2,o.height/2)}drawHorizontalLine(o){this.ctx.save(),o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.strokeStyle=o.stroke||o.fill||"#000000",this.ctx.lineWidth=o.strokeWidth||o.height||2,this.ctx.lineCap="round",this.ctx.beginPath(),this.ctx.moveTo(0,o.height/2),this.ctx.lineTo(o.width,o.height/2),this.ctx.stroke(),this.ctx.restore()}async drawSticker(o){try{let a=null;if(o.imageObject)a=o.imageObject;else if(o.imageData)a=o.imageData;else if(o.src||o.image){const l=o.src||o.image;a=await this.loadImage(l)}else o.data&&o.data.image&&(a=await this.loadImage(o.data.image));a?(o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.drawImage(a,0,0,o.width,o.height)):(this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Sticker",o.width/2,o.height/2))}catch(a){console.warn("Failed to draw sticker:",a),this.ctx.fillStyle="#ffebee",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#f44336",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#f44336",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Error",o.width/2,o.height/2)}}async drawEmbroidery(o){try{let a=null;if(o.imageObject)a=o.imageObject;else if(o.imageData)a=o.imageData;else if(o.src||o.image){const l=o.src||o.image;a=await this.loadImage(l)}else o.data&&o.data.image&&(a=await this.loadImage(o.data.image));a?(o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.drawImage(a,0,0,o.width,o.height)):(this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Embroidery",o.width/2,o.height/2))}catch(a){console.warn("Failed to draw embroidery:",a),this.ctx.fillStyle="#ffebee",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#f44336",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#f44336",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Error",o.width/2,o.height/2)}}async drawImage(o){try{let a=null;if(o.imageObject&&o.imageObject instanceof HTMLImageElement)a=o.imageObject;else if(o.imageData){if(o.imageData instanceof HTMLImageElement)a=o.imageData;else if(typeof o.imageData=="string")try{a=await this.loadImage(o.imageData)}catch(l){console.warn("Failed to load image from imageData URL:",o.imageData,l),a=await this.loadImageWithFallback(o.imageData)}}else if(o.src)try{a=await this.loadImage(o.src)}catch(l){console.warn("Failed to load image from src:",o.src,l),a=await this.loadImageWithFallback(o.src)}else if(o.image)try{a=await this.loadImage(o.image)}catch(l){console.warn("Failed to load image from image property:",o.image,l),a=await this.loadImageWithFallback(o.image)}a?(o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.drawImage(a,0,0,o.width,o.height)):this.drawImagePlaceholder(o)}catch(a){console.error("Failed to draw image element:",a),this.drawImagePlaceholder(o)}}async loadImageWithFallback(o){return new Promise(a=>{const l=new Image;l.onload=()=>a(l),l.onerror=()=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>a(s),s.onerror=()=>{console.warn("All image loading attempts failed for:",o),a(null)},s.src=o},l.src=o})}drawImagePlaceholder(o){this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.lineWidth=2,this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Image",o.width/2,o.height/2-8),this.ctx.fillText("Not Found",o.width/2,o.height/2+8)}async blobToFile(o,a,l="image/png"){return new File([o],a,{type:l,lastModified:Date.now()})}async exportAllSectionsAsJSON(o,a,l,s,g="png",h=null){var m,B;const n=[],c=[],T={};for(const N of a){const w=N.sectionName,k=o[w];if(!k||!k.elements||k.elements.length===0){console.log(`Skipping section ${w} - no elements`);continue}let X=N.image||N.sectionImage;h&&h.sectionImage&&(N.sectionName==="Front"||h.sections&&Object.keys(h.sections).includes(N.sectionName))&&(X=h.sectionImage);const j={...k,backgroundImage:X,sectionImage:X,sectionName:w,selectedColor:k.selectedColor||"#FFFFFF",canvasWidth:l,canvasHeight:s};T[w]=j;const O=await this.exportSectionAsBlob(k,N,l,s,g,!0,h);if(O){const Z=await this.blobToFile(O,`${w}-full.${g}`,`image/${g}`);n.push({sectionName:w,sectionImage:Z})}const S=await this.exportSectionAsBlob(k,N,l,s,g,!1,h);if(S){const Z=await this.blobToFile(S,`${w}-print.${g}`,`image/${g}`);c.push({sectionName:w,sectionImage:Z})}}let I=((m=a[0])==null?void 0:m.image)||((B=a[0])==null?void 0:B.sectionImage);if(h&&h.sectionImage){const N=a[0];N&&(N.sectionName==="Front"||h.sections&&Object.keys(h.sections).includes(N.sectionName))&&(I=h.sectionImage)}const D={sections:T,canvasWidth:l,canvasHeight:s,sectionImage:I,format:g,timestamp:new Date().toISOString(),version:"1.0",...h&&{initData:{sectionImage:h.sectionImage,sections:h.sections?Object.keys(h.sections):[]}},product:{sections:a.map(N=>({sectionName:N.sectionName||N.id,sectionImage:N.image||N.sectionImage,id:N.id||N.sectionName}))}};return{fullDesign:n,printReady:c,designFile:JSON.stringify(D)}}async exportSectionAsBlob(o,a,l,s,g="png",h=!0,n=null){try{if(this.canvas.width=l,this.canvas.height=s,this.ctx.clearRect(0,0,l,s),h){let c=a.image||a.sectionImage;if(n&&n.sectionImage&&(a.sectionName==="Front"||n.sections&&Object.keys(n.sections).includes(a.sectionName))&&(c=n.sectionImage),c)try{const T=await this.loadImage(c);await this.processImageColor(T,o.selectedColor||"#FFFFFF"),this.ctx.drawImage(this.processedImage,0,0,l,s)}catch(T){console.warn("Failed to load background image:",T)}}else this.ctx.clearRect(0,0,l,s);for(const c of o.elements)await this.drawElement(c);return new Promise(c=>{this.canvas.toBlob(c,`image/${g}`,g==="jpeg"?.9:void 0)})}catch(c){return console.error("Error exporting section as blob:",c),null}}async exportCurrentSectionAsJSON(o,a="png",l=null){var B,N,w;const s=((B=o.activeSection)==null?void 0:B.sectionName)||"main";let g=((N=o.activeSection)==null?void 0:N.sectionImage)||((w=o.activeSection)==null?void 0:w.image);l&&l.sectionImage&&(s==="Front"||l.sections&&Object.keys(l.sections).includes(s))&&(g=l.sectionImage);const h={elements:o.elements,selectedColor:o.selectedColor,canvasWidth:o.canvasWidth,canvasHeight:o.canvasHeight,backgroundImage:g,sectionImage:g,sectionName:s,zoomLevel:o.zoomLevel,showGrid:o.showGrid,snapToGrid:o.snapToGrid},n={id:s,sectionName:s,image:g,sectionImage:g},c=[],T=[],I=await this.exportSectionAsBlob(h,n,o.canvasWidth,o.canvasHeight,a,!0,l);if(I){const k=await this.blobToFile(I,`${s}-full.${a}`,`image/${a}`);c.push({sectionName:s,sectionImage:k})}const D=await this.exportSectionAsBlob(h,n,o.canvasWidth,o.canvasHeight,a,!1,l);if(D){const k=await this.blobToFile(D,`${s}-print.${a}`,`image/${a}`);T.push({sectionName:s,sectionImage:k})}const m={sections:{[s]:h},canvasWidth:o.canvasWidth,canvasHeight:o.canvasHeight,sectionImage:g,format:a,timestamp:new Date().toISOString(),version:"1.0",...l&&{initData:{sectionImage:l.sectionImage,sections:l.sections?Object.keys(l.sections):[]}},productInfo:{sections:[{sectionName:s,sectionImage:g,id:s}]}};return{fullDesign:c,printReady:T,designFile:JSON.stringify(m)}}}class ri{constructor(o="localStorage"){this.storage=o==="sessionStorage"?sessionStorage:localStorage,this.STORAGE_PREFIX="mypixia_canvas_",this.DESIGNS_LIST_KEY="mypixia_saved_designs"}saveDesign(o,a){var l;try{const s=this.generateDesignId(o),g=new Date().toISOString(),h={id:s,name:o,timestamp:g,version:"1.0",canvasData:{elements:a.elements||[],canvasWidth:a.canvasWidth||800,canvasHeight:a.canvasHeight||600,selectedColor:a.selectedColor||"#FF0000",activeSection:a.activeSection||null,product:a.product||null,sectionDesigns:a.sectionDesigns||{},zoomLevel:a.zoomLevel||1,showGrid:a.showGrid||!1,snapToGrid:a.snapToGrid||!0},metadata:{elementCount:((l=a.elements)==null?void 0:l.length)||0,lastModified:g,thumbnail:a.thumbnail||null}};return this.storage.setItem(this.STORAGE_PREFIX+s,JSON.stringify(h)),this.updateDesignsList(s,o,g),{success:!0,designId:s,message:"Design saved successfully"}}catch(s){return console.error("Error saving design:",s),{success:!1,error:s.message}}}loadDesign(o){try{let a=o;if(!o.startsWith("design_")){const h=this.getAllDesigns().find(n=>n.name===o);if(!h)return{success:!1,error:"Design not found"};a=h.id}const l=this.storage.getItem(this.STORAGE_PREFIX+a);return l?{success:!0,data:JSON.parse(l)}:{success:!1,error:"Design not found"}}catch(a){return console.error("Error loading design:",a),{success:!1,error:a.message}}}getAllDesigns(){try{const o=this.storage.getItem(this.DESIGNS_LIST_KEY);return o?JSON.parse(o):[]}catch(o){return console.error("Error getting designs list:",o),[]}}deleteDesign(o){try{this.storage.removeItem(this.STORAGE_PREFIX+o);const l=this.getAllDesigns().filter(s=>s.id!==o);return this.storage.setItem(this.DESIGNS_LIST_KEY,JSON.stringify(l)),{success:!0,message:"Design deleted successfully"}}catch(a){return console.error("Error deleting design:",a),{success:!1,error:a.message}}}exportDesignAsFile(o){try{const a=this.loadDesign(o);if(!a.success)return a;const l=a.data,s=JSON.stringify(l,null,2),g=new Blob([s],{type:"application/json"}),h=URL.createObjectURL(g),n=document.createElement("a");return n.href=h,n.download=`${l.name}_${l.id}.json`,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(h),{success:!0,message:"Design exported successfully"}}catch(a){return console.error("Error exporting design:",a),{success:!1,error:a.message}}}importDesignFromFile(o){return new Promise(a=>{try{const l=new FileReader;l.onload=s=>{try{const g=JSON.parse(s.target.result);if(!this.validateDesignData(g)){a({success:!1,error:"Invalid design file format"});return}const h=this.generateDesignId(g.name+"_imported");g.id=h,g.name+="_imported",g.timestamp=new Date().toISOString(),g.metadata.lastModified=g.timestamp,this.storage.setItem(this.STORAGE_PREFIX+h,JSON.stringify(g)),this.updateDesignsList(h,g.name,g.timestamp),a({success:!0,data:g,message:"Design imported successfully"})}catch{a({success:!1,error:"Failed to parse design file"})}},l.readAsText(o)}catch(l){a({success:!1,error:l.message})}})}autoSave(o,a){const l=this.STORAGE_PREFIX+"autosave_"+o;try{const s={timestamp:new Date().toISOString(),canvasData:a};return this.storage.setItem(l,JSON.stringify(s)),!0}catch(s){return console.error("Auto-save failed:",s),!1}}loadAutoSave(o){const a=this.STORAGE_PREFIX+"autosave_"+o;try{const l=this.storage.getItem(a);return l?JSON.parse(l):null}catch(l){return console.error("Failed to load auto-save:",l),null}}clearAutoSave(o){const a=this.STORAGE_PREFIX+"autosave_"+o;this.storage.removeItem(a)}getStorageInfo(){const o=this.getAllDesigns();let a=0;return o.forEach(l=>{const s=this.storage.getItem(this.STORAGE_PREFIX+l.id);s&&(a+=new Blob([s]).size)}),{designCount:o.length,totalSize:a,totalSizeFormatted:this.formatBytes(a),storageLimit:this.getStorageLimit()}}clearAllDesigns(){try{return this.getAllDesigns().forEach(a=>{this.storage.removeItem(this.STORAGE_PREFIX+a.id)}),this.storage.removeItem(this.DESIGNS_LIST_KEY),{success:!0,message:"All designs cleared"}}catch(o){return{success:!1,error:o.message}}}generateDesignId(o){const a=Date.now(),l=Math.random().toString(36).substring(2,8);return`design_${a}_${l}`}updateDesignsList(o,a,l){const s=this.getAllDesigns(),g=s.findIndex(n=>n.id===o),h={id:o,name:a,timestamp:l,lastModified:l};g>=0?s[g]=h:s.push(h),s.sort((n,c)=>new Date(c.timestamp)-new Date(n.timestamp)),this.storage.setItem(this.DESIGNS_LIST_KEY,JSON.stringify(s))}validateDesignData(o){return o&&o.id&&o.name&&o.canvasData&&Array.isArray(o.canvasData.elements)}formatBytes(o){if(o===0)return"0 Bytes";const a=1024,l=["Bytes","KB","MB","GB"],s=Math.floor(Math.log(o)/Math.log(a));return parseFloat((o/Math.pow(a,s)).toFixed(2))+" "+l[s]}getStorageLimit(){try{if("storage"in navigator&&"estimate"in navigator.storage)return navigator.storage.estimate().then(o=>o.quota)}catch{console.warn("Unable to estimate storage quota")}return"Unknown"}}const ae=y.forwardRef((f,o)=>{const{theme:a={primaryColor:"#000000",secondaryColor:"#cf7e52",tertiaryColor:"#FFFFFF"},readOnly:l=!1,product:s={name:"Premium Crew Neck T-Shirt",category:"Tshirts",description:"Men's crew neck t-shirts",plainColor:"N",mainImage:"https://static.mypixia.com/dev/products/7/e011a73a-f20a-489b-bea8-91a23da56fc4.png",colorSettings:["#FF0000","#0000FF","#008000","#000000","#FFFFFF","#808080","#FFFF00"],sections:[{sectionName:"Front",sectionImage:"https://static.mypixia.com/prod/products/96ca4acb-c426-4619-a2c4-7acd95b78451.png"},{sectionName:"Sleeve-left",sectionImage:"https://static.mypixia.com/prod/products/27b8c138-af4e-4ea0-833d-88b10fbd3cf7.png"},{sectionName:"Back",sectionImage:"https://static.mypixia.com/prod/products/d4c53776-7b7d-41c5-a6b5-2bf5876cd26e.png"}]},initFile:g}=f,[h,n]=y.useState([]),[c,T]=y.useState(null),[I,D]=y.useState(!1),[m,B]=y.useState(!1),[N,w]=y.useState(!1),[k,X]=y.useState({x:0,y:0}),[j,O]=y.useState(null),[S,Z]=y.useState(800),[W,ft]=y.useState(600),[Q,ct]=y.useState(1),[G,rt]=y.useState(s.colorSettings[0]),[M,st]=y.useState(!1),[tt,lt]=y.useState(!0),[Y,P]=y.useState(!0),[C,et]=y.useState(s.sections[0]),[u,E]=y.useState(!1),[L,$]=y.useState({}),[_,it]=y.useState([]),[J,q]=y.useState(-1),[U]=y.useState(new ri("localStorage")),K=y.useRef(null),wt=y.useRef(null),yt=y.useRef(null),ut=y.useRef(null),Lt=y.useRef(null),Rt=y.useRef(new oi),Et=y.useRef(!1),[ht,se]=y.useState(null),at=y.useCallback(()=>{const e={elements:JSON.parse(JSON.stringify(h)),selectedElement:c?{...c}:null,timestamp:Date.now()},t=_.slice(0,J+1);t.push(e),t.length>50?t.shift():q(J+1),it(t)},[h,c,_,J]),bt=y.useCallback(()=>({elements:h,canvasWidth:S,canvasHeight:W,selectedColor:G,activeSection:C,product:s,sectionDesigns:L,zoomLevel:Q,showGrid:M,snapToGrid:Y,selectedElement:c?{...c}:null,canvasRef:K}),[h,S,W,G,C,s,L,Q,M,Y,c]);y.useEffect(()=>{const t=setTimeout(async()=>{if(h.length===0&&_.length<=1){if(g)try{const A=await fetch(g);if(A.ok){const z=await A.text();if(z.trim()){const H=JSON.parse(z.trim());if(console.log("Loading design from file:",H),se(H),H.sections&&typeof H.sections=="object"){const nt=Object.keys(H.sections)[0],ot=H.sections[nt];if(ot&&ot.elements){n(ot.elements||[]),Z(ot.canvasWidth||800),ft(ot.canvasHeight||600),rt(ot.selectedColor||s.colorSettings[0]),ct(ot.zoomLevel||1),st(ot.showGrid||!1),P(ot.snapToGrid||!0),T(null),H.sections&&$(H.sections);const Nt=s.sections.find(It=>It.sectionName===nt);Nt&&et(Nt),it([]),q(-1),setTimeout(()=>{at()},100);return}}}}else console.warn("Failed to load design file, using default text")}catch(A){console.error("Error loading design file:",A),console.warn("Using default text instead")}const r=24,d="Arial",x="Change me",b=document.createElement("canvas").getContext("2d");b.font=`${r}px ${d}`;const v=b.measureText(x).width,R={id:dt(),type:"text",x:S/2-v/2,y:W/2-r/2,width:v,height:r,text:x,fontSize:r,fontFamily:d,fontWeight:"normal",fontStyle:"normal",textAlign:"left",fill:"#000000",stroke:"",strokeWidth:0,rotation:0,opacity:1};n([R]),T(R),setTimeout(()=>{at()},100)}},300);return()=>clearTimeout(t)},[g,s.colorSettings,s.sections]);const Dt=y.useCallback((e="png",t=!0)=>{const r=bt();return s.sections,Rt.current.exportAllSections({[(C==null?void 0:C.sectionName)||"main"]:r},[{id:(C==null?void 0:C.sectionName)||"main",sectionName:(C==null?void 0:C.sectionName)||"main",image:C==null?void 0:C.sectionImage,sectionImage:C==null?void 0:C.sectionImage}],S,W,e,t,ht)},[bt,s.sections,C,S,W]),le=["Arial","Helvetica","Times New Roman","Georgia","Verdana","Courier New","Tahoma","Trebuchet MS","Impact","Comic Sans MS","Palatino","Garamond","Bookman","Avant Garde","Century Gothic"],Tt=20;y.useEffect(()=>{const e=()=>E(window.innerWidth<768);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),y.useEffect(()=>{const e=document.createElement("canvas");e.width=S,e.height=W,Lt.current=e},[S,W]),y.useEffect(()=>{_.length===0&&at()},[]);const jt=(e,t,r,d,x,p)=>{e.beginPath(),e.moveTo(t+p,r),e.lineTo(t+d-p,r),e.quadraticCurveTo(t+d,r,t+d,r+p),e.lineTo(t+d,r+x-p),e.quadraticCurveTo(t+d,r+x,t+d-p,r+x),e.lineTo(t+p,r+x),e.quadraticCurveTo(t,r+x,t,r+x-p),e.lineTo(t,r+p),e.quadraticCurveTo(t,r,t+p,r),e.closePath()},Pt=(e,t)=>{if(!t.isIcon)return{x:t.x,y:t.y,width:t.width,height:t.height,cx:t.x+t.width/2,cy:t.y+t.height/2};e.save(),e.font=`${t.fontStyle||""} ${t.fontWeight||""} ${t.fontSize}px ${t.fontFamily}`,e.textBaseline="alphabetic",e.textAlign="left";const r=e.measureText(t.text),d=r.actualBoundingBoxAscent??t.fontSize*.8,x=r.actualBoundingBoxDescent??t.fontSize*.2,p=r.actualBoundingBoxLeft??0,b=r.actualBoundingBoxRight??r.width,F=p+b,v=d+x,R=t.x,A=t.y,z=R-F/2-p,H=A-v/2-d;return e.restore(),{x:z,y:H,width:F,height:v,cx:R,cy:A}},ne=(e,t)=>{if(!t)return;const r=8,d=8,x=4,p=30,b=Pt(e,t),F=t.isIcon?Math.max(r,12):r,v={x:-b.width/2-F,y:-b.height/2-F,w:b.width+F*2,h:b.height+F*2};e.save(),e.translate(b.cx,b.cy),t.rotation&&e.rotate(t.rotation*Math.PI/180);const R=e.createLinearGradient(v.x,v.y,v.x+v.w,v.y+v.h);R.addColorStop(0,"#3b82f6"),R.addColorStop(.5,"#1d4ed8"),R.addColorStop(1,"#3b82f6"),e.strokeStyle="rgba(59,130,246,.3)",e.lineWidth=3,jt(e,v.x-1,v.y-1,v.w+2,v.h+2,x+1),e.stroke(),e.strokeStyle=R,e.lineWidth=2,e.setLineDash([8,4]),jt(e,v.x,v.y,v.w,v.h,x),e.stroke(),e.lineDashOffset=-(Date.now()/50)%12,e.strokeStyle="#ffffff",e.lineWidth=1,e.setLineDash([4,8]),jt(e,v.x,v.y,v.w,v.h,x),e.stroke(),e.setLineDash([]),e.lineDashOffset=0,[{x:v.x,y:v.y},{x:v.x+v.w,y:v.y},{x:v.x+v.w,y:v.y+v.h},{x:v.x,y:v.y+v.h}].forEach(H=>{e.fillStyle="rgba(0,0,0,.2)",e.fillRect(H.x-d/2+1,H.y-d/2+1,d,d),e.fillStyle="#ffffff",e.fillRect(H.x-d/2,H.y-d/2,d,d),e.strokeStyle="#3b82f6",e.lineWidth=1,e.strokeRect(H.x-d/2,H.y-d/2,d,d)});const A=0,z=v.y-p;e.strokeStyle="#3b82f6",e.lineWidth=1,e.setLineDash([2,2]),e.beginPath(),e.moveTo(A,z+12),e.lineTo(A,v.y),e.stroke(),e.setLineDash([]),e.beginPath(),e.arc(A,z,12,0,2*Math.PI),e.fillStyle="#f59e0b",e.fill(),e.strokeStyle="#ffffff",e.lineWidth=2,e.stroke(),e.strokeStyle="#ffffff",e.lineWidth=2,e.beginPath(),e.arc(A,z,6,-Math.PI/2,Math.PI,!1),e.stroke(),e.beginPath(),e.moveTo(A-6,z),e.lineTo(A-3,z-3),e.lineTo(A-3,z+3),e.closePath(),e.fillStyle="#ffffff",e.fill(),e.restore()},ce=(e,t)=>{if(!t)return[];const r=Pt(e,t),d=t.isIcon?Math.max(8,12):8,x=8,p=30,b=(t.rotation||0)*Math.PI/180,F={x:-r.width/2-d,y:-r.height/2-d,w:r.width+d*2,h:r.height+d*2},v=[{x:F.x,y:F.y,type:"nw-resize"},{x:F.x+F.w,y:F.y,type:"ne-resize"},{x:F.x+F.w,y:F.y+F.h,type:"se-resize"},{x:F.x,y:F.y+F.h,type:"sw-resize"},{x:0,y:F.y-p,type:"rotate"}],R=Math.cos(b),A=Math.sin(b);return v.map(z=>({x:r.cx+(z.x*R-z.y*A),y:r.cy+(z.x*A+z.y*R),type:z.type,size:z.type==="rotate"?24:x}))},Ut=(e,t,r)=>{if(!r)return null;const d=K.current;if(!d)return null;const x=d.getContext("2d"),p=ce(x,r);for(const b of p){const F=e-b.x,v=t-b.y;if(Math.sqrt(F*F+v*v)<=b.size/2)return b.type}return null},vt=y.useCallback(()=>{if(J>0){const e=_[J-1];n(e.elements),T(e.selectedElement),q(J-1)}},[_,J]),mt=y.useCallback(()=>{if(J<_.length-1){const e=_[J+1];n(e.elements),T(e.selectedElement),q(J+1)}},[_,J]),xt=e=>Y?Math.round(e/Tt)*Tt:e;y.useEffect(()=>{if(C!=null&&C.sectionImage){yt.current=null,ut.current=null;const e=K.current;if(e&&e.getContext("2d").clearRect(0,0,S,W),g&&!ht)return;const t=new Image;t.crossOrigin="anonymous",t.onload=()=>{yt.current=t,Yt(t,G)},t.onerror=()=>{console.error("Failed to load background image:",C.sectionImage),V()};let r=C.sectionImage;ht&&ht.sectionImage&&(C.sectionName==="Front"||ht.sections&&Object.keys(ht.sections).includes(C.sectionName))&&(r=ht.sectionImage),t.src=r}else yt.current=null,ut.current=null,V()},[C,G,ht]),y.useEffect(()=>{const e=t=>{const r=document.activeElement;if(!(r&&(r.tagName==="INPUT"||r.tagName==="TEXTAREA"||r.tagName==="SELECT"||r.isContentEditable))){if((t.key==="Delete"||t.key==="Backspace")&&c&&!l){t.preventDefault();const x=c;n(p=>p.filter(b=>b.id!==x.id)),T(null),at()}if(t.ctrlKey||t.metaKey)switch(t.key){case"z":t.shiftKey?(t.preventDefault(),mt()):(t.preventDefault(),vt());break;case"y":t.preventDefault(),mt();break}}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[c,l,vt,mt,at]);const de=e=>{const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null},dt=()=>`element_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,fe=e=>{e.strokeStyle="#e0e0e0",e.lineWidth=1,e.setLineDash([1,1]);for(let t=0;t<=S;t+=Tt)e.beginPath(),e.moveTo(t,0),e.lineTo(t,W),e.stroke();for(let t=0;t<=W;t+=Tt)e.beginPath(),e.moveTo(0,t),e.lineTo(S,t),e.stroke();e.setLineDash([])},he=(e,t)=>{e.save();const r=t.x+t.width/2,d=t.y+t.height/2;switch(e.translate(r,d),t.rotation&&e.rotate(t.rotation*Math.PI/180),e.translate(-t.width/2,-t.height/2),t.type){case"text":ye(e,t);break;case"rectangle":ue(e,t);break;case"circle":me(e,t);break;case"triangle":pe(e,t);break;case"star":we(e,t);break;case"arrow":be(e,t);break;case"diamond":ve(e,t);break;case"hexagon":ke(e,t);break;case"pentagon":Se(e,t);break;case"heart":Fe(e,t);break;case"oval":Ce(e,t);break;case"roundedRectangle":Te(e,t);break;case"image":Ne(e,t);break;case"qrcode":xe(e,t);break;case"barcode":ge(e,t);break;case"sticker":Ie(e,t);break;case"horizontalLine":je(e,t);break;case"embroidery":Ae(e,t);break}e.restore()},ge=(e,t)=>{if(t.imageObject)e.drawImage(t.imageObject,0,0,t.width,t.height);else if(t.src&&!t.imageLoading){t.imageLoading=!0;const r=new Image;r.onload=()=>{n(d=>d.map(x=>x.id===t.id?{...x,imageObject:r,imageLoading:!1}:x))},r.onerror=()=>{n(d=>d.map(x=>x.id===t.id?{...x,imageLoading:!1}:x))},r.src=t.src,e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading...",t.width/2,t.height/2)}else t.imageLoading?(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading...",t.width/2,t.height/2)):(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("No Barcode",t.width/2,t.height/2))},xe=(e,t)=>{if(t.imageObject)e.drawImage(t.imageObject,0,0,t.width,t.height);else if(t.src&&!t.imageLoading){t.imageLoading=!0;const r=new Image;r.onload=()=>{n(d=>d.map(x=>x.id===t.id?{...x,imageObject:r,imageLoading:!1}:x))},r.onerror=()=>{n(d=>d.map(x=>x.id===t.id?{...x,imageLoading:!1}:x))},r.src=t.src,e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading QR...",t.width/2,t.height/2)}else t.imageLoading?(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading QR...",t.width/2,t.height/2)):(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("No QR Data",t.width/2,t.height/2))},ye=(e,t)=>{e.save();let r=t.text||"Text";if(t.textTransform)switch(t.textTransform){case"uppercase":r=r.toUpperCase();break;case"lowercase":r=r.toLowerCase();break;case"capitalize":r=r.replace(/\b\w/g,F=>F.toUpperCase());break}e.font=`${t.fontStyle||"normal"} ${t.fontWeight||"normal"} ${t.fontSize||20}px ${t.fontFamily||"Arial"}`,e.fillStyle=t.fill||"#000000",e.textAlign=t.textAlign||"left",e.textBaseline="top",t.opacity!==void 0&&(e.globalAlpha=t.opacity),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth);const d=r.split(`
-`),x=(t.fontSize||20)*(t.lineHeight||1.2),p=Math.max(...d.map(F=>e.measureText(F).width)),b=d.length*x;if(t.backgroundColor&&t.backgroundColor!=="transparent"){e.fillStyle=t.backgroundColor;const F=t.backgroundPadding||4;e.fillRect(-F,-F,p+F*2,b+F*2),e.fillStyle=t.fill||"#000000"}d.forEach((F,v)=>{const R=v*x,A=e.measureText(F).width;t.stroke&&t.strokeWidth>0&&e.strokeText(F,0,R),e.fillText(F,0,R);const z=t.fontSize||20,H=t.decorationColor||t.fill||"#000000",nt=Math.max(1,z/20);if(e.strokeStyle=H,e.lineWidth=nt,t.textDecoration==="underline"||t.underline){const ot=R+z+2;e.beginPath(),e.moveTo(0,ot),e.lineTo(A,ot),e.stroke()}if(t.textDecoration==="overline"||t.overline){const ot=R-2;e.beginPath(),e.moveTo(0,ot),e.lineTo(A,ot),e.stroke()}if(t.textDecoration==="line-through"||t.strikethrough){const ot=R+z/2;e.beginPath(),e.moveTo(0,ot),e.lineTo(A,ot),e.stroke()}typeof t.textDecoration=="string"&&t.textDecoration.includes(" ")&&t.textDecoration.split(" ").forEach(Nt=>{switch(Nt.trim()){case"underline":const It=R+z+2;e.beginPath(),e.moveTo(0,It),e.lineTo(A,It),e.stroke();break;case"overline":const Jt=R-2;e.beginPath(),e.moveTo(0,Jt),e.lineTo(A,Jt),e.stroke();break;case"line-through":const Kt=R+z/2;e.beginPath(),e.moveTo(0,Kt),e.lineTo(A,Kt),e.stroke();break}})}),e.restore()},ue=(e,t)=>{t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fillRect(0,0,t.width,t.height)),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.strokeRect(0,0,t.width,t.height))},me=(e,t)=>{const r=Math.min(t.width,t.height)/2,d=t.width/2,x=t.height/2;e.beginPath(),e.arc(d,x,r,0,2*Math.PI),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},pe=(e,t)=>{const r=t.width/2;t.height/2,e.beginPath(),e.moveTo(r,0),e.lineTo(0,t.height),e.lineTo(t.width,t.height),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},we=(e,t)=>{const r=t.width/2,d=t.height/2,x=Math.min(t.width,t.height)/2,p=x*.4,b=t.numPoints||5;e.beginPath();for(let F=0;F<b*2;F++){const v=F%2===0?x:p,R=F*Math.PI/b,A=r+Math.cos(R)*v,z=d+Math.sin(R)*v;F===0?e.moveTo(A,z):e.lineTo(A,z)}e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},be=(e,t)=>{const r=t.width,d=t.height,x=r*.3;e.beginPath(),e.moveTo(r/2,0),e.lineTo(r,d*.6),e.lineTo(r-x,d*.6),e.lineTo(r-x,d),e.lineTo(x,d),e.lineTo(x,d*.6),e.lineTo(0,d*.6),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},ve=(e,t)=>{const r=t.width/2,d=t.height/2;e.beginPath(),e.moveTo(r,0),e.lineTo(t.width,d),e.lineTo(r,t.height),e.lineTo(0,d),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},ke=(e,t)=>{const r=t.width/2,d=t.height/2,x=Math.min(t.width,t.height)/2,p=6;e.beginPath();for(let b=0;b<p;b++){const F=b*2*Math.PI/p-Math.PI/2,v=r+x*Math.cos(F),R=d+x*Math.sin(F);b===0?e.moveTo(v,R):e.lineTo(v,R)}e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Se=(e,t)=>{const r=t.width/2,d=t.height/2,x=Math.min(t.width,t.height)/2,p=5;e.beginPath();for(let b=0;b<p;b++){const F=b*2*Math.PI/p-Math.PI/2,v=r+x*Math.cos(F),R=d+x*Math.sin(F);b===0?e.moveTo(v,R):e.lineTo(v,R)}e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Fe=(e,t)=>{const r=t.width,d=t.height,x=0,p=0;e.beginPath();const b=d*.3;e.moveTo(x+r/2,p+b),e.bezierCurveTo(x+r/2,p,x,p,x,p+b),e.bezierCurveTo(x,p+(d+b)/2,x+r/2,p+(d+b)/2,x+r/2,p+d),e.bezierCurveTo(x+r/2,p+(d+b)/2,x+r,p+(d+b)/2,x+r,p+b),e.bezierCurveTo(x+r,p,x+r/2,p,x+r/2,p+b),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Ce=(e,t)=>{const r=t.width/2,d=t.height/2,x=t.width/2,p=t.height/2;e.beginPath(),e.ellipse(r,d,x,p,0,0,2*Math.PI),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Te=(e,t)=>{const r=Math.min(t.width,t.height)*.1;jt(e,0,0,t.width,t.height,r),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},je=(e,t)=>{e.save(),t.opacity!==void 0&&(e.globalAlpha=t.opacity),e.strokeStyle=t.stroke||t.fill||"#000000",e.lineWidth=t.strokeWidth||t.height||2,e.lineCap="round",e.beginPath(),e.moveTo(0,t.height/2),e.lineTo(t.width,t.height/2),e.stroke(),e.restore()},Ne=(e,t)=>{const r=t.src||t.imageData;if(r)try{if(r instanceof HTMLImageElement){if(r.complete&&r.naturalWidth>0&&r.naturalHeight>0){e.drawImage(r,0,0,t.width,t.height);return}}else if(typeof r=="string"&&r.length>0){if(t._imageElement||(t._imageElement=new Image,t._imageElement.crossOrigin="anonymous",t._imageElement.onload=()=>{V()},t._imageElement.onerror=()=>{console.error("Failed to load image:",r),t._imageLoadError=!0,V()},t._imageElement.src=r),t._imageElement.complete&&t._imageElement.naturalWidth>0&&t._imageElement.naturalHeight>0){e.drawImage(t._imageElement,0,0,t.width,t.height);return}if(t._imageLoadError){e.fillStyle="#ffebee",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#f44336",e.lineWidth=2,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#f44336",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Error loading image",t.width/2,t.height/2);return}}e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.lineWidth=1,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading...",t.width/2,t.height/2)}catch(d){console.error("Error drawing image:",d),e.fillStyle="#ffebee",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#f44336",e.lineWidth=2,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#f44336",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Error loading image",t.width/2,t.height/2)}else e.fillStyle="#f8f8f8",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ddd",e.lineWidth=1,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#999",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("No Image",t.width/2,t.height/2)},Ie=(e,t)=>{if(t.src&&!t.imageLoading&&!t.loadedImage){t.imageLoading=!0;const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{t.loadedImage=r,t.imageLoading=!1,V()},r.onerror=()=>{console.error("Failed to load sticker:",t.src),t.imageLoading=!1,e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.fillText("Failed to load",t.width/2,t.height/2)},r.src=t.src}else t.loadedImage?e.drawImage(t.loadedImage,0,0,t.width,t.height):t.imageLoading&&(e.fillStyle="#f8f9fa",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#dee2e6",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#6c757d",e.font="12px Arial",e.textAlign="center",e.fillText("Loading...",t.width/2,t.height/2))},Ae=(e,t)=>{if(t.imageObject&&t.imageObject.complete&&t.imageObject.naturalHeight!==0)try{e.drawImage(t.imageObject,0,0,t.width,t.height)}catch(r){console.error("Error drawing embroidery image:",r),kt(e,t,"Error loading image")}else if(t.src&&!t.imageLoading){t.imageLoading=!0;const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{r.complete&&r.naturalHeight!==0?(t.imageObject=r,t.imageLoading=!1,V()):(t.imageLoading=!1,console.error("Image loaded but is invalid:",t.src))},r.onerror=()=>{t.imageLoading=!1,console.error("Failed to load embroidery image:",t.src),kt(e,t,"Failed to load")},r.src=t.src,kt(e,t,"Loading...")}else t.imageLoading?kt(e,t,"Loading..."):kt(e,t)},kt=(e,t,r="Embroidery")=>{e.fillStyle="#f9f9f9",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ddd",e.lineWidth=2,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#999",e.font="24px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("🧵",t.width/2,t.height/2-10),e.fillStyle="#666",e.font="12px Arial",e.fillText(r,t.width/2,t.height/2+15)},Ot=(e,t,r)=>{if(!r)return!1;const d=r.x+r.width/2,x=r.y+r.height/2,p=e-d,b=t-x,F=-(r.rotation||0)*Math.PI/180,v=Math.cos(F),R=Math.sin(F),A=p*v-b*R,z=p*R+b*v,H=r.width/2,nt=r.height/2;return A>=-H&&A<=H&&z>=-nt&&z<=nt},Re=y.useCallback(()=>{(I||m||N)&&at(),D(!1),B(!1),w(!1),O(null);const e=K.current;e&&(e.style.cursor="default")},[I,m,N,at]);y.useEffect(()=>{const e=t=>{if(l)return;const r=document.activeElement;if(!(r&&(r.tagName==="INPUT"||r.tagName==="TEXTAREA"||r.tagName==="SELECT"||r.isContentEditable))&&((t.ctrlKey||t.metaKey)&&(t.key==="z"&&!t.shiftKey?(t.preventDefault(),vt()):(t.key==="z"&&t.shiftKey||t.key==="y")&&(t.preventDefault(),mt())),(t.key==="Delete"||t.key==="Backspace")&&c&&(Bt(c.id),t.preventDefault()),(t.ctrlKey||t.metaKey)&&t.key==="d"&&c&&($t(c.id),t.preventDefault()),c&&["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key))){t.preventDefault();const x=t.shiftKey?10:1;let p={};switch(t.key){case"ArrowUp":p.y=c.y-x;break;case"ArrowDown":p.y=c.y+x;break;case"ArrowLeft":p.x=c.x-x;break;case"ArrowRight":p.x=c.x+x;break}Qt(c.id,p),at()}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[c,vt,mt,l]);const Ee=(e,t={})=>{const r={id:dt(),type:e,x:50,y:50,width:100,height:100,fill:"#000000",stroke:"#000000",strokeWidth:0,rotation:0,...t};switch(e){case"text":r.id=dt(),r.text=t.text||"New Text",r.fontSize=t.fontSize||20,r.fontFamily=t.fontFamily||"Arial",r.fontWeight=t.fontWeight||"normal",r.fontStyle=t.fontStyle||"normal",r.textAlign=t.textAlign||"left",r.width=150,r.height=50;break;case"icon":r.id=dt(),r.text=t.text||"🎯",r.fontSize=t.fontSize||48,r.fontFamily=t.fontFamily||"Arial",r.fontWeight=t.fontWeight||"normal",r.fontStyle=t.fontStyle||"normal",r.textAlign="center",r.width=80,r.height=80,r.iconData=t.iconData||null,r.type="text",r.isIcon=!0;break;case"image":r.id=dt(),r.imageData=t.imageData||null,r.width=t.width||200,r.height=t.height||200;break;case"qrcode":r.id=dt(),r.type="qrcode",r.x=(t==null?void 0:t.x)||S/2-((t==null?void 0:t.width)||100)/2,r.y=(t==null?void 0:t.y)||W/2-((t==null?void 0:t.height)||100)/2,r.width=(t==null?void 0:t.width)||100,r.height=(t==null?void 0:t.height)||100,r.src=(t==null?void 0:t.src)||"",r.data=(t==null?void 0:t.data)||"",r.rotation=0,r.opacity=1;break;case"barcode":r.id=dt(),r.type="barcode",r.x=(t==null?void 0:t.x)||S/2-((t==null?void 0:t.width)||200)/2,r.y=(t==null?void 0:t.y)||W/2-((t==null?void 0:t.height)||100)/2,r.width=(t==null?void 0:t.width)||200,r.height=(t==null?void 0:t.height)||100,r.src=(t==null?void 0:t.src)||"",r.data=(t==null?void 0:t.data)||"",r.format=(t==null?void 0:t.format)||"CODE128",r.rotation=0,r.opacity=1,r.imageObject=(t==null?void 0:t.imageObject)||null;break;case"sticker":r.id=dt(),r.type="sticker",r.imageData=(t==null?void 0:t.imageData)||null,r.width=t.width||200,r.height=t.height||200;break;case"horizontalLine":r.id=dt(),r.type="horizontalLine",r.x=S/2-100,r.y=W/2-1,r.width=200,r.height=2,r.fill="#000000",r.stroke="#000000",r.strokeWidth=2,r.rotation=0,r.opacity=1;break;case"embroidery":r.id=dt(),r.type="embroidery",r.imageData=(t==null?void 0:t.imageData)||null,r.width=t.width||200,r.height=t.height||200;break;case"rectangle":case"circle":case"triangle":case"star":case"arrow":case"diamond":case"hexagon":case"pentagon":case"heart":case"oval":case"roundedRectangle":break;default:console.warn(`Unknown element type: ${e}`);return}n(d=>[...d,r]),T(r),at()},Qt=(e,t)=>{n(r=>r.map(d=>d.id===e?{...d,...t}:d)),c&&c.id===e&&T(r=>({...r,...t}))},Bt=y.useCallback(()=>{c&&(n(e=>e.filter(t=>t.id!==c.id)),T(null),at())},[c,at]),$t=e=>{const t=h.find(r=>r.id===e);if(t){const r={...t,id:dt(),x:t.x+20,y:t.y+20};n(d=>[...d,r]),T(r),at()}},Ht=(e,t)=>{const r=h.findIndex(p=>p.id===e);if(r===-1)return;const d=[...h],x=d[r];t==="up"&&r<d.length-1?(d[r]=d[r+1],d[r+1]=x):t==="down"&&r>0?(d[r]=d[r-1],d[r-1]=x):t==="top"?(d.splice(r,1),d.push(x)):t==="bottom"&&(d.splice(r,1),d.unshift(x)),n(d),at()};y.useCallback(()=>{C&&$(e=>({...e,[C.sectionName]:{elements:[...h],selectedColor:G}}))},[C,h,G]);const[,De]=y.useReducer(e=>e+1,0);setTimeout(()=>{De()},20);const Be=y.useCallback(()=>{C&&$(e=>({...e,[C.sectionName]:{elements:[...h],selectedColor:G}}))},[C,h,G]);y.useImperativeHandle(o,()=>({handleSectionChange:Gt,flushCurrentSectionDesign:Be,exportPrintReady:async(e="png")=>await Dt(e,!1),exportFullDesign:async(e="png")=>await Dt(e,!0),exportDesign:Dt,getCanvasData:()=>bt(),exportAllDesignsAsJSON:async(e="png")=>{try{const t=bt(),r=(C==null?void 0:C.sectionName)||"main",d={elements:t.elements,selectedColor:t.selectedColor,canvasWidth:t.canvasWidth,canvasHeight:t.canvasHeight},x={...t.sectionDesigns||{},[r]:d},p=s.sections&&s.sections.length>0?s.sections:[{id:r,sectionName:r,image:C==null?void 0:C.sectionImage,sectionImage:C==null?void 0:C.sectionImage}];return await Rt.current.exportAllSectionsAsJSON(x,p,S,W,e,ht)}catch(t){throw console.error("Export as JSON failed:",t),t}},exportCurrentSectionAsJSON:async(e="png")=>{try{const t=bt();return await Rt.current.exportCurrentSectionAsJSON(t,e,ht)}catch(t){throw console.error("Export current section as JSON failed:",t),t}}}));const gt=y.useRef(null),zt=y.useRef(!1),V=y.useCallback(()=>{const e=K.current;if(!e||zt.current)return;zt.current=!0;const t=e.getContext("2d");t.clearRect(0,0,S,W),ut.current&&t.drawImage(ut.current,0,0,S,W),M&&fe(t),h.forEach(r=>{t.save(),t.globalAlpha=r.opacity||1,he(t,r),t.restore()}),c&&ne(t,c),zt.current=!1},[h,c,S,W,M]),pt=y.useCallback(()=>{gt.current&&cancelAnimationFrame(gt.current),gt.current=requestAnimationFrame(()=>{V(),gt.current=null})},[V]);y.useEffect(()=>{pt()},[h,c,S,W,M,pt]),y.useEffect(()=>{ut.current&&pt()},[ut.current,pt]),y.useEffect(()=>()=>{gt.current&&cancelAnimationFrame(gt.current)},[]);const Wt=y.useCallback(()=>{V(),(I||m||N)&&(gt.current=requestAnimationFrame(Wt))},[V,I,m,N]);y.useEffect(()=>{I||m||N?Wt():(gt.current&&(cancelAnimationFrame(gt.current),gt.current=null),pt())},[I,m,N,Wt,pt]);const ze=y.useCallback(e=>{if(l)return;const r=K.current.getBoundingClientRect(),d=(e.clientX-r.left)/Q,x=(e.clientY-r.top)/Q;if(X({x:d,y:x}),c){const b=Ut(d,x,c);if(b){if(b==="rotate"){w(!0);const F=c.x+c.width/2,v=c.y+c.height/2,R=Math.atan2(x-v,d-F)*180/Math.PI;X({x:d,y:x,initialAngle:R,initialRotation:c.rotation||0})}else B(!0),O(b),X({x:d,y:x,initialWidth:c.width,initialHeight:c.height,initialX:c.x,initialY:c.y});return}}let p=null;for(let b=h.length-1;b>=0;b--)if(Ot(d,x,h[b])){p=h[b];break}p?(T(p),D(!0),X({x:d,y:x,offsetX:d-p.x,offsetY:x-p.y})):T(null),V()},[l,Q,c,h,V]),We=y.useCallback(e=>{if(l)return;const t=K.current,r=t.getBoundingClientRect(),d=(e.clientX-r.left)/Q,x=(e.clientY-r.top)/Q;if(c&&!I&&!m&&!N){const p=Ut(d,x,c);p?p==="rotate"?t.style.cursor="grab":t.style.cursor=p:Ot(d,x,c)?t.style.cursor="move":t.style.cursor="default"}else t.style.cursor=I?"grabbing":"default";if(N&&c){const p=c.x+c.width/2,b=c.y+c.height/2,v=Math.atan2(x-b,d-p)*180/Math.PI-k.initialAngle;let R=k.initialRotation+v;e.shiftKey&&(R=Math.round(R/15)*15),R=(R%360+360)%360,n(A=>A.map(z=>z.id===c.id?{...z,rotation:R}:z)),T(A=>({...A,rotation:R})),V();return}if(m&&c&&j){const p=d-k.x,b=x-k.y;let F=k.initialWidth,v=k.initialHeight,R=k.initialX,A=k.initialY;switch(j){case"se-resize":F=Math.max(20,k.initialWidth+p),v=Math.max(20,k.initialHeight+b);break;case"sw-resize":F=Math.max(20,k.initialWidth-p),v=Math.max(20,k.initialHeight+b),R=k.initialX+(k.initialWidth-F);break;case"ne-resize":F=Math.max(20,k.initialWidth+p),v=Math.max(20,k.initialHeight-b),A=k.initialY+(k.initialHeight-v);break;case"nw-resize":F=Math.max(20,k.initialWidth-p),v=Math.max(20,k.initialHeight-b),R=k.initialX+(k.initialWidth-F),A=k.initialY+(k.initialHeight-v);break}if(e.shiftKey&&c.type!=="text"){const H=k.initialWidth/k.initialHeight;j.includes("e"),v=F/H,j.includes("n")&&(A=k.initialY+(k.initialHeight-v))}Y&&(R=xt(R),A=xt(A),F=xt(F),v=xt(v));const z={...c,x:R,y:A,width:F,height:v};n(H=>H.map(nt=>nt.id===c.id?z:nt)),T(z),V();return}if(I&&c){let p=d-k.offsetX,b=x-k.offsetY;Y&&(p=xt(p),b=xt(b)),p=Math.max(0,Math.min(S-c.width,p)),b=Math.max(0,Math.min(W-c.height,b));const F={...c,x:p,y:b};n(v=>v.map(R=>R.id===c.id?F:R)),T(F),V()}},[l,Q,c,I,m,N,j,k,Y,S,W,h,V]),Gt=y.useCallback(e=>{C&&$(r=>({...r,[C.sectionName]:{elements:h.map(d=>d.type==="image"?{...d,imageData:d.imageData,src:d.src}:d),selectedColor:G}}));const t=L[e.sectionName];if(t){const r=t.elements.map(d=>{if(d.type==="image"&&d.src&&!d.imageData){const x=new Image;return x.onload=()=>{n(p=>p.map(b=>b.id===d.id?{...b,imageData:x}:b)),V()},x.src=d.src,{...d,imageData:x}}return d});n(r),rt(t.selectedColor||G)}else n([]);et(e),T(null)},[C,h,G,L,V]),Me=y.useCallback(e=>{if(e&&e.type.startsWith("image/")){const t=new FileReader;t.onload=r=>{const d=new Image;d.onload=()=>{const x={id:dt(),type:"image",x:xt(S/2-100),y:xt(W/2-100),width:Math.min(d.width,200),height:Math.min(d.height,200),rotation:0,imageData:d,src:r.target.result,originalWidth:d.width,originalHeight:d.height},p=d.width/d.height;x.width/x.height!==p&&(x.width/p<=200?x.height=x.width/p:x.width=x.height*p),n(b=>[...b,x]),T(x),at()},d.onerror=()=>{console.error("Failed to load uploaded image"),alert("Failed to load the uploaded image. Please try again.")},d.src=r.target.result},t.onerror=()=>{console.error("Failed to read file"),alert("Failed to read the file. Please try again.")},t.readAsDataURL(e)}else alert("Please select a valid image file.")},[S,W,xt,dt,at]),_t=y.useCallback(Le(()=>{V()},16),[V]);y.useEffect(()=>{Et.current||_t()},[h,c,M,_t]);function Le(e,t){let r;return function(...x){const p=()=>{clearTimeout(r),e(...x)};clearTimeout(r),r=setTimeout(p,t)}}y.useEffect(()=>{yt.current&&Yt(yt.current,G)},[G]),y.useEffect(()=>{V()},[V]);const Pe=(e,t,r)=>(.2126*e+.7152*t+.0722*r)/255,Yt=y.useCallback((e,t)=>{const r=Lt.current,d=r.getContext("2d");r.width=S,r.height=W,d.clearRect(0,0,S,W),d.drawImage(e,0,0,S,W);const x=d.getImageData(0,0,S,W),p=x.data,b=de(t);if(!b){Et.current=!1;return}const{r:F,g:v,b:R}=b;for(let z=0;z<p.length;z+=4){if(p[z+3]===0)continue;const nt=Pe(p[z],p[z+1],p[z+2]);p[z]=Math.round(F*nt),p[z+1]=Math.round(v*nt),p[z+2]=Math.round(R*nt)}d.putImageData(x,0,0);const A=new Image;A.onload=()=>{ut.current=s.plainColor==="Y"?A:e,Et.current=!1,V()},A.src=r.toDataURL("image/png")},[S,W,V]),qt=e=>{if(!tt)return{horizontal:[],vertical:[]};const t=document.querySelector(".ruler-horizontal"),r=document.querySelector(".ruler-vertical");if(!t||!r)return{horizontal:[],vertical:[]};const d=t.getBoundingClientRect(),x=r.getBoundingClientRect(),p=d.width,b=x.height,F=50,v=[],R=[];for(let A=F;A<=p;A+=F)A<=p-20&&v.push({position:A,value:Math.round(A/e)});for(let A=F;A<=b;A+=F)A<=b-15&&R.push({position:A,value:Math.round(A/e)});return{horizontal:v,vertical:R}},[Vt,Xt]=y.useState({horizontal:[],vertical:[]});return y.useEffect(()=>{const e=()=>{setTimeout(()=>{const d=qt(Q);Xt(d)},50)};e();let t;const r=()=>{clearTimeout(t),t=setTimeout(e,150)};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),clearTimeout(t)}},[Q,tt]),y.useEffect(()=>{if(tt&&!u){const e=setTimeout(()=>{const t=qt(Q);Xt(t)},100);return()=>clearTimeout(e)}},[tt,u,Q]),i.jsxs("div",{className:"pure-canvas-designer",children:[i.jsx("div",{className:"designer-header",children:i.jsx(ti,{onAddElement:Ee,onDeleteElement:()=>c&&Bt(c.id),onDuplicateElement:()=>c&&$t(c.id),onUndo:vt,onRedo:mt,onToggleGrid:()=>st(!M),onToggleRulers:()=>lt(!tt),onToggleSnap:()=>P(!Y),onImageUpload:Me,canUndo:J>0,canRedo:J<_.length-1,showGrid:M,showRulers:tt,snapToGrid:Y,selectedElement:c,theme:a,readOnly:l,apiKey:f.apiKey,apiEndpoint:f.apiEndpoint})}),i.jsxs("div",{className:"designer-content",children:[tt&&!u&&i.jsxs("div",{className:"rulers",children:[i.jsx("div",{className:"ruler-horizontal",children:i.jsx("div",{className:"ruler-horizontal-numbers",children:Vt.horizontal.map((e,t)=>i.jsx("span",{className:"ruler-number horizontal",style:{left:`${e.position}px`},children:e.value},t))})}),i.jsx("div",{className:"ruler-vertical",children:i.jsx("div",{className:"ruler-vertical-numbers",children:Vt.vertical.map((e,t)=>i.jsx("span",{className:"ruler-number vertical",style:{top:`${e.position}px`},children:e.value},t))})})]}),i.jsx("div",{className:"canvas-container",ref:wt,children:i.jsx("canvas",{ref:K,width:S,height:W,onMouseDown:ze,onMouseMove:We,onMouseUp:Re,style:{border:"1px solid #e2e8f0",cursor:I?"grabbing":"default",transform:`scale(${Q})`,transformOrigin:"top left"}})}),i.jsxs("div",{className:"side-panels",children:[i.jsx(ei,{selectedElement:c,onUpdate:Qt,onMoveLayer:Ht,availableFonts:le,theme:a}),i.jsx(ii,{elements:h,selectedElement:c,onSelectElement:T,onMoveLayer:Ht,onDeleteElement:Bt,theme:a})]})]}),i.jsxs("div",{className:"designer-footer",children:[i.jsxs("div",{className:"section-thumbnails",children:[i.jsxs("label",{className:"section-thumbnails-label",children:["Available sections for : ",i.jsx("u",{children:s.name})]}),i.jsx("div",{className:"thumbnails-container",children:s.sections.map(e=>{const t=L[e.sectionName]&&L[e.sectionName].elements&&L[e.sectionName].elements.length>0;return i.jsxs("div",{className:`section-thumbnail compact ${C.sectionName===e.sectionName?"active":""}`,onClick:r=>{r.stopPropagation();const d=s.sections.find(x=>x.sectionName===e.sectionName);Gt(d)},title:e.sectionName,children:[i.jsxs("div",{className:"thumbnail-image-container compact",children:[i.jsx("img",{src:e.sectionImage,alt:e.sectionName,className:"thumbnail-image compact",onError:r=>{r.target.style.display="none",r.target.nextSibling.style.display="flex"}}),i.jsx("div",{className:"thumbnail-placeholder compact",style:{display:"none"},children:i.jsx("span",{className:"placeholder-icon",children:"📐"})}),t&&i.jsx("div",{className:"content-indicator compact",children:i.jsx("svg",{className:"checkmark compact",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:i.jsx("path",{d:"M20 6L9 17l-5-5"})})})]}),i.jsx("span",{className:"thumbnail-label compact",children:e.sectionName})]},e.sectionName)})})]}),i.jsxs("div",{className:"color-palette-enhanced compact",children:[i.jsx("label",{className:"color-palette-label",children:"Supported colors:"}),i.jsxs("div",{className:"color-swatches-container",children:[s.colorSettings.slice(0,3).map((e,t)=>i.jsxs("div",{className:`color-swatch-enhanced compact ${G===e?"active":""}`,onClick:r=>{r.stopPropagation(),rt(e)},title:`Change product to ${e}`,children:[i.jsx("div",{className:"color-swatch-inner compact",style:{backgroundColor:e}}),G===e&&i.jsx("div",{className:"color-selection-ring compact"})]},e)),s.colorSettings.length>3&&i.jsxs("div",{className:"color-dropdown-container",children:[i.jsx("button",{className:"color-more-button",onClick:e=>{e.stopPropagation();const t=e.currentTarget.nextElementSibling;t.style.display=t.style.display==="block"?"none":"block"},title:"More colors",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("circle",{cx:"12",cy:"12",r:"3"}),i.jsx("circle",{cx:"12",cy:"5",r:"3"}),i.jsx("circle",{cx:"12",cy:"19",r:"3"})]})}),i.jsx("div",{className:"color-dropdown-menu",style:{display:"none"},children:s.colorSettings.slice(3).map((e,t)=>i.jsxs("div",{className:`color-swatch-dropdown ${G===e?"active":""}`,onClick:r=>{r.stopPropagation(),rt(e),r.currentTarget.parentElement.style.display="none"},title:`Change product to ${e}`,children:[i.jsx("div",{className:"color-swatch-inner-dropdown",style:{backgroundColor:e}}),i.jsx("span",{className:"color-hex",children:e.toUpperCase()})]},e))})]})]})]}),i.jsxs("div",{className:"zoom-controls-enhanced compact",children:[i.jsx("label",{className:"zoom-label",children:"Zoom:"}),i.jsxs("div",{className:"zoom-buttons-container compact",children:[i.jsx("button",{className:"zoom-button compact zoom-out",onClick:()=>ct(Math.max(.25,Q-.25)),disabled:Q<=.25,title:"Zoom Out",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("circle",{cx:"11",cy:"11",r:"8"}),i.jsx("path",{d:"M21 21l-4.35-4.35"}),i.jsx("line",{x1:"8",y1:"11",x2:"14",y2:"11"})]})}),i.jsxs("div",{className:"zoom-display compact",children:[i.jsxs("span",{className:"zoom-percentage compact",children:[Math.round(Q*100),"%"]}),i.jsx("div",{className:"zoom-slider-container compact",children:i.jsx("input",{type:"range",min:"0.25",max:"4",step:"0.25",value:Q,onChange:e=>ct(parseFloat(e.target.value)),className:"zoom-slider compact"})})]}),i.jsx("button",{className:"zoom-button compact zoom-in",onClick:()=>ct(Math.min(4,Q+.25)),disabled:Q>=4,title:"Zoom In",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("circle",{cx:"11",cy:"11",r:"8"}),i.jsx("path",{d:"M21 21l-4.35-4.35"}),i.jsx("line",{x1:"11",y1:"8",x2:"11",y2:"14"}),i.jsx("line",{x1:"8",y1:"11",x2:"14",y2:"11"})]})}),i.jsx("button",{className:"zoom-reset compact",onClick:()=>ct(1),title:"Reset Zoom (100%)",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M3 3l18 18"}),i.jsx("circle",{cx:"11",cy:"11",r:"8"}),i.jsx("path",{d:"M21 21l-4.35-4.35"})]})})]})]})]})]})});ae.displayName="Mypixia";module.exports=ae;
+        `)}`,category:"Geometric",description:"Complex mandala flower pattern"}],ti=({isOpen:d,onClose:o,onAddEmbroidery:a,theme:l,apiKey:s,apiEndpoint:f})=>{const[x,c]=y.useState([]),[u,g]=y.useState(!1),[C,T]=y.useState(null),[w,I]=y.useState(""),[j,b]=y.useState("All"),z=y.useRef(null),D=["All","Floral","Nature","Geometric","Traditional","Sports","Hobbies","Food","Symbols","Holiday","Text"];y.useEffect(()=>{d&&c(Ze)},[d]);const F=B=>{a({type:"embroidery",src:B.url,name:B.name,description:B.description,category:B.category,width:120,height:120,x:100,y:100}),o()},$=x.filter(B=>{const W=!w||B.name.toLowerCase().includes(w.toLowerCase())||B.description.toLowerCase().includes(w.toLowerCase()),ot=j==="All"||B.category===j;return W&&ot});return d?i.jsx("div",{className:"embroidery-modal-overlay",onClick:o,children:i.jsxs("div",{className:"embroidery-modal-content",onClick:B=>B.stopPropagation(),ref:z,children:[i.jsxs("div",{className:"embroidery-modal-header",children:[i.jsx("h3",{children:"Choose an Embroidery Design"}),i.jsx("button",{className:"embroidery-modal-close",onClick:o,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"embroidery-modal-controls",children:[i.jsx("div",{className:"search-container",children:i.jsx("input",{type:"text",placeholder:"Search embroidery designs...",value:w,onChange:B=>I(B.target.value),className:"embroidery-search"})}),i.jsxs("div",{className:"category-filter",children:[i.jsx("label",{children:"Category:"}),i.jsx("select",{value:j,onChange:B=>b(B.target.value),className:"category-select",children:D.map(B=>i.jsx("option",{value:B,children:B},B))})]})]}),i.jsxs("div",{className:"embroidery-modal-body",children:[u&&i.jsxs("div",{className:"embroidery-loading",children:[i.jsx("div",{className:"loading-spinner"}),i.jsx("p",{children:"Loading embroidery designs..."})]}),C&&i.jsx("div",{className:"embroidery-error",children:i.jsx("p",{children:C})}),!u&&!C&&i.jsx("div",{className:"embroidery-grid",children:$.map(B=>i.jsxs("div",{className:"embroidery-item",onClick:()=>F(B),title:B.description,children:[i.jsx("div",{className:"embroidery-preview",children:i.jsx("img",{src:B.url,alt:B.name,loading:"lazy",onError:W=>{console.error("Failed to load embroidery image:",B.url),W.target.style.display="none"}})}),i.jsxs("div",{className:"embroidery-info",children:[i.jsx("div",{className:"embroidery-name",children:B.name}),i.jsx("div",{className:"embroidery-category",children:B.category})]})]},B.id))}),!u&&!C&&$.length===0&&i.jsx("div",{className:"no-embroideries",children:i.jsx("p",{children:"No embroidery designs found matching your search."})})]}),i.jsx("div",{className:"embroidery-modal-footer",children:i.jsxs("div",{className:"embroidery-disclaimer",children:[i.jsx("span",{className:"disclaimer-icon",children:"ℹ️"}),i.jsx("span",{children:"Sample embroidery designs for preview. Actual embroidered results may vary based on fabric and thread."})]})})]})}):null},Ct=[{id:1,text:"DREAM BIG",category:"Motivational",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF6B35",hasBackground:!0,backgroundColor:"#1A1A1A",textAlign:"center",textTransform:"uppercase"},{id:2,text:"Never Give Up",category:"Motivational",fontSize:28,fontFamily:"Georgia",fontWeight:"bold",fill:"#2E8B57",fontStyle:"italic",textAlign:"center"},{id:3,text:"BE YOURSELF",category:"Motivational",fontSize:24,fontFamily:"Arial",fontWeight:"700",fill:"#FF1493",textTransform:"uppercase",letterSpacing:2},{id:4,text:"Stay Strong",category:"Motivational",fontSize:26,fontFamily:"Verdana",fontWeight:"bold",fill:"#4169E1",hasTextShadow:!0,textShadowX:2,textShadowY:2,textShadowBlur:4,textShadowColor:"#000000"},{id:5,text:"RISE & SHINE",category:"Motivational",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",hasBackground:!0,backgroundColor:"#8B0000",textAlign:"center"},{id:6,text:"Believe in Magic",category:"Motivational",fontSize:22,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB",textAlign:"center"},{id:7,text:"UNSTOPPABLE",category:"Motivational",fontSize:28,fontFamily:"Arial",fontWeight:"900",fill:"#DC143C",textTransform:"uppercase",letterSpacing:1.5},{id:8,text:"Chase Your Dreams",category:"Motivational",fontSize:24,fontFamily:"Georgia",fill:"#20B2AA",fontWeight:"600"},{id:9,text:"FEARLESS",category:"Motivational",fontSize:36,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center",hasBackground:!0,backgroundColor:"#000000"},{id:10,text:"Make It Happen",category:"Motivational",fontSize:26,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#32CD32"},{id:11,text:"BORN TO WIN",category:"Motivational",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#FFD700",hasBackground:!0,backgroundColor:"#800080",textAlign:"center"},{id:12,text:"Positive Vibes Only",category:"Motivational",fontSize:20,fontFamily:"Comic Sans MS",fill:"#FF69B4",fontWeight:"600"},{id:13,text:"LIMITLESS",category:"Motivational",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#1E90FF",textTransform:"uppercase",letterSpacing:3},{id:14,text:"Embrace The Journey",category:"Motivational",fontSize:22,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B4513"},{id:15,text:"STRENGTH WITHIN",category:"Motivational",fontSize:26,fontFamily:"Verdana",fontWeight:"bold",fill:"#696969",hasBackground:!0,backgroundColor:"#F0F8FF"},{id:16,text:"Create Your Own Sunshine",category:"Motivational",fontSize:18,fontFamily:"Palatino",fill:"#FF8C00",fontWeight:"600"},{id:17,text:"WARRIOR SPIRIT",category:"Motivational",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#B22222",textAlign:"center"},{id:18,text:"Keep Going",category:"Motivational",fontSize:30,fontFamily:"Arial",fontWeight:"700",fill:"#228B22"},{id:19,text:"FOCUS & WIN",category:"Motivational",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082",hasBackground:!0,backgroundColor:"#FFFF00"},{id:20,text:"Inspire Others",category:"Motivational",fontSize:26,fontFamily:"Georgia",fill:"#CD853F",fontStyle:"italic"},{id:21,text:"GAME CHANGER",category:"Motivational",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493",textAlign:"center"},{id:22,text:"Live With Purpose",category:"Motivational",fontSize:22,fontFamily:"Palatino",fill:"#2F4F4F",fontWeight:"600"},{id:23,text:"BREAKTHROUGH",category:"Motivational",fontSize:28,fontFamily:"Arial",fontWeight:"900",fill:"#DC143C",letterSpacing:2},{id:24,text:"Shine Bright",category:"Motivational",fontSize:32,fontFamily:"Verdana",fontWeight:"bold",fill:"#FFD700",hasTextShadow:!0,textShadowX:3,textShadowY:3,textShadowBlur:6,textShadowColor:"#000000"},{id:25,text:"NEVER SETTLE",category:"Motivational",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",hasBackground:!0,backgroundColor:"#000080"},{id:26,text:"CEO MINDSET",category:"Business",fontSize:28,fontFamily:"Arial",fontWeight:"bold",fill:"#2F4F4F",textAlign:"center",hasBackground:!0,backgroundColor:"#F5F5F5"},{id:27,text:"Innovation Starts Here",category:"Business",fontSize:20,fontFamily:"Trebuchet MS",fill:"#4169E1",fontWeight:"600"},{id:28,text:"PROFESSIONAL",category:"Business",fontSize:24,fontFamily:"Georgia",fontWeight:"bold",fill:"#000080",letterSpacing:1},{id:29,text:"Excellence Every Day",category:"Business",fontSize:22,fontFamily:"Verdana",fill:"#8B0000",fontWeight:"600"},{id:30,text:"LEADERSHIP",category:"Business",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#B8860B",textAlign:"center"},{id:31,text:"Think Different",category:"Business",fontSize:26,fontFamily:"Palatino",fontStyle:"italic",fill:"#696969"},{id:32,text:"RESULTS DRIVEN",category:"Business",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#DC143C",hasBackground:!0,backgroundColor:"#F0F8FF"},{id:33,text:"Strategic Vision",category:"Business",fontSize:22,fontFamily:"Georgia",fill:"#2E8B57",fontWeight:"700"},{id:34,text:"PRODUCTIVITY",category:"Business",fontSize:28,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:35,text:"Success Mindset",category:"Business",fontSize:24,fontFamily:"Verdana",fill:"#FF8C00",fontWeight:"600"},{id:36,text:"EXPERT LEVEL",category:"Business",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#000000",hasBackground:!0,backgroundColor:"#FFD700"},{id:37,text:"Quality First",category:"Business",fontSize:30,fontFamily:"Arial",fontWeight:"700",fill:"#228B22"},{id:38,text:"INTEGRITY",category:"Business",fontSize:32,fontFamily:"Georgia",fontWeight:"bold",fill:"#2F4F4F",textAlign:"center"},{id:39,text:"Growth Focused",category:"Business",fontSize:20,fontFamily:"Palatino",fill:"#20B2AA",fontWeight:"600"},{id:40,text:"COLLABORATION",category:"Business",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#9370DB"},{id:41,text:"Performance Matters",category:"Business",fontSize:22,fontFamily:"Verdana",fill:"#B22222",fontWeight:"700"},{id:42,text:"ACCOUNTABILITY",category:"Business",fontSize:26,fontFamily:"Arial",fontWeight:"800",fill:"#8B4513",letterSpacing:1.5},{id:43,text:"Vision to Reality",category:"Business",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#4169E1"},{id:44,text:"TRANSFORMATION",category:"Business",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center"},{id:45,text:"Excellence Standard",category:"Business",fontSize:22,fontFamily:"Palatino",fill:"#2E8B57",fontWeight:"600"},{id:46,text:"EFFICIENCY",category:"Business",fontSize:30,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#000080"},{id:47,text:"Forward Thinking",category:"Business",fontSize:24,fontFamily:"Verdana",fill:"#CD853F",fontWeight:"700"},{id:48,text:"ACHIEVEMENT",category:"Business",fontSize:26,fontFamily:"Arial",fontWeight:"bold",fill:"#B8860B",hasBackground:!0,backgroundColor:"#F5F5DC"},{id:49,text:"Strategic Excellence",category:"Business",fontSize:20,fontFamily:"Georgia",fill:"#696969",fontWeight:"600"},{id:50,text:"IMPACT MAKER",category:"Business",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#DC143C",textAlign:"center"},{id:51,text:"COFFEE FIRST",category:"Funny",fontSize:28,fontFamily:"Comic Sans MS",fontWeight:"bold",fill:"#8B4513",hasBackground:!0,backgroundColor:"#F5DEB3"},{id:52,text:"I'm Not Lazy, I'm Energy Efficient",category:"Funny",fontSize:16,fontFamily:"Arial",fill:"#FF69B4",fontWeight:"600"},{id:53,text:"SARCASM LOADING...",category:"Funny",fontSize:24,fontFamily:"Courier New",fontWeight:"bold",fill:"#32CD32",textAlign:"center"},{id:54,text:"Powered By Pizza",category:"Funny",fontSize:26,fontFamily:"Comic Sans MS",fill:"#FF6347",fontWeight:"700"},{id:55,text:"CTRL + ALT + DELETE MONDAY",category:"Funny",fontSize:18,fontFamily:"Courier New",fontWeight:"bold",fill:"#4169E1"},{id:56,text:"Brain 404 Error",category:"Funny",fontSize:22,fontFamily:"Arial",fill:"#FF1493",fontWeight:"600"},{id:57,text:"WEEKEND WARRIOR",category:"Funny",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",hasBackground:!0,backgroundColor:"#000080"},{id:58,text:"Adulting is Hard",category:"Funny",fontSize:24,fontFamily:"Comic Sans MS",fill:"#9370DB",fontWeight:"600"},{id:59,text:"PROCRASTINATION EXPERT",category:"Funny",fontSize:20,fontFamily:"Arial",fontWeight:"bold",fill:"#FF4500"},{id:60,text:"Netflix & Chill Champion",category:"Funny",fontSize:18,fontFamily:"Trebuchet MS",fill:"#DC143C",fontWeight:"600"},{id:61,text:"CHAOS COORDINATOR",category:"Funny",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#FF69B4",textAlign:"center"},{id:62,text:"I Speak Fluent Sarcasm",category:"Funny",fontSize:20,fontFamily:"Georgia",fontStyle:"italic",fill:"#2E8B57"},{id:63,text:"SLEEP IS FOR THE WEAK",category:"Funny",fontSize:22,fontFamily:"Arial",fontWeight:"800",fill:"#B22222"},{id:64,text:"Professional Overthinker",category:"Funny",fontSize:20,fontFamily:"Verdana",fill:"#4B0082",fontWeight:"600"},{id:65,text:"WIFI PASSWORD PLEASE",category:"Funny",fontSize:20,fontFamily:"Courier New",fontWeight:"bold",fill:"#32CD32"},{id:66,text:"Certified Couch Potato",category:"Funny",fontSize:22,fontFamily:"Comic Sans MS",fill:"#FF8C00",fontWeight:"700"},{id:67,text:"SOCIAL DISTANCING CHAMPION",category:"Funny",fontSize:16,fontFamily:"Arial",fontWeight:"bold",fill:"#20B2AA"},{id:68,text:"Powered By Caffeine",category:"Funny",fontSize:24,fontFamily:"Impact",fill:"#8B4513",fontWeight:"bold"},{id:69,text:"EMERGENCY CHOCOLATE NEEDED",category:"Funny",fontSize:18,fontFamily:"Comic Sans MS",fontWeight:"bold",fill:"#D2691E"},{id:70,text:"I'm Not Short, I'm Fun Size",category:"Funny",fontSize:20,fontFamily:"Trebuchet MS",fill:"#FF1493",fontWeight:"600"},{id:71,text:"CTRL + Z MY LIFE",category:"Funny",fontSize:26,fontFamily:"Courier New",fontWeight:"bold",fill:"#4169E1"},{id:72,text:"Error 404: Motivation Not Found",category:"Funny",fontSize:16,fontFamily:"Arial",fill:"#FF4500",fontWeight:"600"},{id:73,text:"PROFESSIONAL WEIRDO",category:"Funny",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#9370DB",textAlign:"center"},{id:74,text:"Snack Attack Mode",category:"Funny",fontSize:26,fontFamily:"Comic Sans MS",fill:"#FF6347",fontWeight:"700"},{id:75,text:"BATTERY LOW, NEED COFFEE",category:"Funny",fontSize:18,fontFamily:"Courier New",fontWeight:"bold",fill:"#8B4513"},{id:76,text:"Love You Forever",category:"Love",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#FF1493",textAlign:"center"},{id:77,text:"SOULMATES",category:"Love",fontSize:32,fontFamily:"Georgia",fontWeight:"bold",fill:"#DC143C",hasBackground:!0,backgroundColor:"#FFE4E1"},{id:78,text:"Better Together",category:"Love",fontSize:26,fontFamily:"Trebuchet MS",fill:"#FF69B4",fontWeight:"600"},{id:79,text:"ENDLESS LOVE",category:"Love",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#B22222",textAlign:"center"},{id:80,text:"You Complete Me",category:"Love",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B0000"},{id:81,text:"FOREVER & ALWAYS",category:"Love",fontSize:24,fontFamily:"Arial",fontWeight:"bold",fill:"#FF1493",letterSpacing:1},{id:82,text:"My Heart Belongs To You",category:"Love",fontSize:20,fontFamily:"Palatino",fill:"#DC143C",fontWeight:"600"},{id:83,text:"PURE LOVE",category:"Love",fontSize:34,fontFamily:"Impact",fontWeight:"bold",fill:"#FF69B4",hasTextShadow:!0,textShadowX:2,textShadowY:2,textShadowBlur:4,textShadowColor:"#000000"},{id:84,text:"Together Forever",category:"Love",fontSize:26,fontFamily:"Georgia",fill:"#8B0000",fontWeight:"700",textAlign:"center"},{id:85,text:"MATCH MADE IN HEAVEN",category:"Love",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#FF1493"},{id:86,text:"Love Story",category:"Love",fontSize:32,fontFamily:"Palatino",fontStyle:"italic",fill:"#B22222"},{id:87,text:"HEARTBEAT",category:"Love",fontSize:28,fontFamily:"Arial",fontWeight:"800",fill:"#DC143C",hasBackground:!0,backgroundColor:"#FFF0F5"},{id:88,text:"You Are My Sunshine",category:"Love",fontSize:22,fontFamily:"Georgia",fill:"#FF8C00",fontWeight:"600"},{id:89,text:"DESTINY",category:"Love",fontSize:36,fontFamily:"Impact",fontWeight:"bold",fill:"#8B0000",textAlign:"center"},{id:90,text:"True Love Waits",category:"Love",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#FF1493"},{id:91,text:"BELOVED",category:"Love",fontSize:30,fontFamily:"Georgia",fontWeight:"bold",fill:"#B22222",letterSpacing:2},{id:92,text:"Love Conquers All",category:"Love",fontSize:26,fontFamily:"Trebuchet MS",fill:"#DC143C",fontWeight:"700"},{id:93,text:"PERFECT MATCH",category:"Love",fontSize:24,fontFamily:"Arial",fontWeight:"bold",fill:"#FF69B4",hasBackground:!0,backgroundColor:"#000000"},{id:94,text:"Always & Forever",category:"Love",fontSize:28,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B0000",textAlign:"center"},{id:95,text:"ROMANCE",category:"Love",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493"},{id:96,text:"Love Never Fails",category:"Love",fontSize:24,fontFamily:"Palatino",fill:"#B22222",fontWeight:"600"},{id:97,text:"ETERNAL LOVE",category:"Love",fontSize:28,fontFamily:"Arial",fontWeight:"800",fill:"#DC143C",letterSpacing:1.5},{id:98,text:"Heart & Soul",category:"Love",fontSize:30,fontFamily:"Georgia",fill:"#8B0000",fontWeight:"bold"},{id:99,text:"PASSIONATE",category:"Love",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center"},{id:100,text:"Love Is Everything",category:"Love",fontSize:24,fontFamily:"Trebuchet MS",fill:"#FF1493",fontWeight:"700"},{id:101,text:"NO PAIN NO GAIN",category:"Sports",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",textAlign:"center",hasBackground:!0,backgroundColor:"#000000"},{id:102,text:"Train Hard",category:"Sports",fontSize:32,fontFamily:"Arial",fontWeight:"900",fill:"#B22222"},{id:103,text:"CHAMPION MINDSET",category:"Sports",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#FFD700",hasBackground:!0,backgroundColor:"#000080"},{id:104,text:"Beast Mode ON",category:"Sports",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#32CD32"},{id:105,text:"STRONGER EVERY DAY",category:"Sports",fontSize:22,fontFamily:"Arial",fontWeight:"800",fill:"#2E8B57",letterSpacing:1},{id:106,text:"Victory Mindset",category:"Sports",fontSize:28,fontFamily:"Georgia",fontWeight:"bold",fill:"#B8860B"},{id:107,text:"GAME TIME",category:"Sports",fontSize:34,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493",textAlign:"center"},{id:108,text:"Push Your Limits",category:"Sports",fontSize:24,fontFamily:"Trebuchet MS",fill:"#4169E1",fontWeight:"700"},{id:109,text:"ATHLETIC EXCELLENCE",category:"Sports",fontSize:20,fontFamily:"Arial",fontWeight:"bold",fill:"#DC143C"},{id:110,text:"Fitness First",category:"Sports",fontSize:30,fontFamily:"Verdana",fontWeight:"bold",fill:"#228B22"},{id:111,text:"UNSTOPPABLE FORCE",category:"Sports",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500",hasTextShadow:!0,textShadowX:3,textShadowY:3,textShadowBlur:6,textShadowColor:"#000000"},{id:112,text:"Sweat Equity",category:"Sports",fontSize:28,fontFamily:"Georgia",fill:"#8B4513",fontWeight:"700"},{id:113,text:"PERFORMANCE ZONE",category:"Sports",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:114,text:"Train Like A Champion",category:"Sports",fontSize:20,fontFamily:"Arial",fill:"#B22222",fontWeight:"600"},{id:115,text:"POWER WITHIN",category:"Sports",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FF8C00",textAlign:"center"},{id:116,text:"Maximum Effort",category:"Sports",fontSize:26,fontFamily:"Verdana",fill:"#2E8B57",fontWeight:"800"},{id:117,text:"ELITE ATHLETE",category:"Sports",fontSize:28,fontFamily:"Arial",fontWeight:"900",fill:"#FFD700",hasBackground:!0,backgroundColor:"#8B0000"},{id:118,text:"Rise Above",category:"Sports",fontSize:30,fontFamily:"Georgia",fontWeight:"bold",fill:"#4169E1"},{id:119,text:"COMPETITIVE EDGE",category:"Sports",fontSize:22,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#DC143C"},{id:120,text:"Strength & Honor",category:"Sports",fontSize:26,fontFamily:"Impact",fill:"#2F4F4F",fontWeight:"bold"},{id:121,text:"WINNING ATTITUDE",category:"Sports",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#32CD32",letterSpacing:1.5},{id:122,text:"Never Give Up",category:"Sports",fontSize:32,fontFamily:"Verdana",fontWeight:"bold",fill:"#FF4500"},{id:123,text:"ENDURANCE",category:"Sports",fontSize:36,fontFamily:"Impact",fontWeight:"bold",fill:"#228B22",textAlign:"center"},{id:124,text:"Peak Performance",category:"Sports",fontSize:24,fontFamily:"Georgia",fill:"#B8860B",fontWeight:"700"},{id:125,text:"DEDICATION PAYS OFF",category:"Sports",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:126,text:"STYLE ICON",category:"Lifestyle",fontSize:30,fontFamily:"Palatino",fontWeight:"bold",fill:"#000000",hasBackground:!0,backgroundColor:"#FFD700"},{id:127,text:"Chic & Unique",category:"Lifestyle",fontSize:28,fontFamily:"Georgia",fontStyle:"italic",fill:"#FF1493"},{id:128,text:"TRENDSETTER",category:"Lifestyle",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#9370DB",textAlign:"center"},{id:129,text:"Fashion Forward",category:"Lifestyle",fontSize:24,fontFamily:"Trebuchet MS",fill:"#FF69B4",fontWeight:"600"},{id:130,text:"BOUTIQUE VIBES",category:"Lifestyle",fontSize:22,fontFamily:"Arial",fontWeight:"bold",fill:"#4169E1"},{id:131,text:"Effortlessly Elegant",category:"Lifestyle",fontSize:20,fontFamily:"Georgia",fontStyle:"italic",fill:"#2F4F4F"},{id:132,text:"LUXE LIFESTYLE",category:"Lifestyle",fontSize:28,fontFamily:"Palatino",fontWeight:"bold",fill:"#B8860B",letterSpacing:2},{id:133,text:"Vintage Soul",category:"Lifestyle",fontSize:32,fontFamily:"Georgia",fill:"#8B4513",fontWeight:"700"},{id:134,text:"MODERN CLASSIC",category:"Lifestyle",fontSize:24,fontFamily:"Arial",fontWeight:"800",fill:"#000000"},{id:135,text:"Street Style",category:"Lifestyle",fontSize:30,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500"},{id:136,text:"SOPHISTICATED",category:"Lifestyle",fontSize:26,fontFamily:"Palatino",fontWeight:"bold",fill:"#2E8B57",hasBackground:!0,backgroundColor:"#F5F5F5"},{id:137,text:"Boho Chic",category:"Lifestyle",fontSize:28,fontFamily:"Georgia",fontStyle:"italic",fill:"#CD853F"},{id:138,text:"MINIMALIST",category:"Lifestyle",fontSize:32,fontFamily:"Arial",fontWeight:"300",fill:"#696969",letterSpacing:3},{id:139,text:"Glamorous Life",category:"Lifestyle",fontSize:24,fontFamily:"Trebuchet MS",fill:"#FFD700",fontWeight:"700"},{id:140,text:"HAUTE COUTURE",category:"Lifestyle",fontSize:22,fontFamily:"Palatino",fontWeight:"bold",fill:"#4B0082"},{id:141,text:"Urban Explorer",category:"Lifestyle",fontSize:26,fontFamily:"Impact",fill:"#32CD32",fontWeight:"bold"},{id:142,text:"AESTHETIC VIBES",category:"Lifestyle",fontSize:24,fontFamily:"Arial",fontWeight:"600",fill:"#FF69B4"},{id:143,text:"Lifestyle Goals",category:"Lifestyle",fontSize:28,fontFamily:"Georgia",fill:"#20B2AA",fontWeight:"600"},{id:144,text:"PREMIUM QUALITY",category:"Lifestyle",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#B22222"},{id:145,text:"Designer Dreams",category:"Lifestyle",fontSize:26,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:146,text:"CURATED STYLE",category:"Lifestyle",fontSize:24,fontFamily:"Arial",fontWeight:"700",fill:"#2F4F4F",letterSpacing:1},{id:147,text:"Fashion Statement",category:"Lifestyle",fontSize:22,fontFamily:"Georgia",fill:"#FF1493",fontWeight:"600"},{id:148,text:"ARTISAN CRAFTED",category:"Lifestyle",fontSize:20,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#8B4513"},{id:149,text:"Timeless Elegance",category:"Lifestyle",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#000080"},{id:150,text:"SIGNATURE STYLE",category:"Lifestyle",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",textAlign:"center"},{id:151,text:"HAPPY BIRTHDAY",category:"Holidays",fontSize:32,fontFamily:"Comic Sans MS",fontWeight:"bold",fill:"#FF69B4",hasBackground:!0,backgroundColor:"#FFFF00",textAlign:"center"},{id:152,text:"Merry Christmas",category:"Holidays",fontSize:30,fontFamily:"Georgia",fill:"#B22222",fontWeight:"700",hasTextShadow:!0,textShadowX:2,textShadowY:2,textShadowBlur:4,textShadowColor:"#228B22"},{id:153,text:"CELEBRATION TIME",category:"Holidays",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700"},{id:154,text:"Happy New Year",category:"Holidays",fontSize:26,fontFamily:"Trebuchet MS",fill:"#4169E1",fontWeight:"700"},{id:155,text:"THANKFUL HEART",category:"Holidays",fontSize:24,fontFamily:"Georgia",fontWeight:"bold",fill:"#FF8C00",textAlign:"center"},{id:156,text:"Easter Blessings",category:"Holidays",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:157,text:"PARTY TIME",category:"Holidays",fontSize:34,fontFamily:"Impact",fontWeight:"bold",fill:"#FF1493",hasBackground:!0,backgroundColor:"#000000"},{id:158,text:"Halloween Spirit",category:"Holidays",fontSize:26,fontFamily:"Arial",fontWeight:"800",fill:"#FF4500"},{id:159,text:"FESTIVE MOOD",category:"Holidays",fontSize:30,fontFamily:"Georgia",fontWeight:"bold",fill:"#32CD32"},{id:160,text:"Valentine's Day",category:"Holidays",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#DC143C"},{id:161,text:"ANNIVERSARY JOY",category:"Holidays",fontSize:"22",fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#B8860B"},{id:162,text:"Graduation Day",category:"Holidays",fontSize:28,fontFamily:"Arial",fill:"#000080",fontWeight:"700"},{id:163,text:"SUMMER VIBES",category:"Holidays",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#FFD700",textAlign:"center"},{id:164,text:"Winter Wonderland",category:"Holidays",fontSize:20,fontFamily:"Georgia",fill:"#4169E1",fontWeight:"600"},{id:165,text:"MOTHER'S DAY LOVE",category:"Holidays",fontSize:22,fontFamily:"Palatino",fontWeight:"bold",fill:"#FF69B4"},{id:166,text:"Father's Day Hero",category:"Holidays",fontSize:24,fontFamily:"Arial",fill:"#2F4F4F",fontWeight:"700"},{id:167,text:"SPRING AWAKENING",category:"Holidays",fontSize:26,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#32CD32"},{id:168,text:"Holiday Magic",category:"Holidays",fontSize:30,fontFamily:"Georgia",fontStyle:"italic",fill:"#9370DB"},{id:169,text:"FAMILY GATHERING",category:"Holidays",fontSize:20,fontFamily:"Arial",fontWeight:"600",fill:"#8B4513"},{id:170,text:"Wedding Bliss",category:"Holidays",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#FFD700"},{id:171,text:"FIREWORKS NIGHT",category:"Holidays",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500"},{id:172,text:"Autumn Leaves",category:"Holidays",fontSize:26,fontFamily:"Georgia",fill:"#D2691E",fontWeight:"600"},{id:173,text:"MILESTONE MOMENT",category:"Holidays",fontSize:22,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#4B0082"},{id:174,text:"Special Occasion",category:"Holidays",fontSize:24,fontFamily:"Arial",fill:"#B22222",fontWeight:"700"},{id:175,text:"CHEERS TO LIFE",category:"Holidays",fontSize:28,fontFamily:"Impact",fontWeight:"bold",fill:"#20B2AA",textAlign:"center"},{id:176,text:'"Life is Beautiful"',category:"Quotes",fontSize:26,fontFamily:"Georgia",fontStyle:"italic",fill:"#2E8B57",textAlign:"center"},{id:177,text:"CARPE DIEM",category:"Quotes",fontSize:32,fontFamily:"Impact",fontWeight:"bold",fill:"#B8860B",letterSpacing:2},{id:178,text:'"Choose Happiness"',category:"Quotes",fontSize:24,fontFamily:"Palatino",fontStyle:"italic",fill:"#FF69B4"},{id:179,text:"LIVE LAUGH LOVE",category:"Quotes",fontSize:24,fontFamily:"Arial",fontWeight:"600",fill:"#DC143C",textAlign:"center"},{id:180,text:'"Dream Without Fear"',category:"Quotes",fontSize:22,fontFamily:"Georgia",fontStyle:"italic",fill:"#4169E1"},{id:181,text:"WISDOM WITHIN",category:"Quotes",fontSize:28,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#2F4F4F"},{id:182,text:'"Create Your Story"',category:"Quotes",fontSize:20,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:183,text:"INNER PEACE",category:"Quotes",fontSize:30,fontFamily:"Arial",fontWeight:"300",fill:"#20B2AA",letterSpacing:3},{id:184,text:'"Follow Your Heart"',category:"Quotes",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#FF1493"},{id:185,text:"GRATITUDE DAILY",category:"Quotes",fontSize:26,fontFamily:"Impact",fontWeight:"bold",fill:"#FF8C00"},{id:186,text:'"Embrace Change"',category:"Quotes",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#32CD32"},{id:187,text:"MINDFUL LIVING",category:"Quotes",fontSize:24,fontFamily:"Trebuchet MS",fontWeight:"600",fill:"#4B0082"},{id:188,text:'"Stay Curious"',category:"Quotes",fontSize:30,fontFamily:"Georgia",fontStyle:"italic",fill:"#B22222"},{id:189,text:"PURPOSE DRIVEN",category:"Quotes",fontSize:28,fontFamily:"Arial",fontWeight:"700",fill:"#8B4513"},{id:190,text:'"Find Your Why"',category:"Quotes",fontSize:26,fontFamily:"Palatino",fontStyle:"italic",fill:"#CD853F"},{id:191,text:"AUTHENTIC SELF",category:"Quotes",fontSize:24,fontFamily:"Impact",fontWeight:"bold",fill:"#FF4500"},{id:192,text:'"Less is More"',category:"Quotes",fontSize:32,fontFamily:"Arial",fontWeight:"300",fill:"#696969",letterSpacing:2},{id:193,text:"PRESENT MOMENT",category:"Quotes",fontSize:26,fontFamily:"Georgia",fontWeight:"600",fill:"#2E8B57"},{id:194,text:'"Trust The Process"',category:"Quotes",fontSize:22,fontFamily:"Palatino",fontStyle:"italic",fill:"#4169E1"},{id:195,text:"BALANCED LIFE",category:"Quotes",fontSize:28,fontFamily:"Trebuchet MS",fontWeight:"bold",fill:"#20B2AA"},{id:196,text:'"Spread Kindness"',category:"Quotes",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#FF69B4"},{id:197,text:"GROWTH MINDSET",category:"Quotes",fontSize:26,fontFamily:"Arial",fontWeight:"700",fill:"#32CD32"},{id:198,text:'"Be The Change"',category:"Quotes",fontSize:28,fontFamily:"Palatino",fontStyle:"italic",fill:"#9370DB"},{id:199,text:"INFINITE POSSIBILITIES",category:"Quotes",fontSize:20,fontFamily:"Impact",fontWeight:"bold",fill:"#B8860B"},{id:200,text:'"Leave Your Mark"',category:"Quotes",fontSize:24,fontFamily:"Georgia",fontStyle:"italic",fill:"#8B0000",textAlign:"center"}],ei=({isOpen:d,onClose:o,onAddText:a,theme:l})=>{const[s,f]=y.useState(""),[x,c]=y.useState("All"),u=y.useMemo(()=>{const w=Ct.reduce((I,j)=>(I[j.category]=(I[j.category]||0)+1,I),{});return[{name:"All",count:Ct.length},...Object.entries(w).map(([I,j])=>({name:I,count:j}))]},[Ct]),g=y.useMemo(()=>Ct.filter(w=>{const I=!s||w.text.toLowerCase().includes(s.toLowerCase())||w.category.toLowerCase().includes(s.toLowerCase()),j=x==="All"||w.category===x;return I&&j}),[Ct,s,x]),C=w=>{const I={...w,x:100,y:100};a("text",I),o()},T=()=>{a("text",{text:"Your Text Here",fontSize:24,fontFamily:"Arial",fill:"#000000",x:100,y:100}),o()};return d?i.jsx("div",{className:"text-templates-modal-overlay",onClick:o,children:i.jsxs("div",{className:"text-templates-modal",onClick:w=>w.stopPropagation(),children:[i.jsxs("div",{className:"modal-header",children:[i.jsx("h2",{children:"Text Templates"}),i.jsx("button",{className:"close-btn",onClick:o,"aria-label":"Close",children:"×"})]}),i.jsxs("div",{className:"modal-controls",children:[i.jsx("div",{className:"search-section",children:i.jsx("input",{type:"text",placeholder:"Search templates...",value:s,onChange:w=>f(w.target.value),className:"search-input"})}),i.jsx("div",{className:"category-tabs",children:u.map(w=>i.jsxs("button",{className:`category-tab ${x===w.name?"active":""}`,onClick:()=>c(w.name),children:[w.name,i.jsxs("span",{className:"count",children:["(",w.count,")"]})]},w.name))})]}),i.jsxs("div",{className:"templates-grid",children:[i.jsx("div",{className:"custom-text-option",onClick:T,children:i.jsxs("div",{className:"custom-text-preview",children:[i.jsx("div",{className:"custom-icon",children:"✏️"}),i.jsx("div",{className:"custom-label",children:"Create Custom Text"})]})}),g.map(w=>i.jsxs("div",{className:"template-item",onClick:()=>C(w),children:[i.jsx("div",{className:"template-preview",style:{fontFamily:w.fontFamily,fontSize:`${Math.min(w.fontSize*.6,18)}px`,fontWeight:w.fontWeight,fontStyle:w.fontStyle,color:w.fill,backgroundColor:w.hasBackground?w.backgroundColor:"transparent",textAlign:w.textAlign||"left",textTransform:w.textTransform||"none",letterSpacing:w.letterSpacing?`${w.letterSpacing}px`:"normal",textShadow:w.hasTextShadow?`${w.textShadowX}px ${w.textShadowY}px ${w.textShadowBlur}px ${w.textShadowColor}`:"none"},children:w.text}),i.jsxs("div",{className:"template-info",children:[i.jsx("span",{className:"template-category",children:w.category}),i.jsx("span",{className:"template-font",children:w.fontFamily})]})]},w.id))]}),i.jsx("div",{className:"modal-footer",children:i.jsxs("div",{className:"results-count",children:[g.length," template",g.length!==1?"s":""," found"]})})]})}):null},ii=({onAddElement:d,onDeleteElement:o,onDuplicateElement:a,onUndo:l,onRedo:s,onToggleGrid:f,onToggleRulers:x,onToggleSnap:c,onImageUpload:u,canUndo:g,canRedo:C,showGrid:T,showRulers:w,snapToGrid:I,selectedElement:j,theme:b,readOnly:z,apiKey:D,apiEndpoint:F})=>{const[$,B]=y.useState(!1),[W,ot]=y.useState(!1),[U,nt]=y.useState(!1),[q,it]=y.useState(!1),[Y,O]=y.useState(!1),[J,rt]=y.useState(!1),[K,et]=y.useState(!1),M=P=>{const st=P.target.files[0];st&&st.type.startsWith("image/")&&u(st),P.target.value=""},G=P=>{d("icon",{iconData:P,text:P.symbol,fontSize:48,fontFamily:"Arial",fill:"#000000"})},N=P=>{d("qrcode",P)},m=P=>{d("barcode",P)},A=P=>{d("sticker",P)},Q=P=>{d("embroidery",P)},_=(P,st)=>{d(P,st)},Z=()=>{rt(!J),et(!1)},V=()=>{et(!K),rt(!1)},ct=P=>{P==="custom"?d("text"):P==="templates"&&O(!0),rt(!1)},H=P=>{d(P),et(!1)};return i.jsxs("div",{className:"toolbar",children:[i.jsxs("div",{className:"toolbar-section",children:[i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("button",{className:"toolbar-btn compact",onClick:l,disabled:!g||z,title:"Undo (Ctrl+Z)",children:[i.jsx("span",{className:"icon",children:"↶"}),i.jsx("span",{className:"label",children:"Undo"})]}),i.jsxs("button",{className:"toolbar-btn compact",onClick:s,disabled:!C||z,title:"Redo (Ctrl+Y)",children:[i.jsx("span",{className:"icon",children:"↷"}),i.jsx("span",{className:"label",children:"Redo"})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("div",{className:"toolbar-dropdown",children:[i.jsxs("button",{className:"toolbar-btn compact dropdown-trigger",disabled:z,title:"Add Text",onClick:Z,children:[i.jsx("span",{className:"icon",children:"𝐓"}),i.jsx("span",{className:"label",children:"Text"}),i.jsx("span",{className:`dropdown-arrow ${J?"open":""}`,children:"▼"})]}),i.jsxs("div",{className:`dropdown-menu ${J?"show":""}`,children:[i.jsxs("button",{onClick:()=>ct("custom"),children:[i.jsx("span",{className:"icon",children:"𝐓"})," Custom Text"]}),i.jsxs("button",{onClick:()=>ct("templates"),children:[i.jsx("span",{className:"icon",children:"📝"})," Text Templates"]})]})]}),i.jsxs("div",{className:"toolbar-dropdown",children:[i.jsxs("button",{className:"toolbar-btn compact dropdown-trigger",disabled:z,onClick:V,children:[i.jsx("span",{className:"icon",children:"◩"}),i.jsx("span",{className:"label",children:"Shapes"}),i.jsx("span",{className:`dropdown-arrow ${K?"open":""}`,children:"▼"})]}),i.jsxs("div",{className:`dropdown-menu ${K?"show":""}`,children:[i.jsxs("button",{onClick:()=>H("rectangle"),children:[i.jsx("span",{className:"icon",children:"▭"})," Rectangle"]}),i.jsxs("button",{onClick:()=>H("circle"),children:[i.jsx("span",{className:"icon",children:"●"})," Circle"]}),i.jsxs("button",{onClick:()=>H("triangle"),children:[i.jsx("span",{className:"icon",children:"▲"})," Triangle"]}),i.jsxs("button",{onClick:()=>H("star"),children:[i.jsx("span",{className:"icon",children:"★"})," Star"]}),i.jsxs("button",{onClick:()=>H("heart"),children:[i.jsx("span",{className:"icon",children:"♥"})," Heart"]}),i.jsxs("button",{onClick:()=>H("arrow"),children:[i.jsx("span",{className:"icon",children:"➤"})," Arrow"]}),i.jsxs("button",{onClick:()=>H("diamond"),children:[i.jsx("span",{className:"icon",children:"◆"})," Diamond"]}),i.jsxs("button",{onClick:()=>H("hexagon"),children:[i.jsx("span",{className:"icon",children:"⬡"})," Hexagon"]}),i.jsxs("button",{onClick:()=>H("pentagon"),children:[i.jsx("span",{className:"icon",children:"⬟"})," Pentagon"]}),i.jsxs("button",{onClick:()=>H("oval"),children:[i.jsx("span",{className:"icon",children:"⬯"})," Oval"]}),i.jsxs("button",{onClick:()=>H("roundedRectangle"),children:[i.jsx("span",{className:"icon",children:"▢"})," Rounded Rectangle"]}),i.jsxs("button",{onClick:()=>H("horizontalLine"),children:[i.jsx("span",{className:"icon",children:"―"})," Horizontal Line"]})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("label",{className:"toolbar-btn compact file-upload",style:{cursor:z?"not-allowed":"pointer"},children:[i.jsx("span",{className:"icon",children:"☁️"}),i.jsx("span",{className:"label",children:"Upload"}),i.jsx("input",{type:"file",accept:"image/*",onChange:M,disabled:z})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsx(qe,{onSelectIcon:G,theme:b,disabled:z}),i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>nt(!0),disabled:z,title:"Add Sticker",children:[i.jsx("span",{className:"icon",children:"🎨"}),i.jsx("span",{className:"label",children:"Stickers"})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>B(!0),disabled:z,title:"Add QR Code",children:[i.jsx("span",{className:"icon",children:"▦"}),i.jsx("span",{className:"label",children:"QR Code"})]}),i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>ot(!0),disabled:z,title:"Add Barcode",children:[i.jsx("span",{className:"icon",children:"▤"}),i.jsx("span",{className:"label",children:"Barcode"})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsx("div",{className:"toolbar-group embroidery-group",children:i.jsxs("button",{className:"toolbar-btn compact",onClick:()=>it(!0),disabled:z,title:"Add Embroidery Design",children:[i.jsx("span",{className:"icon",children:"🧵"}),i.jsx("span",{className:"label",children:"Embroidery"})]})}),j&&i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"toolbar-separator"}),i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("button",{className:"toolbar-btn compact success",onClick:a,disabled:z,title:"Duplicate Element (Ctrl+D)",children:[i.jsx("span",{className:"icon",children:"⧉"}),i.jsx("span",{className:"label",children:"Copy"})]}),i.jsxs("button",{className:"toolbar-btn compact danger",onClick:o,disabled:z,title:"Delete Element (Delete)",children:[i.jsx("span",{className:"icon",children:"🗑️"}),i.jsx("span",{className:"label",children:"Delete"})]})]})]}),i.jsx("div",{className:"toolbar-separator"}),i.jsxs("div",{className:"toolbar-group",children:[i.jsxs("button",{className:`toolbar-btn compact ${T?"active":""}`,onClick:f,title:"Toggle Grid",children:[i.jsx("span",{className:"icon",children:"⚏"}),i.jsx("span",{className:"label",children:"Grid"})]}),i.jsxs("button",{className:`toolbar-btn compact ${w?"active":""}`,onClick:x,title:"Toggle Rulers",children:[i.jsx("span",{className:"icon",children:"📐"}),i.jsx("span",{className:"label",children:"Rulers"})]}),i.jsxs("button",{className:`toolbar-btn compact ${I?"active":""}`,onClick:c,title:"Snap to Grid",children:[i.jsx("span",{className:"icon",children:"🧲"}),i.jsx("span",{className:"label",children:"Snap"})]})]})]}),i.jsx(Ve,{isOpen:$,onClose:()=>B(!1),onAddQRCode:N,theme:b}),i.jsx(Xe,{isOpen:W,onClose:()=>ot(!1),onAddBarcode:m,theme:b}),i.jsx(Ke,{isOpen:U,onClose:()=>nt(!1),onAddSticker:A,theme:b,apiKey:D,apiEndpoint:F}),i.jsx(ti,{isOpen:q,onClose:()=>it(!1),onAddEmbroidery:Q,theme:b,apiKey:D,apiEndpoint:F}),i.jsx(ei,{isOpen:Y,onClose:()=>O(!1),onAddText:_,theme:b})]})},oi=({selectedElement:d,onUpdate:o,onMoveLayer:a,availableFonts:l,theme:s})=>{const[f,x]=y.useState(!1);if(!d)return i.jsxs("div",{className:"properties-panel",children:[i.jsx("h3",{children:"Properties"}),i.jsx("p",{className:"no-selection",children:"Select an element to edit its properties"})]});const c=(b,z)=>{o(d.id,{[b]:z})},u=()=>{var b,z,D;return i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Text Content"}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Content"}),i.jsx("textarea",{value:d.text||"",onChange:F=>c("text",F.target.value),rows:3,placeholder:"Enter your text here..."})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Font Family"}),i.jsx("select",{value:d.fontFamily||"Arial",onChange:F=>c("fontFamily",F.target.value),children:l.map(F=>i.jsx("option",{value:F,children:F},F))})]}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Font Size"}),i.jsx("input",{type:"number",value:d.fontSize||20,onChange:F=>c("fontSize",parseInt(F.target.value)),min:"8",max:"200"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Line Height"}),i.jsx("input",{type:"number",step:"0.1",value:d.lineHeight||1.2,onChange:F=>c("lineHeight",parseFloat(F.target.value)),min:"0.5",max:"3"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Font Weight"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:d.fontWeight==="lighter"||d.fontWeight==="300"?"active":"",onClick:()=>c("fontWeight","300"),title:"Light",children:"Light"}),i.jsx("button",{className:!d.fontWeight||d.fontWeight==="normal"||d.fontWeight==="400"?"active":"",onClick:()=>c("fontWeight","normal"),title:"Normal",children:"Normal"}),i.jsx("button",{className:d.fontWeight==="bold"||d.fontWeight==="700"?"active":"",onClick:()=>c("fontWeight","bold"),title:"Bold",children:i.jsx("strong",{children:"Bold"})})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Style"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:d.fontStyle==="italic"?"active":"",onClick:()=>c("fontStyle",d.fontStyle==="italic"?"normal":"italic"),title:"Italic",children:i.jsx("em",{children:"I"})}),i.jsx("button",{className:(b=d.textDecoration)!=null&&b.includes("underline")?"active":"",onClick:()=>{const F=d.textDecoration||"",$=F.split(" ").filter(B=>B&&B!=="underline");F.includes("underline")||$.push("underline"),c("textDecoration",$.join(" ").trim())},title:"Underline",children:i.jsx("u",{children:"U"})}),i.jsx("button",{className:(z=d.textDecoration)!=null&&z.includes("overline")?"active":"",onClick:()=>{const F=d.textDecoration||"",$=F.split(" ").filter(B=>B&&B!=="overline");F.includes("overline")||$.push("overline"),c("textDecoration",$.join(" ").trim())},title:"Overline",children:i.jsx("span",{style:{textDecoration:"overline"},children:"O"})}),i.jsx("button",{className:(D=d.textDecoration)!=null&&D.includes("line-through")?"active":"",onClick:()=>{const F=d.textDecoration||"",$=F.split(" ").filter(B=>B&&B!=="line-through");F.includes("line-through")||$.push("line-through"),c("textDecoration",$.join(" ").trim())},title:"Strikethrough",children:i.jsx("s",{children:"S"})})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Transform"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:!d.textTransform||d.textTransform==="none"?"active":"",onClick:()=>c("textTransform","none"),title:"Normal",children:"Aa"}),i.jsx("button",{className:d.textTransform==="uppercase"?"active":"",onClick:()=>c("textTransform","uppercase"),title:"Uppercase",children:"AA"}),i.jsx("button",{className:d.textTransform==="lowercase"?"active":"",onClick:()=>c("textTransform","lowercase"),title:"Lowercase",children:"aa"}),i.jsx("button",{className:d.textTransform==="capitalize"?"active":"",onClick:()=>c("textTransform","capitalize"),title:"Capitalize",children:"Aa"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Alignment"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:!d.textAlign||d.textAlign==="left"?"active":"",onClick:()=>c("textAlign","left"),title:"Left Align",children:"⬅"}),i.jsx("button",{className:d.textAlign==="center"?"active":"",onClick:()=>c("textAlign","center"),title:"Center Align",children:"↔"}),i.jsx("button",{className:d.textAlign==="right"?"active":"",onClick:()=>c("textAlign","right"),title:"Right Align",children:"➡"}),i.jsx("button",{className:d.textAlign==="justify"?"active":"",onClick:()=>c("textAlign","justify"),title:"Justify",children:"≡"})]})]}),i.jsx("div",{className:"property-row",children:i.jsxs("div",{className:"color-input-group",children:[i.jsxs("div",{className:"color-input-item",children:[i.jsx("label",{children:"Text Color"}),i.jsx("input",{type:"color",value:d.fill||"#000000",onChange:F=>c("fill",F.target.value)})]}),i.jsxs("div",{className:"color-input-item",children:[i.jsx("label",{children:"Background Color"}),i.jsxs("div",{className:"color-with-toggle",children:[i.jsx("input",{type:"color",value:d.backgroundColor||"#ffffff",onChange:F=>c("backgroundColor",F.target.value),disabled:!d.hasBackground}),i.jsx("button",{className:`toggle-btn ${d.hasBackground?"active":""}`,onClick:()=>c("hasBackground",!d.hasBackground),title:d.hasBackground?"Remove background":"Add background",children:d.hasBackground?"👁":"👁‍🗨"})]})]})]})}),f&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Letter Spacing"}),i.jsx("input",{type:"number",step:"0.1",value:d.letterSpacing||0,onChange:F=>c("letterSpacing",parseFloat(F.target.value)),min:"-5",max:"10"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Word Spacing"}),i.jsx("input",{type:"number",step:"0.1",value:d.wordSpacing||0,onChange:F=>c("wordSpacing",parseFloat(F.target.value)),min:"-10",max:"20"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Shadow"}),i.jsxs("div",{className:"text-shadow-controls",children:[i.jsx("div",{className:"shadow-toggle",children:i.jsx("button",{className:`toggle-btn ${d.hasTextShadow?"active":""}`,onClick:()=>c("hasTextShadow",!d.hasTextShadow),children:d.hasTextShadow?"Remove Shadow":"Add Shadow"})}),d.hasTextShadow&&i.jsxs("div",{className:"shadow-properties",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"H-Offset"}),i.jsx("input",{type:"number",value:d.textShadowX||2,onChange:F=>c("textShadowX",parseInt(F.target.value)),min:"-20",max:"20"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"V-Offset"}),i.jsx("input",{type:"number",value:d.textShadowY||2,onChange:F=>c("textShadowY",parseInt(F.target.value)),min:"-20",max:"20"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Blur"}),i.jsx("input",{type:"number",value:d.textShadowBlur||4,onChange:F=>c("textShadowBlur",parseInt(F.target.value)),min:"0",max:"20"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Shadow Color"}),i.jsx("input",{type:"color",value:d.textShadowColor||"#000000",onChange:F=>c("textShadowColor",F.target.value)})]})]})]})]}),i.jsx("div",{className:"property-row",children:i.jsxs("div",{className:"color-input-group",children:[i.jsxs("div",{className:"color-input-item",children:[i.jsx("label",{children:"Stroke Color"}),i.jsx("input",{type:"color",value:d.stroke||"#000000",onChange:F=>c("stroke",F.target.value)})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Stroke Width"}),i.jsx("input",{type:"number",value:d.strokeWidth||0,onChange:F=>c("strokeWidth",parseInt(F.target.value)),min:"0",max:"20"})]})]})}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Opacity"}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.1",value:d.opacity||1,onChange:F=>c("opacity",parseFloat(F.target.value))}),i.jsxs("span",{children:[Math.round((d.opacity||1)*100),"%"]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Font Variant"}),i.jsxs("select",{value:d.fontVariant||"normal",onChange:F=>c("fontVariant",F.target.value),children:[i.jsx("option",{value:"normal",children:"Normal"}),i.jsx("option",{value:"small-caps",children:"Small Caps"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Writing Mode"}),i.jsxs("select",{value:d.writingMode||"horizontal-tb",onChange:F=>c("writingMode",F.target.value),children:[i.jsx("option",{value:"horizontal-tb",children:"Horizontal"}),i.jsx("option",{value:"vertical-rl",children:"Vertical Right-to-Left"}),i.jsx("option",{value:"vertical-lr",children:"Vertical Left-to-Right"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Text Direction"}),i.jsxs("div",{className:"button-group",children:[i.jsx("button",{className:!d.direction||d.direction==="ltr"?"active":"",onClick:()=>c("direction","ltr"),title:"Left to Right",children:"LTR"}),i.jsx("button",{className:d.direction==="rtl"?"active":"",onClick:()=>c("direction","rtl"),title:"Right to Left",children:"RTL"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Background Padding"}),i.jsx("input",{type:"number",value:d.backgroundPadding||5,onChange:F=>c("backgroundPadding",parseInt(F.target.value)),min:"0",max:"50",disabled:!d.hasBackground})]})]})]})},g=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Shape Properties"}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Fill Color"}),i.jsx("input",{type:"color",value:d.fill||"#000000",onChange:b=>c("fill",b.target.value)})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Stroke Color"}),i.jsx("input",{type:"color",value:d.stroke||"#000000",onChange:b=>c("stroke",b.target.value)})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Stroke Width"}),i.jsx("input",{type:"number",value:d.strokeWidth||2,onChange:b=>c("strokeWidth",parseInt(b.target.value)),min:"0",max:"20"})]}),d.type==="star"&&i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Star Points"}),i.jsx("input",{type:"number",value:d.numPoints||5,onChange:b=>c("numPoints",parseInt(b.target.value)),min:"3",max:"20"})]}),d.type==="roundedRectangle"&&i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Corner Radius"}),i.jsx("input",{type:"number",value:d.cornerRadius||10,onChange:b=>c("cornerRadius",parseInt(b.target.value)),min:"0",max:"50"})]})]}),C=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Image Properties"}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Opacity"}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.1",value:d.opacity||1,onChange:b=>c("opacity",parseFloat(b.target.value))}),i.jsxs("span",{children:[Math.round((d.opacity||1)*100),"%"]})]}),f&&i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Border Radius"}),i.jsx("input",{type:"number",value:d.borderRadius||0,onChange:b=>c("borderRadius",parseInt(b.target.value)),min:"0",max:"50"})]})]}),T=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Position & Size"}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"X"}),i.jsx("input",{type:"number",value:Math.round(d.x)||0,onChange:b=>c("x",parseInt(b.target.value))})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Y"}),i.jsx("input",{type:"number",value:Math.round(d.y)||0,onChange:b=>c("y",parseInt(b.target.value))})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Width"}),i.jsx("input",{type:"number",value:Math.round(d.width)||0,onChange:b=>c("width",parseInt(b.target.value)),min:"1"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Height"}),i.jsx("input",{type:"number",value:Math.round(d.height)||0,onChange:b=>c("height",parseInt(b.target.value)),min:"1"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Rotation"}),i.jsx("input",{type:"range",min:"-180",max:"180",value:d.rotation||0,onChange:b=>c("rotation",parseInt(b.target.value))}),i.jsxs("span",{children:[d.rotation||0,"°"]})]})]}),w=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Line Properties"}),i.jsxs("div",{className:"property-row",children:[i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Line Width"}),i.jsx("input",{type:"number",value:d.strokeWidth||d.height||2,onChange:b=>{const z=parseInt(b.target.value);c("strokeWidth",z),c("height",z)},min:"1",max:"50"})]}),i.jsxs("div",{className:"input-group",children:[i.jsx("label",{children:"Length"}),i.jsx("input",{type:"number",value:d.width||200,onChange:b=>c("width",parseInt(b.target.value)),min:"10",max:"1000"})]})]}),i.jsxs("div",{className:"property-row",children:[i.jsx("label",{children:"Line Color"}),i.jsxs("div",{className:"color-input-group",children:[i.jsx("input",{type:"color",value:d.stroke||d.fill||"#000000",onChange:b=>{c("stroke",b.target.value),c("fill",b.target.value)}}),i.jsx("input",{type:"text",value:d.stroke||d.fill||"#000000",onChange:b=>{c("stroke",b.target.value),c("fill",b.target.value)},placeholder:"#000000"})]})]})]}),I=()=>i.jsxs("div",{className:"property-group",children:[i.jsx("h4",{children:"Layer Controls"}),i.jsxs("div",{className:"button-group vertical",children:[i.jsx("button",{onClick:()=>a(d.id,"top"),children:"Bring to Front"}),i.jsx("button",{onClick:()=>a(d.id,"up"),children:"Bring Forward"}),i.jsx("button",{onClick:()=>a(d.id,"down"),children:"Send Backward"}),i.jsx("button",{onClick:()=>a(d.id,"bottom"),children:"Send to Back"})]})]}),j=["rectangle","circle","triangle","star","arrow","diamond","hexagon","pentagon","heart","oval","roundedRectangle"];return i.jsxs("div",{className:"properties-panel",children:[i.jsxs("div",{className:"panel-header",children:[i.jsx("h3",{children:"Properties"}),i.jsx("span",{className:"element-type",children:d.type})]}),i.jsxs("div",{className:"panel-content",children:[d.type==="text"&&u(),j.includes(d.type)&&g(),d.type==="image"&&C(),d.type==="horizontalLine"&&w(),T(),I(),i.jsx("div",{className:"property-group",children:i.jsxs("button",{className:"toggle-advanced",onClick:()=>x(!f),children:[f?"Hide":"Show"," Advanced Options"]})})]})]})},ri=({elements:d,selectedElement:o,onSelectElement:a,onMoveLayer:l,onDeleteElement:s,theme:f})=>{const x=(u,g)=>{switch(u){case"text":return"T";case"rectangle":return"▭";case"circle":return"●";case"triangle":return"▲";case"star":return"★";case"arrow":return"➤";case"diamond":return"◆";case"hexagon":return"⬡";case"pentagon":return"⬟";case"heart":return"♥";case"oval":return"⬭";case"roundedRectangle":return"▢";case"horizontalLine":return"―";case"image":return"🖼";case"qrcode":return"⬚";case"barcode":return"|||";case"sticker":return"🎭";case"embroidery":return"🧵";default:return"?"}},c=u=>{var g,C;if(u.type==="text")return u.isIcon&&u.iconData?`Icon: ${u.iconData.name}`:((g=u.text)==null?void 0:g.substring(0,20))+(((C=u.text)==null?void 0:C.length)>20?"...":"")||"Text";if(u.type==="qrcode")return`QR Code: ${(u.data||"").substring(0,15)+((u.data||"").length>15?"...":"")}`;if(u.type==="barcode"){const T=u.format||"CODE128",w=u.data||"";return`Barcode (${T}): ${w.substring(0,10)+(w.length>10?"...":"")}`}return u.type==="sticker"?`Sticker: ${(u.name||"Untitled").substring(0,15)}`:u.type==="embroidery"?`Embroidery: ${(u.name||"Design").substring(0,15)}`:u.type.charAt(0).toUpperCase()+u.type.slice(1)};return i.jsxs("div",{className:"layers-panel",children:[i.jsxs("div",{className:"panel-header",children:[i.jsx("h3",{children:"Layers"}),i.jsx("span",{className:"layer-count",children:d.length})]}),i.jsx("div",{className:"layers-list",children:d.length===0?i.jsx("div",{className:"no-layers",children:"No elements added yet"}):[...d].reverse().map((u,g)=>i.jsxs("div",{className:`layer-item ${(o==null?void 0:o.id)===u.id?"selected":""}`,onClick:()=>a(u),children:[i.jsxs("div",{className:"layer-info",children:[i.jsx("span",{className:"layer-icon",children:x(u.type)}),i.jsx("span",{className:"layer-name",children:c(u)})]}),i.jsxs("div",{className:"layer-controls",children:[i.jsx("button",{className:"layer-btn",onClick:C=>{C.stopPropagation(),l(u.id,"up")},disabled:g===0,title:"Move Up",children:"↑"}),i.jsx("button",{className:"layer-btn",onClick:C=>{C.stopPropagation(),l(u.id,"down")},disabled:g===d.length-1,title:"Move Down",children:"↓"}),i.jsx("button",{className:"layer-btn delete",onClick:C=>{C.stopPropagation(),s(u.id)},title:"Delete",children:"×"})]})]},u.id))})]})};class ai{constructor(){this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d")}async exportAllSections(o,a,l,s,f="png",x=!0,c=null){const u={};for(const g of a){const C=g.id||g.sectionName,T=o[C];if(!T||!T.elements||T.elements.length===0){console.log(`Skipping section ${C} - no elements`);continue}if(this.canvas.width=l,this.canvas.height=s,this.ctx.clearRect(0,0,l,s),x){let I=g.image||g.sectionImage;if(c&&c.sectionImage&&(g.sectionName==="Front"||c.sections&&Object.keys(c.sections).includes(g.sectionName))&&(I=c.sectionImage),I)try{const j=await this.loadImage(I);await this.processImageColor(j,T.selectedColor||"#FFFFFF"),this.ctx.drawImage(this.processedImage,0,0,l,s)}catch(j){console.warn("Failed to load background image:",j)}}else this.ctx.clearRect(0,0,l,s);for(const I of T.elements)await this.drawElement(I);const w=this.canvas.toDataURL(`image/${f}`,f==="jpeg"?.9:void 0);u[C]={dataUrl:w,blob:await this.dataUrlToBlob(w)}}return u}async downloadExports(o,a="design"){const l=Object.keys(o);if(l.length===0){alert("No designs to export");return}if(l.length===1){const s=l[0],{blob:f}=o[s],x=URL.createObjectURL(f),c=document.createElement("a");c.href=x,c.download=`${a}-${s}.png`,document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(x)}else for(const s of l){const{blob:f}=o[s],x=URL.createObjectURL(f),c=document.createElement("a");c.href=x,c.download=`${a}-${s}.png`,document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(x),await new Promise(u=>setTimeout(u,100))}}async loadImage(o){return new Promise((a,l)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>a(s),s.onerror=l,s.src=o})}getLuma(o,a,l){return(.2126*o+.7152*a+.0722*l)/255}async processImageColor(o,a){const l=document.createElement("canvas"),s=l.getContext("2d");l.width=o.width,l.height=o.height,s.clearRect(0,0,l.width,l.height),s.drawImage(o,0,0);const f=s.getImageData(0,0,l.width,l.height),x=f.data,c=this.hexToRgb(a);if(!c){console.warn("Invalid target color:",a);return}const{r:u,g,b:C}=c;for(let T=0;T<x.length;T+=4){if(x[T+3]===0)continue;const I=this.getLuma(x[T],x[T+1],x[T+2]);x[T]=Math.round(u*I),x[T+1]=Math.round(g*I),x[T+2]=Math.round(C*I)}return s.putImageData(f,0,0),this.processedImage=new Image,new Promise(T=>{this.processedImage.onload=()=>{T()},this.processedImage.onerror=()=>{console.error("Failed to create processed image"),T()},this.processedImage.src=l.toDataURL("image/png")})}async drawElement(o){this.ctx.save();const a=o.x+o.width/2,l=o.y+o.height/2;switch(this.ctx.translate(a,l),o.rotation&&this.ctx.rotate(o.rotation*Math.PI/180),this.ctx.translate(-o.width/2,-o.height/2),o.type){case"text":this.drawText(o);break;case"rectangle":this.drawRectangle(o);break;case"circle":this.drawCircle(o);break;case"triangle":this.drawTriangle(o);break;case"star":this.drawStar(o);break;case"arrow":this.drawArrow(o);break;case"diamond":this.drawDiamond(o);break;case"hexagon":this.drawHexagon(o);break;case"pentagon":this.drawPentagon(o);break;case"heart":this.drawHeart(o);break;case"oval":this.drawOval(o);break;case"roundedRectangle":this.drawRoundedRectangle(o);break;case"qrcode":await this.drawQRCode(o);break;case"barcode":await this.drawBarcode(o);break;case"horizontalLine":this.drawHorizontalLine(o);break;case"sticker":await this.drawSticker(o);break;case"embroidery":await this.drawEmbroidery(o);break;case"image":await this.drawImage(o);break}this.ctx.restore()}drawText(o){this.ctx.font=`${o.fontStyle||"normal"} ${o.fontWeight||"normal"} ${o.fontSize||20}px ${o.fontFamily||"Arial"}`,this.ctx.fillStyle=o.fill||"#000000",this.ctx.textAlign=o.textAlign||"left",this.ctx.textBaseline="top",o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth);const a=(o.text||"Text").split(`
+`),l=(o.fontSize||20)*1.2;a.forEach((s,f)=>{const x=f*l;o.stroke&&o.strokeWidth>0&&this.ctx.strokeText(s,0,x),this.ctx.fillText(s,0,x)})}drawRectangle(o){o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fillRect(0,0,o.width,o.height)),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.strokeRect(0,0,o.width,o.height))}drawCircle(o){const a=Math.min(o.width,o.height)/2,l=o.width/2,s=o.height/2;this.ctx.beginPath(),this.ctx.arc(l,s,a,0,2*Math.PI),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawTriangle(o){const a=o.width/2;this.ctx.beginPath(),this.ctx.moveTo(a,0),this.ctx.lineTo(0,o.height),this.ctx.lineTo(o.width,o.height),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawStar(o){const a=o.width/2,l=o.height/2,s=Math.min(o.width,o.height)/2,f=s*.4,x=o.numPoints||5;this.ctx.beginPath();for(let c=0;c<x*2;c++){const u=c%2===0?s:f,g=c*Math.PI/x,C=a+Math.cos(g)*u,T=l+Math.sin(g)*u;c===0?this.ctx.moveTo(C,T):this.ctx.lineTo(C,T)}this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawArrow(o){const a=o.width,l=o.height,s=a*.3;this.ctx.beginPath(),this.ctx.moveTo(a/2,0),this.ctx.lineTo(a,l*.6),this.ctx.lineTo(a-s,l*.6),this.ctx.lineTo(a-s,l),this.ctx.lineTo(s,l),this.ctx.lineTo(s,l*.6),this.ctx.lineTo(0,l*.6),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}async dataUrlToBlob(o){return new Promise(a=>{const l=document.createElement("canvas"),s=l.getContext("2d"),f=new Image;f.onload=()=>{l.width=f.width,l.height=f.height,s.drawImage(f,0,0),l.toBlob(a)},f.src=o})}hexToRgb(o){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);return a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16)}:null}drawDiamond(o){const a=o.width/2,l=o.height/2;this.ctx.beginPath(),this.ctx.moveTo(a,0),this.ctx.lineTo(o.width,l),this.ctx.lineTo(a,o.height),this.ctx.lineTo(0,l),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawHexagon(o){const a=o.width/2,l=o.height/2,s=Math.min(o.width,o.height)/2,f=6;this.ctx.beginPath();for(let x=0;x<f;x++){const c=x*2*Math.PI/f-Math.PI/2,u=a+s*Math.cos(c),g=l+s*Math.sin(c);x===0?this.ctx.moveTo(u,g):this.ctx.lineTo(u,g)}this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawPentagon(o){const a=o.width/2,l=o.height/2,s=Math.min(o.width,o.height)/2,f=5;this.ctx.beginPath();for(let x=0;x<f;x++){const c=x*2*Math.PI/f-Math.PI/2,u=a+s*Math.cos(c),g=l+s*Math.sin(c);x===0?this.ctx.moveTo(u,g):this.ctx.lineTo(u,g)}this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawHeart(o){const a=o.width,l=o.height,s=0,f=0;this.ctx.beginPath();const x=l*.3;this.ctx.moveTo(s+a/2,f+x),this.ctx.bezierCurveTo(s+a/2,f,s,f,s,f+x),this.ctx.bezierCurveTo(s,f+(l+x)/2,s+a/2,f+(l+x)/2,s+a/2,f+l),this.ctx.bezierCurveTo(s+a/2,f+(l+x)/2,s+a,f+(l+x)/2,s+a,f+x),this.ctx.bezierCurveTo(s+a,f,s+a/2,f,s+a/2,f+x),this.ctx.closePath(),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawOval(o){const a=o.width/2,l=o.height/2,s=o.width/2,f=o.height/2;this.ctx.beginPath(),this.ctx.ellipse(a,l,s,f,0,0,2*Math.PI),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawRoundedRectangle(o){const a=Math.min(o.width,o.height)*.1;this.drawRoundedRect(0,0,o.width,o.height,a),o.fill&&o.fill!=="transparent"&&(this.ctx.fillStyle=o.fill,this.ctx.fill()),o.stroke&&o.strokeWidth>0&&(this.ctx.strokeStyle=o.stroke,this.ctx.lineWidth=o.strokeWidth,this.ctx.stroke())}drawRoundedRect(o,a,l,s,f){this.ctx.beginPath(),this.ctx.moveTo(o+f,a),this.ctx.lineTo(o+l-f,a),this.ctx.quadraticCurveTo(o+l,a,o+l,a+f),this.ctx.lineTo(o+l,a+s-f),this.ctx.quadraticCurveTo(o+l,a+s,o+l-f,a+s),this.ctx.lineTo(o+f,a+s),this.ctx.quadraticCurveTo(o,a+s,o,a+s-f),this.ctx.lineTo(o,a+f),this.ctx.quadraticCurveTo(o,a,o+f,a),this.ctx.closePath()}async drawQRCode(o){if(o.imageObject)this.ctx.drawImage(o.imageObject,0,0,o.width,o.height);else if(o.src)try{const a=await this.loadImage(o.src);this.ctx.drawImage(a,0,0,o.width,o.height)}catch(a){console.warn("Failed to load QR code image for export:",a),this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("QR Error",o.width/2,o.height/2)}else this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("No QR Data",o.width/2,o.height/2)}async drawBarcode(o){if(o.imageObject)this.ctx.drawImage(o.imageObject,0,0,o.width,o.height);else if(o.src)try{const a=await this.loadImage(o.src);this.ctx.drawImage(a,0,0,o.width,o.height)}catch(a){console.warn("Failed to load barcode image for export:",a),this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Barcode Error",o.width/2,o.height/2)}else this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("No Barcode Data",o.width/2,o.height/2)}drawHorizontalLine(o){this.ctx.save(),o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.strokeStyle=o.stroke||o.fill||"#000000",this.ctx.lineWidth=o.strokeWidth||o.height||2,this.ctx.lineCap="round",this.ctx.beginPath(),this.ctx.moveTo(0,o.height/2),this.ctx.lineTo(o.width,o.height/2),this.ctx.stroke(),this.ctx.restore()}async drawSticker(o){try{let a=null;if(o.imageObject)a=o.imageObject;else if(o.imageData)a=o.imageData;else if(o.src||o.image){const l=o.src||o.image;a=await this.loadImage(l)}else o.data&&o.data.image&&(a=await this.loadImage(o.data.image));a?(o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.drawImage(a,0,0,o.width,o.height)):(this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Sticker",o.width/2,o.height/2))}catch(a){console.warn("Failed to draw sticker:",a),this.ctx.fillStyle="#ffebee",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#f44336",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#f44336",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Error",o.width/2,o.height/2)}}async drawEmbroidery(o){try{let a=null;if(o.imageObject)a=o.imageObject;else if(o.imageData)a=o.imageData;else if(o.src||o.image){const l=o.src||o.image;a=await this.loadImage(l)}else o.data&&o.data.image&&(a=await this.loadImage(o.data.image));a?(o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.drawImage(a,0,0,o.width,o.height)):(this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Embroidery",o.width/2,o.height/2))}catch(a){console.warn("Failed to draw embroidery:",a),this.ctx.fillStyle="#ffebee",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#f44336",this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#f44336",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Error",o.width/2,o.height/2)}}async drawImage(o){try{let a=null;if(o.imageObject&&o.imageObject instanceof HTMLImageElement)a=o.imageObject;else if(o.imageData){if(o.imageData instanceof HTMLImageElement)a=o.imageData;else if(typeof o.imageData=="string")try{a=await this.loadImage(o.imageData)}catch(l){console.warn("Failed to load image from imageData URL:",o.imageData,l),a=await this.loadImageWithFallback(o.imageData)}}else if(o.src)try{a=await this.loadImage(o.src)}catch(l){console.warn("Failed to load image from src:",o.src,l),a=await this.loadImageWithFallback(o.src)}else if(o.image)try{a=await this.loadImage(o.image)}catch(l){console.warn("Failed to load image from image property:",o.image,l),a=await this.loadImageWithFallback(o.image)}a?(o.opacity!==void 0&&(this.ctx.globalAlpha=o.opacity),this.ctx.drawImage(a,0,0,o.width,o.height)):this.drawImagePlaceholder(o)}catch(a){console.error("Failed to draw image element:",a),this.drawImagePlaceholder(o)}}async loadImageWithFallback(o){return new Promise(a=>{const l=new Image;l.onload=()=>a(l),l.onerror=()=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>a(s),s.onerror=()=>{console.warn("All image loading attempts failed for:",o),a(null)},s.src=o},l.src=o})}drawImagePlaceholder(o){this.ctx.fillStyle="#f0f0f0",this.ctx.fillRect(0,0,o.width,o.height),this.ctx.strokeStyle="#ccc",this.ctx.lineWidth=2,this.ctx.strokeRect(0,0,o.width,o.height),this.ctx.fillStyle="#666",this.ctx.font="12px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="middle",this.ctx.fillText("Image",o.width/2,o.height/2-8),this.ctx.fillText("Not Found",o.width/2,o.height/2+8)}async blobToFile(o,a,l="image/png"){return new File([o],a,{type:l,lastModified:Date.now()})}async exportAllSectionsAsJSON(o,a,l,s,f="png",x=null){var w,I;const c=[],u=[],g={};for(const j of a){const b=j.sectionName,z=o[b];if(!z||!z.elements||z.elements.length===0){console.log(`Skipping section ${b} - no elements`);continue}let D=j.image||j.sectionImage;x&&x.sectionImage&&(j.sectionName==="Front"||x.sections&&Object.keys(x.sections).includes(j.sectionName))&&(D=x.sectionImage);const F={...z,backgroundImage:D,sectionImage:D,sectionName:b,selectedColor:z.selectedColor||"#FFFFFF",canvasWidth:l,canvasHeight:s};g[b]=F;const $=await this.exportSectionAsBlob(z,j,l,s,f,!0,x);if($){const W=await this.blobToFile($,`${b}-full.${f}`,`image/${f}`);c.push({sectionName:b,sectionImage:W})}const B=await this.exportSectionAsBlob(z,j,l,s,f,!1,x);if(B){const W=await this.blobToFile(B,`${b}-print.${f}`,`image/${f}`);u.push({sectionName:b,sectionImage:W})}}let C=((w=a[0])==null?void 0:w.image)||((I=a[0])==null?void 0:I.sectionImage);if(x&&x.sectionImage){const j=a[0];j&&(j.sectionName==="Front"||x.sections&&Object.keys(x.sections).includes(j.sectionName))&&(C=x.sectionImage)}const T={sections:g,canvasWidth:l,canvasHeight:s,sectionImage:C,format:f,timestamp:new Date().toISOString(),version:"1.0",...x&&{initData:{sectionImage:x.sectionImage,sections:x.sections?Object.keys(x.sections):[]}},product:{sections:a.map(j=>({sectionName:j.sectionName||j.id,sectionImage:j.image||j.sectionImage,id:j.id||j.sectionName}))}};return{fullDesign:c,printReady:u,designFile:JSON.stringify(T)}}async exportSectionAsBlob(o,a,l,s,f="png",x=!0,c=null){try{if(this.canvas.width=l,this.canvas.height=s,this.ctx.clearRect(0,0,l,s),x){let u=a.image||a.sectionImage;if(c&&c.sectionImage&&(a.sectionName==="Front"||c.sections&&Object.keys(c.sections).includes(a.sectionName))&&(u=c.sectionImage),u)try{const g=await this.loadImage(u);await this.processImageColor(g,o.selectedColor||"#FFFFFF"),this.ctx.drawImage(this.processedImage,0,0,l,s)}catch(g){console.warn("Failed to load background image:",g)}}else this.ctx.clearRect(0,0,l,s);for(const u of o.elements)await this.drawElement(u);return new Promise(u=>{this.canvas.toBlob(u,`image/${f}`,f==="jpeg"?.9:void 0)})}catch(u){return console.error("Error exporting section as blob:",u),null}}async exportCurrentSectionAsJSON(o,a="png",l=null){var I,j,b;const s=((I=o.activeSection)==null?void 0:I.sectionName)||"main";let f=((j=o.activeSection)==null?void 0:j.sectionImage)||((b=o.activeSection)==null?void 0:b.image);l&&l.sectionImage&&(s==="Front"||l.sections&&Object.keys(l.sections).includes(s))&&(f=l.sectionImage);const x={elements:o.elements,selectedColor:o.selectedColor,canvasWidth:o.canvasWidth,canvasHeight:o.canvasHeight,backgroundImage:f,sectionImage:f,sectionName:s,zoomLevel:o.zoomLevel,showGrid:o.showGrid,snapToGrid:o.snapToGrid},c={id:s,sectionName:s,image:f,sectionImage:f},u=[],g=[],C=await this.exportSectionAsBlob(x,c,o.canvasWidth,o.canvasHeight,a,!0,l);if(C){const z=await this.blobToFile(C,`${s}-full.${a}`,`image/${a}`);u.push({sectionName:s,sectionImage:z})}const T=await this.exportSectionAsBlob(x,c,o.canvasWidth,o.canvasHeight,a,!1,l);if(T){const z=await this.blobToFile(T,`${s}-print.${a}`,`image/${a}`);g.push({sectionName:s,sectionImage:z})}const w={sections:{[s]:x},canvasWidth:o.canvasWidth,canvasHeight:o.canvasHeight,sectionImage:f,format:a,timestamp:new Date().toISOString(),version:"1.0",...l&&{initData:{sectionImage:l.sectionImage,sections:l.sections?Object.keys(l.sections):[]}},productInfo:{sections:[{sectionName:s,sectionImage:f,id:s}]}};return{fullDesign:u,printReady:g,designFile:JSON.stringify(w)}}}class si{constructor(o="localStorage"){this.storage=o==="sessionStorage"?sessionStorage:localStorage,this.STORAGE_PREFIX="mypixia_canvas_",this.DESIGNS_LIST_KEY="mypixia_saved_designs"}saveDesign(o,a){var l;try{const s=this.generateDesignId(o),f=new Date().toISOString(),x={id:s,name:o,timestamp:f,version:"1.0",canvasData:{elements:a.elements||[],canvasWidth:a.canvasWidth||800,canvasHeight:a.canvasHeight||600,selectedColor:a.selectedColor||"#FF0000",activeSection:a.activeSection||null,product:a.product||null,sectionDesigns:a.sectionDesigns||{},zoomLevel:a.zoomLevel||1,showGrid:a.showGrid||!1,snapToGrid:a.snapToGrid||!0},metadata:{elementCount:((l=a.elements)==null?void 0:l.length)||0,lastModified:f,thumbnail:a.thumbnail||null}};return this.storage.setItem(this.STORAGE_PREFIX+s,JSON.stringify(x)),this.updateDesignsList(s,o,f),{success:!0,designId:s,message:"Design saved successfully"}}catch(s){return console.error("Error saving design:",s),{success:!1,error:s.message}}}loadDesign(o){try{let a=o;if(!o.startsWith("design_")){const x=this.getAllDesigns().find(c=>c.name===o);if(!x)return{success:!1,error:"Design not found"};a=x.id}const l=this.storage.getItem(this.STORAGE_PREFIX+a);return l?{success:!0,data:JSON.parse(l)}:{success:!1,error:"Design not found"}}catch(a){return console.error("Error loading design:",a),{success:!1,error:a.message}}}getAllDesigns(){try{const o=this.storage.getItem(this.DESIGNS_LIST_KEY);return o?JSON.parse(o):[]}catch(o){return console.error("Error getting designs list:",o),[]}}deleteDesign(o){try{this.storage.removeItem(this.STORAGE_PREFIX+o);const l=this.getAllDesigns().filter(s=>s.id!==o);return this.storage.setItem(this.DESIGNS_LIST_KEY,JSON.stringify(l)),{success:!0,message:"Design deleted successfully"}}catch(a){return console.error("Error deleting design:",a),{success:!1,error:a.message}}}exportDesignAsFile(o){try{const a=this.loadDesign(o);if(!a.success)return a;const l=a.data,s=JSON.stringify(l,null,2),f=new Blob([s],{type:"application/json"}),x=URL.createObjectURL(f),c=document.createElement("a");return c.href=x,c.download=`${l.name}_${l.id}.json`,document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(x),{success:!0,message:"Design exported successfully"}}catch(a){return console.error("Error exporting design:",a),{success:!1,error:a.message}}}importDesignFromFile(o){return new Promise(a=>{try{const l=new FileReader;l.onload=s=>{try{const f=JSON.parse(s.target.result);if(!this.validateDesignData(f)){a({success:!1,error:"Invalid design file format"});return}const x=this.generateDesignId(f.name+"_imported");f.id=x,f.name+="_imported",f.timestamp=new Date().toISOString(),f.metadata.lastModified=f.timestamp,this.storage.setItem(this.STORAGE_PREFIX+x,JSON.stringify(f)),this.updateDesignsList(x,f.name,f.timestamp),a({success:!0,data:f,message:"Design imported successfully"})}catch{a({success:!1,error:"Failed to parse design file"})}},l.readAsText(o)}catch(l){a({success:!1,error:l.message})}})}autoSave(o,a){const l=this.STORAGE_PREFIX+"autosave_"+o;try{const s={timestamp:new Date().toISOString(),canvasData:a};return this.storage.setItem(l,JSON.stringify(s)),!0}catch(s){return console.error("Auto-save failed:",s),!1}}loadAutoSave(o){const a=this.STORAGE_PREFIX+"autosave_"+o;try{const l=this.storage.getItem(a);return l?JSON.parse(l):null}catch(l){return console.error("Failed to load auto-save:",l),null}}clearAutoSave(o){const a=this.STORAGE_PREFIX+"autosave_"+o;this.storage.removeItem(a)}getStorageInfo(){const o=this.getAllDesigns();let a=0;return o.forEach(l=>{const s=this.storage.getItem(this.STORAGE_PREFIX+l.id);s&&(a+=new Blob([s]).size)}),{designCount:o.length,totalSize:a,totalSizeFormatted:this.formatBytes(a),storageLimit:this.getStorageLimit()}}clearAllDesigns(){try{return this.getAllDesigns().forEach(a=>{this.storage.removeItem(this.STORAGE_PREFIX+a.id)}),this.storage.removeItem(this.DESIGNS_LIST_KEY),{success:!0,message:"All designs cleared"}}catch(o){return{success:!1,error:o.message}}}generateDesignId(o){const a=Date.now(),l=Math.random().toString(36).substring(2,8);return`design_${a}_${l}`}updateDesignsList(o,a,l){const s=this.getAllDesigns(),f=s.findIndex(c=>c.id===o),x={id:o,name:a,timestamp:l,lastModified:l};f>=0?s[f]=x:s.push(x),s.sort((c,u)=>new Date(u.timestamp)-new Date(c.timestamp)),this.storage.setItem(this.DESIGNS_LIST_KEY,JSON.stringify(s))}validateDesignData(o){return o&&o.id&&o.name&&o.canvasData&&Array.isArray(o.canvasData.elements)}formatBytes(o){if(o===0)return"0 Bytes";const a=1024,l=["Bytes","KB","MB","GB"],s=Math.floor(Math.log(o)/Math.log(a));return parseFloat((o/Math.pow(a,s)).toFixed(2))+" "+l[s]}getStorageLimit(){try{if("storage"in navigator&&"estimate"in navigator.storage)return navigator.storage.estimate().then(o=>o.quota)}catch{console.warn("Unable to estimate storage quota")}return"Unknown"}}const le=y.forwardRef((d,o)=>{const{theme:a={primaryColor:"#000000",secondaryColor:"#cf7e52",tertiaryColor:"#FFFFFF"},readOnly:l=!1,product:s={name:"Premium Crew Neck T-Shirt",category:"Tshirts",description:"Men's crew neck t-shirts",plainColor:"N",mainImage:"https://static.mypixia.com/dev/products/7/e011a73a-f20a-489b-bea8-91a23da56fc4.png",colorSettings:["#FF0000","#0000FF","#008000","#000000","#FFFFFF","#808080","#FFFF00"],sections:[{sectionName:"Front",sectionImage:"https://static.mypixia.com/prod/products/96ca4acb-c426-4619-a2c4-7acd95b78451.png"},{sectionName:"Sleeve-left",sectionImage:"https://static.mypixia.com/prod/products/27b8c138-af4e-4ea0-833d-88b10fbd3cf7.png"},{sectionName:"Back",sectionImage:"https://static.mypixia.com/prod/products/d4c53776-7b7d-41c5-a6b5-2bf5876cd26e.png"}]},initFile:f,initDesignContent:x}=d,[c,u]=y.useState([]),[g,C]=y.useState(null),[T,w]=y.useState(!1),[I,j]=y.useState(!1),[b,z]=y.useState(!1),[D,F]=y.useState({x:0,y:0}),[$,B]=y.useState(null),[W,ot]=y.useState(800),[U,nt]=y.useState(600),[q,it]=y.useState(1),[Y,O]=y.useState(s.colorSettings[0]),[J,rt]=y.useState(!1),[K,et]=y.useState(!0),[M,G]=y.useState(!0),[N,m]=y.useState(s.sections[0]),[A,Q]=y.useState(!1),[_,Z]=y.useState({}),[V,ct]=y.useState([]),[H,P]=y.useState(-1),[st]=y.useState(new si("localStorage")),dt=y.useRef(null),It=y.useRef(null),wt=y.useRef(null),ut=y.useRef(null),Mt=y.useRef(null),At=y.useRef(new ai),Rt=y.useRef(!1),[ht,Lt]=y.useState(null),at=y.useCallback(()=>{const e={elements:JSON.parse(JSON.stringify(c)),selectedElement:g?{...g}:null,timestamp:Date.now()},t=V.slice(0,H+1);t.push(e),t.length>50?t.shift():P(H+1),ct(t)},[c,g,V,H]),bt=y.useCallback(()=>({elements:c,canvasWidth:W,canvasHeight:U,selectedColor:Y,activeSection:N,product:s,sectionDesigns:_,zoomLevel:q,showGrid:J,snapToGrid:M,selectedElement:g?{...g}:null,canvasRef:dt}),[c,W,U,Y,N,s,_,q,J,M,g]),Pt=e=>{if(e.sections&&typeof e.sections=="object"){const t=Object.keys(e.sections)[0],r=e.sections[t];if(r&&r.elements){u(r.elements||[]),ot(r.canvasWidth||800),nt(r.canvasHeight||600),O(r.selectedColor||s.colorSettings[0]),it(r.zoomLevel||1),rt(r.showGrid||!1),G(r.snapToGrid||!0),C(null),e.sections&&Z(e.sections);const n=s.sections.find(h=>h.sectionName===t);n&&m(n),ct([]),P(-1),setTimeout(()=>{at()},100);return}}};y.useEffect(()=>{const t=setTimeout(async()=>{if(c.length===0&&V.length<=1)if(x)try{const r=JSON.parse(x);console.log("Loading design from content in memory:",r),Lt(r),Pt(r)}catch(r){console.error("Error loading design file:",r),console.warn("Using default text instead")}else if(f)try{const r=await fetch(f);if(r.ok){const n=await r.text();if(n.trim()){const h=JSON.parse(n.trim());console.log("Loading design from file:",h),Lt(h),Pt(h)}}else console.warn("Failed to load design file, using default text")}catch(r){console.error("Error loading design file:",r),console.warn("Using default text instead")}else{const n="Arial",h="Change me",v=document.createElement("canvas").getContext("2d");v.font=`24px ${n}`;const k=v.measureText(h).width,R={id:lt(),type:"text",x:W/2-k/2,y:U/2-24/2,width:k,height:24,text:h,fontSize:24,fontFamily:n,fontWeight:"normal",fontStyle:"normal",textAlign:"left",fill:"#000000",stroke:"",strokeWidth:0,rotation:0,opacity:1};u([R]),C(R),setTimeout(()=>{at()},100)}},300);return()=>clearTimeout(t)},[f,x,s.colorSettings,s.sections]);const Et=y.useCallback((e="png",t=!0)=>{const r=bt();return s.sections,At.current.exportAllSections({[(N==null?void 0:N.sectionName)||"main"]:r},[{id:(N==null?void 0:N.sectionName)||"main",sectionName:(N==null?void 0:N.sectionName)||"main",image:N==null?void 0:N.sectionImage,sectionImage:N==null?void 0:N.sectionImage}],W,U,e,t,ht)},[bt,s.sections,N,W,U]),ne=["Arial","Helvetica","Times New Roman","Georgia","Verdana","Courier New","Tahoma","Trebuchet MS","Impact","Comic Sans MS","Palatino","Garamond","Bookman","Avant Garde","Century Gothic"],Tt=20;y.useEffect(()=>{const e=()=>Q(window.innerWidth<768);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),y.useEffect(()=>{const e=document.createElement("canvas");e.width=W,e.height=U,Mt.current=e},[W,U]),y.useEffect(()=>{V.length===0&&at()},[]);const jt=(e,t,r,n,h,p)=>{e.beginPath(),e.moveTo(t+p,r),e.lineTo(t+n-p,r),e.quadraticCurveTo(t+n,r,t+n,r+p),e.lineTo(t+n,r+h-p),e.quadraticCurveTo(t+n,r+h,t+n-p,r+h),e.lineTo(t+p,r+h),e.quadraticCurveTo(t,r+h,t,r+h-p),e.lineTo(t,r+p),e.quadraticCurveTo(t,r,t+p,r),e.closePath()},Ut=(e,t)=>{if(!t.isIcon)return{x:t.x,y:t.y,width:t.width,height:t.height,cx:t.x+t.width/2,cy:t.y+t.height/2};e.save(),e.font=`${t.fontStyle||""} ${t.fontWeight||""} ${t.fontSize}px ${t.fontFamily}`,e.textBaseline="alphabetic",e.textAlign="left";const r=e.measureText(t.text),n=r.actualBoundingBoxAscent??t.fontSize*.8,h=r.actualBoundingBoxDescent??t.fontSize*.2,p=r.actualBoundingBoxLeft??0,v=r.actualBoundingBoxRight??r.width,S=p+v,k=n+h,R=t.x,E=t.y,L=R-S/2-p,tt=E-k/2-n;return e.restore(),{x:L,y:tt,width:S,height:k,cx:R,cy:E}},ce=(e,t)=>{if(!t)return;const r=8,n=8,h=4,p=30,v=Ut(e,t),S=t.isIcon?Math.max(r,12):r,k={x:-v.width/2-S,y:-v.height/2-S,w:v.width+S*2,h:v.height+S*2};e.save(),e.translate(v.cx,v.cy),t.rotation&&e.rotate(t.rotation*Math.PI/180);const R=e.createLinearGradient(k.x,k.y,k.x+k.w,k.y+k.h);R.addColorStop(0,"#3b82f6"),R.addColorStop(.5,"#1d4ed8"),R.addColorStop(1,"#3b82f6"),e.strokeStyle="rgba(59,130,246,.3)",e.lineWidth=3,jt(e,k.x-1,k.y-1,k.w+2,k.h+2,h+1),e.stroke(),e.strokeStyle=R,e.lineWidth=2,e.setLineDash([8,4]),jt(e,k.x,k.y,k.w,k.h,h),e.stroke(),e.lineDashOffset=-(Date.now()/50)%12,e.strokeStyle="#ffffff",e.lineWidth=1,e.setLineDash([4,8]),jt(e,k.x,k.y,k.w,k.h,h),e.stroke(),e.setLineDash([]),e.lineDashOffset=0,[{x:k.x,y:k.y},{x:k.x+k.w,y:k.y},{x:k.x+k.w,y:k.y+k.h},{x:k.x,y:k.y+k.h}].forEach(tt=>{e.fillStyle="rgba(0,0,0,.2)",e.fillRect(tt.x-n/2+1,tt.y-n/2+1,n,n),e.fillStyle="#ffffff",e.fillRect(tt.x-n/2,tt.y-n/2,n,n),e.strokeStyle="#3b82f6",e.lineWidth=1,e.strokeRect(tt.x-n/2,tt.y-n/2,n,n)});const E=0,L=k.y-p;e.strokeStyle="#3b82f6",e.lineWidth=1,e.setLineDash([2,2]),e.beginPath(),e.moveTo(E,L+12),e.lineTo(E,k.y),e.stroke(),e.setLineDash([]),e.beginPath(),e.arc(E,L,12,0,2*Math.PI),e.fillStyle="#f59e0b",e.fill(),e.strokeStyle="#ffffff",e.lineWidth=2,e.stroke(),e.strokeStyle="#ffffff",e.lineWidth=2,e.beginPath(),e.arc(E,L,6,-Math.PI/2,Math.PI,!1),e.stroke(),e.beginPath(),e.moveTo(E-6,L),e.lineTo(E-3,L-3),e.lineTo(E-3,L+3),e.closePath(),e.fillStyle="#ffffff",e.fill(),e.restore()},de=(e,t)=>{if(!t)return[];const r=Ut(e,t),n=t.isIcon?Math.max(8,12):8,h=8,p=30,v=(t.rotation||0)*Math.PI/180,S={x:-r.width/2-n,y:-r.height/2-n,w:r.width+n*2,h:r.height+n*2},k=[{x:S.x,y:S.y,type:"nw-resize"},{x:S.x+S.w,y:S.y,type:"ne-resize"},{x:S.x+S.w,y:S.y+S.h,type:"se-resize"},{x:S.x,y:S.y+S.h,type:"sw-resize"},{x:0,y:S.y-p,type:"rotate"}],R=Math.cos(v),E=Math.sin(v);return k.map(L=>({x:r.cx+(L.x*R-L.y*E),y:r.cy+(L.x*E+L.y*R),type:L.type,size:L.type==="rotate"?24:h}))},Ot=(e,t,r)=>{if(!r)return null;const n=dt.current;if(!n)return null;const h=n.getContext("2d"),p=de(h,r);for(const v of p){const S=e-v.x,k=t-v.y;if(Math.sqrt(S*S+k*k)<=v.size/2)return v.type}return null},vt=y.useCallback(()=>{if(H>0){const e=V[H-1];u(e.elements),C(e.selectedElement),P(H-1)}},[V,H]),mt=y.useCallback(()=>{if(H<V.length-1){const e=V[H+1];u(e.elements),C(e.selectedElement),P(H+1)}},[V,H]),xt=e=>M?Math.round(e/Tt)*Tt:e;y.useEffect(()=>{if(N!=null&&N.sectionImage){wt.current=null,ut.current=null;const e=dt.current;if(e&&e.getContext("2d").clearRect(0,0,W,U),f&&!ht)return;const t=new Image;t.crossOrigin="anonymous",t.onload=()=>{wt.current=t,qt(t,Y)},t.onerror=()=>{console.error("Failed to load background image:",N.sectionImage),X()};let r=N.sectionImage;ht&&ht.sectionImage&&(N.sectionName==="Front"||ht.sections&&Object.keys(ht.sections).includes(N.sectionName))&&(r=ht.sectionImage),t.src=r}else wt.current=null,ut.current=null,X()},[N,Y,ht]),y.useEffect(()=>{const e=t=>{const r=document.activeElement;if(!(r&&(r.tagName==="INPUT"||r.tagName==="TEXTAREA"||r.tagName==="SELECT"||r.isContentEditable))){if((t.key==="Delete"||t.key==="Backspace")&&g&&!l){t.preventDefault();const h=g;u(p=>p.filter(v=>v.id!==h.id)),C(null),at()}if(t.ctrlKey||t.metaKey)switch(t.key){case"z":t.shiftKey?(t.preventDefault(),mt()):(t.preventDefault(),vt());break;case"y":t.preventDefault(),mt();break}}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[g,l,vt,mt,at]);const fe=e=>{const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null},lt=()=>`element_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,he=e=>{e.strokeStyle="#e0e0e0",e.lineWidth=1,e.setLineDash([1,1]);for(let t=0;t<=W;t+=Tt)e.beginPath(),e.moveTo(t,0),e.lineTo(t,U),e.stroke();for(let t=0;t<=U;t+=Tt)e.beginPath(),e.moveTo(0,t),e.lineTo(W,t),e.stroke();e.setLineDash([])},ge=(e,t)=>{e.save();const r=t.x+t.width/2,n=t.y+t.height/2;switch(e.translate(r,n),t.rotation&&e.rotate(t.rotation*Math.PI/180),e.translate(-t.width/2,-t.height/2),t.type){case"text":ue(e,t);break;case"rectangle":me(e,t);break;case"circle":pe(e,t);break;case"triangle":we(e,t);break;case"star":be(e,t);break;case"arrow":ve(e,t);break;case"diamond":ke(e,t);break;case"hexagon":Se(e,t);break;case"pentagon":Fe(e,t);break;case"heart":Ce(e,t);break;case"oval":Te(e,t);break;case"roundedRectangle":je(e,t);break;case"image":Ie(e,t);break;case"qrcode":ye(e,t);break;case"barcode":xe(e,t);break;case"sticker":Ae(e,t);break;case"horizontalLine":Ne(e,t);break;case"embroidery":Re(e,t);break}e.restore()},xe=(e,t)=>{if(t.imageObject)e.drawImage(t.imageObject,0,0,t.width,t.height);else if(t.src&&!t.imageLoading){t.imageLoading=!0;const r=new Image;r.onload=()=>{u(n=>n.map(h=>h.id===t.id?{...h,imageObject:r,imageLoading:!1}:h))},r.onerror=()=>{u(n=>n.map(h=>h.id===t.id?{...h,imageLoading:!1}:h))},r.src=t.src,e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading...",t.width/2,t.height/2)}else t.imageLoading?(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading...",t.width/2,t.height/2)):(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("No Barcode",t.width/2,t.height/2))},ye=(e,t)=>{if(t.imageObject)e.drawImage(t.imageObject,0,0,t.width,t.height);else if(t.src&&!t.imageLoading){t.imageLoading=!0;const r=new Image;r.onload=()=>{u(n=>n.map(h=>h.id===t.id?{...h,imageObject:r,imageLoading:!1}:h))},r.onerror=()=>{u(n=>n.map(h=>h.id===t.id?{...h,imageLoading:!1}:h))},r.src=t.src,e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading QR...",t.width/2,t.height/2)}else t.imageLoading?(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading QR...",t.width/2,t.height/2)):(e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("No QR Data",t.width/2,t.height/2))},ue=(e,t)=>{e.save();let r=t.text||"Text";if(t.textTransform)switch(t.textTransform){case"uppercase":r=r.toUpperCase();break;case"lowercase":r=r.toLowerCase();break;case"capitalize":r=r.replace(/\b\w/g,S=>S.toUpperCase());break}e.font=`${t.fontStyle||"normal"} ${t.fontWeight||"normal"} ${t.fontSize||20}px ${t.fontFamily||"Arial"}`,e.fillStyle=t.fill||"#000000",e.textAlign=t.textAlign||"left",e.textBaseline="top",t.opacity!==void 0&&(e.globalAlpha=t.opacity),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth);const n=r.split(`
+`),h=(t.fontSize||20)*(t.lineHeight||1.2),p=Math.max(...n.map(S=>e.measureText(S).width)),v=n.length*h;if(t.backgroundColor&&t.backgroundColor!=="transparent"){e.fillStyle=t.backgroundColor;const S=t.backgroundPadding||4;e.fillRect(-S,-S,p+S*2,v+S*2),e.fillStyle=t.fill||"#000000"}n.forEach((S,k)=>{const R=k*h,E=e.measureText(S).width;t.stroke&&t.strokeWidth>0&&e.strokeText(S,0,R),e.fillText(S,0,R);const L=t.fontSize||20,tt=t.decorationColor||t.fill||"#000000",ft=Math.max(1,L/20);if(e.strokeStyle=tt,e.lineWidth=ft,t.textDecoration==="underline"||t.underline){const yt=R+L+2;e.beginPath(),e.moveTo(0,yt),e.lineTo(E,yt),e.stroke()}if(t.textDecoration==="overline"||t.overline){const yt=R-2;e.beginPath(),e.moveTo(0,yt),e.lineTo(E,yt),e.stroke()}if(t.textDecoration==="line-through"||t.strikethrough){const yt=R+L/2;e.beginPath(),e.moveTo(0,yt),e.lineTo(E,yt),e.stroke()}typeof t.textDecoration=="string"&&t.textDecoration.includes(" ")&&t.textDecoration.split(" ").forEach(Oe=>{switch(Oe.trim()){case"underline":const Kt=R+L+2;e.beginPath(),e.moveTo(0,Kt),e.lineTo(E,Kt),e.stroke();break;case"overline":const Zt=R-2;e.beginPath(),e.moveTo(0,Zt),e.lineTo(E,Zt),e.stroke();break;case"line-through":const te=R+L/2;e.beginPath(),e.moveTo(0,te),e.lineTo(E,te),e.stroke();break}})}),e.restore()},me=(e,t)=>{t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fillRect(0,0,t.width,t.height)),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.strokeRect(0,0,t.width,t.height))},pe=(e,t)=>{const r=Math.min(t.width,t.height)/2,n=t.width/2,h=t.height/2;e.beginPath(),e.arc(n,h,r,0,2*Math.PI),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},we=(e,t)=>{const r=t.width/2;t.height/2,e.beginPath(),e.moveTo(r,0),e.lineTo(0,t.height),e.lineTo(t.width,t.height),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},be=(e,t)=>{const r=t.width/2,n=t.height/2,h=Math.min(t.width,t.height)/2,p=h*.4,v=t.numPoints||5;e.beginPath();for(let S=0;S<v*2;S++){const k=S%2===0?h:p,R=S*Math.PI/v,E=r+Math.cos(R)*k,L=n+Math.sin(R)*k;S===0?e.moveTo(E,L):e.lineTo(E,L)}e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},ve=(e,t)=>{const r=t.width,n=t.height,h=r*.3;e.beginPath(),e.moveTo(r/2,0),e.lineTo(r,n*.6),e.lineTo(r-h,n*.6),e.lineTo(r-h,n),e.lineTo(h,n),e.lineTo(h,n*.6),e.lineTo(0,n*.6),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},ke=(e,t)=>{const r=t.width/2,n=t.height/2;e.beginPath(),e.moveTo(r,0),e.lineTo(t.width,n),e.lineTo(r,t.height),e.lineTo(0,n),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Se=(e,t)=>{const r=t.width/2,n=t.height/2,h=Math.min(t.width,t.height)/2,p=6;e.beginPath();for(let v=0;v<p;v++){const S=v*2*Math.PI/p-Math.PI/2,k=r+h*Math.cos(S),R=n+h*Math.sin(S);v===0?e.moveTo(k,R):e.lineTo(k,R)}e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Fe=(e,t)=>{const r=t.width/2,n=t.height/2,h=Math.min(t.width,t.height)/2,p=5;e.beginPath();for(let v=0;v<p;v++){const S=v*2*Math.PI/p-Math.PI/2,k=r+h*Math.cos(S),R=n+h*Math.sin(S);v===0?e.moveTo(k,R):e.lineTo(k,R)}e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Ce=(e,t)=>{const r=t.width,n=t.height,h=0,p=0;e.beginPath();const v=n*.3;e.moveTo(h+r/2,p+v),e.bezierCurveTo(h+r/2,p,h,p,h,p+v),e.bezierCurveTo(h,p+(n+v)/2,h+r/2,p+(n+v)/2,h+r/2,p+n),e.bezierCurveTo(h+r/2,p+(n+v)/2,h+r,p+(n+v)/2,h+r,p+v),e.bezierCurveTo(h+r,p,h+r/2,p,h+r/2,p+v),e.closePath(),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Te=(e,t)=>{const r=t.width/2,n=t.height/2,h=t.width/2,p=t.height/2;e.beginPath(),e.ellipse(r,n,h,p,0,0,2*Math.PI),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},je=(e,t)=>{const r=Math.min(t.width,t.height)*.1;jt(e,0,0,t.width,t.height,r),t.fill&&t.fill!=="transparent"&&(e.fillStyle=t.fill,e.fill()),t.stroke&&t.strokeWidth>0&&(e.strokeStyle=t.stroke,e.lineWidth=t.strokeWidth,e.stroke())},Ne=(e,t)=>{e.save(),t.opacity!==void 0&&(e.globalAlpha=t.opacity),e.strokeStyle=t.stroke||t.fill||"#000000",e.lineWidth=t.strokeWidth||t.height||2,e.lineCap="round",e.beginPath(),e.moveTo(0,t.height/2),e.lineTo(t.width,t.height/2),e.stroke(),e.restore()},Ie=(e,t)=>{const r=t.src||t.imageData;if(r)try{if(r instanceof HTMLImageElement){if(r.complete&&r.naturalWidth>0&&r.naturalHeight>0){e.drawImage(r,0,0,t.width,t.height);return}}else if(typeof r=="string"&&r.length>0){if(t._imageElement||(t._imageElement=new Image,t._imageElement.crossOrigin="anonymous",t._imageElement.onload=()=>{X()},t._imageElement.onerror=()=>{console.error("Failed to load image:",r),t._imageLoadError=!0,X()},t._imageElement.src=r),t._imageElement.complete&&t._imageElement.naturalWidth>0&&t._imageElement.naturalHeight>0){e.drawImage(t._imageElement,0,0,t.width,t.height);return}if(t._imageLoadError){e.fillStyle="#ffebee",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#f44336",e.lineWidth=2,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#f44336",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Error loading image",t.width/2,t.height/2);return}}e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.lineWidth=1,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Loading...",t.width/2,t.height/2)}catch(n){console.error("Error drawing image:",n),e.fillStyle="#ffebee",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#f44336",e.lineWidth=2,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#f44336",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("Error loading image",t.width/2,t.height/2)}else e.fillStyle="#f8f8f8",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ddd",e.lineWidth=1,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#999",e.font="14px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("No Image",t.width/2,t.height/2)},Ae=(e,t)=>{if(t.src&&!t.imageLoading&&!t.loadedImage){t.imageLoading=!0;const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{t.loadedImage=r,t.imageLoading=!1,X()},r.onerror=()=>{console.error("Failed to load sticker:",t.src),t.imageLoading=!1,e.fillStyle="#f0f0f0",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ccc",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#666",e.font="12px Arial",e.textAlign="center",e.fillText("Failed to load",t.width/2,t.height/2)},r.src=t.src}else t.loadedImage?e.drawImage(t.loadedImage,0,0,t.width,t.height):t.imageLoading&&(e.fillStyle="#f8f9fa",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#dee2e6",e.strokeRect(0,0,t.width,t.height),e.fillStyle="#6c757d",e.font="12px Arial",e.textAlign="center",e.fillText("Loading...",t.width/2,t.height/2))},Re=(e,t)=>{if(t.imageObject&&t.imageObject.complete&&t.imageObject.naturalHeight!==0)try{e.drawImage(t.imageObject,0,0,t.width,t.height)}catch(r){console.error("Error drawing embroidery image:",r),kt(e,t,"Error loading image")}else if(t.src&&!t.imageLoading){t.imageLoading=!0;const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{r.complete&&r.naturalHeight!==0?(t.imageObject=r,t.imageLoading=!1,X()):(t.imageLoading=!1,console.error("Image loaded but is invalid:",t.src))},r.onerror=()=>{t.imageLoading=!1,console.error("Failed to load embroidery image:",t.src),kt(e,t,"Failed to load")},r.src=t.src,kt(e,t,"Loading...")}else t.imageLoading?kt(e,t,"Loading..."):kt(e,t)},kt=(e,t,r="Embroidery")=>{e.fillStyle="#f9f9f9",e.fillRect(0,0,t.width,t.height),e.strokeStyle="#ddd",e.lineWidth=2,e.strokeRect(0,0,t.width,t.height),e.fillStyle="#999",e.font="24px Arial",e.textAlign="center",e.textBaseline="middle",e.fillText("🧵",t.width/2,t.height/2-10),e.fillStyle="#666",e.font="12px Arial",e.fillText(r,t.width/2,t.height/2+15)},Qt=(e,t,r)=>{if(!r)return!1;const n=r.x+r.width/2,h=r.y+r.height/2,p=e-n,v=t-h,S=-(r.rotation||0)*Math.PI/180,k=Math.cos(S),R=Math.sin(S),E=p*k-v*R,L=p*R+v*k,tt=r.width/2,ft=r.height/2;return E>=-tt&&E<=tt&&L>=-ft&&L<=ft},Ee=y.useCallback(()=>{(T||I||b)&&at(),w(!1),j(!1),z(!1),B(null);const e=dt.current;e&&(e.style.cursor="default")},[T,I,b,at]);y.useEffect(()=>{const e=t=>{if(l)return;const r=document.activeElement;if(!(r&&(r.tagName==="INPUT"||r.tagName==="TEXTAREA"||r.tagName==="SELECT"||r.isContentEditable))&&((t.ctrlKey||t.metaKey)&&(t.key==="z"&&!t.shiftKey?(t.preventDefault(),vt()):(t.key==="z"&&t.shiftKey||t.key==="y")&&(t.preventDefault(),mt())),(t.key==="Delete"||t.key==="Backspace")&&g&&(Dt(g.id),t.preventDefault()),(t.ctrlKey||t.metaKey)&&t.key==="d"&&g&&(Ht(g.id),t.preventDefault()),g&&["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key))){t.preventDefault();const h=t.shiftKey?10:1;let p={};switch(t.key){case"ArrowUp":p.y=g.y-h;break;case"ArrowDown":p.y=g.y+h;break;case"ArrowLeft":p.x=g.x-h;break;case"ArrowRight":p.x=g.x+h;break}$t(g.id,p),at()}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[g,vt,mt,l]);const De=(e,t={})=>{const r={id:lt(),type:e,x:50,y:50,width:100,height:100,fill:"#000000",stroke:"#000000",strokeWidth:0,rotation:0,...t};switch(e){case"text":r.id=lt(),r.text=t.text||"New Text",r.fontSize=t.fontSize||20,r.fontFamily=t.fontFamily||"Arial",r.fontWeight=t.fontWeight||"normal",r.fontStyle=t.fontStyle||"normal",r.textAlign=t.textAlign||"left",r.width=150,r.height=50;break;case"icon":r.id=lt(),r.text=t.text||"🎯",r.fontSize=t.fontSize||48,r.fontFamily=t.fontFamily||"Arial",r.fontWeight=t.fontWeight||"normal",r.fontStyle=t.fontStyle||"normal",r.textAlign="center",r.width=80,r.height=80,r.iconData=t.iconData||null,r.type="text",r.isIcon=!0;break;case"image":r.id=lt(),r.imageData=t.imageData||null,r.width=t.width||200,r.height=t.height||200;break;case"qrcode":r.id=lt(),r.type="qrcode",r.x=(t==null?void 0:t.x)||W/2-((t==null?void 0:t.width)||100)/2,r.y=(t==null?void 0:t.y)||U/2-((t==null?void 0:t.height)||100)/2,r.width=(t==null?void 0:t.width)||100,r.height=(t==null?void 0:t.height)||100,r.src=(t==null?void 0:t.src)||"",r.data=(t==null?void 0:t.data)||"",r.rotation=0,r.opacity=1;break;case"barcode":r.id=lt(),r.type="barcode",r.x=(t==null?void 0:t.x)||W/2-((t==null?void 0:t.width)||200)/2,r.y=(t==null?void 0:t.y)||U/2-((t==null?void 0:t.height)||100)/2,r.width=(t==null?void 0:t.width)||200,r.height=(t==null?void 0:t.height)||100,r.src=(t==null?void 0:t.src)||"",r.data=(t==null?void 0:t.data)||"",r.format=(t==null?void 0:t.format)||"CODE128",r.rotation=0,r.opacity=1,r.imageObject=(t==null?void 0:t.imageObject)||null;break;case"sticker":r.id=lt(),r.type="sticker",r.imageData=(t==null?void 0:t.imageData)||null,r.width=t.width||200,r.height=t.height||200;break;case"horizontalLine":r.id=lt(),r.type="horizontalLine",r.x=W/2-100,r.y=U/2-1,r.width=200,r.height=2,r.fill="#000000",r.stroke="#000000",r.strokeWidth=2,r.rotation=0,r.opacity=1;break;case"embroidery":r.id=lt(),r.type="embroidery",r.imageData=(t==null?void 0:t.imageData)||null,r.width=t.width||200,r.height=t.height||200;break;case"rectangle":case"circle":case"triangle":case"star":case"arrow":case"diamond":case"hexagon":case"pentagon":case"heart":case"oval":case"roundedRectangle":break;default:console.warn(`Unknown element type: ${e}`);return}u(n=>[...n,r]),C(r),at()},$t=(e,t)=>{u(r=>r.map(n=>n.id===e?{...n,...t}:n)),g&&g.id===e&&C(r=>({...r,...t}))},Dt=y.useCallback(()=>{g&&(u(e=>e.filter(t=>t.id!==g.id)),C(null),at())},[g,at]),Ht=e=>{const t=c.find(r=>r.id===e);if(t){const r={...t,id:lt(),x:t.x+20,y:t.y+20};u(n=>[...n,r]),C(r),at()}},Gt=(e,t)=>{const r=c.findIndex(p=>p.id===e);if(r===-1)return;const n=[...c],h=n[r];t==="up"&&r<n.length-1?(n[r]=n[r+1],n[r+1]=h):t==="down"&&r>0?(n[r]=n[r-1],n[r-1]=h):t==="top"?(n.splice(r,1),n.push(h)):t==="bottom"&&(n.splice(r,1),n.unshift(h)),u(n),at()};y.useCallback(()=>{N&&Z(e=>({...e,[N.sectionName]:{elements:[...c],selectedColor:Y}}))},[N,c,Y]);const[,Be]=y.useReducer(e=>e+1,0);setTimeout(()=>{Be()},20);const ze=y.useCallback(()=>{N&&Z(e=>({...e,[N.sectionName]:{elements:[...c],selectedColor:Y}}))},[N,c,Y]);y.useImperativeHandle(o,()=>({handleSectionChange:_t,flushCurrentSectionDesign:ze,exportPrintReady:async(e="png")=>await Et(e,!1),exportFullDesign:async(e="png")=>await Et(e,!0),exportDesign:Et,getCanvasData:()=>bt(),exportAllDesignsAsJSON:async(e="png")=>{try{const t=bt(),r=(N==null?void 0:N.sectionName)||"main",n={elements:t.elements,selectedColor:t.selectedColor,canvasWidth:t.canvasWidth,canvasHeight:t.canvasHeight},h={...t.sectionDesigns||{},[r]:n},p=s.sections&&s.sections.length>0?s.sections:[{id:r,sectionName:r,image:N==null?void 0:N.sectionImage,sectionImage:N==null?void 0:N.sectionImage}];return await At.current.exportAllSectionsAsJSON(h,p,W,U,e,ht)}catch(t){throw console.error("Export as JSON failed:",t),t}},exportCurrentSectionAsJSON:async(e="png")=>{try{const t=bt();return await At.current.exportCurrentSectionAsJSON(t,e,ht)}catch(t){throw console.error("Export current section as JSON failed:",t),t}}}));const gt=y.useRef(null),Bt=y.useRef(!1),X=y.useCallback(()=>{const e=dt.current;if(!e||Bt.current)return;Bt.current=!0;const t=e.getContext("2d");t.clearRect(0,0,W,U),ut.current&&t.drawImage(ut.current,0,0,W,U),J&&he(t),c.forEach(r=>{t.save(),t.globalAlpha=r.opacity||1,ge(t,r),t.restore()}),g&&ce(t,g),Bt.current=!1},[c,g,W,U,J]),pt=y.useCallback(()=>{gt.current&&cancelAnimationFrame(gt.current),gt.current=requestAnimationFrame(()=>{X(),gt.current=null})},[X]);y.useEffect(()=>{pt()},[c,g,W,U,J,pt]),y.useEffect(()=>{ut.current&&pt()},[ut.current,pt]),y.useEffect(()=>()=>{gt.current&&cancelAnimationFrame(gt.current)},[]);const zt=y.useCallback(()=>{X(),(T||I||b)&&(gt.current=requestAnimationFrame(zt))},[X,T,I,b]);y.useEffect(()=>{T||I||b?zt():(gt.current&&(cancelAnimationFrame(gt.current),gt.current=null),pt())},[T,I,b,zt,pt]);const We=y.useCallback(e=>{if(l)return;const r=dt.current.getBoundingClientRect(),n=(e.clientX-r.left)/q,h=(e.clientY-r.top)/q;if(F({x:n,y:h}),g){const v=Ot(n,h,g);if(v){if(v==="rotate"){z(!0);const S=g.x+g.width/2,k=g.y+g.height/2,R=Math.atan2(h-k,n-S)*180/Math.PI;F({x:n,y:h,initialAngle:R,initialRotation:g.rotation||0})}else j(!0),B(v),F({x:n,y:h,initialWidth:g.width,initialHeight:g.height,initialX:g.x,initialY:g.y});return}}let p=null;for(let v=c.length-1;v>=0;v--)if(Qt(n,h,c[v])){p=c[v];break}p?(C(p),w(!0),F({x:n,y:h,offsetX:n-p.x,offsetY:h-p.y})):C(null),X()},[l,q,g,c,X]),Me=y.useCallback(e=>{if(l)return;const t=dt.current,r=t.getBoundingClientRect(),n=(e.clientX-r.left)/q,h=(e.clientY-r.top)/q;if(g&&!T&&!I&&!b){const p=Ot(n,h,g);p?p==="rotate"?t.style.cursor="grab":t.style.cursor=p:Qt(n,h,g)?t.style.cursor="move":t.style.cursor="default"}else t.style.cursor=T?"grabbing":"default";if(b&&g){const p=g.x+g.width/2,v=g.y+g.height/2,k=Math.atan2(h-v,n-p)*180/Math.PI-D.initialAngle;let R=D.initialRotation+k;e.shiftKey&&(R=Math.round(R/15)*15),R=(R%360+360)%360,u(E=>E.map(L=>L.id===g.id?{...L,rotation:R}:L)),C(E=>({...E,rotation:R})),X();return}if(I&&g&&$){const p=n-D.x,v=h-D.y;let S=D.initialWidth,k=D.initialHeight,R=D.initialX,E=D.initialY;switch($){case"se-resize":S=Math.max(20,D.initialWidth+p),k=Math.max(20,D.initialHeight+v);break;case"sw-resize":S=Math.max(20,D.initialWidth-p),k=Math.max(20,D.initialHeight+v),R=D.initialX+(D.initialWidth-S);break;case"ne-resize":S=Math.max(20,D.initialWidth+p),k=Math.max(20,D.initialHeight-v),E=D.initialY+(D.initialHeight-k);break;case"nw-resize":S=Math.max(20,D.initialWidth-p),k=Math.max(20,D.initialHeight-v),R=D.initialX+(D.initialWidth-S),E=D.initialY+(D.initialHeight-k);break}if(e.shiftKey&&g.type!=="text"){const tt=D.initialWidth/D.initialHeight;$.includes("e"),k=S/tt,$.includes("n")&&(E=D.initialY+(D.initialHeight-k))}M&&(R=xt(R),E=xt(E),S=xt(S),k=xt(k));const L={...g,x:R,y:E,width:S,height:k};u(tt=>tt.map(ft=>ft.id===g.id?L:ft)),C(L),X();return}if(T&&g){let p=n-D.offsetX,v=h-D.offsetY;M&&(p=xt(p),v=xt(v)),p=Math.max(0,Math.min(W-g.width,p)),v=Math.max(0,Math.min(U-g.height,v));const S={...g,x:p,y:v};u(k=>k.map(R=>R.id===g.id?S:R)),C(S),X()}},[l,q,g,T,I,b,$,D,M,W,U,c,X]),_t=y.useCallback(e=>{N&&Z(r=>({...r,[N.sectionName]:{elements:c.map(n=>n.type==="image"?{...n,imageData:n.imageData,src:n.src}:n),selectedColor:Y}}));const t=_[e.sectionName];if(t){const r=t.elements.map(n=>{if(n.type==="image"&&n.src&&!n.imageData){const h=new Image;return h.onload=()=>{u(p=>p.map(v=>v.id===n.id?{...v,imageData:h}:v)),X()},h.src=n.src,{...n,imageData:h}}return n});u(r),O(t.selectedColor||Y)}else u([]);m(e),C(null)},[N,c,Y,_,X]),Le=y.useCallback(e=>{if(e&&e.type.startsWith("image/")){const t=new FileReader;t.onload=r=>{const n=new Image;n.onload=()=>{const h={id:lt(),type:"image",x:xt(W/2-100),y:xt(U/2-100),width:Math.min(n.width,200),height:Math.min(n.height,200),rotation:0,imageData:n,src:r.target.result,originalWidth:n.width,originalHeight:n.height},p=n.width/n.height;h.width/h.height!==p&&(h.width/p<=200?h.height=h.width/p:h.width=h.height*p),u(v=>[...v,h]),C(h),at()},n.onerror=()=>{console.error("Failed to load uploaded image"),alert("Failed to load the uploaded image. Please try again.")},n.src=r.target.result},t.onerror=()=>{console.error("Failed to read file"),alert("Failed to read the file. Please try again.")},t.readAsDataURL(e)}else alert("Please select a valid image file.")},[W,U,xt,lt,at]),Yt=y.useCallback(Pe(()=>{X()},16),[X]);y.useEffect(()=>{Rt.current||Yt()},[c,g,J,Yt]);function Pe(e,t){let r;return function(...h){const p=()=>{clearTimeout(r),e(...h)};clearTimeout(r),r=setTimeout(p,t)}}y.useEffect(()=>{wt.current&&qt(wt.current,Y)},[Y]),y.useEffect(()=>{X()},[X]);const Ue=(e,t,r)=>(.2126*e+.7152*t+.0722*r)/255,qt=y.useCallback((e,t)=>{const r=Mt.current,n=r.getContext("2d");r.width=W,r.height=U,n.clearRect(0,0,W,U),n.drawImage(e,0,0,W,U);const h=n.getImageData(0,0,W,U),p=h.data,v=fe(t);if(!v){Rt.current=!1;return}const{r:S,g:k,b:R}=v;for(let L=0;L<p.length;L+=4){if(p[L+3]===0)continue;const ft=Ue(p[L],p[L+1],p[L+2]);p[L]=Math.round(S*ft),p[L+1]=Math.round(k*ft),p[L+2]=Math.round(R*ft)}n.putImageData(h,0,0);const E=new Image;E.onload=()=>{ut.current=s.plainColor==="Y"?E:e,Rt.current=!1,X()},E.src=r.toDataURL("image/png")},[W,U,X]),Vt=e=>{if(!K)return{horizontal:[],vertical:[]};const t=document.querySelector(".ruler-horizontal"),r=document.querySelector(".ruler-vertical");if(!t||!r)return{horizontal:[],vertical:[]};const n=t.getBoundingClientRect(),h=r.getBoundingClientRect(),p=n.width,v=h.height,S=50,k=[],R=[];for(let E=S;E<=p;E+=S)E<=p-20&&k.push({position:E,value:Math.round(E/e)});for(let E=S;E<=v;E+=S)E<=v-15&&R.push({position:E,value:Math.round(E/e)});return{horizontal:k,vertical:R}},[Xt,Jt]=y.useState({horizontal:[],vertical:[]});return y.useEffect(()=>{const e=()=>{setTimeout(()=>{const n=Vt(q);Jt(n)},50)};e();let t;const r=()=>{clearTimeout(t),t=setTimeout(e,150)};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),clearTimeout(t)}},[q,K]),y.useEffect(()=>{if(K&&!A){const e=setTimeout(()=>{const t=Vt(q);Jt(t)},100);return()=>clearTimeout(e)}},[K,A,q]),i.jsxs("div",{className:"pure-canvas-designer",children:[i.jsx("div",{className:"designer-header",children:i.jsx(ii,{onAddElement:De,onDeleteElement:()=>g&&Dt(g.id),onDuplicateElement:()=>g&&Ht(g.id),onUndo:vt,onRedo:mt,onToggleGrid:()=>rt(!J),onToggleRulers:()=>et(!K),onToggleSnap:()=>G(!M),onImageUpload:Le,canUndo:H>0,canRedo:H<V.length-1,showGrid:J,showRulers:K,snapToGrid:M,selectedElement:g,theme:a,readOnly:l,apiKey:d.apiKey,apiEndpoint:d.apiEndpoint})}),i.jsxs("div",{className:"designer-content",children:[K&&!A&&i.jsxs("div",{className:"rulers",children:[i.jsx("div",{className:"ruler-horizontal",children:i.jsx("div",{className:"ruler-horizontal-numbers",children:Xt.horizontal.map((e,t)=>i.jsx("span",{className:"ruler-number horizontal",style:{left:`${e.position}px`},children:e.value},t))})}),i.jsx("div",{className:"ruler-vertical",children:i.jsx("div",{className:"ruler-vertical-numbers",children:Xt.vertical.map((e,t)=>i.jsx("span",{className:"ruler-number vertical",style:{top:`${e.position}px`},children:e.value},t))})})]}),i.jsx("div",{className:"canvas-container",ref:It,children:i.jsx("canvas",{ref:dt,width:W,height:U,onMouseDown:We,onMouseMove:Me,onMouseUp:Ee,style:{border:"1px solid #e2e8f0",cursor:T?"grabbing":"default",transform:`scale(${q})`,transformOrigin:"top left"}})}),i.jsxs("div",{className:"side-panels",children:[i.jsx(oi,{selectedElement:g,onUpdate:$t,onMoveLayer:Gt,availableFonts:ne,theme:a}),i.jsx(ri,{elements:c,selectedElement:g,onSelectElement:C,onMoveLayer:Gt,onDeleteElement:Dt,theme:a})]})]}),i.jsxs("div",{className:"designer-footer",children:[i.jsxs("div",{className:"section-thumbnails",children:[i.jsxs("label",{className:"section-thumbnails-label",children:["Available sections for : ",i.jsx("u",{children:s.name})]}),i.jsx("div",{className:"thumbnails-container",children:s.sections.map(e=>{const t=_[e.sectionName]&&_[e.sectionName].elements&&_[e.sectionName].elements.length>0;return i.jsxs("div",{className:`section-thumbnail compact ${N.sectionName===e.sectionName?"active":""}`,onClick:r=>{r.stopPropagation();const n=s.sections.find(h=>h.sectionName===e.sectionName);_t(n)},title:e.sectionName,children:[i.jsxs("div",{className:"thumbnail-image-container compact",children:[i.jsx("img",{src:e.sectionImage,alt:e.sectionName,className:"thumbnail-image compact",onError:r=>{r.target.style.display="none",r.target.nextSibling.style.display="flex"}}),i.jsx("div",{className:"thumbnail-placeholder compact",style:{display:"none"},children:i.jsx("span",{className:"placeholder-icon",children:"📐"})}),t&&i.jsx("div",{className:"content-indicator compact",children:i.jsx("svg",{className:"checkmark compact",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:i.jsx("path",{d:"M20 6L9 17l-5-5"})})})]}),i.jsx("span",{className:"thumbnail-label compact",children:e.sectionName})]},e.sectionName)})})]}),i.jsxs("div",{className:"color-palette-enhanced compact",children:[i.jsx("label",{className:"color-palette-label",children:"Supported colors:"}),i.jsxs("div",{className:"color-swatches-container",children:[s.colorSettings.slice(0,3).map((e,t)=>i.jsxs("div",{className:`color-swatch-enhanced compact ${Y===e?"active":""}`,onClick:r=>{r.stopPropagation(),O(e)},title:`Change product to ${e}`,children:[i.jsx("div",{className:"color-swatch-inner compact",style:{backgroundColor:e}}),Y===e&&i.jsx("div",{className:"color-selection-ring compact"})]},e)),s.colorSettings.length>3&&i.jsxs("div",{className:"color-dropdown-container",children:[i.jsx("button",{className:"color-more-button",onClick:e=>{e.stopPropagation();const t=e.currentTarget.nextElementSibling;t.style.display=t.style.display==="block"?"none":"block"},title:"More colors",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("circle",{cx:"12",cy:"12",r:"3"}),i.jsx("circle",{cx:"12",cy:"5",r:"3"}),i.jsx("circle",{cx:"12",cy:"19",r:"3"})]})}),i.jsx("div",{className:"color-dropdown-menu",style:{display:"none"},children:s.colorSettings.slice(3).map((e,t)=>i.jsxs("div",{className:`color-swatch-dropdown ${Y===e?"active":""}`,onClick:r=>{r.stopPropagation(),O(e),r.currentTarget.parentElement.style.display="none"},title:`Change product to ${e}`,children:[i.jsx("div",{className:"color-swatch-inner-dropdown",style:{backgroundColor:e}}),i.jsx("span",{className:"color-hex",children:e.toUpperCase()})]},e))})]})]})]}),i.jsxs("div",{className:"zoom-controls-enhanced compact",children:[i.jsx("label",{className:"zoom-label",children:"Zoom:"}),i.jsxs("div",{className:"zoom-buttons-container compact",children:[i.jsx("button",{className:"zoom-button compact zoom-out",onClick:()=>it(Math.max(.25,q-.25)),disabled:q<=.25,title:"Zoom Out",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("circle",{cx:"11",cy:"11",r:"8"}),i.jsx("path",{d:"M21 21l-4.35-4.35"}),i.jsx("line",{x1:"8",y1:"11",x2:"14",y2:"11"})]})}),i.jsxs("div",{className:"zoom-display compact",children:[i.jsxs("span",{className:"zoom-percentage compact",children:[Math.round(q*100),"%"]}),i.jsx("div",{className:"zoom-slider-container compact",children:i.jsx("input",{type:"range",min:"0.25",max:"4",step:"0.25",value:q,onChange:e=>it(parseFloat(e.target.value)),className:"zoom-slider compact"})})]}),i.jsx("button",{className:"zoom-button compact zoom-in",onClick:()=>it(Math.min(4,q+.25)),disabled:q>=4,title:"Zoom In",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("circle",{cx:"11",cy:"11",r:"8"}),i.jsx("path",{d:"M21 21l-4.35-4.35"}),i.jsx("line",{x1:"11",y1:"8",x2:"11",y2:"14"}),i.jsx("line",{x1:"8",y1:"11",x2:"14",y2:"11"})]})}),i.jsx("button",{className:"zoom-reset compact",onClick:()=>it(1),title:"Reset Zoom (100%)",children:i.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M3 3l18 18"}),i.jsx("circle",{cx:"11",cy:"11",r:"8"}),i.jsx("path",{d:"M21 21l-4.35-4.35"})]})})]})]})]})]})});le.displayName="Mypixia";module.exports=le;