UNPKG

@lifeforge/ui

Version:

LifeForge UI component library

2 lines 121 kB
"use strict";var hl=Object.create;var Et=Object.defineProperty,xl=Object.defineProperties,vl=Object.getOwnPropertyDescriptor,kl=Object.getOwnPropertyDescriptors,Il=Object.getOwnPropertyNames,Kt=Object.getOwnPropertySymbols,yl=Object.getPrototypeOf,Yo=Object.prototype.hasOwnProperty,Xr=Object.prototype.propertyIsEnumerable;var Yr=(e,t,r)=>t in e?Et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))Yo.call(t,r)&&Yr(e,r,t[r]);if(Kt)for(var r of Kt(t))Xr.call(t,r)&&Yr(e,r,t[r]);return e},S=(e,t)=>xl(e,kl(t));var Gt=(e,t)=>{var r={};for(var o in e)Yo.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Kt)for(var o of Kt(e))t.indexOf(o)<0&&Xr.call(e,o)&&(r[o]=e[o]);return r};var Cl=(e,t)=>{for(var r in t)Et(e,r,{get:t[r],enumerable:!0})},Jr=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Il(t))!Yo.call(e,n)&&n!==r&&Et(e,n,{get:()=>t[n],enumerable:!(o=vl(t,n))||o.enumerable});return e};var b=(e,t,r)=>(r=e!=null?hl(yl(e)):{},Jr(t||!e||!e.__esModule?Et(r,"default",{value:e,enumerable:!0}):r,e)),wl=e=>Jr(Et({},"__esModule",{value:!0}),e);var R=(e,t,r)=>new Promise((o,n)=>{var a=i=>{try{s(r.next(i))}catch(l){n(l)}},c=i=>{try{s(r.throw(i))}catch(l){n(l)}},s=i=>i.done?o(i.value):Promise.resolve(i.value).then(a,c);s((r=r.apply(e,t)).next())});var $d={};Cl($d,{Button:()=>g,Checkbox:()=>fn,ColorInput:()=>so,ColorPickerModal:()=>No,ConfigColumn:()=>Ua,ContentWrapperWithSidebar:()=>nl,CurrencyInput:()=>Ia,DashboardItem:()=>ei,DateInput:()=>uo,DeleteConfirmationModal:()=>Oi,DnDContainer:()=>Po,EmptyStateScreen:()=>Pe,ErrorScreen:()=>Ct,FAB:()=>gn,FormModal:()=>Mi,GoBackButton:()=>kt,HamburgerMenu:()=>eo,HamburgerMenuSelectorWrapper:()=>Cn,HeaderFilter:()=>Da,IconInput:()=>ao,IconPickerModal:()=>So,ImageAndFileInput:()=>lo,ImagePickerModal:()=>wo,InputIcon:()=>E,InputLabel:()=>_,InputWrapper:()=>D,LayoutWithSidebar:()=>il,LifeforgeUIProvider:()=>_l,ListboxNullOption:()=>yo,ListboxOrComboboxInput:()=>ie,ListboxOrComboboxOption:()=>le,ListboxOrComboboxOptions:()=>_t,LoadingScreen:()=>Te,LocationInput:()=>ko,MenuItem:()=>Sn,ModalHeader:()=>O,ModalWrapper:()=>F,ModuleHeader:()=>ml,ModuleWrapper:()=>ll,NotFoundScreen:()=>Ea,Pagination:()=>zt,PreviewContainer:()=>Ro,QRCodeScanner:()=>To,QueryWrapper:()=>bo,Scrollbar:()=>ke,SearchInput:()=>pe,SidebarDivider:()=>ol,SidebarItem:()=>Js,SidebarTitle:()=>el,SidebarWrapper:()=>Fs,Switch:()=>vt,Tabs:()=>xo,TagsInput:()=>Ta,TextAreaInput:()=>It,TextInput:()=>Ve,Tooltip:()=>lt,ViewModeSelector:()=>Ya,useLifeforgeUIContext:()=>L});module.exports=wl($d);var j0=require("react-date-picker/dist/DatePicker.css"),eh=require("react-datetime-picker/dist/DateTimePicker.css");var ln=require("@iconify/react"),cn=b(require("clsx")),Jt=b(require("lodash")),xt=require("react"),dn=require("react-i18next");var Nl={red:"rgb(244, 67, 54)",pink:"rgb(233, 30, 99)",purple:"rgb(156, 39, 176)",deepPurple:"rgb(103, 58, 183)",indigo:"rgb(63, 81, 181)",blue:"rgb(33, 150, 243)",lightBlue:"rgb(3, 169, 244)",cyan:"rgb(0, 188, 212)",teal:"rgb(0, 150, 136)",green:"rgb(76, 175, 80)",lightGreen:"rgb(139, 195, 74)",lime:"rgb(205, 220, 57)",yellow:"rgb(255, 235, 59)",amber:"rgb(255, 193, 7)",orange:"rgb(255, 152, 0)",deepOrange:"rgb(255, 87, 34)",brown:"rgb(121, 85, 72)",grey:"rgb(158, 158, 158)"},Zr=Nl;var nn=b(require("lodash")),qe=require("react");var jr=b(require("javascript-color-gradient"));function Sl(e){return e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(t,r,o,n)=>"#"+r+r+o+o+n+n).substring(1).match(/.{2}/g).map(t=>parseInt(t,16))}function Tl(e,t,r){e/=255,t/=255,r/=255;let o=Math.max(e,t,r),n=Math.min(e,t,r),a,c,s=(o+n)/2;if(o===n)a=c=0;else{let i=o-n;switch(c=s>.5?i/(2-o-n):i/(o+n),o){case e:a=(t-r)/i+(t<r?6:0);break;case t:a=(r-e)/i+2;break;case r:a=(e-t)/i+4;break}a!==void 0&&(a/=6)}return[a!=null?a:0,c,s]}function Pl(e,t,r){let o,n,a;if(t===0)o=n=a=r;else{let s=function(d,u,m){return m<0&&(m+=1),m>1&&(m-=1),m<1/6?d+(u-d)*6*m:m<1/2?u:m<2/3?d+(u-d)*(2/3-m)*6:d};var c=s;let i=r<.5?r*(1+t):r+t-r*t,l=2*r-i;o=s(l,i,e+1/3),n=s(l,i,e),a=s(l,i,e-1/3)}return[o*255,n*255,a*255]}function Yt(e,t,r){return"#"+[e,t,r].map(o=>{let n=Math.floor(o).toString(16);return n.length===1?"0"+n:n}).join("")}var Xo=(e,t)=>[e[0]*t[0]+e[1]*t[1]+e[2]*t[2],e[3]*t[0]+e[4]*t[1]+e[5]*t[2],e[6]*t[0]+e[7]*t[1]+e[8]*t[2]],Rl=([e,t,r])=>[e,isNaN(r)?0:t*Math.cos(r*Math.PI/180),isNaN(r)?0:t*Math.sin(r*Math.PI/180)],Fl=e=>e.map(t=>Math.abs(t)>.0031308?(t<0?-1:1)*(1.055*Math.abs(t)**(1/2.4)-.055):12.92*t),Ml=e=>{let r=Xo([1,.3963377773761749,.2158037573099136,1,-.1055613458156586,-.0638541728258133,1,-.0894841775298119,-1.2914855480194092],e).map(o=>o**3);return Xo([1.2268798758459243,-.5578149944602171,.2813910456659647,-.0405757452148008,1.112286803280317,-.0717110580655164,-.0763729366746601,-.4214933324022432,1.5869240198367816],r)},Ll=e=>Xo([3.2409699419045226,-1.537383177570094,-.4986107602930034,-.9692436362808796,1.8759675015077202,.04155505740717559,.05563007969699366,-.20397695888897652,1.0569715142428786],e),El=e=>Fl(Ll(Ml(Rl(e))));function en(e){let t=e.match(/\(([^)]+)\)/)[1],[r,o,n]=t.split(" ").map(c=>parseFloat(c)),a=El([r,o,n]).map(c=>Math.max(0,Math.min(1,c)));return Yt(Math.round(a[0]*255),Math.round(a[1]*255),Math.round(a[2]*255))}function tn(e,t,r){let o=e;if(t==="bg"){let[c,s,i]=Sl(e),[l,d,u]=Tl(c,s,i);u=r==="dark"?.4:.7;let[m,f,p]=Pl(l,d,u);o=Yt(m,f,p)}let n=new jr.default().setColorGradient("#FFFFFF",o,"#000000").setMidpoint(14).getColors().slice(1,-1);return[50,100,200,300,400,500,600,700,800,900,950].reduce((c,s,i)=>(c[s]=n[i],c),{})}var Xt=require("react");var rn=require("react/jsx-runtime"),on=(0,Xt.createContext)(void 0),_l=({children:e,personalization:t})=>(0,rn.jsx)(on.Provider,{value:C({apiHost:"",theme:"dark",themeColor:"lime",bgTemp:"zinc",bgImage:"",setTheme:()=>{},setThemeColor:()=>{},setBgTemp:()=>{},setBgImage:()=>{},language:"en",toggleSidebar:()=>{},sidebarExpanded:!0},t),children:e}),L=()=>{let e=(0,Xt.useContext)(on);if(e===void 0)throw new Error("useLifeforgeUIContext must be used within a LifeforgeUIProvider");return e};var Ol={slate:{50:"rgb(248, 250, 252)",100:"rgb(241, 245, 249)",200:"rgb(226, 232, 240)",300:"rgb(203, 213, 225)",400:"rgb(148, 163, 184)",500:"rgb(100, 116, 139)",600:"rgb(71, 85, 105)",700:"rgb(51, 65, 85)",800:"rgb(30, 41, 59)",900:"rgb(15, 23, 42)",950:"rgb(2, 6, 23)"},gray:{50:"rgb(249, 250, 251)",100:"rgb(243, 244, 246)",200:"rgb(229, 231, 235)",300:"rgb(209, 213, 219)",400:"rgb(156, 163, 175)",500:"rgb(107, 114, 128)",600:"rgb(75, 85, 99)",700:"rgb(55, 65, 81)",800:"rgb(31, 41, 55)",900:"rgb(17, 24, 39)",950:"rgb(3, 7, 18)"},zinc:{50:"rgb(250, 250, 250)",100:"rgb(244, 244, 245)",200:"rgb(228, 228, 231)",300:"rgb(212, 212, 216)",400:"rgb(161, 161, 170)",500:"rgb(113, 113, 122)",600:"rgb(82, 82, 91)",700:"rgb(63, 63, 70)",800:"rgb(39, 39, 42)",900:"rgb(24, 24, 27)",950:"rgb(9, 9, 11)"},neutral:{50:"rgb(250, 250, 250)",100:"rgb(245, 245, 245)",200:"rgb(229, 229, 229)",300:"rgb(212, 212, 212)",400:"rgb(163, 163, 163)",500:"rgb(115, 115, 115)",600:"rgb(82, 82, 82)",700:"rgb(64, 64, 64)",800:"rgb(38, 38, 38)",900:"rgb(23, 23, 23)",950:"rgb(10, 10, 10)"},stone:{50:"rgb(250, 250, 249)",100:"rgb(245, 245, 244)",200:"rgb(231, 229, 228)",300:"rgb(214, 211, 209)",400:"rgb(168, 162, 158)",500:"rgb(120, 113, 108)",600:"rgb(87, 83, 78)",700:"rgb(68, 64, 60)",800:"rgb(41, 37, 36)",900:"rgb(28, 25, 23)",950:"rgb(12, 10, 9)"}};function A(){let{theme:e,bgImage:t,themeColor:r,bgTemp:o}=L(),n=(0,qe.useMemo)(()=>r.startsWith("#")?r:Zr[nn.default.camelCase(r.replace("theme-","").replace(/-/g," "))],[r]),a=(0,qe.useMemo)(()=>o.startsWith("#")?tn(o,"bg",e==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e):Ol[o.replace("bg-","")],[o]),c=(0,qe.useMemo)(()=>t!==""?"bg-bg-50/50 backdrop-blur-xs dark:bg-bg-900/50":"bg-bg-50 dark:bg-bg-900",[t]),s=(0,qe.useMemo)(()=>t!==""?"bg-bg-50/50 backdrop-blur-xs dark:bg-bg-900/50 hover:bg-bg-100/50 dark:hover:bg-bg-800/50 transition-all":"bg-bg-50 dark:bg-bg-900 dark:hover:bg-bg-800/70 hover:bg-bg-100 transition-all",[t]),i=(0,qe.useMemo)(()=>t!==""?"bg-bg-100/50 dark:bg-bg-800/50":"bg-bg-100 dark:bg-bg-800/50",[t]),l=(0,qe.useMemo)(()=>t!==""?"bg-bg-100/50 dark:bg-bg-800/50 hover:bg-bg-200/50 dark:hover:bg-bg-700/50 transition-all":"bg-bg-100/50 dark:bg-bg-800/50 dark:hover:bg-bg-800/80 hover:bg-bg-200/50 transition-all",[t]),d=(0,qe.useMemo)(()=>t!==""?"bg-bg-50/50 backdrop-blur-xs dark:bg-bg-800/50 hover:bg-bg-200/50 dark:hover:bg-bg-700/50 transition-all":"bg-bg-200 dark:bg-bg-800/50 dark:hover:bg-bg-800/80 hover:bg-bg-200 transition-all",[t]);return{theme:n,bgTemp:a,componentBg:c,componentBgWithHover:s,componentBgLighter:i,componentBgLighterWithHover:l,darkerComponentBgWithHover:d}}var Jo=b(require("tinycolor2")),Al=(e,t)=>`flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg p-4 ${e&&(t?"pl-5":"pr-5")} font-medium tracking-wide transition-all disabled:cursor-not-allowed`,Bl=(e,t,r)=>{if(e)switch(t){case"plain":return"hover:bg-red-500/10 dark:hover:bg-red-500/10 text-red-500 hover:text-red-500 dark:hover:text-red-500";case"tertiary":return"text-red-500 hover:bg-red-500/10 dark:hover:bg-red-500/10 disabled:hover:text-red-500";case"secondary":return"border-[1.6px] border-red-500 shadow-custom text-red-500 disabled:border-red-500 hover:bg-red-500/15 disabled:text-red-500 disabled:hover:border-red-500 disabled:hover:text-red-500";case"primary":default:return`bg-red-500 shadow-custom hover:bg-red-600 ${(0,Jo.default)(r).isLight()?"text-bg-800 dark:text-bg-800":"text-bg-50 dark:text-bg-50"} disabled:bg-red-500/10 disabled:text-red-500 disabled:hover:bg-red-500/10 dark:disabled:bg-red-500/10 dark:disabled:text-red-500 dark:disabled:hover:bg-red-500/10`}switch(t){case"plain":return"hover:bg-bg-200/50 dark:hover:bg-bg-800/50 text-bg-500 hover:text-bg-800 dark:hover:text-bg-50! disabled:hover:text-bg-500 disabled:dark:hover:text-bg-500 disabled:hover:bg-transparent disabled:dark:hover:bg-transparent disabled:text-bg-500";case"tertiary":return"text-custom-500 hover:bg-custom-500/15 disabled:hover:shadow-none disabled:hover:bg-transparent hover:shadow-custom disabled:text-bg-500 disabled:hover:text-bg-500";case"secondary":return"border-[1.6px] border-custom-500 shadow-custom text-custom-500 hover:bg-custom-500/10 disabled:border-bg-500 disabled:text-bg-500 disabled:hover:border-bg-500 disabled:hover:text-bg-500";case"primary":default:return`bg-custom-500 shadow-custom hover:bg-custom-600 ${(0,Jo.default)(r).isLight()?"text-bg-800 dark:text-bg-800":"text-bg-50 dark:text-bg-50"} disabled:bg-bg-200 disabled:text-bg-500 disabled:hover:bg-bg-200 dark:disabled:bg-bg-800 dark:disabled:text-bg-500 dark:disabled:hover:bg-bg-800`}},an=(e,t,r,o,n,a)=>`${Al(t,r)} ${Bl(o,n,e)} ${a}`;var Zt=require("react/jsx-runtime"),zl={iconAtEnd:!1,loading:!1,disabled:!1,className:"",variant:"primary",isRed:!1,namespace:"common.buttons"},sn=(e,t,r)=>(0,Zt.jsx)(ln.Icon,{className:(0,cn.default)("size-5 shrink-0",r),icon:t?"svg-spinners:180-ring":e});function Dl(a){var c=a,{as:e,children:t,icon:r,onClick:o}=c,n=Gt(c,["as","children","icon","onClick"]);let{theme:s}=A(),i=e||"button",l=(0,xt.useMemo)(()=>C(C({},zl),n),[n]),d=an(s,!!t,l.iconAtEnd,l.isRed,l.variant,l.className),{t:u}=(0,dn.useTranslation)(l.namespace),m=(0,xt.useCallback)(f=>{o&&o(f)},[o]);return(0,Zt.jsxs)(i,S(C({},n),{className:d,disabled:l.loading||l.disabled,type:"button",onClick:m,children:[!l.iconAtEnd&&sn(r,l.loading,l.iconClassName),t&&typeof t=="string"?u([`common.buttons:${Jt.default.camelCase(t)}`,`buttons.${Jt.default.camelCase(t)}`,`${l.tKey}.buttons.${Jt.default.camelCase(t)}`,t],l.tProps):t,l.iconAtEnd&&sn(r,l.loading,l.iconClassName)]}))}var g=(0,xt.memo)(Dl);var mn=require("@headlessui/react"),jt=b(require("clsx")),pn=b(require("tinycolor2"));var Zo=require("react/jsx-runtime");function Hl({checked:e,onChange:t}){let{darkerComponentBgWithHover:r,theme:o}=A(),n=()=>e?(0,jt.default)((0,pn.default)(o).isLight()?"bg-bg-100 dark:bg-bg-800":"bg-bg-100","translate-x-6"):"translate-x-1 bg-bg-50 dark:bg-bg-500";return(0,Zo.jsx)(mn.Switch,{checked:e,className:(0,jt.default)("relative inline-flex h-6 w-11 shrink-0 items-center rounded-full",e?"bg-custom-500":r),onChange:t,children:(0,Zo.jsx)("span",{className:(0,jt.default)("inline-block size-4 shrink-0 rounded-full transition",n())})})}var vt=Hl;var un=require("@iconify/react"),jo=b(require("clsx")),er=require("react/jsx-runtime");function Wl({checked:e,onChange:t,className:r}){return(0,er.jsx)("button",{className:(0,jo.default)("group relative z-50 flex-center size-5 shrink-0 cursor-pointer rounded-full ring-2 ring-offset-2 ring-offset-bg-50 transition-all dark:ring-offset-bg-900",e?"ring-custom-500":"ring-bg-200 hover:ring-bg-600! dark:ring-bg-500 dark:hover:ring-bg-300!",r),onClick:o=>{o.preventDefault(),o.stopPropagation(),t(o)},children:(0,er.jsx)(un.Icon,{className:(0,jo.default)("size-4 stroke-1",e?"stroke-custom-500 text-custom-500":"stroke-bg-800 text-bg-800 opacity-0 group-hover:opacity-50 dark:stroke-bg-100 dark:text-bg-100"),icon:"uil:check"})})}var fn=Wl;var bn=b(require("clsx"));var hn=require("react/jsx-runtime");function $l({onClick:e,icon:t="tabler:plus",text:r="",hideWhen:o="sm",alwaysShow:n=!1,as:a,isRed:c,loading:s}){return(0,hn.jsx)(g,{alwaysShow:n,as:a!=null?a:"button",className:(0,bn.default)("fixed right-6 bottom-6 z-10 shadow-lg",!n&&{sm:"sm:hidden",md:"md:hidden",lg:"lg:hidden",xl:"xl:hidden"}[o]),icon:t,isRed:c,loading:s,onClick:e,children:r})}var gn=$l;var xn=require("react-i18next");var vn=require("react/jsx-runtime");function ql({onClick:e}){let{t}=(0,xn.useTranslation)("common.misc");return(0,vn.jsx)(g,{className:"mb-2 w-min px-0 py-2 pl-2 hover:bg-transparent! dark:hover:bg-transparent!",icon:"tabler:chevron-left",variant:"plain",onClick:e,children:t(["buttons.goBack","Go Back"])})}var kt=ql;var ve=require("@headlessui/react"),kn=b(require("clsx")),In=require("react");var ot=require("react/jsx-runtime");function Ul(e){let{children:t,anchor:r,classNames:o,customIcon:n,onClick:a,onClose:c}=e,[s,i]=(0,In.useState)(!1);return(0,ot.jsxs)(ve.Menu,{as:"div",className:o==null?void 0:o.wrapper,children:[(0,ot.jsx)(g,{as:ve.MenuButton,className:o==null?void 0:o.button,icon:n!=null?n:"tabler:dots-vertical",iconClassName:o==null?void 0:o.icon,variant:"plain",onClick:l=>{l.stopPropagation(),i(!s),a!==void 0&&a(l)}}),(0,ot.jsx)(ve.Transition,{afterLeave:()=>{c!==void 0&&c()},enter:"transition-opacity duration-200",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity duration-150",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,ot.jsx)(ve.TransitionChild,{children:(0,ot.jsx)(ve.MenuItems,{transition:!0,anchor:r!=null?r:"bottom end",className:(0,kn.default)("z-9999 min-w-[var(--button-width)] overflow-auto rounded-md border border-bg-200 bg-bg-100 text-base text-bg-500 shadow-lg transition duration-100 ease-out [--anchor-gap:12px] empty:invisible focus:outline-hidden data-closed:scale-95 data-closed:opacity-0 dark:border-bg-700 dark:bg-bg-800",o==null?void 0:o.menu),children:t})})})]})}var eo=Ul;var yn=require("@iconify/react"),rt=require("react/jsx-runtime");function Ql({icon:e,title:t,children:r,className:o}){return(0,rt.jsxs)("div",{className:o,children:[(0,rt.jsxs)("span",{className:"flex items-center gap-4 p-4 text-bg-500",children:[(0,rt.jsx)(yn.Icon,{className:"size-5",icon:e}),t]}),(0,rt.jsx)("div",{className:"p-4 pt-0",children:(0,rt.jsx)("ul",{className:"flex flex-col divide-y divide-bg-200 overflow-hidden rounded-md bg-bg-200/50 shadow-custom dark:divide-bg-700 dark:bg-bg-700/50",children:r})})]})}var Cn=Ql;var wn=require("@headlessui/react"),to=require("@iconify/react"),tr=b(require("clsx")),or=b(require("lodash")),Nn=require("react-i18next"),Ue=require("react/jsx-runtime");function Vl(e,t,r){return e?"text-bg-300 dark:text-bg-700":t?`${r===!0?"text-red-600":"text-bg-800 dark:text-bg-50"} hover:text-bg-800 dark:hover:text-bg-50`:r?"text-red-500":"text-bg-500 dark:hover:text-bg-600"}function Kl(e){return e===!0?"text-red-600":"text-bg-800 dark:text-bg-50"}function Gl({icon:e,text:t,isRed:r=!1,onClick:o,isToggled:n=!1,disabled:a,preventDefault:c=!1,namespace:s="common.buttons",loading:i=!1}){let{t:l}=(0,Nn.useTranslation)(s||"common.buttons");return(0,Ue.jsx)(wn.MenuItem,{children:function({close:d}){return(0,Ue.jsxs)("button",{className:(0,tr.default)(Vl(a||i,n,r),!a&&!i&&"hover:bg-bg-200 dark:hover:bg-bg-700/50","flex w-full items-center gap-4 p-4 text-left transition-all"),disabled:a||i,onClick:u=>{c&&u.preventDefault(),u.stopPropagation(),o(u,d)},children:[i?(0,Ue.jsx)(to.Icon,{className:"size-5 shrink-0",icon:"svg-spinners:180-ring"}):typeof e=="string"?(0,Ue.jsx)(to.Icon,{className:"size-5 shrink-0",icon:e}):e,(0,Ue.jsx)("span",{className:"w-full truncate whitespace-nowrap",children:s!==!1?l([or.default.camelCase(t),`buttons.${or.default.camelCase(t)}`,t]):t}),n&&(0,Ue.jsx)(to.Icon,{className:(0,tr.default)(Kl(r),"ml-4 size-5 shrink-0"),icon:"tabler:check"})]})}})}var Sn=Gl;var ar=b(require("lodash")),Qe=require("react"),zn=require("react-i18next");var Tn=require("@iconify/react"),rr=require("react/jsx-runtime");function Yl({actionButtonLoading:e,onActionButtonClick:t,actionButtonIcon:r}){return(0,rr.jsx)("button",{className:"mr-4 shrink-0 rounded-lg p-2 text-bg-500 transition-all hover:bg-bg-300 hover:text-bg-800 focus:outline-hidden dark:hover:bg-bg-700/70 dark:hover:text-bg-200",disabled:e,tabIndex:-1,onClick:o=>{o.preventDefault(),o.stopPropagation(),t(o)},children:(0,rr.jsx)(Tn.Icon,{className:"size-6",icon:e?"svg-spinners:180-ring":r})})}var Pn=Yl;var Rn=b(require("clsx")),Fn=require("react"),nt=require("react/jsx-runtime");function Xl({value:e,setValue:t,isPassword:r=!1,inputMode:o,showPassword:n,placeholder:a,inputRef:c,reference:s,disabled:i=!1,noAutoComplete:l=!1,onKeyDown:d=()=>{},className:u="",onBlur:m=()=>{}}){let f=(0,Fn.useRef)(null);return(0,nt.jsxs)(nt.Fragment,{children:[r&&(0,nt.jsx)("input",{hidden:!0,type:"password",value:"",onChange:()=>{}}),(0,nt.jsx)("input",{ref:p=>{s!==void 0&&(s.current=p),c!==void 0&&(c.current=p),f.current=p},autoComplete:l?"false":"true",className:(0,Rn.default)("mt-6 h-13 w-full rounded-lg bg-transparent p-6 pl-4 tracking-wider caret-custom-500 placeholder:text-transparent focus:outline-hidden focus:placeholder:text-bg-500",u),disabled:i,inputMode:o,placeholder:a,style:r&&n!==!0?{fontFamily:"Arial"}:{},type:r&&n!==!0?"password":"text",value:e,onBlur:p=>{t(p.target.value.trim()),m()},onChange:p=>{t(p.target.value)},onKeyDown:d})]})}var oo=Xl;var Mn=require("@iconify/react"),Ln=b(require("clsx")),En=require("react"),_n=require("react/jsx-runtime");function Jl({icon:e,active:t,listboxOrCombobox:r,isCombobox:o,className:n}){return(0,_n.jsx)(Mn.Icon,{className:(0,Ln.default)("size-6 shrink-0 transition-all",!t&&"text-bg-500",o&&"group-focus-within:text-custom-500!",r!==void 0&&"group-data-open:text-custom-500!",n),icon:e})}var E=(0,En.memo)(Jl);var On=b(require("clsx")),nr=require("react"),ro=require("react/jsx-runtime");function Zl({label:e,active:t,isListboxOrCombobox:r=!1,isCombobox:o=!1,required:n=!1}){let a=(0,nr.useMemo)(()=>t?"top-5 -translate-y-1/2 text-[14px]":`top-1/2 -translate-y-1/2 ${r?`${o&&"group-focus-within:top-5 group-focus-within:text-[14px]"} group-data-open:top-5 group-data-open:text-[14px]`:"group-focus-within:top-5 group-focus-within:text-[14px]"}`,[t,r,o]),c=(0,nr.useMemo)(()=>r?`${o&&"group-focus-within:text-custom-500!"} group-data-open:text-custom-500!`:"group-focus-within:text-custom-500!",[r]);return(0,ro.jsxs)("span",{className:(0,On.default)("pointer-events-none absolute left-[4.2rem] font-medium tracking-wide text-bg-500 transition-all",c,a),children:[e,n&&(0,ro.jsx)("span",{className:"text-red-500",children:" *"})]})}var _=Zl;var An=b(require("clsx"));var Bn=require("react/jsx-runtime");function jl({darker:e=!1,className:t="",disabled:r=!1,inputRef:o,children:n}){let{componentBgWithHover:a,componentBgLighterWithHover:c}=A();function s(i){i.target.tagName!=="BUTTON"&&(o==null?void 0:o.current)!==void 0&&o.current!==null&&(o.current.focus(),["INPUT","TEXTAREA"].includes(i.target.tagName)||o.current.setSelectionRange(o.current.value.length,o.current.value.length))}return(0,Bn.jsx)("div",{className:(0,An.default)("group relative flex shrink-0 items-center gap-1 rounded-t-lg border-b-2 border-bg-500 bg-bg-200/50 pl-6 shadow-custom transition-all focus-within:!border-custom-500 hover:bg-bg-200",e?c:a,t,r?"pointer-events-none! opacity-50":"cursor-text"),role:"button",tabIndex:0,onClick:s,onFocus:s,onKeyDown:i=>{i.key==="Enter"&&(i.preventDefault(),(o==null?void 0:o.current)!==void 0&&o.current!==null&&o.current.focus())},children:n})}var D=jl;var Ne=require("react/jsx-runtime");function ec({actionButtonIcon:e="",actionButtonLoading:t=!1,autoFocus:r=!1,className:o="",darker:n=!1,disabled:a=!1,icon:c,inputMode:s="text",isPassword:i=!1,name:l,noAutoComplete:d=!0,onActionButtonClick:u=()=>{},onKeyDown:m=()=>{},placeholder:f,ref:p,required:h,setValue:x,value:v,namespace:k,tKey:w}){let{t:I}=(0,zn.useTranslation)(k||void 0),[y,N]=(0,Qe.useState)(!1),z=(0,Qe.useRef)(null);return(0,Qe.useEffect)(()=>{r&&z.current&&z.current.focus()},[r]),(0,Ne.jsxs)(D,{className:o,darker:n,disabled:a,inputRef:z,children:[(0,Ne.jsx)(E,{active:!!v&&String(v).length>0,icon:c}),(0,Ne.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,Ne.jsx)(_,{active:!!v&&String(v).length>0,label:k!==!1?I([[w,"inputs",ar.default.camelCase(l),"label"].filter(We=>We).join("."),[w,"inputs",ar.default.camelCase(l)].filter(We=>We).join(".")]):l,required:h===!0}),(0,Ne.jsx)(oo,{disabled:a,inputMode:s,inputRef:z,isPassword:i,noAutoComplete:d,placeholder:f,reference:p,setValue:x,showPassword:y,value:v,onKeyDown:m}),i&&(0,Ne.jsx)(g,{className:"mr-2",icon:y?"tabler:eye":"tabler:eye-off",variant:"plain",onMouseDown:()=>{N(!0)},onMouseUp:()=>{N(!1)},onTouchEnd:()=>{N(!1)},onTouchStart:()=>{N(!0)}}),e&&(0,Ne.jsx)(Pn,{actionButtonIcon:e,actionButtonLoading:t,onActionButtonClick:u})]})]})}var Ve=(0,Qe.memo)(ec);var ir=b(require("lodash")),no=require("react"),Dn=require("react-i18next");var at=require("react/jsx-runtime");function tc({className:e="",darker:t=!1,disabled:r=!1,icon:o,name:n,placeholder:a,required:c,setValue:s,value:i,namespace:l,tKey:d}){let{t:u}=(0,Dn.useTranslation)(l||void 0),m=(0,no.useRef)(null);return(0,no.useEffect)(()=>{m.current&&(m.current.style.height="auto",m.current.style.height=m.current.scrollHeight+"px")},[i]),(0,at.jsxs)(D,{inputRef:m,className:e,darker:t,disabled:r,children:[(0,at.jsx)(E,{active:!!i&&String(i).length>0,icon:o}),(0,at.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,at.jsx)(_,{active:!!i&&String(i).length>0,label:l!==!1?u([[d,"inputs",ir.default.camelCase(n),"label"].filter(f=>f).join("."),[d,"inputs",ir.default.camelCase(n)].filter(f=>f).join(".")]):n,required:c===!0}),(0,at.jsx)("textarea",{ref:m,className:"mt-3 -mb-3 min-h-8 w-full resize-none rounded-lg bg-transparent p-6 pl-4 tracking-wide outline-hidden placeholder:text-transparent focus:outline-hidden focus:placeholder:text-bg-500",placeholder:a,value:i,onInput:f=>{s(f.currentTarget.value)},onKeyDown:f=>{if(f.key==="Enter"){let p=f.currentTarget.selectionStart,h=f.currentTarget.value,x=h.slice(0,p)+` `+h.slice(p);s(x),f.currentTarget.value=x,f.currentTarget.setSelectionRange(p+1,p+1),f.preventDefault()}}})]})]})}var It=tc;var sr=require("@iconify/react"),Hn=b(require("clsx")),Wn=b(require("lodash")),$n=require("react"),qn=require("react-i18next");var X=require("react/jsx-runtime");function oc({name:e,icon:t,disabled:r,setIcon:o,setIconSelectorOpen:n,namespace:a,required:c}){let{t:s}=(0,qn.useTranslation)(a),i=(0,$n.useRef)(null);function l(d){o(d.target.value)}return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(D,{darker:!0,className:"mt-4",disabled:r,inputRef:i,children:[(0,X.jsx)(E,{active:!!t,icon:"tabler:icons"}),(0,X.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,X.jsx)(_,{active:!!t,label:s(`inputs.${Wn.default.camelCase(e)}`),required:c}),(0,X.jsxs)("div",{className:"mt-6 mr-12 flex w-full items-center gap-2 pl-4",children:[(0,X.jsx)(sr.Icon,{className:(0,Hn.default)("size-4 shrink-0",!t&&"pointer-events-none opacity-0 group-focus-within:opacity-100"),icon:t||"tabler:question-mark"}),(0,X.jsx)("input",{ref:i,className:"h-8 w-full rounded-lg bg-transparent p-6 pl-0 tracking-wide placeholder:text-transparent focus:outline-hidden focus:placeholder:text-bg-500",placeholder:"tabler:cube",value:t,onChange:l})]}),(0,X.jsx)("button",{className:"mr-4 shrink-0 rounded-lg p-2 text-bg-500 transition-all hover:bg-bg-300 hover:text-bg-800 focus:outline-hidden dark:hover:bg-bg-700/70 dark:hover:text-bg-200",onClick:()=>{n(!0)},children:(0,X.jsx)(sr.Icon,{className:"size-5",icon:"tabler:chevron-down"})})]})]})})}var ao=oc;var Un=require("@iconify/react"),Qn=b(require("clsx")),Vn=b(require("lodash")),io=require("react"),Kn=require("react-i18next");var me=require("react/jsx-runtime");function rc({name:e,color:t,setColor:r,setColorPickerOpen:o,hasTopMargin:n=!0,className:a,namespace:c,required:s,disabled:i}){let{t:l}=(0,Kn.useTranslation)(c),d=(0,io.useRef)(null),u=(0,io.useCallback)(()=>{o(!0)},[o]);return(0,me.jsxs)(D,{darker:!0,className:(0,Qn.default)(n&&"mt-4",a),disabled:i,inputRef:d,children:[(0,me.jsx)(E,{active:t!=="",icon:"tabler:palette"}),(0,me.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,me.jsx)(_,{active:!!t,label:l(`inputs.${Vn.default.camelCase(e)}`),required:s}),(0,me.jsxs)("div",{className:"mt-6 mr-4 flex w-full items-center gap-2 pl-4",children:[(0,me.jsx)("div",{className:"mt-0.5 size-3 shrink-0 rounded-full",style:{backgroundColor:t}}),(0,me.jsx)("input",{ref:d,className:"h-8 w-full min-w-28 rounded-lg bg-transparent p-6 pl-0 tracking-wide placeholder:text-transparent focus:outline-hidden focus:placeholder:text-bg-500",placeholder:"#FFFFFF",value:t,onChange:m=>{r(m.target.value)}})]}),(0,me.jsx)("button",{className:"mr-4 shrink-0 rounded-lg p-2 text-bg-500 transition-all hover:bg-bg-200 hover:text-bg-800 focus:outline-hidden dark:hover:bg-bg-700/70 dark:hover:text-bg-200",onClick:()=>{u()},children:(0,me.jsx)(Un.Icon,{className:"size-6",icon:"tabler:color-picker"})})]})]})}var so=rc;var Gn=require("@iconify/react"),Yn=b(require("clsx")),Xn=b(require("lodash")),Jn=require("react-i18next"),Zn=b(require("react-medium-image-zoom"));var H=require("react/jsx-runtime");function nc({icon:e,name:t,reminderText:r,image:o,preview:n,setPreview:a,setImage:c,setImagePickerModalOpen:s,onImageRemoved:i,required:l,namespace:d,disabled:u}){let{componentBgLighter:m}=A(),{t:f}=(0,Jn.useTranslation)([d,"common.buttons"]);return(0,H.jsxs)("div",{className:(0,Yn.default)("flex w-full flex-col rounded-md p-6 shadow-custom",m,u?"pointer-events-none! opacity-50":"cursor-pointer"),children:[(0,H.jsxs)("div",{className:"flex items-center gap-4 text-bg-500",children:[(0,H.jsx)(Gn.Icon,{className:"size-6",icon:e}),(0,H.jsxs)("span",{className:"font-medium",children:[f(`${d}:inputs.${Xn.default.camelCase(t)}`)," ",l===!0&&(0,H.jsx)("span",{className:"text-red-500",children:"*"})]})]}),n!==null&&(0,H.jsx)(Zn.default,{zoomMargin:100,children:(0,H.jsx)("img",{alt:"",className:"mx-auto mt-6 max-h-64 rounded-md",src:n})}),n!==null&&(0,H.jsx)(g,{isRed:!0,className:"mt-6 w-full",icon:"tabler:x",onClick:()=>{a(null),c(null),i==null||i()},children:"Remove"}),o!==null&&n===null&&(0,H.jsxs)("div",{className:"mt-4 flex items-center justify-between gap-8",children:[(0,H.jsx)("p",{className:"w-full truncate",children:o.name}),(0,H.jsx)(g,{className:"p-2!",icon:"tabler:x",variant:"plain",onClick:()=>{c(null),i==null||i()}})]}),o===null&&n===null&&(0,H.jsxs)("div",{className:"mt-6 flex flex-col items-center gap-3",children:[(0,H.jsx)(g,{className:"w-full",icon:"tabler:photo",variant:"secondary",onClick:()=>{s(!0)},children:f("common.buttons:select")}),(0,H.jsx)("p",{className:"text-xs text-bg-500",children:r})]})]})}var lo=nc;var po=require("@headlessui/react"),ca=require("@iconify/react"),mo=b(require("lodash")),da=require("react"),ma=require("react-i18next");var jn=require("@headlessui/react"),ea=b(require("clsx")),oa=require("react/jsx-runtime");function ac({value:e,onChange:t,setQuery:r,children:o,className:n,disabled:a}){return(0,oa.jsx)(jn.Combobox,{as:"div",className:(0,ea.default)("relative flex items-center gap-1 rounded-t-lg border-b-2 border-bg-500 bg-bg-200/50 shadow-custom transition-all focus-within:border-custom-500! hover:bg-bg-200 data-[open]:border-custom-500! dark:bg-bg-800/50 dark:hover:bg-bg-800/80",n,a?"pointer-events-none! opacity-50":""),value:e,onChange:t,onClose:()=>{r("")},children:o})}var ta=ac;var ra=require("@headlessui/react"),na=b(require("clsx")),ia=require("react/jsx-runtime");function ic({value:e,onChange:t,multiple:r=!1,className:o,children:n,disabled:a}){return(0,ia.jsx)(ra.Listbox,{as:"div",className:(0,na.default)("relative flex items-center gap-1 rounded-t-lg border-b-2 border-bg-500 bg-bg-200/50 shadow-custom transition-all hover:bg-bg-200 data-open:border-custom-500! dark:bg-bg-800/50 dark:hover:bg-bg-800/80",o,a?"pointer-events-none! opacity-50":""),multiple:r,value:e,onChange:t,children:n})}var aa=ic;var co=require("@headlessui/react"),sa=b(require("clsx")),la=require("react/jsx-runtime");function sc({type:e="listbox",children:t,customWidth:r,lighter:o=!1}){return(0,la.jsx)(e==="listbox"?co.ListboxOptions:co.ComboboxOptions,{transition:!0,anchor:"bottom start",className:(0,sa.default)(r!=null?r:e==="listbox"?"w-[var(--button-width)]":"w-[var(--input-width)]","z-9999 divide-y divide-bg-200 overflow-auto rounded-md border border-bg-200 dark:border-bg-700",o?"bg-bg-50":"bg-bg-100","text-base text-bg-500 shadow-lg transition duration-100 ease-out",e==="listbox"?"[--anchor-gap:12px]":"[--anchor-gap:22px]","empty:invisible focus:outline-hidden data-closed:scale-95 data-closed:opacity-0 dark:divide-bg-700/50 dark:border-bg-700 dark:bg-bg-800"),children:t})}var _t=sc;var W=require("react/jsx-runtime");function lc(e){let{name:t,icon:r,value:o,setValue:n,disabled:a,type:c,children:s,required:i,customActive:l,namespace:d,tKey:u=""}=e,{t:m}=(0,ma.useTranslation)(d||void 0),f=(0,da.useMemo)(()=>typeof l=="boolean"?l:Array.isArray(o)?o.length>0:typeof o=="number"?!0:!!o,[o,l]);switch(c){case"listbox":case void 0:return(0,W.jsxs)(aa,{className:e.className,disabled:a,multiple:e.multiple,value:o,onChange:n,children:[(0,W.jsxs)(po.ListboxButton,{className:"group flex w-full min-w-64 items-center pl-6",children:[(0,W.jsx)(E,{active:f,icon:r,listboxOrCombobox:"listbox"}),(0,W.jsx)(_,{isListboxOrCombobox:!0,active:f,label:m(d!==!1?m([[u,"inputs",mo.default.camelCase(t),"label"].filter(p=>p).join("."),[u,"inputs",mo.default.camelCase(t)].filter(p=>p).join(".")]):t),required:i===!0}),(0,W.jsx)("div",{className:"relative mt-10 mb-3 flex min-h-[1.2rem] w-full items-center gap-2 rounded-lg pr-10 pl-5 text-left focus:outline-hidden",children:f&&e.buttonContent}),(0,W.jsx)("span",{className:"pointer-events-none absolute inset-y-0 right-0 mt-1 mr-2 flex items-center pr-4",children:(0,W.jsx)(ca.Icon,{className:"size-6 text-zinc-500",icon:"heroicons:chevron-up-down-16-solid"})})]}),(0,W.jsx)(_t,{children:s})]});case"combobox":return(0,W.jsxs)(ta,{className:e.className,disabled:a,setQuery:e.setQuery,value:o,onChange:n,children:[(0,W.jsxs)("div",{className:"group relative flex w-full items-center",children:[(0,W.jsx)(E,{isCombobox:!0,active:!!o||l===!0,className:"absolute left-6",icon:r,listboxOrCombobox:"combobox"}),(0,W.jsx)(_,{isCombobox:!0,isListboxOrCombobox:!0,active:!!o||l===!0,label:m(`inputs.${mo.default.camelCase(t)}`),required:i===!0}),(0,W.jsx)(po.ComboboxInput,{className:"relative mt-10 mb-3 flex w-full items-center gap-2 rounded-lg bg-transparent! pr-5 pl-17.5 text-left focus:outline-hidden",displayValue:e.displayValue,onChange:p=>{e.setQuery(p.target.value)}})]}),(0,W.jsx)(_t,{type:"combobox",children:s})]})}}var ie=lc;var yt=require("@iconify/react");var pa=b(require("clsx")),ua=b(require("dayjs")),lr=b(require("lodash")),fa=require("react"),ba=b(require("react-date-picker")),ga=b(require("react-datetime-picker")),ha=require("react-i18next");var j=require("react/jsx-runtime");function cc({date:e,setDate:t,name:r,icon:o,hasMargin:n=!0,className:a="",darker:c=!1,modalRef:s,index:i=0,required:l,hasTime:d=!1,namespace:u,disabled:m}){var k;let f=d?ga.default:ba.default,{t:p}=(0,ha.useTranslation)(u||void 0),{language:h}=L(),x=(0,fa.useRef)(null);function v(){setTimeout(()=>{if((s==null?void 0:s.current)===null||x.current===null)return;let w=document.querySelectorAll(".react-calendar")[i],I=x.current.querySelector(d?".react-datetime-picker":".react-date-picker");if(!w||!I)return;let y=I.getBoundingClientRect();if(d){let N=document.querySelectorAll(".react-datetime-picker__clock")[i];N&&(N.style.position="absolute",N.style.top=`${y.top+y.height+window.scrollY}px`,N.style.left=`${y.left+window.scrollX}px`)}w.style.top=`${y.top+y.height+window.scrollY}px`,w.style.left=`${y.left+window.scrollX}px`},10)}return(0,j.jsxs)(D,{className:(0,pa.default)(a,n&&"mt-4"),darker:c,disabled:m,children:[(0,j.jsx)(E,{active:e!=="",icon:o}),(0,j.jsxs)("div",{ref:x,className:"flex w-full items-center gap-2",children:[(0,j.jsx)(_,{active:!0,label:u!==!1?p([["inputs",lr.default.camelCase(r),"label"].filter(w=>w).join("."),["inputs",lr.default.camelCase(r)].filter(w=>w).join(".")]):r,required:l===!0}),(0,j.jsx)(f,{calendarIcon:null,calendarProps:{className:"bg-bg-200! dark:bg-bg-800! absolute z-9999 outline-hidden border-bg-200! dark:border-bg-700! rounded-lg p-4",tileClassName:"hover:bg-bg-300 dark:hover:bg-bg-700/50! rounded-md disabled:text-bg-500 disabled:bg-transparent disabled:cursor-not-allowed disabled:hover:bg-transparent! dark:disabled:hover:bg-transparent!",locale:h,prevLabel:(0,j.jsx)(yt.Icon,{icon:"tabler:chevron-left"}),nextLabel:(0,j.jsx)(yt.Icon,{icon:"tabler:chevron-right"}),prev2Label:(0,j.jsx)(yt.Icon,{icon:"tabler:chevrons-left"}),next2Label:(0,j.jsx)(yt.Icon,{icon:"tabler:chevrons-right"})},className:"mt-6 h-13 w-full rounded-lg border-none bg-transparent px-4 tracking-wider outline-hidden placeholder:text-transparent focus:outline-hidden focus:placeholder:text-bg-500",clearIcon:null,format:d?"dd-MM-yyyy HH:mm":"dd-MM-yyyy",portalContainer:(k=s==null?void 0:s.current)!=null?k:document.querySelector("#app"),value:e,onCalendarOpen:v,onChange:w=>{t((0,ua.default)(w).toISOString())},onClockOpen:v}),e!==""&&(0,j.jsx)("button",{"aria-label":"Clear date",className:"mr-4 shrink-0 rounded-lg p-2 text-bg-500 transition-all hover:bg-bg-300 hover:text-bg-800 focus:outline-hidden dark:hover:bg-bg-700/70 dark:hover:text-bg-200",onClick:()=>{t("")},children:(0,j.jsx)(yt.Icon,{className:"size-6",icon:"tabler:x"})})]})]})}var uo=cc;var xa=b(require("lodash")),va=b(require("react-currency-input-field")),ka=require("react-i18next");var it=require("react/jsx-runtime");function dc({name:e,placeholder:t,icon:r,value:o,setValue:n,darker:a=!1,className:c="",required:s,namespace:i}){let{t:l}=(0,ka.useTranslation)(i);return(0,it.jsxs)(D,{className:c,darker:a,children:[(0,it.jsx)(E,{active:!!o,icon:r}),(0,it.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,it.jsx)(_,{active:!!o,label:l(`inputs.${xa.default.camelCase(e)}`),required:s===!0}),(0,it.jsx)(va.default,{className:"mt-6 h-8 w-full rounded-lg bg-transparent p-6 pl-4 tracking-wider placeholder:text-transparent focus:outline-hidden focus:placeholder:text-bg-500",decimalsLimit:2,name:e,placeholder:t,value:o,onValueChange:d=>n(d!=null?d:"")})]})]})}var Ia=dc;var cr=require("@iconify/react");var dr=b(require("clsx")),ya=b(require("lodash")),Ca=require("react"),wa=require("react-i18next");var Se=require("react/jsx-runtime");function mc({searchQuery:e,setSearchQuery:t,stuffToSearch:r,onKeyUp:o,customIcon:n,hasTopMargin:a=!0,onFilterIconClick:c,filterAmount:s,sideButtonIcon:i,sideButtonLoading:l,onSideButtonClick:d,className:u,namespace:m,tKey:f=""}){let{t:p}=(0,wa.useTranslation)(["common.misc",m]),{bgImage:h}=L(),x=(0,Ca.useMemo)(()=>h!==""?"bg-bg-50 dark:bg-bg-800/50 hover:bg-bg-200/50 dark:hover:bg-bg-700/50 transition-all":"bg-bg-50 dark:bg-bg-800/50 dark:hover:bg-bg-800/80 hover:bg-bg-50/50 transition-all",[h]);return(0,Se.jsxs)("search",{className:(0,dr.default)("flex min-h-14 w-full cursor-text items-center gap-4 rounded-lg px-4 shadow-custom transition-all",x,a&&"mt-4",u),onClick:v=>{var k;(k=v.currentTarget.querySelector("input"))==null||k.focus()},children:[(0,Se.jsx)(cr.Icon,{className:"size-5 shrink-0 text-bg-500",icon:n!=null?n:"tabler:search"}),(0,Se.jsx)("input",{className:"w-full bg-transparent caret-custom-500 placeholder:text-bg-500",placeholder:p("search",{item:p([`${m}:${[f,"items",ya.default.camelCase(r)].filter(v=>v).join(".")}`,r])}),type:"text",value:e,onChange:v=>{t(v.target.value)},onKeyUp:o}),c!==void 0&&(0,Se.jsxs)("button",{className:(0,dr.default)("flex items-center gap-1 rounded-lg p-2",s!==void 0&&s>0?"text-bg-900 dark:text-bg-100":"text-bg-500 hover:text-bg-900 dark:hover:text-bg-100","transition-all hover:bg-bg-200 dark:hover:bg-bg-700/50"),onClick:c,children:[(0,Se.jsx)(cr.Icon,{className:"text-xl",icon:"tabler:filter"}),s!==void 0&&s>0&&(0,Se.jsxs)("span",{className:"-mt-0.5",children:["(",s,")"]})]}),i!==void 0&&d!==void 0&&(0,Se.jsx)(g,{icon:i,loading:l,className:"p-2!",variant:"plain",onClick:d})]})}var pe=mc;var Na=require("@iconify/react"),mr=b(require("lodash")),fo=require("react"),Sa=require("react-i18next");var se=require("react/jsx-runtime");function pc({name:e,icon:t,placeholder:r,value:o,setValue:n,maxTags:a=100,disabled:c=!1,className:s="",darker:i,existedTags:l,required:d,namespace:u,tKey:m=""}){let{t:f}=(0,Sa.useTranslation)(u),[p,h]=(0,fo.useState)(""),x=(0,fo.useRef)(null),v=()=>{p.trim()!==""&&o.length<a&&(n([...o,p.trim()]),h(""))},k=I=>{let y=o.filter((N,z)=>z!==I);n(y)},w=I=>{I.key==="Enter"||I.key===","?(I.preventDefault(),v()):I.key==="Backspace"&&p===""&&o.length>0&&k(o.length-1)};return(0,se.jsxs)(D,{className:s,darker:i,disabled:c,inputRef:x,children:[(0,se.jsx)(E,{active:String(o).length>0,icon:t}),(0,se.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,se.jsx)(_,{active:String(o).length>0,label:f([[m,"inputs",mr.default.camelCase(e)].filter(I=>I).join("."),[m,"inputs",mr.default.camelCase(e),"label"].filter(I=>I).join(".")]),required:d===!0}),(0,se.jsxs)("div",{className:"mt-12 mb-4 ml-[14px] flex flex-wrap items-center gap-2",children:[o.map((I,y)=>{let N=l==null?void 0:l.find(z=>z.name===I);return(0,se.jsxs)("div",{className:"flex items-center rounded-full bg-bg-200 py-1 pr-2 pl-3 dark:bg-bg-700/50",children:[N!==void 0&&(0,se.jsx)(Na.Icon,{className:"mr-2 size-3",icon:N.icon,style:{color:N.color}}),(0,se.jsx)("span",{className:"mr-2 text-sm",children:I}),!c&&(0,se.jsx)(g,{className:"m-0! h-4! w-4! p-0!",icon:"tabler:x",iconClassName:"size-3",variant:"plain",onClick:()=>{k(y)}})]},y)}),!c&&(0,se.jsx)(oo,{noAutoComplete:!0,className:"my-0! w-auto! flex-1 py-0 pl-0!",inputRef:x,placeholder:r,setValue:h,value:p,onBlur:v,onKeyDown:w})]})]})]})}var Ta=pc;var ti=require("@tanstack/react-query"),oi=require("@uidotdev/usehooks"),St=require("react"),ri=require("react-i18next");var Pa=require("@iconify/react"),Ot=require("react/jsx-runtime");function uc({message:e}){return(0,Ot.jsxs)("div",{className:"flex-center size-full flex-col gap-6",children:[(0,Ot.jsx)(Pa.Icon,{className:"size-12 text-red-500",icon:"tabler:alert-triangle"}),(0,Ot.jsx)("p",{className:"text-center text-lg font-medium text-red-500",children:e})]})}var Ct=uc;var At=require("react/jsx-runtime");function Te({customMessage:e}){return(0,At.jsxs)("div",{className:"flex-center size-full flex-col gap-6",children:[(0,At.jsx)("span",{className:"loader"}),(0,At.jsx)("p",{className:"text-lg font-medium text-bg-500",children:e!=null?e:""})]})}var Ra=require("@iconify/react"),Bt=b(require("clsx")),Fa=require("react-i18next");var st=require("react/jsx-runtime");function fc({onCTAClick:e,name:t,title:r,description:o,icon:n,ctaContent:a,ctaTProps:c,ctaIcon:s,customCTAButton:i,smaller:l=!1,namespace:d,tKey:u=""}){let{t:m}=(0,Fa.useTranslation)(d||void 0);return(0,st.jsxs)("div",{className:(0,Bt.default)("flex-center size-full flex-col",l?"gap-4":"gap-6"),children:[n!==void 0&&(typeof n=="string"?(0,st.jsx)(Ra.Icon,{className:(0,Bt.default)("shrink-0 text-bg-300 dark:text-bg-500",l?"size-24":"size-32"),icon:n}):n),(0,st.jsx)("h2",{className:(0,Bt.default)("px-6 text-center font-semibold text-bg-500",l?"text-3xl":"text-4xl"),children:t?m([u,"empty",t,"title"].filter(f=>f).join(".")):r}),(0,st.jsx)("p",{className:(0,Bt.default)("-mt-2 px-6 text-center whitespace-pre-wrap text-bg-500",l?"text-base":"text-lg"),children:t?m([u,"empty",t,"description"].filter(f=>f).join(".")):o}),i!=null?i:a&&e&&(0,st.jsx)(g,{className:"mt-6",icon:s!=null?s:"tabler:plus",tProps:c,onClick:()=>{e("create")},children:a})]})}var Pe=fc;var Ma=require("react-i18next"),La=require("react-router");var Re=require("react/jsx-runtime");function bc(){let{t:e}=(0,Ma.useTranslation)("common.misc");return(0,Re.jsxs)("div",{className:"flex-center w-full flex-col gap-6",children:[(0,Re.jsx)("span",{className:"text-[10rem] text-custom-500",children:";-;"}),(0,Re.jsx)("h1",{className:"text-4xl font-semibold",children:e("notFound.title")}),(0,Re.jsx)("p",{className:"text-xl text-bg-500",children:e("notFound.description")}),(0,Re.jsxs)("div",{className:"mt-6 flex-center gap-4",children:[(0,Re.jsx)(g,{as:La.Link,icon:"tabler:arrow-left",to:"/",children:e("buttons.goBack")}),(0,Re.jsx)(g,{as:"a",href:"https://github.com/Lifeforge-app/lifeforge/issues",icon:"tabler:bug",rel:"noopener noreferrer",target:"_blank",variant:"secondary",children:e("buttons.reportBug")})]})]})}var Ea=bc;var Ke=require("react/jsx-runtime");function gc({query:e,children:t,showLoading:r=!0}){return e.isLoading||e.isPending||e.isFetching||e.isRefetching?r?(0,Ke.jsx)(Te,{}):(0,Ke.jsx)(Ke.Fragment,{}):e.isError||e.data===void 0?(0,Ke.jsx)(Ct,{message:"Failed to fetch data from server."}):(0,Ke.jsx)(Ke.Fragment,{children:t(e.data)})}var bo=gc;var _a=require("pocketbase");function hc(e,t){return t?JSON.stringify(e):e}function ee(c,s){return R(this,arguments,function*(e,t,{method:r="GET",body:o,timeout:n=3e4,raiseError:a=!0}={}){var u;let i=!!o&&!(o instanceof FormData||o instanceof URLSearchParams||o instanceof Blob),d=(u=(0,_a.cookieParse)(document.cookie).token)!=null?u:"";try{let m=new URL(t,e),f=yield fetch(m.toString(),{method:r,signal:AbortSignal.timeout(n),headers:C({Authorization:d?`Bearer ${d}`:""},i?{"Content-Type":"application/json"}:{}),body:o&&hc(o,i)});if(!f.ok){let h=yield f.json();throw new Error(h.message||"Failed to perform API request")}if(f.status===204)return;let p=yield f.json();if(p.state==="error")throw new Error(p.message||"API returned an error");if(p.state==="success")return p.data;throw new Error("Unexpected API response format")}catch(m){if(a)throw m instanceof Error?m:new Error("Failed to perform API request");return}})}var Ba=require("react"),za=require("react-router");var pr=require("@iconify/react"),Oa=b(require("clsx"));var wt=require("react/jsx-runtime");function xc({icon:e,text:t,color:r,onRemove:o}){let{componentBgLighter:n}=A();return(0,wt.jsxs)("span",{className:(0,Oa.default)("flex-center gap-1 rounded-full px-2 py-1 text-sm",r===void 0&&`text-bg-500 dark:text-bg-400 ${n}`),style:r!==void 0?{backgroundColor:r+"20",color:r}:{},children:[(0,wt.jsx)(pr.Icon,{className:"size-4",icon:e}),t,(0,wt.jsx)("button",{onClick:o,children:(0,wt.jsx)(pr.Icon,{className:"size-4",icon:"tabler:x"})})]})}var Aa=xc;var Nt=require("react/jsx-runtime");function vc({items:e}){let[t,r]=(0,za.useSearchParams)(),{theme:o}=A(),n=(0,Ba.useMemo)(()=>{var i,l;if(o.startsWith("#"))return o;let[a,c,s]=(l=(i=o.match(/\((\d+), (\d+), (\d+)\)/))==null?void 0:i.slice(1))!=null?l:[];return Yt(Number(a),Number(c),Number(s))},[o]);return Object.values(e).every(({data:a})=>typeof a!="string")&&Object.keys(e).some(a=>!!t.get(a))?(0,Nt.jsx)("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:Object.entries(e).map(([a,{data:c,isColored:s}])=>typeof c!="string"&&t.get(a)?(()=>{var l,d,u;let i=c.find(m=>m.id===t.get(a));return i===void 0?null:(0,Nt.jsx)(Aa,{color:s===!0?(l=i.color)!=null?l:n:void 0,icon:(d=i.icon)!=null?d:"",text:(u=i.name)!=null?u:"",onRemove:()=>{t.delete(a),r(t)}},a)})():null)}):(0,Nt.jsx)(Nt.Fragment,{})}var Da=vc;var $a=require("@iconify/react"),qa=b(require("clsx")),go=require("react");var Ha=require("@iconify/react/dist/iconify.js"),ur=b(require("lodash")),Wa=require("react-tooltip");var Ge=require("react/jsx-runtime");function lt({id:e,icon:t,children:r,tooltipProps:o}){return(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)("span",{"data-tooltip-id":`tooltip-${ur.default.kebabCase(e)}`,children:(0,Ge.jsx)(Ha.Icon,{className:"size-5 text-bg-500",icon:t})}),(0,Ge.jsx)(Wa.Tooltip,S(C({className:"z-9999 rounded-md! bg-bg-50 p-4! text-base! text-bg-800 shadow-custom dark:bg-bg-900 dark:text-bg-50",classNameArrow:"size-6!",id:`tooltip-${ur.default.kebabCase(e)}`,opacity:1,place:"top-start",positionStrategy:"fixed"},o),{children:r}))]})}var J=require("react/jsx-runtime");function kc({title:e,desc:t,icon:r,vertical:o=!1,tooltip:n,hasDivider:a=!0,children:c,wrapWhen:s="md",noDefaultBreakpoints:i=!1,className:l}){let d=(0,go.useRef)(null);return(0,go.useEffect)(()=>{d.current&&d.current.getBoundingClientRect()},[d]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)("div",{ref:d,className:(0,qa.default)("flex w-full min-w-0 flex-col justify-between gap-8 px-4",!o&&!i&&{sm:"sm:flex-row",md:"md:flex-row",lg:"lg:flex-row",xl:"xl:flex-row"}[s],o&&"flex-col",l),children:[(0,J.jsxs)("div",{className:"flex shrink items-center gap-4",children:[(0,J.jsx)($a.Icon,{className:"size-6 shrink-0 text-bg-500",icon:r}),(0,J.jsxs)("div",{children:[(0,J.jsxs)("h3",{className:"flex w-full items-center gap-2 text-xl leading-normal font-medium md:w-auto",children:[e,n!==void 0&&(0,J.jsx)(lt,{icon:"tabler:info-circle",id:(e==null?void 0:e.toString())||"",children:n})]}),(0,J.jsx)("p",{className:"text-bg-500",children:t})]})]}),(0,J.jsx)("div",{className:"flex w-full min-w-0 shrink-0 items-center gap-4 md:w-auto",children:c})]}),a&&(0,J.jsx)("div",{className:"my-6 w-full border-b-[1.5px] border-bg-200 dark:border-bg-800/50"})]})}var Ua=kc;var fr=require("@iconify/react"),Fe=b(require("clsx"));var T=require("react/jsx-runtime");function Ic({currentPage:e,onPageChange:t,totalPages:r,className:o=""}){let n=()=>{let a=[],s=Math.max(e>r-5?r-5+1:e<5?1:e-Math.floor(2.5),1),i=Math.min(r,s+5-1);s>2&&a.push((0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("button",{className:(0,Fe.default)("hidden rounded-md px-3 py-2 lg:block",e===1?"font-semibold text-custom-500":"text-bg-500 hover:bg-bg-200 dark:hover:bg-bg-800"),onClick:()=>{t(1)},children:1},1),(0,T.jsx)(fr.Icon,{className:"hidden text-bg-500 lg:block",icon:"uil:ellipsis-h"})]}));for(let l=s;l<=i;l++)a.push((0,T.jsxs)("button",{className:(0,Fe.default)("rounded-md px-5 py-3",e===l?"font-semibold lg:text-custom-500":"hidden text-bg-500 hover:bg-bg-200 lg:block dark:hover:bg-bg-800"),onClick:()=>{t(l)},children:[(0,T.jsx)("span",{className:"inline lg:hidden",children:"Page "}),l,(0,T.jsxs)("span",{className:"inline lg:hidden",children:[" / ",r]})]},l));return i<r&&a.push((0,T.jsxs)(T.Fragment,{children:[i<r-1&&(0,T.jsx)(fr.Icon,{className:"hidden text-bg-500 lg:block",icon:"uil:ellipsis-h"}),(0,T.jsx)("button",{className:(0,Fe.default)("hidden rounded-md px-5 py-3 lg:block",e===r?"font-semibold text-custom-500":"text-bg-500 hover:bg-bg-200 dark:hover:bg-bg-800"),onClick:()=>{t(r)},children:r},r)]})),a};return(0,T.jsxs)("div",{className:(0,Fe.default)("flex-between flex gap-2",o),children:[e!==1?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(g,{className:(0,Fe.default)("hidden w-32 sm:flex"),disabled:e===1,icon:"uil:angle-left",variant:"plain",onClick:()=>{e>1&&t(e-1)},children:"Previous"}),(0,T.jsx)(g,{className:(0,Fe.default)("w-12 sm:hidden"),icon:"uil:angle-left",variant:"plain",onClick:()=>{e>1&&t(e-1)}})]}):(0,T.jsx)("span",{className:"w-12 sm:w-32"}),(0,T.jsx)("div",{className:"flex items-center gap-2",children:n()}),e<r?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(g,{iconAtEnd:!0,className:(0,Fe.default)("w-12 sm:hidden"),icon:"uil:angle-right",variant:"plain",onClick:()=>{e<r&&t(e+1)}}),(0,T.jsx)(g,{iconAtEnd:!0,className:(0,Fe.default)("hidden w-32 sm:flex"),disabled:e===r,icon:"uil:angle-right",variant:"plain",onClick:()=>{e<r&&t(e+1)},children:"Next"})]}):(0,T.jsx)("span",{className:"w-12 sm:w-32"})]})}var zt=Ic;var Qa=require("react-custom-scrollbars");var ho=require("react/jsx-runtime");function yc(r){var o=r,{children:e}=o,t=Gt(o,["children"]);return(0,ho.jsx)(Qa.Scrollbars,S(C({},t),{autoHide:!0,autoHideDuration:200,renderThumbVertical:n=>(0,ho.jsx)("div",S(C({},n),{className:"rounded-lg bg-bg-300 dark:bg-bg-800"})),renderView:n=>(0,ho.jsx)("div",S(C({},n),{className:"flex min-h-0 flex-1 flex-col"})),children:e}))}var ke=yc;var Va=require("@iconify/react"),Ka=b(require("clsx")),ct=require("react/jsx-runtime");function Cc({items:e,enabled:t,active:r,onNavClick:o,className:n}){return(0,ct.jsx)("div",{className:"mb-6 flex items-center",children:e.filter(({id:a})=>t.includes(a)).map(({name:a,icon:c,id:s})=>{var i,l;return(0,ct.jsxs)("button",{className:(0,Ka.default)("flex w-full min-w-0 cursor-pointer items-center justify-center gap-2 border-b-2 p-4 tracking-widest uppercase transition-all",r===s?"border-custom-500 font-medium text-custom-500":"border-bg-400 text-bg-400 hover:border-bg-800 hover:text-bg-800 dark:border-bg-500 dark:text-bg-500 dark:hover:border-bg-200 dark:hover:text-bg-200",n),onClick:()=>{o(s)},children:[(0,ct.js