hive-react-kit 0.4.1 → 0.4.2

package/dist/build.css

@@ -1386,6 +1386,9 @@
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
+  .pr-6 {
+    padding-right: calc(var(--spacing) * 6);
+  }
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
@@ -1404,6 +1407,9 @@
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
+  .pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }

package/dist/index.cjs.js

@@ -1087,7 +1087,7 @@ and ensure you are accounting for this risk.
                          transition-colors cursor-pointer`,children:t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("img",{src:xe.userAvatar(f.follower),alt:f.follower,className:"w-12 h-12 rounded-full object-cover",onError:h=>{h.target.src=`https://ui-avatars.com/api/?name=${f.follower}&background=random`}}),t.jsx("div",{className:"flex-1 min-w-0",children:t.jsxs("h3",{className:"font-semibold text-gray-900 dark:text-white truncate",children:["@",f.follower]})})]})},`${f.follower}-${o}`))})})},qd=({username:e,onSelectUser:a})=>{const[s,i]=T.useState([]),[r,n]=T.useState(!0),[u,c]=T.useState(null),d=async()=>{try{n(!0),c(null);const f=await xe.getFollowing(e);i(f)}catch(f){c(f instanceof Error?f.message:"Failed to load following list")}finally{n(!1)}};return T.useEffect(()=>{d()},[e]),r?t.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:t.jsxs("div",{className:"flex items-center gap-2 text-gray-500 dark:text-gray-400",children:[t.jsx(z.Loader2,{className:"w-5 h-5 animate-spin"}),"Loading following list..."]})}):u?t.jsx("div",{className:"flex flex-col items-center justify-center min-h-[400px] space-y-4",children:t.jsxs("div",{className:"text-center",children:[t.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-2",children:"Failed to load following list"}),t.jsx("p",{className:"text-gray-500 dark:text-gray-400 mb-4",children:u}),t.jsxs("button",{onClick:d,className:"m-2 inline-flex items-center justify-center rounded-md border border-input text-gray-400 cursor-pointer bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",children:[t.jsx(z.RefreshCw,{className:"w-4 h-4 mr-2"}),"Try Again"]})]})}):s.length===0?t.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:t.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:"This user is not following anyone."})}):t.jsx("div",{className:"space-y-6",children:t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",children:s.map((f,o)=>t.jsx("div",{onClick:()=>a&&a(f.following),className:`bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
                          rounded-xl p-4 hover:bg-gray-300 dark:hover:bg-gray-700
                          transition-colors cursor-pointer`,children:t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("img",{src:xe.userAvatar(f.following),alt:f.following,className:"w-12 h-12 rounded-full object-cover",onError:h=>{h.target.src=`https://ui-avatars.com/api/?name=${f.following}&background=random`}}),t.jsx("div",{className:"flex-1 min-w-0",children:t.jsxs("h3",{className:"font-semibold text-gray-900 dark:text-white truncate",children:["@",f.following]})})]})},`${f.following}-${o}`))})})},Vd=({username:e})=>{const[a,s]=T.useState(null),[i,r]=T.useState(!0),[n,u]=T.useState(null),c=async()=>{try{r(!0),u(null);const l=await xe.getProfile(e);s(l)}catch(l){u(l instanceof Error?l.message:"Failed to load user details")}finally{r(!1)}};T.useEffect(()=>{c()},[e]);const d=l=>{try{return new Date(l).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}catch{return l}},f=l=>l.replace(/<[^>]*>/g,"");if(i)return t.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:t.jsxs("div",{className:"flex items-center gap-2 text-gray-500 dark:text-gray-400",children:[t.jsx(z.Loader2,{className:"w-5 h-5 animate-spin"}),"Loading user details..."]})});if(n)return t.jsx("div",{className:"flex flex-col items-center justify-center min-h-[400px] space-y-4",children:t.jsxs("div",{className:"text-center",children:[t.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-2",children:"Failed to load user details"}),t.jsx("p",{className:"text-gray-500 dark:text-gray-400 mb-4",children:n}),t.jsxs("button",{onClick:c,className:"m-2 inline-flex items-center justify-center rounded-md border border-input bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",children:[t.jsx(z.RefreshCw,{className:"w-4 h-4"}),"Try Again"]})]})});if(!a?.result)return t.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:t.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:"No user details available"})});const o=a.result,h=o.metadata?.profile;return t.jsx("div",{className:"space-y-6",children:t.jsxs("div",{className:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6",children:[h?.about&&t.jsxs("div",{className:"mb-6",children:[t.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-3",children:"About"}),t.jsx("div",{className:"text-gray-600 dark:text-gray-300 leading-relaxed whitespace-pre-wrap",children:f(h.about)})]}),t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[t.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 rounded-lg",children:[t.jsx("h4",{className:"text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:"Location"}),t.jsx("p",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:h?.location||"Not specified"})]}),t.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 rounded-lg",children:[t.jsx("h4",{className:"text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:"Website"}),t.jsx("a",{href:h?.website,target:"_blank",rel:"noopener noreferrer",className:"text-lg font-semibold text-blue-500 hover:underline",children:h?.website||"Not specified"})]}),t.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 rounded-lg",children:[t.jsx("h4",{className:"text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:"Joined"}),t.jsx("p",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:o.created?d(o.created):"Unknown"})]}),t.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 rounded-lg",children:[t.jsx("h4",{className:"text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:"Followers"}),t.jsx("p",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:o.stats?.followers?.toLocaleString()||"0"})]}),t.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 rounded-lg",children:[t.jsx("h4",{className:"text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:"Following"}),t.jsx("p",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:o.stats?.following?.toLocaleString()||"0"})]}),t.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 rounded-lg",children:[t.jsx("h4",{className:"text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:"Post Count"}),t.jsx("p",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:o.post_count?.toLocaleString()||"0"})]})]})]})})},Em=({username:e,onVideoClick:a,onAuthorClick:s,onBack:i,onClickUserInfoTab:r,onClickFollowersTab:n,onClickFollowingTab:u,onBookmarkToggle:c,onRss:d,onShare:f,onMoreMenu:o,showMoreMenu:h=!1})=>{const[l,p]=T.useState("videos"),[y,w]=T.useState(null),[b,g]=T.useState(!1),[v,N]=T.useState(!0);T.useEffect(()=>{(async()=>{try{N(!0);const D=await xe.getProfile(e);w(D)}catch(D){console.error("Failed to fetch user details:",D)}finally{N(!1)}})()},[e]);const j=()=>{if(f)f(e);else{const E=`https://3speak.tv/user/${e}`;navigator.share?navigator.share({title:y?.result?.name||e,url:E}):navigator.clipboard.writeText(E)}},x=()=>{d?d(e):window.open(`https://3speak.tv/rss/${e}.xml`,"_blank")},m=E=>{s(E)};if(v)return t.jsx("div",{className:"space-y-6",children:t.jsxs("div",{className:"animate-pulse",children:[t.jsx("div",{className:"h-8 bg-gray-200 dark:bg-gray-700 rounded w-32 mb-6"}),t.jsxs("div",{className:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[t.jsx("div",{className:"w-16 h-16 bg-gray-200 dark:bg-gray-700 rounded-full"}),t.jsxs("div",{className:"flex-1 space-y-2",children:[t.jsx("div",{className:"h-6 bg-gray-200 dark:bg-gray-700 rounded w-48"}),t.jsx("div",{className:"h-4 bg-gray-200 dark:bg-gray-700 rounded w-32"})]})]}),t.jsx("div",{className:"flex gap-2",children:Array.from({length:4}).map((E,D)=>t.jsx("div",{className:"h-10 bg-gray-200 dark:bg-gray-700 rounded w-20"},D))})]})]})});const k=y?.result,_=k?.metadata?.profile;return t.jsxs("div",{className:"space-y-6",children:[t.jsxs("button",{onClick:i,className:"flex items-center justify-center mr-4 px-2 text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full",children:[t.jsx(z.ArrowLeft,{className:"w-4 h-4 mr-2"}),"Back"]}),t.jsxs("div",{className:"relative bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden",children:[t.jsx("img",{src:_.cover_image||xe.userAvatar(e),alt:"Cover",className:"w-full h-48 object-cover",onError:E=>{E.target.src=xe.userAvatar(e)}}),t.jsx("div",{className:"p-6",children:t.jsxs("div",{className:"flex flex-col md:flex-row items-start md:items-center gap-6",children:[t.jsx("img",{src:_?.profile_image,alt:_?.name,className:"w-24 h-24 rounded-full object-cover border-4 border-white dark:border-gray-800 -mt-16",onError:E=>{E.target.src=xe.userAvatar(e)}}),t.jsxs("div",{className:"flex-1",children:[t.jsx("h1",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-2",children:_?.name||e}),t.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-4",children:_?.about||"No description available"}),t.jsxs("div",{className:"flex flex-wrap gap-6 text-sm",children:[t.jsxs("div",{className:"flex items-center gap-2 text-gray-500 dark:text-gray-400",children:[t.jsx(z.Users,{className:"w-4 h-4"}),t.jsxs("span",{children:[(k?.stats?.followers||0).toLocaleString()," Followers"]})]}),t.jsxs("div",{className:"flex items-center gap-2 text-gray-500 dark:text-gray-400",children:[t.jsx(z.Users,{className:"w-4 h-4"}),t.jsxs("span",{children:[(k?.stats?.following||0).toLocaleString()," Following"]})]}),t.jsxs("div",{className:"flex items-center gap-2 text-gray-500 dark:text-gray-400",children:[t.jsx(z.Calendar,{className:"w-4 h-4"}),t.jsxs("span",{children:["Joined"," ",k?.created?new Date(k.created).getFullYear():"Unknown"]})]})]})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(go,{id:e,toastType:"user",onAdd:(E,D)=>{c?c(E,!0):console.log("Added:",E,D)},onRemove:(E,D)=>{c?c(E,!1):console.log("Removed:",E,D)}}),t.jsx("button",{onClick:x,className:"p-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",children:t.jsx(z.Rss,{className:"w-4 h-4"})}),t.jsx("button",{onClick:j,className:"p-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",children:t.jsx(z.Share2,{className:"w-4 h-4"})}),h&&t.jsx("button",{onClick:()=>{o&&o(e)},className:"p-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",children:t.jsx(z.MoreVertical,{className:"w-4 h-4"})})]})]})})]}),t.jsxs("div",{children:[t.jsx("div",{className:"grid grid-cols-4 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden",children:[{key:"videos",label:"Videos"},{key:"about",label:"User Info",callback:r},{key:"followers",label:"Followers",callback:n},{key:"following",label:"Following",callback:u}].map((E,D)=>t.jsx("button",{onClick:()=>{E.callback?E.callback():p(E.key)},className:`px-4 py-2 text-xs sm:text-sm font-medium transition-colors ${l===E.key?"bg-blue-600 dark:bg-blue-500 text-white":"text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700"}`,children:E.label},E.key))}),t.jsxs("div",{className:"mt-6",children:[l==="videos"&&t.jsx(fn,{feedType:Xe.USER,username:e,onVideoClick:a,onAuthorClick:s}),l==="about"&&t.jsx(Vd,{username:e}),l==="followers"&&t.jsx(Bd,{username:e,onSelectUser:m}),l==="following"&&t.jsx(qd,{username:e,onSelectUser:m})]})]})]})},Ud=e=>{window.open(e,"_blank")},Am=({app:e,backgroundColor:a,boxShadow:s})=>{const i=()=>{Ud(e.url)};return t.jsx("div",{className:"card hover-lift cursor-pointer transition-all duration-300 h-full",onClick:i,style:{backgroundColor:a??"rgba(15,23,42,0.9)",boxShadow:s??"0 18px 45px rgba(0,0,0,0.6)",border:"1px solid rgba(148,163,184,0.25)"},children:t.jsx("div",{className:"card-body p-6",children:t.jsxs("div",{className:"flex items-start gap-4",children:[t.jsx("div",{className:"flex-shrink-0",children:e.useCircleBackground!==!1?t.jsx("div",{className:"avatar",children:t.jsx("div",{className:"w-16 h-16 rounded-full",children:t.jsx("img",{src:e.imagePath,alt:`${e.name} logo`,className:"w-full h-full object-cover",onError:r=>{r.currentTarget.src="/placeholder.svg"}})})}):t.jsx("img",{src:e.imagePath,alt:`${e.name} logo`,className:"w-16 h-16 object-contain",onError:r=>{r.currentTarget.src="/placeholder.svg"}})}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsxs("div",{className:"flex items-start justify-between",children:[t.jsx("h3",{className:"card-title text-lg font-bold text-base-content mb-2 line-clamp-2",children:e.name}),e.isComingSoon&&t.jsx("div",{className:"badge badge-warning badge-sm",children:"Coming Soon"})]}),t.jsx("div",{className:"text-base-content/70 text-sm leading-relaxed",children:e.description.split(`
