1"use strict";(self.webpackChunkplayground_pixazo=self.webpackChunkplayground_pixazo||[]).push([[4410],{44410(e,t,r){r.r(t),r.d(t,{aiplayfilter:()=>o.P});var n=r(96540),a=r(22199),l=r(50116),o=r(65097),i=r(96540);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function c(e){let t=e.searchQuery,r=void 0===t?"":t,c=e.setSearchQuery,u=void 0===c?()=>{}:c;const m=(g=(0,n.useState)(!1),y=2,function(e){if(Array.isArray(e))return e}(g)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,o,i=[],s=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(g,y)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}(g,y)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=m[0],p=m[1],f=(0,n.useContext)(a.h),h=f.filterOption,x=f.setFilterOption,b=f.totalCachedCount,v=o.P.find(e=>e.value===h)||o.P[0],w=r.trim().length>0;var g,y;return i.createElement("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between py-6"},i.createElement("div",{className:"min-w-0"},i.createElement("h1",{className:"text-2xl sm:text-[28px] lg:text-[32px] font-semibold tracking-[-0.02em] text-white leading-[1.1]"},"My Collections"),b>0&&i.createElement("p",{className:"hidden sm:block text-[13px] text-neutral-500 mt-1"},b," ",1===b?"project":"projects")),i.createElement("div",{className:"flex items-center gap-2.5 w-full sm:w-auto sm:pb-0.5"},i.createElement("div",{className:"relative flex-1 sm:flex-none"},i.createElement("span",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-neutral-500 pointer-events-none"},i.createElement(l.CKj,{size:16})),i.createElement("input",{type:"text",value:r,onChange:e=>u(e.target.value),placeholder:"Search name, model, or date","aria-label":"Search projects by name, model, or date",className:"w-full sm:w-[240px] focus:sm:w-[280px] h-10 pl-9 pr-9 rounded-lg bg-white/[0.04] border border-white/[0.08] text-sm text-white placeholder:text-neutral-500 outline-none hover:border-white/[0.14] focus:border-[#D1FE17]/50 transition-[width,border-color] duration-200"}),w&&i.createElement("button",{type:"button",onClick:()=>u(""),"aria-label":"Clear search",className:"absolute right-2 top-1/2 -translate-y-1/2 w-6 h-6 flex items-center justify-center rounded-full text-neutral-500 hover:text-white hover:bg-white/[0.08] transition-colors cursor-pointer"},i.createElement(l.yGN,{size:14}))),i.createElement("div",{className:"relative flex-shrink-0"},i.createElement("button",{onClick:()=>p(!d),className:"inline-flex items-center justify-between gap-2 h-10 px-3.5 min-w-[104px] sm:min-w-[120px] text-sm font-medium text-neutral-200 bg-white/[0.04] border border-white/[0.08] rounded-lg hover:bg-white/[0.07] hover:border-white/[0.14] focus:outline-none focus-visible:ring-2 focus-visible:ring-[#D1FE17]/40 transition-colors duration-200"},i.createElement("span",null,v.name),i.createElement("svg",{className:"w-4 h-4 text-neutral-400 transition-transform duration-200 ".concat(d?"rotate-180":""),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M19 9l-7 7-7-7"}))),d&&i.createElement(i.Fragment,null,i.createElement("div",{className:"fixed inset-0 z-10",onClick:()=>p(!1)}),i.createElement("div",{className:"absolute top-full right-0 min-w-[180px] mt-2 p-1 bg-[#16181a] border border-white/[0.08] rounded-xl shadow-2xl shadow-black/40 backdrop-blur-md z-30"},o.P.map(e=>{const t=h===e.value;return i.createElement("button",{key:e.value,onClick:t=>{t.preventDefault(),t.stopPropagation(),x(e.value),p(!1)},className:"w-full flex items-center justify-between gap-2 px-3 py-2 text-left text-sm font-medium rounded-lg transition-colors duration-150 ".concat(t?"text-[#D1FE17] bg-[#D1FE17]/10":"text-neutral-300 hover:bg-white/[0.06] hover:text-white")},i.createElement("span",null,e.name),t&&i.createElement("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})))}))))))}r.d(t,["default",0,(0,n.memo)(c)])}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.