https://jaseharley.com/assets/HomeCustomize-CWKkVEqH.js

1import{a as ge,d as ue,r as i,g as Y,j as e,L as ke,X as I,f as le,i as je}from"./index-CpHwTPqd.js";import{D as ve,r as Ne,a as ye,w as z,n as M,b as _,c as te,H as ne,d as F,e as ae,s as we,f as Se,g as Ee,h as Ae,i as Ce}from"./homeCustomization-Bq5mlm2w.js";import{A as Oe}from"./arrow-left-BT7H9smn.js";import{G as He}from"./grip-vertical-CF3yujau.js";import{L as se}from"./lock-keyhole-BKlLW8qo.js";import{A as Me}from"./arrow-up-CcHb3U-8.js";import{A as Re}from"./arrow-down-DcrJ2Ozt.js";import{P as G}from"./plus-BjrAjV9M.js";import{P as re}from"./pencil-BctOil3L.js";import{R as De}from"./rotate-ccw-DXzYXaXY.js";import{C as Pe}from"./check-DphAC2Ko.js";import{S as Fe}from"./search-hrw4DO1c.js";function R(c){return(c==null?void 0:c.hero_image_url)||(c==null?void 0:c.cover_url)||""}function q(c){return(c==null?void 0:c.subtitle)||(c==null?void 0:c.description)||(c==null?void 0:c.category)||"HARLEY.OS Stamp"}function Te({open:c,onClose:s,title:D,stamps:h,allowPages:w=!1,onSelect:b}){const[k,j]=i.useState("stamps"),[f,N]=i.useState("");i.useEffect(()=>{c&&(j("stamps"),N(""))},[c]);const m=f.trim().toLowerCase(),y=i.useMemo(()=>h.filter(n=>!m||String(n.title||"").toLowerCase().includes(m)||String(n.slug||"").toLowerCase().includes(m)),[h,m]),v=i.useMemo(()=>ne.filter(n=>!m||n.label.toLowerCase().includes(m)||n.role.toLowerCase().includes(m)),[m]);return c?e.jsx("div",{className:"fixed inset-0 z-[500] bg-black/65 p-3 sm:p-6 flex items-center justify-center",onClick:s,children:e.jsxs("div",{className:"w-full max-w-4xl max-h-[90dvh] overflow-hidden bg-[#f4f2ec] text-black border border-black/15",onClick:n=>n.stopPropagation(),children:[e.jsxs("header",{className:"min-h-16 px-4 sm:px-5 border-b border-black/15 flex items-center gap-4",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"text-[7px] font-black uppercase tracking-[.18em] text-[#D62828]",children:"Homepage / Currently"}),e.jsx("h2",{className:"mt-1 text-xl sm:text-2xl font-black tracking-[-.045em]",children:D})]}),e.jsx("button",{onClick:s,className:"w-10 h-10 border border-black/15 flex items-center justify-center","aria-label":"Close picker",children:e.jsx(I,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"p-4 sm:p-5 overflow-y-auto max-h-[calc(90dvh-64px)]",children:[w&&e.jsxs("div",{className:"grid grid-cols-2 max-w-sm border border-black/15 mb-4",children:[e.jsx("button",{onClick:()=>j("stamps"),className:"h-10 text-[8px] font-black uppercase tracking-[.12em] "+(k==="stamps"?"bg-black text-white":"bg-white"),children:"Stamps"}),e.jsx("button",{onClick:()=>j("pages"),className:"h-10 text-[8px] font-black uppercase tracking-[.12em] "+(k==="pages"?"bg-black text-white":"bg-white"),children:"Main Pages"})]}),e.jsxs("div",{className:"h-12 border border-black/15 bg-white flex items-center px-3 gap-3",children:[e.jsx(Fe,{className:"w-4 h-4 text-black/30"}),e.jsx("input",{value:f,onChange:n=>N(n.target.value),placeholder:k==="pages"?"Search Main Pages":"Search available Stamps",className:"flex-1 bg-transparent outline-none text-sm"})]}),k==="stamps"?e.jsxs("div",{className:"mt-4 grid sm:grid-cols-2 lg:grid-cols-3 border-l border-t border-black/15",children:[y.map(n=>e.jsxs("button",{onClick:()=>b({type:"stamp",value:n.id||n.slug,stamp:n}),className:"min-h-[210px] border-r border-b border-black/15 bg-white text-left group",children:[e.jsx("div",{className:"aspect-[16/9] bg-[#e8e4db] overflow-hidden",children:R(n)?e.jsx("img",{src:le(R(n),{w:720,q:72}),alt:"",className:"w-full h-full object-cover group-hover:scale-[1.02] transition-transform"}):e.jsx("div",{className:"w-full h-full flex items-center justify-center text-[8px] font-black uppercase text-black/25",children:"Stamp"})}),e.jsxs("div",{className:"p-4",children:[e.jsx("p",{className:"text-[7px] font-black uppercase tracking-[.14em] text-[#D62828]",children:n.category||"Stamp"}),e.jsx("p",{className:"mt-2 text-base font-black leading-tight",children:n.title})]})]},n.id||n.slug)),!y.length&&e.jsx("div",{className:"sm:col-span-2 lg:col-span-3 p-8 bg-white text-sm text-black/40",children:"No matching Stamps."})]}):e.jsx("div",{className:"mt-4 grid sm:grid-cols-2 lg:grid-cols-3 border-l border-t border-black/15",children:v.map(n=>e.jsxs("button",{onClick:()=>b({type:"page",value:n.key,page:n}),className:"min-h-[150px] border-r border-b border-black/15 bg-white p-5 text-left hover:bg-black hover:text-white transition-colors",children:[e.jsx("p",{className:"text-[7px] font-black uppercase tracking-[.14em] opacity-40",children:n.role}),e.jsx("p",{className:"mt-3 text-xl font-black tracking-[-.04em]",children:n.label}),e.jsx("p",{className:"mt-3 text-[10px] leading-5 opacity-45",children:n.description})]},n.key))})]})]})}):null}function Xe(){var W,$,ee;const s=ge().user,D=(s==null?void 0:s.role)==="admin",h=ue(),[w,b]=i.useState(ve),[k,j]=i.useState(["","",""]),[f,N]=i.useState(!0),[m,y]=i.useState(!0),[v,n]=i.useState(!0),[Q,V]=i.useState(""),[d,P]=i.useState(null),[U,S]=i.useState(!1),[X,g]=i.useState(""),[Z,E]=i.useState(""),A=i.useMemo(()=>Ne((s==null?void 0:s.id)||""),[s==null?void 0:s.id]),C=i.useMemo(()=>ye((s==null?void 0:s.id)||""),[s==null?void 0:s.id]),p=Y({queryKey:["homePreferences",(s==null?void 0:s.id)||"member"],queryFn:Ae,enabled:!!(s!=null&&s.id),initialData:A==null?void 0:A.data,initialDataUpdatedAt:(A==null?void 0:A.savedAt)||

10,staleTime:0,retry:2,refetchOnMount:"always",refetchOnReconnect:!0}),T=Y({queryKey:["homeEditorial",(s==null?void 0:s.id)||"member"],queryFn:Ce,enabled:!!(s!=null&&s.id),initialData:C==null?void 0:C.data,initialDataUpdatedAt:(C==null?void 0:C.savedAt)||0,staleTime:0,retry:2,refetchOnMount:"always",refetchOnReconnect:!0}),O=((W=p.data)==null?void 0:W.motherboardEnabled)===!0,K=(($=p.data)==null?void 0:$.motherboardMode)==="free",ce=Y({queryKey:["homeCustomizeStamps"],queryFn:async()=>{const t=await je.functions.invoke("manageRepository",{action:"listPublishedVisuals"}),a=(t==null?void 0:t.data)||t;if(!(a!=null&&a.success)||!Array.isArray(a==null?void 0:a.stamps))throw new Error((a==null?void 0:a.error)||"Stamp Library unavailable");return a.stamps.filter(r=>(r==null?void 0:r.status)!=="hidden").sort((r,l)=>Number(r.order||0)-Number(l.order||0))},enabled:!!(s!=null&&s.id),staleTime:3e5});i.useEffect(()=>{if(!p.data)return;z((s==null?void 0:s.id)||"",p.data);const t=p.data.recentlyActiveEnabled!==!1;N(t);const a=p.data.freeMotherboardEnabled===!0;y(a);const r=p.data.partnersEnabled!==!1;n(r),b(M(p.data.sectionOrder,t,p.data.motherboardEnabled===!0,a,r)),j(_(p.data.currentlyStampIds))},[p.data,s==null?void 0:s.id]),i.useEffect(()=>{T.data&&te((s==null?void 0:s.id)||"",T.data)},[T.data,s==null?void 0:s.id]);const H=ce.data||[],L=i.useMemo(()=>{const t=new Map;return H.forEach(a=>{a.id&&t.set(String(a.id),a),a.slug&&t.set(String(a.slug),a)}),t},[H]),u=((ee=T.data)==null?void 0:ee.feature)||null,ie=i.useMemo(()=>{if((u==null?void 0:u.type)==="stamp"){const a=L.get(String(u.value));if(a)return{title:a.title,role:a.category||"Stamp",image:R(a),description:q(a)}}if((u==null?void 0:u.type)==="page"){const a=ne.find(r=>r.key===u.value);if(a)return{title:a.label,role:a.role,image:"",description:a.description}}const t=H.find(a=>a.slug===F[0].slug);return t?{title:t.title,role:F[0].role||t.category||"Album",image:R(t),description:F[0].description||q(t)}:F[0]},[u,L,H]),oe=[0,1,2].map(t=>{const a=L.get(String(k[t]||"")),r=F[t+1],l=r!=null&&r.slug?H.find(o=>o.slug===r.slug):null;return a?{title:a.title,role:a.category||"Stamp",image:R(a),description:q(a)}:l?{title:l.title||r.title,role:r.role||l.category||"Stamp",image:R(l),description:r.description||q(l)}:r}),J=(t,a)=>{b(r=>{const l=r.indexOf(t),o=l+a;if(l<0||o<0||o>=r.length)return r;const x=[...r],B=x[l];return x[l]=x[o],x[o]=B,x})},de=t=>{!Q||Q===t||(b(a=>{const r=a.indexOf(Q),l=a.indexOf(t);if(r<0||l<0)return a;const o=[...a],x=o.splice(r,1)[0];return o.splice(l,0,x),o}),V(""))},me=async()=>{S(!0),E(""),g("");try{const t=k.map(x=>{var B;return((B=L.get(String(x||"")))==null?void 0:B.slug)||x||""}),a=await we(w,t,f,m,v),r=a.recentlyActiveEnabled!==!1;N(r);const l=a.freeMotherboardEnabled===!0;y(l);const o=a.partnersEnabled!==!1;n(o),b(M(a.sectionOrder,r,a.motherboardEnabled===!0,l,o)),j(_(a.currentlyStampIds)),z((s==null?void 0:s.id)||"",a),h.setQueryData(["homePreferences",(s==null?void 0:s.id)||"member"],a),await h.invalidateQueries({queryKey:["homeMemberStampRotation"]}),g("Homepage saved.")}catch(t){E((t==null?void 0:t.message)||"Unable to save Homepage.")}finally{S(!1)}},xe=async()=>{S(!0),E(""),g("");try{const t=await Se();N(t.recentlyActiveEnabled!==!1),y(t.freeMotherboardEnabled===!0),n(t.partnersEnabled!==!1),b(M(t.sectionOrder,t.recentlyActiveEnabled!==!1,t.motherboardEnabled===!0,t.freeMotherboardEnabled===!0,t.partnersEnabled!==!1)),j(_(t.currentlyStampIds)),z((s==null?void 0:s.id)||"",t),h.setQueryData(["homePreferences",(s==null?void 0:s.id)||"member"],t),await h.invalidateQueries({queryKey:["homeMemberStampRotation"]}),g("Homepage reset to the HARLEY.OS default.")}catch(t){E((t==null?void 0:t.message)||"Unable to reset Homepage.")}finally{S(!1)}},be=()=>{N(t=>{const a=!t;return b(r=>M(r,a,O,m,v)),g(""),a})},pe=()=>{K&&y(t=>{const a=!t;return b(r=>M(r,f,!1,a,v)),g(""),a})},he=()=>{n(t=>{const a=!t;return b(r=>M(r,f,O,m,a)),g(""),a})},fe=async t=>{var a,r;if((d==null?void 0:d.kind)==="member"){const l=[...k];l[d.index]=((a=t.stamp)==null?void 0:a.slug)||t.value,j(_(l)),P(null),g("");return}if((d==null?void 0:d.kind)==="admin"&&D){S(!0),E("");try{const l=t.type==="stamp"&&((r=t.stamp)==null?void 0:r.slug)||t.value,o=await Ee(t.type,l);te((s==null?void 0:s.id)||"",o),h.setQueryData(["homeEditorial",(s==null?void 0:s.id)||"member"],o),await h.invalidateQueries({queryKey:["homeMemberStampRotation"]}),P(null),g("Global Currently feature published.")}catch(l){E((l==null?void 0:l.message)||"Unable to update the global feature.")}finally{S(!1)}}};return e.jsxs("main",{className:"min-h-screen bg-[#f4f2ec] text-[#111] pb-[var(--harley-bottom-nav-clearance,100px)]",children:[e.jsx("header",{className:"border-b border-black/15 bg-[#f4f2ec]",children:e.jsxs("div",{className:"max-w-[1480px] mx-auto px-5 sm:px-8 lg:px-10 py-8 sm:py-10",children:[e.jsxs(ke,{to:"/",className:"inline-flex items-center gap-2 text-[8px] font-black uppercase tracking-[.14em] text-black/45 hover:text-black",children:[e.jsx(Oe,{className:"w-3.5 h-3.5"}),"Homepage"]}),e.jsxs("div",{className:"mt-6 grid lg:grid-cols-[1fr_420px] gap-8 items-end",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[8px] font-black uppercase tracking-[.2em] text-[#D62828]",children:"HARLEY.OS / Home"}),e.jsx("h1",{className:"mt-3 text-[3rem] sm:text-[5rem] lg:text-[6.2rem] leading-[.84] font-black tracking-[-.075em]",children:"CUSTOMIZE HOME."})]}),e.jsxs("p",{className:"text-sm leading-6 text-black/45 max-w-md lg:justify-self-end",children:["Keep the five core sections, add or hide optional modules, and arrange the active sections however you want. ",O?"MOTHERBOARD is an exclusive locked section: move it anywhere, but it cannot be hidden or removed. ":K?"Complimentary MOTHERBOARD is optional: keep it, move it or remove it from Home. ":"","Partners is optional for every member and can be moved or hidden at any time. Position 02 carries the black editorial treatment; MOTHERBOARD and Partners keep their own dark system treatment wherever they move."]})]})]})}),e.jsxs("div",{className:"max-w-[1480px] mx-auto px-5 sm:px-8 lg:px-10 py-8 sm:py-10 grid xl:grid-cols-[minmax(0,.9fr)_minmax(440px,1.1fr)] gap-8 xl:gap-12 items-start",children:[e.jsxs("div",{children:[e.jsxs("section",{children:[e.jsxs("div",{className:"flex items-end justify-between gap-5 pb-4 border-b border-black/15",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[8px] font-black uppercase tracking-[.18em] text-[#D62828]",children:"01 / Arrange"}),e.jsx("h2",{className:"mt-2 text-3xl font-black tracking-[-.05em]",children:"Arrange your Homepage."})]}),e.jsx("span",{className:"text-[8px] font-black uppercase tracking-[.12em] text-black/30",children:O?"5 core · MOTHERBOARD locked · Partners + optional":"5 core · Partners + optional modules"})]}),e.jsx("div",{className:"mt-4 border-t border-l border-black/15",children:w.map((t,a)=>{const r=ae[t],l=t==="motherboard",o=t==="partners";return e.jsxs("div",{draggable:!0,onDragStart:()=>V(t),onDragOver:x=>x.preventDefault(),onDrop:()=>de(t),className:"min-h-[94px] border-r border-b px-4 py-4 flex items-center gap-4 "+(l||o||a===1?"bg-[#0d0d0f] text-white border-white/15":"bg-white border-black/15"),children:[e.jsx(He,{className:"w-4 h-4 opacity-25 cursor-grab flex-shrink-0"}),e.jsx("span",{className:"font-mono text-[9px] opacity-30",children:String(a+1).padStart(2,"0")}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("p",{className:"text-[7px] font-black uppercase tracking-[.16em] "+(l?"text-[#9BA8FF]":o?"text-[#B7FF4A]":a===1?"text-[#ff6666]":"text-[#D62828]"),children:[r.eyebrow," · ",l?O?"Exclusive · Locked":"Free Preview · Optional":o||t==="recently-active"?"Optional":"Core"]}),e.jsxs("p",{className:"mt-1 text-lg font-black tracking-[-.035em] flex items-center gap-2",children:[r.label,l&&O&&e.jsx(se,{className:"w-3.5 h-3.5 opacity-50"})]})]}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx("button",{onClick:()=>J(t,-1),disabled:a===0,className:"w-9 h-9 border border-current/15 flex items-center justify-center disabled:opacity-15","aria-label":"Move up",children:e.jsx(Me,{className:"w-3.5 h-3.5"})}),e.jsx("button",{onClick:()=>J(t,1),disabled:a===w.length-1,className:"w-9 h-9 border border-current/15 flex items-center justify-center disabled:opacity-15","aria-label":"Move down",children:e.jsx(Re,{className:"w-3.5 h-3.5"})})]})]},t)})}),K&&e.jsx("div",{className:"mt-5 border border-[#5B73F2]/25 bg-[#eef2ff] p-4 sm:p-5",children:e.jsxs("div",{className:"flex items-center justify-between gap-5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-[7px] font-black uppercase tracking-[.16em] text-[#5B73F2]",children:"Optional Homepage Module"}),e.jsx("h3",{className:"mt-1 text-xl font-black tracking-[-.04em]",children:"MOTHERBOARD Preview"}),e.jsx("p",{className:"mt-2 max-w-xl text-[10px] leading-5 text-black/45",children:"Shows complimentary weekly MOTHERBOARD access on Home. Free users can move or remove this section; full MOTHERBOARD accounts keep the upgraded section locked."})]}),e.jsxs("button",{type:"button",onClick:pe,className:"min-h-10 shrink-0 px-4 inline-flex items-center gap-2 border text-[8px] font-black uppercase tracking-[.12em] "+(m?"border-[#5B73F2] bg-[#5B73F2] text-white":"border-[#5B73F2]/30 bg-white text-[#5B73F2]"),children:[m?e.jsx(I,{className:"w-3.5 h-3.5"}):e.jsx(G,{className:"w-3.5 h-3.5"}),m?"Hide":"Add"]})]})}),e.jsx("div",{className:"mt-5 border border-black/15 bg-[#10100f] text-white p-4 sm:p-5",children:e.jsxs("div",{className:"flex items-center justify-between gap-5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-[7px] font-black uppercase tracking-[.16em] text-[#B7FF4A]",children:"Optional Homepage Module"}),e.jsx("h3",{className:"mt-1 text-xl font-black tracking-[-.04em]",children:"Partners"}),e.jsx("p",{className:"mt-2 max-w-xl text-[10px] leading-5 text-white/45",children:"Qu

1ick access to Partner applications, selling, service leads, commissions and payouts. The card automatically changes with your Partner status."})]}),e.jsxs("button",{type:"button",onClick:he,className:"min-h-10 shrink-0 px-4 inline-flex items-center gap-2 border text-[8px] font-black uppercase tracking-[.12em] "+(v?"border-[#B7FF4A] bg-[#B7FF4A] text-black":"border-white/20 bg-transparent text-white"),children:[v?e.jsx(I,{className:"w-3.5 h-3.5"}):e.jsx(G,{className:"w-3.5 h-3.5"}),v?"Hide":"Add"]})]})}),e.jsx("div",{className:"mt-5 border border-black/15 bg-white p-4 sm:p-5",children:e.jsxs("div",{className:"flex items-center justify-between gap-5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-[7px] font-black uppercase tracking-[.16em] text-[#D62828]",children:"Optional Homepage Module"}),e.jsx("h3",{className:"mt-1 text-xl font-black tracking-[-.04em]",children:"Recently Active"}),e.jsx("p",{className:"mt-2 max-w-xl text-[10px] leading-5 text-black/40",children:"Shows a compact view of fresh conversation in Collective channels you can access. Hide it without changing the five core sections."})]}),e.jsxs("button",{type:"button",onClick:be,className:"min-h-10 shrink-0 px-4 inline-flex items-center gap-2 border text-[8px] font-black uppercase tracking-[.12em] "+(f?"border-black/15 bg-black text-white":"border-black/15 bg-white text-black"),children:[f?e.jsx(I,{className:"w-3.5 h-3.5"}):e.jsx(G,{className:"w-3.5 h-3.5"}),f?"Hide":"Add"]})]})})]}),e.jsxs("section",{className:"mt-10",children:[e.jsxs("div",{className:"pb-4 border-b border-black/15",children:[e.jsx("p",{className:"text-[8px] font-black uppercase tracking-[.18em] text-[#D62828]",children:"02 / Currently"}),e.jsx("h2",{className:"mt-2 text-3xl font-black tracking-[-.05em]",children:"Choose your quick access."}),e.jsx("p",{className:"mt-2 text-xs leading-5 text-black/40",children:"Slot 01 is the HARLEY.OS editorial feature. Slots 02–04 can be replaced with any available Stamp. The defaults stay until you change them."})]}),e.jsx("div",{className:"mt-4 grid sm:grid-cols-2 border-l border-t border-black/15",children:[ie,...oe].map((t,a)=>e.jsxs("div",{className:"border-r border-b border-black/15 bg-white",children:[e.jsxs("div",{className:"aspect-[16/9] bg-[#e8e4db] overflow-hidden relative",children:[t!=null&&t.image?e.jsx("img",{src:le(t.image,{w:800,q:74}),alt:"",className:"w-full h-full object-cover"}):e.jsx("div",{className:"w-full h-full flex items-center justify-center bg-[#151517] text-white/25 text-[8px] font-black uppercase tracking-[.18em]",children:(t==null?void 0:t.role)||"HARLEY.OS"}),e.jsx("span",{className:"absolute left-3 top-3 bg-black/75 text-white px-2 py-1 font-mono text-[7px]",children:String(a+1).padStart(2,"0")})]}),e.jsxs("div",{className:"p-4 min-h-[132px] flex flex-col",children:[e.jsx("p",{className:"text-[7px] font-black uppercase tracking-[.15em] text-[#D62828]",children:a===0?"HARLEY.OS Featured":(t==null?void 0:t.role)||"Stamp"}),e.jsx("p",{className:"mt-2 text-lg font-black tracking-[-.04em] leading-tight",children:t==null?void 0:t.title}),e.jsx("p",{className:"mt-2 text-[9px] leading-4 text-black/40 line-clamp-2",children:(t==null?void 0:t.description)||""}),e.jsx("div",{className:"mt-auto pt-4",children:a===0?D?e.jsxs("button",{onClick:()=>P({kind:"admin"}),className:"inline-flex items-center gap-2 text-[8px] font-black uppercase tracking-[.12em]",children:[e.jsx(re,{className:"w-3.5 h-3.5"}),"Edit global feature"]}):e.jsxs("span",{className:"inline-flex items-center gap-2 text-[8px] font-black uppercase tracking-[.12em] text-black/30",children:[e.jsx(se,{className:"w-3.5 h-3.5"}),"Admin controlled"]}):e.jsxs("button",{onClick:()=>P({kind:"member",index:a-1}),className:"inline-flex items-center gap-2 text-[8px] font-black uppercase tracking-[.12em]",children:[e.jsx(re,{className:"w-3.5 h-3.5"}),"Change Stamp"]})})]})]},a))})]}),e.jsxs("div",{className:"mt-8 flex flex-wrap gap-2",children:[e.jsx("button",{onClick:me,disabled:U,className:"min-h-12 px-6 bg-[#D62828] text-white text-[8px] font-black uppercase tracking-[.15em] disabled:opacity-40",children:U?"Saving…":"Save Home"}),e.jsxs("button",{onClick:xe,disabled:U,className:"min-h-12 px-5 border border-black/15 bg-white inline-flex items-center gap-2 text-[8px] font-black uppercase tracking-[.13em] disabled:opacity-40",children:[e.jsx(De,{className:"w-3.5 h-3.5"}),"Reset to Default"]}),X&&e.jsxs("span",{className:"min-h-12 px-3 inline-flex items-center gap-2 text-[9px] text-emerald-700",children:[e.jsx(Pe,{className:"w-4 h-4"}),X]})]}),Z&&e.jsx("p",{className:"mt-3 text-xs text-red-600",children:Z})]}),e.jsxs("aside",{className:"xl:sticky xl:top-24",children:[e.jsxs("div",{className:"flex items-end justify-between gap-5 pb-4 border-b border-black/15",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[8px] font-black uppercase tracking-[.18em] text-[#D62828]",children:"Preview"}),e.jsx("h2",{className:"mt-2 text-3xl font-black tracking-[-.05em]",children:"Homepage rhythm."})]}),e.jsx("span",{className:"text-[8px] font-black uppercase tracking-[.12em] text-black/30",children:"Slot 02 = dark"})]}),e.jsx("div",{className:"mt-4 border border-black/15 bg-white",children:w.map((t,a)=>{const r=ae[t],l=a===1||t==="motherboard"||t==="partners";return e.jsxs("div",{className:"min-h-[112px] p-5 border-b last:border-b-0 flex flex-col justify-between "+(l?"bg-[#0d0d0f] text-white border-white/10":"bg-[#f7f5f0] text-black border-black/10"),children:[e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsx("span",{className:"font-mono text-[8px] opacity-30",children:String(a+1).padStart(2,"0")}),e.jsx("span",{className:"text-[7px] font-black uppercase tracking-[.16em] "+(l?"text-[#ff6666]":"text-[#D62828]"),children:r.eyebrow})]}),e.jsx("p",{className:"text-[24px] sm:text-[28px] font-black tracking-[-.055em] leading-none uppercase",children:r.label})]},t)})}),e.jsx("p",{className:"mt-4 text-[10px] leading-5 text-black/35",children:"This preview shows order and section color behavior. Position 02 receives the editorial dark treatment; MOTHERBOARD and Partners remain branded dark wherever they move. Your real Homepage keeps the full cards, images and live content."})]})]}),e.jsx(Te,{open:!!d,onClose:()=>P(null),title:(d==null?void 0:d.kind)==="admin"?"Choose the global Slot 01 feature":"Choose a Stamp for Slot "+String(((d==null?void 0:d.index)||0)+2).padStart(2,"0"),stamps:H,allowPages:(d==null?void 0:d.kind)==="admin"&&D,onSelect:fe})]})}

1export{Xe as default};