squarex-ui-component-lib 1.0.1 → 1.0.2

package/README.md

@@ -71,11 +71,27 @@ function App() {
 }
 ```
 
-### 3. Icon Setup (Optional)
-Icons are automatically loaded from a CDN as a fallback, so they will work out of the box. However, for better performance and offline support, you can host them locally:
+#### Icon
+A flexible icon component that supports over 300+ vectors.
+
+```jsx
+import { Icon } from 'squarex-ui-component-lib';
 
-1. Copy the `public/icon` folder from `node_modules/squarex-ui-component-lib` to your project's `public` folder.
-2. The library will detect the local icons automatically.
+// Basic usage
+<Icon name="app-window" size="medium" />
+
+// With variant and custom size
+<Icon 
+  name="arrow-right" 
+  variant="primary" 
+  size={24} 
+/>
+
+// All icons list can be found in src/components/data/iconList.ts
+```
+
+### 3. Icon Setup (Optional)
+Icons are automatically loaded from a CDN (JSDelivr) as a fallback, so they will work out of the box in projects like Vite, Create React App, or Codesandbox.
 
 ### Import Specific Components
 

package/dist/charts/components/icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8E7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8E7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import*as o from"react";import r,{useRef as a,useState as i,useEffect as l,useCallback as s,useMemo as c,version as d,isValidElement as u,useInsertionEffect as p,useContext as m,createContext as f,useLayoutEffect as h,useImperativeHandle as g,useId as v,forwardRef as b,cloneElement as y,memo as w,useReducer as C}from"react";import*as x from"d3";import{createPortal as $,flushSync as S,unstable_batchedUpdates as E}from"react-dom";import{createRoot as k}from"react-dom/client";const N={width:800,height:400,margin:{top:20,right:30,bottom:60,left:80},colors:{gradient:{start:"#8B5CF6",end:"#6B46C1"}},showGrid:!0,animate:!0,responsive:!0,showTooltip:!0,cornerRadius:5,barPadding:.6,tickCount:5,formatValue:e=>0===e?"0":e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(0)}k`:e.toString()},_=o=>{const r={...N,...o},{data:s,title:c,titleStyle:d,titleClassName:u,width:p,height:m,margin:f,colors:h,showGrid:g,animate:v,responsive:b,formatValue:y,className:w,style:C,onBarClick:$,onBarHover:S,showTooltip:E,tooltipStyle:k,tooltipClassName:_,tooltipContent:I,showLegend:P=!0,legendPosition:O="bottom",legendStyle:D,legendClassName:R,legendTitle:M,showYAxis:B=!0,showYAxisLine:T=!1,showYAxisTicks:z=!1,yAxisStyle:A,yAxisClassName:L,yAxisLabelStyle:H,yAxisLabelClassName:F,cornerRadius:j,barPadding:V,tickCount:W}=r,K=a(null),q=a(null),U=a(null),[X,G]=i({width:p||800,height:m||400}),[Y,Z]=i(!1);l(()=>{if(Z(!0),!b)return;const e=()=>{if(q.current){const e=q.current.getBoundingClientRect().width,t=Math.max(300,e),n=Math.max(300,.5*t);G({width:t,height:n})}};let t;q.current&&(t=new ResizeObserver(e),t.observe(q.current)),window.addEventListener("resize",e);const n=setTimeout(e,0);return()=>{t&&t.disconnect(),window.removeEventListener("resize",e),clearTimeout(n)}},[b]),l(()=>{if(!Y||!s||0===s.length)return;const e=x.select(K.current);e.selectAll("*").remove();const t=X.width-(f?.left||0)-(f?.right||0),n=X.height-(f?.top||0)-(f?.bottom||0),o=e.attr("width",X.width).attr("height",X.height).append("g").attr("transform",`translate(${f?.left||0},${f?.top||0})`);if(h?.gradient){const t=e.append("defs").append("linearGradient").attr("id","barGradient").attr("x1","0%").attr("y1","0%").attr("x2","0%").attr("y2","100%");t.append("stop").attr("offset","0%").attr("stop-color",h.gradient.start),t.append("stop").attr("offset","100%").attr("stop-color",h.gradient.end)}const r=x.scaleBand().domain(s.map(e=>e.category)).range([0,t]).padding(V||.6),a=x.max(s,e=>e.value)||0,i=x.scaleLinear().domain([0,1.1*a]).range([n,0]);if(g){const e=x.axisLeft(i).tickSize(-t).tickFormat(()=>"").ticks(W||5);o.append("g").attr("class","grid").style("stroke-dasharray","3,3").style("opacity",.3).call(e)}if(B){const e=x.axisLeft(i).ticks(W||5).tickFormat(e=>{const t="number"==typeof e?e:Number(e);return y?y(t):0===t?"0":t>=1e6?`${(t/1e6).toFixed(1)}M`:t>=1e3?`${(t/1e3).toFixed(0)}k`:t.toString()}),t=o.append("g").attr("class","y-axis").style("color","#7D7D7D").style("font-size","0.875rem").call(e);if(A){["color","font-size","font-weight","font-family","opacity","visibility","display","text-anchor","dominant-baseline"].forEach(e=>{const n=A[e];void 0!==n&&t.style(e,n.toString())})}if(T||t.selectAll("path").style("display","none"),z||t.selectAll("line").style("display","none"),t.selectAll("text").attr("class",`y-axis-label ${F||""}`).style("font-weight","500").style("fill","#7D7D7D").style("font-size","0.875rem").style("font-family","Inter, system-ui, sans-serif").style("dominant-baseline","middle").style("text-anchor","end").attr("dx","-8px"),H){["color","font-size","font-weight","font-family","opacity","visibility","display","text-anchor","dominant-baseline"].forEach(e=>{const n=H[e];void 0!==n&&t.selectAll("text").style(e,n.toString())})}}const l=x.axisBottom(r),c=o.append("g").attr("class","x-axis").attr("transform",`translate(0,${n})`).style("color","#718096").style("font-size","0.875rem").call(l);c.selectAll("path").style("display","none"),c.selectAll("line").style("display","none"),t<600&&c.selectAll("text").style("text-anchor","end").attr("dx","-.8em").attr("dy",".15em").attr("transform","rotate(-45)");const d=o.selectAll(".bar").data(s).enter().append("rect").attr("class","bar").attr("x",e=>r(e.category)||0).attr("width",r.bandwidth()).attr("y",n).attr("height",0).attr("rx",j||5).attr("ry",j||5).style("fill",e=>e.color?e.color:h?.gradient?"url(#barGradient)":h?.solid?h.solid:"#8B5CF6").style("cursor",$?"pointer":"default");v?d.transition().duration(800).ease(x.easeBackOut.overshoot(1.1)).attr("y",e=>i(e.value)).attr("height",e=>n-i(e.value)):d.attr("y",e=>i(e.value)).attr("height",e=>n-i(e.value)),($||S||E)&&d.on("click",(e,t)=>{if($){const e=s.indexOf(t);$(t,e)}}).on("mouseover",(e,t)=>{if(S){const e=s.indexOf(t);S(t,e)}if(E&&U.current&&q.current){const n=x.select(U.current),o=q.current.getBoundingClientRect(),r=e.currentTarget.getBoundingClientRect(),a=r.left-o.left+r.width/2,i=r.top-o.top-15;n.style("opacity",1).style("left",`${a}px`).style("top",`${i}px`).style("transform","translateX(-50%)").html(`\n                <div class="font-semibold text-white">${t.category}</div>\n                <div class="text-sm text-gray-200 mt-1">${y?y(t.value):t.value.toString()}</div>\n              `)}x.select(e.currentTarget).transition().duration(200).style("opacity",.8).style("filter","brightness(1.1)")}).on("mouseout",e=>{E&&U.current&&x.select(U.current).style("opacity",0),x.select(e.currentTarget).transition().duration(200).style("opacity",1).style("filter","brightness(1)")}).on("mousemove",(e,t)=>{if(E&&U.current&&q.current){const t=x.select(U.current),n=q.current.getBoundingClientRect(),o=e.clientX-n.left,r=e.clientY-n.top;t.style("left",`${o}px`).style("top",r-15+"px").style("transform","translateX(-50%)")}})},[Y,s,X,f,h,g,v,y,$,S,E,j,V,W,B,T,z,A,L,H,F]);const Q=()=>{if(!P||!s||0===s.length)return null;const n=s.map((n,o)=>e("div",{className:"flex items-center space-x-2 cursor-pointer hover:opacity-80 transition-opacity",onClick:()=>$?.(n,o),onMouseEnter:()=>S?.(n,o),children:[t("div",{className:"w-4 h-4 rounded-sm",style:{backgroundColor:n.color||(h?.gradient?"url(#barGradient)":h?.solid||"#8B5CF6")}}),t("span",{className:"text-sm font-medium text-gray-700",children:n.category}),e("span",{className:"text-xs text-gray-500",children:["(",y?y(n.value):n.value.toString(),")"]})]},n.category));return e("div",{className:`${{top:"flex flex-wrap justify-center gap-4 mb-4",bottom:"flex flex-wrap justify-center gap-4 mt-4",left:"flex flex-col space-y-2 mr-4",right:"flex flex-col space-y-2 ml-4"}[O]} ${R||""}`,style:D,children:[M&&t("div",{className:"w-full text-center mb-2",children:t("span",{className:"text-sm font-semibold text-gray-600",children:M})}),n]})};return e("div",{ref:q,className:`bg-white p-6 rounded-xl ${w||""}`,style:C,children:[c&&t("h2",{className:`text-xl font-semibold text-[#18044E] mb-6 ${u||""}`,style:d,children:c}),P&&"top"===O&&Q(),e("div",{className:"relative",children:[t("svg",{ref:K,className:"w-full h-auto"}),E&&t("div",{ref:U,className:`absolute pointer-events-none bg-gradient-to-r from-gray-800 to-gray-900 text-white rounded-xl px-4 py-3 shadow-2xl opacity-0 transition-all duration-300 z-50 whitespace-nowrap border border-gray-600 ${_||""}`,style:{fontSize:"0.9rem",minWidth:"120px",textAlign:"center",backdropFilter:"blur(10px)",boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.05)",...k},children:I?I(s[0]):e(n,{children:[t("div",{className:"font-semibold text-white",children:s[0]?.category}),t("div",{className:"text-sm text-gray-200 mt-1",children:y?y(s[0]?.value||0):(s[0]?.value||0).toString()})]})})]}),P&&"bottom"===O&&Q()]})},I=({data:n,title:o="Policy Effect",titleStyle:r={},containerStyle:s={},chartSize:c=320,showLegend:d=!0,legendStyle:u={}})=>{const p=a(null),[m,f]=i({visible:!1,x:0,y:0,content:"",label:"",value:"",percentage:""}),h=n||[{label:"Allow",value:35,color:"#4A148C"},{label:"Block",value:30,color:"#7B1FA2"},{label:"Isolate",value:20,color:"#BA68C8"},{label:"Tag",value:15,color:"#E1BEE7"}],g=x.sum(h,e=>e.value);l(()=>{if(!p.current)return;const e=x.select(p.current);e.selectAll("*").remove();const t=c,n=c,o=Math.min(t,n)/2-30,r=e.attr("width",t).attr("height",n).append("g").attr("transform",`translate(${t/2}, ${n/2})`),a=x.pie().value(e=>e.value).sort(null).padAngle(0),i=x.arc().innerRadius(0).outerRadius(o),l=x.arc().innerRadius(0).outerRadius(o+8);r.selectAll("arc").data(a(h)).enter().append("g").attr("class","arc").append("path").attr("d",i).attr("fill",e=>e.data.color||"#4A148C").style("cursor","pointer").style("transition","all 0.3s ease").on("mouseover",function(e,t){const n=(t.data.value/g*100).toFixed(1);x.select(this).transition().duration(200).attr("d",l(t)).style("filter","brightness(1.1)"),f({visible:!0,x:e.clientX,y:e.clientY,content:`${t.data.label??""}: ${t.data.value} (${n}%)`,label:t.data.label??"",value:t.data.value.toString(),percentage:n})}).on("mousemove",function(e){f(t=>({...t,x:e.clientX,y:e.clientY}))}).on("mouseout",function(e,t){x.select(this).transition().duration(200).attr("d",i(t)).style("filter","brightness(1)"),f(e=>({...e,visible:!1}))})},[0,h,c]);const v={fontSize:"1.5rem",fontWeight:"600",marginBottom:"1rem",color:"#374151",textAlign:"center",...r},b={display:"flex",flexDirection:"column",alignItems:"center",padding:"1.5rem",backgroundColor:"white",borderRadius:"0.5rem",position:"relative",...s},y={display:"flex",flexWrap:"wrap",justifyContent:"center",gap:"0.5rem",...u};return e("div",{style:b,children:[t("h2",{style:v,children:o}),t("div",{className:"relative",children:t("svg",{ref:p})}),d&&t("div",{style:y,children:h.map((n,o)=>((n.value/g*100).toFixed(1),e("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg",children:[t("div",{className:"w-[10px] h-[10px] rounded-full",style:{backgroundColor:n.color}}),t("div",{className:"text-sm",children:t("div",{className:"font-medium text-[#454545]",children:n.label})})]},o)))}),m.visible&&e("div",{className:"fixed z-50 bg-gray-900 text-white px-4 py-3 rounded-lg pointer-events-none border border-gray-700",style:{left:m.x+15,top:m.y-60,minWidth:"150px"},children:[t("div",{className:"text-sm font-semibold text-blue-300",children:m.label}),e("div",{className:"text-base",children:[m.value," items"]}),e("div",{className:"text-sm text-gray-300",children:[m.percentage,"% of total"]}),t("div",{className:"absolute -bottom-1 left-4 w-2 h-2 bg-gray-900 transform rotate-45 border-r border-b border-gray-700"})]})]})},P=({data:n,width:o=1200,height:r=600,margin:i={top:80,right:50,bottom:50,left:50},backgroundColor:s="linear-gradient(135deg, #0f0f23 0%, #1a1a3e 100%)",showTimeFilter:c=!0,timeFilters:d=["1W","1M","3M","1Y","ALL"],activeFilter:u="3M",onFilterChange:p=()=>{},filterButtonColor:m="#6366f1",filterButtonInactive:f="rgba(255, 255, 255, 0.1)",useCustomFlowWidth:h=!1,customFlowWidth:g=10,minFlowWidth:v=4,maxFlowWidth:b=20,flowWidthMultiplier:y=1,showStatistics:w=!1,statistics:C={trendGoods:204,shoppingViews:65540,storeDynamics:325}})=>{const $=a(null),S=a(),E=a();l(()=>{if(!$.current)return;const e=x.select($.current);e.selectAll("*").remove(),e.attr("width",o).attr("height",r).style("background",s),e.append("text").attr("x",o/2).attr("y",40).attr("text-anchor","middle").style("font-size","48px").style("font-weight","bold").style("fill","rgba(255,255,255,0.1)").text("Data visualisation");const t=e.append("g").attr("class","zoom-group"),a=t.append("g").attr("transform",`translate(${i.left}, ${i.top})`);E.current&&E.current.remove();const l=x.select("body").append("div").attr("class","tooltip").style("position","absolute").style("background","rgba(0,0,0,0.7)").style("color","white").style("padding","8px").style("border-radius","4px").style("pointer-events","none").style("opacity",0);E.current=l;const c=x.zoom().scaleExtent([.5,3]).on("zoom",e=>{t.attr("transform",e.transform.toString())});e.call(c),S.current=c;const d=180,u=80,p=120,m="drop-shadow(0 8px 16px rgba(0,0,0,0.3))",f="white",I=(r-i.top-i.bottom)/2,P=(o-i.left-i.right)/2-90,O=o-i.left-i.right-d-80,D=n.nodes.filter(e=>"source"===e.type),R=n.nodes.filter(e=>"middle"===e.type),M=n.nodes.filter(e=>"target"===e.type);D.forEach(e=>{e.x=80,e.y=I-40}),R.forEach((e,t)=>{const n=(R.length-1)*p,o=I-n/2;e.x=P,e.y=o+t*p}),M.forEach((e,t)=>{const n=(M.length-1)*p,o=I-n/2;e.x=O,e.y=o+t*p});const B=x.drag().on("start",e=>{e.sourceEvent.stopPropagation()}).on("drag",function(e,t){t.x=e.x,t.y=e.y,x.select(this).attr("transform",`translate(${t.x}, ${t.y})`),a.selectAll("path.sankey-link").remove(),A()}),T=e.append("defs"),z=Math.max(...n.links.map(e=>e.value)),A=()=>{T.selectAll("linearGradient.link-gradient").remove(),n.links.forEach((e,t)=>{const o=n.nodes.find(t=>t.id===e.source),r=n.nodes.find(t=>t.id===e.target);if(!o||!r)return;const i=`gradient-${t}`,s=T.append("linearGradient").attr("id",i).attr("class","link-gradient").attr("gradientUnits","userSpaceOnUse").attr("x1",o.x+d).attr("y1",o.y+40).attr("x2",r.x).attr("y2",r.y+40);s.append("stop").attr("offset","0%").attr("stop-color",o.color).attr("stop-opacity",.8),s.append("stop").attr("offset","100%").attr("stop-color",r.color).attr("stop-opacity",.8);const c=o.x+d,u=o.y+40,p=r.x,f=r.y+40,w=(C=e.value,h?g:(C/z*b+v)*y);var C;a.append("path").attr("class","sankey-link").attr("d",`M${c},${u} C${(c+p)/2},${u} ${(c+p)/2},${f} ${p},${f}`).attr("fill","none").attr("stroke",`url(#${i})`).attr("stroke-width",w).attr("stroke-opacity",.7).style("filter",m).on("mouseover",t=>{l.transition().duration(200).style("opacity",1),l.html(`Flow: ${e.value}<br/>Width: ${w.toFixed(1)}px`).style("left",t.pageX+10+"px").style("top",t.pageY-28+"px"),x.select(t.target).attr("stroke-opacity",1)}).on("mouseout",e=>{l.transition().duration(300).style("opacity",0),x.select(e.target).attr("stroke-opacity",.7)}).on("click",()=>{})})};n.nodes.forEach((e,t)=>{const n=`node-gradient-${t}`,o=T.append("linearGradient").attr("id",n).attr("x1","0%").attr("y1","0%").attr("x2","100%").attr("y2","100%");o.append("stop").attr("offset","0%").attr("stop-color",e.color),o.append("stop").attr("offset","100%").attr("stop-color",x.color(e.color)?.darker(.5)?.toString()||e.color);const r=a.append("g").datum(e).attr("transform",`translate(${e.x}, ${e.y})`).style("cursor","pointer").call(B).on("click",(e,t)=>{});r.append("rect").attr("width",d).attr("height",u).attr("rx",16).style("fill",`url(#${n})`).style("stroke",x.color(e.color)?.darker(.5)?.toString()||e.color).style("stroke-width",2).style("filter",m).on("mouseover",function(){x.select(this).style("filter","drop-shadow(0 12px 24px rgba(0,0,0,0.5))")}).on("mouseout",function(){x.select(this).style("filter",m)}).on("click",(e,t)=>{}),r.append("text").attr("x",20).attr("y",30).style("fill",f).style("font-size","18px").style("font-weight","600").text(e.name),r.append("text").attr("x",20).attr("y",55).style("fill",f).style("font-size","24px").style("font-weight","bold").text(`$${e.value.toLocaleString()}`)}),A();const L=e.append("g").attr("class","zoom-controls"),H=o-100-20;if([{text:"Zoom In",action:"zoomIn"},{text:"Zoom Out",action:"zoomOut"},{text:"Reset Zoom",action:"resetZoom"}].forEach((e,t)=>{const n=20+44*t;L.append("rect").attr("x",H).attr("y",n).attr("width",100).attr("height",36).attr("rx",6).attr("fill","rgba(255, 255, 255, 0.9)").attr("stroke","rgba(255, 255, 255, 0.2)").attr("stroke-width",1).style("cursor","pointer").on("mouseover",function(){x.select(this).attr("fill","rgba(255, 255, 255, 1)")}).on("mouseout",function(){x.select(this).attr("fill","rgba(255, 255, 255, 0.9)")}).on("click",()=>{switch(e.action){case"zoomIn":k();break;case"zoomOut":N();break;case"resetZoom":_()}}),L.append("text").attr("x",H+50).attr("y",n+18+4).attr("text-anchor","middle").style("font-size","12px").style("font-weight","600").style("fill","#1a1a3e").style("pointer-events","none").text(e.text)}),e.selectAll(".stats-panel").remove(),!0===w){const t=e.append("g").attr("class","stats-panel"),n=800,a=120,i=(o-n)/2,l=r-a-20;t.append("rect").attr("x",i).attr("y",l).attr("width",n).attr("height",a).attr("rx",12).attr("fill","rgba(15, 15, 35, 1)").attr("stroke","rgba(255, 255, 255, 0.1)").attr("stroke-width",1);const s=[{title:"TREND GOODS",value:C.trendGoods.toLocaleString(),icon:"▶",color:"#6366f1"},{title:"SHOPPING VIEWS",value:C.shoppingViews.toLocaleString(),icon:"👁",color:"#8b5cf6"},{title:"STORE DYNAMICS",value:C.storeDynamics.toLocaleString(),icon:"⏱",color:"#a855f7"}],c=n/3;s.forEach((e,n)=>{const o=i+n*c+c/2;t.append("rect").attr("x",o-25).attr("y",l+15).attr("width",50).attr("height",50).attr("rx",8).attr("fill","rgba(255, 255, 255, 0.1)").attr("stroke","rgba(255, 255, 255, 0.2)").attr("stroke-width",1),t.append("text").attr("x",o).attr("y",l+45).attr("text-anchor","middle").style("font-size","24px").style("fill",e.color).text(e.icon),t.append("text").attr("x",o).attr("y",l+85).attr("text-anchor","middle").style("font-size","12px").style("font-weight","600").style("fill","rgba(255, 255, 255, 0.7)").style("letter-spacing","1px").text(e.title),t.append("text").attr("x",o).attr("y",l+105).attr("text-anchor","middle").style("font-size","28px").style("font-weight","bold").style("fill","white").text(e.value)})}return()=>{E.current&&E.current.remove()}},[n,o,r,i,s,h,g,v,b,y,w,C]);const k=()=>{$.current&&S.current&&x.select($.current).transition().duration(300).call(S.current.scaleBy,1.2)},N=()=>{$.current&&S.current&&x.select($.current).transition().duration(300).call(S.current.scaleBy,.8)},_=()=>{$.current&&S.current&&x.select($.current).transition().duration(500).call(S.current.transform,x.zoomIdentity)};return e("div",{className:"relative w-full h-screen bg-gray-900 flex flex-col items-center justify-center space-y-4",children:[c&&t("div",{className:"absolute top-6 right-6 flex space-x-2 z-10",children:d.map(e=>t("button",{onClick:()=>p(e),className:"px-4 py-1.5 rounded-full text-white text-sm font-medium transition-all duration-200 hover:scale-105",style:{backgroundColor:u===e?m:f},children:e},e))}),t("svg",{ref:$,className:"max-w-full max-h-full"})]})},O={desktop:{width:900,height:650,margin:{top:120,right:180,bottom:60,left:180},fontSize:{title:26,subtitle:14,label:14,value:16},nodeHeight:45,flowScaleFactor:.35},tablet:{width:700,height:550,margin:{top:100,right:140,bottom:50,left:140},fontSize:{title:22,subtitle:14,label:14,value:18},nodeHeight:40,flowScaleFactor:.3},mobile:{width:350,height:400,margin:{top:80,right:80,bottom:40,left:80},fontSize:{title:16,subtitle:12,label:11,value:14},nodeHeight:30,flowScaleFactor:.2}},D={mobile:640,tablet:1024,desktop:1024},R=({flows:n=[],hoverColor:o="#FF6B6B",title:r="Clipboard Copy Source to Paste Diagram",subtitle:c="Explore the user's Sensitive Data Copy Paste behavior, detection history, and risk exposure.",showHeaders:d=!0,showTitle:u=!0,showSubtitle:p=!0,showDebug:m=!1,sourceHeader:f="Copying Sources",targetHeader:h="Pasting Targets",labelColor:g="#374151",valueColor:v="#111827",headerColor:b="#454545",titleColor:y="#111827",subtitleColor:w="#6B7280",headerUnderlineColor:C="#D4C4FF",flowOpacity:$=.7,hoverOpacity:S=.9,curvature:E=.4,valueFormatter:k,labelFormatter:N,tooltipRenderer:_,gradientStops:I,responsive:P=!0,width:R,height:M,margin:B,nodeHeight:T,flowScaleFactor:z,fontSize:A,responsiveConfig:L=O,breakpoints:H=D})=>{const F=a(null),j=a(null),[V,W]=i({width:0,height:0}),[K,q]=i(L.desktop),[U,X]=i(!1),G=s(()=>{if("undefined"==typeof window)return L.desktop;const e=window.innerWidth;return e<H.mobile?L.mobile:e<H.tablet?L.tablet:(H.desktop,L.desktop)},[L,H]);return l(()=>{const e=()=>{const e=G(),t={...e,margin:B??e.margin,nodeHeight:T??e.nodeHeight,flowScaleFactor:z??e.flowScaleFactor,fontSize:A??e.fontSize,width:R??e.width,height:M??e.height};q(t);const n=window.innerWidth-128;let o=t.width;P&&(o=e===L.desktop?n>=t.width?t.width:Math.max(n,600):Math.max(n,t.width)),W({width:o,height:t.height}),U||X(!0)},t=setTimeout(e,100);return window.addEventListener("resize",e),()=>{clearTimeout(t),window.removeEventListener("resize",e)}},[G,U,P,R,M,B,T,z,A,L]),l(()=>{if(!(n.length&&V.width&&V.height&&U))return;const e=x.select(F.current);e.selectAll("*").remove();const{width:t,height:a}=V,{margin:i,fontSize:l,nodeHeight:s,flowScaleFactor:m}=K,P=new Map,O=new Map,D=new Map,R=new Map;n.forEach(e=>{D.has(e.source)||D.set(e.source,[]),D.get(e.source).push(e),R.has(e.target)||R.set(e.target,[]),R.get(e.target).push(e),P.set(e.source,e.sourceValue),O.set(e.target,e.targetValue)});const M=Array.from(P.entries()),B=Array.from(O.entries()),T=a-i.top-i.bottom,z=T/(M.length+1),A=T/(B.length+1),L=M.map(([e,t],n)=>({name:e,value:t,y:i.top+z*(n+1),height:s})),H=B.map(([e,t],n)=>({name:e,value:t,y:i.top+A*(n+1),height:s})),j=i.left,W=t-i.right;e.attr("width",t).attr("height",a);const q=e.append("defs");n.forEach((e,t)=>{const n=q.append("linearGradient").attr("id",`gradient-${t}`).attr("gradientUnits","userSpaceOnUse").attr("x1",j+80).attr("x2",W-80);(I&&I.length>0?I:[{offset:"0%",color:"#8B5CF6",opacity:.8},{offset:"50%",color:"#3B82F6",opacity:.7},{offset:"100%",color:"#06B6D4",opacity:.8}]).forEach(e=>{n.append("stop").attr("offset","number"==typeof e.offset?`${e.offset}%`:e.offset).attr("stop-color",e.color).attr("stop-opacity",e.opacity??.8)})});let X=x.select("body").select(".sankey-tooltip");X.empty()&&(X=x.select("body").append("div").attr("class","sankey-tooltip").style("position","absolute").style("background","rgba(0, 0, 0, 0.9)").style("color","white").style("padding","12px 16px").style("border-radius","8px").style("font-size","13px").style("font-family","system-ui, sans-serif").style("pointer-events","none").style("opacity",0).style("z-index",1e3).style("box-shadow","0 4px 12px rgba(0,0,0,0.3)").style("max-width","250px"));const G=new Map;L.forEach(e=>{const t=D.get(e.name)||[];let n=e.y-e.height/2;G.set(e.name,new Map),t.forEach(t=>{const o=H.find(e=>e.name===t.target);if(!o)return;const r=o.value,a=s,i=t.thickness/r*a*m;G.get(e.name).set(t.target,{startY:n,endY:n+i,centerY:n+i/2}),n+=i})});const Y=new Map;if(H.forEach(e=>{const t=R.get(e.name)||[];let n=e.y-e.height/2;Y.set(e.name,new Map),t.forEach(t=>{const o=s,r=t.thickness/e.value*o*m;Y.get(e.name).set(t.source,{startY:n,endY:n+r,centerY:n+r/2}),n+=r})}),n.forEach((t,n)=>{const r=L.find(e=>e.name===t.source),a=H.find(e=>e.name===t.target);if(r&&a){const r=G.get(t.source).get(t.target),a=Y.get(t.target).get(t.source),i=r.startY,l=r.endY,s=a.startY,c=a.endY,d=E,u=x.interpolateNumber(j,W),p=u(d),m=u(1-d),f=`M${j},${i}\n                      C${p},${i} ${m},${s} ${W},${s}\n                      L${W},${c}\n                      C${m},${c} ${p},${l} ${j},${l}\n                      Z`;e.append("path").attr("d",f).attr("fill",`url(#gradient-${n})`).attr("opacity",$).style("cursor","pointer").on("mouseover",function(e){x.select(this).attr("fill",o).attr("opacity",S),"function"==typeof _?X.style("opacity",1).html(_(t)):X.style("opacity",1).html(`\n                <div style="font-weight: 600; margin-bottom: 8px;">Flow Details</div>\n                <div><strong>From:</strong> ${t.source}</div>\n                <div><strong>To:</strong> ${t.target}</div>\n                <div><strong>Value:</strong> ${t.thickness}</div>\n                <div><strong>Source Total:</strong> ${t.sourceValue}</div>\n                <div><strong>Target Total:</strong> ${t.targetValue}</div>\n              `)}).on("mousemove",function(e){X.style("left",e.pageX+10+"px").style("top",e.pageY-10+"px")}).on("mouseout",function(){x.select(this).attr("fill",`url(#gradient-${n})`).attr("opacity",$),X.style("opacity",0)})}}),d){const t=e.append("text").attr("x",j-15).attr("y",i.top-10).attr("text-anchor","end").attr("fill",b).attr("font-size",`${l.label}px`).attr("font-weight","600").attr("font-family","system-ui, sans-serif").text(f).node();if(t){const n=t.getBBox();e.append("line").attr("x1",n.x).attr("y1",i.top).attr("x2",n.x+n.width).attr("y2",i.top).attr("stroke",C).attr("stroke-width","1").attr("opacity","1")}const n=e.append("text").attr("x",W+15).attr("y",i.top-10).attr("text-anchor","start").attr("fill",b).attr("font-size",`${l.label}px`).attr("font-weight","600").attr("font-family","system-ui, sans-serif").text(h).node();if(n){const t=n.getBBox();e.append("line").attr("x1",t.x).attr("y1",i.top).attr("x2",t.x+t.width).attr("y2",i.top).attr("stroke",C).attr("stroke-width","1").attr("opacity","1")}}return L.forEach(t=>{e.append("text").attr("x",j-15).attr("y",t.y-8).attr("text-anchor","end").attr("fill",g).attr("font-size",`${l.label}px`).attr("font-weight","500").attr("font-family","system-ui, sans-serif").text(N?N(t.name):t.name),e.append("text").attr("x",j-15).attr("y",t.y+12).attr("text-anchor","end").attr("fill",v).attr("font-size",`${l.value}px`).attr("font-weight","700").attr("font-family","system-ui, sans-serif").text(k?k(t.value):t.value)}),H.forEach(t=>{e.append("text").attr("x",W+15).attr("y",t.y-8).attr("text-anchor","start").attr("fill",g).attr("font-size",`${l.label}px`).attr("font-weight","500").attr("font-family","system-ui, sans-serif").text(N?N(t.name):t.name),e.append("text").attr("x",W+15).attr("y",t.y+12).attr("text-anchor","start").attr("fill",v).attr("font-size",`${l.value}px`).attr("font-weight","700").attr("font-family","system-ui, sans-serif").text(k?k(t.value):t.value)}),u&&e.append("text").attr("x",40).attr("y",35).attr("text-anchor","start").attr("fill",y).attr("font-size",`${l.title}px`).attr("font-weight","600").attr("font-family","system-ui, sans-serif").text(r),p&&e.append("text").attr("x",40).attr("y",60).attr("text-anchor","start").attr("fill",w).attr("font-size",`${l.subtitle}px`).attr("font-weight","400").attr("font-family","system-ui, sans-serif").text(c),()=>{x.select("body").selectAll(".sankey-tooltip").remove()}},[n,o,r,c,V,K,I,g,v,b,y,w,C,$,S,E,k,N,_,d,u,p,m]),t("div",{className:"w-full max-w-7xl mx-auto p-4 md:p-6",children:e("div",{className:"bg-white rounded-xl shadow-lg p-4 md:p-8",children:[m&&e("div",{className:"text-xs text-gray-500 mb-2",children:["Screen: ","undefined"!=typeof window?window.innerWidth:"SSR","px | Config: ",K===L.desktop?"Desktop":K===L.tablet?"Tablet":"Mobile"," | Chart: ",V.width,"x",V.height," | Available: ","undefined"!=typeof window?window.innerWidth-128:"SSR","px | Initialized: ",U?"Yes":"No",t("button",{onClick:()=>{const e=G();q(e);const t=window.innerWidth-128;let n=e.width;n=e===L.desktop?t>=e.width?e.width:Math.max(t,600):Math.max(t,e.width),W({width:n,height:e.height})},className:"ml-4 px-2 py-1 bg-blue-500 text-white text-xs rounded",children:"Refresh"})]}),t("div",{ref:j,className:"w-full overflow-x-auto",children:t("div",{className:"flex justify-center min-w-max",children:t("svg",{ref:F,style:{width:V.width||K.width,height:V.height||K.height,minWidth:K.width,minHeight:K.height}})})})]})})},M=75,B=16,T=1500,z=20,A=e=>`${e.label}: ${e.value.toLocaleString()} (${(100*e.percentage).toFixed(1)}%)`,L=({segments:n,title:o})=>{const r=a(null),{segmentData:d,total:u}=(e=>{const t=e.reduce((e,t)=>e+t.value,0);return{segmentData:e.map(e=>({...e,percentage:e.value/t,arcLength:75*Math.PI*(e.value/t)})),total:t}})(n),{count:p,animationProgress:m}=(e=>{const[t,n]=i(0),[o,r]=i(0);return l(()=>{let t=0;const o=1/(T/z),a=setInterval(()=>{t+=o,t>=1&&(t=1,clearInterval(a)),n(Math.floor(e*t)),r(t)},z);return()=>{clearInterval(a)}},[e]),{count:t,animationProgress:o}})(u),{tooltip:f,showTooltip:h,updateTooltip:g,hideTooltip:v}=(e=>{const[t,n]=i({show:!1,content:"",x:0,y:0,type:""}),o=s((t,o,r)=>{if(!e.current)return;const a=e.current.getBoundingClientRect(),i=t.clientX-a.left,l=t.clientY-a.top;n({show:!0,content:o,type:r,x:i,y:l-70})},[e]),r=s((o,r,a)=>{if(!t.show||!e.current)return;const i=e.current.getBoundingClientRect(),l=o.clientX-i.left,s=o.clientY-i.top;n(e=>({...e,x:l,y:s-70}))},[t.show,e]),a=s(()=>{n(e=>({...e,show:!1}))},[]);return{tooltip:t,showTooltip:o,updateTooltip:r,hideTooltip:a}})(r),b=M,y=B,w=Math.PI*b,C=c(()=>({width:2*b+y,height:b+y+20,viewBox:`0 0 ${2*b+y} ${b+y+20}`}),[b,y]),x=c(()=>((e,t)=>`M ${t/2},${e+10} \n          A ${e},${e} 0 0 1 ${2*e+t/2},${e+10}`)(b,y),[b,y]),$=c(()=>d.map((e,t)=>({currentArc:e.arcLength*m,previousArcsLength:d.slice(0,t).reduce((e,t)=>e+t.arcLength*m,0)})),[d,m]);return e("div",{ref:r,className:"flex flex-col items-center justify-center bg-white rounded-xl p-8 w-96 mx-auto relative shadow-[0px_4px_40px_0px_#7090B01F]",children:[t("div",{className:"flex justify-center mb-4",children:e("svg",{width:C.width,height:C.height,viewBox:C.viewBox,className:"relative",children:[t("path",{d:x,fill:"transparent",stroke:"#E5E7EB",strokeWidth:y,strokeLinecap:"round"}),d.map((e,n)=>{const{currentArc:o,previousArcsLength:r}=$[n];return t("path",{d:x,fill:"transparent",stroke:e.color,strokeWidth:y,strokeDasharray:`${o} ${w}`,strokeDashoffset:-r,strokeLinecap:"round"},`visual-${n}`)}),d.map((e,n)=>{const{currentArc:o,previousArcsLength:r}=$[n];return t("path",{d:x,fill:"transparent",stroke:"transparent",strokeWidth:y+4,strokeDasharray:`${o} ${w}`,strokeDashoffset:-r,strokeLinecap:"round",onMouseEnter:t=>h(t,A(e),e.label),onMouseMove:t=>g(t,A(e),e.label),onMouseLeave:v,className:"cursor-pointer",style:{pointerEvents:o>0?"stroke":"none"}},`hit-${n}`)}),t("text",{x:b+y/2,y:b+10-15,textAnchor:"middle",className:"text-base font-bold fill-[#29064D]",children:p.toLocaleString()}),t("text",{x:b+y/2,y:b+10+20,textAnchor:"middle",className:"text-sm fill-[#454545]",children:o})]})}),t("div",{className:"flex flex-wrap gap-4 mt-4 w-full max-w-xs justify-center",children:d.map((n,o)=>e("div",{className:"flex items-center justify-center gap-1",children:[t("div",{className:"w-[10px] h-[10px] rounded-full shadow-sm",style:{backgroundColor:n.color}}),t("span",{className:"text-sm font-medium text-[#454545]",children:n.label})]},`legend-${o}`))}),f.show&&t("div",{className:"absolute z-50 pointer-events-none",style:{left:`${f.x}px`,top:`${f.y}px`,transform:"translateX(-50%)"},children:e("div",{className:"px-3 py-2 rounded-lg text-gray-700 text-sm font-medium bg-white shadow-lg text-center min-w-[120px]",children:[f.content,t("div",{className:"absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-[6px] border-r-[6px] border-t-[6px] border-l-transparent border-r-transparent border-t-white"})]})})]})},H="#7E22CE",F="#7C3AED",j="#DDD6FE",V="#F3F4F6",W="#B4AAFF",K="#8B5FBF",q="#A78BFA",U="#642CFD",X="#131313",G="#5B5B5B",Y="#6B7280",Z="#059669",Q="#7090B0",J=(e,t=40)=>0===e?0:e>=1e4?t/1:e>5e3?t/2:e<5e3?t/3:t,ee={width:1100,height:650,viewBox:"-30 0 1100 700",scale:1,fontSize:14,cardWidth:259,cardHeight:115,nodeWidth:5,main:{source:{x:430,y:320,width:300},target:{x:833,y:236,width:10,spacing:28}},source:{source:{x:75,y:50,width:40,spacing:50},target:{x:430,y:185,width:28,spacing:31}},cards:{cardX:830,cardY1:30,cardY2:160,padding:{top:24,right:20,bottom:24,left:20},gap:16,fontSize:{title:16,value:24,subtitle:14}},specialFlows:{flow5:{target:{x:833,y:384,width:5}}}},te={width:800,height:600,viewBox:"-25 0 800 600",scale:.7,fontSize:12,cardWidth:220,cardHeight:90,nodeWidth:3.5,main:{source:{x:215,y:224,width:210},target:{x:583,y:165,width:7,spacing:20}},source:{source:{x:52,y:35,width:28,spacing:35},target:{x:215,y:129,width:20,spacing:22}},cards:{cardX:600,cardY1:25,cardY2:140,padding:{top:18,right:15,bottom:18,left:15},gap:12,fontSize:{title:14,value:20,subtitle:12}},specialFlows:{flow5:{target:{x:600,y:280,width:4}}}},ne={width:400,height:500,viewBox:"-20 0 400 500",scale:.4,fontSize:10,cardWidth:200,cardHeight:80,nodeWidth:2,main:{source:{x:120,y:160,width:150},target:{x:300,y:118,width:5,spacing:14}},source:{source:{x:30,y:25,width:20,spacing:25},target:{x:120,y:92,width:14,spacing:15}},cards:{cardX:250,cardY1:20,cardY2:120,padding:{top:12,right:10,bottom:12,left:10},gap:8,fontSize:{title:12,value:16,subtitle:10}},specialFlows:{flow5:{target:{x:280,y:200,width:3}}}},oe={borderRadius:12,shadowOpacity:.12,defaultOpacity:.8,hoverOpacity:1,strokeWidth:.5,hoverStrokeWidth:2,transitionDuration:300,tooltipOffset:10};(e=>{const t=e.filter(e=>"main"===e.type),n=e.filter(e=>"source"===e.type),o=[];t.forEach((e,n)=>{const r=(t.length,e.id,{source:{x:0,y:0,width:0},target:{x:0,y:0,width:0}});r&&o.push({...e,source:r.source,target:r.target})}),n.forEach((e,t)=>{const r=(n.length,e.id,{source:{x:0,y:0,width:0},target:{x:0,y:0,width:0}});r&&o.push({...e,source:r.source,target:r.target})})})([{id:"flow1",type:"main",color:H,gradientColors:{start:W,end:H}},{id:"flow2",type:"main",color:F,gradientColors:{start:W,end:F}},{id:"flow3",type:"main",color:"#A78BFA",gradientColors:{start:W,end:H}},{id:"flow4",type:"main",color:j,gradientColors:{start:W,end:j}},{id:"flow5",type:"main",color:V,gradientColors:{start:W,end:V}},{id:"source1",type:"source",sourceLabel:"Source 1",sourceValue:15e3,color:K,gradientColors:{start:W,end:K}},{id:"source2",type:"source",sourceLabel:"Source 2",sourceValue:12e3,color:F,gradientColors:{start:W,end:F}},{id:"source3",type:"source",sourceLabel:"Source 3",sourceValue:8e3,color:q,gradientColors:{start:W,end:q}},{id:"source4",type:"source",sourceLabel:"Source 4",sourceValue:5e3,color:j,gradientColors:{start:W,end:j}},{id:"source5",type:"source",sourceLabel:"Source 5",sourceValue:2e3,color:V,gradientColors:{start:W,end:V}}]);const re=({flows:e,curvature:n=.5,windowSize:o={width:0,height:0},breakpoints:r={mobile:768,tablet:1024},layoutOverrides:i={},totalDetectionsIcon:s={}})=>{const c=a(null);return l(()=>{if("undefined"==typeof window||!e||!Array.isArray(e)||0===e.length||!c.current)return;const t=x.select(c.current);t.selectAll("*").remove();const o=(e,t={})=>({dimensions:{...e.dimensions,...t.dimensions},nodePlacement:{...e.nodePlacement,...t.nodePlacement},specialFlows:t.specialFlows||e.specialFlows,cardConfig:{...e.cardConfig,...t.cardConfig}}),a="undefined"!=typeof window?window.innerWidth:1200,l=e=>{let t;switch(e){case"mobile":t=ne;break;case"tablet":t=te;break;default:t=ee}return{dimensions:{width:(()=>{switch(e){case"mobile":return Math.min(a-40,t.width);case"tablet":return Math.min(a-60,t.width);default:return t.width}})(),height:t.height,viewBox:t.viewBox,scale:t.scale,fontSize:t.fontSize,cardWidth:t.cardWidth,cardHeight:t.cardHeight},nodePlacement:{main:t.main,source:t.source},specialFlows:t.specialFlows,cardConfig:{cardX:t.cards.cardX,cardY1:t.cards.cardY1,cardY2:t.cards.cardY2,padding:t.cards.padding,gap:t.cards.gap,fontSize:t.cards.fontSize}}},{dimensions:d,nodePlacement:u,specialFlows:p,cardConfig:m}=(()=>{if("undefined"==typeof window){const e=l("desktop");return o(e,i.desktop)}const e=window.innerWidth,{mobile:t=768,tablet:n=1024}=r;let a,s={};e<=t?(a="mobile",s=i.mobile||{}):e<=n?(a="tablet",s=i.tablet||{}):(a="desktop",s=i.desktop||{});const c=l(a);return o(c,s)})(),{width:f,height:h,viewBox:g,scale:v,fontSize:b,cardWidth:y,cardHeight:w}=d,C=ee.nodeWidth*v;t.attr("width",f).attr("height",h).attr("viewBox",g);const $=t.append("defs");$.append("filter").attr("id","cardShadow").attr("x","-50%").attr("y","-50%").attr("width","200%").attr("height","200%").append("feDropShadow").attr("dx",0).attr("dy",4).attr("stdDeviation",20).attr("flood-color",Q).attr("flood-opacity",oe.shadowOpacity);let S=x.select("body").select(".sankey-tooltip");S.empty()&&(S=x.select("body").append("div").attr("class","sankey-tooltip absolute bg-black bg-opacity-80 text-white px-3 py-2 rounded-md text-xs pointer-events-none z-50 shadow-lg border border-white border-opacity-20").style("opacity",0));const E=e.filter(e=>"main"===e.type).map((e,t)=>{const n=p[e.id];if(n)return{...e,source:{x:u.main.source.x,y:u.main.source.y,width:u.main.source.width},target:n.target};{const n=u.main;return{...e,source:{x:n.source.x,y:n.source.y,width:n.source.width},target:{x:n.target.x,y:n.target.y+t*n.target.spacing,width:n.target.width}}}}),k=e.filter(e=>"source"===e.type).map((e,t)=>{const n=u.source,o=(()=>{if("undefined"==typeof window)return[185,216,280,248,310,340,370,400,216,430,280,460];const e=window.innerWidth;return e<=768?[92,107,122,137,152,167,182,197,107,212,122,227]:e<=1024?[129,151,173,195,217,239,261,283,151,305,173,327]:[185,216,280,248,310,340,370,400,216,430,280,460]})(),r=J(e.sourceValue||0,n.source.width),a=J(e.sourceValue||0,n.target.width);return{...e,source:{x:n.source.x,y:n.source.y+t*n.source.spacing,width:r},target:{x:n.target.x,y:o[t]||n.target.y+t*n.target.spacing,width:a}}});E.forEach(e=>{const t=$.append("linearGradient").attr("id",`gradient-${e.id}`).attr("x1","0%").attr("y1","0%").attr("x2","100%").attr("y2","0%");e.gradientColors?.start||e.color;const n=e.gradientColors?.end||e.color||"#b6abff";t.append("stop").attr("offset","0%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","40%").attr("stop-color",W).attr("stop-opacity",1.8),t.append("stop").attr("offset","45%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","100%").attr("stop-color",n).attr("stop-opacity",1)}),k.forEach(e=>{const t=$.append("linearGradient").attr("id",`source-gradient-${e.id}`).attr("x1","0%").attr("y1","0%").attr("x2","100%").attr("y2","0%");t.append("stop").attr("offset","0%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","80%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","100%").attr("stop-color","#BEE4FF").attr("stop-opacity",1)});const N=e=>{if(!e||!e.source||!e.target)return"";const{source:t,target:o}=e,r=n,a=o.x-t.x,i=t.x+a*r,l=o.x-a*r;return`\n        M ${t.x} ${t.y-t.width/2}\n        C ${i} ${t.y-t.width/2}, \n          ${l} ${o.y-o.width/2}, \n          ${o.x} ${o.y-o.width/2}\n      `+`\n        L ${o.x} ${o.y+o.width/2}\n        C ${l} ${o.y+o.width/2}, \n          ${i} ${t.y+t.width/2}, \n          ${t.x} ${t.y+t.width/2}\n        Z\n      `};E.slice().reverse().forEach(e=>{e&&e.source&&e.target&&t.append("path").attr("d",N(e)).attr("fill",`url(#gradient-${e.id})`).attr("stroke","rgba(255, 255, 255, 0.1)").attr("stroke-width",oe.strokeWidth).style("opacity","0.6").style("transition",`opacity ${oe.transitionDuration}ms, stroke ${oe.transitionDuration}ms`).style("cursor","pointer").attr("data-flow-id",e.id).style("opacity",oe.defaultOpacity).on("mouseover",function(n,o){const r=E.find(t=>t.id===e.id);r&&(S.transition().duration(200).style("opacity",1),S.html(`\n              <strong>Flow ${e.id}</strong><br/>\n              Source: (${r.source.x}, ${r.source.y})<br/>\n              Source Width: ${r.source.width}px<br/>\n              Target: (${r.target.x}, ${r.target.y})<br/>\n              Target Width: ${r.target.width}px<br/>\n              Color: ${r.color}\n            `).style("left",n.pageX+10+"px").style("top",n.pageY-10+"px"),t.selectAll("path[data-flow-id]").style("opacity",.3),x.select(this).style("opacity",1).style("stroke","rgba(139, 95, 191, 1.0)").style("stroke-width","2px").raise())}).on("mousemove",function(e){S.style("left",e.pageX+10+"px").style("top",e.pageY-10+"px")}).on("mouseout",function(){S.transition().duration(500).style("opacity",0),t.selectAll("path[data-flow-id]").style("opacity",.8),x.select(this).style("stroke","rgba(255, 255, 255, 0.1)").style("stroke-width","0.5")})}),k.forEach(e=>{e&&e.source&&e.target&&t.append("path").attr("d",N(e)).attr("fill",`url(#source-gradient-${e.id})`).attr("stroke","rgba(255, 255, 255, 0.1)").attr("stroke-width","0.5").style("opacity","0.6").style("transition","opacity 0.3s, stroke 0.3s").style("cursor","pointer").attr("data-flow-id",e.id).style("opacity",.6).style("mix-blend-mode","multiply").on("mouseover",function(n,o){const r=k.find(t=>t.id===e.id);r&&(S.transition().duration(200).style("opacity",1),S.html(`\n              <strong>${r.sourceLabel}</strong><br/>\n              Value: ${r.sourceValue}<br/>\n              Source: (${r.source.x}, ${r.source.y})<br/>\n              Source Width: ${r.source.width}px<br/>\n              Target: (${r.target.x}, ${r.target.y})<br/>\n              Target Width: ${r.target.width}px\n            `).style("left",n.pageX+10+"px").style("top",n.pageY-10+"px"),t.selectAll("path[data-flow-id]").style("opacity",.3),x.select(this).style("opacity",1).style("stroke","rgba(139, 95, 191, 1.0)").style("stroke-width","2px").raise())}).on("mousemove",function(e){S.style("left",e.pageX+10+"px").style("top",e.pageY-10+"px")}).on("mouseout",function(){S.transition().duration(500).style("opacity",0),t.selectAll("path[data-flow-id]").style("opacity",.8),x.select(this).style("stroke","rgba(255, 255, 255, 0.1)").style("stroke-width","0.5")})}),E.slice().reverse().forEach((e,n)=>{e&&e.source&&e.target&&t.append("rect").attr("x",e.target.x-C/2).attr("y",e.target.y-e.target.width/2).attr("width",C).attr("height",e.target.width).style("fill",U).style("rx","3").style("ry","3")}),k.forEach((e,n)=>{if(!e||!e.source||!e.target)return;const o=(()=>{if("undefined"==typeof window)return 65;const e=window.innerWidth;return e<=768?25:e<=1024?45:65})();t.append("text").attr("x",o).attr("y",e.source.y-10).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","12px").style("fill",G).style("font-weight","500").style("font-size",`${b}px`).text(e.sourceLabel||""),t.append("text").attr("x",o).attr("y",e.source.y+8).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","11px").style("fill","black").style("font-weight","600").style("font-size",b-2+"px").text(void 0!==e.sourceValue?e.sourceValue:""),t.append("rect").attr("x",e.target.x-C/2).attr("y",e.target.y-e.target.width/2).attr("width",C-3).attr("height",e.target.width).style("fill",U).style("rx","3").style("ry","3")});const{cardX:_,cardY1:I,cardY2:P,padding:O,gap:D,fontSize:R}=m;t.append("rect").attr("x",_).attr("y",I).attr("width",y).attr("height",w).attr("rx",12*v).attr("ry",12*v).attr("fill","white").attr("filter","url(#cardShadow)").style("fill","white").style("rx","8").style("ry","8").style("filter","drop-shadow(0px 4px 40px rgba(112, 144, 176, 0.12))"),t.append("text").attr("x",_+O.left).attr("y",I+O.top+8).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").style("font-size",`${R.title}px`).style("font-weight","500").text("Total Detections");const M=(()=>{const e=s.alignment||"left",t=s.position?.y||I+O.top+8;if(void 0!==s.position?.x)return{x:s.position.x,y:t};switch(e){case"left":const e=((e,t)=>e.length*t*.55)("Total Detections",R.title);return{x:_+O.left+e+15,y:t};case"center":return{x:_+y/2,y:t};default:return{x:_+y-O.right-16,y:t}}})(),B={icon:s.icon||"↗",color:s.color||"#8B5FBF",size:s.size||14,x:M.x,y:M.y,alignment:s.alignment||"right"},T=t.append("text").attr("x",B.x).attr("y",B.y).attr("text-anchor",(e=>{switch(e){case"left":return"start";case"center":return"middle";default:return"end"}})(B.alignment)).attr("dominant-baseline","middle").style("font-size",`${B.size}px`).style("fill",B.color).style("font-weight","600").style("cursor",s.onClick?"pointer":"default").text(B.icon);s.onClick&&T.on("click",s.onClick).on("mouseover",function(){x.select(this).style("opacity",.7)}).on("mouseout",function(){x.select(this).style("opacity",1)}),t.append("text").attr("x",_+O.left).attr("y",I+O.top+8+D+16).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").style("font-size","24px").style("font-weight","700").style("fill",X).text("9100"),t.append("text").attr("x",_+O.left+70).attr("y",I+O.top+8+D+16).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","12px").style("fill",Z).style("font-weight","500").style("font-size","14px").style("font-weight","500").style("fill",Z).text("▲ +10%"),t.append("text").attr("x",_+O.left).attr("y",I+O.top+8+D+16+D+12).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","11px").style("fill",Y).style("font-weight","400").style("font-size","14px").style("font-weight","400").style("fill",Y).text("In last 7 days"),t.append("rect").attr("x",_).attr("y",P).attr("width",259).attr("height",307).attr("rx",12).attr("ry",12).attr("fill","white").attr("filter","url(#cardShadow)").style("fill","white").style("rx","8").style("ry","8").style("filter","drop-shadow(0px 4px 40px rgba(112, 144, 176, 0.12))"),t.append("text").attr("x",_+O.left).attr("y",P+O.top+16).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("Mitigated Threats"),t.append("text").attr("x",_+259-O.right).attr("y",P+O.top+16).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("9000");[{label:"Critical",value:60,color:"#4C1D95"},{label:"High",value:300,color:"#7C3AED"},{label:"Medium",value:860,color:"#A78BFA"},{label:"Low",value:100,color:"#DDD6FE"}].forEach((e,n)=>{const o=P+O.top+16+D+20+28*n;t.append("text").attr("x",_+O.left).attr("y",o).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.label),t.append("text").attr("x",_+259-O.right).attr("y",o).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.value)});const z=P+O.top+16+D+20+112+D+20;t.append("text").attr("x",_+O.left).attr("y",z).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("Unmitigated Threats"),t.append("text").attr("x",_+259-O.right).attr("y",z).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("100");return[{label:"Informational",value:100,color:"#F3F4F6"}].forEach((e,n)=>{const o=z+D+16+28*n;t.append("text").attr("x",_+O.left).attr("y",o).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.label),t.append("text").attr("x",_+259-O.right).attr("y",o).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.value)}),()=>{"undefined"!=typeof window&&x.select("body").selectAll(".sankey-tooltip").remove()}},[e,n,c]),t("div",{className:"flex justify-center w-full",children:t("svg",{id:"sankey-chart",ref:c,className:"block mx-auto",style:{display:"block",margin:"0 auto"}})})};function ae(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(n=ae(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function ie(){for(var e,t,n=0,o="",r=arguments.length;n<r;n++)(e=arguments[n])&&(t=ae(e))&&(o&&(o+=" "),o+=t);return o}var le={button:"Button-module_button__hvJpb",label:"Button-module_label__zSB3D",icon:"Button-module_icon__pfoz5",loaderIcon:"Button-module_loaderIcon__4WG9k",spin:"Button-module_spin__6Uwop",size_medium:"Button-module_size_medium__TGkrI",size_small:"Button-module_size_small__-vQKB",style_primary:"Button-module_style_primary__GfCKd",state_default:"Button-module_state_default__KGxJA",state_hover:"Button-module_state_hover__NNaw2",state_focus:"Button-module_state_focus__xudCD",state_disabled:"Button-module_state_disabled__6SakQ",state_loading:"Button-module_state_loading__ZhHO9",style_secondary:"Button-module_style_secondary__9kVUP",style_neutral:"Button-module_style_neutral__ZoLsO",style_subtle:"Button-module_style_subtle__oOeBv"},se={icon:"Icon-module_icon__hJi-x",variant_default:"Icon-module_variant_default__4khrG",variant_hover:"Icon-module_variant_hover__Z-Zt4",variant_active:"Icon-module_variant_active__B7W-7",variant_disabled:"Icon-module_variant_disabled__u8BHu",variant_white:"Icon-module_variant_white__LRbrT"};const ce=[{name:"app-window",label:"App Window",filePath:"icon/AppWindow.svg",variantCount:1},{name:"arrow-arc-left",label:"Arrow Arc Left",filePath:"icon/ArrowArcLeft.svg",variantCount:1},{name:"arrow-arc-right",label:"Arrow Arc Right",filePath:"icon/ArrowArcRight.svg",variantCount:1},{name:"arrow-bend-double-up-left",label:"Arrow Bend Double Up Left",filePath:"icon/ArrowBendDoubleUpLeft.svg",variantCount:1},{name:"arrow-bend-double-up-right",label:"Arrow Bend Double Up Right",filePath:"icon/ArrowBendDoubleUpRight.svg",variantCount:1},{name:"arrow-bend-down-left",label:"Arrow Bend Down Left",filePath:"icon/ArrowBendDownLeft.svg",variantCount:1},{name:"arrow-bend-down-right",label:"Arrow Bend Down Right",filePath:"icon/ArrowBendDownRight.svg",variantCount:1},{name:"arrow-bend-left-down",label:"Arrow Bend Left Down",filePath:"icon/ArrowBendLeftDown.svg",variantCount:1},{name:"arrow-bend-right-down",label:"Arrow Bend Right Down",filePath:"icon/ArrowBendRightDown.svg",variantCount:1},{name:"arrow-bend-right-up",label:"Arrow Bend Right Up",filePath:"icon/ArrowBendRightUp.svg",variantCount:1},{name:"arrow-bend-up-left",label:"Arrow Bend Up Left",filePath:"icon/ArrowBendUpLeft.svg",variantCount:1},{name:"arrow-bend-up-right",label:"Arrow Bend Up Right",filePath:"icon/ArrowBendUpRight.svg",variantCount:1},{name:"arrow-circle-down",label:"Arrow Circle Down",filePath:"icon/ArrowCircleDown.svg",variantCount:1},{name:"arrow-circle-down-left",label:"Arrow Circle Down Left",filePath:"icon/ArrowCircleDownLeft.svg",variantCount:1},{name:"arrow-circle-down-right",label:"Arrow Circle Down Right",filePath:"icon/ArrowCircleDownRight.svg",variantCount:1},{name:"arrow-circle-left",label:"Arrow Circle Left",filePath:"icon/ArrowCircleLeft.svg",variantCount:1},{name:"arrow-circle-right",label:"Arrow Circle Right",filePath:"icon/ArrowCircleRight.svg",variantCount:1},{name:"arrow-circle-up",label:"Arrow Circle Up",filePath:"icon/ArrowCircleUp.svg",variantCount:1},{name:"arrow-circle-up-left",label:"Arrow Circle Up Left",filePath:"icon/ArrowCircleUpLeft.svg",variantCount:1},{name:"arrow-circle-up-right",label:"Arrow Circle Up Right",filePath:"icon/ArrowCircleUpRight.svg",variantCount:1},{name:"arrow-clockwise",label:"Arrow Clockwise",filePath:"icon/ArrowClockwise.svg",variantCount:1},{name:"arrow-counter-clockwise",label:"Arrow Counter Clockwise",filePath:"icon/ArrowCounterClockwise.svg",variantCount:1},{name:"arrow-down",label:"Arrow Down",filePath:"icon/ArrowDown.svg",variantCount:1},{name:"arrow-down-left",label:"Arrow Down Left",filePath:"icon/ArrowDownLeft.svg",variantCount:1},{name:"arrow-down-right",label:"Arrow Down Right",filePath:"icon/ArrowDownRight.svg",variantCount:1},{name:"arrow-elbow-down-left",label:"Arrow Elbow Down Left",filePath:"icon/ArrowElbowDownLeft.svg",variantCount:1},{name:"arrow-elbow-down-right",label:"Arrow Elbow Down Right",filePath:"icon/ArrowElbowDownRight.svg",variantCount:1},{name:"arrow-elbow-left",label:"Arrow Elbow Left",filePath:"icon/ArrowElbowLeft.svg",variantCount:1},{name:"arrow-elbow-left-down",label:"Arrow Elbow Left Down",filePath:"icon/ArrowElbowLeftDown.svg",variantCount:1},{name:"arrow-elbow-left-up",label:"Arrow Elbow Left Up",filePath:"icon/ArrowElbowLeftUp.svg",variantCount:1},{name:"arrow-elbow-right",label:"Arrow Elbow Right",filePath:"icon/ArrowElbowRight.svg",variantCount:1},{name:"arrow-elbow-right-down",label:"Arrow Elbow Right Down",filePath:"icon/ArrowElbowRightDown.svg",variantCount:1},{name:"arrow-elbow-right-up",label:"Arrow Elbow Right Up",filePath:"icon/ArrowElbowRightUp.svg",variantCount:1},{name:"arrow-elbow-up-left",label:"Arrow Elbow Up Left",filePath:"icon/ArrowElbowUpLeft.svg",variantCount:1},{name:"arrow-elbow-up-right",label:"Arrow Elbow Up Right",filePath:"icon/ArrowElbowUpRight.svg",variantCount:1},{name:"arrow-left",label:"Arrow Left",filePath:"icon/ArrowLeft.svg",variantCount:1},{name:"arrow-line-down",label:"Arrow Line Down",filePath:"icon/ArrowLineDown.svg",variantCount:1},{name:"arrow-line-down-left",label:"Arrow Line Down Left",filePath:"icon/ArrowLineDownLeft.svg",variantCount:1},{name:"arrow-line-down-right",label:"Arrow Line Down Right",filePath:"icon/ArrowLineDownRight.svg",variantCount:1},{name:"arrow-line-left",label:"Arrow Line Left",filePath:"icon/ArrowLineLeft.svg",variantCount:1},{name:"arrow-line-right",label:"Arrow Line Right",filePath:"icon/ArrowLineRight.svg",variantCount:1},{name:"arrow-line-up",label:"Arrow Line Up",filePath:"icon/ArrowLineUp.svg",variantCount:1},{name:"arrow-line-up-left",label:"Arrow Line Up Left",filePath:"icon/ArrowLineUpLeft.svg",variantCount:1},{name:"arrow-line-up-right",label:"Arrow Line Up Right",filePath:"icon/ArrowLineUpRight.svg",variantCount:1},{name:"arrow-right",label:"Arrow Right",filePath:"icon/ArrowRight.svg",variantCount:1},{name:"arrow-square-down",label:"Arrow Square Down",filePath:"icon/ArrowSquareDown.svg",variantCount:1},{name:"arrow-square-down-left",label:"Arrow Square Down Left",filePath:"icon/ArrowSquareDownLeft.svg",variantCount:1},{name:"arrow-square-down-right",label:"Arrow Square Down Right",filePath:"icon/ArrowSquareDownRight.svg",variantCount:1},{name:"arrow-square-left",label:"Arrow Square Left",filePath:"icon/ArrowSquareLeft.svg",variantCount:1},{name:"arrow-square-right",label:"Arrow Square Right",filePath:"icon/ArrowSquareRight.svg",variantCount:1},{name:"arrow-square-up",label:"Arrow Square Up",filePath:"icon/ArrowSquareUp.svg",variantCount:1},{name:"arrow-square-up-left",label:"Arrow Square Up Left",filePath:"icon/ArrowSquareUpLeft.svg",variantCount:1},{name:"arrow-square-up-right",label:"Arrow Square Up Right",filePath:"icon/ArrowSquareUpRight.svg",variantCount:1},{name:"arrow-up",label:"Arrow Up",filePath:"icon/ArrowUp.svg",variantCount:1},{name:"arrow-up-left",label:"Arrow Up Left",filePath:"icon/ArrowUpLeft.svg",variantCount:1},{name:"arrow-up-right",label:"Arrow Up Right",filePath:"icon/ArrowUpRight.svg",variantCount:1},{name:"arrows-clockwise",label:"Arrows Clockwise",filePath:"icon/ArrowsClockwise.svg",variantCount:1},{name:"arrows-counter-clockwise",label:"Arrows Counter Clockwise",filePath:"icon/ArrowsCounterClockwise.svg",variantCount:1},{name:"arrows-down-up",label:"Arrows Down Up",filePath:"icon/ArrowsDownUp.svg",variantCount:1},{name:"arrows-horizontal",label:"Arrows Horizontal",filePath:"icon/ArrowsHorizontal.svg",variantCount:1},{name:"arrows-in",label:"Arrows In",filePath:"icon/ArrowsIn.svg",variantCount:1},{name:"arrows-in-cardinal",label:"Arrows In Cardinal",filePath:"icon/ArrowsInCardinal.svg",variantCount:1},{name:"arrows-in-line-horizontal",label:"Arrows In Line Horizontal",filePath:"icon/ArrowsInLineHorizontal.svg",variantCount:1},{name:"arrows-in-line-vertical",label:"Arrows In Line Vertical",filePath:"icon/ArrowsInLineVertical.svg",variantCount:1},{name:"arrows-in-simple",label:"Arrows In Simple",filePath:"icon/ArrowsInSimple.svg",variantCount:1},{name:"arrows-left-right",label:"Arrows Left Right",filePath:"icon/ArrowsLeftRight.svg",variantCount:1},{name:"arrows-out",label:"Arrows Out",filePath:"icon/ArrowsOut.svg",variantCount:1},{name:"arrows-out-cardinal",label:"Arrows Out Cardinal",filePath:"icon/ArrowsOutCardinal.svg",variantCount:1},{name:"arrows-out-line-horizontal",label:"Arrows Out Line Horizontal",filePath:"icon/ArrowsOutLineHorizontal.svg",variantCount:1},{name:"arrows-out-line-vertical",label:"Arrows Out Line Vertical",filePath:"icon/ArrowsOutLineVertical.svg",variantCount:1},{name:"arrows-out-simple",label:"Arrows Out Simple",filePath:"icon/ArrowsOutSimple.svg",variantCount:1},{name:"arrows-vertical",label:"Arrows Vertical",filePath:"icon/ArrowsVertical.svg",variantCount:1},{name:"article",label:"Article",filePath:"icon/Article.svg",variantCount:1},{name:"bell",label:"Bell",filePath:"icon/Bell.svg",variantCount:1},{name:"bell-ringing",label:"Bell Ringing",filePath:"icon/BellRinging.svg",variantCount:1},{name:"bell-simple",label:"Bell Simple",filePath:"icon/BellSimple.svg",variantCount:1},{name:"bell-simple-ringing",label:"Bell Simple Ringing",filePath:"icon/BellSimpleRinging.svg",variantCount:1},{name:"bell-simple-slash",label:"Bell Simple Slash",filePath:"icon/BellSimpleSlash.svg",variantCount:1},{name:"binoculars",label:"Binoculars",filePath:"icon/Binoculars.svg",variantCount:1},{name:"book",label:"Book",filePath:"icon/Book.svg",variantCount:1},{name:"book-open",label:"Book Open",filePath:"icon/BookOpen.svg",variantCount:1},{name:"book-open-text",label:"Book Open Text",filePath:"icon/BookOpenText.svg",variantCount:1},{name:"box-arrow-down",label:"Box Arrow Down",filePath:"icon/BoxArrowDown.svg",variantCount:1},{name:"box-arrow-up",label:"Box Arrow Up",filePath:"icon/BoxArrowUp.svg",variantCount:1},{name:"brackets-angle",label:"Brackets Angle",filePath:"icon/BracketsAngle.svg",variantCount:1},{name:"brackets-curly",label:"Brackets Curly",filePath:"icon/BracketsCurly.svg",variantCount:1},{name:"brackets-round",label:"Brackets Round",filePath:"icon/BracketsRound.svg",variantCount:1},{name:"brackets-square",label:"Brackets Square",filePath:"icon/BracketsSquare.svg",variantCount:1},{name:"browser",label:"Browser",filePath:"icon/Browser.svg",variantCount:1},{name:"browsers",label:"Browsers",filePath:"icon/Browsers.svg",variantCount:1},{name:"bug",label:"Bug",filePath:"icon/Bug.svg",variantCount:1},{name:"calendar-blank",label:"Calendar Blank",filePath:"icon/CalendarBlank.svg",variantCount:1},{name:"calendar-dots",label:"Calendar Dots",filePath:"icon/CalendarDots.svg",variantCount:1},{name:"cards",label:"Cards",filePath:"icon/Cards.svg",variantCount:1},{name:"cards-three",label:"Cards Three",filePath:"icon/CardsThree.svg",variantCount:1},{name:"caret-circle-double-down",label:"Caret Circle Double Down",filePath:"icon/CaretCircleDoubleDown.svg",variantCount:1},{name:"caret-circle-double-left",label:"Caret Circle Double Left",filePath:"icon/CaretCircleDoubleLeft.svg",variantCount:1},{name:"caret-circle-double-right",label:"Caret Circle Double Right",filePath:"icon/CaretCircleDoubleRight.svg",variantCount:1},{name:"caret-circle-double-up",label:"Caret Circle Double Up",filePath:"icon/CaretCircleDoubleUp.svg",variantCount:1},{name:"caret-circle-down",label:"Caret Circle Down",filePath:"icon/CaretCircleDown.svg",variantCount:1},{name:"caret-circle-left",label:"Caret Circle Left",filePath:"icon/CaretCircleLeft.svg",variantCount:1},{name:"caret-circle-right",label:"Caret Circle Right",filePath:"icon/CaretCircleRight.svg",variantCount:1},{name:"caret-circle-up",label:"Caret Circle Up",filePath:"icon/CaretCircleUp.svg",variantCount:1},{name:"caret-circle-up-down",label:"Caret Circle Up Down",filePath:"icon/CaretCircleUpDown.svg",variantCount:1},{name:"caret-down",label:"Caret Down",filePath:"icon/CaretDown.svg",variantCount:1},{name:"caret-left",label:"Caret Left",filePath:"icon/CaretLeft.svg",variantCount:1},{name:"caret-line-down",label:"Caret Line Down",filePath:"icon/CaretLineDown.svg",variantCount:1},{name:"caret-line-left",label:"Caret Line Left",filePath:"icon/CaretLineLeft.svg",variantCount:1},{name:"caret-line-right",label:"Caret Line Right",filePath:"icon/CaretLineRight.svg",variantCount:1},{name:"caret-line-up",label:"Caret Line Up",filePath:"icon/CaretLineUp.svg",variantCount:1},{name:"caret-right",label:"Caret Right",filePath:"icon/CaretRight.svg",variantCount:1},{name:"caret-up",label:"Caret Up",filePath:"icon/CaretUp.svg",variantCount:1},{name:"caret-up-down",label:"Caret Up Down",filePath:"icon/CaretUpDown.svg",variantCount:1},{name:"check",label:"Check",filePath:"icon/Check.svg",variantCount:1},{name:"check-circle",label:"Check Circle",filePath:"icon/CheckCircle.svg",variantCount:1},{name:"check-square",label:"Check Square",filePath:"icon/CheckSquare.svg",variantCount:1},{name:"check-square-offset",label:"Check Square Offset",filePath:"icon/CheckSquareOffset.svg",variantCount:1},{name:"checks",label:"Checks",filePath:"icon/Checks.svg",variantCount:1},{name:"circles-four",label:"Circles Four",filePath:"icon/CirclesFour.svg",variantCount:1},{name:"clipboard",label:"Clipboard",filePath:"icon/Clipboard.svg",variantCount:1},{name:"clipboard-text",label:"Clipboard Text",filePath:"icon/ClipboardText.svg",variantCount:1},{name:"cloud-arrow-down",label:"Cloud Arrow Down",filePath:"icon/CloudArrowDown.svg",variantCount:1},{name:"cloud-arrow-up",label:"Cloud Arrow Up",filePath:"icon/CloudArrowUp.svg",variantCount:1},{name:"cloud-check",label:"Cloud Check",filePath:"icon/CloudCheck.svg",variantCount:1},{name:"cloud-slash",label:"Cloud Slash",filePath:"icon/CloudSlash.svg",variantCount:1},{name:"cloud-warning",label:"Cloud Warning",filePath:"icon/CloudWarning.svg",variantCount:1},{name:"cloud-x",label:"Cloud X",filePath:"icon/CloudX.svg",variantCount:1},{name:"code",label:"Code",filePath:"icon/Code.svg",variantCount:1},{name:"code-block",label:"Code Block",filePath:"icon/CodeBlock.svg",variantCount:1},{name:"code-simple",label:"Code Simple",filePath:"icon/CodeSimple.svg",variantCount:1},{name:"columns",label:"Columns",filePath:"icon/Columns.svg",variantCount:1},{name:"columns-plus-left",label:"Columns Plus Left",filePath:"icon/ColumnsPlusLeft.svg",variantCount:1},{name:"columns-plus-right",label:"Columns Plus Right",filePath:"icon/ColumnsPlusRight.svg",variantCount:1},{name:"copy",label:"Copy",filePath:"icon/Copy.svg",variantCount:1},{name:"copy-simple",label:"Copy Simple",filePath:"icon/CopySimple.svg",variantCount:1},{name:"cpu",label:"Cpu",filePath:"icon/Cpu.svg",variantCount:1},{name:"credit-card",label:"Credit Card",filePath:"icon/CreditCard.svg",variantCount:1},{name:"cube",label:"Cube",filePath:"icon/Cube.svg",variantCount:1},{name:"cube-transparent",label:"Cube Transparent",filePath:"icon/CubeTransparent.svg",variantCount:1},{name:"database",label:"Database",filePath:"icon/Database.svg",variantCount:1},{name:"desktop",label:"Desktop",filePath:"icon/Desktop.svg",variantCount:1},{name:"desktop-tower",label:"Desktop Tower",filePath:"icon/DesktopTower.svg",variantCount:1},{name:"detective",label:"Detective",filePath:"icon/Detective.svg",variantCount:1},{name:"device-mobile-camera",label:"Device Mobile Camera",filePath:"icon/DeviceMobileCamera.svg",variantCount:1},{name:"device-tablet-camera",label:"Device Tablet Camera",filePath:"icon/DeviceTabletCamera.svg",variantCount:1},{name:"devices",label:"Devices",filePath:"icon/Devices.svg",variantCount:1},{name:"diamonds-four",label:"Diamonds Four",filePath:"icon/DiamondsFour.svg",variantCount:1},{name:"dot",label:"Dot",filePath:"icon/Dot.svg",variantCount:1},{name:"dot-outline",label:"Dot Outline",filePath:"icon/DotOutline.svg",variantCount:1},{name:"dots-nine",label:"Dots Nine",filePath:"icon/DotsNine.svg",variantCount:1},{name:"dots-six",label:"Dots Six",filePath:"icon/DotsSix.svg",variantCount:1},{name:"dots-six-vertical",label:"Dots Six Vertical",filePath:"icon/DotsSixVertical.svg",variantCount:1},{name:"dots-three",label:"Dots Three",filePath:"icon/DotsThree.svg",variantCount:1},{name:"dots-three-circle",label:"Dots Three Circle",filePath:"icon/DotsThreeCircle.svg",variantCount:1},{name:"dots-three-circle-vertical",label:"Dots Three Circle Vertical",filePath:"icon/DotsThreeCircleVertical.svg",variantCount:1},{name:"dots-three-outline",label:"Dots Three Outline",filePath:"icon/DotsThreeOutline.svg",variantCount:1},{name:"dots-three-outline-vertical",label:"Dots Three Outline Vertical",filePath:"icon/DotsThreeOutlineVertical.svg",variantCount:1},{name:"dots-three-vertical",label:"Dots Three Vertical",filePath:"icon/DotsThreeVertical.svg",variantCount:1},{name:"download-simple",label:"Download Simple",filePath:"icon/DownloadSimple.svg",variantCount:1},{name:"envelope",label:"Envelope",filePath:"icon/Envelope.svg",variantCount:1},{name:"envelope-simple",label:"Envelope Simple",filePath:"icon/EnvelopeSimple.svg",variantCount:1},{name:"exclamation-mark",label:"Exclamation Mark",filePath:"icon/ExclamationMark.svg",variantCount:1},{name:"export",label:"Export",filePath:"icon/Export.svg",variantCount:1},{name:"eye",label:"Eye",filePath:"icon/Eye.svg",variantCount:1},{name:"eye-closed",label:"Eye Closed",filePath:"icon/EyeClosed.svg",variantCount:1},{name:"eye-slash",label:"Eye Slash",filePath:"icon/EyeSlash.svg",variantCount:1},{name:"faders",label:"Faders",filePath:"icon/Faders.svg",variantCount:1},{name:"faders-horizontal",label:"Faders Horizontal",filePath:"icon/FadersHorizontal.svg",variantCount:1},{name:"file",label:"File",filePath:"icon/File.svg",variantCount:1},{name:"file-archive",label:"File Archive",filePath:"icon/FileArchive.svg",variantCount:1},{name:"file-arrow-down",label:"File Arrow Down",filePath:"icon/FileArrowDown.svg",variantCount:1},{name:"file-arrow-up",label:"File Arrow Up",filePath:"icon/FileArrowUp.svg",variantCount:1},{name:"file-dashed",label:"File Dashed",filePath:"icon/FileDashed.svg",variantCount:1},{name:"file-text",label:"File Text",filePath:"icon/FileText.svg",variantCount:1},{name:"files",label:"Files",filePath:"icon/Files.svg",variantCount:1},{name:"fingerprint",label:"Fingerprint",filePath:"icon/Fingerprint.svg",variantCount:1},{name:"fingerprint-simple",label:"Fingerprint Simple",filePath:"icon/FingerprintSimple.svg",variantCount:1},{name:"flag",label:"Flag",filePath:"icon/Flag.svg",variantCount:1},{name:"flag-pennant",label:"Flag Pennant",filePath:"icon/FlagPennant.svg",variantCount:1},{name:"floppy-disk",label:"Floppy Disk",filePath:"icon/FloppyDisk.svg",variantCount:1},{name:"folder",label:"Folder",filePath:"icon/Folder.svg",variantCount:1},{name:"folder-dashed",label:"Folder Dashed",filePath:"icon/FolderDashed.svg",variantCount:1},{name:"folder-open",label:"Folder Open",filePath:"icon/FolderOpen.svg",variantCount:1},{name:"folder-simple",label:"Folder Simple",filePath:"icon/FolderSimple.svg",variantCount:1},{name:"folder-simple-dashed",label:"Folder Simple Dashed",filePath:"icon/FolderSimpleDashed.svg",variantCount:1},{name:"folders",label:"Folders",filePath:"icon/Folders.svg",variantCount:1},{name:"funnel",label:"Funnel",filePath:"icon/Funnel.svg",variantCount:1},{name:"funnel-simple",label:"Funnel Simple",filePath:"icon/FunnelSimple.svg",variantCount:1},{name:"gear",label:"Gear",filePath:"icon/Gear.svg",variantCount:1},{name:"gear-six",label:"Gear Six",filePath:"icon/GearSix.svg",variantCount:1},{name:"git-branch",label:"Git Branch",filePath:"icon/GitBranch.svg",variantCount:1},{name:"git-merge",label:"Git Merge",filePath:"icon/GitMerge.svg",variantCount:1},{name:"git-pull-request",label:"Git Pull Request",filePath:"icon/GitPullRequest.svg",variantCount:1},{name:"globe",label:"Globe",filePath:"icon/Globe.svg",variantCount:1},{name:"globe-simple",label:"Globe Simple",filePath:"icon/GlobeSimple.svg",variantCount:1},{name:"green-tick",label:"Green Tick",filePath:"icon/GreenTick.svg",variantCount:1},{name:"grid-four",label:"Grid Four",filePath:"icon/GridFour.svg",variantCount:1},{name:"hammer",label:"Hammer",filePath:"icon/Hammer.svg",variantCount:1},{name:"hand",label:"Hand",filePath:"icon/Hand.svg",variantCount:1},{name:"hand-palm",label:"Hand Palm",filePath:"icon/HandPalm.svg",variantCount:1},{name:"hand-pointing",label:"Hand Pointing",filePath:"icon/HandPointing.svg",variantCount:1},{name:"house",label:"House",filePath:"icon/House.svg",variantCount:1},{name:"identification-badge",label:"Identification Badge",filePath:"icon/IdentificationBadge.svg",variantCount:1},{name:"identification-card",label:"Identification Card",filePath:"icon/IdentificationCard.svg",variantCount:1},{name:"info",label:"Info",filePath:"icon/Info.svg",variantCount:1},{name:"key",label:"Key",filePath:"icon/Key.svg",variantCount:1},{name:"ladder-simple",label:"Ladder Simple",filePath:"icon/LadderSimple.svg",variantCount:1},{name:"layout",label:"Layout",filePath:"icon/Layout.svg",variantCount:1},{name:"lifebuoy",label:"Lifebuoy",filePath:"icon/Lifebuoy.svg",variantCount:1},{name:"lightbulb",label:"Lightbulb",filePath:"icon/Lightbulb.svg",variantCount:1},{name:"lightning",label:"Lightning",filePath:"icon/Lightning.svg",variantCount:1},{name:"link",label:"Link",filePath:"icon/Link.svg",variantCount:1},{name:"link-break",label:"Link Break",filePath:"icon/LinkBreak.svg",variantCount:1},{name:"link-simple",label:"Link Simple",filePath:"icon/LinkSimple.svg",variantCount:1},{name:"link-simple-break",label:"Link Simple Break",filePath:"icon/LinkSimpleBreak.svg",variantCount:1},{name:"link-simple-horizontal",label:"Link Simple Horizontal",filePath:"icon/LinkSimpleHorizontal.svg",variantCount:1},{name:"link-simple-horizontal-break",label:"Link Simple Horizontal Break",filePath:"icon/LinkSimpleHorizontalBreak.svg",variantCount:1},{name:"list",label:"List",filePath:"icon/List.svg",variantCount:1},{name:"list-bullets",label:"List Bullets",filePath:"icon/ListBullets.svg",variantCount:1},{name:"list-checks",label:"List Checks",filePath:"icon/ListChecks.svg",variantCount:1},{name:"list-dashes",label:"List Dashes",filePath:"icon/ListDashes.svg",variantCount:1},{name:"list-heart",label:"List Heart",filePath:"icon/ListHeart.svg",variantCount:1},{name:"list-magnifying-glass",label:"List Magnifying Glass",filePath:"icon/ListMagnifyingGlass.svg",variantCount:1},{name:"list-numbers",label:"List Numbers",filePath:"icon/ListNumbers.svg",variantCount:1},{name:"list-plus",label:"List Plus",filePath:"icon/ListPlus.svg",variantCount:1},{name:"list-star",label:"List Star",filePath:"icon/ListStar.svg",variantCount:1},{name:"lock",label:"Lock",filePath:"icon/Lock.svg",variantCount:1},{name:"lock-key",label:"Lock Key",filePath:"icon/LockKey.svg",variantCount:1},{name:"lock-key-open",label:"Lock Key Open",filePath:"icon/LockKeyOpen.svg",variantCount:1},{name:"lock-open",label:"Lock Open",filePath:"icon/LockOpen.svg",variantCount:1},{name:"lock-simple",label:"Lock Simple",filePath:"icon/LockSimple.svg",variantCount:1},{name:"lock-simple-open",label:"Lock Simple Open",filePath:"icon/LockSimpleOpen.svg",variantCount:1},{name:"magnifying-glass",label:"Magnifying Glass",filePath:"icon/MagnifyingGlass.svg",variantCount:1},{name:"magnifying-glass-minus",label:"Magnifying Glass Minus",filePath:"icon/MagnifyingGlassMinus.svg",variantCount:1},{name:"magnifying-glass-plus",label:"Magnifying Glass Plus",filePath:"icon/MagnifyingGlassPlus.svg",variantCount:1},{name:"megaphone",label:"Megaphone",filePath:"icon/Megaphone.svg",variantCount:1},{name:"megaphone-simple",label:"Megaphone Simple",filePath:"icon/MegaphoneSimple.svg",variantCount:1},{name:"microphone",label:"Microphone",filePath:"icon/Microphone.svg",variantCount:1},{name:"navigation-arrow",label:"Navigation Arrow",filePath:"icon/NavigationArrow.svg",variantCount:1},{name:"network",label:"Network",filePath:"icon/Network.svg",variantCount:1},{name:"network-slash",label:"Network Slash",filePath:"icon/NetworkSlash.svg",variantCount:1},{name:"network-x",label:"Network X",filePath:"icon/NetworkX.svg",variantCount:1},{name:"newspaper",label:"Newspaper",filePath:"icon/Newspaper.svg",variantCount:1},{name:"newspaper-clipping",label:"Newspaper Clipping",filePath:"icon/NewspaperClipping.svg",variantCount:1},{name:"notches",label:"Notches",filePath:"icon/Notches.svg",variantCount:1},{name:"note",label:"Note",filePath:"icon/Note.svg",variantCount:1},{name:"note-blank",label:"Note Blank",filePath:"icon/NoteBlank.svg",variantCount:1},{name:"note-pencil",label:"Note Pencil",filePath:"icon/NotePencil.svg",variantCount:1},{name:"notification",label:"Notification",filePath:"icon/Notification.svg",variantCount:1},{name:"nut",label:"Nut",filePath:"icon/Nut.svg",variantCount:1},{name:"paperclip",label:"Paperclip",filePath:"icon/Paperclip.svg",variantCount:1},{name:"paperclip-horizontal",label:"Paperclip Horizontal",filePath:"icon/PaperclipHorizontal.svg",variantCount:1},{name:"password",label:"Password",filePath:"icon/Password.svg",variantCount:1},{name:"pencil-simple",label:"Pencil Simple",filePath:"icon/PencilSimple.svg",variantCount:1},{name:"pencil-simple-line",label:"Pencil Simple Line",filePath:"icon/PencilSimpleLine.svg",variantCount:1},{name:"person",label:"Person",filePath:"icon/Person.svg",variantCount:1},{name:"person-arms-spread",label:"Person Arms Spread",filePath:"icon/PersonArmsSpread.svg",variantCount:1},{name:"person-simple",label:"Person Simple",filePath:"icon/PersonSimple.svg",variantCount:1},{name:"placeholder",label:"Placeholder",filePath:"icon/Placeholder.svg",variantCount:1},{name:"plus",label:"Plus",filePath:"icon/Plus.svg",variantCount:1},{name:"plus-circle",label:"Plus Circle",filePath:"icon/PlusCircle.svg",variantCount:1},{name:"plus-square",label:"Plus Square",filePath:"icon/PlusSquare.svg",variantCount:1},{name:"prohibit",label:"Prohibit",filePath:"icon/Prohibit.svg",variantCount:1},{name:"prohibit-inset",label:"Prohibit Inset",filePath:"icon/ProhibitInset.svg",variantCount:1},{name:"pulse",label:"Pulse",filePath:"icon/Pulse.svg",variantCount:1},{name:"push-pin",label:"Push Pin",filePath:"icon/PushPin.svg",variantCount:1},{name:"push-pin-simple",label:"Push Pin Simple",filePath:"icon/PushPinSimple.svg",variantCount:1},{name:"push-pin-simple-slash",label:"Push Pin Simple Slash",filePath:"icon/PushPinSimpleSlash.svg",variantCount:1},{name:"push-pin-slash",label:"Push Pin Slash",filePath:"icon/PushPinSlash.svg",variantCount:1},{name:"puzzle-piece",label:"Puzzle Piece",filePath:"icon/PuzzlePiece.svg",variantCount:1},{name:"question",label:"Question",filePath:"icon/Question.svg",variantCount:1},{name:"question-mark",label:"Question Mark",filePath:"icon/QuestionMark.svg",variantCount:1},{name:"receipt",label:"Receipt",filePath:"icon/Receipt.svg",variantCount:1},{name:"receipt-x",label:"Receipt X",filePath:"icon/ReceiptX.svg",variantCount:1},{name:"rows-plus-bottom",label:"Rows Plus Bottom",filePath:"icon/RowsPlusBottom.svg",variantCount:1},{name:"rows-plus-top",label:"Rows Plus Top",filePath:"icon/RowsPlusTop.svg",variantCount:1},{name:"scroll",label:"Scroll",filePath:"icon/Scroll.svg",variantCount:1},{name:"seal",label:"Seal",filePath:"icon/Seal.svg",variantCount:1},{name:"seal-check",label:"Seal Check",filePath:"icon/SealCheck.svg",variantCount:1},{name:"share",label:"Share",filePath:"icon/Share.svg",variantCount:1},{name:"share-fat",label:"Share Fat",filePath:"icon/ShareFat.svg",variantCount:1},{name:"share-network",label:"Share Network",filePath:"icon/ShareNetwork.svg",variantCount:1},{name:"shield",label:"Shield",filePath:"icon/Shield.svg",variantCount:1},{name:"shield-check",label:"Shield Check",filePath:"icon/ShieldCheck.svg",variantCount:1},{name:"shield-checkered",label:"Shield Checkered",filePath:"icon/ShieldCheckered.svg",variantCount:1},{name:"shield-chevron",label:"Shield Chevron",filePath:"icon/ShieldChevron.svg",variantCount:1},{name:"shield-plus",label:"Shield Plus",filePath:"icon/ShieldPlus.svg",variantCount:1},{name:"shield-slash",label:"Shield Slash",filePath:"icon/ShieldSlash.svg",variantCount:1},{name:"shield-star",label:"Shield Star",filePath:"icon/ShieldStar.svg",variantCount:1},{name:"shield-warning",label:"Shield Warning",filePath:"icon/ShieldWarning.svg",variantCount:1},{name:"sidebar",label:"Sidebar",filePath:"icon/Sidebar.svg",variantCount:1},{name:"sidebar-simple",label:"Sidebar Simple",filePath:"icon/SidebarSimple.svg",variantCount:1},{name:"sign-in",label:"Sign In",filePath:"icon/SignIn.svg",variantCount:1},{name:"sign-out",label:"Sign Out",filePath:"icon/SignOut.svg",variantCount:1},{name:"siren",label:"Siren",filePath:"icon/Siren.svg",variantCount:1},{name:"sliders",label:"Sliders",filePath:"icon/Sliders.svg",variantCount:1},{name:"sliders-horizontal",label:"Sliders Horizontal",filePath:"icon/SlidersHorizontal.svg",variantCount:1},{name:"sort-ascending",label:"Sort Ascending",filePath:"icon/SortAscending.svg",variantCount:1},{name:"sort-descending",label:"Sort Descending",filePath:"icon/SortDescending.svg",variantCount:1},{name:"spinner",label:"Spinner",filePath:"icon/Spinner.svg",variantCount:1},{name:"spinner-gap",label:"Spinner Gap",filePath:"icon/SpinnerGap.svg",variantCount:1},{name:"split-horizontal",label:"Split Horizontal",filePath:"icon/SplitHorizontal.svg",variantCount:1},{name:"split-vertical",label:"Split Vertical",filePath:"icon/SplitVertical.svg",variantCount:1},{name:"square-half",label:"Square Half",filePath:"icon/SquareHalf.svg",variantCount:1},{name:"square-half-bottom",label:"Square Half Bottom",filePath:"icon/SquareHalfBottom.svg",variantCount:1},{name:"square-split-horizontal",label:"Square Split Horizontal",filePath:"icon/SquareSplitHorizontal.svg",variantCount:1},{name:"square-split-vertical",label:"Square Split Vertical",filePath:"icon/SquareSplitVertical.svg",variantCount:1},{name:"squares-four",label:"Squares Four",filePath:"icon/SquaresFour.svg",variantCount:1},{name:"stack",label:"Stack",filePath:"icon/Stack.svg",variantCount:1},{name:"stack-minus",label:"Stack Minus",filePath:"icon/StackMinus.svg",variantCount:1},{name:"stack-plus",label:"Stack Plus",filePath:"icon/StackPlus.svg",variantCount:1},{name:"stack-simple",label:"Stack Simple",filePath:"icon/StackSimple.svg",variantCount:1},{name:"star",label:"Star",filePath:"icon/Star.svg",variantCount:1},{name:"table",label:"Table",filePath:"icon/Table.svg",variantCount:1},{name:"tag",label:"Tag",filePath:"icon/Tag.svg",variantCount:1},{name:"tag-chevron",label:"Tag Chevron",filePath:"icon/TagChevron.svg",variantCount:1},{name:"tag-simple",label:"Tag Simple",filePath:"icon/TagSimple.svg",variantCount:1},{name:"target",label:"Target",filePath:"icon/Target.svg",variantCount:1},{name:"terminal",label:"Terminal",filePath:"icon/Terminal.svg",variantCount:1},{name:"terminal-window",label:"Terminal Window",filePath:"icon/TerminalWindow.svg",variantCount:1},{name:"text-columns",label:"Text Columns",filePath:"icon/TextColumns.svg",variantCount:1},{name:"ticket",label:"Ticket",filePath:"icon/Ticket.svg",variantCount:1},{name:"trash",label:"Trash",filePath:"icon/Trash.svg",variantCount:1},{name:"trash-simple",label:"Trash Simple",filePath:"icon/TrashSimple.svg",variantCount:1},{name:"tray",label:"Tray",filePath:"icon/Tray.svg",variantCount:1},{name:"tray-arrow-down",label:"Tray Arrow Down",filePath:"icon/TrayArrowDown.svg",variantCount:1},{name:"tray-arrow-up",label:"Tray Arrow Up",filePath:"icon/TrayArrowUp.svg",variantCount:1},{name:"tree-structure",label:"Tree Structure",filePath:"icon/TreeStructure.svg",variantCount:1},{name:"upload-simple",label:"Upload Simple",filePath:"icon/UploadSimple.svg",variantCount:1},{name:"user",label:"User",filePath:"icon/User.svg",variantCount:1},{name:"user-check",label:"User Check",filePath:"icon/UserCheck.svg",variantCount:1},{name:"user-circle",label:"User Circle",filePath:"icon/UserCircle.svg",variantCount:1},{name:"user-circle-check",label:"User Circle Check",filePath:"icon/UserCircleCheck.svg",variantCount:1},{name:"user-circle-dashed",label:"User Circle Dashed",filePath:"icon/UserCircleDashed.svg",variantCount:1},{name:"user-circle-gear",label:"User Circle Gear",filePath:"icon/UserCircleGear.svg",variantCount:1},{name:"user-circle-minus",label:"User Circle Minus",filePath:"icon/UserCircleMinus.svg",variantCount:1},{name:"user-circle-plus",label:"User Circle Plus",filePath:"icon/UserCirclePlus.svg",variantCount:1},{name:"user-focus",label:"User Focus",filePath:"icon/UserFocus.svg",variantCount:1},{name:"user-gear",label:"User Gear",filePath:"icon/UserGear.svg",variantCount:1},{name:"user-list",label:"User List",filePath:"icon/UserList.svg",variantCount:1},{name:"user-minus",label:"User Minus",filePath:"icon/UserMinus.svg",variantCount:1},{name:"user-plus",label:"User Plus",filePath:"icon/UserPlus.svg",variantCount:1},{name:"user-rectangle",label:"User Rectangle",filePath:"icon/UserRectangle.svg",variantCount:1},{name:"user-sound",label:"User Sound",filePath:"icon/UserSound.svg",variantCount:1},{name:"user-square",label:"User Square",filePath:"icon/UserSquare.svg",variantCount:1},{name:"user-switch",label:"User Switch",filePath:"icon/UserSwitch.svg",variantCount:1},{name:"users",label:"Users",filePath:"icon/Users.svg",variantCount:1},{name:"users-four",label:"Users Four",filePath:"icon/UsersFour.svg",variantCount:1},{name:"users-three",label:"Users Three",filePath:"icon/UsersThree.svg",variantCount:1},{name:"vault",label:"Vault",filePath:"icon/Vault.svg",variantCount:1},{name:"warning",label:"Warning",filePath:"icon/Warning.svg",variantCount:1},{name:"warning-circle",label:"Warning Circle",filePath:"icon/WarningCircle.svg",variantCount:1},{name:"warning-diamond",label:"Warning Diamond",filePath:"icon/WarningDiamond.svg",variantCount:1},{name:"warning-octagon",label:"Warning Octagon",filePath:"icon/WarningOctagon.svg",variantCount:1},{name:"wrench",label:"Wrench",filePath:"icon/Wrench.svg",variantCount:1},{name:"x",label:"X",filePath:"icon/X.svg",variantCount:1},{name:"xcircle",label:"XCircle",filePath:"icon/XCircle.svg",variantCount:1},{name:"xsquare",label:"XSquare",filePath:"icon/XSquare.svg",variantCount:1},{name:"calendar",label:"Calendar",filePath:"icon/calendar.svg",variantCount:1}],de=({name:e,size:n="medium",variant:o="default",className:r="",style:a={},alt:i="",...l})=>{const s=e?.replace(/\.svg$/,"").toLowerCase(),c=(()=>{if("number"==typeof n)return`${n}px`;const e={small:"12px",medium:"16px",large:"24px"};return e[n]||e.medium})(),d=(()=>{const t=ce.find(t=>t.name===s||t.name===e);return`https://unpkg.com/squarex-ui-component-lib@1.0.0/public/icon/${t?t.filePath.split("/").pop():`${e}.svg`}`})(),u=i||`${s} icon`,p=[se.icon,se[`variant_${o}`],r].filter(Boolean).join(" "),m={width:c,height:c,...a};return t("img",{src:d,alt:u,className:p,style:m,...l})},ue=({className:e})=>t("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:t("path",{d:"M7.00033 1.16699L8.80283 4.81866L12.8337 5.40783L9.91699 8.24866L10.6053 12.262L7.00033 10.3662L3.39533 12.262L4.08366 8.24866L1.16699 5.40783L5.19783 4.81866L7.00033 1.16699Z",stroke:"#36204C",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})}),pe=({className:n})=>e("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),me=({label:n="Button",showLeadingIcon:o=!0,showTrailingIcon:r=!1,leadingIcon:a,trailingIcon:i,leftIcon:l,rightIcon:s,variant:c,buttonStyle:d="primary",state:u="default",size:p="medium",onClick:m,disabled:f,loading:h,className:g="",children:v,...b})=>{const y=h?"loading":f?"disabled":u,w=f||h||"disabled"===y,C=ie(le.button,le[`style_${c||d||"primary"}`],le[`state_${y}`],le[`size_${"md"===p?"medium":"sm"===p?"small":p}`],g),x="Button"===n&&v?v:n;return e("button",{className:C,onClick:m,disabled:w,"aria-disabled":w,...b,children:[(()=>{if(!o)return null;const e=a||l;return e?"string"==typeof e?t(de,{name:e,className:le.icon}):e:"loading"===y?t(pe,{className:le.loaderIcon}):t(ue,{className:le.icon})})(),t("span",{className:le.label,children:x}),(()=>{if(!r)return null;const e=i||s;return e?"string"==typeof e?t(de,{name:e,className:le.icon}):e:t(ue,{className:le.icon})})()]})};var fe={button:"ButtonDanger-module_button__AOtwP",label:"ButtonDanger-module_label__b5KXy",icon:"ButtonDanger-module_icon__cFsc0",loaderIcon:"ButtonDanger-module_loaderIcon__0Grd9",spin:"ButtonDanger-module_spin__dWDkA",size_medium:"ButtonDanger-module_size_medium__rSyZy",size_small:"ButtonDanger-module_size_small__uAFGW",style_primary:"ButtonDanger-module_style_primary__iUyC1",state_default:"ButtonDanger-module_state_default__Y5C0B",state_hover:"ButtonDanger-module_state_hover__sATSe",state_focus:"ButtonDanger-module_state_focus__gFvzD",state_disabled:"ButtonDanger-module_state_disabled__UT767",state_loading:"ButtonDanger-module_state_loading__-C8Aq",style_neutral:"ButtonDanger-module_style_neutral__VZ0rO",style_subtle:"ButtonDanger-module_style_subtle__PTOK-"};const he=({label:n="Button",showLeadingIcon:o=!0,showTrailingIcon:r=!1,leadingIcon:a,trailingIcon:i,style:l="primary",state:s="default",size:c="medium",onClick:d,disabled:u,loading:p,className:m="",...f})=>{const h=p?"loading":u?"disabled":s,g=u||p||"disabled"===h,v=[fe.button,fe[`style_${l}`],fe[`state_${h}`],fe[`size_${c}`],m].filter(Boolean).join(" ");return e("button",{className:v,onClick:d,disabled:g,"aria-disabled":g,...f,children:[o?a||t(de,"loading"===h?{name:"spinner",size:16,className:fe.loaderIcon}:{name:"star",size:14,className:fe.icon}):null,t("span",{className:fe.label,children:n}),r?i||t(de,{name:"star",size:14,className:fe.icon}):null]})};var ge={avatar:"Avatar-module_avatar__iHwNB",size_large:"Avatar-module_size_large__lysYk",size_medium:"Avatar-module_size_medium__JL1rC",size_small:"Avatar-module_size_small__F3gWo",shape_circle:"Avatar-module_shape_circle__YEmYW",shape_square:"Avatar-module_shape_square__nLoa1",initialsBg:"Avatar-module_initialsBg__54pKJ",image:"Avatar-module_image__-oxFc",initials:"Avatar-module_initials__DzwqM"};const ve=({src:e,initials:n,alt:o,size:r="medium",shape:a="circle",className:i="",...l})=>{const s=[ge.avatar,ge[`size_${r}`],ge[`shape_${a}`],!e&&n?ge.initialsBg:"",i].filter(Boolean).join(" ");return t("div",{className:s,...l,children:e?t("img",{src:e,alt:o||n||"avatar",className:ge.image}):t("span",{className:ge.initials,children:n})})};var be="BackgroundGradient-module_container__h-ECQ",ye="BackgroundGradient-module_gradientBlobsImage__HSoZE";const we=({className:e="",mode:n="Light Mode BG",...o})=>t("div",{className:`${be} ${e}`,"data-mode":n,...o,children:t("img",{className:ye,src:`/bg/Mode=${n}.svg`,alt:`${n} Blobs`})});var Ce={badge:"Badge-module_badge__IxlOE",size_small:"Badge-module_size_small__blSq3",size_medium:"Badge-module_size_medium__hlh0Y",size_large:"Badge-module_size_large__EzYlM",type_active:"Badge-module_type_active__CPh-H",type_inactive:"Badge-module_type_inactive__xwWXA",type_default:"Badge-module_type_default__5N9w7"};const xe=({label:e="Badge",type:n="default",size:o="medium",className:r="",children:a,...i})=>{const l=(e=>{if(!e)return"default";const t=e.toLowerCase();return"active"===t?"active":"inactive"===t?"inactive":"default"})(n),s=(e=>{if(!e)return"medium";const t=e.toString().toLowerCase();return"small"===t||"sm"===t?"small":"medium"===t||"md"===t?"medium":"large"===t||"lg"===t?"large":"medium"})(o),c=[Ce.badge,Ce[`type_${l}`],Ce[`size_${s}`],r].filter(Boolean).join(" ");return t("span",{className:c,...i,children:a||e})};function $e(e){const t=o.useRef(e);t.current=e;return o.useCallback((...e)=>t.current?.(...e),[])}function Se(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}const Ee="test"!==process.env.NODE_ENV&&Se()?o.useLayoutEffect:o.useEffect,ke=(e,t)=>{const n=o.useRef(!0);Ee(()=>e(n.current),t),Ee(()=>(n.current=!1,()=>{n.current=!0}),[])};function Ne(e){const t=o.useRef(!1),[n,r]=o.useState(e);return o.useEffect(()=>(t.current=!1,()=>{t.current=!0}),[]),[n,function(e,n){n&&t.current||r(e)}]}function _e(e,t){const[n,o]=i(e),r=void 0!==t?t:n;return ke(e=>{e||o(t)},[t]),[r,o]}var Ie,Pe={exports:{}},Oe={};var De,Re={};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import*as o from"react";import r,{useRef as a,useState as i,useEffect as l,useCallback as s,useMemo as c,version as d,isValidElement as u,useInsertionEffect as p,useContext as m,createContext as f,useLayoutEffect as h,useImperativeHandle as g,useId as v,forwardRef as b,cloneElement as y,memo as w,useReducer as C}from"react";import*as x from"d3";import{createPortal as $,flushSync as S,unstable_batchedUpdates as E}from"react-dom";import{createRoot as k}from"react-dom/client";const N={width:800,height:400,margin:{top:20,right:30,bottom:60,left:80},colors:{gradient:{start:"#8B5CF6",end:"#6B46C1"}},showGrid:!0,animate:!0,responsive:!0,showTooltip:!0,cornerRadius:5,barPadding:.6,tickCount:5,formatValue:e=>0===e?"0":e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(0)}k`:e.toString()},_=o=>{const r={...N,...o},{data:s,title:c,titleStyle:d,titleClassName:u,width:p,height:m,margin:f,colors:h,showGrid:g,animate:v,responsive:b,formatValue:y,className:w,style:C,onBarClick:$,onBarHover:S,showTooltip:E,tooltipStyle:k,tooltipClassName:_,tooltipContent:I,showLegend:P=!0,legendPosition:O="bottom",legendStyle:D,legendClassName:R,legendTitle:M,showYAxis:B=!0,showYAxisLine:T=!1,showYAxisTicks:z=!1,yAxisStyle:A,yAxisClassName:L,yAxisLabelStyle:H,yAxisLabelClassName:F,cornerRadius:j,barPadding:V,tickCount:W}=r,K=a(null),q=a(null),U=a(null),[X,G]=i({width:p||800,height:m||400}),[Y,Z]=i(!1);l(()=>{if(Z(!0),!b)return;const e=()=>{if(q.current){const e=q.current.getBoundingClientRect().width,t=Math.max(300,e),n=Math.max(300,.5*t);G({width:t,height:n})}};let t;q.current&&(t=new ResizeObserver(e),t.observe(q.current)),window.addEventListener("resize",e);const n=setTimeout(e,0);return()=>{t&&t.disconnect(),window.removeEventListener("resize",e),clearTimeout(n)}},[b]),l(()=>{if(!Y||!s||0===s.length)return;const e=x.select(K.current);e.selectAll("*").remove();const t=X.width-(f?.left||0)-(f?.right||0),n=X.height-(f?.top||0)-(f?.bottom||0),o=e.attr("width",X.width).attr("height",X.height).append("g").attr("transform",`translate(${f?.left||0},${f?.top||0})`);if(h?.gradient){const t=e.append("defs").append("linearGradient").attr("id","barGradient").attr("x1","0%").attr("y1","0%").attr("x2","0%").attr("y2","100%");t.append("stop").attr("offset","0%").attr("stop-color",h.gradient.start),t.append("stop").attr("offset","100%").attr("stop-color",h.gradient.end)}const r=x.scaleBand().domain(s.map(e=>e.category)).range([0,t]).padding(V||.6),a=x.max(s,e=>e.value)||0,i=x.scaleLinear().domain([0,1.1*a]).range([n,0]);if(g){const e=x.axisLeft(i).tickSize(-t).tickFormat(()=>"").ticks(W||5);o.append("g").attr("class","grid").style("stroke-dasharray","3,3").style("opacity",.3).call(e)}if(B){const e=x.axisLeft(i).ticks(W||5).tickFormat(e=>{const t="number"==typeof e?e:Number(e);return y?y(t):0===t?"0":t>=1e6?`${(t/1e6).toFixed(1)}M`:t>=1e3?`${(t/1e3).toFixed(0)}k`:t.toString()}),t=o.append("g").attr("class","y-axis").style("color","#7D7D7D").style("font-size","0.875rem").call(e);if(A){["color","font-size","font-weight","font-family","opacity","visibility","display","text-anchor","dominant-baseline"].forEach(e=>{const n=A[e];void 0!==n&&t.style(e,n.toString())})}if(T||t.selectAll("path").style("display","none"),z||t.selectAll("line").style("display","none"),t.selectAll("text").attr("class",`y-axis-label ${F||""}`).style("font-weight","500").style("fill","#7D7D7D").style("font-size","0.875rem").style("font-family","Inter, system-ui, sans-serif").style("dominant-baseline","middle").style("text-anchor","end").attr("dx","-8px"),H){["color","font-size","font-weight","font-family","opacity","visibility","display","text-anchor","dominant-baseline"].forEach(e=>{const n=H[e];void 0!==n&&t.selectAll("text").style(e,n.toString())})}}const l=x.axisBottom(r),c=o.append("g").attr("class","x-axis").attr("transform",`translate(0,${n})`).style("color","#718096").style("font-size","0.875rem").call(l);c.selectAll("path").style("display","none"),c.selectAll("line").style("display","none"),t<600&&c.selectAll("text").style("text-anchor","end").attr("dx","-.8em").attr("dy",".15em").attr("transform","rotate(-45)");const d=o.selectAll(".bar").data(s).enter().append("rect").attr("class","bar").attr("x",e=>r(e.category)||0).attr("width",r.bandwidth()).attr("y",n).attr("height",0).attr("rx",j||5).attr("ry",j||5).style("fill",e=>e.color?e.color:h?.gradient?"url(#barGradient)":h?.solid?h.solid:"#8B5CF6").style("cursor",$?"pointer":"default");v?d.transition().duration(800).ease(x.easeBackOut.overshoot(1.1)).attr("y",e=>i(e.value)).attr("height",e=>n-i(e.value)):d.attr("y",e=>i(e.value)).attr("height",e=>n-i(e.value)),($||S||E)&&d.on("click",(e,t)=>{if($){const e=s.indexOf(t);$(t,e)}}).on("mouseover",(e,t)=>{if(S){const e=s.indexOf(t);S(t,e)}if(E&&U.current&&q.current){const n=x.select(U.current),o=q.current.getBoundingClientRect(),r=e.currentTarget.getBoundingClientRect(),a=r.left-o.left+r.width/2,i=r.top-o.top-15;n.style("opacity",1).style("left",`${a}px`).style("top",`${i}px`).style("transform","translateX(-50%)").html(`\n                <div class="font-semibold text-white">${t.category}</div>\n                <div class="text-sm text-gray-200 mt-1">${y?y(t.value):t.value.toString()}</div>\n              `)}x.select(e.currentTarget).transition().duration(200).style("opacity",.8).style("filter","brightness(1.1)")}).on("mouseout",e=>{E&&U.current&&x.select(U.current).style("opacity",0),x.select(e.currentTarget).transition().duration(200).style("opacity",1).style("filter","brightness(1)")}).on("mousemove",(e,t)=>{if(E&&U.current&&q.current){const t=x.select(U.current),n=q.current.getBoundingClientRect(),o=e.clientX-n.left,r=e.clientY-n.top;t.style("left",`${o}px`).style("top",r-15+"px").style("transform","translateX(-50%)")}})},[Y,s,X,f,h,g,v,y,$,S,E,j,V,W,B,T,z,A,L,H,F]);const Q=()=>{if(!P||!s||0===s.length)return null;const n=s.map((n,o)=>e("div",{className:"flex items-center space-x-2 cursor-pointer hover:opacity-80 transition-opacity",onClick:()=>$?.(n,o),onMouseEnter:()=>S?.(n,o),children:[t("div",{className:"w-4 h-4 rounded-sm",style:{backgroundColor:n.color||(h?.gradient?"url(#barGradient)":h?.solid||"#8B5CF6")}}),t("span",{className:"text-sm font-medium text-gray-700",children:n.category}),e("span",{className:"text-xs text-gray-500",children:["(",y?y(n.value):n.value.toString(),")"]})]},n.category));return e("div",{className:`${{top:"flex flex-wrap justify-center gap-4 mb-4",bottom:"flex flex-wrap justify-center gap-4 mt-4",left:"flex flex-col space-y-2 mr-4",right:"flex flex-col space-y-2 ml-4"}[O]} ${R||""}`,style:D,children:[M&&t("div",{className:"w-full text-center mb-2",children:t("span",{className:"text-sm font-semibold text-gray-600",children:M})}),n]})};return e("div",{ref:q,className:`bg-white p-6 rounded-xl ${w||""}`,style:C,children:[c&&t("h2",{className:`text-xl font-semibold text-[#18044E] mb-6 ${u||""}`,style:d,children:c}),P&&"top"===O&&Q(),e("div",{className:"relative",children:[t("svg",{ref:K,className:"w-full h-auto"}),E&&t("div",{ref:U,className:`absolute pointer-events-none bg-gradient-to-r from-gray-800 to-gray-900 text-white rounded-xl px-4 py-3 shadow-2xl opacity-0 transition-all duration-300 z-50 whitespace-nowrap border border-gray-600 ${_||""}`,style:{fontSize:"0.9rem",minWidth:"120px",textAlign:"center",backdropFilter:"blur(10px)",boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.05)",...k},children:I?I(s[0]):e(n,{children:[t("div",{className:"font-semibold text-white",children:s[0]?.category}),t("div",{className:"text-sm text-gray-200 mt-1",children:y?y(s[0]?.value||0):(s[0]?.value||0).toString()})]})})]}),P&&"bottom"===O&&Q()]})},I=({data:n,title:o="Policy Effect",titleStyle:r={},containerStyle:s={},chartSize:c=320,showLegend:d=!0,legendStyle:u={}})=>{const p=a(null),[m,f]=i({visible:!1,x:0,y:0,content:"",label:"",value:"",percentage:""}),h=n||[{label:"Allow",value:35,color:"#4A148C"},{label:"Block",value:30,color:"#7B1FA2"},{label:"Isolate",value:20,color:"#BA68C8"},{label:"Tag",value:15,color:"#E1BEE7"}],g=x.sum(h,e=>e.value);l(()=>{if(!p.current)return;const e=x.select(p.current);e.selectAll("*").remove();const t=c,n=c,o=Math.min(t,n)/2-30,r=e.attr("width",t).attr("height",n).append("g").attr("transform",`translate(${t/2}, ${n/2})`),a=x.pie().value(e=>e.value).sort(null).padAngle(0),i=x.arc().innerRadius(0).outerRadius(o),l=x.arc().innerRadius(0).outerRadius(o+8);r.selectAll("arc").data(a(h)).enter().append("g").attr("class","arc").append("path").attr("d",i).attr("fill",e=>e.data.color||"#4A148C").style("cursor","pointer").style("transition","all 0.3s ease").on("mouseover",function(e,t){const n=(t.data.value/g*100).toFixed(1);x.select(this).transition().duration(200).attr("d",l(t)).style("filter","brightness(1.1)"),f({visible:!0,x:e.clientX,y:e.clientY,content:`${t.data.label??""}: ${t.data.value} (${n}%)`,label:t.data.label??"",value:t.data.value.toString(),percentage:n})}).on("mousemove",function(e){f(t=>({...t,x:e.clientX,y:e.clientY}))}).on("mouseout",function(e,t){x.select(this).transition().duration(200).attr("d",i(t)).style("filter","brightness(1)"),f(e=>({...e,visible:!1}))})},[0,h,c]);const v={fontSize:"1.5rem",fontWeight:"600",marginBottom:"1rem",color:"#374151",textAlign:"center",...r},b={display:"flex",flexDirection:"column",alignItems:"center",padding:"1.5rem",backgroundColor:"white",borderRadius:"0.5rem",position:"relative",...s},y={display:"flex",flexWrap:"wrap",justifyContent:"center",gap:"0.5rem",...u};return e("div",{style:b,children:[t("h2",{style:v,children:o}),t("div",{className:"relative",children:t("svg",{ref:p})}),d&&t("div",{style:y,children:h.map((n,o)=>((n.value/g*100).toFixed(1),e("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg",children:[t("div",{className:"w-[10px] h-[10px] rounded-full",style:{backgroundColor:n.color}}),t("div",{className:"text-sm",children:t("div",{className:"font-medium text-[#454545]",children:n.label})})]},o)))}),m.visible&&e("div",{className:"fixed z-50 bg-gray-900 text-white px-4 py-3 rounded-lg pointer-events-none border border-gray-700",style:{left:m.x+15,top:m.y-60,minWidth:"150px"},children:[t("div",{className:"text-sm font-semibold text-blue-300",children:m.label}),e("div",{className:"text-base",children:[m.value," items"]}),e("div",{className:"text-sm text-gray-300",children:[m.percentage,"% of total"]}),t("div",{className:"absolute -bottom-1 left-4 w-2 h-2 bg-gray-900 transform rotate-45 border-r border-b border-gray-700"})]})]})},P=({data:n,width:o=1200,height:r=600,margin:i={top:80,right:50,bottom:50,left:50},backgroundColor:s="linear-gradient(135deg, #0f0f23 0%, #1a1a3e 100%)",showTimeFilter:c=!0,timeFilters:d=["1W","1M","3M","1Y","ALL"],activeFilter:u="3M",onFilterChange:p=()=>{},filterButtonColor:m="#6366f1",filterButtonInactive:f="rgba(255, 255, 255, 0.1)",useCustomFlowWidth:h=!1,customFlowWidth:g=10,minFlowWidth:v=4,maxFlowWidth:b=20,flowWidthMultiplier:y=1,showStatistics:w=!1,statistics:C={trendGoods:204,shoppingViews:65540,storeDynamics:325}})=>{const $=a(null),S=a(),E=a();l(()=>{if(!$.current)return;const e=x.select($.current);e.selectAll("*").remove(),e.attr("width",o).attr("height",r).style("background",s),e.append("text").attr("x",o/2).attr("y",40).attr("text-anchor","middle").style("font-size","48px").style("font-weight","bold").style("fill","rgba(255,255,255,0.1)").text("Data visualisation");const t=e.append("g").attr("class","zoom-group"),a=t.append("g").attr("transform",`translate(${i.left}, ${i.top})`);E.current&&E.current.remove();const l=x.select("body").append("div").attr("class","tooltip").style("position","absolute").style("background","rgba(0,0,0,0.7)").style("color","white").style("padding","8px").style("border-radius","4px").style("pointer-events","none").style("opacity",0);E.current=l;const c=x.zoom().scaleExtent([.5,3]).on("zoom",e=>{t.attr("transform",e.transform.toString())});e.call(c),S.current=c;const d=180,u=80,p=120,m="drop-shadow(0 8px 16px rgba(0,0,0,0.3))",f="white",I=(r-i.top-i.bottom)/2,P=(o-i.left-i.right)/2-90,O=o-i.left-i.right-d-80,D=n.nodes.filter(e=>"source"===e.type),R=n.nodes.filter(e=>"middle"===e.type),M=n.nodes.filter(e=>"target"===e.type);D.forEach(e=>{e.x=80,e.y=I-40}),R.forEach((e,t)=>{const n=(R.length-1)*p,o=I-n/2;e.x=P,e.y=o+t*p}),M.forEach((e,t)=>{const n=(M.length-1)*p,o=I-n/2;e.x=O,e.y=o+t*p});const B=x.drag().on("start",e=>{e.sourceEvent.stopPropagation()}).on("drag",function(e,t){t.x=e.x,t.y=e.y,x.select(this).attr("transform",`translate(${t.x}, ${t.y})`),a.selectAll("path.sankey-link").remove(),A()}),T=e.append("defs"),z=Math.max(...n.links.map(e=>e.value)),A=()=>{T.selectAll("linearGradient.link-gradient").remove(),n.links.forEach((e,t)=>{const o=n.nodes.find(t=>t.id===e.source),r=n.nodes.find(t=>t.id===e.target);if(!o||!r)return;const i=`gradient-${t}`,s=T.append("linearGradient").attr("id",i).attr("class","link-gradient").attr("gradientUnits","userSpaceOnUse").attr("x1",o.x+d).attr("y1",o.y+40).attr("x2",r.x).attr("y2",r.y+40);s.append("stop").attr("offset","0%").attr("stop-color",o.color).attr("stop-opacity",.8),s.append("stop").attr("offset","100%").attr("stop-color",r.color).attr("stop-opacity",.8);const c=o.x+d,u=o.y+40,p=r.x,f=r.y+40,w=(C=e.value,h?g:(C/z*b+v)*y);var C;a.append("path").attr("class","sankey-link").attr("d",`M${c},${u} C${(c+p)/2},${u} ${(c+p)/2},${f} ${p},${f}`).attr("fill","none").attr("stroke",`url(#${i})`).attr("stroke-width",w).attr("stroke-opacity",.7).style("filter",m).on("mouseover",t=>{l.transition().duration(200).style("opacity",1),l.html(`Flow: ${e.value}<br/>Width: ${w.toFixed(1)}px`).style("left",t.pageX+10+"px").style("top",t.pageY-28+"px"),x.select(t.target).attr("stroke-opacity",1)}).on("mouseout",e=>{l.transition().duration(300).style("opacity",0),x.select(e.target).attr("stroke-opacity",.7)}).on("click",()=>{})})};n.nodes.forEach((e,t)=>{const n=`node-gradient-${t}`,o=T.append("linearGradient").attr("id",n).attr("x1","0%").attr("y1","0%").attr("x2","100%").attr("y2","100%");o.append("stop").attr("offset","0%").attr("stop-color",e.color),o.append("stop").attr("offset","100%").attr("stop-color",x.color(e.color)?.darker(.5)?.toString()||e.color);const r=a.append("g").datum(e).attr("transform",`translate(${e.x}, ${e.y})`).style("cursor","pointer").call(B).on("click",(e,t)=>{});r.append("rect").attr("width",d).attr("height",u).attr("rx",16).style("fill",`url(#${n})`).style("stroke",x.color(e.color)?.darker(.5)?.toString()||e.color).style("stroke-width",2).style("filter",m).on("mouseover",function(){x.select(this).style("filter","drop-shadow(0 12px 24px rgba(0,0,0,0.5))")}).on("mouseout",function(){x.select(this).style("filter",m)}).on("click",(e,t)=>{}),r.append("text").attr("x",20).attr("y",30).style("fill",f).style("font-size","18px").style("font-weight","600").text(e.name),r.append("text").attr("x",20).attr("y",55).style("fill",f).style("font-size","24px").style("font-weight","bold").text(`$${e.value.toLocaleString()}`)}),A();const L=e.append("g").attr("class","zoom-controls"),H=o-100-20;if([{text:"Zoom In",action:"zoomIn"},{text:"Zoom Out",action:"zoomOut"},{text:"Reset Zoom",action:"resetZoom"}].forEach((e,t)=>{const n=20+44*t;L.append("rect").attr("x",H).attr("y",n).attr("width",100).attr("height",36).attr("rx",6).attr("fill","rgba(255, 255, 255, 0.9)").attr("stroke","rgba(255, 255, 255, 0.2)").attr("stroke-width",1).style("cursor","pointer").on("mouseover",function(){x.select(this).attr("fill","rgba(255, 255, 255, 1)")}).on("mouseout",function(){x.select(this).attr("fill","rgba(255, 255, 255, 0.9)")}).on("click",()=>{switch(e.action){case"zoomIn":k();break;case"zoomOut":N();break;case"resetZoom":_()}}),L.append("text").attr("x",H+50).attr("y",n+18+4).attr("text-anchor","middle").style("font-size","12px").style("font-weight","600").style("fill","#1a1a3e").style("pointer-events","none").text(e.text)}),e.selectAll(".stats-panel").remove(),!0===w){const t=e.append("g").attr("class","stats-panel"),n=800,a=120,i=(o-n)/2,l=r-a-20;t.append("rect").attr("x",i).attr("y",l).attr("width",n).attr("height",a).attr("rx",12).attr("fill","rgba(15, 15, 35, 1)").attr("stroke","rgba(255, 255, 255, 0.1)").attr("stroke-width",1);const s=[{title:"TREND GOODS",value:C.trendGoods.toLocaleString(),icon:"▶",color:"#6366f1"},{title:"SHOPPING VIEWS",value:C.shoppingViews.toLocaleString(),icon:"👁",color:"#8b5cf6"},{title:"STORE DYNAMICS",value:C.storeDynamics.toLocaleString(),icon:"⏱",color:"#a855f7"}],c=n/3;s.forEach((e,n)=>{const o=i+n*c+c/2;t.append("rect").attr("x",o-25).attr("y",l+15).attr("width",50).attr("height",50).attr("rx",8).attr("fill","rgba(255, 255, 255, 0.1)").attr("stroke","rgba(255, 255, 255, 0.2)").attr("stroke-width",1),t.append("text").attr("x",o).attr("y",l+45).attr("text-anchor","middle").style("font-size","24px").style("fill",e.color).text(e.icon),t.append("text").attr("x",o).attr("y",l+85).attr("text-anchor","middle").style("font-size","12px").style("font-weight","600").style("fill","rgba(255, 255, 255, 0.7)").style("letter-spacing","1px").text(e.title),t.append("text").attr("x",o).attr("y",l+105).attr("text-anchor","middle").style("font-size","28px").style("font-weight","bold").style("fill","white").text(e.value)})}return()=>{E.current&&E.current.remove()}},[n,o,r,i,s,h,g,v,b,y,w,C]);const k=()=>{$.current&&S.current&&x.select($.current).transition().duration(300).call(S.current.scaleBy,1.2)},N=()=>{$.current&&S.current&&x.select($.current).transition().duration(300).call(S.current.scaleBy,.8)},_=()=>{$.current&&S.current&&x.select($.current).transition().duration(500).call(S.current.transform,x.zoomIdentity)};return e("div",{className:"relative w-full h-screen bg-gray-900 flex flex-col items-center justify-center space-y-4",children:[c&&t("div",{className:"absolute top-6 right-6 flex space-x-2 z-10",children:d.map(e=>t("button",{onClick:()=>p(e),className:"px-4 py-1.5 rounded-full text-white text-sm font-medium transition-all duration-200 hover:scale-105",style:{backgroundColor:u===e?m:f},children:e},e))}),t("svg",{ref:$,className:"max-w-full max-h-full"})]})},O={desktop:{width:900,height:650,margin:{top:120,right:180,bottom:60,left:180},fontSize:{title:26,subtitle:14,label:14,value:16},nodeHeight:45,flowScaleFactor:.35},tablet:{width:700,height:550,margin:{top:100,right:140,bottom:50,left:140},fontSize:{title:22,subtitle:14,label:14,value:18},nodeHeight:40,flowScaleFactor:.3},mobile:{width:350,height:400,margin:{top:80,right:80,bottom:40,left:80},fontSize:{title:16,subtitle:12,label:11,value:14},nodeHeight:30,flowScaleFactor:.2}},D={mobile:640,tablet:1024,desktop:1024},R=({flows:n=[],hoverColor:o="#FF6B6B",title:r="Clipboard Copy Source to Paste Diagram",subtitle:c="Explore the user's Sensitive Data Copy Paste behavior, detection history, and risk exposure.",showHeaders:d=!0,showTitle:u=!0,showSubtitle:p=!0,showDebug:m=!1,sourceHeader:f="Copying Sources",targetHeader:h="Pasting Targets",labelColor:g="#374151",valueColor:v="#111827",headerColor:b="#454545",titleColor:y="#111827",subtitleColor:w="#6B7280",headerUnderlineColor:C="#D4C4FF",flowOpacity:$=.7,hoverOpacity:S=.9,curvature:E=.4,valueFormatter:k,labelFormatter:N,tooltipRenderer:_,gradientStops:I,responsive:P=!0,width:R,height:M,margin:B,nodeHeight:T,flowScaleFactor:z,fontSize:A,responsiveConfig:L=O,breakpoints:H=D})=>{const F=a(null),j=a(null),[V,W]=i({width:0,height:0}),[K,q]=i(L.desktop),[U,X]=i(!1),G=s(()=>{if("undefined"==typeof window)return L.desktop;const e=window.innerWidth;return e<H.mobile?L.mobile:e<H.tablet?L.tablet:(H.desktop,L.desktop)},[L,H]);return l(()=>{const e=()=>{const e=G(),t={...e,margin:B??e.margin,nodeHeight:T??e.nodeHeight,flowScaleFactor:z??e.flowScaleFactor,fontSize:A??e.fontSize,width:R??e.width,height:M??e.height};q(t);const n=window.innerWidth-128;let o=t.width;P&&(o=e===L.desktop?n>=t.width?t.width:Math.max(n,600):Math.max(n,t.width)),W({width:o,height:t.height}),U||X(!0)},t=setTimeout(e,100);return window.addEventListener("resize",e),()=>{clearTimeout(t),window.removeEventListener("resize",e)}},[G,U,P,R,M,B,T,z,A,L]),l(()=>{if(!(n.length&&V.width&&V.height&&U))return;const e=x.select(F.current);e.selectAll("*").remove();const{width:t,height:a}=V,{margin:i,fontSize:l,nodeHeight:s,flowScaleFactor:m}=K,P=new Map,O=new Map,D=new Map,R=new Map;n.forEach(e=>{D.has(e.source)||D.set(e.source,[]),D.get(e.source).push(e),R.has(e.target)||R.set(e.target,[]),R.get(e.target).push(e),P.set(e.source,e.sourceValue),O.set(e.target,e.targetValue)});const M=Array.from(P.entries()),B=Array.from(O.entries()),T=a-i.top-i.bottom,z=T/(M.length+1),A=T/(B.length+1),L=M.map(([e,t],n)=>({name:e,value:t,y:i.top+z*(n+1),height:s})),H=B.map(([e,t],n)=>({name:e,value:t,y:i.top+A*(n+1),height:s})),j=i.left,W=t-i.right;e.attr("width",t).attr("height",a);const q=e.append("defs");n.forEach((e,t)=>{const n=q.append("linearGradient").attr("id",`gradient-${t}`).attr("gradientUnits","userSpaceOnUse").attr("x1",j+80).attr("x2",W-80);(I&&I.length>0?I:[{offset:"0%",color:"#8B5CF6",opacity:.8},{offset:"50%",color:"#3B82F6",opacity:.7},{offset:"100%",color:"#06B6D4",opacity:.8}]).forEach(e=>{n.append("stop").attr("offset","number"==typeof e.offset?`${e.offset}%`:e.offset).attr("stop-color",e.color).attr("stop-opacity",e.opacity??.8)})});let X=x.select("body").select(".sankey-tooltip");X.empty()&&(X=x.select("body").append("div").attr("class","sankey-tooltip").style("position","absolute").style("background","rgba(0, 0, 0, 0.9)").style("color","white").style("padding","12px 16px").style("border-radius","8px").style("font-size","13px").style("font-family","system-ui, sans-serif").style("pointer-events","none").style("opacity",0).style("z-index",1e3).style("box-shadow","0 4px 12px rgba(0,0,0,0.3)").style("max-width","250px"));const G=new Map;L.forEach(e=>{const t=D.get(e.name)||[];let n=e.y-e.height/2;G.set(e.name,new Map),t.forEach(t=>{const o=H.find(e=>e.name===t.target);if(!o)return;const r=o.value,a=s,i=t.thickness/r*a*m;G.get(e.name).set(t.target,{startY:n,endY:n+i,centerY:n+i/2}),n+=i})});const Y=new Map;if(H.forEach(e=>{const t=R.get(e.name)||[];let n=e.y-e.height/2;Y.set(e.name,new Map),t.forEach(t=>{const o=s,r=t.thickness/e.value*o*m;Y.get(e.name).set(t.source,{startY:n,endY:n+r,centerY:n+r/2}),n+=r})}),n.forEach((t,n)=>{const r=L.find(e=>e.name===t.source),a=H.find(e=>e.name===t.target);if(r&&a){const r=G.get(t.source).get(t.target),a=Y.get(t.target).get(t.source),i=r.startY,l=r.endY,s=a.startY,c=a.endY,d=E,u=x.interpolateNumber(j,W),p=u(d),m=u(1-d),f=`M${j},${i}\n                      C${p},${i} ${m},${s} ${W},${s}\n                      L${W},${c}\n                      C${m},${c} ${p},${l} ${j},${l}\n                      Z`;e.append("path").attr("d",f).attr("fill",`url(#gradient-${n})`).attr("opacity",$).style("cursor","pointer").on("mouseover",function(e){x.select(this).attr("fill",o).attr("opacity",S),"function"==typeof _?X.style("opacity",1).html(_(t)):X.style("opacity",1).html(`\n                <div style="font-weight: 600; margin-bottom: 8px;">Flow Details</div>\n                <div><strong>From:</strong> ${t.source}</div>\n                <div><strong>To:</strong> ${t.target}</div>\n                <div><strong>Value:</strong> ${t.thickness}</div>\n                <div><strong>Source Total:</strong> ${t.sourceValue}</div>\n                <div><strong>Target Total:</strong> ${t.targetValue}</div>\n              `)}).on("mousemove",function(e){X.style("left",e.pageX+10+"px").style("top",e.pageY-10+"px")}).on("mouseout",function(){x.select(this).attr("fill",`url(#gradient-${n})`).attr("opacity",$),X.style("opacity",0)})}}),d){const t=e.append("text").attr("x",j-15).attr("y",i.top-10).attr("text-anchor","end").attr("fill",b).attr("font-size",`${l.label}px`).attr("font-weight","600").attr("font-family","system-ui, sans-serif").text(f).node();if(t){const n=t.getBBox();e.append("line").attr("x1",n.x).attr("y1",i.top).attr("x2",n.x+n.width).attr("y2",i.top).attr("stroke",C).attr("stroke-width","1").attr("opacity","1")}const n=e.append("text").attr("x",W+15).attr("y",i.top-10).attr("text-anchor","start").attr("fill",b).attr("font-size",`${l.label}px`).attr("font-weight","600").attr("font-family","system-ui, sans-serif").text(h).node();if(n){const t=n.getBBox();e.append("line").attr("x1",t.x).attr("y1",i.top).attr("x2",t.x+t.width).attr("y2",i.top).attr("stroke",C).attr("stroke-width","1").attr("opacity","1")}}return L.forEach(t=>{e.append("text").attr("x",j-15).attr("y",t.y-8).attr("text-anchor","end").attr("fill",g).attr("font-size",`${l.label}px`).attr("font-weight","500").attr("font-family","system-ui, sans-serif").text(N?N(t.name):t.name),e.append("text").attr("x",j-15).attr("y",t.y+12).attr("text-anchor","end").attr("fill",v).attr("font-size",`${l.value}px`).attr("font-weight","700").attr("font-family","system-ui, sans-serif").text(k?k(t.value):t.value)}),H.forEach(t=>{e.append("text").attr("x",W+15).attr("y",t.y-8).attr("text-anchor","start").attr("fill",g).attr("font-size",`${l.label}px`).attr("font-weight","500").attr("font-family","system-ui, sans-serif").text(N?N(t.name):t.name),e.append("text").attr("x",W+15).attr("y",t.y+12).attr("text-anchor","start").attr("fill",v).attr("font-size",`${l.value}px`).attr("font-weight","700").attr("font-family","system-ui, sans-serif").text(k?k(t.value):t.value)}),u&&e.append("text").attr("x",40).attr("y",35).attr("text-anchor","start").attr("fill",y).attr("font-size",`${l.title}px`).attr("font-weight","600").attr("font-family","system-ui, sans-serif").text(r),p&&e.append("text").attr("x",40).attr("y",60).attr("text-anchor","start").attr("fill",w).attr("font-size",`${l.subtitle}px`).attr("font-weight","400").attr("font-family","system-ui, sans-serif").text(c),()=>{x.select("body").selectAll(".sankey-tooltip").remove()}},[n,o,r,c,V,K,I,g,v,b,y,w,C,$,S,E,k,N,_,d,u,p,m]),t("div",{className:"w-full max-w-7xl mx-auto p-4 md:p-6",children:e("div",{className:"bg-white rounded-xl shadow-lg p-4 md:p-8",children:[m&&e("div",{className:"text-xs text-gray-500 mb-2",children:["Screen: ","undefined"!=typeof window?window.innerWidth:"SSR","px | Config: ",K===L.desktop?"Desktop":K===L.tablet?"Tablet":"Mobile"," | Chart: ",V.width,"x",V.height," | Available: ","undefined"!=typeof window?window.innerWidth-128:"SSR","px | Initialized: ",U?"Yes":"No",t("button",{onClick:()=>{const e=G();q(e);const t=window.innerWidth-128;let n=e.width;n=e===L.desktop?t>=e.width?e.width:Math.max(t,600):Math.max(t,e.width),W({width:n,height:e.height})},className:"ml-4 px-2 py-1 bg-blue-500 text-white text-xs rounded",children:"Refresh"})]}),t("div",{ref:j,className:"w-full overflow-x-auto",children:t("div",{className:"flex justify-center min-w-max",children:t("svg",{ref:F,style:{width:V.width||K.width,height:V.height||K.height,minWidth:K.width,minHeight:K.height}})})})]})})},M=75,B=16,T=1500,z=20,A=e=>`${e.label}: ${e.value.toLocaleString()} (${(100*e.percentage).toFixed(1)}%)`,L=({segments:n,title:o})=>{const r=a(null),{segmentData:d,total:u}=(e=>{const t=e.reduce((e,t)=>e+t.value,0);return{segmentData:e.map(e=>({...e,percentage:e.value/t,arcLength:75*Math.PI*(e.value/t)})),total:t}})(n),{count:p,animationProgress:m}=(e=>{const[t,n]=i(0),[o,r]=i(0);return l(()=>{let t=0;const o=1/(T/z),a=setInterval(()=>{t+=o,t>=1&&(t=1,clearInterval(a)),n(Math.floor(e*t)),r(t)},z);return()=>{clearInterval(a)}},[e]),{count:t,animationProgress:o}})(u),{tooltip:f,showTooltip:h,updateTooltip:g,hideTooltip:v}=(e=>{const[t,n]=i({show:!1,content:"",x:0,y:0,type:""}),o=s((t,o,r)=>{if(!e.current)return;const a=e.current.getBoundingClientRect(),i=t.clientX-a.left,l=t.clientY-a.top;n({show:!0,content:o,type:r,x:i,y:l-70})},[e]),r=s((o,r,a)=>{if(!t.show||!e.current)return;const i=e.current.getBoundingClientRect(),l=o.clientX-i.left,s=o.clientY-i.top;n(e=>({...e,x:l,y:s-70}))},[t.show,e]),a=s(()=>{n(e=>({...e,show:!1}))},[]);return{tooltip:t,showTooltip:o,updateTooltip:r,hideTooltip:a}})(r),b=M,y=B,w=Math.PI*b,C=c(()=>({width:2*b+y,height:b+y+20,viewBox:`0 0 ${2*b+y} ${b+y+20}`}),[b,y]),x=c(()=>((e,t)=>`M ${t/2},${e+10} \n          A ${e},${e} 0 0 1 ${2*e+t/2},${e+10}`)(b,y),[b,y]),$=c(()=>d.map((e,t)=>({currentArc:e.arcLength*m,previousArcsLength:d.slice(0,t).reduce((e,t)=>e+t.arcLength*m,0)})),[d,m]);return e("div",{ref:r,className:"flex flex-col items-center justify-center bg-white rounded-xl p-8 w-96 mx-auto relative shadow-[0px_4px_40px_0px_#7090B01F]",children:[t("div",{className:"flex justify-center mb-4",children:e("svg",{width:C.width,height:C.height,viewBox:C.viewBox,className:"relative",children:[t("path",{d:x,fill:"transparent",stroke:"#E5E7EB",strokeWidth:y,strokeLinecap:"round"}),d.map((e,n)=>{const{currentArc:o,previousArcsLength:r}=$[n];return t("path",{d:x,fill:"transparent",stroke:e.color,strokeWidth:y,strokeDasharray:`${o} ${w}`,strokeDashoffset:-r,strokeLinecap:"round"},`visual-${n}`)}),d.map((e,n)=>{const{currentArc:o,previousArcsLength:r}=$[n];return t("path",{d:x,fill:"transparent",stroke:"transparent",strokeWidth:y+4,strokeDasharray:`${o} ${w}`,strokeDashoffset:-r,strokeLinecap:"round",onMouseEnter:t=>h(t,A(e),e.label),onMouseMove:t=>g(t,A(e),e.label),onMouseLeave:v,className:"cursor-pointer",style:{pointerEvents:o>0?"stroke":"none"}},`hit-${n}`)}),t("text",{x:b+y/2,y:b+10-15,textAnchor:"middle",className:"text-base font-bold fill-[#29064D]",children:p.toLocaleString()}),t("text",{x:b+y/2,y:b+10+20,textAnchor:"middle",className:"text-sm fill-[#454545]",children:o})]})}),t("div",{className:"flex flex-wrap gap-4 mt-4 w-full max-w-xs justify-center",children:d.map((n,o)=>e("div",{className:"flex items-center justify-center gap-1",children:[t("div",{className:"w-[10px] h-[10px] rounded-full shadow-sm",style:{backgroundColor:n.color}}),t("span",{className:"text-sm font-medium text-[#454545]",children:n.label})]},`legend-${o}`))}),f.show&&t("div",{className:"absolute z-50 pointer-events-none",style:{left:`${f.x}px`,top:`${f.y}px`,transform:"translateX(-50%)"},children:e("div",{className:"px-3 py-2 rounded-lg text-gray-700 text-sm font-medium bg-white shadow-lg text-center min-w-[120px]",children:[f.content,t("div",{className:"absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-[6px] border-r-[6px] border-t-[6px] border-l-transparent border-r-transparent border-t-white"})]})})]})},H="#7E22CE",F="#7C3AED",j="#DDD6FE",V="#F3F4F6",W="#B4AAFF",K="#8B5FBF",q="#A78BFA",U="#642CFD",X="#131313",G="#5B5B5B",Y="#6B7280",Z="#059669",Q="#7090B0",J=(e,t=40)=>0===e?0:e>=1e4?t/1:e>5e3?t/2:e<5e3?t/3:t,ee={width:1100,height:650,viewBox:"-30 0 1100 700",scale:1,fontSize:14,cardWidth:259,cardHeight:115,nodeWidth:5,main:{source:{x:430,y:320,width:300},target:{x:833,y:236,width:10,spacing:28}},source:{source:{x:75,y:50,width:40,spacing:50},target:{x:430,y:185,width:28,spacing:31}},cards:{cardX:830,cardY1:30,cardY2:160,padding:{top:24,right:20,bottom:24,left:20},gap:16,fontSize:{title:16,value:24,subtitle:14}},specialFlows:{flow5:{target:{x:833,y:384,width:5}}}},te={width:800,height:600,viewBox:"-25 0 800 600",scale:.7,fontSize:12,cardWidth:220,cardHeight:90,nodeWidth:3.5,main:{source:{x:215,y:224,width:210},target:{x:583,y:165,width:7,spacing:20}},source:{source:{x:52,y:35,width:28,spacing:35},target:{x:215,y:129,width:20,spacing:22}},cards:{cardX:600,cardY1:25,cardY2:140,padding:{top:18,right:15,bottom:18,left:15},gap:12,fontSize:{title:14,value:20,subtitle:12}},specialFlows:{flow5:{target:{x:600,y:280,width:4}}}},ne={width:400,height:500,viewBox:"-20 0 400 500",scale:.4,fontSize:10,cardWidth:200,cardHeight:80,nodeWidth:2,main:{source:{x:120,y:160,width:150},target:{x:300,y:118,width:5,spacing:14}},source:{source:{x:30,y:25,width:20,spacing:25},target:{x:120,y:92,width:14,spacing:15}},cards:{cardX:250,cardY1:20,cardY2:120,padding:{top:12,right:10,bottom:12,left:10},gap:8,fontSize:{title:12,value:16,subtitle:10}},specialFlows:{flow5:{target:{x:280,y:200,width:3}}}},oe={borderRadius:12,shadowOpacity:.12,defaultOpacity:.8,hoverOpacity:1,strokeWidth:.5,hoverStrokeWidth:2,transitionDuration:300,tooltipOffset:10};(e=>{const t=e.filter(e=>"main"===e.type),n=e.filter(e=>"source"===e.type),o=[];t.forEach((e,n)=>{const r=(t.length,e.id,{source:{x:0,y:0,width:0},target:{x:0,y:0,width:0}});r&&o.push({...e,source:r.source,target:r.target})}),n.forEach((e,t)=>{const r=(n.length,e.id,{source:{x:0,y:0,width:0},target:{x:0,y:0,width:0}});r&&o.push({...e,source:r.source,target:r.target})})})([{id:"flow1",type:"main",color:H,gradientColors:{start:W,end:H}},{id:"flow2",type:"main",color:F,gradientColors:{start:W,end:F}},{id:"flow3",type:"main",color:"#A78BFA",gradientColors:{start:W,end:H}},{id:"flow4",type:"main",color:j,gradientColors:{start:W,end:j}},{id:"flow5",type:"main",color:V,gradientColors:{start:W,end:V}},{id:"source1",type:"source",sourceLabel:"Source 1",sourceValue:15e3,color:K,gradientColors:{start:W,end:K}},{id:"source2",type:"source",sourceLabel:"Source 2",sourceValue:12e3,color:F,gradientColors:{start:W,end:F}},{id:"source3",type:"source",sourceLabel:"Source 3",sourceValue:8e3,color:q,gradientColors:{start:W,end:q}},{id:"source4",type:"source",sourceLabel:"Source 4",sourceValue:5e3,color:j,gradientColors:{start:W,end:j}},{id:"source5",type:"source",sourceLabel:"Source 5",sourceValue:2e3,color:V,gradientColors:{start:W,end:V}}]);const re=({flows:e,curvature:n=.5,windowSize:o={width:0,height:0},breakpoints:r={mobile:768,tablet:1024},layoutOverrides:i={},totalDetectionsIcon:s={}})=>{const c=a(null);return l(()=>{if("undefined"==typeof window||!e||!Array.isArray(e)||0===e.length||!c.current)return;const t=x.select(c.current);t.selectAll("*").remove();const o=(e,t={})=>({dimensions:{...e.dimensions,...t.dimensions},nodePlacement:{...e.nodePlacement,...t.nodePlacement},specialFlows:t.specialFlows||e.specialFlows,cardConfig:{...e.cardConfig,...t.cardConfig}}),a="undefined"!=typeof window?window.innerWidth:1200,l=e=>{let t;switch(e){case"mobile":t=ne;break;case"tablet":t=te;break;default:t=ee}return{dimensions:{width:(()=>{switch(e){case"mobile":return Math.min(a-40,t.width);case"tablet":return Math.min(a-60,t.width);default:return t.width}})(),height:t.height,viewBox:t.viewBox,scale:t.scale,fontSize:t.fontSize,cardWidth:t.cardWidth,cardHeight:t.cardHeight},nodePlacement:{main:t.main,source:t.source},specialFlows:t.specialFlows,cardConfig:{cardX:t.cards.cardX,cardY1:t.cards.cardY1,cardY2:t.cards.cardY2,padding:t.cards.padding,gap:t.cards.gap,fontSize:t.cards.fontSize}}},{dimensions:d,nodePlacement:u,specialFlows:p,cardConfig:m}=(()=>{if("undefined"==typeof window){const e=l("desktop");return o(e,i.desktop)}const e=window.innerWidth,{mobile:t=768,tablet:n=1024}=r;let a,s={};e<=t?(a="mobile",s=i.mobile||{}):e<=n?(a="tablet",s=i.tablet||{}):(a="desktop",s=i.desktop||{});const c=l(a);return o(c,s)})(),{width:f,height:h,viewBox:g,scale:v,fontSize:b,cardWidth:y,cardHeight:w}=d,C=ee.nodeWidth*v;t.attr("width",f).attr("height",h).attr("viewBox",g);const $=t.append("defs");$.append("filter").attr("id","cardShadow").attr("x","-50%").attr("y","-50%").attr("width","200%").attr("height","200%").append("feDropShadow").attr("dx",0).attr("dy",4).attr("stdDeviation",20).attr("flood-color",Q).attr("flood-opacity",oe.shadowOpacity);let S=x.select("body").select(".sankey-tooltip");S.empty()&&(S=x.select("body").append("div").attr("class","sankey-tooltip absolute bg-black bg-opacity-80 text-white px-3 py-2 rounded-md text-xs pointer-events-none z-50 shadow-lg border border-white border-opacity-20").style("opacity",0));const E=e.filter(e=>"main"===e.type).map((e,t)=>{const n=p[e.id];if(n)return{...e,source:{x:u.main.source.x,y:u.main.source.y,width:u.main.source.width},target:n.target};{const n=u.main;return{...e,source:{x:n.source.x,y:n.source.y,width:n.source.width},target:{x:n.target.x,y:n.target.y+t*n.target.spacing,width:n.target.width}}}}),k=e.filter(e=>"source"===e.type).map((e,t)=>{const n=u.source,o=(()=>{if("undefined"==typeof window)return[185,216,280,248,310,340,370,400,216,430,280,460];const e=window.innerWidth;return e<=768?[92,107,122,137,152,167,182,197,107,212,122,227]:e<=1024?[129,151,173,195,217,239,261,283,151,305,173,327]:[185,216,280,248,310,340,370,400,216,430,280,460]})(),r=J(e.sourceValue||0,n.source.width),a=J(e.sourceValue||0,n.target.width);return{...e,source:{x:n.source.x,y:n.source.y+t*n.source.spacing,width:r},target:{x:n.target.x,y:o[t]||n.target.y+t*n.target.spacing,width:a}}});E.forEach(e=>{const t=$.append("linearGradient").attr("id",`gradient-${e.id}`).attr("x1","0%").attr("y1","0%").attr("x2","100%").attr("y2","0%");e.gradientColors?.start||e.color;const n=e.gradientColors?.end||e.color||"#b6abff";t.append("stop").attr("offset","0%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","40%").attr("stop-color",W).attr("stop-opacity",1.8),t.append("stop").attr("offset","45%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","100%").attr("stop-color",n).attr("stop-opacity",1)}),k.forEach(e=>{const t=$.append("linearGradient").attr("id",`source-gradient-${e.id}`).attr("x1","0%").attr("y1","0%").attr("x2","100%").attr("y2","0%");t.append("stop").attr("offset","0%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","80%").attr("stop-color",W).attr("stop-opacity",1),t.append("stop").attr("offset","100%").attr("stop-color","#BEE4FF").attr("stop-opacity",1)});const N=e=>{if(!e||!e.source||!e.target)return"";const{source:t,target:o}=e,r=n,a=o.x-t.x,i=t.x+a*r,l=o.x-a*r;return`\n        M ${t.x} ${t.y-t.width/2}\n        C ${i} ${t.y-t.width/2}, \n          ${l} ${o.y-o.width/2}, \n          ${o.x} ${o.y-o.width/2}\n      `+`\n        L ${o.x} ${o.y+o.width/2}\n        C ${l} ${o.y+o.width/2}, \n          ${i} ${t.y+t.width/2}, \n          ${t.x} ${t.y+t.width/2}\n        Z\n      `};E.slice().reverse().forEach(e=>{e&&e.source&&e.target&&t.append("path").attr("d",N(e)).attr("fill",`url(#gradient-${e.id})`).attr("stroke","rgba(255, 255, 255, 0.1)").attr("stroke-width",oe.strokeWidth).style("opacity","0.6").style("transition",`opacity ${oe.transitionDuration}ms, stroke ${oe.transitionDuration}ms`).style("cursor","pointer").attr("data-flow-id",e.id).style("opacity",oe.defaultOpacity).on("mouseover",function(n,o){const r=E.find(t=>t.id===e.id);r&&(S.transition().duration(200).style("opacity",1),S.html(`\n              <strong>Flow ${e.id}</strong><br/>\n              Source: (${r.source.x}, ${r.source.y})<br/>\n              Source Width: ${r.source.width}px<br/>\n              Target: (${r.target.x}, ${r.target.y})<br/>\n              Target Width: ${r.target.width}px<br/>\n              Color: ${r.color}\n            `).style("left",n.pageX+10+"px").style("top",n.pageY-10+"px"),t.selectAll("path[data-flow-id]").style("opacity",.3),x.select(this).style("opacity",1).style("stroke","rgba(139, 95, 191, 1.0)").style("stroke-width","2px").raise())}).on("mousemove",function(e){S.style("left",e.pageX+10+"px").style("top",e.pageY-10+"px")}).on("mouseout",function(){S.transition().duration(500).style("opacity",0),t.selectAll("path[data-flow-id]").style("opacity",.8),x.select(this).style("stroke","rgba(255, 255, 255, 0.1)").style("stroke-width","0.5")})}),k.forEach(e=>{e&&e.source&&e.target&&t.append("path").attr("d",N(e)).attr("fill",`url(#source-gradient-${e.id})`).attr("stroke","rgba(255, 255, 255, 0.1)").attr("stroke-width","0.5").style("opacity","0.6").style("transition","opacity 0.3s, stroke 0.3s").style("cursor","pointer").attr("data-flow-id",e.id).style("opacity",.6).style("mix-blend-mode","multiply").on("mouseover",function(n,o){const r=k.find(t=>t.id===e.id);r&&(S.transition().duration(200).style("opacity",1),S.html(`\n              <strong>${r.sourceLabel}</strong><br/>\n              Value: ${r.sourceValue}<br/>\n              Source: (${r.source.x}, ${r.source.y})<br/>\n              Source Width: ${r.source.width}px<br/>\n              Target: (${r.target.x}, ${r.target.y})<br/>\n              Target Width: ${r.target.width}px\n            `).style("left",n.pageX+10+"px").style("top",n.pageY-10+"px"),t.selectAll("path[data-flow-id]").style("opacity",.3),x.select(this).style("opacity",1).style("stroke","rgba(139, 95, 191, 1.0)").style("stroke-width","2px").raise())}).on("mousemove",function(e){S.style("left",e.pageX+10+"px").style("top",e.pageY-10+"px")}).on("mouseout",function(){S.transition().duration(500).style("opacity",0),t.selectAll("path[data-flow-id]").style("opacity",.8),x.select(this).style("stroke","rgba(255, 255, 255, 0.1)").style("stroke-width","0.5")})}),E.slice().reverse().forEach((e,n)=>{e&&e.source&&e.target&&t.append("rect").attr("x",e.target.x-C/2).attr("y",e.target.y-e.target.width/2).attr("width",C).attr("height",e.target.width).style("fill",U).style("rx","3").style("ry","3")}),k.forEach((e,n)=>{if(!e||!e.source||!e.target)return;const o=(()=>{if("undefined"==typeof window)return 65;const e=window.innerWidth;return e<=768?25:e<=1024?45:65})();t.append("text").attr("x",o).attr("y",e.source.y-10).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","12px").style("fill",G).style("font-weight","500").style("font-size",`${b}px`).text(e.sourceLabel||""),t.append("text").attr("x",o).attr("y",e.source.y+8).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","11px").style("fill","black").style("font-weight","600").style("font-size",b-2+"px").text(void 0!==e.sourceValue?e.sourceValue:""),t.append("rect").attr("x",e.target.x-C/2).attr("y",e.target.y-e.target.width/2).attr("width",C-3).attr("height",e.target.width).style("fill",U).style("rx","3").style("ry","3")});const{cardX:_,cardY1:I,cardY2:P,padding:O,gap:D,fontSize:R}=m;t.append("rect").attr("x",_).attr("y",I).attr("width",y).attr("height",w).attr("rx",12*v).attr("ry",12*v).attr("fill","white").attr("filter","url(#cardShadow)").style("fill","white").style("rx","8").style("ry","8").style("filter","drop-shadow(0px 4px 40px rgba(112, 144, 176, 0.12))"),t.append("text").attr("x",_+O.left).attr("y",I+O.top+8).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").style("font-size",`${R.title}px`).style("font-weight","500").text("Total Detections");const M=(()=>{const e=s.alignment||"left",t=s.position?.y||I+O.top+8;if(void 0!==s.position?.x)return{x:s.position.x,y:t};switch(e){case"left":const e=((e,t)=>e.length*t*.55)("Total Detections",R.title);return{x:_+O.left+e+15,y:t};case"center":return{x:_+y/2,y:t};default:return{x:_+y-O.right-16,y:t}}})(),B={icon:s.icon||"↗",color:s.color||"#8B5FBF",size:s.size||14,x:M.x,y:M.y,alignment:s.alignment||"right"},T=t.append("text").attr("x",B.x).attr("y",B.y).attr("text-anchor",(e=>{switch(e){case"left":return"start";case"center":return"middle";default:return"end"}})(B.alignment)).attr("dominant-baseline","middle").style("font-size",`${B.size}px`).style("fill",B.color).style("font-weight","600").style("cursor",s.onClick?"pointer":"default").text(B.icon);s.onClick&&T.on("click",s.onClick).on("mouseover",function(){x.select(this).style("opacity",.7)}).on("mouseout",function(){x.select(this).style("opacity",1)}),t.append("text").attr("x",_+O.left).attr("y",I+O.top+8+D+16).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").style("font-size","24px").style("font-weight","700").style("fill",X).text("9100"),t.append("text").attr("x",_+O.left+70).attr("y",I+O.top+8+D+16).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","12px").style("fill",Z).style("font-weight","500").style("font-size","14px").style("font-weight","500").style("fill",Z).text("▲ +10%"),t.append("text").attr("x",_+O.left).attr("y",I+O.top+8+D+16+D+12).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","11px").style("fill",Y).style("font-weight","400").style("font-size","14px").style("font-weight","400").style("fill",Y).text("In last 7 days"),t.append("rect").attr("x",_).attr("y",P).attr("width",259).attr("height",307).attr("rx",12).attr("ry",12).attr("fill","white").attr("filter","url(#cardShadow)").style("fill","white").style("rx","8").style("ry","8").style("filter","drop-shadow(0px 4px 40px rgba(112, 144, 176, 0.12))"),t.append("text").attr("x",_+O.left).attr("y",P+O.top+16).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("Mitigated Threats"),t.append("text").attr("x",_+259-O.right).attr("y",P+O.top+16).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("9000");[{label:"Critical",value:60,color:"#4C1D95"},{label:"High",value:300,color:"#7C3AED"},{label:"Medium",value:860,color:"#A78BFA"},{label:"Low",value:100,color:"#DDD6FE"}].forEach((e,n)=>{const o=P+O.top+16+D+20+28*n;t.append("text").attr("x",_+O.left).attr("y",o).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.label),t.append("text").attr("x",_+259-O.right).attr("y",o).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.value)});const z=P+O.top+16+D+20+112+D+20;t.append("text").attr("x",_+O.left).attr("y",z).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("Unmitigated Threats"),t.append("text").attr("x",_+259-O.right).attr("y",z).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","16px").style("fill",X).style("font-weight","500").text("100");return[{label:"Informational",value:100,color:"#F3F4F6"}].forEach((e,n)=>{const o=z+D+16+28*n;t.append("text").attr("x",_+O.left).attr("y",o).attr("text-anchor","start").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.label),t.append("text").attr("x",_+259-O.right).attr("y",o).attr("text-anchor","end").attr("dominant-baseline","middle").style("font-size","14px").style("fill",G).style("font-weight","500").text(e.value)}),()=>{"undefined"!=typeof window&&x.select("body").selectAll(".sankey-tooltip").remove()}},[e,n,c]),t("div",{className:"flex justify-center w-full",children:t("svg",{id:"sankey-chart",ref:c,className:"block mx-auto",style:{display:"block",margin:"0 auto"}})})};function ae(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(n=ae(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function ie(){for(var e,t,n=0,o="",r=arguments.length;n<r;n++)(e=arguments[n])&&(t=ae(e))&&(o&&(o+=" "),o+=t);return o}var le={button:"Button-module_button__hvJpb",label:"Button-module_label__zSB3D",icon:"Button-module_icon__pfoz5",loaderIcon:"Button-module_loaderIcon__4WG9k",spin:"Button-module_spin__6Uwop",size_medium:"Button-module_size_medium__TGkrI",size_small:"Button-module_size_small__-vQKB",style_primary:"Button-module_style_primary__GfCKd",state_default:"Button-module_state_default__KGxJA",state_hover:"Button-module_state_hover__NNaw2",state_focus:"Button-module_state_focus__xudCD",state_disabled:"Button-module_state_disabled__6SakQ",state_loading:"Button-module_state_loading__ZhHO9",style_secondary:"Button-module_style_secondary__9kVUP",style_neutral:"Button-module_style_neutral__ZoLsO",style_subtle:"Button-module_style_subtle__oOeBv"},se={icon:"Icon-module_icon__hJi-x",variant_default:"Icon-module_variant_default__4khrG",variant_hover:"Icon-module_variant_hover__Z-Zt4",variant_active:"Icon-module_variant_active__B7W-7",variant_disabled:"Icon-module_variant_disabled__u8BHu",variant_white:"Icon-module_variant_white__LRbrT"};const ce=[{name:"app-window",label:"App Window",filePath:"icon/AppWindow.svg",variantCount:1},{name:"arrow-arc-left",label:"Arrow Arc Left",filePath:"icon/ArrowArcLeft.svg",variantCount:1},{name:"arrow-arc-right",label:"Arrow Arc Right",filePath:"icon/ArrowArcRight.svg",variantCount:1},{name:"arrow-bend-double-up-left",label:"Arrow Bend Double Up Left",filePath:"icon/ArrowBendDoubleUpLeft.svg",variantCount:1},{name:"arrow-bend-double-up-right",label:"Arrow Bend Double Up Right",filePath:"icon/ArrowBendDoubleUpRight.svg",variantCount:1},{name:"arrow-bend-down-left",label:"Arrow Bend Down Left",filePath:"icon/ArrowBendDownLeft.svg",variantCount:1},{name:"arrow-bend-down-right",label:"Arrow Bend Down Right",filePath:"icon/ArrowBendDownRight.svg",variantCount:1},{name:"arrow-bend-left-down",label:"Arrow Bend Left Down",filePath:"icon/ArrowBendLeftDown.svg",variantCount:1},{name:"arrow-bend-right-down",label:"Arrow Bend Right Down",filePath:"icon/ArrowBendRightDown.svg",variantCount:1},{name:"arrow-bend-right-up",label:"Arrow Bend Right Up",filePath:"icon/ArrowBendRightUp.svg",variantCount:1},{name:"arrow-bend-up-left",label:"Arrow Bend Up Left",filePath:"icon/ArrowBendUpLeft.svg",variantCount:1},{name:"arrow-bend-up-right",label:"Arrow Bend Up Right",filePath:"icon/ArrowBendUpRight.svg",variantCount:1},{name:"arrow-circle-down",label:"Arrow Circle Down",filePath:"icon/ArrowCircleDown.svg",variantCount:1},{name:"arrow-circle-down-left",label:"Arrow Circle Down Left",filePath:"icon/ArrowCircleDownLeft.svg",variantCount:1},{name:"arrow-circle-down-right",label:"Arrow Circle Down Right",filePath:"icon/ArrowCircleDownRight.svg",variantCount:1},{name:"arrow-circle-left",label:"Arrow Circle Left",filePath:"icon/ArrowCircleLeft.svg",variantCount:1},{name:"arrow-circle-right",label:"Arrow Circle Right",filePath:"icon/ArrowCircleRight.svg",variantCount:1},{name:"arrow-circle-up",label:"Arrow Circle Up",filePath:"icon/ArrowCircleUp.svg",variantCount:1},{name:"arrow-circle-up-left",label:"Arrow Circle Up Left",filePath:"icon/ArrowCircleUpLeft.svg",variantCount:1},{name:"arrow-circle-up-right",label:"Arrow Circle Up Right",filePath:"icon/ArrowCircleUpRight.svg",variantCount:1},{name:"arrow-clockwise",label:"Arrow Clockwise",filePath:"icon/ArrowClockwise.svg",variantCount:1},{name:"arrow-counter-clockwise",label:"Arrow Counter Clockwise",filePath:"icon/ArrowCounterClockwise.svg",variantCount:1},{name:"arrow-down",label:"Arrow Down",filePath:"icon/ArrowDown.svg",variantCount:1},{name:"arrow-down-left",label:"Arrow Down Left",filePath:"icon/ArrowDownLeft.svg",variantCount:1},{name:"arrow-down-right",label:"Arrow Down Right",filePath:"icon/ArrowDownRight.svg",variantCount:1},{name:"arrow-elbow-down-left",label:"Arrow Elbow Down Left",filePath:"icon/ArrowElbowDownLeft.svg",variantCount:1},{name:"arrow-elbow-down-right",label:"Arrow Elbow Down Right",filePath:"icon/ArrowElbowDownRight.svg",variantCount:1},{name:"arrow-elbow-left",label:"Arrow Elbow Left",filePath:"icon/ArrowElbowLeft.svg",variantCount:1},{name:"arrow-elbow-left-down",label:"Arrow Elbow Left Down",filePath:"icon/ArrowElbowLeftDown.svg",variantCount:1},{name:"arrow-elbow-left-up",label:"Arrow Elbow Left Up",filePath:"icon/ArrowElbowLeftUp.svg",variantCount:1},{name:"arrow-elbow-right",label:"Arrow Elbow Right",filePath:"icon/ArrowElbowRight.svg",variantCount:1},{name:"arrow-elbow-right-down",label:"Arrow Elbow Right Down",filePath:"icon/ArrowElbowRightDown.svg",variantCount:1},{name:"arrow-elbow-right-up",label:"Arrow Elbow Right Up",filePath:"icon/ArrowElbowRightUp.svg",variantCount:1},{name:"arrow-elbow-up-left",label:"Arrow Elbow Up Left",filePath:"icon/ArrowElbowUpLeft.svg",variantCount:1},{name:"arrow-elbow-up-right",label:"Arrow Elbow Up Right",filePath:"icon/ArrowElbowUpRight.svg",variantCount:1},{name:"arrow-left",label:"Arrow Left",filePath:"icon/ArrowLeft.svg",variantCount:1},{name:"arrow-line-down",label:"Arrow Line Down",filePath:"icon/ArrowLineDown.svg",variantCount:1},{name:"arrow-line-down-left",label:"Arrow Line Down Left",filePath:"icon/ArrowLineDownLeft.svg",variantCount:1},{name:"arrow-line-down-right",label:"Arrow Line Down Right",filePath:"icon/ArrowLineDownRight.svg",variantCount:1},{name:"arrow-line-left",label:"Arrow Line Left",filePath:"icon/ArrowLineLeft.svg",variantCount:1},{name:"arrow-line-right",label:"Arrow Line Right",filePath:"icon/ArrowLineRight.svg",variantCount:1},{name:"arrow-line-up",label:"Arrow Line Up",filePath:"icon/ArrowLineUp.svg",variantCount:1},{name:"arrow-line-up-left",label:"Arrow Line Up Left",filePath:"icon/ArrowLineUpLeft.svg",variantCount:1},{name:"arrow-line-up-right",label:"Arrow Line Up Right",filePath:"icon/ArrowLineUpRight.svg",variantCount:1},{name:"arrow-right",label:"Arrow Right",filePath:"icon/ArrowRight.svg",variantCount:1},{name:"arrow-square-down",label:"Arrow Square Down",filePath:"icon/ArrowSquareDown.svg",variantCount:1},{name:"arrow-square-down-left",label:"Arrow Square Down Left",filePath:"icon/ArrowSquareDownLeft.svg",variantCount:1},{name:"arrow-square-down-right",label:"Arrow Square Down Right",filePath:"icon/ArrowSquareDownRight.svg",variantCount:1},{name:"arrow-square-left",label:"Arrow Square Left",filePath:"icon/ArrowSquareLeft.svg",variantCount:1},{name:"arrow-square-right",label:"Arrow Square Right",filePath:"icon/ArrowSquareRight.svg",variantCount:1},{name:"arrow-square-up",label:"Arrow Square Up",filePath:"icon/ArrowSquareUp.svg",variantCount:1},{name:"arrow-square-up-left",label:"Arrow Square Up Left",filePath:"icon/ArrowSquareUpLeft.svg",variantCount:1},{name:"arrow-square-up-right",label:"Arrow Square Up Right",filePath:"icon/ArrowSquareUpRight.svg",variantCount:1},{name:"arrow-up",label:"Arrow Up",filePath:"icon/ArrowUp.svg",variantCount:1},{name:"arrow-up-left",label:"Arrow Up Left",filePath:"icon/ArrowUpLeft.svg",variantCount:1},{name:"arrow-up-right",label:"Arrow Up Right",filePath:"icon/ArrowUpRight.svg",variantCount:1},{name:"arrows-clockwise",label:"Arrows Clockwise",filePath:"icon/ArrowsClockwise.svg",variantCount:1},{name:"arrows-counter-clockwise",label:"Arrows Counter Clockwise",filePath:"icon/ArrowsCounterClockwise.svg",variantCount:1},{name:"arrows-down-up",label:"Arrows Down Up",filePath:"icon/ArrowsDownUp.svg",variantCount:1},{name:"arrows-horizontal",label:"Arrows Horizontal",filePath:"icon/ArrowsHorizontal.svg",variantCount:1},{name:"arrows-in",label:"Arrows In",filePath:"icon/ArrowsIn.svg",variantCount:1},{name:"arrows-in-cardinal",label:"Arrows In Cardinal",filePath:"icon/ArrowsInCardinal.svg",variantCount:1},{name:"arrows-in-line-horizontal",label:"Arrows In Line Horizontal",filePath:"icon/ArrowsInLineHorizontal.svg",variantCount:1},{name:"arrows-in-line-vertical",label:"Arrows In Line Vertical",filePath:"icon/ArrowsInLineVertical.svg",variantCount:1},{name:"arrows-in-simple",label:"Arrows In Simple",filePath:"icon/ArrowsInSimple.svg",variantCount:1},{name:"arrows-left-right",label:"Arrows Left Right",filePath:"icon/ArrowsLeftRight.svg",variantCount:1},{name:"arrows-out",label:"Arrows Out",filePath:"icon/ArrowsOut.svg",variantCount:1},{name:"arrows-out-cardinal",label:"Arrows Out Cardinal",filePath:"icon/ArrowsOutCardinal.svg",variantCount:1},{name:"arrows-out-line-horizontal",label:"Arrows Out Line Horizontal",filePath:"icon/ArrowsOutLineHorizontal.svg",variantCount:1},{name:"arrows-out-line-vertical",label:"Arrows Out Line Vertical",filePath:"icon/ArrowsOutLineVertical.svg",variantCount:1},{name:"arrows-out-simple",label:"Arrows Out Simple",filePath:"icon/ArrowsOutSimple.svg",variantCount:1},{name:"arrows-vertical",label:"Arrows Vertical",filePath:"icon/ArrowsVertical.svg",variantCount:1},{name:"article",label:"Article",filePath:"icon/Article.svg",variantCount:1},{name:"bell",label:"Bell",filePath:"icon/Bell.svg",variantCount:1},{name:"bell-ringing",label:"Bell Ringing",filePath:"icon/BellRinging.svg",variantCount:1},{name:"bell-simple",label:"Bell Simple",filePath:"icon/BellSimple.svg",variantCount:1},{name:"bell-simple-ringing",label:"Bell Simple Ringing",filePath:"icon/BellSimpleRinging.svg",variantCount:1},{name:"bell-simple-slash",label:"Bell Simple Slash",filePath:"icon/BellSimpleSlash.svg",variantCount:1},{name:"binoculars",label:"Binoculars",filePath:"icon/Binoculars.svg",variantCount:1},{name:"book",label:"Book",filePath:"icon/Book.svg",variantCount:1},{name:"book-open",label:"Book Open",filePath:"icon/BookOpen.svg",variantCount:1},{name:"book-open-text",label:"Book Open Text",filePath:"icon/BookOpenText.svg",variantCount:1},{name:"box-arrow-down",label:"Box Arrow Down",filePath:"icon/BoxArrowDown.svg",variantCount:1},{name:"box-arrow-up",label:"Box Arrow Up",filePath:"icon/BoxArrowUp.svg",variantCount:1},{name:"brackets-angle",label:"Brackets Angle",filePath:"icon/BracketsAngle.svg",variantCount:1},{name:"brackets-curly",label:"Brackets Curly",filePath:"icon/BracketsCurly.svg",variantCount:1},{name:"brackets-round",label:"Brackets Round",filePath:"icon/BracketsRound.svg",variantCount:1},{name:"brackets-square",label:"Brackets Square",filePath:"icon/BracketsSquare.svg",variantCount:1},{name:"browser",label:"Browser",filePath:"icon/Browser.svg",variantCount:1},{name:"browsers",label:"Browsers",filePath:"icon/Browsers.svg",variantCount:1},{name:"bug",label:"Bug",filePath:"icon/Bug.svg",variantCount:1},{name:"calendar-blank",label:"Calendar Blank",filePath:"icon/CalendarBlank.svg",variantCount:1},{name:"calendar-dots",label:"Calendar Dots",filePath:"icon/CalendarDots.svg",variantCount:1},{name:"cards",label:"Cards",filePath:"icon/Cards.svg",variantCount:1},{name:"cards-three",label:"Cards Three",filePath:"icon/CardsThree.svg",variantCount:1},{name:"caret-circle-double-down",label:"Caret Circle Double Down",filePath:"icon/CaretCircleDoubleDown.svg",variantCount:1},{name:"caret-circle-double-left",label:"Caret Circle Double Left",filePath:"icon/CaretCircleDoubleLeft.svg",variantCount:1},{name:"caret-circle-double-right",label:"Caret Circle Double Right",filePath:"icon/CaretCircleDoubleRight.svg",variantCount:1},{name:"caret-circle-double-up",label:"Caret Circle Double Up",filePath:"icon/CaretCircleDoubleUp.svg",variantCount:1},{name:"caret-circle-down",label:"Caret Circle Down",filePath:"icon/CaretCircleDown.svg",variantCount:1},{name:"caret-circle-left",label:"Caret Circle Left",filePath:"icon/CaretCircleLeft.svg",variantCount:1},{name:"caret-circle-right",label:"Caret Circle Right",filePath:"icon/CaretCircleRight.svg",variantCount:1},{name:"caret-circle-up",label:"Caret Circle Up",filePath:"icon/CaretCircleUp.svg",variantCount:1},{name:"caret-circle-up-down",label:"Caret Circle Up Down",filePath:"icon/CaretCircleUpDown.svg",variantCount:1},{name:"caret-down",label:"Caret Down",filePath:"icon/CaretDown.svg",variantCount:1},{name:"caret-left",label:"Caret Left",filePath:"icon/CaretLeft.svg",variantCount:1},{name:"caret-line-down",label:"Caret Line Down",filePath:"icon/CaretLineDown.svg",variantCount:1},{name:"caret-line-left",label:"Caret Line Left",filePath:"icon/CaretLineLeft.svg",variantCount:1},{name:"caret-line-right",label:"Caret Line Right",filePath:"icon/CaretLineRight.svg",variantCount:1},{name:"caret-line-up",label:"Caret Line Up",filePath:"icon/CaretLineUp.svg",variantCount:1},{name:"caret-right",label:"Caret Right",filePath:"icon/CaretRight.svg",variantCount:1},{name:"caret-up",label:"Caret Up",filePath:"icon/CaretUp.svg",variantCount:1},{name:"caret-up-down",label:"Caret Up Down",filePath:"icon/CaretUpDown.svg",variantCount:1},{name:"check",label:"Check",filePath:"icon/Check.svg",variantCount:1},{name:"check-circle",label:"Check Circle",filePath:"icon/CheckCircle.svg",variantCount:1},{name:"check-square",label:"Check Square",filePath:"icon/CheckSquare.svg",variantCount:1},{name:"check-square-offset",label:"Check Square Offset",filePath:"icon/CheckSquareOffset.svg",variantCount:1},{name:"checks",label:"Checks",filePath:"icon/Checks.svg",variantCount:1},{name:"circles-four",label:"Circles Four",filePath:"icon/CirclesFour.svg",variantCount:1},{name:"clipboard",label:"Clipboard",filePath:"icon/Clipboard.svg",variantCount:1},{name:"clipboard-text",label:"Clipboard Text",filePath:"icon/ClipboardText.svg",variantCount:1},{name:"cloud-arrow-down",label:"Cloud Arrow Down",filePath:"icon/CloudArrowDown.svg",variantCount:1},{name:"cloud-arrow-up",label:"Cloud Arrow Up",filePath:"icon/CloudArrowUp.svg",variantCount:1},{name:"cloud-check",label:"Cloud Check",filePath:"icon/CloudCheck.svg",variantCount:1},{name:"cloud-slash",label:"Cloud Slash",filePath:"icon/CloudSlash.svg",variantCount:1},{name:"cloud-warning",label:"Cloud Warning",filePath:"icon/CloudWarning.svg",variantCount:1},{name:"cloud-x",label:"Cloud X",filePath:"icon/CloudX.svg",variantCount:1},{name:"code",label:"Code",filePath:"icon/Code.svg",variantCount:1},{name:"code-block",label:"Code Block",filePath:"icon/CodeBlock.svg",variantCount:1},{name:"code-simple",label:"Code Simple",filePath:"icon/CodeSimple.svg",variantCount:1},{name:"columns",label:"Columns",filePath:"icon/Columns.svg",variantCount:1},{name:"columns-plus-left",label:"Columns Plus Left",filePath:"icon/ColumnsPlusLeft.svg",variantCount:1},{name:"columns-plus-right",label:"Columns Plus Right",filePath:"icon/ColumnsPlusRight.svg",variantCount:1},{name:"copy",label:"Copy",filePath:"icon/Copy.svg",variantCount:1},{name:"copy-simple",label:"Copy Simple",filePath:"icon/CopySimple.svg",variantCount:1},{name:"cpu",label:"Cpu",filePath:"icon/Cpu.svg",variantCount:1},{name:"credit-card",label:"Credit Card",filePath:"icon/CreditCard.svg",variantCount:1},{name:"cube",label:"Cube",filePath:"icon/Cube.svg",variantCount:1},{name:"cube-transparent",label:"Cube Transparent",filePath:"icon/CubeTransparent.svg",variantCount:1},{name:"database",label:"Database",filePath:"icon/Database.svg",variantCount:1},{name:"desktop",label:"Desktop",filePath:"icon/Desktop.svg",variantCount:1},{name:"desktop-tower",label:"Desktop Tower",filePath:"icon/DesktopTower.svg",variantCount:1},{name:"detective",label:"Detective",filePath:"icon/Detective.svg",variantCount:1},{name:"device-mobile-camera",label:"Device Mobile Camera",filePath:"icon/DeviceMobileCamera.svg",variantCount:1},{name:"device-tablet-camera",label:"Device Tablet Camera",filePath:"icon/DeviceTabletCamera.svg",variantCount:1},{name:"devices",label:"Devices",filePath:"icon/Devices.svg",variantCount:1},{name:"diamonds-four",label:"Diamonds Four",filePath:"icon/DiamondsFour.svg",variantCount:1},{name:"dot",label:"Dot",filePath:"icon/Dot.svg",variantCount:1},{name:"dot-outline",label:"Dot Outline",filePath:"icon/DotOutline.svg",variantCount:1},{name:"dots-nine",label:"Dots Nine",filePath:"icon/DotsNine.svg",variantCount:1},{name:"dots-six",label:"Dots Six",filePath:"icon/DotsSix.svg",variantCount:1},{name:"dots-six-vertical",label:"Dots Six Vertical",filePath:"icon/DotsSixVertical.svg",variantCount:1},{name:"dots-three",label:"Dots Three",filePath:"icon/DotsThree.svg",variantCount:1},{name:"dots-three-circle",label:"Dots Three Circle",filePath:"icon/DotsThreeCircle.svg",variantCount:1},{name:"dots-three-circle-vertical",label:"Dots Three Circle Vertical",filePath:"icon/DotsThreeCircleVertical.svg",variantCount:1},{name:"dots-three-outline",label:"Dots Three Outline",filePath:"icon/DotsThreeOutline.svg",variantCount:1},{name:"dots-three-outline-vertical",label:"Dots Three Outline Vertical",filePath:"icon/DotsThreeOutlineVertical.svg",variantCount:1},{name:"dots-three-vertical",label:"Dots Three Vertical",filePath:"icon/DotsThreeVertical.svg",variantCount:1},{name:"download-simple",label:"Download Simple",filePath:"icon/DownloadSimple.svg",variantCount:1},{name:"envelope",label:"Envelope",filePath:"icon/Envelope.svg",variantCount:1},{name:"envelope-simple",label:"Envelope Simple",filePath:"icon/EnvelopeSimple.svg",variantCount:1},{name:"exclamation-mark",label:"Exclamation Mark",filePath:"icon/ExclamationMark.svg",variantCount:1},{name:"export",label:"Export",filePath:"icon/Export.svg",variantCount:1},{name:"eye",label:"Eye",filePath:"icon/Eye.svg",variantCount:1},{name:"eye-closed",label:"Eye Closed",filePath:"icon/EyeClosed.svg",variantCount:1},{name:"eye-slash",label:"Eye Slash",filePath:"icon/EyeSlash.svg",variantCount:1},{name:"faders",label:"Faders",filePath:"icon/Faders.svg",variantCount:1},{name:"faders-horizontal",label:"Faders Horizontal",filePath:"icon/FadersHorizontal.svg",variantCount:1},{name:"file",label:"File",filePath:"icon/File.svg",variantCount:1},{name:"file-archive",label:"File Archive",filePath:"icon/FileArchive.svg",variantCount:1},{name:"file-arrow-down",label:"File Arrow Down",filePath:"icon/FileArrowDown.svg",variantCount:1},{name:"file-arrow-up",label:"File Arrow Up",filePath:"icon/FileArrowUp.svg",variantCount:1},{name:"file-dashed",label:"File Dashed",filePath:"icon/FileDashed.svg",variantCount:1},{name:"file-text",label:"File Text",filePath:"icon/FileText.svg",variantCount:1},{name:"files",label:"Files",filePath:"icon/Files.svg",variantCount:1},{name:"fingerprint",label:"Fingerprint",filePath:"icon/Fingerprint.svg",variantCount:1},{name:"fingerprint-simple",label:"Fingerprint Simple",filePath:"icon/FingerprintSimple.svg",variantCount:1},{name:"flag",label:"Flag",filePath:"icon/Flag.svg",variantCount:1},{name:"flag-pennant",label:"Flag Pennant",filePath:"icon/FlagPennant.svg",variantCount:1},{name:"floppy-disk",label:"Floppy Disk",filePath:"icon/FloppyDisk.svg",variantCount:1},{name:"folder",label:"Folder",filePath:"icon/Folder.svg",variantCount:1},{name:"folder-dashed",label:"Folder Dashed",filePath:"icon/FolderDashed.svg",variantCount:1},{name:"folder-open",label:"Folder Open",filePath:"icon/FolderOpen.svg",variantCount:1},{name:"folder-simple",label:"Folder Simple",filePath:"icon/FolderSimple.svg",variantCount:1},{name:"folder-simple-dashed",label:"Folder Simple Dashed",filePath:"icon/FolderSimpleDashed.svg",variantCount:1},{name:"folders",label:"Folders",filePath:"icon/Folders.svg",variantCount:1},{name:"funnel",label:"Funnel",filePath:"icon/Funnel.svg",variantCount:1},{name:"funnel-simple",label:"Funnel Simple",filePath:"icon/FunnelSimple.svg",variantCount:1},{name:"gear",label:"Gear",filePath:"icon/Gear.svg",variantCount:1},{name:"gear-six",label:"Gear Six",filePath:"icon/GearSix.svg",variantCount:1},{name:"git-branch",label:"Git Branch",filePath:"icon/GitBranch.svg",variantCount:1},{name:"git-merge",label:"Git Merge",filePath:"icon/GitMerge.svg",variantCount:1},{name:"git-pull-request",label:"Git Pull Request",filePath:"icon/GitPullRequest.svg",variantCount:1},{name:"globe",label:"Globe",filePath:"icon/Globe.svg",variantCount:1},{name:"globe-simple",label:"Globe Simple",filePath:"icon/GlobeSimple.svg",variantCount:1},{name:"green-tick",label:"Green Tick",filePath:"icon/GreenTick.svg",variantCount:1},{name:"grid-four",label:"Grid Four",filePath:"icon/GridFour.svg",variantCount:1},{name:"hammer",label:"Hammer",filePath:"icon/Hammer.svg",variantCount:1},{name:"hand",label:"Hand",filePath:"icon/Hand.svg",variantCount:1},{name:"hand-palm",label:"Hand Palm",filePath:"icon/HandPalm.svg",variantCount:1},{name:"hand-pointing",label:"Hand Pointing",filePath:"icon/HandPointing.svg",variantCount:1},{name:"house",label:"House",filePath:"icon/House.svg",variantCount:1},{name:"identification-badge",label:"Identification Badge",filePath:"icon/IdentificationBadge.svg",variantCount:1},{name:"identification-card",label:"Identification Card",filePath:"icon/IdentificationCard.svg",variantCount:1},{name:"info",label:"Info",filePath:"icon/Info.svg",variantCount:1},{name:"key",label:"Key",filePath:"icon/Key.svg",variantCount:1},{name:"ladder-simple",label:"Ladder Simple",filePath:"icon/LadderSimple.svg",variantCount:1},{name:"layout",label:"Layout",filePath:"icon/Layout.svg",variantCount:1},{name:"lifebuoy",label:"Lifebuoy",filePath:"icon/Lifebuoy.svg",variantCount:1},{name:"lightbulb",label:"Lightbulb",filePath:"icon/Lightbulb.svg",variantCount:1},{name:"lightning",label:"Lightning",filePath:"icon/Lightning.svg",variantCount:1},{name:"link",label:"Link",filePath:"icon/Link.svg",variantCount:1},{name:"link-break",label:"Link Break",filePath:"icon/LinkBreak.svg",variantCount:1},{name:"link-simple",label:"Link Simple",filePath:"icon/LinkSimple.svg",variantCount:1},{name:"link-simple-break",label:"Link Simple Break",filePath:"icon/LinkSimpleBreak.svg",variantCount:1},{name:"link-simple-horizontal",label:"Link Simple Horizontal",filePath:"icon/LinkSimpleHorizontal.svg",variantCount:1},{name:"link-simple-horizontal-break",label:"Link Simple Horizontal Break",filePath:"icon/LinkSimpleHorizontalBreak.svg",variantCount:1},{name:"list",label:"List",filePath:"icon/List.svg",variantCount:1},{name:"list-bullets",label:"List Bullets",filePath:"icon/ListBullets.svg",variantCount:1},{name:"list-checks",label:"List Checks",filePath:"icon/ListChecks.svg",variantCount:1},{name:"list-dashes",label:"List Dashes",filePath:"icon/ListDashes.svg",variantCount:1},{name:"list-heart",label:"List Heart",filePath:"icon/ListHeart.svg",variantCount:1},{name:"list-magnifying-glass",label:"List Magnifying Glass",filePath:"icon/ListMagnifyingGlass.svg",variantCount:1},{name:"list-numbers",label:"List Numbers",filePath:"icon/ListNumbers.svg",variantCount:1},{name:"list-plus",label:"List Plus",filePath:"icon/ListPlus.svg",variantCount:1},{name:"list-star",label:"List Star",filePath:"icon/ListStar.svg",variantCount:1},{name:"lock",label:"Lock",filePath:"icon/Lock.svg",variantCount:1},{name:"lock-key",label:"Lock Key",filePath:"icon/LockKey.svg",variantCount:1},{name:"lock-key-open",label:"Lock Key Open",filePath:"icon/LockKeyOpen.svg",variantCount:1},{name:"lock-open",label:"Lock Open",filePath:"icon/LockOpen.svg",variantCount:1},{name:"lock-simple",label:"Lock Simple",filePath:"icon/LockSimple.svg",variantCount:1},{name:"lock-simple-open",label:"Lock Simple Open",filePath:"icon/LockSimpleOpen.svg",variantCount:1},{name:"magnifying-glass",label:"Magnifying Glass",filePath:"icon/MagnifyingGlass.svg",variantCount:1},{name:"magnifying-glass-minus",label:"Magnifying Glass Minus",filePath:"icon/MagnifyingGlassMinus.svg",variantCount:1},{name:"magnifying-glass-plus",label:"Magnifying Glass Plus",filePath:"icon/MagnifyingGlassPlus.svg",variantCount:1},{name:"megaphone",label:"Megaphone",filePath:"icon/Megaphone.svg",variantCount:1},{name:"megaphone-simple",label:"Megaphone Simple",filePath:"icon/MegaphoneSimple.svg",variantCount:1},{name:"microphone",label:"Microphone",filePath:"icon/Microphone.svg",variantCount:1},{name:"navigation-arrow",label:"Navigation Arrow",filePath:"icon/NavigationArrow.svg",variantCount:1},{name:"network",label:"Network",filePath:"icon/Network.svg",variantCount:1},{name:"network-slash",label:"Network Slash",filePath:"icon/NetworkSlash.svg",variantCount:1},{name:"network-x",label:"Network X",filePath:"icon/NetworkX.svg",variantCount:1},{name:"newspaper",label:"Newspaper",filePath:"icon/Newspaper.svg",variantCount:1},{name:"newspaper-clipping",label:"Newspaper Clipping",filePath:"icon/NewspaperClipping.svg",variantCount:1},{name:"notches",label:"Notches",filePath:"icon/Notches.svg",variantCount:1},{name:"note",label:"Note",filePath:"icon/Note.svg",variantCount:1},{name:"note-blank",label:"Note Blank",filePath:"icon/NoteBlank.svg",variantCount:1},{name:"note-pencil",label:"Note Pencil",filePath:"icon/NotePencil.svg",variantCount:1},{name:"notification",label:"Notification",filePath:"icon/Notification.svg",variantCount:1},{name:"nut",label:"Nut",filePath:"icon/Nut.svg",variantCount:1},{name:"paperclip",label:"Paperclip",filePath:"icon/Paperclip.svg",variantCount:1},{name:"paperclip-horizontal",label:"Paperclip Horizontal",filePath:"icon/PaperclipHorizontal.svg",variantCount:1},{name:"password",label:"Password",filePath:"icon/Password.svg",variantCount:1},{name:"pencil-simple",label:"Pencil Simple",filePath:"icon/PencilSimple.svg",variantCount:1},{name:"pencil-simple-line",label:"Pencil Simple Line",filePath:"icon/PencilSimpleLine.svg",variantCount:1},{name:"person",label:"Person",filePath:"icon/Person.svg",variantCount:1},{name:"person-arms-spread",label:"Person Arms Spread",filePath:"icon/PersonArmsSpread.svg",variantCount:1},{name:"person-simple",label:"Person Simple",filePath:"icon/PersonSimple.svg",variantCount:1},{name:"placeholder",label:"Placeholder",filePath:"icon/Placeholder.svg",variantCount:1},{name:"plus",label:"Plus",filePath:"icon/Plus.svg",variantCount:1},{name:"plus-circle",label:"Plus Circle",filePath:"icon/PlusCircle.svg",variantCount:1},{name:"plus-square",label:"Plus Square",filePath:"icon/PlusSquare.svg",variantCount:1},{name:"prohibit",label:"Prohibit",filePath:"icon/Prohibit.svg",variantCount:1},{name:"prohibit-inset",label:"Prohibit Inset",filePath:"icon/ProhibitInset.svg",variantCount:1},{name:"pulse",label:"Pulse",filePath:"icon/Pulse.svg",variantCount:1},{name:"push-pin",label:"Push Pin",filePath:"icon/PushPin.svg",variantCount:1},{name:"push-pin-simple",label:"Push Pin Simple",filePath:"icon/PushPinSimple.svg",variantCount:1},{name:"push-pin-simple-slash",label:"Push Pin Simple Slash",filePath:"icon/PushPinSimpleSlash.svg",variantCount:1},{name:"push-pin-slash",label:"Push Pin Slash",filePath:"icon/PushPinSlash.svg",variantCount:1},{name:"puzzle-piece",label:"Puzzle Piece",filePath:"icon/PuzzlePiece.svg",variantCount:1},{name:"question",label:"Question",filePath:"icon/Question.svg",variantCount:1},{name:"question-mark",label:"Question Mark",filePath:"icon/QuestionMark.svg",variantCount:1},{name:"receipt",label:"Receipt",filePath:"icon/Receipt.svg",variantCount:1},{name:"receipt-x",label:"Receipt X",filePath:"icon/ReceiptX.svg",variantCount:1},{name:"rows-plus-bottom",label:"Rows Plus Bottom",filePath:"icon/RowsPlusBottom.svg",variantCount:1},{name:"rows-plus-top",label:"Rows Plus Top",filePath:"icon/RowsPlusTop.svg",variantCount:1},{name:"scroll",label:"Scroll",filePath:"icon/Scroll.svg",variantCount:1},{name:"seal",label:"Seal",filePath:"icon/Seal.svg",variantCount:1},{name:"seal-check",label:"Seal Check",filePath:"icon/SealCheck.svg",variantCount:1},{name:"share",label:"Share",filePath:"icon/Share.svg",variantCount:1},{name:"share-fat",label:"Share Fat",filePath:"icon/ShareFat.svg",variantCount:1},{name:"share-network",label:"Share Network",filePath:"icon/ShareNetwork.svg",variantCount:1},{name:"shield",label:"Shield",filePath:"icon/Shield.svg",variantCount:1},{name:"shield-check",label:"Shield Check",filePath:"icon/ShieldCheck.svg",variantCount:1},{name:"shield-checkered",label:"Shield Checkered",filePath:"icon/ShieldCheckered.svg",variantCount:1},{name:"shield-chevron",label:"Shield Chevron",filePath:"icon/ShieldChevron.svg",variantCount:1},{name:"shield-plus",label:"Shield Plus",filePath:"icon/ShieldPlus.svg",variantCount:1},{name:"shield-slash",label:"Shield Slash",filePath:"icon/ShieldSlash.svg",variantCount:1},{name:"shield-star",label:"Shield Star",filePath:"icon/ShieldStar.svg",variantCount:1},{name:"shield-warning",label:"Shield Warning",filePath:"icon/ShieldWarning.svg",variantCount:1},{name:"sidebar",label:"Sidebar",filePath:"icon/Sidebar.svg",variantCount:1},{name:"sidebar-simple",label:"Sidebar Simple",filePath:"icon/SidebarSimple.svg",variantCount:1},{name:"sign-in",label:"Sign In",filePath:"icon/SignIn.svg",variantCount:1},{name:"sign-out",label:"Sign Out",filePath:"icon/SignOut.svg",variantCount:1},{name:"siren",label:"Siren",filePath:"icon/Siren.svg",variantCount:1},{name:"sliders",label:"Sliders",filePath:"icon/Sliders.svg",variantCount:1},{name:"sliders-horizontal",label:"Sliders Horizontal",filePath:"icon/SlidersHorizontal.svg",variantCount:1},{name:"sort-ascending",label:"Sort Ascending",filePath:"icon/SortAscending.svg",variantCount:1},{name:"sort-descending",label:"Sort Descending",filePath:"icon/SortDescending.svg",variantCount:1},{name:"spinner",label:"Spinner",filePath:"icon/Spinner.svg",variantCount:1},{name:"spinner-gap",label:"Spinner Gap",filePath:"icon/SpinnerGap.svg",variantCount:1},{name:"split-horizontal",label:"Split Horizontal",filePath:"icon/SplitHorizontal.svg",variantCount:1},{name:"split-vertical",label:"Split Vertical",filePath:"icon/SplitVertical.svg",variantCount:1},{name:"square-half",label:"Square Half",filePath:"icon/SquareHalf.svg",variantCount:1},{name:"square-half-bottom",label:"Square Half Bottom",filePath:"icon/SquareHalfBottom.svg",variantCount:1},{name:"square-split-horizontal",label:"Square Split Horizontal",filePath:"icon/SquareSplitHorizontal.svg",variantCount:1},{name:"square-split-vertical",label:"Square Split Vertical",filePath:"icon/SquareSplitVertical.svg",variantCount:1},{name:"squares-four",label:"Squares Four",filePath:"icon/SquaresFour.svg",variantCount:1},{name:"stack",label:"Stack",filePath:"icon/Stack.svg",variantCount:1},{name:"stack-minus",label:"Stack Minus",filePath:"icon/StackMinus.svg",variantCount:1},{name:"stack-plus",label:"Stack Plus",filePath:"icon/StackPlus.svg",variantCount:1},{name:"stack-simple",label:"Stack Simple",filePath:"icon/StackSimple.svg",variantCount:1},{name:"star",label:"Star",filePath:"icon/Star.svg",variantCount:1},{name:"table",label:"Table",filePath:"icon/Table.svg",variantCount:1},{name:"tag",label:"Tag",filePath:"icon/Tag.svg",variantCount:1},{name:"tag-chevron",label:"Tag Chevron",filePath:"icon/TagChevron.svg",variantCount:1},{name:"tag-simple",label:"Tag Simple",filePath:"icon/TagSimple.svg",variantCount:1},{name:"target",label:"Target",filePath:"icon/Target.svg",variantCount:1},{name:"terminal",label:"Terminal",filePath:"icon/Terminal.svg",variantCount:1},{name:"terminal-window",label:"Terminal Window",filePath:"icon/TerminalWindow.svg",variantCount:1},{name:"text-columns",label:"Text Columns",filePath:"icon/TextColumns.svg",variantCount:1},{name:"ticket",label:"Ticket",filePath:"icon/Ticket.svg",variantCount:1},{name:"trash",label:"Trash",filePath:"icon/Trash.svg",variantCount:1},{name:"trash-simple",label:"Trash Simple",filePath:"icon/TrashSimple.svg",variantCount:1},{name:"tray",label:"Tray",filePath:"icon/Tray.svg",variantCount:1},{name:"tray-arrow-down",label:"Tray Arrow Down",filePath:"icon/TrayArrowDown.svg",variantCount:1},{name:"tray-arrow-up",label:"Tray Arrow Up",filePath:"icon/TrayArrowUp.svg",variantCount:1},{name:"tree-structure",label:"Tree Structure",filePath:"icon/TreeStructure.svg",variantCount:1},{name:"upload-simple",label:"Upload Simple",filePath:"icon/UploadSimple.svg",variantCount:1},{name:"user",label:"User",filePath:"icon/User.svg",variantCount:1},{name:"user-check",label:"User Check",filePath:"icon/UserCheck.svg",variantCount:1},{name:"user-circle",label:"User Circle",filePath:"icon/UserCircle.svg",variantCount:1},{name:"user-circle-check",label:"User Circle Check",filePath:"icon/UserCircleCheck.svg",variantCount:1},{name:"user-circle-dashed",label:"User Circle Dashed",filePath:"icon/UserCircleDashed.svg",variantCount:1},{name:"user-circle-gear",label:"User Circle Gear",filePath:"icon/UserCircleGear.svg",variantCount:1},{name:"user-circle-minus",label:"User Circle Minus",filePath:"icon/UserCircleMinus.svg",variantCount:1},{name:"user-circle-plus",label:"User Circle Plus",filePath:"icon/UserCirclePlus.svg",variantCount:1},{name:"user-focus",label:"User Focus",filePath:"icon/UserFocus.svg",variantCount:1},{name:"user-gear",label:"User Gear",filePath:"icon/UserGear.svg",variantCount:1},{name:"user-list",label:"User List",filePath:"icon/UserList.svg",variantCount:1},{name:"user-minus",label:"User Minus",filePath:"icon/UserMinus.svg",variantCount:1},{name:"user-plus",label:"User Plus",filePath:"icon/UserPlus.svg",variantCount:1},{name:"user-rectangle",label:"User Rectangle",filePath:"icon/UserRectangle.svg",variantCount:1},{name:"user-sound",label:"User Sound",filePath:"icon/UserSound.svg",variantCount:1},{name:"user-square",label:"User Square",filePath:"icon/UserSquare.svg",variantCount:1},{name:"user-switch",label:"User Switch",filePath:"icon/UserSwitch.svg",variantCount:1},{name:"users",label:"Users",filePath:"icon/Users.svg",variantCount:1},{name:"users-four",label:"Users Four",filePath:"icon/UsersFour.svg",variantCount:1},{name:"users-three",label:"Users Three",filePath:"icon/UsersThree.svg",variantCount:1},{name:"vault",label:"Vault",filePath:"icon/Vault.svg",variantCount:1},{name:"warning",label:"Warning",filePath:"icon/Warning.svg",variantCount:1},{name:"warning-circle",label:"Warning Circle",filePath:"icon/WarningCircle.svg",variantCount:1},{name:"warning-diamond",label:"Warning Diamond",filePath:"icon/WarningDiamond.svg",variantCount:1},{name:"warning-octagon",label:"Warning Octagon",filePath:"icon/WarningOctagon.svg",variantCount:1},{name:"wrench",label:"Wrench",filePath:"icon/Wrench.svg",variantCount:1},{name:"x",label:"X",filePath:"icon/X.svg",variantCount:1},{name:"xcircle",label:"XCircle",filePath:"icon/XCircle.svg",variantCount:1},{name:"xsquare",label:"XSquare",filePath:"icon/XSquare.svg",variantCount:1},{name:"calendar",label:"Calendar",filePath:"icon/calendar.svg",variantCount:1}],de=({name:e,size:n="medium",variant:o="default",className:r="",style:a={},alt:i="",...l})=>{const s=e?.replace(/\.svg$/,"").toLowerCase(),c=(()=>{if("number"==typeof n)return`${n}px`;const e={small:"12px",medium:"16px",large:"24px"};return e[n]||e.medium})(),d=(()=>{const t=ce.find(t=>t.name===s||t.name===e);return`https://cdn.jsdelivr.net/npm/squarex-ui-component-lib@latest/public/icon/${t?t.filePath.split("/").pop():`${e}.svg`}`})(),u=i||`${s} icon`,p=[se.icon,se[`variant_${o}`],r].filter(Boolean).join(" "),m={width:c,height:c,...a};return t("img",{src:d,alt:u,className:p,style:m,...l})},ue=({className:e})=>t("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:t("path",{d:"M7.00033 1.16699L8.80283 4.81866L12.8337 5.40783L9.91699 8.24866L10.6053 12.262L7.00033 10.3662L3.39533 12.262L4.08366 8.24866L1.16699 5.40783L5.19783 4.81866L7.00033 1.16699Z",stroke:"#36204C",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})}),pe=({className:n})=>e("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),me=({label:n="Button",showLeadingIcon:o=!0,showTrailingIcon:r=!1,leadingIcon:a,trailingIcon:i,leftIcon:l,rightIcon:s,variant:c,buttonStyle:d="primary",state:u="default",size:p="medium",onClick:m,disabled:f,loading:h,className:g="",children:v,...b})=>{const y=h?"loading":f?"disabled":u,w=f||h||"disabled"===y,C=ie(le.button,le[`style_${c||d||"primary"}`],le[`state_${y}`],le[`size_${"md"===p?"medium":"sm"===p?"small":p}`],g),x="Button"===n&&v?v:n;return e("button",{className:C,onClick:m,disabled:w,"aria-disabled":w,...b,children:[(()=>{if(!o)return null;const e=a||l;return e?"string"==typeof e?t(de,{name:e,className:le.icon}):e:"loading"===y?t(pe,{className:le.loaderIcon}):t(ue,{className:le.icon})})(),t("span",{className:le.label,children:x}),(()=>{if(!r)return null;const e=i||s;return e?"string"==typeof e?t(de,{name:e,className:le.icon}):e:t(ue,{className:le.icon})})()]})};var fe={button:"ButtonDanger-module_button__AOtwP",label:"ButtonDanger-module_label__b5KXy",icon:"ButtonDanger-module_icon__cFsc0",loaderIcon:"ButtonDanger-module_loaderIcon__0Grd9",spin:"ButtonDanger-module_spin__dWDkA",size_medium:"ButtonDanger-module_size_medium__rSyZy",size_small:"ButtonDanger-module_size_small__uAFGW",style_primary:"ButtonDanger-module_style_primary__iUyC1",state_default:"ButtonDanger-module_state_default__Y5C0B",state_hover:"ButtonDanger-module_state_hover__sATSe",state_focus:"ButtonDanger-module_state_focus__gFvzD",state_disabled:"ButtonDanger-module_state_disabled__UT767",state_loading:"ButtonDanger-module_state_loading__-C8Aq",style_neutral:"ButtonDanger-module_style_neutral__VZ0rO",style_subtle:"ButtonDanger-module_style_subtle__PTOK-"};const he=({label:n="Button",showLeadingIcon:o=!0,showTrailingIcon:r=!1,leadingIcon:a,trailingIcon:i,style:l="primary",state:s="default",size:c="medium",onClick:d,disabled:u,loading:p,className:m="",...f})=>{const h=p?"loading":u?"disabled":s,g=u||p||"disabled"===h,v=[fe.button,fe[`style_${l}`],fe[`state_${h}`],fe[`size_${c}`],m].filter(Boolean).join(" ");return e("button",{className:v,onClick:d,disabled:g,"aria-disabled":g,...f,children:[o?a||t(de,"loading"===h?{name:"spinner",size:16,className:fe.loaderIcon}:{name:"star",size:14,className:fe.icon}):null,t("span",{className:fe.label,children:n}),r?i||t(de,{name:"star",size:14,className:fe.icon}):null]})};var ge={avatar:"Avatar-module_avatar__iHwNB",size_large:"Avatar-module_size_large__lysYk",size_medium:"Avatar-module_size_medium__JL1rC",size_small:"Avatar-module_size_small__F3gWo",shape_circle:"Avatar-module_shape_circle__YEmYW",shape_square:"Avatar-module_shape_square__nLoa1",initialsBg:"Avatar-module_initialsBg__54pKJ",image:"Avatar-module_image__-oxFc",initials:"Avatar-module_initials__DzwqM"};const ve=({src:e,initials:n,alt:o,size:r="medium",shape:a="circle",className:i="",...l})=>{const s=[ge.avatar,ge[`size_${r}`],ge[`shape_${a}`],!e&&n?ge.initialsBg:"",i].filter(Boolean).join(" ");return t("div",{className:s,...l,children:e?t("img",{src:e,alt:o||n||"avatar",className:ge.image}):t("span",{className:ge.initials,children:n})})};var be="BackgroundGradient-module_container__h-ECQ",ye="BackgroundGradient-module_gradientBlobsImage__HSoZE";const we=({className:e="",mode:n="Light Mode BG",...o})=>t("div",{className:`${be} ${e}`,"data-mode":n,...o,children:t("img",{className:ye,src:`/bg/Mode=${n}.svg`,alt:`${n} Blobs`})});var Ce={badge:"Badge-module_badge__IxlOE",size_small:"Badge-module_size_small__blSq3",size_medium:"Badge-module_size_medium__hlh0Y",size_large:"Badge-module_size_large__EzYlM",type_active:"Badge-module_type_active__CPh-H",type_inactive:"Badge-module_type_inactive__xwWXA",type_default:"Badge-module_type_default__5N9w7"};const xe=({label:e="Badge",type:n="default",size:o="medium",className:r="",children:a,...i})=>{const l=(e=>{if(!e)return"default";const t=e.toLowerCase();return"active"===t?"active":"inactive"===t?"inactive":"default"})(n),s=(e=>{if(!e)return"medium";const t=e.toString().toLowerCase();return"small"===t||"sm"===t?"small":"medium"===t||"md"===t?"medium":"large"===t||"lg"===t?"large":"medium"})(o),c=[Ce.badge,Ce[`type_${l}`],Ce[`size_${s}`],r].filter(Boolean).join(" ");return t("span",{className:c,...i,children:a||e})};function $e(e){const t=o.useRef(e);t.current=e;return o.useCallback((...e)=>t.current?.(...e),[])}function Se(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}const Ee="test"!==process.env.NODE_ENV&&Se()?o.useLayoutEffect:o.useEffect,ke=(e,t)=>{const n=o.useRef(!0);Ee(()=>e(n.current),t),Ee(()=>(n.current=!1,()=>{n.current=!0}),[])};function Ne(e){const t=o.useRef(!1),[n,r]=o.useState(e);return o.useEffect(()=>(t.current=!1,()=>{t.current=!0}),[]),[n,function(e,n){n&&t.current||r(e)}]}function _e(e,t){const[n,o]=i(e),r=void 0!==t?t:n;return ke(e=>{e||o(t)},[t]),[r,o]}var Ie,Pe={exports:{}},Oe={};var De,Re={};
 /**
  * @license React
  * react-is.development.js