-`).map((r,n)=>t.jsx("div",{className:"mb-1",children:r},n))})]})]})})})},Sm=()=>{const[e,a]=T.useState({width:typeof window<"u"?window.innerWidth:0,height:typeof window<"u"?window.innerHeight:0});T.useEffect(()=>{const n=()=>{a({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const s=e.width<850,i=e.width<=1050&&e.width>=850,r=e.width>1050;return{isMobileView:s,isTabletView:i,isWebView:r,screenSize:e}},Cm=({apps:e,cardBackgroundColor:a,cardShadow:s})=>{const{isMobileView:i,isTabletView:r}=Sm(),n=()=>i?"grid-cols-1":r?"grid-cols-2":"grid-cols-3";return t.jsx("div",{className:"container mx-auto px-4 lg:px-16",children:t.jsx("div",{className:`grid ${n()} gap-6 lg:gap-8`,children:e.map((u,c)=>t.jsx(Am,{app:u,backgroundColor:a,boxShadow:s},c))})})},zd=()=>{const e=[{icon:Op,href:"https://x.com/sagarkothari88",bgColor:"bg-blue-500",label:"Twitter"},{icon:Pp,href:"https://discord.gg/WEKa8JKg7W",bgColor:"bg-indigo-600",label:"Discord"}],a=s=>{Ud(s.href)};return t.jsx("footer",{className:"bg-base-300 py-8",children:t.jsx("div",{className:"container mx-auto px-6",children:t.jsxs("div",{className:"flex flex-col md:flex-row items-center justify-between gap-6",children:[t.jsx("h3",{className:"text-2xl font-bold text-base-content",children:"Contact us"}),t.jsx("div",{className:"flex gap-4",children:e.map((s,i)=>t.jsx("button",{onClick:()=>a(s),className:`btn btn-circle ${s.bgColor} text-white hover:scale-110 transition-transform duration-200`,"aria-label":s.label,children:t.jsx(s.icon,{className:"w-5 h-5"})},i))})]})})})},Dm=.07,Tm=85,Om=()=>{const[e,a]=T.useState({hiveUsd:Dm,usdInr:Tm}),[s,i]=T.useState(!0);return T.useEffect(()=>{(async()=>{try{const u=await(await fetch("https://api.coingecko.com/api/v3/simple/price?ids=hive&vs_currencies=usd,inr")).json();u?.hive?.usd&&u?.hive?.inr&&a({hiveUsd:u.hive.usd,usdInr:u.hive.inr/u.hive.usd})}catch{}finally{i(!1)}})()},[]),{rates:e,loading:s}},Pm={USD:{symbol:"$",suffix:"",locale:"en-US"},HIVE:{symbol:"",suffix:" HIVE",locale:"en-US"},INR:{symbol:"₹",suffix:"",locale:"en-IN"}},Ot={salary3:1250,salary2:900,rent:300,utilities:50,vps:175,devPrograms:15,domains:15,infraDepMonth:50,infraMaintMonth:20,furnDepMonth:30,infraCost:6e3,furnitureCost:2400},ne={accent:"#818cf8",error:"#f87171",errorBg:"rgba(248,113,113,0.12)",errorBorder:"rgba(248,113,113,0.3)",warning:"#fbbf24",warningBg:"rgba(251,191,36,0.15)",success:"#34d399",successBg:"rgba(52,211,153,0.15)",info:"#38bdf8",infoBg:"rgba(56,189,248,0.15)",primary:"#6366f1",primaryBg:"rgba(99,102,241,0.15)",progressTrack:"rgba(30,41,59,0.72)",blurOverlay:"rgba(2,6,23,0.72)",gradientFrom:"rgba(2,6,23,0.55)",gradientTo:"rgba(15,23,42,0.2)"},Lm=(e,a)=>e==="USD"?1:e==="INR"?a.usdInr:1/a.hiveUsd,Hd=(e,a)=>{const s=Lm(e,a);return{salary3:Math.round(Ot.salary3*s),salary2:Math.round(Ot.salary2*s),rent:Math.round(Ot.rent*s),utilities:Math.round(Ot.utilities*s),vps:Math.round(Ot.vps*s),devPrograms:Math.round(Ot.devPrograms*s),domains:Math.round(Ot.domains*s),infraDepMonth:Math.round(Ot.infraDepMonth*s),infraMaintMonth:Math.round(Ot.infraMaintMonth*s),furnDepMonth:Math.round(Ot.furnDepMonth*s),infraCost:Math.round(Ot.infraCost*s),furnitureCost:Math.round(Ot.furnitureCost*s)}},Mm=(e,a)=>{const{symbol:s,suffix:i,locale:r}=Pm[a],n=Math.round(e).toLocaleString(r);return`${s}${n}${i}`},$m=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function Rm(e,a){const s=Hd(e,a),i=[];let r=1,n=1,u=1;const c=new Date(2022,0),d=new Date(2026,2),f=new Date(c);for(;f<=d;){const o=f.getFullYear(),h=f.getMonth(),l=f>=new Date(2022,6);l&&h===6&&!(o===2022&&h===6)&&(r*=.9,n*=.9,u*=.85);let p=s.salary3;o===2026&&h>=1&&(p=s.salary2),o>2026&&(p=s.salary2);const y=l?s.rent:0,w=l?s.utilities:0,b=l?s.vps:0,g=l?s.devPrograms:0,v=l?s.domains:0,N=l?Math.round(s.infraDepMonth*r):0,j=l?Math.round(s.infraMaintMonth*n):0,x=l?Math.round(s.furnDepMonth*u):0,m=p+y+w+b+g+v+N+j+x;i.push({year:o,month:h,label:`${$m[h]} ${o}`,salaries:p,rent:y,utilities:w,vps:b,devPrograms:g,domains:v,infraDepreciation:N,infraMaintenance:j,furnitureDepreciation:x,total:m}),f.setMonth(f.getMonth()+1)}return i}const Im=({row:e,fmt:a,textColor:s,cardBackgroundColor:i,dividerColor:r})=>{const[n,u]=T.useState(!1),c=[];return c.push({label:"Salaries",value:e.salaries}),e.rent&&c.push({label:"Rent",value:e.rent}),e.utilities&&c.push({label:"Utilities",value:e.utilities}),e.vps&&c.push({label:"VPS & Hosting",value:e.vps}),e.devPrograms&&c.push({label:"Dev Programs",value:e.devPrograms}),e.domains&&c.push({label:"Domains",value:e.domains}),e.infraDepreciation&&c.push({label:"Infra Depreciation",value:e.infraDepreciation}),e.infraMaintenance&&c.push({label:"Infra Maintenance",value:e.infraMaintenance}),e.furnitureDepreciation&&c.push({label:"Furniture Depreciation",value:e.furnitureDepreciation}),t.jsxs("div",{style:{borderBottom:`1px solid ${r}`},children:[t.jsxs("button",{type:"button",onClick:()=>u(d=>!d),className:"w-full flex justify-between items-center py-3 px-2 transition-colors",style:{color:s},children:[t.jsx("span",{className:"font-medium text-sm",children:e.label}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"font-bold text-sm",style:{color:ne.error},children:a(e.total)}),t.jsx("span",{className:`text-xs transition-transform duration-200 ${n?"rotate-180":""}`,style:{color:ne.accent},children:"▼"})]})]}),n&&t.jsxs("div",{className:"px-4 pb-4 pt-1 rounded-b-lg mx-2 mb-1",style:{backgroundColor:i},children:[c.map((d,f)=>t.jsxs("div",{className:"flex justify-between py-1.5",style:{borderTop:f>0?`1px solid ${r}`:"none"},children:[t.jsx("span",{className:"text-sm",style:{color:ne.accent},children:d.label}),t.jsx("span",{className:"font-medium text-sm",style:{color:s},children:a(d.value)})]},d.label)),t.jsxs("div",{className:"flex justify-between py-2 mt-1",style:{borderTop:`2px solid ${r}`},children:[t.jsx("span",{className:"font-bold text-sm",style:{color:s},children:"Total"}),t.jsx("span",{className:"font-bold text-sm",style:{color:ne.error},children:a(e.total)})]})]})]})},Fm=({onBack:e,backgroundColor:a="#020617",textColor:s="#e5e7eb",cardBackgroundColor:i="rgba(15,23,42,0.85)",dividerColor:r="rgba(148,163,184,0.4)"})=>{const[n,u]=T.useState("USD"),{rates:c,loading:d}=Om(),f=T.useMemo(()=>Rm(n,c),[n,c]),o=T.useMemo(()=>Hd(n,c),[n,c]),h=N=>Mm(N,n),l=[...new Set(f.map(N=>N.year))],p={};l.forEach(N=>{p[N]=f.filter(j=>j.year===N).reduce((j,x)=>j+x.total,0)});const y=f.reduce((N,j)=>N+j.total,0),w=o.infraCost+o.furnitureCost,b=y+w,g=["USD","HIVE","INR"],v="0 18px 45px rgba(0,0,0,0.6)";return t.jsxs("div",{className:"min-h-screen relative overflow-hidden",children:[t.jsx("div",{className:"fixed inset-0 z-0",style:{backgroundColor:a}}),t.jsx("div",{className:"fixed inset-0 z-10 backdrop-blur-md",style:{backgroundColor:ne.blurOverlay}}),t.jsx("div",{className:"fixed inset-0 z-20",style:{background:`linear-gradient(135deg, ${ne.gradientFrom}, transparent, ${ne.gradientTo})`}}),t.jsx("div",{className:"fixed inset-0 z-20",style:{background:`linear-gradient(180deg, ${ne.gradientFrom}, transparent, ${ne.gradientTo})`}}),t.jsxs("div",{className:"relative z-30",style:{color:s},children:[t.jsxs("main",{className:"min-h-screen",children:[t.jsx("div",{className:"pt-8 pb-4",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsxs("button",{type:"button",onClick:e,className:"inline-flex items-center gap-2 hover:underline font-medium",style:{color:ne.accent},children:[t.jsx(Wp,{className:"w-4 h-4"})," Back to Home"]})})}),t.jsx("section",{className:"py-12",children:t.jsxs("div",{className:"container mx-auto px-4 text-center",children:[t.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full font-semibold text-sm mb-6",style:{backgroundColor:ne.errorBg,color:ne.error},children:[t.jsx(Td,{className:"w-4 h-4"}),"Transparency Report — Running in Heavy Debt"]}),t.jsxs("h1",{className:"text-4xl md:text-5xl font-extrabold mb-4",style:{color:s},children:["Our Expenses — Every Single"," ",n==="USD"?"Dollar":n==="HIVE"?"Hive":"Rupee"]}),t.jsxs("p",{className:"max-w-2xl mx-auto text-lg",style:{color:s,opacity:.85},children:["We have never asked for funding. Every rupee has come out of our own pockets. All we ask in return is"," ",t.jsx("span",{className:"font-bold",style:{color:ne.accent},children:"your Hive witness vote"}),"."]})]})}),t.jsx("section",{className:"pb-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("div",{className:"flex justify-center",children:t.jsx("div",{className:"inline-flex rounded-xl p-1 gap-1",style:{backgroundColor:i,boxShadow:v},children:g.map(N=>t.jsxs("button",{onClick:()=>u(N),className:"px-6 py-2.5 rounded-lg font-semibold text-sm transition-all duration-200",style:n===N?{backgroundColor:ne.primary,color:"#ffffff",boxShadow:"0 4px 14px rgba(99,102,241,0.4)"}:{color:s,opacity:.7},children:[N==="INR"&&"₹ INR",N==="USD"&&"$ USD",N==="HIVE"&&"HIVE"]},N))})}),t.jsx("p",{className:"text-center text-xs mt-2",style:{color:s,opacity:.5},children:d?"Fetching live rates…":t.jsxs(t.Fragment,{children:["Live rates via CoinGecko: 1 HIVE ≈ $",c.hiveUsd.toFixed(4)," • 1 USD ≈ ₹",c.usdInr.toFixed(2)]})})]})}),t.jsx("section",{className:"py-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center mb-8",style:{color:s},children:"Month-by-Month Expense Breakdown"}),t.jsx("div",{className:"max-w-6xl mx-auto hidden md:block rounded-2xl",style:{backgroundColor:i,boxShadow:v},children:t.jsxs("table",{className:"w-full border-collapse text-xs",children:[t.jsx("thead",{children:t.jsx("tr",{style:{borderBottom:`2px solid ${r}`},children:[{label:"Month",align:"left",cls:""},{label:"Salaries",align:"right",cls:""},{label:"Rent",align:"right",cls:""},{label:"Utilities",align:"right",cls:""},{label:"VPS",align:"right",cls:"hidden lg:table-cell"},{label:"Dev Prog",align:"right",cls:"hidden lg:table-cell"},{label:"Domains",align:"right",cls:"hidden lg:table-cell"},{label:"Infra Dep.",align:"right",cls:"hidden xl:table-cell"},{label:"Infra Maint.",align:"right",cls:"hidden xl:table-cell"},{label:"Furn. Dep.",align:"right",cls:"hidden xl:table-cell"},{label:"Total",align:"right",cls:""}].map(({label:N,align:j,cls:x})=>t.jsx("th",{className:`px-3 py-4 font-semibold uppercase tracking-wider whitespace-nowrap ${x}`,style:{textAlign:j,color:s,opacity:.5},children:N},N))})}),t.jsxs("tbody",{children:[l.map(N=>{const j=f.filter(x=>x.year===N);return t.jsxs(T.Fragment,{children:[t.jsx("tr",{children:t.jsx("td",{colSpan:11,className:"px-3 py-3 font-bold text-center tracking-widest uppercase",style:{backgroundColor:ne.primaryBg,color:ne.primary},children:N})}),j.map(x=>t.jsxs("tr",{className:"transition-colors",style:{borderBottom:`1px solid ${r}`},onMouseEnter:m=>m.currentTarget.style.backgroundColor="rgba(255,255,255,0.03)",onMouseLeave:m=>m.currentTarget.style.backgroundColor="transparent",children:[t.jsx("td",{className:"px-3 py-3 font-medium whitespace-nowrap",style:{color:s},children:x.label}),t.jsx("td",{className:"px-3 py-3 text-right tabular-nums whitespace-nowrap",style:{color:s,opacity:.85},children:h(x.salaries)}),t.jsx("td",{className:"px-3 py-3 text-right tabular-nums whitespace-nowrap",style:{color:s,opacity:.85},children:x.rent?h(x.rent):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-3 py-3 text-right tabular-nums whitespace-nowrap",style:{color:s,opacity:.85},children:x.utilities?h(x.utilities):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden lg:table-cell",style:{color:s,opacity:.85},children:x.vps?h(x.vps):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden lg:table-cell",style:{color:s,opacity:.85},children:x.devPrograms?h(x.devPrograms):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden lg:table-cell",style:{color:s,opacity:.85},children:x.domains?h(x.domains):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell",style:{color:s,opacity:.85},children:x.infraDepreciation?h(x.infraDepreciation):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell",style:{color:s,opacity:.85},children:x.infraMaintenance?h(x.infraMaintenance):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell",style:{color:s,opacity:.85},children:x.furnitureDepreciation?h(x.furnitureDepreciation):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-3 py-3 text-right font-bold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(x.total)})]},x.label)),t.jsxs("tr",{style:{borderTop:`2px solid ${ne.errorBorder}`,backgroundColor:"rgba(248,113,113,0.06)"},children:[t.jsxs("td",{colSpan:10,className:"px-3 py-3.5 font-bold",style:{color:ne.error},children:[N," Total"]}),t.jsx("td",{className:"px-3 py-3.5 text-right font-bold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(p[N])})]})]},N)}),t.jsxs("tr",{style:{borderTop:`3px solid ${ne.error}`,backgroundColor:ne.errorBg},children:[t.jsx("td",{colSpan:10,className:"px-3 py-4 text-2xl font-extrabold",style:{color:ne.error},children:"GRAND TOTAL (Recurring)"}),t.jsx("td",{className:"px-3 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(y)})]}),t.jsxs("tr",{style:{backgroundColor:ne.errorBg,borderTop:`1px solid ${r}`},children:[t.jsx("td",{colSpan:10,className:"px-3 py-3 text-2xl font-extrabold",style:{color:ne.warning},children:"+ Capital Investments"}),t.jsx("td",{className:"px-3 py-3 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap",style:{color:ne.warning},children:h(w)})]}),t.jsxs("tr",{style:{backgroundColor:"rgba(248,113,113,0.16)",borderTop:`2px solid ${ne.error}`},children:[t.jsx("td",{colSpan:10,className:"px-3 py-4 text-2xl font-extrabold",style:{color:ne.error},children:"TOTAL EXPENSES"}),t.jsx("td",{className:"px-3 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(b)})]})]})]})}),t.jsxs("div",{className:"md:hidden max-w-lg mx-auto",children:[l.map(N=>{const j=f.filter(x=>x.year===N);return t.jsxs(T.Fragment,{children:[t.jsx("div",{className:"font-extrabold text-center py-3 text-lg rounded-lg mt-4 first:mt-0",style:{backgroundColor:ne.primaryBg,color:ne.primary},children:N}),j.map(x=>t.jsx(Im,{row:x,fmt:h,textColor:s,cardBackgroundColor:i,dividerColor:r},x.label)),t.jsxs("div",{className:"flex justify-between items-center py-4 mb-2",style:{borderTop:`2px solid ${ne.errorBorder}`},children:[t.jsxs("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:[N," Total"]}),t.jsx("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:h(p[N])})]})]},N)}),t.jsxs("div",{className:"mt-2 rounded-xl overflow-hidden",children:[t.jsxs("div",{className:"flex justify-between items-center px-4 py-4",style:{backgroundColor:ne.errorBg,borderTop:`4px solid ${ne.error}`},children:[t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.error},children:"GRAND TOTAL (Recurring)"}),t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.error},children:h(y)})]}),t.jsxs("div",{className:"flex justify-between items-center px-4 py-3",style:{backgroundColor:ne.errorBg},children:[t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.warning},children:"+ Capital Investments"}),t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.warning},children:h(w)})]}),t.jsxs("div",{className:"flex justify-between items-center px-4 py-4",style:{backgroundColor:"rgba(248,113,113,0.18)",borderTop:`2px solid ${ne.error}`},children:[t.jsx("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:"TOTAL EXPENSES"}),t.jsx("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:h(b)})]})]})]})]})}),t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"max-w-5xl mx-auto",style:{height:1,backgroundColor:r}})}),t.jsx("section",{className:"py-8",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 max-w-5xl mx-auto",children:[{icon:Fp,iconColor:ne.error,borderColor:ne.error,label:"Total Recurring Expenses",value:h(y),valueColor:ne.error,sub:null},{icon:Mi,iconColor:ne.warning,borderColor:ne.warning,label:"Capital Investments",value:h(w),valueColor:ne.warning,sub:null},{icon:zp,iconColor:ne.error,borderColor:ne.error,label:"Grand Total Spent",value:h(b),valueColor:ne.error,sub:null},{icon:_c,iconColor:ne.success,borderColor:ne.success,label:"Revenue / Funding",value:h(0),valueColor:ne.success,sub:"Zero. Nothing. Nada."}].map(({icon:N,iconColor:j,borderColor:x,label:m,value:k,valueColor:_,sub:E})=>t.jsxs("div",{className:"card glass-effect p-6 rounded-xl text-center border-l-4",style:{backgroundColor:i,boxShadow:v,borderColor:x},children:[t.jsx(N,{className:"w-8 h-8 mx-auto mb-2",style:{color:j}}),t.jsx("p",{className:"text-sm uppercase tracking-wide mb-1",style:{color:s,opacity:.6},children:m}),t.jsx("p",{className:"text-2xl font-extrabold",style:{color:_},children:k}),E&&t.jsx("p",{className:"text-xs mt-1 font-semibold",style:{color:ne.error},children:E})]},m))})})}),t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"max-w-5xl mx-auto",style:{height:1,backgroundColor:r}})}),t.jsx("section",{className:"py-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center mb-8",style:{color:s},children:"Capital Investments (One-Time)"}),t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 max-w-3xl mx-auto",children:[t.jsxs("div",{className:"card glass-effect hover-lift p-6 rounded-xl",style:{backgroundColor:i,boxShadow:v},children:[t.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[t.jsx("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center",style:{backgroundColor:ne.warningBg},children:t.jsx(Mi,{className:"w-5 h-5",style:{color:ne.warning}})}),t.jsx("h3",{className:"text-lg font-bold",style:{color:s},children:"IT Infrastructure"})]}),t.jsx("p",{className:"text-sm mb-2",style:{color:s,opacity:.75},children:"Laptops, computers, networking equipment — purchased since July 2022"}),t.jsx("p",{className:"text-2xl font-extrabold",style:{color:ne.warning},children:h(o.infraCost)}),t.jsx("p",{className:"text-xs mt-1",style:{color:s,opacity:.45},children:"Depreciating at 10%/year • 5%/year maintenance"})]}),t.jsxs("div",{className:"card glass-effect hover-lift p-6 rounded-xl",style:{backgroundColor:i,boxShadow:v},children:[t.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[t.jsx("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center",style:{backgroundColor:ne.infoBg},children:t.jsx(Vp,{className:"w-5 h-5",style:{color:ne.info}})}),t.jsx("h3",{className:"text-lg font-bold",style:{color:s},children:"Fixtures & Furniture"})]}),t.jsx("p",{className:"text-sm mb-2",style:{color:s,opacity:.75},children:"Office furniture, fixtures, and setup — since July 2022"}),t.jsx("p",{className:"text-2xl font-extrabold",style:{color:ne.info},children:h(o.furnitureCost)}),t.jsx("p",{className:"text-xs mt-1",style:{color:s,opacity:.45},children:"Depreciating at 15%/year"})]})]})]})}),t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"max-w-5xl mx-auto",style:{height:1,backgroundColor:r}})}),t.jsx("section",{className:"py-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center mb-8",style:{color:s},children:"Monthly Recurring Expense Categories"}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-5xl mx-auto",children:[{icon:Mp,iconBg:ne.primaryBg,iconColor:ne.primary,label:"Developer Salaries",desc:`3 devs (Jan 2022 – Jan 2026): ${h(o.salary3)}/mo
+`).map((r,n)=>t.jsx("div",{className:"mb-1",children:r},n))})]})]})})})},Sm=()=>{const[e,a]=T.useState({width:typeof window<"u"?window.innerWidth:0,height:typeof window<"u"?window.innerHeight:0});T.useEffect(()=>{const n=()=>{a({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const s=e.width<850,i=e.width<=1050&&e.width>=850,r=e.width>1050;return{isMobileView:s,isTabletView:i,isWebView:r,screenSize:e}},Cm=({apps:e,cardBackgroundColor:a,cardShadow:s})=>{const{isMobileView:i,isTabletView:r}=Sm(),n=()=>i?"grid-cols-1":r?"grid-cols-2":"grid-cols-3";return t.jsx("div",{className:"container mx-auto px-4 lg:px-16",children:t.jsx("div",{className:`grid ${n()} gap-6 lg:gap-8`,children:e.map((u,c)=>t.jsx(Am,{app:u,backgroundColor:a,boxShadow:s},c))})})},zd=()=>{const e=[{icon:Op,href:"https://x.com/sagarkothari88",bgColor:"bg-blue-500",label:"Twitter"},{icon:Pp,href:"https://discord.gg/WEKa8JKg7W",bgColor:"bg-indigo-600",label:"Discord"}],a=s=>{Ud(s.href)};return t.jsx("footer",{className:"bg-base-300 py-8",children:t.jsx("div",{className:"container mx-auto px-6",children:t.jsxs("div",{className:"flex flex-col md:flex-row items-center justify-between gap-6",children:[t.jsx("h3",{className:"text-2xl font-bold text-base-content",children:"Contact us"}),t.jsx("div",{className:"flex gap-4",children:e.map((s,i)=>t.jsx("button",{onClick:()=>a(s),className:`btn btn-circle ${s.bgColor} text-white hover:scale-110 transition-transform duration-200`,"aria-label":s.label,children:t.jsx(s.icon,{className:"w-5 h-5"})},i))})]})})})},Dm=.07,Tm=85,Om=()=>{const[e,a]=T.useState({hiveUsd:Dm,usdInr:Tm}),[s,i]=T.useState(!0);return T.useEffect(()=>{(async()=>{try{const u=await(await fetch("https://api.coingecko.com/api/v3/simple/price?ids=hive&vs_currencies=usd,inr")).json();u?.hive?.usd&&u?.hive?.inr&&a({hiveUsd:u.hive.usd,usdInr:u.hive.inr/u.hive.usd})}catch{}finally{i(!1)}})()},[]),{rates:e,loading:s}},Pm={USD:{symbol:"$",suffix:"",locale:"en-US"},HIVE:{symbol:"",suffix:" HIVE",locale:"en-US"},INR:{symbol:"₹",suffix:"",locale:"en-IN"}},Ot={salary3:1250,salary2:900,rent:300,utilities:50,vps:175,devPrograms:15,domains:15,infraDepMonth:50,infraMaintMonth:20,furnDepMonth:30,infraCost:6e3,furnitureCost:2400},ne={accent:"#818cf8",error:"#f87171",errorBg:"rgba(248,113,113,0.12)",errorBorder:"rgba(248,113,113,0.3)",warning:"#fbbf24",warningBg:"rgba(251,191,36,0.15)",success:"#34d399",successBg:"rgba(52,211,153,0.15)",info:"#38bdf8",infoBg:"rgba(56,189,248,0.15)",primary:"#6366f1",primaryBg:"rgba(99,102,241,0.15)",progressTrack:"rgba(30,41,59,0.72)",blurOverlay:"rgba(2,6,23,0.72)",gradientFrom:"rgba(2,6,23,0.55)",gradientTo:"rgba(15,23,42,0.2)"},Lm=(e,a)=>e==="USD"?1:e==="INR"?a.usdInr:1/a.hiveUsd,Hd=(e,a)=>{const s=Lm(e,a);return{salary3:Math.round(Ot.salary3*s),salary2:Math.round(Ot.salary2*s),rent:Math.round(Ot.rent*s),utilities:Math.round(Ot.utilities*s),vps:Math.round(Ot.vps*s),devPrograms:Math.round(Ot.devPrograms*s),domains:Math.round(Ot.domains*s),infraDepMonth:Math.round(Ot.infraDepMonth*s),infraMaintMonth:Math.round(Ot.infraMaintMonth*s),furnDepMonth:Math.round(Ot.furnDepMonth*s),infraCost:Math.round(Ot.infraCost*s),furnitureCost:Math.round(Ot.furnitureCost*s)}},Mm=(e,a)=>{const{symbol:s,suffix:i,locale:r}=Pm[a],n=Math.round(e).toLocaleString(r);return`${s}${n}${i}`},$m=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function Rm(e,a){const s=Hd(e,a),i=[];let r=1,n=1,u=1;const c=new Date(2022,0),d=new Date(2026,2),f=new Date(c);for(;f<=d;){const o=f.getFullYear(),h=f.getMonth(),l=f>=new Date(2022,6);l&&h===6&&!(o===2022&&h===6)&&(r*=.9,n*=.9,u*=.85);let p=s.salary3;o===2026&&h>=1&&(p=s.salary2),o>2026&&(p=s.salary2);const y=l?s.rent:0,w=l?s.utilities:0,b=l?s.vps:0,g=l?s.devPrograms:0,v=l?s.domains:0,N=l?Math.round(s.infraDepMonth*r):0,j=l?Math.round(s.infraMaintMonth*n):0,x=l?Math.round(s.furnDepMonth*u):0,m=p+y+w+b+g+v+N+j+x;i.push({year:o,month:h,label:`${$m[h]} ${o}`,salaries:p,rent:y,utilities:w,vps:b,devPrograms:g,domains:v,infraDepreciation:N,infraMaintenance:j,furnitureDepreciation:x,total:m}),f.setMonth(f.getMonth()+1)}return i}const Im=({row:e,fmt:a,textColor:s,cardBackgroundColor:i,dividerColor:r})=>{const[n,u]=T.useState(!1),c=[];return c.push({label:"Salaries",value:e.salaries}),e.rent&&c.push({label:"Rent",value:e.rent}),e.utilities&&c.push({label:"Utilities",value:e.utilities}),e.vps&&c.push({label:"VPS & Hosting",value:e.vps}),e.devPrograms&&c.push({label:"Dev Programs",value:e.devPrograms}),e.domains&&c.push({label:"Domains",value:e.domains}),e.infraDepreciation&&c.push({label:"Infra Depreciation",value:e.infraDepreciation}),e.infraMaintenance&&c.push({label:"Infra Maintenance",value:e.infraMaintenance}),e.furnitureDepreciation&&c.push({label:"Furniture Depreciation",value:e.furnitureDepreciation}),t.jsxs("div",{style:{borderBottom:`1px solid ${r}`},children:[t.jsxs("button",{type:"button",onClick:()=>u(d=>!d),className:"w-full flex justify-between items-center py-3 px-2 transition-colors",style:{color:s},children:[t.jsx("span",{className:"font-medium text-sm",children:e.label}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"font-bold text-sm",style:{color:ne.error},children:a(e.total)}),t.jsx("span",{className:`text-xs transition-transform duration-200 ${n?"rotate-180":""}`,style:{color:ne.accent},children:"▼"})]})]}),n&&t.jsxs("div",{className:"px-4 pb-4 pt-1 rounded-b-lg mx-2 mb-1",style:{backgroundColor:i},children:[c.map((d,f)=>t.jsxs("div",{className:"flex justify-between py-1.5",style:{borderTop:f>0?`1px solid ${r}`:"none"},children:[t.jsx("span",{className:"text-sm",style:{color:ne.accent},children:d.label}),t.jsx("span",{className:"font-medium text-sm",style:{color:s},children:a(d.value)})]},d.label)),t.jsxs("div",{className:"flex justify-between py-2 mt-1",style:{borderTop:`2px solid ${r}`},children:[t.jsx("span",{className:"font-bold text-sm",style:{color:s},children:"Total"}),t.jsx("span",{className:"font-bold text-sm",style:{color:ne.error},children:a(e.total)})]})]})]})},Fm=({onBack:e,backgroundColor:a="#020617",textColor:s="#e5e7eb",cardBackgroundColor:i="rgba(15,23,42,0.85)",dividerColor:r="rgba(148,163,184,0.4)"})=>{const[n,u]=T.useState("USD"),{rates:c,loading:d}=Om(),f=T.useMemo(()=>Rm(n,c),[n,c]),o=T.useMemo(()=>Hd(n,c),[n,c]),h=N=>Mm(N,n),l=[...new Set(f.map(N=>N.year))],p={};l.forEach(N=>{p[N]=f.filter(j=>j.year===N).reduce((j,x)=>j+x.total,0)});const y=f.reduce((N,j)=>N+j.total,0),w=o.infraCost+o.furnitureCost,b=y+w,g=["USD","HIVE","INR"],v="0 18px 45px rgba(0,0,0,0.6)";return t.jsxs("div",{className:"min-h-screen relative overflow-hidden",children:[t.jsx("div",{className:"fixed inset-0 z-0",style:{backgroundColor:a}}),t.jsx("div",{className:"fixed inset-0 z-10 backdrop-blur-md",style:{backgroundColor:ne.blurOverlay}}),t.jsx("div",{className:"fixed inset-0 z-20",style:{background:`linear-gradient(135deg, ${ne.gradientFrom}, transparent, ${ne.gradientTo})`}}),t.jsx("div",{className:"fixed inset-0 z-20",style:{background:`linear-gradient(180deg, ${ne.gradientFrom}, transparent, ${ne.gradientTo})`}}),t.jsxs("div",{className:"relative z-30",style:{color:s},children:[t.jsxs("main",{className:"min-h-screen",children:[t.jsx("div",{className:"pt-8 pb-4",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsx("button",{type:"button",onClick:e,className:"inline-flex items-center gap-2 hover:underline font-medium",style:{color:ne.accent},children:t.jsx(Wp,{className:"w-4 h-4"})})})}),t.jsx("section",{className:"py-12",children:t.jsxs("div",{className:"container mx-auto px-4 text-center",children:[t.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full font-semibold text-sm mb-6",style:{backgroundColor:ne.errorBg,color:ne.error},children:[t.jsx(Td,{className:"w-4 h-4"}),"Transparency Report — Running in Heavy Debt"]}),t.jsxs("h1",{className:"text-4xl md:text-5xl font-extrabold mb-4",style:{color:s},children:["Our Expenses — Every Single"," ",n==="USD"?"Dollar":n==="HIVE"?"Hive":"Rupee"]}),t.jsxs("p",{className:"max-w-2xl mx-auto text-lg",style:{color:s,opacity:.85},children:["We have never asked for funding. Every rupee has come out of our own pockets. All we ask in return is"," ",t.jsx("span",{className:"font-bold",style:{color:ne.accent},children:"your Hive witness vote"}),"."]})]})}),t.jsx("section",{className:"pb-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("div",{className:"flex justify-center",children:t.jsx("div",{className:"inline-flex rounded-xl p-1 gap-1",style:{backgroundColor:i,boxShadow:v},children:g.map(N=>t.jsxs("button",{onClick:()=>u(N),className:"px-6 py-2.5 rounded-lg font-semibold text-sm transition-all duration-200",style:n===N?{backgroundColor:ne.primary,color:"#ffffff",boxShadow:"0 4px 14px rgba(99,102,241,0.4)"}:{color:s,opacity:.7},children:[N==="INR"&&"₹ INR",N==="USD"&&"$ USD",N==="HIVE"&&"HIVE"]},N))})}),t.jsx("p",{className:"text-center text-xs mt-2",style:{color:s,opacity:.5},children:d?"Fetching live rates…":t.jsxs(t.Fragment,{children:["Live rates via CoinGecko: 1 HIVE ≈ $",c.hiveUsd.toFixed(4)," • 1 USD ≈ ₹",c.usdInr.toFixed(2)]})})]})}),t.jsx("section",{className:"py-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center mb-8",style:{color:s},children:"Month-by-Month Expense Breakdown"}),t.jsx("div",{className:"max-w-6xl mx-auto hidden md:block rounded-2xl",style:{backgroundColor:i,boxShadow:v},children:t.jsxs("table",{className:"w-full border-collapse text-xs",children:[t.jsx("thead",{children:t.jsx("tr",{style:{borderBottom:`2px solid ${r}`},children:[{label:"Month",align:"left",cls:"pl-6"},{label:"Salaries",align:"right",cls:""},{label:"Rent",align:"right",cls:""},{label:"Utilities",align:"right",cls:""},{label:"VPS",align:"right",cls:"hidden lg:table-cell"},{label:"Dev Prog",align:"right",cls:"hidden lg:table-cell"},{label:"Domains",align:"right",cls:"hidden lg:table-cell"},{label:"Infra Dep.",align:"right",cls:"hidden xl:table-cell"},{label:"Infra Maint.",align:"right",cls:"hidden xl:table-cell"},{label:"Furn. Dep.",align:"right",cls:"hidden xl:table-cell"},{label:"Total",align:"right",cls:"pr-6"}].map(({label:N,align:j,cls:x})=>t.jsx("th",{className:`px-3 py-4 font-semibold uppercase tracking-wider whitespace-nowrap ${x}`,style:{textAlign:j,color:s,opacity:.5},children:N},N))})}),t.jsxs("tbody",{children:[l.map(N=>{const j=f.filter(x=>x.year===N);return t.jsxs(T.Fragment,{children:[t.jsx("tr",{children:t.jsx("td",{colSpan:11,className:"px-3 py-3 font-bold text-center tracking-widest uppercase",style:{backgroundColor:ne.primaryBg,color:ne.primary},children:N})}),j.map(x=>t.jsxs("tr",{className:"transition-colors",style:{borderBottom:`1px solid ${r}`},onMouseEnter:m=>m.currentTarget.style.backgroundColor="rgba(255,255,255,0.03)",onMouseLeave:m=>m.currentTarget.style.backgroundColor="transparent",children:[t.jsx("td",{className:"pl-6 pr-3 py-3 font-medium whitespace-nowrap",style:{color:s},children:x.label}),t.jsx("td",{className:"px-3 py-3 text-right tabular-nums whitespace-nowrap",style:{color:s,opacity:.85},children:h(x.salaries)}),t.jsx("td",{className:"px-3 py-3 text-right tabular-nums whitespace-nowrap",style:{color:s,opacity:.85},children:x.rent?h(x.rent):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-3 py-3 text-right tabular-nums whitespace-nowrap",style:{color:s,opacity:.85},children:x.utilities?h(x.utilities):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden lg:table-cell",style:{color:s,opacity:.85},children:x.vps?h(x.vps):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden lg:table-cell",style:{color:s,opacity:.85},children:x.devPrograms?h(x.devPrograms):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden lg:table-cell",style:{color:s,opacity:.85},children:x.domains?h(x.domains):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell",style:{color:s,opacity:.85},children:x.infraDepreciation?h(x.infraDepreciation):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell",style:{color:s,opacity:.85},children:x.infraMaintenance?h(x.infraMaintenance):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell",style:{color:s,opacity:.85},children:x.furnitureDepreciation?h(x.furnitureDepreciation):t.jsx("span",{style:{opacity:.3},children:"—"})}),t.jsx("td",{className:"pl-3 pr-6 py-3 text-right font-bold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(x.total)})]},x.label)),t.jsxs("tr",{style:{borderTop:`2px solid ${ne.errorBorder}`,backgroundColor:"rgba(248,113,113,0.06)"},children:[t.jsxs("td",{colSpan:10,className:"pl-6 pr-3 py-3.5 font-bold",style:{color:ne.error},children:[N," Total"]}),t.jsx("td",{className:"pl-3 pr-6 py-3.5 text-right font-bold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(p[N])})]})]},N)}),t.jsxs("tr",{style:{borderTop:`3px solid ${ne.error}`,backgroundColor:ne.errorBg},children:[t.jsx("td",{colSpan:10,className:"pl-6 pr-3 py-4 text-2xl font-extrabold",style:{color:ne.error},children:"GRAND TOTAL (Recurring)"}),t.jsx("td",{className:"pl-3 pr-6 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(y)})]}),t.jsxs("tr",{style:{backgroundColor:ne.errorBg,borderTop:`1px solid ${r}`},children:[t.jsx("td",{colSpan:10,className:"pl-6 pr-3 py-3 text-2xl font-extrabold",style:{color:ne.warning},children:"+ Capital Investments"}),t.jsx("td",{className:"pl-3 pr-6 py-3 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap",style:{color:ne.warning},children:h(w)})]}),t.jsxs("tr",{style:{backgroundColor:"rgba(248,113,113,0.16)",borderTop:`2px solid ${ne.error}`},children:[t.jsx("td",{colSpan:10,className:"pl-6 pr-3 py-4 text-2xl font-extrabold",style:{color:ne.error},children:"TOTAL EXPENSES"}),t.jsx("td",{className:"pl-3 pr-6 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap",style:{color:ne.error},children:h(b)})]})]})]})}),t.jsxs("div",{className:"md:hidden max-w-lg mx-auto",children:[l.map(N=>{const j=f.filter(x=>x.year===N);return t.jsxs(T.Fragment,{children:[t.jsx("div",{className:"font-extrabold text-center py-3 text-lg rounded-lg mt-4 first:mt-0",style:{backgroundColor:ne.primaryBg,color:ne.primary},children:N}),j.map(x=>t.jsx(Im,{row:x,fmt:h,textColor:s,cardBackgroundColor:i,dividerColor:r},x.label)),t.jsxs("div",{className:"flex justify-between items-center py-4 mb-2",style:{borderTop:`2px solid ${ne.errorBorder}`},children:[t.jsxs("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:[N," Total"]}),t.jsx("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:h(p[N])})]})]},N)}),t.jsxs("div",{className:"mt-2 rounded-xl overflow-hidden",children:[t.jsxs("div",{className:"flex justify-between items-center px-4 py-4",style:{backgroundColor:ne.errorBg,borderTop:`4px solid ${ne.error}`},children:[t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.error},children:"GRAND TOTAL (Recurring)"}),t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.error},children:h(y)})]}),t.jsxs("div",{className:"flex justify-between items-center px-4 py-3",style:{backgroundColor:ne.errorBg},children:[t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.warning},children:"+ Capital Investments"}),t.jsx("span",{className:"font-extrabold text-base",style:{color:ne.warning},children:h(w)})]}),t.jsxs("div",{className:"flex justify-between items-center px-4 py-4",style:{backgroundColor:"rgba(248,113,113,0.18)",borderTop:`2px solid ${ne.error}`},children:[t.jsx("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:"TOTAL EXPENSES"}),t.jsx("span",{className:"font-extrabold text-lg",style:{color:ne.error},children:h(b)})]})]})]})]})}),t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"max-w-5xl mx-auto",style:{height:1,backgroundColor:r}})}),t.jsx("section",{className:"py-8",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 max-w-5xl mx-auto",children:[{icon:Fp,iconColor:ne.error,borderColor:ne.error,label:"Total Recurring Expenses",value:h(y),valueColor:ne.error,sub:null},{icon:Mi,iconColor:ne.warning,borderColor:ne.warning,label:"Capital Investments",value:h(w),valueColor:ne.warning,sub:null},{icon:zp,iconColor:ne.error,borderColor:ne.error,label:"Grand Total Spent",value:h(b),valueColor:ne.error,sub:null},{icon:_c,iconColor:ne.success,borderColor:ne.success,label:"Revenue / Funding",value:h(0),valueColor:ne.success,sub:"Zero. Nothing. Nada."}].map(({icon:N,iconColor:j,borderColor:x,label:m,value:k,valueColor:_,sub:E})=>t.jsxs("div",{className:"card glass-effect p-6 rounded-xl text-center border-l-4",style:{backgroundColor:i,boxShadow:v,borderColor:x},children:[t.jsx(N,{className:"w-8 h-8 mx-auto mb-2",style:{color:j}}),t.jsx("p",{className:"text-sm uppercase tracking-wide mb-1",style:{color:s,opacity:.6},children:m}),t.jsx("p",{className:"text-2xl font-extrabold",style:{color:_},children:k}),E&&t.jsx("p",{className:"text-xs mt-1 font-semibold",style:{color:ne.error},children:E})]},m))})})}),t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"max-w-5xl mx-auto",style:{height:1,backgroundColor:r}})}),t.jsx("section",{className:"py-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center mb-8",style:{color:s},children:"Capital Investments (One-Time)"}),t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 max-w-3xl mx-auto",children:[t.jsxs("div",{className:"card glass-effect hover-lift p-6 rounded-xl",style:{backgroundColor:i,boxShadow:v},children:[t.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[t.jsx("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center",style:{backgroundColor:ne.warningBg},children:t.jsx(Mi,{className:"w-5 h-5",style:{color:ne.warning}})}),t.jsx("h3",{className:"text-lg font-bold",style:{color:s},children:"IT Infrastructure"})]}),t.jsx("p",{className:"text-sm mb-2",style:{color:s,opacity:.75},children:"Laptops, computers, networking equipment — purchased since July 2022"}),t.jsx("p",{className:"text-2xl font-extrabold",style:{color:ne.warning},children:h(o.infraCost)}),t.jsx("p",{className:"text-xs mt-1",style:{color:s,opacity:.45},children:"Depreciating at 10%/year • 5%/year maintenance"})]}),t.jsxs("div",{className:"card glass-effect hover-lift p-6 rounded-xl",style:{backgroundColor:i,boxShadow:v},children:[t.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[t.jsx("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center",style:{backgroundColor:ne.infoBg},children:t.jsx(Vp,{className:"w-5 h-5",style:{color:ne.info}})}),t.jsx("h3",{className:"text-lg font-bold",style:{color:s},children:"Fixtures & Furniture"})]}),t.jsx("p",{className:"text-sm mb-2",style:{color:s,opacity:.75},children:"Office furniture, fixtures, and setup — since July 2022"}),t.jsx("p",{className:"text-2xl font-extrabold",style:{color:ne.info},children:h(o.furnitureCost)}),t.jsx("p",{className:"text-xs mt-1",style:{color:s,opacity:.45},children:"Depreciating at 15%/year"})]})]})]})}),t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"max-w-5xl mx-auto",style:{height:1,backgroundColor:r}})}),t.jsx("section",{className:"py-8",children:t.jsxs("div",{className:"container mx-auto px-4",children:[t.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center mb-8",style:{color:s},children:"Monthly Recurring Expense Categories"}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-5xl mx-auto",children:[{icon:Mp,iconBg:ne.primaryBg,iconColor:ne.primary,label:"Developer Salaries",desc:`3 devs (Jan 2022 – Jan 2026): ${h(o.salary3)}/mo
 2 devs (Feb 2026 – present): ${h(o.salary2)}/mo`},{icon:Hp,iconBg:ne.errorBg,iconColor:ne.error,label:"Office Rent",desc:`${h(o.rent)}/month since July 2022`},{icon:Od,iconBg:ne.warningBg,iconColor:ne.warning,label:"Utilities",desc:`Internet, Electricity & Backup = ${h(o.utilities)}/mo`},{icon:$p,iconBg:ne.infoBg,iconColor:ne.info,label:"VPS & Hosting",desc:`Hive witness, VSC witness, app backends — ${h(o.vps)}/mo`},{icon:qp,iconBg:ne.successBg,iconColor:ne.success,label:"Dev Programs & Domains",desc:`Apple/Google dev programs ${h(o.devPrograms)} + Domains ${h(o.domains)} = ${h(o.devPrograms+o.domains)}/mo`},{icon:Mi,iconBg:ne.warningBg,iconColor:ne.warning,label:"Depreciation & Maintenance",desc:`IT infra: 10% depreciation + 5% maintenance/yr
 Furniture: 15% depreciation/yr`}].map(({icon:N,iconBg:j,iconColor:x,label:m,desc:k})=>t.jsxs("div",{className:"card glass-effect hover-lift p-5 rounded-xl",style:{backgroundColor:i,boxShadow:v},children:[t.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[t.jsx("div",{className:"w-9 h-9 rounded-lg flex items-center justify-center",style:{backgroundColor:j},children:t.jsx(N,{className:"w-5 h-5",style:{color:x}})}),t.jsx("h3",{className:"font-bold text-sm",style:{color:s},children:m})]}),t.jsx("p",{className:"text-xs whitespace-pre-line",style:{color:s,opacity:.7},children:k})]},m))})]})}),t.jsx("div",{className:"py-2",children:t.jsx("div",{className:"max-w-5xl mx-auto",style:{height:1,backgroundColor:r}})}),t.jsx("section",{className:"py-12",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsx("div",{className:"max-w-3xl mx-auto",children:t.jsxs("div",{className:"card glass-effect rounded-2xl p-8",style:{backgroundColor:i,boxShadow:v,border:`2px solid ${r}`},children:[t.jsxs("div",{className:"text-center mb-6",children:[t.jsx(Bp,{className:"w-12 h-12 mx-auto mb-4",style:{color:ne.error}}),t.jsx("h2",{className:"text-3xl font-extrabold mb-2",style:{color:ne.error},children:"The Hard Truth"})]}),t.jsxs("div",{className:"space-y-4 text-base",style:{color:s,opacity:.9},children:[t.jsxs("p",{children:["We have spent"," ",t.jsx("span",{className:"font-extrabold",style:{color:ne.error},children:h(b)})," ","of our own money building apps, running infrastructure, and supporting the Hive ecosystem."]}),t.jsxs("p",{children:["Except for 3Speak-funded projects —"," ",t.jsx("span",{className:"font-semibold",style:{color:s},children:"Distriator"}),","," ",t.jsx("span",{className:"font-semibold",style:{color:s},children:"CheckInWithXYZ"})," ","&"," ",t.jsx("span",{className:"font-semibold",style:{color:s},children:"3Speak"})," ","— we have"," ",t.jsx("span",{className:"font-extrabold",style:{color:ne.error},children:"never received any funding"})," ","for any of our other projects. Everything else has been entirely self-funded."]}),t.jsxs("p",{children:["We have"," ",t.jsx("span",{className:"font-bold",style:{color:ne.error},children:"never asked for DHF funding or any grants"}),". We have not monetized any of our apps. We have not put ads in our apps. Everything is free, open-source, and built for the Hive community."]}),t.jsxs("p",{children:["On top of all this, we are holding"," ",t.jsx("span",{className:"font-extrabold",style:{color:ne.accent},children:"Hive Power (staked HIVE) worth $11,000"})," ","— locked for 3 months — and we are continuously investing and increasing our stake in Hive. We don't just build on Hive, we put our money where our mouth is."]}),t.jsxs("p",{children:["Since July 2023, we also send approximately"," ",t.jsx("span",{className:"font-bold",style:{color:s},children:"$10 to $20 worth of support every month"})," ","to community initiatives like"," ",t.jsx("span",{className:"font-semibold",children:"Ladies of Hive"}),","," ",t.jsx("span",{className:"font-semibold",children:"Shadow Hunters"}),","," ",t.jsx("span",{className:"font-semibold",children:"Reflection Hunters"}),","," ",t.jsx("span",{className:"font-semibold",children:"Bird Watchers"}),","," ",t.jsx("span",{className:"font-semibold",children:"Power Plant Vegan"}),","," ",t.jsx("span",{className:"font-semibold",children:"India United"}),", and"," ",t.jsx("span",{className:"font-semibold",children:"Amazing Drinks"}),". On top of that, we actively support many Hive users by upvoting their content and rewarding them with Hive inflation through our curation efforts."]}),t.jsxs("p",{children:["This is not sustainable. We are running in"," ",t.jsx("span",{className:"font-extrabold",style:{color:ne.error},children:"heavy debt"}),". Every month, the expenses pile up — salaries, rent, hosting, infrastructure — and nothing comes back."]}),t.jsx("p",{className:"font-semibold",style:{color:s},children:"This is taking a heavy toll — financially, mentally, and emotionally. Building for years without any return is exhausting. But we keep going because we believe in Hive and its community."})]}),t.jsx("div",{className:"my-6",style:{height:1,backgroundColor:r}}),t.jsxs("div",{className:"text-center",children:[t.jsx("h3",{className:"text-2xl font-extrabold mb-3",style:{color:ne.accent},children:"All We Ask Is Your Witness Vote"}),t.jsxs("p",{className:"mb-6 max-w-lg mx-auto",style:{color:s,opacity:.85},children:["We have never asked for money. We are not asking for money now. Just your"," ",t.jsx("span",{className:"font-bold",style:{color:ne.accent},children:"Hive witness vote for @sagarkothari88"})," ","— that's it. That small gesture of support means the world to us and helps us keep building for the ecosystem."]}),t.jsxs("a",{href:"https://vote.hive.uno/@sagarkothari88",target:"_blank",rel:"noopener noreferrer",className:"btn btn-primary btn-lg gap-2",children:[t.jsx(_c,{className:"w-5 h-5"}),"Vote @sagarkothari88 as Witness"]})]})]})})})}),t.jsx("section",{className:"py-8",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsxs("div",{className:"max-w-3xl mx-auto text-center",children:[t.jsx("h3",{className:"text-xl font-bold mb-4",style:{color:s},children:"Debt vs Revenue"}),t.jsx("div",{className:"w-full rounded-full h-8 overflow-hidden mb-2",style:{backgroundColor:ne.progressTrack},children:t.jsx("div",{className:"h-full rounded-full flex items-center justify-end pr-3",style:{width:"100%",background:`linear-gradient(90deg, ${ne.error}, rgba(248,113,113,0.7))`},children:t.jsxs("span",{className:"text-xs font-bold text-white",children:["DEBT: ",h(b)]})})}),t.jsx("div",{className:"w-full rounded-full h-8 overflow-hidden",style:{backgroundColor:ne.progressTrack},children:t.jsx("div",{className:"h-full rounded-full flex items-center pl-3",style:{width:"2%",minWidth:"80px",backgroundColor:ne.success},children:t.jsx("span",{className:"text-xs font-bold text-white",children:h(0)})})}),t.jsxs("p",{className:"text-xs mt-2",style:{color:s,opacity:.45},children:["Revenue bar is at minimum width because the actual value is ",h(0)]})]})})}),t.jsx("div",{className:"py-20"})]}),t.jsx(zd,{})]})]})},Bm=[{imagePath:Ne.hreplier,name:"hReplier",url:"https://hreplier.sagarkothari88.one/",description:`- Easily Manage your Hive Blog's replies
 - We are working on Hive Inbox as Key contributors`},{imagePath:Ne.template,name:"hSnaps",url:"https://hsnaps.sagarkothari88.one/",description:`- A Snaps App for Hive Blockchain

