1import{r as i,a0 as e,au as G,ak as F,av as f,a2 as d,e as b,f as j,aK as k,ag as K,a1 as q,aL as E,aD as z}from"./vendor-framework-BJVwPIGp.js";import{j as W,f as J,g as O,i as R,h as M,C as S,k as Q,l as V,m as X,n as Y,o as Z,p as H,q as ee,r as te,s as ae,U as re,R as se,e as ne,d as oe,T as le,S as de,A as ce,c as ie,a as xe,b as me,D as ue,t as he,v as pe,w as fe}from"./index-JxbPLTrQ.js";import{M as w,A as be,z as je,y as we,x as ge,w as ve,v as Ce,u as ye,t as Ne,s as ke,r as Re,q as Me,p as Se,o as $e,n as Ae,m as Le,l as _e,k as De,j as Te,i as Pe,h as Be,g as Ie,f as Ue,e as Ge,d as Fe,c as Ke,b as qe,a as $}from"./MonoRoundedRangeChart-B3xzQJZF.js";import"./vendor-charts-Dd-RGizZ.js";function Oe({chartId:l,theme:g,onBack:A,showToast:x,triggerHaptic:s}){const a=g==="dark",n=W(l),[c,L]=i.useState("preview"),[t,_]=i.useState(g),[m,v]=i.useState(!1),[h,C]=i.useState(!1),[D,T]=i.useState(0),P=t==="dark",p=`npx @subhanhq/amicro@latest add ${n.registry}`,y=()=>{navigator.clipboard.writeText(p),v(!0),s&&s("success"),x&&x("Copied CLI command to clipboard!"),setTimeout(()=>v(!1),2e3)},B=()=>{navigator.clipboard.writeText(n.usage),C(!0),s&&s("success"),x&&x("Copied code snippet!"),setTimeout(()=>C(!1),2e3)},I=()=>{s&&s("light"),T(r=>r+1)},U=()=>{switch(l){case"mono-rounded-line":return e.jsx($,{theme:t,compact:!1});case"mono-rounded-bar":return e.jsx(qe,{theme:t,compact:!1});case"mono-rounded-area":return e.jsx(Ke,{theme:t,compact:!1});case"mono-rounded-donut":return e.jsx(Fe,{theme:t,compact:!1});case"mono-rounded-composed":return e.jsx(Ge,{theme:t,compact:!1});case"mono-rounded-scatter":return e.jsx(Ue,{theme:t,compact:!1});case"mono-rounded-candlestick":return e.jsx(Ie,{theme:t,compact:!1});case"mono-rounded-kpi":return e.jsx(Be,{theme:t,compact:!1});case"mono-rounded-pyramid":return e.jsx(Pe,{theme:t,compact:!1});case"mono-rounded-radial-group":return e.jsx(Te,{theme:t,compact:!1});case"mono-rounded-gauge-arc":return e.jsx(De,{theme:t,compact:!1});case"mono-rounded-bullet":return e.jsx(_e,{theme:t,compact:!1});case"mono-rounded-sankey":return e.jsx(Le,{theme:t,compact:!1});case"mono-rounded-step":return e.jsx(Ae,{theme:t,compact:!1});case"mono-rounded-stacked-bar":return e.jsx($e,{theme:t,compact:!1});case"mono-rounded-radar":return e.jsx(Se,{theme:t,compact:!1});case"mono-rounded-radial-gauge":return e.jsx(Me,{theme:t,compact:!1});case"mono-rounded-funnel":return e.jsx(Re,{theme:t,compact:!1});case"mono-rounded-heatmap":return e.jsx(ke,{theme:t,compact:!1});case"mono-rounded-sparkline":return e.jsx(Ne,{theme:t,compact:!1});case"mono-rounded-bubble":return e.jsx(ye,{theme:t,compact:!1});case"mono-rounded-treemap":return e.jsx(Ce,{theme:t,compact:!1});case"mono-rounded-stream":return e.jsx(ve,{theme:t,compact:!1});case"mono-rounded-meter":return e.jsx(ge,{theme:t,compact:!1});case"mono-rounded-waterfall":return e.jsx(we,{theme:t,compact:!1});case"mono-rounded-polar":return e.jsx(je,{theme:t,compact:!1});case"mono-rounded-range":return e.jsx(be,{theme:t,compact:!1});case"mono-activity-green":return e.jsx(w,{theme:t,accentColor:"green"});case"mono-activity-blue":return e.jsx(w,{theme:t,accentColor:"blue"});case"mono-activity-purple":return e.jsx(w,{theme:t,accentColor:"purple"});case"dither-donut":return e.jsx(ue,{theme:t,compact:!1});case"dither-growth":return e.jsx(me,{theme:t,compact:!1});case"dither-stacked":return e.jsx(xe,{theme:t,compact:!1});case"dither-funnel":return e.jsx(ie,{theme:t,compact:!1});case"activity-heatmap":return e.jsx(ce,{theme:t});case"server-gauge":return e.jsx(de,{theme:t});case"traffic-bubble":return e.jsx(le,{theme:t});case"device-usage":return e.jsx(oe,{theme:t});case"storage-usage":return e.jsx(ne,{theme:t});case"revenue-line":return e.jsx(se,{theme:t});case"uptime-chart":return e.jsx(re,{theme:t});case"card-arc-5":case"c1":return e.jsx(ae,{hovered:!0});case"card-arc-7":case"c2":return e.jsx(te,{hovered:!0});case"card-long-arc-5":case"c3":return e.jsx(ee,{hovered:!0});case"card-linear-spread":case"c4":return e.jsx(H,{hovered:!0});case"card-corner-fan":case"c5":return e.jsx(Z,{hovered:!0});case"card-stamp-arc":case"c6":return e.jsx(Y,{hovered:!0});case"card-cascade-stagger":case"c8":return e.jsx(X,{hovered:!0});case"card-scatter-spread":case"c9":return e.jsx(V,{hovered:!0});case"card-wheel-fan":case"c10":return e.jsx(Q,{hovered:!0});case"card-carousel":case"c11":return e.jsx(S,{hovered:!0});case"card-cover-flow":case"c12":return e.jsx(M,{hovered:!0});case"card-time-machine":case"c13":return e.jsx(R,{hovered:!0});case"card-carousel-mono":return e.jsx(S,{hovered:!0,isMonochrome:!0});case"card-cover-flow-mono":return e.jsx(M,{hovered:!0,isMonochrome:!0});case"card-time-machine-mono":return e.jsx(R,{hovered:!0,isMonochrome:!0})}const r=he.find(o=>o.id===l||`btn-${o.id}`===l);if(r)return e.jsx(pe,{config:r,layoutMode:"grid",theme:t});for(const o of fe){const N=o.loaders.find(u=>u.kebabName===l||u.name.toLowerCase().replace(/\s+/g,"-")===l);if(N){const u=N.component;return e.jsx(u,{theme:t})}}return e.jsx($,{theme:t,compact:!1})};return e.jsxs("div",{className:"w-full max-w-[1240px] mx-auto px-4 sm:px-6 py-6 sm:py-10 flex flex-col gap-8 font-sans",children:[e.jsxs("div",{className:"flex items-center justify-between w-full flex-wrap gap-4",children:[e.jsxs("button",{onClick:()=>{s&&s("light"),A()},className:`inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full text-xs font-semibold transition-all cursor-pointer border ${a?"bg-white/5 border-white/10 text-neutral-300 hover:bg-white/10 hover:text-white":"bg-neutral-100 border-neutral-200 text-neutral-700 hover:bg-neutral-200 hover:text-black"}`,children:[e.jsx(G,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Back to Catalog"})]}),e.jsxs("div",{className:`text-xs font-normal tracking-tight ${a?"text-[#767676]":"text-neutral-500"}`,children:[e.jsx("span",{children:"Catalog"})," ",e.jsx("span",{className:"opacity-40",children:"/"})," ",e.jsx("span",{children:n.categoryLabel})," ",e.jsx("span",{className:"opacity-40",children:"/"})," ",e.jsx("span",{className:a?"text-[#ededed] font-medium":"text-black font-medium",children:n.name})]})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs("div",{className:`inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-semibold tracking-wide uppercase transition-all ${a?"bg-white/10 text-neutral-200 border border-white/20":"bg-neutral-900 text-white border border-neutral-700"}`,children:[e.jsx(F,{className:"w-3.5 h-3.5 fill-current"}),e.jsx("span",{children:n.categoryLabel})]})}),e.jsxs("div",{className:"flex flex-col md:flex-row md:items-end justify-between gap-6",children:[e.jsxs("div",{className:"flex flex-col gap-2 max-w-2xl",children:[e.jsx("h1",{className:`text-3xl sm:text-[44px] font-medium leading-[1.1] tracking-[-0.01em] transition-colors ${a?"text-[#ededed]":"text-black"}`,children:n.name}),e.jsx("p",{className:`text-sm sm:text-[15px] leading-relaxed ${a?"text-[#767676]":"text-neutral-600"}`,children:n.description})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0 w-full md:w-auto",children:[e.jsxs("div",{className:`flex-1 md:flex-initial flex items-center gap-2 px-3.5 py-2 rounded-full border text-xs font-mono overflow-x-auto ${a?"bg-white/[0.04] border-white/10 text-neutral-300":"bg-neutral-100 border-neutral-200 text-neutral-800"}`,children:[e.jsx(f,{className:"w-3.5 h-3.5 text-neutral-400 shrink-0"}),e.jsx("span",{className:"truncate max-w-[240px]",children:p})]}),e.jsx(d.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:y,className:`p-2.5 rounded-full border transition-all cursor-pointer shrink-0 ${m?a?"bg-emerald-500/20 text-emerald-400 border-emerald-500/30":"bg-emerald-100 text-emerald-600 border-emerald-300":a?"bg-white/10 border-white/10 text-neutral-300 hover:text-white hover:bg-white/15":"bg-neutral-200 border-neutral-300 text-neutral-700 hover:text-black hover:bg-neutral-300"}`,title:"Copy CLI command",children:e.jsx(J,{children:e.jsx(O,{children:m?e.jsx(b,{className:"w-4 h-4 text-emerald-400"}):e.jsx(j,{className:"w-4 h-4"})},m?"check":"copy")})})]})]})]}),e.jsx("div",{className:`p-1 rounded-full border inline-flex items-center gap-1 self-start ${a?"bg-[#181818] border-white/5":"bg-neutral-200/50 border-neutral-300/30"}`,children:[{id:"preview",label:"Preview Stage",icon:k},{id:"code",label:"Code Snippet",icon:k},{id:"install",label:"CLI Install",icon:f},{id:"props",label:"Props API",icon:K}].map(r=>{const o=c===r.id;return e.jsx("button",{onClick:()=>
1{s&&s("light"),L(r.id)},className:`px-4 py-1.5 rounded-full text-[13px] font-medium transition-all cursor-pointer border-0 ${o?a?"bg-[#2a2a2a] text-white shadow-sm font-semibold":"bg-white text-black shadow-sm font-semibold":a?"text-[#767676] hover:text-white":"text-black opacity-70 hover:opacity-100"}`,children:r.label},r.id)})}),e.jsx("div",{className:"w-full",children:e.jsxs(q,{mode:"wait",children:[c==="preview"&&e.jsx(d.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"flex flex-col gap-4 w-full",children:e.jsxs("div",{className:`relative w-full rounded-[24px] transition-all duration-300 flex flex-col justify-between p-4 sm:p-6 ${a?"bg-[#181818] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)] border border-white/5":"bg-white shadow-[0_4px_20px_rgba(0,0,0,0.04)] border border-neutral-100 text-black"}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 flex-wrap gap-2",children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("span",{className:`text-[13px] font-semibold ${a?"text-white":"text-black"}`,children:"Interactive Stage Preview"})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:I,title:"Reset Stage",className:`p-1.5 rounded-full border transition-all cursor-pointer ${a?"bg-white/5 border-white/10 text-neutral-300 hover:text-white hover:bg-white/10":"bg-neutral-100 border-neutral-200 text-neutral-700 hover:text-black hover:bg-neutral-200"}`,children:e.jsx(E,{className:"w-3.5 h-3.5"})}),e.jsx("div",{className:`p-0.5 rounded-full border flex items-center gap-0.5 ${a?"bg-white/5 border-white/10":"bg-neutral-200/60 border-neutral-300/40"}`,children:["dark","light"].map(r=>e.jsx("button",{onClick:()=>{s&&s("light"),_(r)},className:`px-3 py-1 rounded-full text-xs font-medium capitalize transition-all cursor-pointer ${t===r?a?"bg-white text-black font-semibold shadow-sm":"bg-black text-white font-semibold shadow-sm":a?"text-neutral-400 hover:text-white":"text-neutral-600 hover:text-black"}`,children:r},r))})]})]}),e.jsx("div",{className:`w-full min-h-[380px] sm:min-h-[460px] rounded-[14px] flex items-center justify-center relative overflow-hidden transition-colors duration-300 ${P?"bg-[#131313] shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]":"bg-[#f4f4f6] shadow-[inset_0_0_0_1px_rgba(0,0,0,0.03)]"}`,children:e.jsx("div",{className:"w-full max-w-[640px] flex items-center justify-center p-6",children:U()})},D)]})},"preview"),c==="code"&&e.jsxs(d.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"flex flex-col gap-4 w-full",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:`text-[13px] font-semibold ${a?"text-white":"text-black"}`,children:"React Usage Snippet"}),e.jsxs(d.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:B,className:`inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-semibold border transition-all cursor-pointer ${h?a?"bg-emerald-500/20 text-emerald-400 border-emerald-500/30":"bg-emerald-100 text-emerald-600 border-emerald-300":a?"bg-white/5 border-white/10 text-neutral-300 hover:text-white hover:bg-white/10":"bg-neutral-100 border-neutral-200 text-neutral-700 hover:text-black hover:bg-neutral-200"}`,children:[h?e.jsx(b,{className:"w-3.5 h-3.5 text-emerald-400"}):e.jsx(j,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:h?"Copied":"Copy Code"})]})]}),e.jsx("div",{className:`w-full rounded-[14px] p-5 border font-mono text-xs overflow-x-auto leading-relaxed ${a?"bg-[#131313] border-white/10 text-neutral-200":"bg-neutral-900 border-neutral-800 text-neutral-100 shadow-md"}`,children:e.jsx("pre",{children:n.usage})})]},"code"),c==="install"&&e.jsxs(d.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"flex flex-col gap-6 w-full max-w-3xl",children:[e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("span",{className:`text-[13px] font-semibold ${a?"text-white":"text-black"}`,children:"1. Amicro CLI Installation"}),e.jsxs("div",{className:`flex items-center gap-2 p-4 rounded-[14px] border font-mono text-xs ${a?"bg-[#131313] border-white/10 text-neutral-300":"bg-neutral-100 border-neutral-200 text-neutral-800"}`,children:[e.jsx(f,{className:"w-4 h-4 text-neutral-400 shrink-0"}),e.jsx("span",{className:"flex-1",children:p}),e.jsx("button",{onClick:y,className:`p-2 rounded-full border transition-all cursor-pointer ${a?"bg-white/10 border-white/10 hover:bg-white/15":"bg-neutral-200 border-neutral-300"}`,children:m?e.jsx(b,{className:"w-3.5 h-3.5 text-emerald-400"}):e.jsx(j,{className:"w-3.5 h-3.5"})})]})]}),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("span",{className:`text-[13px] font-semibold ${a?"text-white":"text-black"}`,children:"2. Peer Dependencies"}),e.jsx("div",{className:"flex items-center gap-2 flex-wrap",children:n.dependencies.map(r=>e.jsxs("span",{className:`px-3 py-1 rounded-full text-xs font-mono border ${a?"bg-white/5 border-white/10 text-neutral-300":"bg-neutral-100 border-neutral-200 text-neutral-700"}`,children:["npm install ",r]},r))})]})]},"install"),c==="props"&&e.jsxs(d.div,{initial:{opacity:0,y:10}
1,animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"flex flex-col gap-4 w-full",children:[e.jsx("span",{className:`text-[13px] font-semibold ${a?"text-white":"text-black"}`,children:"Component API Specification"}),e.jsx("div",{className:`w-full rounded-[14px] overflow-hidden border transition-colors ${a?"bg-[#181818] border-white/10 text-neutral-200":"bg-white border-neutral-200 text-neutral-900 shadow-sm"}`,children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-left text-xs font-sans",children:[e.jsx("thead",{className:`border-b text-[11px] font-semibold tracking-wider uppercase ${a?"bg-white/5 border-white/10 text-neutral-400":"bg-neutral-100 border-neutral-200 text-neutral-500"}`,children:e.jsxs("tr",{children:[e.jsx("th",{className:"py-3 px-4",children:"Prop"}),e.jsx("th",{className:"py-3 px-4",children:"Type"}),e.jsx("th",{className:"py-3 px-4",children:"Default"}),e.jsx("th",{className:"py-3 px-4",children:"Description"})]})}),e.jsx("tbody",{className:`divide-y ${a?"divide-white/5":"divide-neutral-100"}`,children:n.props.map((r,o)=>e.jsxs("tr",{className:a?"hover:bg-white/[0.02]":"hover:bg-neutral-50",children:[e.jsx("td",{className:"py-3 px-4 font-mono font-semibold text-emerald-400",children:r.name}),e.jsx("td",{className:"py-3 px-4 font-mono text-purple-400",children:r.type}),e.jsx("td",{className:"py-3 px-4 font-mono opacity-80",children:r.default}),e.jsx("td",{className:`py-3 px-4 leading-relaxed ${a?"text-neutral-400":"text-neutral-600"}`,children:r.description})]},o))})]})})})]},"props")]})}),e.jsx("div",{className:"flex items-center justify-between pt-4 border-t border-white/5 text-xs",children:e.jsxs("div",{className:`flex items-center gap-1.5 ${a?"text-[#767676]":"text-neutral-500"}`,children:[e.jsx(z,{className:"w-3.5 h-3.5 text-emerald-400 shrink-0"}),e.jsx("span",{children:n.interaction})]})})]})}export{Oe as ChartDetailPage};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.