"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7726,9237],{57726:(e,r,s)=>{s.r(r),s.d(r,{UnifiedIconPicker:()=>m});var a=s(57505),n=s(58289),t=s(39462),l=s(77863),o=s(69237),c=s(16697),d=s(43119),i=s(16220),u=s(50245),b=s(17574),x=s(91355),h=s(96673);let p=Object.keys(i),g=({shouldFocus:e,className:r,onIconSelect:s,onPickerDestroy:n})=>{let[t,l]=(0,u.useState)(""),o=(0,u.useMemo)(()=>{if(!t.trim())return p;let e=t.toLowerCase();return p.filter(r=>r.toLowerCase().includes(e))},[t]);return(0,a.jsxs)("div",{className:(0,c.cn)("w-full flex flex-col p-4 bg-gray-50 dark:bg-gray-900 rounded-b-2xl",r),children:[(0,a.jsx)(x.Q,{children:(0,a.jsx)(b.E5,{wrapClassName:"mb-4",autoFocus:e,onDebouncedChange:e=>{l(e)},onKeyDown:e=>{(0,d.Ay)("esc",e)&&n?.()}})}),(0,a.jsx)("div",{className:"w-full h-[308px] flex flex-wrap content-start overflow-y-auto ab-scrollbars",children:o.map(e=>(0,a.jsx)("div",{className:"h-8 w-8 text-center cursor-pointer rounded-md transition-colors duration-300 flex items-center justify-center hover:bg-gray-200 dark:hover:bg-gray-800",onClick:()=>s(e),children:(0,a.jsx)(h.p,{icon:e})},e))})]})},m=({shouldFocus:e,onIconSelect:r,onPickerDestroy:s,defaultTab:c=l.qt.FONT_AWESOME})=>(0,a.jsxs)(t.t,{selectedTab:l.I5[c],wrapperClassName:"p-2",contentClassName:"rounded-lg border bg-white dark:bg-gray-800 m-2 overflow-hidden",children:[(0,a.jsx)(n.p,{label:l.I5[l.qt.FONT_AWESOME],children:(0,a.jsx)(o.FontAwesomePicker,{shouldFocus:e,onIconSelect:e=>{r({type:l.qt.FONT_AWESOME,value:e})},onPickerDestroy:s,className:"bg-transparent dark:bg-transparent rounded-none"})}),(0,a.jsx)(n.p,{label:l.I5[l.qt.LUCIDE],children:(0,a.jsx)(g,{shouldFocus:e,onIconSelect:e=>{r({type:l.qt.LUCIDE,value:e})},onPickerDestroy:s,className:"bg-transparent dark:bg-transparent rounded-none"})})]})},69237:(e,r,s)=>{s.r(r),s.d(r,{FontAwesomePicker:()=>d});var a=s(57505),n=s(16697),t=s(43119),l=s(50245),o=s(17574),c=s(91355);let d=({shouldFocus:e,className:r,onIconSelect:d,onPickerDestroy:i})=>{let[u,b]=(0,l.useState)(""),[x,h]=(0,l.useState)([]),p=async()=>{h((await s.e(2864).then(s.bind(s,22864))).FA_ICONS)},g=(0,l.useMemo)(()=>u.length?x.filter(e=>e?.includes(u)):x,[x,u]);return(0,l.useEffect)(()=>{p()},[]),(0,a.jsxs)("div",{className:(0,n.cn)("w-full flex flex-col p-4 bg-gray-50 dark:bg-gray-900 rounded-b-2xl",r),children:[(0,a.jsx)(c.Q,{children:(0,a.jsx)(o.E5,{wrapClassName:"mb-4",autoFocus:e,onDebouncedChange:e=>{b(e)},onKeyDown:e=>{(0,t.Ay)("esc",e)&&i?.()}})}),(0,a.jsx)("div",{className:"w-full h-[308px] flex flex-wrap content-start overflow-y-auto ab-scrollbars",children:g.map((e,r)=>(0,a.jsx)("div",{className:"h-8 w-8 p-1 text-center cursor-pointer rounded-md transition-colors duration-300 hover:bg-gray-200 dark:hover:bg-gray-800",onClick:()=>d(e),children:(0,a.jsx)("i",{className:e})},e+r))})]})}}}]);