https://svgr-iconkit.dev/assets/js/913eba1b.d1b83fe3.js

1"use strict";(globalThis.webpackChunkver_2025=globalThis.webpackChunkver_2025||[]).push([[111],{500:(e,r,o)=>{o.r(r),o.d(r,{default:()=>s});o(6540);var a=o(4298),n=o(4287),t=o(4848);function s(){return(0,t.jsx)(a.A,{packageName:"themify-icons",iconsetModule:n})}},3818:(e,r,o)=>{o.d(r,{nf:()=>s,MF:()=>a,T0:()=>t,YA:()=>n,wd:()=>i});const a="@svgr-iconkit/",n="/explorer/",t=40,s=JSON.parse('[{"packageName":"fontawesome5","name":"FontAwesome5 Free","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Font Awesome","package":"@fortawesome/fontawesome-free","version":"5.15.4","url":"https://www.npmjs.com/package/@fortawesome/fontawesome-free"}},{"packageName":"fontawesome","name":"FontAwesome Free","coreVersion":"0.3.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Font Awesome","package":"@fortawesome/fontawesome-free","version":"7.1.0","url":"https://www.npmjs.com/package/@fortawesome/fontawesome-free"}},{"packageName":"fontawesome-brands","name":"FontAwesome Free - Brands","coreVersion":"0.3.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Font Awesome","package":"@fortawesome/fontawesome-free","version":"7.1.0","url":"https://www.npmjs.com/package/@fortawesome/fontawesome-free"}},{"packageName":"fluentui-system","name":"Fluent UI System Icons","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Microsoft","package":"@fluentui/svg-icons","version":"1.1.313","url":"https://github.com/microsoft/fluentui-system-icons.git"}},{"packageName":"feather","name":"Feather","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":true},"originalAuthor":{"name":"Feather by Cole Bemis & Contributors","package":"feather-icons","version":"4.29.2","url":"https://feathericons.com"}},{"packageName":"foundation","name":"Foundation","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"ZURB, Inc","url":"https://zurb.com/playground/foundation-icon-fonts-3"}},{"packageName":"ant-design","name":"Ant Design Icons","coreVersion":"0.2.0","license":"MIT","meta":{"defaultVariant":"filled","colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Ant Design Icons","package":"@ant-design/icons-svg","version":"4.4.2","url":"https://npmjs.com/package/@ant-design/icons"}},{"packageName":"entypo","name":"Entypo","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Daniel Bruce & Contributors","package":"@entypo-icons/core","version":"1.0.1","url":"https://github.com/geakstr/entypo-icons"}},{"packageName":"ionicons","name":"Ionicons","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"ionicons by Ionic framework","package":"ionicons","version":"8.0.13","url":"https://ionic.io/ionicons"}},{"packageName":"octicons","name":"Octicons","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Primer","package":"@primer/octicons","version":"19.20.0","url":"https://primer.style/octicons/"}},{"packageName":"material-community","name":"Material Design Community","coreVersion":"0.2.0","license":"Apache-2.0","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"materialdesignicons.com","version":"7.4.47","package":"@mdi/svg","url":"https://materialdesignicons.com/"}},{"packageName":"material-design","name":"Material Design Icons","coreVersion":"0.2.0","license":"Apache-2.0","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Google","version":"4.0","url":"https://github.com/google/material-design-icons"}},{"packageName":"bootstrap","name":"Bootstrap Icons","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Bootstrap Icons","package":"bootstrap-icons","version":"1.13.1","url":"https://icons.getbootstrap.com/"}},{"packageName":"css-gg","name":"css.gg","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"css.gg","package":"css.gg","version":"2.1.4","url":"https://css.gg/"}},{"packageName":"heroicons","name":"heroicons","coreVersion":"0.2.0","license":"MIT","meta":{"defaultVariant":"solid","colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"heroicons","package":"heroicons","version":"2.2.0","url":"https://npmjs.com/package/heroicons"}},{"packageName":"simple-icons","name":"Simple Icons","coreVersion":"0.2.0","license":"CC0-1.0","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Simple Icons","package":"simple-icons","version":"15.20.0","url":"https://simpleicons.org"}},{"packageName":"typicons","name":"Typicons","coreVersion":"0.2.0","license":"CC-BY-SA","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Typicons","package":"typicons.font","ver

1sion":"2.1.2","url":"https://www.s-ings.com/typicons"}},{"packageName":"flag-icons","name":"Flag Icons","coreVersion":"0.3.0","license":"MIT","meta":{"colorize":false,"hasStrokeStyle":false},"originalAuthor":{"name":"flag-icons","package":"flag-icons","version":"7.5.0","url":"https://flagicons.lipis.dev/"}},{"packageName":"fontisto","name":"Fontisto","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Fontisto by Kenan G\xfcndo\u011fan","url":"http://fontisto.com"}},{"packageName":"flat-color-icons","name":"Flat Color Icons","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":false,"hasStrokeStyle":false},"originalAuthor":{"name":"Icons8 Flat Color Icons","package":"flat-color-icons","version":"1.1.0","url":"https://github.com/icons8/flat-color-icons"}},{"packageName":"tabler-icons","name":"Tabler Icons","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":true},"originalAuthor":{"name":"tabler-icons","package":"@tabler/icons","version":"3.35.0","url":"https://tabler-icons.io/"}},{"packageName":"xnix","name":"Xnix","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Akshay Syal","url":"https://syaluiux.gumroad.com/l/Xnix500"}},{"packageName":"themify-icons","name":"Themify Icons","coreVersion":"0.2.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Themify Icons","url":"https://themify.me/themify-icons"}},{"packageName":"weather-icons","name":"weather-icons","coreVersion":"0.3.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"weather-icons","url":"https://erikflowers.github.io/weather-icons"}},{"packageName":"simple-line-icons","name":"Simple Line Icons","coreVersion":"0.3.0","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Simple Line Icons","package":"simple-line-icons","version":"2.5.5","url":"https://simplelineicons.github.io/"}},{"packageName":"evil-icons","name":"Evil Icons","coreVersion":"0.3.2","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Evil Icons","package":"evil-icons","version":"1.10.1","url":"https://evil-icons.io/"}},{"packageName":"remixicon","name":"Remix Icons","coreVersion":"0.3.2","license":"Apache 2.0","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"Remix Icons","package":"remixicon","version":"4.7.0","url":"https://remixicon.com/"}},{"packageName":"primeicons","name":"primeicons","coreVersion":"0.3.2","license":"MIT","meta":{"colorize":true,"hasStrokeStyle":false},"originalAuthor":{"name":"primeicons","package":"primeicons","version":"7.0.0","url":"https://github.com/primefaces/primeicons/"}}]'),i=s.map(e=>({packageName:e.packageName,name:e.name,meta:e.meta})).sort((e,r)=>String(e.name).localeCompare(r.name))},4298:(e,r,o)=>{o.d(r,{A:()=>E});var a=o(6540),n=o(1656),t=o(8478),s=o(8774),i=o(8814),l=o(2500),c=o(8760),m=o(3818),d=o(5332),h=o(4848);

1const g=({active:e,onChange:r})=>((0,a.useEffect)(()=>{if(!e)return;const o=()=>{r(!1)};return window.addEventListener("click",o),()=>{window.removeEventListener("click",o)}},[e,r]),(0,h.jsx)("button",{onClick:()=>{r&&r(!0)},className:"fixed border-none py-3 right-0 top-20 w-[50px] h-[50px] z-[2] flex items-center justify-center rounded-tl-md rounded-bl-md border-l border-t border-b bg-[var(--ifm-navbar-background-color)] border-[var(--ifm-navbar-border-color)] shadow-[var(--ifm-navbar-shadow)] lg:hidden",children:(0,h.jsx)(i.In,{content:d.A,size:"24px"})}));var p=o(4164);function u({children:e,packageName:r}){const[o,n]=(0,a.useState)(!1),d=(0,a.useRef)(null);return(0,a.useEffect)(()=>{const e=setTimeout(()=>{d.current&&d.current.scrollIntoView({behavior:"auto",block:"nearest"})},100);return()=>clearTimeout(e)},[r]),(0,h.jsxs)("div",{className:"flex flex-row max-w-screen",children:[(0,h.jsxs)("aside",{children:[(0,h.jsx)("div",{className:"fixed w-screen h-screen z-[-1] bg-black/80 left-[-200vw] top-0 transition-opacity duration-250 ease-out lg:hidden "+(o?"left-0 z-[8] opacity-100":""),onClick:()=>{n(!1)}}),(0,h.jsx)(t.A,{fallback:(0,h.jsx)("div",{}),children:()=>(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("nav",{"data-show-menu":o,className:(0,p.A)({"w-[280px] fixed top-0 left-[100vw] border-l border-gray-200 lg:border-l-0 lg:border-r lg:left-0 pt-0 h-screen z-[10] transition-transform duration-250 ease-out lg:bg-transparent lg:w-[var(--doc-sidebar-width)] lg:sticky lg:h-full lg:z-0 lg:transition-none lg:max-h-screen lg:translate-x-0":!0,"translate-x-[-280px]":o}),children:(0,h.jsxs)("div",{className:"bg-[var(--ifm-navbar-background-color)] overflow-auto pb-[env(safe-area-inset-bottom)] h-full lg:border-r lg:border-[var(--ifm-toc-border-color)]",children:[(0,h.jsx)("div",{className:"pt-3 px-3",children:(0,h.jsx)("h3",{className:"text-lg font-semibold",children:"Icons Explorer"})}),(0,h.jsx)("div",{className:"p-2 flex flex-col",children:m.wd.map(({packageName:e,name:o,meta:{colorize:a,hasStrokeStyle:n}})=>{const t=r===e;return(0,h.jsx)("div",{ref:t?d:null,children:(0,h.jsxs)(s.A,{to:`${m.YA}${e}`,className:"flex pointer items-center justify-between px-2 py-2 lg:py-0.5 rounded-md my-0.5 no-underline cursor-pointer "+(t?"text-white bg-[var(--ifm-color-primary)] hover:text-white hover:no-underline":"text-[var(--ifm-color-primary)] hover:underline"),children:[(0,h.jsx)("span",{children:o}),(0,h.jsxs)("span",{className:"flex items-center justify-center",children:[a&&(0,h.jsx)(i.In,{size:18,content:l.A}),n&&(0,h.jsx)(i.In,{size:18,content:c.A})]})]})},e)})})]})}),(0,h.jsx)(g,{active:o,onChange:()=>n(!0)})]})})]}),(0,h.jsx)("main",{className:"min-h-[80vh] flex-1 p-3",children:e})]})}var x=o(7989);function f({size:e=50}){return(0,h.jsx)("div",{className:"animate-spin",children:(0,h.jsx)(i.In,{size:e,content:x.A})})}function b({isProcessing:e=!1,children:r}){return(0,h.jsxs)("div",{className:"relative min-h-[50vh]",children:[e&&(0,h.jsx)("div",{className:"fixed left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] z-10",children:(0,h.jsx)(f,{})}),r]})}var k=o(1189),v=o(726),y=o(8852);function j({children:e,content:r,isOpen:o=!1,onClose:a,className:n=""}){return(0,h.jsxs)("div",{className:`relative ${n}`,children:[e,o&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:"fixed w-full h-full inset-0 left-0 top-0 right-0 bottom-0 z-[11]",style:{backgroundColor:"rgba(0, 0, 0, 0.0)"},onClick:a}),(0,h.jsx)("div",{className:"absolute z-[12]",children:r})]})]})}function N({min:e=0,max:r=100,step:o=1,value:a,onChange:n,className:t="",...s}){return(0,h.jsx)("input",{type:"range",min:e,max:r,step:o,value:a,onChange:n,className:`w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700 ${t}`,style:{background:`linear-gradient(to right, var(--ifm-color-primary) 0%, var(--ifm-color-primary) ${((a||0)-e)/(r-e)*100}%, #e5e7eb ${((a||0)-e)/(r-e)*100}%, #e5e7eb 100%)`},...s})}function S({variantNames:e=[],currentVariant:r="",onChangeVariant:o,iconColor:n="#0693E3",onChangeIconColor:t,iconSize:s=24,onChangeIconSize:l,iconStrokeWidth:c=2,onChangeIconStrokeWidth:m,iconCustomStroke:d="Yes",onChangeIconCustomStroke:g,keyword:p="",onCh

1angeKeyword:u,meta:x={colorize:!0,hasStrokeStyle:!1}}){const[f,b]=(0,a.useState)(!1),[S,w]=(0,a.useState)(!1);return(0,h.jsxs)("div",{className:"fixed left-[100vw] z-[7] top-0 w-[280px] transition-transform duration-250 ease-in-out lg:w-[340px] xl:sticky xl:left-auto xl:top-20 xl:w-auto "+(f?"translate-x-[-240px] lg:translate-x-[-320px] xl:translate-x-0":""),children:[(0,h.jsx)("button",{onClick:()=>b(e=>!e),className:"absolute border-none left-[-50px] py-3 w-[50px] h-[50px] top-[150px] lg:top-[250px] xl:hidden flex items-center justify-center rounded-tl-md rounded-bl-md border-solid border-l border-t border-b bg-[var(--ifm-navbar-background-color)] border-[var(--ifm-navbar-border-color)] shadow-[var(--ifm-navbar-shadow)]",children:(0,h.jsx)(i.In,{content:k.A,size:"24"})}),(0,h.jsx)("div",{className:"absolute top-[100px] left-0 bg-[var(--ifm-navbar-background-color)] p-2 lg:p-[18px] xl:relative xl:top-auto xl:left-auto xl:w-auto xl:bg-transparent xl:p-0 rounded-tl-lg rounded-bl-lg border-l border-t border-b border-r-0 mr-5 xl:border-none xl:rounded-none xl:shadow-none shadow-[var(--ifm-navbar-shadow)]",children:(0,h.jsx)("form",{children:(0,h.jsxs)("div",{className:"p-2",children:[e&&e.length>0&&(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Variants"}),(0,h.jsx)("div",{className:"flex gap-1",children:e.map(e=>(0,h.jsx)("button",{"data-testid":"iconset-variant-button","data-variant-name":e,type:"button",onClick:()=>o&&o(e),className:"px-3 py-1 text-sm border rounded "+(r===e?"bg-[var(--ifm-color-primary)] text-white":"bg-gray-200 dark:bg-gray-700 text-gray-800 dark:text-gray-200"),children:e},e))})]}),(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Keyword"}),(0,h.jsx)("div",{className:"my-1",children:(0,h.jsx)("input",{type:"text",value:p,placeholder:"Search icons...",onChange:e=>{u&&u(e.target.value)},className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md "})})]}),(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Size"}),(0,h.jsxs)("div",{className:"flex items-center my-1",children:[(0,h.jsx)(N,{min:8,max:128,value:s,onChange:e=>{l&&l(Number(e.target.value))},className:"flex-1"}),(0,h.jsx)("span",{className:"text-center w-12",children:s})]})]}),x.hasStrokeStyle&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Use Custom Stroke"}),(0,h.jsx)("div",{className:"flex gap-1",children:["Yes","No"].map(e=>(0,h.jsx)("button",{type:"button","data-testid":"iconset-variant-button","data-variant-name":e,onClick:()=>g&&g(e),className:"px-3 py-1 text-sm border rounded "+(d===e?"bg-[var(--ifm-color-primary)] text-white":"bg-gray-200 dark:bg-gray-700 text-gray-800 dark:text-gray-200"),children:e},e))})]}),(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Stroke Width"}),(0,h.jsxs)("div",{className:"flex items-center my-1",children:[(0,h.jsx)(N,{min:.1,max:3,step:.01,value:c,onChange:e=>{m&&m(Number(e.target.value))},className:"flex-1"}),(0,h.jsx)("span",{className:"text-center w-12",children:c})]})]})]}),x.colorize&&(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Color"}),(0,h.jsx)(j,{isOpen:S,onClose:()=>w(!1),content:(0,h.jsx)(y.xk,{color:n,onChangeComplete:e=>{t&&t(e.hex)}}),children:(0,h.jsxs)("div",{className:"flex my-1",children:[(0,h.jsx)("button",{type:"button",onClick:()=>w(!0),style:{backgroundColor:n,padding:"0rem 0.5rem",borderTopLeftRadius:"10px",borderBottomLeftRadius:"10px"},className:"flex items-center justify-center border",children:(0,h.jsx)(i.In,{content:v.A,size:24,color:"white"})}),(0,h.jsx)("input",{type:"text",onClick:()=>w(!0),value:n,onChange:e=>t&&t(e.target.value),className:"flex-1 px-3 py-2 border border-solid border-gray-300 dark:border-gray-600 rounded-tr-md rounded-br-md"})]})})]})]})})})]})}class w extends a.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0}}componentDidCatch(e,r){console.warn(e,r)}render(){return this.state.hasError?(0,h.jsx)("p",{children:"Something went wrong."}):this.props.children}}function I({iconsetInfo:e,matchedIconNames:r,variantName:o="regular",iconSize:n=24,iconColor:t,iconStrokeWidth:s=2,iconCustomStroke:i=!0,maxIconsShown:l=40,pageSize:c=40,onShowMore:m}){const[d,g]=(0,a.useState)(null);if(!e)return null;const{Iconset:p}=e||{},u={};

1n&&(u.size=n),t&&(u.color=t),i&&s&&(u.strokeWidth=s);const x=async e=>{try{await navigator.clipboard.writeText(e),g(e),setTimeout(()=>{g(null)},500)}catch(r){console.error("Failed to copy icon name:",r)}};return(0,h.jsxs)("div",{style:{color:t||void 0},children:[(0,h.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-1 py-3 my-2",style:{"--icon-size":`${n}px`,"--icon-stroke-width":i&&s?`${s}px`:void 0},children:r.slice(0,l).map(e=>(0,h.jsxs)("div",{className:"rounded-md m-1 p-1 flex flex-col border border-gray-200 dark:border-gray-700 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors relative",tabIndex:0,role:"button",onClick:()=>x(e),onKeyDown:r=>{"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),x(e))},children:[(0,h.jsx)(w,{children:(0,h.jsxs)("div",{className:"w-full flex justify-center items-center bg-repeat relative",style:{minWidth:`${Number(n)+10}px`,minHeight:`${Number(n)+10}px`,backgroundImage:"url('/img/explorer-bg.png')"},children:[d===e&&(0,h.jsx)("div",{className:"absolute inset-0 flex items-center justify-center z-10 pointer-events-none",children:(0,h.jsx)("div",{className:"p-5 rounded-lg shadow-lg animate-fade-in-out text-sm font-medium",style:{backgroundColor:"rgba(255, 255, 255, 0.8)",color:"#111827",fontWeight:"bold"},children:"Icon name copied"})}),p&&(0,h.jsx)(p,{variant:o,name:e,...u})]})}),(0,h.jsx)("div",{className:"w-full flex justify-center",children:(0,h.jsx)("p",{className:"text-center text-sm text-gray-800 dark:text-white",children:(0,h.jsx)("small",{children:e})})})]},`${o}-${e}`))}),r.length>0&&r.length>l&&l<(e.iconNames?.length||0)&&(0,h.jsx)("div",{className:"flex justify-center",children:(0,h.jsxs)("button",{className:"px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800",onClick:()=>m(),children:["Show more ",c," icons"]})})]})}var C=o(2896);const z="object"==typeof window?window:{localStorage:{getItem:()=>null,setItem:()=>{}}};function A(...e){return e.map(e=>function(e){return z.localStorage.getItem(e)}(e))}function T(e,r){z.localStorage.setItem(e,r)}function V({iconsetInfo:e}){const{name:r,packageName:o,originalAuthor:a,license:n,coreVersion:t="0.1.20",iconNames:s=[]}=e||{};if(!o)return null;const l=((c=o)||console.error("Unexpected"),String(c).startsWith(m.MF)?c:m.MF+c);var c;return(0,h.jsxs)("div",{className:"m-2",children:[(0,h.jsxs)("div",{children:[(0,h.jsx)("h2",{className:"text-2xl font-bold mb-2",children:r}),(0,h.jsx)("div",{className:"my-1 flex items-center",children:(0,h.jsxs)("a",{"data-testid":"package-npm-link",href:`https://npmjs.com/package/${l}`,title:"Open in npmjs.com",target:"_blank",rel:"noopener noreferrer",children:[(0,h.jsx)("img",{src:`https://img.shields.io/npm/v/${l}?label=${l}&style=flat-square`,alt:`Latest version of ${l}`})," ",(0,h.jsx)("img",{src:`https://img.shields.io/npm/dm/${l}?logo=npm&label=&style=flat-square`,alt:""})]})})]}),(0,h.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-4",children:[!!a&&(0,h.jsx)("div",{className:"md:col-span-1 lg:col-span-2",children:(0,h.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Creator"}),(0,h.jsx)("div",{children:(0,h.jsxs)("a",{href:a.url,"data-testid":"creator-link",target:"_blank",rel:"noopener noreferrer",className:"flex items-center text-[var(--ifm-color-primary)] hover:underline",children:[(0,h.jsx)("span",{className:"mr-1",children:a.name}),(0,h.jsx)(i.In,{content:C.A,size:12})]})}),!!a.package&&(0,h.jsxs)("div",{children:[(0,h.jsx)("a",{"data-testid":"package-author-npm-link",href:`https://npmjs.com/package/${a.package}`,target:"_blank",rel:"noopener noreferrer",className:"mr-1 text-xs text-[var(--ifm-color-primary)] hover:underline",children:a.package}),(0,h.jsx)("span",{className:"text-xs px-1.5 py-0.5 text-white bg-gray-500 dark:bg-gray-700 rounded",children:a.version})]})]})}),(0,h.jsx)("div",{className:"md:col-span-1 lg:col-span-1",children:(0,h.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"License"}),(0,h.jsx)("p",{children:n})]}),(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Required core version"}),(0,h.jsx)("span",{className:"text-xs px-1.5 py-0.5 bg-gray-500 dark:bg-gray-700 text-white  rounded",children:t})]}),(0,h.jsxs)("div",{children:[(0,h.jsx)("label",{className:"block font-bold text-xs mt-1 mb-1",children:"Total icons"}),(0,h.jsx)("p",{children:s.length})]})]})})]})]})}const M=(0,a.memo)(function(e){const{iconsetInfo:r,loading:o}=e,[n,t,s,i,l]=A("ExplorerSize","ExplorerColor","ExplorerKeyword","ExplorerStrokeWidth","ExplorerCustomStroke"),[c,d]=(0,a.useState)(s||""),[g,p]=(0,a.useState)(n?Number(n):24),[u,x]=(0,a.useState)(i?Number(i):2),[f,k]=(0,a.useState)(l||"Yes"),[v,y]=(0,a.useState)(t||"#0693E3"),[j,N]=(0,a.useState)("styled"),[w,C]=(0,a.useState)(m.T0),[z,M]=(0,a.useState)(r?.defaultVariant||"regular"),{iconNames:E=[],colorize:F=!0}=r||{},$=!!c&&"string"==typeof c&&c.length>0,W=$?E.filter(e=>e.includes(c)):E;return(0,a.useEffect)(()=>{T("ExplorerSize",String(g)),T("ExplorerColor",v),T("ExplorerKeyword",c),T("ExplorerStrokeWidth",String(u)),T("ExplorerCustomStroke",f)},[g,v,c,u,f]),(0,h.jsx)(h.Fragment,{children:(0,h.jsxs)("div",{className:"grid grid-cols-1 xl:grid-cols-12 gap-4",children:[(0,h.jsxs)("div",{className:"xl:col-span-8 z-0",children:[(0,h.jsx)(V,{iconsetInfo:r,iconSize:g,iconColor:v}),(0,h.jsxs)("div",{className:"",children:[$&&(0,h.jsx)("div",{className:"bg-gray-100 dark:bg-gray-800 p-2 m-2 roun

1ded",children:(0,h.jsxs)("span",{children:[W.length," icon(s) matched by given keyword."]})}),(0,h.jsx)(b,{isProcessing:o||!1,children:(0,h.jsx)(I,{pageSize:m.T0,variantName:z,keyword:c,iconSize:g,iconColor:v,iconStrokeWidth:u,iconCustomStroke:"Yes"===f,iconsetInfo:r,renderingType:j,matchedIconNames:W,maxIconsShown:w,isSearchMode:$,onShowMore:()=>C(w+m.T0)})})]})]}),(0,h.jsx)("div",{className:"xl:col-span-3 z-[2]",children:(0,h.jsx)(S,{variantNames:r?.variantNames,meta:r?.meta,currentVariant:z,onChangeVariant:M,iconColor:v,onChangeIconColor:y,iconStrokeWidth:u,onChangeIconStrokeWidth:x,iconCustomStroke:f,onChangeIconCustomStroke:k,iconSize:g,onChangeIconSize:p,keyword:c,onChangeKeyword:e=>{d(e),C(m.T0)},renderingType:j,onChangeRenderingType:N})})]})})});function E({packageName:e,iconsetModule:r}){const[o,t]=(0,a.useState)(),s=m.nf.findIndex(r=>r.packageName===e);return(0,a.useEffect)(()=>{setTimeout(()=>{t(m.nf[s])},10)},[s]),(0,h.jsx)(n.A,{title:o?`Icons Explorer - ${o.name}`:"Icons Explorer",description:"List all icons from different packages",children:(0,h.jsx)(u,{packageName:e,children:!!o&&(0,h.jsx)(M,{iconsetInfo:{...o,...r},currentIconsetIndex:s})})})}}}]);