package/dist/index.esm.js

@@ -28248,17 +28248,14 @@ const pg = ({ row: e, fmt: a, textColor: n, cardBackgroundColor: i, dividerColor
     ),
     /* @__PURE__ */ t.jsxs("div", { className: "relative z-30", style: { color: n }, children: [
       /* @__PURE__ */ t.jsxs("main", { className: "min-h-screen", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "pt-8 pb-4", children: /* @__PURE__ */ t.jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: "pt-8 pb-4", children: /* @__PURE__ */ t.jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
             onClick: e,
             className: "inline-flex items-center gap-2 hover:underline font-medium",
             style: { color: ne.accent },
-            children: [
-              /* @__PURE__ */ t.jsx(Dm, { className: "w-4 h-4" }),
-              " Back to Home"
-            ]
+            children: /* @__PURE__ */ t.jsx(Dm, { className: "w-4 h-4" })
           }
         ) }) }),
         /* @__PURE__ */ t.jsx("section", { className: "py-12", children: /* @__PURE__ */ t.jsxs("div", { className: "container mx-auto px-4 text-center", children: [
@@ -28323,7 +28320,7 @@ const pg = ({ row: e, fmt: a, textColor: n, cardBackgroundColor: i, dividerColor
               style: { backgroundColor: i, boxShadow: v },
               children: /* @__PURE__ */ t.jsxs("table", { className: "w-full border-collapse text-xs", children: [
                 /* @__PURE__ */ t.jsx("thead", { children: /* @__PURE__ */ t.jsx("tr", { style: { borderBottom: `2px solid ${r}` }, children: [
-                  { label: "Month", align: "left", cls: "" },
+                  { label: "Month", align: "left", cls: "pl-6" },
                   { label: "Salaries", align: "right", cls: "" },
                   { label: "Rent", align: "right", cls: "" },
                   { label: "Utilities", align: "right", cls: "" },
@@ -28333,7 +28330,7 @@ const pg = ({ row: e, fmt: a, textColor: n, cardBackgroundColor: i, dividerColor
                   { label: "Infra Dep.", align: "right", cls: "hidden xl:table-cell" },
                   { label: "Infra Maint.", align: "right", cls: "hidden xl:table-cell" },
                   { label: "Furn. Dep.", align: "right", cls: "hidden xl:table-cell" },
-                  { label: "Total", align: "right", cls: "" }
+                  { label: "Total", align: "right", cls: "pr-6" }
                 ].map(({ label: N, align: j, cls: x }) => /* @__PURE__ */ t.jsx(
                   "th",
                   {
@@ -28364,7 +28361,7 @@ const pg = ({ row: e, fmt: a, textColor: n, cardBackgroundColor: i, dividerColor
                           onMouseEnter: (m) => m.currentTarget.style.backgroundColor = "rgba(255,255,255,0.03)",
                           onMouseLeave: (m) => m.currentTarget.style.backgroundColor = "transparent",
                           children: [
-                            /* @__PURE__ */ t.jsx("td", { className: "px-3 py-3 font-medium whitespace-nowrap", style: { color: n }, children: x.label }),
+                            /* @__PURE__ */ t.jsx("td", { className: "pl-6 pr-3 py-3 font-medium whitespace-nowrap", style: { color: n }, children: x.label }),
                             /* @__PURE__ */ t.jsx("td", { className: "px-3 py-3 text-right tabular-nums whitespace-nowrap", style: { color: n, opacity: 0.85 }, children: h(x.salaries) }),
                             /* @__PURE__ */ t.jsx("td", { className: "px-3 py-3 text-right tabular-nums whitespace-nowrap", style: { color: n, opacity: 0.85 }, children: x.rent ? h(x.rent) : /* @__PURE__ */ t.jsx("span", { style: { opacity: 0.3 }, children: "—" }) }),
                             /* @__PURE__ */ t.jsx("td", { className: "px-3 py-3 text-right tabular-nums whitespace-nowrap", style: { color: n, opacity: 0.85 }, children: x.utilities ? h(x.utilities) : /* @__PURE__ */ t.jsx("span", { style: { opacity: 0.3 }, children: "—" }) }),
@@ -28374,31 +28371,31 @@ const pg = ({ row: e, fmt: a, textColor: n, cardBackgroundColor: i, dividerColor
                             /* @__PURE__ */ t.jsx("td", { className: "px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell", style: { color: n, opacity: 0.85 }, children: x.infraDepreciation ? h(x.infraDepreciation) : /* @__PURE__ */ t.jsx("span", { style: { opacity: 0.3 }, children: "—" }) }),
                             /* @__PURE__ */ t.jsx("td", { className: "px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell", style: { color: n, opacity: 0.85 }, children: x.infraMaintenance ? h(x.infraMaintenance) : /* @__PURE__ */ t.jsx("span", { style: { opacity: 0.3 }, children: "—" }) }),
                             /* @__PURE__ */ t.jsx("td", { className: "px-5 py-3 text-right tabular-nums whitespace-nowrap hidden xl:table-cell", style: { color: n, opacity: 0.85 }, children: x.furnitureDepreciation ? h(x.furnitureDepreciation) : /* @__PURE__ */ t.jsx("span", { style: { opacity: 0.3 }, children: "—" }) }),
-                            /* @__PURE__ */ t.jsx("td", { className: "px-3 py-3 text-right font-bold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(x.total) })
+                            /* @__PURE__ */ t.jsx("td", { className: "pl-3 pr-6 py-3 text-right font-bold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(x.total) })
                           ]
                         },
                         x.label
                       )),
                       /* @__PURE__ */ t.jsxs("tr", { style: { borderTop: `2px solid ${ne.errorBorder}`, backgroundColor: "rgba(248,113,113,0.06)" }, children: [
-                        /* @__PURE__ */ t.jsxs("td", { colSpan: 10, className: "px-3 py-3.5 font-bold", style: { color: ne.error }, children: [
+                        /* @__PURE__ */ t.jsxs("td", { colSpan: 10, className: "pl-6 pr-3 py-3.5 font-bold", style: { color: ne.error }, children: [
                           N,
                           " Total"
                         ] }),
-                        /* @__PURE__ */ t.jsx("td", { className: "px-3 py-3.5 text-right font-bold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(p[N]) })
+                        /* @__PURE__ */ t.jsx("td", { className: "pl-3 pr-6 py-3.5 text-right font-bold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(p[N]) })
                       ] })
                     ] }, N);
                   }),
                   /* @__PURE__ */ t.jsxs("tr", { style: { borderTop: `3px solid ${ne.error}`, backgroundColor: ne.errorBg }, children: [
-                    /* @__PURE__ */ t.jsx("td", { colSpan: 10, className: "px-3 py-4 text-2xl font-extrabold", style: { color: ne.error }, children: "GRAND TOTAL (Recurring)" }),
-                    /* @__PURE__ */ t.jsx("td", { className: "px-3 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(y) })
+                    /* @__PURE__ */ t.jsx("td", { colSpan: 10, className: "pl-6 pr-3 py-4 text-2xl font-extrabold", style: { color: ne.error }, children: "GRAND TOTAL (Recurring)" }),
+                    /* @__PURE__ */ t.jsx("td", { className: "pl-3 pr-6 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(y) })
                   ] }),
                   /* @__PURE__ */ t.jsxs("tr", { style: { backgroundColor: ne.errorBg, borderTop: `1px solid ${r}` }, children: [
-                    /* @__PURE__ */ t.jsx("td", { colSpan: 10, className: "px-3 py-3 text-2xl font-extrabold", style: { color: ne.warning }, children: "+ Capital Investments" }),
-                    /* @__PURE__ */ t.jsx("td", { className: "px-3 py-3 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap", style: { color: ne.warning }, children: h(w) })
+                    /* @__PURE__ */ t.jsx("td", { colSpan: 10, className: "pl-6 pr-3 py-3 text-2xl font-extrabold", style: { color: ne.warning }, children: "+ Capital Investments" }),
+                    /* @__PURE__ */ t.jsx("td", { className: "pl-3 pr-6 py-3 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap", style: { color: ne.warning }, children: h(w) })
                   ] }),
                   /* @__PURE__ */ t.jsxs("tr", { style: { backgroundColor: "rgba(248,113,113,0.16)", borderTop: `2px solid ${ne.error}` }, children: [
-                    /* @__PURE__ */ t.jsx("td", { colSpan: 10, className: "px-3 py-4 text-2xl font-extrabold", style: { color: ne.error }, children: "TOTAL EXPENSES" }),
-                    /* @__PURE__ */ t.jsx("td", { className: "px-3 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(b) })
+                    /* @__PURE__ */ t.jsx("td", { colSpan: 10, className: "pl-6 pr-3 py-4 text-2xl font-extrabold", style: { color: ne.error }, children: "TOTAL EXPENSES" }),
+                    /* @__PURE__ */ t.jsx("td", { className: "pl-3 pr-6 py-4 text-right text-2xl font-extrabold tabular-nums whitespace-nowrap", style: { color: ne.error }, children: h(b) })
                   ] })
                 ] })
               ] })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hive-react-kit",
   "private": false,
-  "version": "0.4.1",
+  "version": "0.4.2",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",