// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0-or-later
// @source: https://gitlab.com/soapbox-pub/ditto/-/tree/f0a3877c
import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{Et as t,F as n,Ft as r,Kt as i,ai as a,ci as o,li as s,oi as c,qi as l,si as u}from"./lucide-icons-BdRF0moN.js";import{t as d}from"./jsx-runtime-By8HlURe.js";import{t as f}from"./dist-DQ82bf9M.js";import{t as p}from"./useQuery-rCAlChE8.js";import{A as m,O as ee,a as te,g as h,h as g,l as _,m as v,p as y,s as b,t as ne}from"./useTheme-B8n3R7ig.js";import{s as re,t as x}from"./useCurrentUser-C6OJJlWo.js";import{t as S}from"./utils-BFSTDHdM.js";import{t as C}from"./button-Cs26nq0r.js";import{t as w}from"./input-CM5Fnyvy.js";import{n as T,r as E,t as D}from"./collapsible-C12_mOsk.js";import{t as O}from"./usePortalContainer-mvErHojv.js";import{a as k,c as A,i as ie,n as ae,r as oe,t as j}from"./dialog-C3CFmras.js";import{t as se}from"./textarea-B93xm6Zg.js";import{t as M}from"./label-BBIj2Nkw.js";import{t as ce}from"./switch-B6lxwP1L.js";import{n as le,r as ue,t as de}from"./BackgroundPicker-CGrDQsA2.js";var N=e(l(),1);function P(e){let{nostr:t}=f();return p({queryKey:[`userThemes`,e],queryFn:async()=>{if(!e)return[];let n=await t.query([{kinds:[b],authors:[e],limit:50}],{signal:AbortSignal.timeout(5e3)}),r=new Map;for(let e of n){let t=e.tags.find(([e])=>e===`d`)?.[1]??``,n=r.get(t);(!n||e.created_at>n.created_at)&&r.set(t,e)}let i=[];for(let e of r.values()){let t=_(e);t&&i.push(t)}return i.sort((e,t)=>t.event.created_at-e.event.created_at)},enabled:!!e,staleTime:30*1e3,gcTime:300*1e3})}var F=d();function I(e){return`hsl(${e})`}var fe=[`primary`,`text`,`background`],pe={primary:`Primary`,text:`Text`,background:`Background`};function L(e,t,n){if(e===`custom`&&t)return t.colors;let r=v(e);return r===`custom`?t?.colors??g(`dark`,n).colors:g(r,n).colors}function R({colors:e,isActive:t,backgroundUrl:n,children:r}){let i=(0,N.useMemo)(()=>y(e),[e]);return(0,F.jsx)(F.Fragment,{children:(0,F.jsxs)(`div`,{className:`aspect-[4/3] rounded-lg overflow-hidden relative`,style:{backgroundColor:I(i.background)},children:[n&&(0,F.jsx)(`img`,{src:n,alt:``,className:`absolute inset-0 w-full h-full object-cover opacity-40`,decoding:`async`}),(0,F.jsxs)(`div`,{className:`p-1.5 pt-3 space-y-1 relative`,children:[(0,F.jsx)(`div`,{className:`h-1 w-3/4 rounded-full`,style:{backgroundColor:I(i.foreground),opacity:.6}}),(0,F.jsx)(`div`,{className:`h-1 w-1/2 rounded-full`,style:{backgroundColor:I(i.mutedForeground),opacity:.4}}),(0,F.jsx)(`div`,{className:`pt-0.5`,children:(0,F.jsx)(`div`,{className:`h-2 w-8 rounded-sm`,style:{backgroundColor:I(i.primary)}})})]}),t&&(0,F.jsx)(`div`,{className:`absolute top-1 left-1 size-4 rounded-full flex items-center justify-center`,style:{backgroundColor:I(i.primary)},children:(0,F.jsx)(s,{className:`size-2.5`,style:{color:I(i.primaryForeground)}})}),r]})})}function z({isActive:e,label:t,truncate:n=!1,scroll:r=!1,carousel:i=!1,onClick:a,children:o}){return(0,F.jsxs)(`button`,{className:S(`relative group rounded-xl border-2 p-1 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,e?`border-primary shadow-sm`:`border-border hover:border-primary/40`,r&&`flex-1`,i&&`w-full`),onClick:a,children:[o,(0,F.jsx)(`p`,{className:S(`mt-1.5 text-xs font-medium text-center transition-colors`,e?`text-foreground`:`text-muted-foreground`,n&&`truncate`),children:t})]})}function B({onSelect:e,editingTheme:t,onEditingThemeChange:n,columns:r=`responsive`,limit:i}){let{theme:a,customTheme:o,themes:l,setTheme:d,applyCustomTheme:f}=ne(),{user:p}=x(),m=P(p?.pubkey),ee=[{id:`system`,label:`System`},{id:`light`,label:`Light`},{id:`dark`,label:`Dark`}],te=Object.entries(h).map(([e,t])=>({id:e,label:t.label,colors:t.colors,font:t.font,titleFont:t.titleFont,background:t.background})),_=e=>a!==`custom`||!o?!1:JSON.stringify(o.colors)===JSON.stringify(e),v=e=>t?.identifier===e.identifier&&a===`custom`,b=(0,N.useCallback)(t=>{n?.(null),d(t),e?.()},[d,e,n]),re=(0,N.useCallback)(t=>{n?.(null),f({colors:t.colors,font:t.font,titleFont:t.titleFont,background:t.background}),e?.()},[f,e,n]),C=(0,N.useCallback)(t=>{n?.(t),f({colors:t.colors,font:t.font,titleFont:t.titleFont,background:t.background,title:t.title}),e?.()},[f,e,n]),w=r===`scroll`,T=(0,N.useRef)(null),[E,D]=(0,N.useState)(0),O=()=>{let e=[];for(let t of ee)if(t.id===`system`){let n=a===`system`,r=y(g(`light`,l).colors),i=y(g(`dark`,l).colors);e.push({key:`system`,label:t.label,truncate:!1,onSelect:()=>b(`system`),isActive:n,preview:(0,F.jsxs)(`div`,{className:`aspect-[4/3] rounded-lg overflow-hidden relative`,children:[(0,F.jsx)(H,{tokens:r,side:`left`}),(0,F.jsx)(H,{tokens:i,side:`right`}),n&&(0,F.jsx)(`div`,{className:`absolute top-1 left-1 size-4 rounded-full flex items-center justify-center`,style:{backgroundColor:I(r.primary)},children:(0,F.jsx)(s,{className:`size-2.5`,style:{color:I(r.primaryForeground)}})})]})})}else{let n=g(t.id,l).colors,r=a===t.id;e.push({key:t.id,label:t.label,truncate:!1,onSelect:()=>b(t.id),isActive:r,preview:(0,F.jsx)(R,{colors:n,isActive:r})})}for(let t of te){let n=_(t.colors);e.push({key:t.id,label:t.label,truncate:!1,onSelect:()=>re(t),isActive:n,preview:(0,F.jsx)(R,{colors:t.colors,isActive:n,backgroundUrl:t.background?.url})})}for(let t of m.data??[]){let n=v(t);e.push({key:`user:${t.identifier}`,label:t.title,truncate:!0,onSelect:()=>C(t),isActive:n,preview:(0,F.jsx)(R,{colors:t.colors,isActive:n,backgroundUrl:t.background?.url})})}return e},k=i?O().slice(0,i):O();if(w){let e=()=>{let e=T.current;if(!e)return;let t=Math.round(e.scrollLeft/e.clientWidth);t!==E&&(D(t),k[t]?.onSelect())},t=e=>{let t=T.current;t&&t.scrollTo({left:e*t.clientWidth,behavior:`smooth`})},n=E>0,r=E<k.length-1;return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsxs)(`div`,{className:`sm:hidden space-y-3`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,F.jsx)(`button`,{onClick:()=>t(E-1),disabled:!n,className:S(`shrink-0 size-8 flex items-center justify-center rounded-full`,`bg-muted border border-border shadow-sm`,`transition-opacity duration-200`,n?`opacity-100`:`opacity-0 pointer-events-none`),children:(0,F.jsx)(u,{className:`size-4`})}),(0,F.jsx)(`div`,{ref:T,onScroll:e,className:`flex flex-1 overflow-x-auto snap-x snap-mandatory`,style:{scrollbarWidth:`none`,WebkitOverflowScrolling:`touch`},children:k.map(e=>(0,F.jsx)(`div`,{className:`shrink-0 w-full snap-start`,children:(0,F.jsx)(z,{isActive:e.isActive,label:e.label,truncate:e.truncate,onClick:e.onSelect,carousel:!0,children:e.preview})},e.key))}),(0,F.jsx)(`button`,{onClick:()=>t(E+1),disabled:!r,className:S(`shrink-0 size-8 flex items-center justify-center rounded-full`,`bg-muted border border-border shadow-sm`,`transition-opacity duration-200`,r?`opacity-100`:`opacity-0 pointer-events-none`),children:(0,F.jsx)(c,{className:`size-4`})})]}),(0,F.jsx)(`div`,{className:`flex justify-center gap-1.5`,children:k.map((e,n)=>(0,F.jsx)(`button`,{onClick:()=>t(n),className:S(`rounded-full transition-all duration-200`,n===E?`w-4 h-1.5 bg-primary`:`w-1.5 h-1.5 bg-muted-foreground/30 hover:bg-muted-foreground/60`)},n))})]}),(0,F.jsx)(`div`,{className:`hidden sm:grid sm:grid-cols-3 gap-3`,children:k.map(e=>(0,F.jsx)(z,{isActive:e.isActive,label:e.label,truncate:e.truncate,onClick:e.onSelect,children:e.preview},e.key))})]})}return(0,F.jsx)(`div`,{className:r===`2`?`grid grid-cols-2 gap-3`:r===`sm`?`grid grid-cols-2 sm:grid-cols-3 gap-3`:`grid grid-cols-2 sidebar:grid-cols-3 gap-3`,children:k.map(e=>(0,F.jsx)(z,{isActive:e.isActive,label:e.label,truncate:e.truncate,onClick:e.onSelect,children:e.preview},e.key))})}function V({builderOpen:e,onBuilderOpenChange:c,builderMode:l}={}){let{theme:u,customTheme:d,themes:f,autoShareTheme:p,setTheme:_,applyCustomTheme:v,setAutoShareTheme:b}=ne(),{user:B}=x(),{publishTheme:V,deleteTheme:U,isPending:W}=te(),{toast:G}=re(),[K,q]=(0,N.useState)(null),[me,he]=(0,N.useState)(void 0),ge=(0,N.useCallback)(e=>{he(e??void 0)},[]),_e=(0,N.useRef)(null),[ve,ye]=(0,N.useState)(!1),[be,xe]=(0,N.useState)(!1),J=(0,N.useCallback)(()=>{let e=_e.current;e&&(ye(e.scrollTop>0),xe(e.scrollTop+e.clientHeight<e.scrollHeight-1))},[]);(0,N.useEffect)(()=>{if(!e)return;let t=requestAnimationFrame(J);return()=>cancelAnimationFrame(t)},[e,J,K,B]);let[Se,Y]=(0,N.useState)(!1),[X,Ce]=(0,N.useState)(``),[Z,we]=(0,N.useState)(``);(0,N.useEffect)(()=>{e&&l===`new`&&q(null)},[e,l]);let Q=L(u,d,f),[$,Te]=(0,N.useState)(null);(0,N.useEffect)(()=>{Te(e?{colors:L(u,d,f),font:d?.font,titleFont:d?.titleFont,background:d?.background}:null)},[e]);let Ee=$!==null&&(JSON.stringify(Q)!==JSON.stringify($.colors)||JSON.stringify(d?.font)!==JSON.stringify($.font)||JSON.stringify(d?.titleFont)!==JSON.stringify($.titleFont)||JSON.stringify(d?.background)!==JSON.stringify($.background)),De=(0,N.useCallback)(()=>{$&&v({...d,colors:$.colors,font:$.font,titleFont:$.titleFont,background:$.background})},[$,d,v]),Oe=(0,N.useCallback)((e,t)=>{let n=ee(t),r={...Q,[e]:n};v({...d,colors:r})},[Q,v,d]),ke=(0,N.useCallback)(()=>{Ce(``),we(``),Y(!0)},[]),Ae=(0,N.useCallback)(async()=>{if(K)try{let e={...d,colors:Q};await V({themeConfig:e,title:K.title,description:K.description,identifier:K.identifier}),q({...K,colors:Q,font:d?.font,titleFont:d?.titleFont,background:d?.background}),G({title:`"${K.title}" updated`,description:`Your theme has been saved and republished.`})}catch(e){console.error(`Failed to update theme:`,e),G({title:`Update failed`,description:`Could not update your theme.`,variant:`destructive`})}},[K,d,Q,V,G]),je=(0,N.useCallback)(async()=>{if(!X.trim()){G({title:`Title required`,description:`Give your theme a name.`,variant:`destructive`});return}try{let e={...d,colors:Q},t=await V({themeConfig:e,title:X.trim(),description:Z.trim()||void 0});Y(!1),q({identifier:t,title:X.trim(),description:Z.trim()||void 0,colors:Q,font:d?.font,titleFont:d?.titleFont,background:d?.background,event:{}}),G({title:`Theme published!`,description:`"${X.trim()}" is now available on Nostr.`})}catch(e){console.error(`Failed to publish theme:`,e),G({title:`Publish failed`,description:`Could not publish your theme.`,variant:`destructive`})}},[X,Z,d,Q,V,G]),Me=(0,N.useCallback)(async()=>{if(K)try{await U(K),G({title:`Theme deleted`,description:`"${K.title}" has been removed.`}),q(null),_(`system`),c?.(!1)}catch(e){console.error(`Failed to delete theme:`,e),G({title:`Delete failed`,description:`Could not delete your theme.`,variant:`destructive`})}},[K,U,G,_,c]),Ne=P(B?.pubkey),Pe=[{id:`system`,label:`System`},{id:`light`,label:`Light`},{id:`dark`,label:`Dark`}],Fe=Object.entries(h).map(([e,t])=>({id:e,label:t.label,colors:t.colors,font:t.font,titleFont:t.titleFont,background:t.background})),Ie=e=>u!==`custom`||!d?!1:JSON.stringify(d.colors)===JSON.stringify(e),Le=e=>K?.identifier===e.identifier&&u===`custom`,Re=(0,N.useCallback)(e=>{q(null),_(e)},[_]),ze=(0,N.useCallback)(e=>{q(null),v({colors:e.colors,font:e.font,titleFont:e.titleFont,background:e.background})},[v]),Be=(0,N.useCallback)(e=>{q(e),v({colors:e.colors,font:e.font,titleFont:e.titleFont,background:e.background,title:e.title})},[v]),Ve=()=>{let e=[];for(let t of Pe)if(t.id===`system`){let n=u===`system`,r=y(g(`light`,f).colors),i=y(g(`dark`,f).colors);e.push({key:`system`,label:t.label,truncate:!1,onSelect:()=>Re(`system`),isActive:n,preview:(0,F.jsxs)(`div`,{className:`aspect-[4/3] rounded-lg overflow-hidden relative`,children:[(0,F.jsx)(H,{tokens:r,side:`left`}),(0,F.jsx)(H,{tokens:i,side:`right`}),n&&(0,F.jsx)(`div`,{className:`absolute top-1 left-1 size-4 rounded-full flex items-center justify-center`,style:{backgroundColor:I(r.primary)},children:(0,F.jsx)(s,{className:`size-2.5`,style:{color:I(r.primaryForeground)}})})]})})}else{let n=g(t.id,f).colors,r=u===t.id;e.push({key:t.id,label:t.label,truncate:!1,onSelect:()=>Re(t.id),isActive:r,preview:(0,F.jsx)(R,{colors:n,isActive:r})})}return e},He=()=>Fe.map(e=>{let t=Ie(e.colors);return{key:e.id,label:e.label,truncate:!1,onSelect:()=>ze(e),isActive:t,preview:(0,F.jsx)(R,{colors:e.colors,isActive:t,backgroundUrl:e.background?.url})}}),Ue=()=>(Ne.data??[]).map(e=>{let t=Le(e);return{key:`user:${e.identifier}`,label:e.title,truncate:!0,onSelect:()=>Be(e),isActive:t,preview:(0,F.jsx)(R,{colors:e.colors,isActive:t,backgroundUrl:e.background?.url})}}),We=Ve(),Ge=He(),Ke=Ue(),qe=`grid grid-cols-2 sidebar:grid-cols-3 gap-3`;return(0,F.jsxs)(`div`,{className:`space-y-6`,children:[(0,F.jsxs)(`div`,{className:`space-y-2`,children:[(0,F.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wider text-muted-foreground/70`,children:`My Themes`}),Ke.length>0?(0,F.jsx)(`div`,{className:qe,children:Ke.map(e=>(0,F.jsx)(z,{isActive:e.isActive,label:e.label,truncate:e.truncate,onClick:e.onSelect,children:e.preview},e.key))}):(0,F.jsxs)(`button`,{onClick:()=>c?.(!0),className:`w-full rounded-xl border-2 border-dashed border-border hover:border-primary/40 p-6 flex flex-col items-center gap-3 text-center transition-colors group`,children:[(0,F.jsx)(`div`,{className:`size-10 rounded-full bg-muted flex items-center justify-center group-hover:bg-primary/10 transition-colors`,children:(0,F.jsx)(r,{className:`size-5 text-muted-foreground group-hover:text-primary transition-colors`})}),(0,F.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Create and share your first custom theme`})]})]}),(0,F.jsxs)(`div`,{className:`space-y-2`,children:[(0,F.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wider text-muted-foreground/70`,children:`Presets`}),(0,F.jsx)(`div`,{className:qe,children:[...We,...Ge].map(e=>(0,F.jsx)(z,{isActive:e.isActive,label:e.label,truncate:e.truncate,onClick:e.onSelect,children:e.preview},e.key))})]}),(0,F.jsx)(j,{open:e??!1,onOpenChange:e=>c?.(e),children:(0,F.jsx)(ae,{ref:ge,className:`w-[calc(100%-2rem)] max-w-md max-h-[85vh] overflow-visible rounded-lg p-0`,children:(0,F.jsxs)(O,{value:me,children:[Ee&&(0,F.jsxs)(`button`,{onClick:De,className:`absolute left-4 top-4 z-10 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,children:[(0,F.jsx)(t,{className:`size-4`}),(0,F.jsx)(`span`,{className:`sr-only`,children:`Reset`})]}),(0,F.jsxs)(`div`,{className:`relative max-h-[85vh] flex flex-col`,children:[(0,F.jsx)(`div`,{className:S(`pointer-events-none absolute top-0 left-0 right-0 z-[1] flex justify-center py-1 transition-opacity duration-200`,ve?`opacity-100`:`opacity-0`),children:(0,F.jsx)(a,{className:`size-4 text-muted-foreground`})}),(0,F.jsx)(`div`,{className:S(`pointer-events-none absolute bottom-0 left-0 right-0 z-[1] flex justify-center py-1 transition-opacity duration-200`,be?`opacity-100`:`opacity-0`),children:(0,F.jsx)(o,{className:`size-4 text-muted-foreground`})}),(0,F.jsxs)(`div`,{className:`overflow-y-auto flex-1 p-6 space-y-4`,ref:_e,onScroll:J,children:[(0,F.jsxs)(k,{className:`text-center`,children:[(0,F.jsx)(A,{className:`text-center`,style:{fontFamily:`var(--title-font-family, inherit)`},children:K?`Edit Theme`:`New Theme`}),(0,F.jsx)(oe,{className:`text-center`,children:K?`Editing "${K.title}"`:`Customize color, font and background`})]}),(0,F.jsxs)(`div`,{className:`space-y-4 py-2`,children:[(0,F.jsx)(`div`,{className:`flex items-start justify-center gap-6`,children:fe.map(e=>(0,F.jsx)(ue,{label:pe[e],value:m(Q[e]),onChange:t=>Oe(e,t)},e))}),(0,F.jsx)(le,{bodyFont:u===`custom`?d?.font:void 0,onBodyFontChange:e=>{let t=d?.colors??{background:`228 20% 10%`,text:`210 40% 98%`,primary:`258 70% 60%`};v({...d,colors:t,font:e})},titleFont:u===`custom`?d?.titleFont:void 0,onTitleFontChange:e=>{let t=d?.colors??{background:`228 20% 10%`,text:`210 40% 98%`,primary:`258 70% 60%`};v({...d,colors:t,titleFont:e})}}),(0,F.jsx)(de,{}),B&&(0,F.jsx)(`div`,{className:`rounded-xl border border-border bg-card p-4`,children:(0,F.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,F.jsxs)(M,{htmlFor:`auto-share-theme-dialog`,className:`flex flex-col gap-1 cursor-pointer`,children:[(0,F.jsx)(`span`,{className:`text-sm font-medium`,children:`Sync with Profile`}),(0,F.jsx)(`span`,{className:`text-xs text-muted-foreground font-normal`,children:`Turn off to display different theme on profile than everywhere else`})]}),(0,F.jsx)(ce,{id:`auto-share-theme-dialog`,checked:p,onCheckedChange:b})]})})]}),B&&(0,F.jsxs)(`div`,{className:`space-y-3 pt-2`,children:[(0,F.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[K&&(0,F.jsxs)(C,{variant:`secondary`,size:`sm`,className:`w-full`,onClick:Ae,disabled:W,children:[(0,F.jsx)(i,{className:`size-3.5 mr-1.5`}),W?`Updating...`:`Update "${K.title}"`]}),(0,F.jsxs)(C,{variant:`outline`,size:`sm`,className:`w-full`,onClick:ke,children:[(0,F.jsx)(i,{className:`size-3.5 mr-1.5`}),`Publish New Theme`]})]}),K&&(0,F.jsxs)(D,{children:[(0,F.jsxs)(E,{className:`flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors group`,children:[(0,F.jsx)(o,{className:`size-3.5 transition-transform group-data-[state=open]:rotate-180`}),`Advanced`]}),(0,F.jsx)(T,{children:(0,F.jsx)(`div`,{className:`pt-3`,children:(0,F.jsxs)(C,{variant:`ghost`,size:`sm`,onClick:Me,disabled:W,className:`text-destructive hover:text-destructive hover:bg-destructive/10`,children:[(0,F.jsx)(n,{className:`size-3.5 mr-1.5`}),`Delete Theme`]})})})]})]})]})]})]})})}),(0,F.jsx)(j,{open:Se,onOpenChange:Y,children:(0,F.jsxs)(ae,{className:`sm:max-w-md`,children:[(0,F.jsxs)(k,{children:[(0,F.jsx)(A,{children:`Publish Theme`}),(0,F.jsx)(oe,{children:`Share your theme on Nostr. Others can browse, preview, and use it.`})]}),(0,F.jsxs)(`div`,{className:`space-y-4 py-2`,children:[(0,F.jsx)(`div`,{className:`flex rounded-lg overflow-hidden h-8`,children:fe.map(e=>(0,F.jsx)(`div`,{className:`flex-1`,style:{backgroundColor:m(Q[e])}},e))}),(0,F.jsxs)(`div`,{className:`space-y-2`,children:[(0,F.jsx)(M,{htmlFor:`theme-title`,children:`Title`}),(0,F.jsx)(w,{id:`theme-title`,value:X,onChange:e=>Ce(e.target.value),placeholder:`e.g. My Dark Theme`,maxLength:80})]}),(0,F.jsxs)(`div`,{className:`space-y-2`,children:[(0,F.jsx)(M,{htmlFor:`theme-description`,children:`Description (optional)`}),(0,F.jsx)(se,{id:`theme-description`,value:Z,onChange:e=>we(e.target.value),placeholder:`A sleek dark theme with purple accents...`,maxLength:200,rows:2})]})]}),(0,F.jsx)(ie,{children:(0,F.jsxs)(C,{onClick:je,disabled:W||!X.trim(),children:[(0,F.jsx)(i,{className:`size-4 mr-1.5`}),W?`Publishing...`:`Publish`]})})]})})]})}function H({tokens:e,side:t}){return(0,F.jsxs)(`div`,{className:S(`absolute inset-0`,t===`right`&&`left-1/2`),style:{backgroundColor:I(e.background),...t===`left`?{width:`50%`}:{}},children:[(0,F.jsx)(`div`,{className:`h-2.5 w-full`,style:{backgroundColor:I(e.card)}}),(0,F.jsxs)(`div`,{className:`p-1.5 space-y-1`,children:[(0,F.jsx)(`div`,{className:`h-1 w-3/4 rounded-full`,style:{backgroundColor:I(e.foreground),opacity:.6}}),(0,F.jsx)(`div`,{className:`h-1 w-1/2 rounded-full`,style:{backgroundColor:I(e.mutedForeground),opacity:.4}}),(0,F.jsx)(`div`,{className:`pt-0.5`,children:(0,F.jsx)(`div`,{className:`h-2 w-8 rounded-sm`,style:{backgroundColor:I(e.primary)}})})]})]})}export{B as ThemeGrid,V as ThemeSelector};
// @license-end