pixelize-design-library 2.1.7 → 2.1.9

package/dist/index.esm.js

@@ -0,0 +1,271 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Accordion as o,AccordionItem as n,AccordionButton as i,AccordionPanel as a,AlertDialog as l,AlertDialogOverlay as c,AlertDialogContent as s,AlertDialogHeader as d,AlertDialogCloseButton as f,AlertDialogBody as u,AlertDialogFooter as h,Button as m,useTheme as p,Breadcrumb as g,BreadcrumbItem as b,BreadcrumbLink as y,ButtonGroup as x,IconButton as v,Menu as w,MenuButton as C,Box as S,MenuList as k,MenuItem as z,Card as M,FormLabel as A,Tooltip as I,Icon as F,Flex as P,Text as E,FormHelperText as T,FormControl as D,Checkbox as O,InputGroup as R,InputLeftElement as W,Input as $,InputRightElement as L,Alert as B,Heading as _,VStack as N,SimpleGrid as j,FormErrorMessage as H,Textarea as q,useDisclosure as Y,Popover as V,PopoverTrigger as U,PopoverContent as X,PopoverBody as G,Grid as Q,Drawer as J,DrawerOverlay as K,DrawerContent as Z,DrawerCloseButton as ee,DrawerHeader as re,DrawerBody as te,DrawerFooter as oe,List as ne,ListItem as ie,Modal as ae,ModalOverlay as le,ModalContent as ce,Spinner as se,ModalHeader as de,ModalCloseButton as fe,ModalBody as ue,ModalFooter as he,HStack as me,ListIcon as pe,CloseButton as ge,Progress as be,Image as ye,Badge as xe,Collapse as ve,Stack as we,Select as Ce,Divider as Se,Spacer as ke,Skeleton as ze,SkeletonText as Me,Center as Ae,Tag as Ie,TagLabel as Fe,TagCloseButton as Pe,Avatar as Ee,MenuDivider as Te,NumberInput as De,NumberInputField as Oe,NumberInputStepper as Re,NumberIncrementStepper as We,NumberDecrementStepper as $e,PinInput as Le,PinInputField as Be,CardHeader as _e,CardBody as Ne,CardFooter as je,Radio as He,RadioGroup as qe,TagRightIcon as Ye,useOutsideClick as Ve,Portal as Ue,SkeletonCircle as Xe,Th as Ge,Tr as Qe,Td as Je,Tabs as Ke,TabList as Ze,Tab as er,TabPanels as rr,TabPanel as tr,TableContainer as or,Table as nr,Thead as ir,Tbody as ar,useToast as lr,extendTheme as cr,ChakraProvider as sr,ColorModeScript as dr}from"@chakra-ui/react";import fr from"react-apexcharts";import*as ur from"react";import hr,{memo as mr,useState as pr,forwardRef as gr,useEffect as br,useRef as yr,useCallback as xr,useContext as vr,useMemo as wr,useImperativeHandle as Cr,createContext as Sr}from"react";import{InfoIcon as kr,Info as zr,CircleCheck as Mr,CircleX as Ar,ChevronLeftIcon as Ir,ChevronRightIcon as Fr,ChevronDown as Pr,Upload as Er,Eye as Tr,FileText as Dr,X as Or,MenuIcon as Rr,SquarePen as Wr,CirclePlus as $r,ChevronUp as Lr,Trash2 as Br,ExternalLink as _r,CircleArrowLeft as Nr,LogOut as jr,Paperclip as Hr,User as qr,BetweenHorizonalStart as Yr,GripVertical as Vr,Search as Ur,Plus as Xr,PlusIcon as Gr,LockKeyhole as Qr,ChevronRight as Jr,ArrowRightToLine as Kr,ArrowLeftToLine as Zr,ChevronsLeft as et,ChevronLeft as rt,ChevronsRight as tt,EllipsisVertical as ot,ChevronsUpDown as nt,Pencil as it,Settings as at,Volleyball as lt,IndianRupee as ct,MailCheck as st,Table2 as dt,Columns3 as ft,Star as ut,BookCheck as ht}from"lucide-react";import{motion as mt}from"framer-motion";import pt from"jodit-react";import{useDropzone as gt}from"react-dropzone";import{Draggable as bt,DragDropContext as yt,Droppable as xt}from"@hello-pangea/dnd";const vt=({allowMultiple:t,allowToggle:l,index:c,onChange:s,reduceMotion:d,items:f,...u})=>e(o,{allowMultiple:t,allowToggle:l,index:c,onChange:s,reduceMotion:d,...u,children:f.map(((t,o)=>r(n,{...t.itemProps,sx:t.customStyles?.itemStyle,children:[e("h2",{children:e(i,{...t.buttonProps,sx:{...t.customStyles?.buttonStyle,"&:hover":{...t.customStyles?.hoverbuttonStyle}},children:t.header})}),e(a,{...t.panelProps,sx:t.customStyles?.panelStyle,children:t.content})]},o)))}),wt=({isOpen:t,onClose:o,leastDestructiveRef:n,content:i,title:a,confirmButtonText:p="Yes",cancelButtonText:g="No",isConfirmLoading:b,onConfirm:y,ContentStyle:x,headerStyle:v,bodyStyle:w,footerStyle:C,closeButtonStyle:S,button1Style:k,button2Style:z,isCentered:M,confirmButtonColor:A="red",key:I})=>r(l,{motionPreset:"slideInBottom",leastDestructiveRef:n,onClose:o,isOpen:t,isCentered:M,children:[e(c,{}),r(s,{sx:x,children:[e(d,{sx:v,children:a}),e(f,{sx:S}),e(u,{sx:w,children:i}),r(h,{sx:C,children:[e(m,{ref:null,onClick:o,size:"sm",sx:k,children:g}),e(m,{colorScheme:A,onClick:y,isLoading:b,ml:3,size:"sm",sx:z,children:p})]})]})]},I);function Ct({data:r,labels:t,title:o,titlePosition:n,height:i=400,width:a=500,barColor:l=["#3182ce"],xAxisStyle:c={color:"#ffffff"},yAxisStyle:s={color:"#ffffff"},titleStyle:d={color:"#3182ce",fontSize:"16px",fontWeight:600,fontFamily:"Arial"}}){return e("div",{children:e(fr,{options:{chart:{type:"bar",height:350},plotOptions:{bar:{borderRadius:4,horizontal:!1}},dataLabels:{enabled:!1,style:{fontSize:"12px",colors:["#00E396"]}},xaxis:{categories:t,labels:{style:c}},yaxis:{labels:{style:s}},title:{text:o,align:n,style:d},colors:l},series:[{name:"Data",data:r}],type:"bar",height:i,width:a})})}function St({data:r,labels:t,title:o,titlePosition:n,height:i=400,width:a=500,chartColor:l,titleStyle:c={color:"#3182ce"}}){return e("div",{children:e(fr,{options:{chart:{type:"pie",height:350},labels:t,title:{text:o,align:n,style:c},colors:l},series:r,type:"pie",height:i,width:a})})}function kt({spacing:r,separator:t,fontWeight:o,fontSize:n,isCurrentPage:i,handleClick:a,items:l}){const c=p();return e(g,{spacing:r,separator:t,fontWeight:o,fontSize:n,fontFamily:c.fonts.body,children:l.map(((r,t)=>e(b,{isCurrentPage:i&&t===l.length-1,children:e(y,{href:r.path,sx:{"&:hover, &:active":{textDecoration:"none"}},onClick:e=>{e.preventDefault(),a(r.path)},children:r.label})},t)))})}var zt=mr((function({label:r,children:t,onClick:o,opacity:n,variant:i="solid",leftIcon:a,rightIcon:l,size:c,isDisabled:s=!1,isLoading:d=!1,loadingText:f="Loading",type:u,width:h,sx:p,colorScheme:g,ref:b,border:y,borderRadius:x}){return e(m,{type:u,onClick:o,width:h||"fit-content",variant:i,size:c,isLoading:d,isDisabled:s,loadingText:f,leftIcon:a,rightIcon:l,ref:b,colorScheme:g,sx:p,opacity:n,border:y,borderRadius:x,children:t??r})}));const Mt=()=>p();function At({leftIcon:t,rightIcon:o,onLeftIconClick:n,onRightIconClick:i,buttonText:a,onButtonClick:l,onButtongroupClick:c,size:s,variant:d,color:f,buttonGroupStyle:u,buttonGroupLeftIconStyle:h,buttonGroupRightIconStyle:p,buttonStyle:g,onBlurLeftIcon:b,onBlurRightIcon:y,dropdownOptions:M,onDropdownOptionClick:A,rightIconDropdown:I,menulistStyle:F,menuItemStyle:P,isLoading:E,divider:T=!0}){const D=Mt(),[O,R]=pr(!1);return r(x,{size:s,isAttached:!0,variant:d,onClick:c,colorScheme:f,style:u,children:[t&&e(v,{"aria-label":"Left icon button",icon:t,onClick:n,onBlur:b,style:h,sx:{backgroundColor:D.colors.primary[500],"&:hover":{backgroundColor:D.colors.primary[400]}}}),e(m,{onClick:l,style:g,isLoading:E,sx:{backgroundColor:D.colors.primary[500],"&:hover":{backgroundColor:D.colors.primary[400]}},borderLeft:`1px solid ${D.colors?.gray[300]}`,borderRight:`1px solid ${D.colors?.gray[300]}`,children:a}),o&&I?r(w,{isOpen:O,onClose:()=>R(!1),children:[e(C,{as:v,"aria-label":"Right icon button",icon:o,onClick:()=>{R(!O),i&&i()},onBlur:y,style:p,sx:{backgroundColor:D.colors.primary[500],"&:hover":{backgroundColor:D.colors.primary[400]}}}),e(S,{sx:{zIndex:99},children:e(k,{style:F,children:M?.map(((e,t)=>r(z,{onClick:r=>((e,r)=>{R(!1),A&&A(e,r)})(r,e),style:P,borderBottom:T?`1px solid ${D.colors?.gray[300]}`:void 0,sx:{"&:last-child":{borderBottom:"none"}},children:[e?.image,e.label]},t)))})})]}):o&&e(v,{"aria-label":"Right icon button",icon:o,onClick:i,onBlur:y,style:p,sx:{backgroundColor:D.colors.primary[500],"&:hover":{backgroundColor:D.colors.primary[400]}}})]})}function It({key:r,maxW:t,align:o,variant:n,direction:i,justify:a,children:l,size:c,color:s,overflow:d,sx:f}){return e(M,{maxW:t,align:o,variant:n,direction:i,justify:a,size:c,overflow:d,colorScheme:s,p:4,sx:f,children:l},r)}const Ft=({label:t,id:o,isRequired:n=!1,isInformation:i=!1,informationMessage:a=""})=>{const l=Mt();return e(S,{children:e(A,{htmlFor:o??t,color:l.colors.gray[600],fontWeight:400,fontSize:"0.875rem",children:r(S,{as:"span",display:"inline-flex",alignItems:"center",gap:"0.35rem",children:[t,n&&e("span",{style:{color:l.colors.semantic.error[500]},children:"*"}),i&&a&&e(I,{label:a,hasArrow:!0,placement:"top",bg:l.colors.gray[600],color:l.colors.white,fontSize:"0.75rem",children:e(F,{as:kr,color:l.colors.gray[500],boxSize:4})})]})})})},Pt=({errorMessage:t})=>{const o=Mt();return r(P,{align:"center",color:o.colors.red[500],fontSize:"0.875rem",role:"alert",children:[e(zr,{width:"0.875rem"}),e(E,{ml:"0.188rem",children:t??"Error"})]})},Et=({helperText:r})=>{const t=Mt();return e(T,{mt:1,fontSize:14,color:t.colors.gray[500],children:r})};function Tt({label:t,spacing:o,isInvalid:n,color:i,iconColor:a,iconSize:l,isChecked:c,isIndeterminate:s,onChange:d,isDisabled:f,size:u,value:h,defaultChecked:m,sx:p,isRequired:g,error:b,errorMessage:y,isInformation:x,informationMessage:v,id:w,helperText:C}){const S=Mt();return r(D,{isInvalid:b,children:[e(O,{spacing:o,isInvalid:n,isRequired:g,colorScheme:i,iconColor:a,iconSize:l,isChecked:c,isIndeterminate:s,onChange:d,isDisabled:f,size:u,value:h,defaultChecked:m,borderColor:S.colors.gray[500],sx:p,display:"flex",alignItems:"inherit",children:t&&e(Ft,{label:t,id:w,isInformation:x,informationMessage:v,isRequired:g})}),b&&e(Pt,{errorMessage:y}),C&&!b&&e(Et,{helperText:C})]})}const Dt=gr((({label:t,type:o="text",id:n,name:i,onChange:a,onBlur:l,onFocus:c,isDisabled:s=!1,isReadOnly:d=!1,isRequired:f=!1,value:u,placeholder:h="Placeholder",width:m="100%",height:p="2.75rem",error:g,errorMessage:b,helperText:y,onRightIconclick:x,inputRightIcon:v,inputLeftIcon:w,onLeftIconClick:C,inputGroupStyle:S,inputStyle:k,size:z="md",isInformation:M=!1,informationMessage:A,leftElementStyle:I,rightElementStyle:F,autoComplete:P,minW:E,maxW:T,...O},B)=>r(D,{w:m,minW:E,maxW:T,children:[t&&e(Ft,{label:t,id:n,isInformation:M,informationMessage:A,isRequired:f}),r(R,{style:S,height:p,children:[w&&e(W,{onClick:C,pointerEvents:C?"auto":"none",...I,children:w}),e($,{type:o,placeholder:h,onChange:a,onBlur:l,onFocus:c,value:u,isDisabled:s,isReadOnly:d,id:n,name:i,size:z,height:p,isInvalid:g,ref:B,autoComplete:P,...k,...O}),v&&e(L,{onClick:x,pointerEvents:x?"auto":"none",...F,children:v})]}),g&&e(Pt,{errorMessage:b}),y&&!g&&e(Et,{helperText:y})]})));Dt.displayName="TextInput";var Ot=hr.memo(Dt);const Rt=({apiKey:t,customFields:o,getCustomValues:n,isDisabled:i=!1,organizationId:a,customerId:l})=>{const{colors:c}=Mt(),[s,d]=pr({firstName:"",lastName:"",email:"",phone:"",enquiry:""}),[f,u]=pr({title:"",isSuccess:!1}),[h,p]=pr({}),g=(e,r)=>{d((t=>({...t,[e]:r}))),p((r=>({...r,[e]:""})))};return r(S,{maxW:"lg",mx:"auto",p:8,borderRadius:"2xl",boxShadow:"lg",bg:c?.background?.[300],children:[f.title?r(B,{status:f?.isSuccess?"success":"error",fontWeight:"bold",variant:"solid",mb:1,children:[e(f?.isSuccess?Mr:Ar,{}),"  "," ",f.title]}):null,e(_,{textAlign:"center",size:"lg",mb:2,children:"Contact Us"}),e(E,{textAlign:"center",mb:6,color:"gray.500",children:"Fill in the form below to reach out to us."}),e(S,{as:"form",onSubmit:async e=>{if(e.preventDefault(),i)return;if(!(()=>{const e={};return s.firstName.trim()||(e.firstName="First name is required"),s.phone.trim()?/^\d{7,15}$/.test(s.phone)||(e.phone="Phone must be 7–15 digits"):e.phone="Phone is required",p(e),0===Object.keys(e).length})())return;if(!t)return void u({title:"API key missing",isSuccess:!1});const r=n?.()??{},o={name:s?.firstName+" "+s?.lastName,firstName:s?.firstName,lastName:s?.lastName,email:s.email,phone:s.phone,message:s.enquiry,...r,customerId:l,organizationId:a};try{const e=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}),r=await e.json();if(!e.ok)throw new Error(r.message||"Submission failed");d({firstName:"",lastName:"",email:"",phone:"",enquiry:""}),u({title:"Message Sent Successfully",isSuccess:!0})}catch(e){u({title:"Failed to send message",isSuccess:!1})}},children:r(N,{spacing:4,children:[r(j,{columns:{base:1,md:2},spacing:4,w:"100%",children:[r(D,{isInvalid:!!h.firstName,isRequired:!0,children:[e(Ot,{label:"First Name",placeholder:"Enter first name",value:s.firstName,onChange:e=>g("firstName",e.target.value),isRequired:!0}),e(H,{children:h.firstName})]}),e(D,{children:e(Ot,{label:"Last Name",placeholder:"Enter last name",value:s.lastName,onChange:e=>g("lastName",e.target.value)})})]}),r(j,{columns:{base:1,md:2},spacing:4,w:"100%",children:[r(D,{isInvalid:!!h.phone,isRequired:!0,children:[e(Ot,{label:"Phone",placeholder:"Enter phone number",value:s.phone,onChange:e=>g("phone",e.target.value),isRequired:!0}),e(H,{children:h.phone})]}),r(D,{isInvalid:!!h.email,children:[e(Ot,{label:"Email",placeholder:"Enter email",value:s.email,onChange:e=>g("email",e.target.value)}),e(H,{children:h.email})]})]}),o,r(D,{w:"100%",children:[e(E,{fontSize:"sm",mb:1,children:"Enquiry"}),e(q,{placeholder:"Enter your enquiry",rows:5,value:s.enquiry,onChange:e=>g("enquiry",e.target.value)})]}),e(m,{type:"submit",disabled:i,colorScheme:"blue",w:"full",mt:2,children:"Send Message"})]})})]})};function Wt(e){const r=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===r?new e.constructor(+e):"number"==typeof e||"[object Number]"===r||"string"==typeof e||"[object String]"===r?new Date(e):new Date(NaN)}function $t(e,r){return e instanceof Date?new e.constructor(r):new Date(r)}function Lt(e,r){const t=Wt(e);return isNaN(r)?$t(e,NaN):r?(t.setDate(t.getDate()+r),t):t}function Bt(e,r){const t=Wt(e);if(isNaN(r))return $t(e,NaN);if(!r)return t;const o=t.getDate(),n=$t(e,t.getTime());n.setMonth(t.getMonth()+r+1,0);return o>=n.getDate()?n:(t.setFullYear(n.getFullYear(),n.getMonth(),o),t)}const _t=6048e5;let Nt={};function jt(){return Nt}function Ht(e,r){const t=jt(),o=r?.weekStartsOn??r?.locale?.options?.weekStartsOn??t.weekStartsOn??t.locale?.options?.weekStartsOn??0,n=Wt(e),i=n.getDay(),a=(i<o?7:0)+i-o;return n.setDate(n.getDate()-a),n.setHours(0,0,0,0),n}function qt(e){return Ht(e,{weekStartsOn:1})}function Yt(e){const r=Wt(e),t=r.getFullYear(),o=$t(e,0);o.setFullYear(t+1,0,4),o.setHours(0,0,0,0);const n=qt(o),i=$t(e,0);i.setFullYear(t,0,4),i.setHours(0,0,0,0);const a=qt(i);return r.getTime()>=n.getTime()?t+1:r.getTime()>=a.getTime()?t:t-1}function Vt(e){const r=Wt(e);return r.setHours(0,0,0,0),r}function Ut(e){const r=Wt(e),t=new Date(Date.UTC(r.getFullYear(),r.getMonth(),r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds(),r.getMilliseconds()));return t.setUTCFullYear(r.getFullYear()),+e-+t}function Xt(e,r){return+Vt(e)===+Vt(r)}function Gt(e){if(!(r=e,r instanceof Date||"object"==typeof r&&"[object Date]"===Object.prototype.toString.call(r)||"number"==typeof e))return!1;var r;const t=Wt(e);return!isNaN(Number(t))}const Qt={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function Jt(e){return(r={})=>{const t=r.width?String(r.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}const Kt={date:Jt({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Jt({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:Jt({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Zt={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function eo(e){return(r,t)=>{let o;if("formatting"===(t?.context?String(t.context):"standalone")&&e.formattingValues){const r=e.defaultFormattingWidth||e.defaultWidth,n=t?.width?String(t.width):r;o=e.formattingValues[n]||e.formattingValues[r]}else{const r=e.defaultWidth,n=t?.width?String(t.width):e.defaultWidth;o=e.values[n]||e.values[r]}return o[e.argumentCallback?e.argumentCallback(r):r]}}function ro(e){return(r,t={})=>{const o=t.width,n=o&&e.matchPatterns[o]||e.matchPatterns[e.defaultMatchWidth],i=r.match(n);if(!i)return null;const a=i[0],l=o&&e.parsePatterns[o]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(l)?function(e,r){for(let t=0;t<e.length;t++)if(r(e[t]))return t;return}(l,(e=>e.test(a))):function(e,r){for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)&&r(e[t]))return t;return}(l,(e=>e.test(a)));let s;s=e.valueCallback?e.valueCallback(c):c,s=t.valueCallback?t.valueCallback(s):s;return{value:s,rest:r.slice(a.length)}}}var to;const oo={code:"en-US",formatDistance:(e,r,t)=>{let o;const n=Qt[e];return o="string"==typeof n?n:1===r?n.one:n.other.replace("{{count}}",r.toString()),t?.addSuffix?t.comparison&&t.comparison>0?"in "+o:o+" ago":o},formatLong:Kt,formatRelative:(e,r,t,o)=>Zt[e],localize:{ordinalNumber:(e,r)=>{const t=Number(e),o=t%100;if(o>20||o<10)switch(o%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},era:eo({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:eo({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:eo({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:eo({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:eo({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(to={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,r={})=>{const t=e.match(to.matchPattern);if(!t)return null;const o=t[0],n=e.match(to.parsePattern);if(!n)return null;let i=to.valueCallback?to.valueCallback(n[0]):n[0];return i=r.valueCallback?r.valueCallback(i):i,{value:i,rest:e.slice(o.length)}}),era:ro({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:ro({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:ro({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:ro({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:ro({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function no(e){const r=Wt(e),t=function(e,r){const t=Vt(e),o=Vt(r),n=+t-Ut(t),i=+o-Ut(o);return Math.round((n-i)/864e5)}(r,function(e){const r=Wt(e),t=$t(e,0);return t.setFullYear(r.getFullYear(),0,1),t.setHours(0,0,0,0),t}(r));return t+1}function io(e){const r=Wt(e),t=+qt(r)-+function(e){const r=Yt(e),t=$t(e,0);return t.setFullYear(r,0,4),t.setHours(0,0,0,0),qt(t)}(r);return Math.round(t/_t)+1}function ao(e,r){const t=Wt(e),o=t.getFullYear(),n=jt(),i=r?.firstWeekContainsDate??r?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,a=$t(e,0);a.setFullYear(o+1,0,i),a.setHours(0,0,0,0);const l=Ht(a,r),c=$t(e,0);c.setFullYear(o,0,i),c.setHours(0,0,0,0);const s=Ht(c,r);return t.getTime()>=l.getTime()?o+1:t.getTime()>=s.getTime()?o:o-1}function lo(e,r){const t=Wt(e),o=+Ht(t,r)-+function(e,r){const t=jt(),o=r?.firstWeekContainsDate??r?.locale?.options?.firstWeekContainsDate??t.firstWeekContainsDate??t.locale?.options?.firstWeekContainsDate??1,n=ao(e,r),i=$t(e,0);return i.setFullYear(n,0,o),i.setHours(0,0,0,0),Ht(i,r)}(t,r);return Math.round(o/_t)+1}function co(e,r){return(e<0?"-":"")+Math.abs(e).toString().padStart(r,"0")}const so={y(e,r){const t=e.getFullYear(),o=t>0?t:1-t;return co("yy"===r?o%100:o,r.length)},M(e,r){const t=e.getMonth();return"M"===r?String(t+1):co(t+1,2)},d:(e,r)=>co(e.getDate(),r.length),a(e,r){const t=e.getHours()/12>=1?"pm":"am";switch(r){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];default:return"am"===t?"a.m.":"p.m."}},h:(e,r)=>co(e.getHours()%12||12,r.length),H:(e,r)=>co(e.getHours(),r.length),m:(e,r)=>co(e.getMinutes(),r.length),s:(e,r)=>co(e.getSeconds(),r.length),S(e,r){const t=r.length,o=e.getMilliseconds();return co(Math.trunc(o*Math.pow(10,t-3)),r.length)}},fo="midnight",uo="noon",ho="morning",mo="afternoon",po="evening",go="night",bo={G:function(e,r,t){const o=e.getFullYear()>0?1:0;switch(r){case"G":case"GG":case"GGG":return t.era(o,{width:"abbreviated"});case"GGGGG":return t.era(o,{width:"narrow"});default:return t.era(o,{width:"wide"})}},y:function(e,r,t){if("yo"===r){const r=e.getFullYear(),o=r>0?r:1-r;return t.ordinalNumber(o,{unit:"year"})}return so.y(e,r)},Y:function(e,r,t,o){const n=ao(e,o),i=n>0?n:1-n;if("YY"===r){return co(i%100,2)}return"Yo"===r?t.ordinalNumber(i,{unit:"year"}):co(i,r.length)},R:function(e,r){return co(Yt(e),r.length)},u:function(e,r){return co(e.getFullYear(),r.length)},Q:function(e,r,t){const o=Math.ceil((e.getMonth()+1)/3);switch(r){case"Q":return String(o);case"QQ":return co(o,2);case"Qo":return t.ordinalNumber(o,{unit:"quarter"});case"QQQ":return t.quarter(o,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(o,{width:"narrow",context:"formatting"});default:return t.quarter(o,{width:"wide",context:"formatting"})}},q:function(e,r,t){const o=Math.ceil((e.getMonth()+1)/3);switch(r){case"q":return String(o);case"qq":return co(o,2);case"qo":return t.ordinalNumber(o,{unit:"quarter"});case"qqq":return t.quarter(o,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(o,{width:"narrow",context:"standalone"});default:return t.quarter(o,{width:"wide",context:"standalone"})}},M:function(e,r,t){const o=e.getMonth();switch(r){case"M":case"MM":return so.M(e,r);case"Mo":return t.ordinalNumber(o+1,{unit:"month"});case"MMM":return t.month(o,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(o,{width:"narrow",context:"formatting"});default:return t.month(o,{width:"wide",context:"formatting"})}},L:function(e,r,t){const o=e.getMonth();switch(r){case"L":return String(o+1);case"LL":return co(o+1,2);case"Lo":return t.ordinalNumber(o+1,{unit:"month"});case"LLL":return t.month(o,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(o,{width:"narrow",context:"standalone"});default:return t.month(o,{width:"wide",context:"standalone"})}},w:function(e,r,t,o){const n=lo(e,o);return"wo"===r?t.ordinalNumber(n,{unit:"week"}):co(n,r.length)},I:function(e,r,t){const o=io(e);return"Io"===r?t.ordinalNumber(o,{unit:"week"}):co(o,r.length)},d:function(e,r,t){return"do"===r?t.ordinalNumber(e.getDate(),{unit:"date"}):so.d(e,r)},D:function(e,r,t){const o=no(e);return"Do"===r?t.ordinalNumber(o,{unit:"dayOfYear"}):co(o,r.length)},E:function(e,r,t){const o=e.getDay();switch(r){case"E":case"EE":case"EEE":return t.day(o,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(o,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(o,{width:"short",context:"formatting"});default:return t.day(o,{width:"wide",context:"formatting"})}},e:function(e,r,t,o){const n=e.getDay(),i=(n-o.weekStartsOn+8)%7||7;switch(r){case"e":return String(i);case"ee":return co(i,2);case"eo":return t.ordinalNumber(i,{unit:"day"});case"eee":return t.day(n,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(n,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(n,{width:"short",context:"formatting"});default:return t.day(n,{width:"wide",context:"formatting"})}},c:function(e,r,t,o){const n=e.getDay(),i=(n-o.weekStartsOn+8)%7||7;switch(r){case"c":return String(i);case"cc":return co(i,r.length);case"co":return t.ordinalNumber(i,{unit:"day"});case"ccc":return t.day(n,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(n,{width:"narrow",context:"standalone"});case"cccccc":return t.day(n,{width:"short",context:"standalone"});default:return t.day(n,{width:"wide",context:"standalone"})}},i:function(e,r,t){const o=e.getDay(),n=0===o?7:o;switch(r){case"i":return String(n);case"ii":return co(n,r.length);case"io":return t.ordinalNumber(n,{unit:"day"});case"iii":return t.day(o,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(o,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(o,{width:"short",context:"formatting"});default:return t.day(o,{width:"wide",context:"formatting"})}},a:function(e,r,t){const o=e.getHours()/12>=1?"pm":"am";switch(r){case"a":case"aa":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(o,{width:"narrow",context:"formatting"});default:return t.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(e,r,t){const o=e.getHours();let n;switch(n=12===o?uo:0===o?fo:o/12>=1?"pm":"am",r){case"b":case"bb":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(n,{width:"narrow",context:"formatting"});default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},B:function(e,r,t){const o=e.getHours();let n;switch(n=o>=17?po:o>=12?mo:o>=4?ho:go,r){case"B":case"BB":case"BBB":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(n,{width:"narrow",context:"formatting"});default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},h:function(e,r,t){if("ho"===r){let r=e.getHours()%12;return 0===r&&(r=12),t.ordinalNumber(r,{unit:"hour"})}return so.h(e,r)},H:function(e,r,t){return"Ho"===r?t.ordinalNumber(e.getHours(),{unit:"hour"}):so.H(e,r)},K:function(e,r,t){const o=e.getHours()%12;return"Ko"===r?t.ordinalNumber(o,{unit:"hour"}):co(o,r.length)},k:function(e,r,t){let o=e.getHours();return 0===o&&(o=24),"ko"===r?t.ordinalNumber(o,{unit:"hour"}):co(o,r.length)},m:function(e,r,t){return"mo"===r?t.ordinalNumber(e.getMinutes(),{unit:"minute"}):so.m(e,r)},s:function(e,r,t){return"so"===r?t.ordinalNumber(e.getSeconds(),{unit:"second"}):so.s(e,r)},S:function(e,r){return so.S(e,r)},X:function(e,r,t){const o=e.getTimezoneOffset();if(0===o)return"Z";switch(r){case"X":return xo(o);case"XXXX":case"XX":return vo(o);default:return vo(o,":")}},x:function(e,r,t){const o=e.getTimezoneOffset();switch(r){case"x":return xo(o);case"xxxx":case"xx":return vo(o);default:return vo(o,":")}},O:function(e,r,t){const o=e.getTimezoneOffset();switch(r){case"O":case"OO":case"OOO":return"GMT"+yo(o,":");default:return"GMT"+vo(o,":")}},z:function(e,r,t){const o=e.getTimezoneOffset();switch(r){case"z":case"zz":case"zzz":return"GMT"+yo(o,":");default:return"GMT"+vo(o,":")}},t:function(e,r,t){return co(Math.trunc(e.getTime()/1e3),r.length)},T:function(e,r,t){return co(e.getTime(),r.length)}};function yo(e,r=""){const t=e>0?"-":"+",o=Math.abs(e),n=Math.trunc(o/60),i=o%60;return 0===i?t+String(n):t+String(n)+r+co(i,2)}function xo(e,r){if(e%60==0){return(e>0?"-":"+")+co(Math.abs(e)/60,2)}return vo(e,r)}function vo(e,r=""){const t=e>0?"-":"+",o=Math.abs(e);return t+co(Math.trunc(o/60),2)+r+co(o%60,2)}const wo=(e,r)=>{switch(e){case"P":return r.date({width:"short"});case"PP":return r.date({width:"medium"});case"PPP":return r.date({width:"long"});default:return r.date({width:"full"})}},Co=(e,r)=>{switch(e){case"p":return r.time({width:"short"});case"pp":return r.time({width:"medium"});case"ppp":return r.time({width:"long"});default:return r.time({width:"full"})}},So={p:Co,P:(e,r)=>{const t=e.match(/(P+)(p+)?/)||[],o=t[1],n=t[2];if(!n)return wo(e,r);let i;switch(o){case"P":i=r.dateTime({width:"short"});break;case"PP":i=r.dateTime({width:"medium"});break;case"PPP":i=r.dateTime({width:"long"});break;default:i=r.dateTime({width:"full"})}return i.replace("{{date}}",wo(o,r)).replace("{{time}}",Co(n,r))}},ko=/^D+$/,zo=/^Y+$/,Mo=["D","DD","YY","YYYY"];const Ao=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Io=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Fo=/^'([^]*?)'?$/,Po=/''/g,Eo=/[a-zA-Z]/;function To(e,r,t){const o=jt(),n=t?.locale??o.locale??oo,i=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,a=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??o.weekStartsOn??o.locale?.options?.weekStartsOn??0,l=Wt(e);if(!Gt(l))throw new RangeError("Invalid time value");let c=r.match(Io).map((e=>{const r=e[0];if("p"===r||"P"===r){return(0,So[r])(e,n.formatLong)}return e})).join("").match(Ao).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const r=e[0];if("'"===r)return{isToken:!1,value:Do(e)};if(bo[r])return{isToken:!0,value:e};if(r.match(Eo))throw new RangeError("Format string contains an unescaped latin alphabet character `"+r+"`");return{isToken:!1,value:e}}));n.localize.preprocessor&&(c=n.localize.preprocessor(l,c));const s={firstWeekContainsDate:i,weekStartsOn:a,locale:n};return c.map((o=>{if(!o.isToken)return o.value;const i=o.value;(!t?.useAdditionalWeekYearTokens&&function(e){return zo.test(e)}(i)||!t?.useAdditionalDayOfYearTokens&&function(e){return ko.test(e)}(i))&&function(e,r,t){const o=function(e,r,t){const o="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${r}\`) for formatting ${o} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,r,t);if(console.warn(o),Mo.includes(e))throw new RangeError(o)}(i,r,String(e));return(0,bo[i[0]])(l,i,n.localize,s)})).join("")}function Do(e){const r=e.match(Fo);return r?r[1].replace(Po,"'"):e}function Oo(e,r){const t=Wt(e),o=Wt(r);return t.getTime()>o.getTime()}function Ro(e,r){return+Wt(e)<+Wt(r)}const Wo=({date:t,onChange:o,dateFormat:n})=>{const i=/(hh|h).*a/i.test(n),[a,l]=pr(t.getHours()),[c,s]=pr(t.getMinutes()),[d,f]=pr(i?t.getHours()>=12?"PM":"AM":"");br((()=>{const e=t.getHours();l(e),s(t.getMinutes()),i&&f(e>=12?"PM":"AM")}),[t,i]);const u=(e,r,n)=>{const a=i?((e,r)=>"AM"===r?12===e?0:e:12===e?12:e+12)(e,n||d):e,l=new Date(t);l.setHours(a),l.setMinutes(r),l.setSeconds(0),l.setMilliseconds(0),o(l)};return r("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",fontSize:"1.25rem",marginTop:"1rem"},children:[e("input",{type:"number",value:i?a%12==0?12:a%12:a,onChange:e=>{let r=parseInt(e.target.value||"1",10);i?(r=Math.max(1,Math.min(12,r)),l(r),u(r,c,d)):(r=Math.max(0,Math.min(23,r)),l(r),u(r,c))},min:i?1:0,max:i?12:23,style:{width:"3rem",textAlign:"center"}}),":",e("input",{type:"number",value:c.toString().padStart(2,"0"),onChange:e=>{let r=parseInt(e.target.value||"0",10);r=Math.max(0,Math.min(59,r)),s(r),u(a,r,d)},min:0,max:59,style:{width:"3rem",textAlign:"center"}}),i&&e("button",{type:"button",onClick:()=>{const e="AM"===d?"PM":"AM",r=a%12==0?12:a%12;f(e),l(r),u(r,c,e)},style:{fontWeight:"bold",padding:"0.25rem 0.5rem",border:"none",background:"transparent",cursor:"pointer"},children:d})]})};function $o(o){const{id:n,name:i,label:a,isRequired:l,isInformation:c,informationMessage:s,error:d,errorMessage:f,helperText:u,placeholderText:h="Select a date",dateFormat:m="dd/MM/yyyy",pickerType:p,minDate:g,maxDate:b,disableFutureDates:y,disablePastDates:x,isRange:v,autoComplete:w="off",disabled:C,width:k="100%"}=o,z=Mt(),{isOpen:M,onOpen:A,onClose:I}=Y(),F=p??(e=>{const r=e.toLowerCase(),t=r.includes("hh")||r.includes("mm")||r.includes("ss"),o=r.includes("d")&&r.includes("m")&&r.includes("y");return t&&o?"datetime":t?"time":"date"})(m),P=yr(null),E=new Date,T="date"===F||"datetime"===F,D="time"===F||"datetime"===F,O=v?null:o.selectedDate,[R,W]=pr(v?new Date:O??new Date),[$,L]=pr(null),[B,_]=pr(null),[N,j]=pr(!0),[H,q]=pr(O??null),[J,K]=pr($),[Z,ee]=pr(B),re=yr(null);br((()=>{v||(O instanceof Date?q(new Date(O)):q(null))}),[O,v]);const te=e=>{const r=new Date(e);if(v)if(N)K(r),ee(null),j(!1);else{const e=J&&r<J?J:r,t=(J&&r<J?r:J)??r;K(t),ee(e),j(!0),t&&e&&o.onChange({from:t,to:e})}else{const e=H?new Date(r.getFullYear(),r.getMonth(),r.getDate(),H.getHours(),H.getMinutes(),H.getSeconds()):r;q(e),o.onChange(e)}},oe=v?J&&Z?`${To(J,m)} - ${To(Z,m)}`:J?`${To(J,m)} -`:"":H?To(H,m):"";return br((()=>{const e=e=>{!re.current||re.current.contains(e.target)||P.current?.contains(e.target)||I()};return M?document.addEventListener("mousedown",e):document.removeEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[M,I]),r(S,{width:k,position:"relative",children:[a&&e(Ft,{label:a,isRequired:l,isInformation:c,informationMessage:s}),r(V,{isLazy:!0,isOpen:M,onClose:I,placement:"bottom-start",initialFocusRef:P,closeOnBlur:!0,children:[e(U,{children:e(S,{onClick:()=>{v||O||q(new Date),A()},children:e(Ot,{id:n,name:i,ref:P,placeholder:h,value:oe,isReadOnly:!0,error:d,errorMessage:f,helperText:u,autoComplete:w,isDisabled:C,width:k})})}),e(X,{width:"auto",p:2,ref:re,children:r(G,{children:[T&&r(t,{children:[r(S,{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2,children:[e(zt,{variant:"ghost",size:"sm",onClick:()=>W((e=>Bt(e,-1))),children:e(Ir,{})}),r(S,{display:"flex",alignItems:"center",gap:2,children:[e("select",{value:R.getMonth(),onChange:e=>{const r=parseInt(e.target.value,10);W((e=>new Date(e.getFullYear(),r,1)))},children:Array.from({length:12}).map(((r,t)=>e("option",{value:t,children:To(new Date(2e3,t,1),"MMMM")},t)))}),e("select",{value:R.getFullYear(),onChange:e=>{const r=parseInt(e.target.value,10);W((e=>new Date(r,e.getMonth(),1)))},children:Array.from({length:100}).map(((r,t)=>{const o=(new Date).getFullYear()-50+t;return e("option",{value:o,children:o},o)}))})]}),e(zt,{variant:"ghost",size:"sm",onClick:()=>W((e=>Bt(e,1))),children:e(Fr,{})})]}),e(Q,{templateColumns:"repeat(7, 1fr)",gap:1,fontWeight:"bold",mb:1,children:["Su","Mo","Tu","We","Th","Fr","Sa"].map((r=>e(S,{textAlign:"center",children:r},r)))}),(()=>{const r=function(e){const r=Wt(e);return r.setDate(1),r.setHours(0,0,0,0),r}(R),t=function(e){const r=Wt(e),t=r.getMonth();return r.setFullYear(r.getFullYear(),t+1,0),r.setHours(23,59,59,999),r}(R),o=Ht(r),n=function(e,r){const t=jt(),o=r?.weekStartsOn??r?.locale?.options?.weekStartsOn??t.weekStartsOn??t.locale?.options?.weekStartsOn??0,n=Wt(e),i=n.getDay(),a=6+(i<o?-7:0)-(i-o);return n.setDate(n.getDate()+a),n.setHours(23,59,59,999),n}(t),i=[];let a=o;for(;a<=n;){const r=[];for(let t=0;t<7;t++){const t=a,o=t.getMonth()===R.getMonth(),n=Xt(t,E),i=v&&J&&Xt(t,J),l=v&&Z&&Xt(t,Z),c=v&&J&&Z&&Oo(t,J)&&Ro(t,Z),s=!v&&H&&Xt(t,H),d=!o||g&&Ro(t,g)||b&&Oo(t,b)||x&&Ro(t,E)&&!Xt(t,E)||y&&Oo(t,E)&&!Xt(t,E);r.push(e(zt,{size:"sm",variant:i||l?"solid":c?"outline":s?"solid":"ghost",colorScheme:i||l||c||s?"primary":"gray",opacity:o?1:.4,onClick:()=>!d&&te(new Date(t)),isDisabled:d,border:n?`0.125rem solid ${z.colors.primary[500]}`:void 0,borderRadius:"md",children:To(t,"d")},t.toString())),a=Lt(a,1)}i.push(e(Q,{templateColumns:"repeat(7, 1fr)",gap:1,children:r},a.toString()))}return i})()]}),!v&&D&&e(Wo,{date:H??new Date,dateFormat:m,onChange:e=>{q(e),o.onChange(e)}}),r(S,{display:"flex",justifyContent:"space-between",mt:3,children:[e(zt,{size:"sm",variant:"ghost",onClick:()=>{q(null),K(null),ee(null),L(null),_(null),j(!0),o.onChange(null),I()},children:"Clear"}),e(zt,{size:"sm",colorScheme:"primary",onClick:()=>{v&&J&&Z?(L(J),_(Z),o.onChange({from:J,to:Z})):!v&&H&&o.onChange(H),I()},children:"OK"})]})]})})]})]})}const Lo=({children:r})=>e(t,{children:r}),Bo=({children:r})=>e(t,{children:r}),_o=({children:r})=>e(t,{children:r});function No({isOpen:t,onClose:o,placement:n="right",size:i="xl",id:a,variant:l="solid",children:c}){const s=e=>null!==e&&"object"==typeof e&&"type"in e,d=hr.Children.toArray(c).find((e=>s(e)&&e.type===Lo)),f=hr.Children.toArray(c).find((e=>s(e)&&e.type===Bo)),u=hr.Children.toArray(c).find((e=>s(e)&&e.type===_o));return r(J,{isOpen:t,placement:n,onClose:o,size:i,variant:l,id:a,children:[e(K,{}),r(Z,{children:[e(ee,{}),d&&e(re,{borderBottomWidth:"1px",children:d}),e(te,{children:f&&f}),u&&e(oe,{borderTopWidth:"1px",children:u})]})]})}const jo=mt(gr(((r,t)=>e(S,{ref:t,...r})))),Ho=gr((({dropDownButtonStyle:t,ButtonText:o,options:n,handleOptionSelect:i,dropdownType:a="button",text:l,DropdownIcon:c,isVisibleIconShow:s=!0,buttonProps:d,headStyle:f,ListStyle:u,ItemStyle:h,LabelStyle:p,ImageStyle:g,optionsSize:b="lg",divider:y=!1},x)=>{const v=Mt(),{isOpen:w,onToggle:C,onClose:k}=Y(),z=yr(null);br((()=>{const e=e=>{z.current&&!z.current.contains(e.target)&&k()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[z,k]);return r(S,{ref:z,position:"relative",display:"inline-block",children:[(()=>{const n=r(m,{onClick:C,style:{backgroundColor:v.colors.primary[500],...t},rightIcon:s?e(F,{as:Pr,transform:w?"rotate(180deg)":"rotate(0deg)"}):void 0,...d,children:[c,"   ",o]}),i=r(P,{onClick:C,align:"center",style:t,cursor:"pointer",children:[c," ",l,s&&e(F,{as:Pr})]});return"button"===a?n:i})(),w&&e(jo,{ref:x,position:"absolute",zIndex:5,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},style:f,children:e(ne,{bg:v.colors?.backgroundColor?.light,border:`1px solid ${v.colors?.gray[300]}`,borderRadius:v.radii.md,shadow:v.shadows.lg,py:2,mt:"0.2rem",minWidth:"200px",style:u,children:n.map((t=>r(ie,{onClick:()=>{return e=t.id,r=t.label,k(),void i(e,r);var e,r},p:"sm"===b?1:2,px:2,_hover:{bg:v.colors.gray[100],color:v.colors.blue[500]},display:"flex",alignItems:"center",cursor:"pointer",style:h,borderBottom:y?`1px solid ${v.colors?.gray[300]}`:void 0,sx:{"&:last-child":{borderBottom:"none"}},children:[t?.image&&e(F,{as:t.image,boxSize:"sm"===b?"1.1rem":"1.5rem",mr:2,style:g}),e(S,{as:"span",fontSize:"sm"===b?"14px":"16px",isTruncated:!0,style:p,children:t.label})]},t.id)))})})]})}));function qo({value:r,config:t,editorRef:o,className:n,onChange:i,onBlur:a}){return e(pt,{config:t,value:r,ref:o,className:n,onChange:i,onBlur:a})}Ho.displayName="Dropdown";const Yo={".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".webp":"image/webp",".svg":"image/svg+xml",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".txt":"text/plain",".mp4":"video/mp4",".mov":"video/quicktime",".mp3":"audio/mpeg",".wav":"audio/wav",".zip":"application/zip",".rar":"application/vnd.rar",".7z":"application/x-7z-compressed"},Vo=e=>`${(e/1024).toFixed(2)} MB`,Uo=({children:r})=>e(t,{children:r}),Xo=({children:r})=>e(t,{children:r}),Go=({children:r})=>e(t,{children:r});function Qo({size:o,isOpen:n=!1,onClose:i,overlaybg:a="blackAlpha.300",overlaybackdropFilter:l="blur(10px) hue-rotate(90deg)",overlaybackdropInvert:c,overlaybackdropBlur:s,isCentered:d,finalFocusRef:f,blockScrollOnMount:u,initialFocusRef:h,closeOnOverlayClick:m,motionPreset:p,scrollBehavior:g,children:b,isLoading:y}){if(!n)return e(t,{});const x=e=>null!==e&&"object"==typeof e&&"type"in e,v=hr.Children.toArray(b).find((e=>x(e)&&e.type===Uo)),w=hr.Children.toArray(b).find((e=>x(e)&&e.type===Xo)),C=hr.Children.toArray(b).find((e=>x(e)&&e.type===Go));return r(ae,{isOpen:!0,onClose:i,size:o,isCentered:d,finalFocusRef:f,blockScrollOnMount:u,initialFocusRef:h,closeOnOverlayClick:m,motionPreset:p,scrollBehavior:g,children:[e(le,{bg:a,backdropFilter:l,backdropInvert:c,backdropBlur:s}),e(ce,{children:y?e("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",padding:"25%"},children:e(se,{thickness:"4px",speed:"0.65s",emptyColor:"gray.200",color:"blue.500",size:"xl"})}):r(t,{children:[v&&e(de,{children:v}),e(fe,{}),e(ue,{children:w}),C&&e(he,{children:C})]})})]})}const Jo=({onFilesUploaded:o,uploadedFiles:n,onRemoveFile:i,acceptTypes:a=[".jpg",".png"],maxSizeKB:l=5,maxFiles:c,progress:s={}})=>{const{colors:d}=Mt(),{isOpen:f,onOpen:u,onClose:h}=Y(),[m,p]=hr.useState(null),[g,b]=hr.useState(null),[y,x]=hr.useState([]),v=d?.gray?.[50],w=d?.gray?.[300],C=a.reduce(((e,r)=>{const t=Yo[r];return t&&(e[t]=[]),e}),{}),k=xr((e=>{x([]);const r=n.length+e.length;c&&r>c?x([`Maximum ${c} files allowed. You already uploaded ${n.length}.`]):o(e)}),[o,n,c]),{getRootProps:z,getInputProps:M}=gt({onDrop:k,accept:C,maxSize:1024*l,maxFiles:c,onDropRejected:e=>{const r=e.flatMap((e=>e.errors.map((r=>"file-too-large"===r.code?`File "${e.file.name}" is too large. Max size is ${Vo(l)}.`:"file-invalid-type"===r.code?`File "${e.file.name}" is not an accepted file type.`:`File "${e.file.name}" was rejected: ${r.message}`))));x(r)}});return r(t,{children:[r(N,{spacing:4,align:"stretch",children:[r(S,{...z(),border:"2px dashed",borderColor:w,borderRadius:"md",p:10,textAlign:"center",bg:v,cursor:"pointer",transition:"all 0.2s",_hover:{bg:d?.gray?.[100]},position:"relative",children:[e("input",{...M()}),r(N,{spacing:2,children:[e(F,{as:Er,boxSize:6}),e(E,{fontWeight:"medium",children:"Drag and drop files here"}),r(E,{fontSize:"sm",color:d?.gray?.[500],children:[a.join(", ")," up to ",Vo(l)," ",c?`- ${c} file(s) max`:""]})]})]}),y.length>0&&e(S,{children:y.map(((r,t)=>e(E,{fontSize:"sm",color:d?.red?.[600],children:r},t)))}),n.length>0&&r(S,{children:[e(S,{display:"flex",alignItems:"center",gap:2,children:e(E,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:14,lineHeight:"100%",letterSpacing:"4%",textTransform:"uppercase",py:4,children:"Uploaded Files"})}),e(ne,{spacing:2,children:n.map(((t,o)=>r(S,{borderWidth:"0.063rem",borderRadius:"md",px:3,py:2,bg:d?.white,children:[r(ie,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r(me,{spacing:3,flex:"1",children:[t.type.startsWith("image/")?r(S,{boxSize:"2.5rem",cursor:"pointer",position:"relative",_hover:{".hover-icon":{opacity:1,bg:d?.secondary?.opacity?.[16]}},onClick:()=>{p(URL.createObjectURL(t)),b(t.name),u()},children:[e("img",{src:URL.createObjectURL(t),alt:t.name,style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:"0.25rem"}}),e(S,{className:"hover-icon",position:"absolute",top:"0.5rem",left:"0.5rem",opacity:0,children:e(Tr,{color:d?.background?.[100]})})]}):e(pe,{as:Dr,color:d?.blue?.[500],boxSize:8}),r(N,{align:"start",spacing:0,flex:"1",children:[e(E,{fontSize:"sm",noOfLines:1,children:t.name}),r(E,{fontSize:"xs",color:d?.gray?.[500],children:[Vo(t.size/1024)," •"," ",t.type||"Unknown type"]})]})]}),i&&e(ge,{onClick:()=>i(t),size:"sm",color:d?.red?.[600]})]}),void 0!==s?.[t.name]&&e(be,{value:s?.[t.name],size:"xs",mt:1,hasStripe:s?.[t.name]<100,isAnimated:s?.[t.name]<100,colorScheme:s?.[t.name]>=100?"green":"blue",borderRadius:5})]},o)))})]})]}),r(Qo,{isOpen:f,onClose:()=>{h(),p(null),b(null)},size:"xl",isCentered:!0,children:[e(Uo,{children:e(E,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:16,textTransform:"uppercase",children:g})}),e(Xo,{children:m&&e(ye,{src:m,alt:"Preview",w:"100%",h:"auto",objectFit:"contain"})})]})]})},Ko=({icon:t,text:o,children:n})=>{const{colors:i}=Mt();return r(S,{children:[r(S,{display:"flex",alignItems:"center",gap:2,mb:2,children:[t&&e(F,{as:t,size:"1rem",color:i?.header?.[500]}),o&&e(S,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:12,lineHeight:"100%",letterSpacing:"4%",textTransform:"uppercase",color:i?.header?.[500],children:o})]}),e(S,{borderRadius:"0.25rem",bg:i?.white,border:`0.075rem solid ${i?.border?.[500]}`,boxShadow:`0 0.063rem 0.125rem 0 ${i?.boxShadow?.primary}`,p:"1.5rem",children:n})]})},Zo=({menuItems:t,rightSlot:o,setHoveredMenu:n,isActive:i,activeBg:a,hoveredMenu:l,hoverBg:c,color:s})=>{const{colors:d}=Mt();return e(me,{spacing:6,align:"center",display:{base:"none",md:"flex"},mx:o?"auto":0,children:t.map((t=>{const o=!!t.children,f=l===t.label;return r(S,{position:"relative",onMouseEnter:()=>o&&n(t.label),onMouseLeave:()=>o&&n(null),children:[e(m,{variant:"ghost",onClick:t.onClick,rightIcon:o?e(Pr,{size:14}):void 0,bg:i(t.href)?a:"transparent",_hover:{bg:c},color:s,children:r(N,{spacing:0,children:[t.badge&&e(xe,{colorScheme:t?.badge?.colorScheme??"blue",fontSize:"0.6em",children:t.badge?.label}),e(E,{children:t.label})]})}),o&&e(ve,{in:f,animateOpacity:!0,children:e(S,{position:"absolute",top:"100%",bg:d?.white,color:d?.black,rounded:"md",shadow:"md",minW:"10rem",zIndex:10,children:e(we,{spacing:1,p:2,children:t.children?.map((t=>e(m,{onClick:t.onClick,variant:"ghost",justifyContent:"flex-start",w:"full",bg:i(t.href)?a:"transparent",_hover:{bg:c},children:r(N,{spacing:0,align:"start",children:[t.badge&&e(xe,{colorScheme:t?.badge?.colorScheme??"blue",fontSize:"0.6em",alignItems:"end",children:t.badge?.label}),e(E,{children:t.label})]})},t.label)))})})})]},t.label)}))})},en=({menuItems:t,isOpen:o,isActive:n,hoverBg:i,activeBg:a,color:l,rightSlot:c})=>e(ve,{in:o,animateOpacity:!0,children:e(S,{pb:4,display:{md:"none"},children:r(we,{spacing:4,children:[t.map((t=>t.children?r(S,{px:2,children:[r(N,{spacing:0,align:"start",children:[t.badge&&e(xe,{colorScheme:t?.badge?.colorScheme??"blue",fontSize:"0.6em",children:t.badge.label}),e(E,{fontWeight:"medium",children:t.label})]}),e(we,{pl:4,mt:1,children:t.children.map((t=>e(m,{onClick:t.onClick,variant:"ghost",w:"full",justifyContent:"flex-start",color:l,bg:n(t.href)?a:"transparent",_hover:{bg:i},children:r(N,{spacing:0,align:"start",children:[t.badge&&e(xe,{colorScheme:t?.badge?.colorScheme??"blue",fontSize:"0.6em",children:t.badge?.label}),e(E,{children:t.label})]})},t.label)))})]},t.label):e(m,{onClick:t.onClick,variant:"ghost",w:"full",justifyContent:"flex-start",color:l,bg:n(t.href)?a:"transparent",_hover:{bg:i},children:r(N,{spacing:0,align:"start",children:[t.badge&&e(xe,{colorScheme:t?.badge?.colorScheme??"blue",fontSize:"0.6em",children:t.badge?.label}),e(E,{children:t.label})]})},t.label))),c&&e(S,{mt:4,children:c})]})})}),rn=({logo:t,menuItems:o,rightSlot:n,active:i,colors:a})=>{const{isOpen:l,onOpen:c,onClose:s}=Y(),[d,f]=pr(null),{colors:u}=Mt(),h=a?.bg??u?.gray?.[700],m=a?.color??u?.background?.[100],p=a?.active??u?.primary?.[400],g=a?.hover??u?.gray?.[500],b=e=>e&&i===e;return r(S,{bg:h,color:m,px:4,shadow:"md",zIndex:1e3,children:[r(P,{h:16,align:"center",mx:"auto",children:[e(S,{cursor:"pointer",children:t}),e(Zo,{menuItems:o,rightSlot:n,setHoveredMenu:f,isActive:b,activeBg:p,hoveredMenu:d,hoverBg:g,color:m}),e(me,{spacing:4,display:{base:"none",md:"flex"},children:n}),e(v,{variant:"unstyled",icon:e(S,{display:"flex",alignItems:"center",justifyContent:"center",w:"full",h:"full",children:e(l?Or:Rr,{size:20})}),"aria-label":"Toggle Menu",display:{md:"none"},onClick:l?s:c})]}),e(en,{menuItems:o,isOpen:l,isActive:b,hoverBg:g,activeBg:p,color:m,rightSlot:n})]})};function tn({placeholder:t="Select Option",size:o="md",variant:n="outline",icon:i,onChange:a,onBlur:l,onFocus:c,errorBorderColor:s,isDisabled:d,isReadOnly:f,isRequired:u=!1,value:h="",colorScheme:m,label:p,error:g,errorMessage:b,helperText:y,options:x=[],width:v=500,height:w="2.75rem",formControlStyle:C,isInformation:S=!1,informationMessage:k,selectStyle:z}){const M=xr((()=>x.length?x.map((r=>e("option",{value:r.id,children:r.label},r.id))):e("option",{value:"",children:"No Options"})),[x]);return r(D,{isInvalid:g,style:C,width:v,children:[p&&e(Ft,{label:p,isRequired:u,isInformation:S,informationMessage:k}),e(Ce,{placeholder:t,size:o,variant:n,icon:i,isInvalid:g,value:h,onChange:e=>{const r=e.target.value,t=x.find((e=>e.id.toString()===r.toString()));t&&a&&a(t)},width:v,onBlur:l,onFocus:c,isDisabled:d,isReadOnly:f,colorScheme:m,errorBorderColor:s,style:z,minH:w,children:M()}),g&&e(Pt,{errorMessage:b}),y&&!g&&e(Et,{helperText:y})]})}const on=()=>{const{colors:r}=Mt();return e(Se,{orientation:"vertical",height:5,borderWidth:1.2,borderColor:r?.boxborder?.[500]})},nn=({select:t,edit:o,create:n})=>{const{colors:i}=Mt(),a=[];return t?.isSelect&&a.push(e(tn,{options:t.options??[],placeholder:t.selectPlaceholderText,width:t.width??"12.5rem",onChange:e=>t.onSelectChange?.(e),value:t.value},"select")),o?.isEditable&&a.push(r(S,{display:"flex",alignItems:"center",gap:"0.375rem",cursor:"pointer",fontSize:14,onClick:()=>o.onEdit?.(),children:[e(Wr,{size:20,color:i?.text?.[500]}),e(E,{color:i?.secondary?.[500],children:o.label?o.label:"Edit Layout"})]},"edit")),n?.isCreatable&&a.push(r(S,{display:"flex",alignItems:"center",gap:"0.375rem",cursor:"pointer",fontSize:14,onClick:()=>n.onCreate?.(),children:[e($r,{size:20,color:i?.text?.[500]}),r(E,{color:i?.secondary?.[500],children:[" ",n.label?n.label:"Create New"," "]})]},"create")),e(S,{display:"flex",alignItems:"center",gap:"0.625rem",children:a.map(((t,o)=>r(hr.Fragment,{children:[o>0&&e(on,{}),t]},o)))})};function an({label:t,placeholder:o,value:n,onChange:i,size:a="md",resize:l="both",width:c=500,isDisabled:s,errorBorderColor:d,focusBorderColor:f,isReadOnly:u,isRequired:h=!1,error:m,errorMessage:p,helperText:g,rows:b,height:y}){return r(D,{isRequired:h,isInvalid:m,children:[t&&e(A,{mb:"0.25rem",children:t}),e(q,{placeholder:o,value:n,onChange:i,size:a,resize:l,isDisabled:s,errorBorderColor:d,focusBorderColor:f,isReadOnly:u,isInvalid:m,width:c,rows:b,height:y}),m&&e(H,{pl:4,children:p}),g&&!m&&e(T,{pl:4,children:g})]})}const ln=({label:t,value:o})=>{const{colors:n}=Mt();return r(P,{w:"full",children:[e(I,{label:t,isDisabled:t.length<=15,hasArrow:!0,children:e(E,{color:n?.text?.[700],w:"45%",noOfLines:1,children:t})}),e(E,{w:"0.625rem",textAlign:"center",children:":"}),e(I,{label:o,isDisabled:o.length<=17,hasArrow:!0,children:e(E,{fontWeight:600,color:n?.text?.[800],w:"calc(55% - 0.625rem)",noOfLines:1,children:o})})]})},cn=["id","details"],sn=({account:t,index:o,onDelete:n,onOpen:i})=>{const{colors:a}=Mt(),[l,c]=pr(!1),s=Object.keys(t).filter((e=>"string"==typeof t[e]&&!cn.includes(e))),d=l?s:s.slice(0,4);return e(bt,{draggableId:t.id.toString(),index:o,children:o=>e(S,{ref:o.innerRef,...o.draggableProps,...o.dragHandleProps,width:"16.5rem",borderRadius:"0.25rem",borderWidth:"0.063rem",background:a?.background?.[500],border:`0.1rem solid ${a.gray?.[200]}`,p:2,mt:3,children:r(N,{align:"start",spacing:2,fontSize:"0.875rem",color:a?.gray?.[700],overflow:"none",children:[d.map((r=>e(ln,{label:r.replace(/\b\w/g,(e=>e.toUpperCase())),value:t[r]},r))),e(ve,{in:l&&void 0!==t.details,animateOpacity:!0,children:e(E,{pt:2,children:t.details})}),s.length>4&&r(P,{justify:"space-between",w:"full",pt:2,alignItems:"center",children:[r(E,{color:a?.primary?.[500],fontSize:"sm",fontWeight:"medium",cursor:"pointer",onClick:()=>c(!l),display:"flex",alignItems:"center",gap:2,children:["Show ",l?"less":"more"," ",e(l?Lr:Pr,{size:14})]}),e(ke,{}),r(me,{spacing:2,children:[e(I,{label:"Delete",children:e(Br,{size:16,color:a?.red?.[600],onClick:()=>n?.(t)})}),e(I,{label:"Open",children:e(_r,{size:16,color:a?.blue?.[600],onClick:()=>i?.(t)})})]})]})]})})})},dn=({data:t,onDrag:o,onDelete:n,onOpen:i,onColumnDelete:a,isLoading:l=!1})=>{const{colors:c}=Mt(),[s,d]=pr(t);return e(yt,{onDragEnd:e=>{const{source:r,destination:t}=e;if(!t)return;const n=s[r.droppableId],i=s[t.droppableId],a=n.items[r.index];if(a)if(r.droppableId===t.droppableId){const e=[...n.items];e.splice(r.index,1),e.splice(t.index,0,a);const o={...s,[r.droppableId]:{...n,items:e}};d(o)}else{const e=[...n.items],l=[...i.items];e.splice(r.index,1),l.splice(t.index,0,a);const c={...s,[r.droppableId]:{...n,items:e},[t.droppableId]:{...i,items:l}};d(c),o?.({from:r.droppableId,to:t.droppableId,item:a})}},children:e(P,{gap:4,p:4,bg:c?.gray?.[200],minH:"100vh",overflowX:"auto",maxWidth:"100vw",children:l?Array.from({length:5})?.map(((t,o)=>r(S,{width:"17.5rem",p:4,borderRadius:"0.5rem",bg:c?.background?.[100],border:`0.125rem solid ${c?.gray?.[200]}`,flexShrink:0,children:[e(ze,{height:"2.75rem",mb:4,borderRadius:"0.25rem"}),e(Me,{mt:"4",noOfLines:5,spacing:"4"})]},o))):Object.entries(s)?.map((([t,o])=>e(xt,{droppableId:t.toString(),children:(l,d)=>r(S,{ref:l.innerRef,...l.droppableProps,width:"17.5rem",opacity:1,borderRadius:"0.5rem",borderWidth:"0.063rem",background:d.isDraggingOver?c?.blue?.[50]:c?.background?.[100],border:""+(d.isDraggingOver?"0.5px dashed"+c?.blue?.[500]:"0.125rem solid"+c.gray?.[200]),display:"flex",flexDirection:"column",flexShrink:0,children:[r(P,{width:"16.5rem",height:"2.75rem",borderRadius:"0.25rem",borderLeft:"0.188rem solid",borderLeftColor:o.color??c?.primary?.[500],background:c?.gray?.[100],align:"center",px:2,mb:3,flexShrink:0,m:2,justifyContent:"space-between",children:[e(E,{fontWeight:"600",fontSize:"1rem",color:c?.text?.[700],children:o.title}),e(S,{as:Br,size:16,cursor:"pointer",color:c?.text?.[600],_hover:{color:c?.red?.[600]},onClick:()=>(e=>{const r=s[e]?.items?.map((e=>e.id))||[];a?.(r)})(t)})]}),r(S,{px:2,pb:2,overflowY:"auto",maxHeight:"calc(100vh - 7rem)",overflowX:"hidden",children:[o.items?.map(((r,t)=>e(sn,{account:r,index:t,onDelete:n,onOpen:i},r.id))),l.placeholder]})]})},t)))})})};var fn=function(){function e(e){var r=this;this._insertTag=function(e){var t;t=0===r.tags.length?r.insertionPoint?r.insertionPoint.nextSibling:r.prepend?r.container.firstChild:r.before:r.tags[r.tags.length-1].nextSibling,r.container.insertBefore(e,t),r.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(e){e.forEach(this._insertTag)},r.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),void 0!==e.nonce&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}(this));var r=this.tags[this.tags.length-1];if(this.isSpeedy){var t=function(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}(r);try{t.insertRule(e,t.cssRules.length)}catch(e){}}else r.appendChild(document.createTextNode(e));this.ctr++},r.flush=function(){this.tags.forEach((function(e){var r;return null==(r=e.parentNode)?void 0:r.removeChild(e)})),this.tags=[],this.ctr=0},e}(),un="-ms-",hn="-moz-",mn="-webkit-",pn="comm",gn="rule",bn="decl",yn="@keyframes",xn=Math.abs,vn=String.fromCharCode,wn=Object.assign;function Cn(e){return e.trim()}function Sn(e,r,t){return e.replace(r,t)}function kn(e,r){return e.indexOf(r)}function zn(e,r){return 0|e.charCodeAt(r)}function Mn(e,r,t){return e.slice(r,t)}function An(e){return e.length}function In(e){return e.length}function Fn(e,r){return r.push(e),e}var Pn=1,En=1,Tn=0,Dn=0,On=0,Rn="";function Wn(e,r,t,o,n,i,a){return{value:e,root:r,parent:t,type:o,props:n,children:i,line:Pn,column:En,length:a,return:""}}function $n(e,r){return wn(Wn("",null,null,"",null,null,0),e,{length:-e.length},r)}function Ln(){return On=Dn>0?zn(Rn,--Dn):0,En--,10===On&&(En=1,Pn--),On}function Bn(){return On=Dn<Tn?zn(Rn,Dn++):0,En++,10===On&&(En=1,Pn++),On}function _n(){return zn(Rn,Dn)}function Nn(){return Dn}function jn(e,r){return Mn(Rn,e,r)}function Hn(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function qn(e){return Pn=En=1,Tn=An(Rn=e),Dn=0,[]}function Yn(e){return Rn="",e}function Vn(e){return Cn(jn(Dn-1,Gn(91===e?e+2:40===e?e+1:e)))}function Un(e){for(;(On=_n())&&On<33;)Bn();return Hn(e)>2||Hn(On)>3?"":" "}function Xn(e,r){for(;--r&&Bn()&&!(On<48||On>102||On>57&&On<65||On>70&&On<97););return jn(e,Nn()+(r<6&&32==_n()&&32==Bn()))}function Gn(e){for(;Bn();)switch(On){case e:return Dn;case 34:case 39:34!==e&&39!==e&&Gn(On);break;case 40:41===e&&Gn(e);break;case 92:Bn()}return Dn}function Qn(e,r){for(;Bn()&&e+On!==57&&(e+On!==84||47!==_n()););return"/*"+jn(r,Dn-1)+"*"+vn(47===e?e:Bn())}function Jn(e){for(;!Hn(_n());)Bn();return jn(e,Dn)}function Kn(e){return Yn(Zn("",null,null,null,[""],e=qn(e),0,[0],e))}function Zn(e,r,t,o,n,i,a,l,c){for(var s=0,d=0,f=a,u=0,h=0,m=0,p=1,g=1,b=1,y=0,x="",v=n,w=i,C=o,S=x;g;)switch(m=y,y=Bn()){case 40:if(108!=m&&58==zn(S,f-1)){-1!=kn(S+=Sn(Vn(y),"&","&\f"),"&\f")&&(b=-1);break}case 34:case 39:case 91:S+=Vn(y);break;case 9:case 10:case 13:case 32:S+=Un(m);break;case 92:S+=Xn(Nn()-1,7);continue;case 47:switch(_n()){case 42:case 47:Fn(ri(Qn(Bn(),Nn()),r,t),c);break;default:S+="/"}break;case 123*p:l[s++]=An(S)*b;case 125*p:case 59:case 0:switch(y){case 0:case 125:g=0;case 59+d:-1==b&&(S=Sn(S,/\f/g,"")),h>0&&An(S)-f&&Fn(h>32?ti(S+";",o,t,f-1):ti(Sn(S," ","")+";",o,t,f-2),c);break;case 59:S+=";";default:if(Fn(C=ei(S,r,t,s,d,n,l,x,v=[],w=[],f),i),123===y)if(0===d)Zn(S,r,C,C,v,i,f,l,w);else switch(99===u&&110===zn(S,3)?100:u){case 100:case 108:case 109:case 115:Zn(e,C,C,o&&Fn(ei(e,C,C,0,0,n,l,x,n,v=[],f),w),n,w,f,l,o?v:w);break;default:Zn(S,C,C,C,[""],w,0,l,w)}}s=d=h=0,p=b=1,x=S="",f=a;break;case 58:f=1+An(S),h=m;default:if(p<1)if(123==y)--p;else if(125==y&&0==p++&&125==Ln())continue;switch(S+=vn(y),y*p){case 38:b=d>0?1:(S+="\f",-1);break;case 44:l[s++]=(An(S)-1)*b,b=1;break;case 64:45===_n()&&(S+=Vn(Bn())),u=_n(),d=f=An(x=S+=Jn(Nn())),y++;break;case 45:45===m&&2==An(S)&&(p=0)}}return i}function ei(e,r,t,o,n,i,a,l,c,s,d){for(var f=n-1,u=0===n?i:[""],h=In(u),m=0,p=0,g=0;m<o;++m)for(var b=0,y=Mn(e,f+1,f=xn(p=a[m])),x=e;b<h;++b)(x=Cn(p>0?u[b]+" "+y:Sn(y,/&\f/g,u[b])))&&(c[g++]=x);return Wn(e,r,t,0===n?gn:l,c,s,d)}function ri(e,r,t){return Wn(e,r,t,pn,vn(On),Mn(e,2,-2),0)}function ti(e,r,t,o){return Wn(e,r,t,bn,Mn(e,0,o),Mn(e,o+1,-1),o)}function oi(e,r){for(var t="",o=In(e),n=0;n<o;n++)t+=r(e[n],n,e,r)||"";return t}function ni(e,r,t,o){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case bn:return e.return=e.return||e.value;case pn:return"";case yn:return e.return=e.value+"{"+oi(e.children,o)+"}";case gn:e.value=e.props.join(",")}return An(t=oi(e.children,o))?e.return=e.value+"{"+t+"}":""}function ii(e){var r=In(e);return function(t,o,n,i){for(var a="",l=0;l<r;l++)a+=e[l](t,o,n,i)||"";return a}}function ai(e){var r=Object.create(null);return function(t){return void 0===r[t]&&(r[t]=e(t)),r[t]}}var li="undefined"!=typeof document,ci=function(e,r,t){for(var o=0,n=0;o=n,n=_n(),38===o&&12===n&&(r[t]=1),!Hn(n);)Bn();return jn(e,Dn)},si=function(e,r){return Yn(function(e,r){var t=-1,o=44;do{switch(Hn(o)){case 0:38===o&&12===_n()&&(r[t]=1),e[t]+=ci(Dn-1,r,t);break;case 2:e[t]+=Vn(o);break;case 4:if(44===o){e[++t]=58===_n()?"&\f":"",r[t]=e[t].length;break}default:e[t]+=vn(o)}}while(o=Bn());return e}(qn(e),r))},di=new WeakMap,fi=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var r=e.value,t=e.parent,o=e.column===t.column&&e.line===t.line;"rule"!==t.type;)if(!(t=t.parent))return;if((1!==e.props.length||58===r.charCodeAt(0)||di.get(t))&&!o){di.set(e,!0);for(var n=[],i=si(r,n),a=t.props,l=0,c=0;l<i.length;l++)for(var s=0;s<a.length;s++,c++)e.props[c]=n[l]?i[l].replace(/&\f/g,a[s]):a[s]+" "+i[l]}}},ui=function(e){if("decl"===e.type){var r=e.value;108===r.charCodeAt(0)&&98===r.charCodeAt(2)&&(e.return="",e.value="")}};function hi(e,r){switch(function(e,r){return 45^zn(e,0)?(((r<<2^zn(e,0))<<2^zn(e,1))<<2^zn(e,2))<<2^zn(e,3):0}(e,r)){case 5103:return mn+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return mn+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return mn+e+hn+e+un+e+e;case 6828:case 4268:return mn+e+un+e+e;case 6165:return mn+e+un+"flex-"+e+e;case 5187:return mn+e+Sn(e,/(\w+).+(:[^]+)/,mn+"box-$1$2"+un+"flex-$1$2")+e;case 5443:return mn+e+un+"flex-item-"+Sn(e,/flex-|-self/,"")+e;case 4675:return mn+e+un+"flex-line-pack"+Sn(e,/align-content|flex-|-self/,"")+e;case 5548:return mn+e+un+Sn(e,"shrink","negative")+e;case 5292:return mn+e+un+Sn(e,"basis","preferred-size")+e;case 6060:return mn+"box-"+Sn(e,"-grow","")+mn+e+un+Sn(e,"grow","positive")+e;case 4554:return mn+Sn(e,/([^-])(transform)/g,"$1"+mn+"$2")+e;case 6187:return Sn(Sn(Sn(e,/(zoom-|grab)/,mn+"$1"),/(image-set)/,mn+"$1"),e,"")+e;case 5495:case 3959:return Sn(e,/(image-set\([^]*)/,mn+"$1$`$1");case 4968:return Sn(Sn(e,/(.+:)(flex-)?(.*)/,mn+"box-pack:$3"+un+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+mn+e+e;case 4095:case 3583:case 4068:case 2532:return Sn(e,/(.+)-inline(.+)/,mn+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(An(e)-1-r>6)switch(zn(e,r+1)){case 109:if(45!==zn(e,r+4))break;case 102:return Sn(e,/(.+:)(.+)-([^]+)/,"$1"+mn+"$2-$3$1"+hn+(108==zn(e,r+3)?"$3":"$2-$3"))+e;case 115:return~kn(e,"stretch")?hi(Sn(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(115!==zn(e,r+1))break;case 6444:switch(zn(e,An(e)-3-(~kn(e,"!important")&&10))){case 107:return Sn(e,":",":"+mn)+e;case 101:return Sn(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+mn+(45===zn(e,14)?"inline-":"")+"box$3$1"+mn+"$2$3$1"+un+"$2box$3")+e}break;case 5936:switch(zn(e,r+11)){case 114:return mn+e+un+Sn(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return mn+e+un+Sn(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return mn+e+un+Sn(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return mn+e+un+e+e}return e}var mi,pi,gi=li?void 0:(mi=function(){return ai((function(){return{}}))},pi=new WeakMap,function(e){if(pi.has(e))return pi.get(e);var r=mi(e);return pi.set(e,r),r}),bi=[function(e,r,t,o){if(e.length>-1&&!e.return)switch(e.type){case bn:e.return=hi(e.value,e.length);break;case yn:return oi([$n(e,{value:Sn(e.value,"@","@"+mn)})],o);case gn:if(e.length)return function(e,r){return e.map(r).join("")}(e.props,(function(r){switch(function(e,r){return(e=r.exec(e))?e[0]:e}(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return oi([$n(e,{props:[Sn(r,/:(read-\w+)/,":-moz-$1")]})],o);case"::placeholder":return oi([$n(e,{props:[Sn(r,/:(plac\w+)/,":"+mn+"input-$1")]}),$n(e,{props:[Sn(r,/:(plac\w+)/,":-moz-$1")]}),$n(e,{props:[Sn(r,/:(plac\w+)/,un+"input-$1")]})],o)}return""}))}}],yi=function(e){var r=e.key;if(li&&"css"===r){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o,n,i=e.stylisPlugins||bi,a={},l=[];li&&(o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),(function(e){for(var r=e.getAttribute("data-emotion").split(" "),t=1;t<r.length;t++)a[r[t]]=!0;l.push(e)})));var c,s=[fi,ui];if(gi){var d=[ni],f=ii(s.concat(i,d)),u=gi(i)(r),h=function(e,r){var t=r.name;return void 0===u[t]&&(u[t]=oi(Kn(e?e+"{"+r.styles+"}":r.styles),f)),u[t]};n=function(e,r,t,o){var n=r.name,i=h(e,r);return void 0===b.compat?(o&&(b.inserted[n]=!0),i):o?void(b.inserted[n]=i):i}}else{var m,p=[ni,(c=function(e){m.insert(e)},function(e){e.root||(e=e.return)&&c(e)})],g=ii(s.concat(i,p));n=function(e,r,t,o){m=t,oi(Kn(e?e+"{"+r.styles+"}":r.styles),g),o&&(b.inserted[r.name]=!0)}}var b={key:r,sheet:new fn({key:r,container:o,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:n};return b.sheet.hydrate(l),b};function xi(){return xi=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},xi.apply(null,arguments)}var vi,wi={exports:{}},Ci={};var Si,ki,zi,Mi,Ai={};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */function Ii(){return ki||(ki=1,"production"===process.env.NODE_ENV?wi.exports=function(){if(vi)return Ci;vi=1;var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,p=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,y=e?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case r:switch(e=e.type){case c:case s:case o:case i:case n:case f:return e;default:switch(e=e&&e.$$typeof){case l:case d:case m:case h:case a:return e;default:return u}}case t:return u}}}function v(e){return x(e)===s}return Ci.AsyncMode=c,Ci.ConcurrentMode=s,Ci.ContextConsumer=l,Ci.ContextProvider=a,Ci.Element=r,Ci.ForwardRef=d,Ci.Fragment=o,Ci.Lazy=m,Ci.Memo=h,Ci.Portal=t,Ci.Profiler=i,Ci.StrictMode=n,Ci.Suspense=f,Ci.isAsyncMode=function(e){return v(e)||x(e)===c},Ci.isConcurrentMode=v,Ci.isContextConsumer=function(e){return x(e)===l},Ci.isContextProvider=function(e){return x(e)===a},Ci.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},Ci.isForwardRef=function(e){return x(e)===d},Ci.isFragment=function(e){return x(e)===o},Ci.isLazy=function(e){return x(e)===m},Ci.isMemo=function(e){return x(e)===h},Ci.isPortal=function(e){return x(e)===t},Ci.isProfiler=function(e){return x(e)===i},Ci.isStrictMode=function(e){return x(e)===n},Ci.isSuspense=function(e){return x(e)===f},Ci.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===s||e===i||e===n||e===f||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===a||e.$$typeof===l||e.$$typeof===d||e.$$typeof===g||e.$$typeof===b||e.$$typeof===y||e.$$typeof===p)},Ci.typeOf=x,Ci}():wi.exports=(Si||(Si=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,p=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,y=e?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case r:var p=e.type;switch(p){case c:case s:case o:case i:case n:case f:return p;default:var g=p&&p.$$typeof;switch(g){case l:case d:case m:case h:case a:return g;default:return u}}case t:return u}}}var v=c,w=s,C=l,S=a,k=r,z=d,M=o,A=m,I=h,F=t,P=i,E=n,T=f,D=!1;function O(e){return x(e)===s}Ai.AsyncMode=v,Ai.ConcurrentMode=w,Ai.ContextConsumer=C,Ai.ContextProvider=S,Ai.Element=k,Ai.ForwardRef=z,Ai.Fragment=M,Ai.Lazy=A,Ai.Memo=I,Ai.Portal=F,Ai.Profiler=P,Ai.StrictMode=E,Ai.Suspense=T,Ai.isAsyncMode=function(e){return D||(D=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),O(e)||x(e)===c},Ai.isConcurrentMode=O,Ai.isContextConsumer=function(e){return x(e)===l},Ai.isContextProvider=function(e){return x(e)===a},Ai.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},Ai.isForwardRef=function(e){return x(e)===d},Ai.isFragment=function(e){return x(e)===o},Ai.isLazy=function(e){return x(e)===m},Ai.isMemo=function(e){return x(e)===h},Ai.isPortal=function(e){return x(e)===t},Ai.isProfiler=function(e){return x(e)===i},Ai.isStrictMode=function(e){return x(e)===n},Ai.isSuspense=function(e){return x(e)===f},Ai.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===s||e===i||e===n||e===f||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===a||e.$$typeof===l||e.$$typeof===d||e.$$typeof===g||e.$$typeof===b||e.$$typeof===y||e.$$typeof===p)},Ai.typeOf=x}()),Ai)),wi.exports}!function(){if(Mi)return zi;Mi=1;var e=Ii(),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},t={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},n={};function i(t){return e.isMemo(t)?o:n[t.$$typeof]||r}n[e.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},n[e.Memo]=o;var a=Object.defineProperty,l=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,s=Object.getOwnPropertyDescriptor,d=Object.getPrototypeOf,f=Object.prototype;zi=function e(r,o,n){if("string"!=typeof o){if(f){var u=d(o);u&&u!==f&&e(r,u,n)}var h=l(o);c&&(h=h.concat(c(o)));for(var m=i(r),p=i(o),g=0;g<h.length;++g){var b=h[g];if(!(t[b]||n&&n[b]||p&&p[b]||m&&m[b])){var y=s(o,b);try{a(r,b,y)}catch(e){}}}}return r}}();var Fi="undefined"!=typeof document;function Pi(e,r,t){var o="";return t.split(" ").forEach((function(t){void 0!==e[t]?r.push(e[t]+";"):t&&(o+=t+" ")})),o}var Ei=function(e,r,t){var o=e.key+"-"+r.name;(!1===t||!1===Fi&&void 0!==e.compat)&&void 0===e.registered[o]&&(e.registered[o]=r.styles)},Ti=function(e,r,t){Ei(e,r,t);var o=e.key+"-"+r.name;if(void 0===e.inserted[r.name]){var n="",i=r;do{var a=e.insert(r===i?"."+o:"",i,e.sheet,!0);Fi||void 0===a||(n+=a),i=i.next}while(void 0!==i);if(!Fi&&0!==n.length)return n}};var Di={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Oi=/[A-Z]|^ms/g,Ri=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Wi=function(e){return 45===e.charCodeAt(1)},$i=function(e){return null!=e&&"boolean"!=typeof e},Li=ai((function(e){return Wi(e)?e:e.replace(Oi,"-$&").toLowerCase()})),Bi=function(e,r){switch(e){case"animation":case"animationName":if("string"==typeof r)return r.replace(Ri,(function(e,r,t){return Ni={name:r,styles:t,next:Ni},r}))}return 1===Di[e]||Wi(e)||"number"!=typeof r||0===r?r:r+"px"};function _i(e,r,t){if(null==t)return"";var o=t;if(void 0!==o.__emotion_styles)return o;switch(typeof t){case"boolean":return"";case"object":var n=t;if(1===n.anim)return Ni={name:n.name,styles:n.styles,next:Ni},n.name;var i=t;if(void 0!==i.styles){var a=i.next;if(void 0!==a)for(;void 0!==a;)Ni={name:a.name,styles:a.styles,next:Ni},a=a.next;return i.styles+";"}return function(e,r,t){var o="";if(Array.isArray(t))for(var n=0;n<t.length;n++)o+=_i(e,r,t[n])+";";else for(var i in t){var a=t[i];if("object"!=typeof a){var l=a;null!=r&&void 0!==r[l]?o+=i+"{"+r[l]+"}":$i(l)&&(o+=Li(i)+":"+Bi(i,l)+";")}else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=r&&void 0!==r[a[0]]){var c=_i(e,r,a);switch(i){case"animation":case"animationName":o+=Li(i)+":"+c+";";break;default:o+=i+"{"+c+"}"}}else for(var s=0;s<a.length;s++)$i(a[s])&&(o+=Li(i)+":"+Bi(i,a[s])+";")}return o}(e,r,t);case"function":if(void 0!==e){var l=Ni,c=t(e);return Ni=l,_i(e,r,c)}}var s=t;if(null==r)return s;var d=r[s];return void 0!==d?d:s}var Ni,ji=/label:\s*([^\s;{]+)\s*(;|$)/g;function Hi(e,r,t){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,n="";Ni=void 0;var i=e[0];null==i||void 0===i.raw?(o=!1,n+=_i(t,r,i)):n+=i[0];for(var a=1;a<e.length;a++){if(n+=_i(t,r,e[a]),o)n+=i[a]}ji.lastIndex=0;for(var l,c="";null!==(l=ji.exec(n));)c+="-"+l[1];var s=function(e){for(var r,t=0,o=0,n=e.length;n>=4;++o,n-=4)r=1540483477*(65535&(r=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+(59797*(r>>>16)<<16),t=1540483477*(65535&(r^=r>>>24))+(59797*(r>>>16)<<16)^1540483477*(65535&t)+(59797*(t>>>16)<<16);switch(n){case 3:t^=(255&e.charCodeAt(o+2))<<16;case 2:t^=(255&e.charCodeAt(o+1))<<8;case 1:t=1540483477*(65535&(t^=255&e.charCodeAt(o)))+(59797*(t>>>16)<<16)}return(((t=1540483477*(65535&(t^=t>>>13))+(59797*(t>>>16)<<16))^t>>>15)>>>0).toString(36)}(n)+c;return{name:s,styles:n,next:Ni}}var qi="undefined"!=typeof document,Yi=function(e){return e()},Vi=!!ur.useInsertionEffect&&ur.useInsertionEffect,Ui=qi&&Vi||Yi,Xi="undefined"!=typeof document,Gi=ur.createContext("undefined"!=typeof HTMLElement?yi({key:"css"}):null);Gi.Provider;var Qi=function(e){return gr((function(r,t){var o=vr(Gi);return e(r,o,t)}))};Xi||(Qi=function(e){return function(r){var t=vr(Gi);return null===t?(t=yi({key:"css"}),ur.createElement(Gi.Provider,{value:t},e(r,t))):e(r,t)}});var Ji,Ki,Zi=ur.createContext({}),ea={}.hasOwnProperty,ra="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",ta=function(e){var r=e.cache,t=e.serialized,o=e.isStringTag;Ei(r,t,o);var n=Ui((function(){return Ti(r,t,o)}));if(!Xi&&void 0!==n){for(var i,a=t.name,l=t.next;void 0!==l;)a+=" "+l.name,l=l.next;return ur.createElement("style",((i={})["data-emotion"]=r.key+" "+a,i.dangerouslySetInnerHTML={__html:n},i.nonce=r.sheet.nonce,i))}return null},oa=Qi((function(e,r,t){var o=e.css;"string"==typeof o&&void 0!==r.registered[o]&&(o=r.registered[o]);var n=e[ra],i=[o],a="";"string"==typeof e.className?a=Pi(r.registered,i,e.className):null!=e.className&&(a=e.className+" ");var l=Hi(i,void 0,ur.useContext(Zi));a+=r.key+"-"+l.name;var c={};for(var s in e)ea.call(e,s)&&"css"!==s&&s!==ra&&(c[s]=e[s]);return c.className=a,t&&(c.ref=t),ur.createElement(ur.Fragment,null,ur.createElement(ta,{cache:r,serialized:l,isStringTag:"string"==typeof n}),ur.createElement(n,c))})),na=oa,ia=function(e,r){var t=arguments;if(null==r||!ea.call(r,"css"))return ur.createElement.apply(void 0,t);var o=t.length,n=new Array(o);n[0]=na,n[1]=function(e,r){var t={};for(var o in r)ea.call(r,o)&&(t[o]=r[o]);return t[ra]=e,t}(e,r);for(var i=2;i<o;i++)n[i]=t[i];return ur.createElement.apply(null,n)};function aa(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return Hi(r)}Ji=ia||(ia={}),Ki||(Ki=Ji.JSX||(Ji.JSX={}));const la=(function(){var e=aa.apply(void 0,arguments),r="animation-"+e.name;return{name:r,styles:"@keyframes "+r+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}})`
+  0% {
+    color: black;
+  }
+  50% {
+    color: gray;
+  }
+  100% {
+    color: black;
+  }
+`;function ca({text:o,isLoading:n,onlytext:i}){return n?e(S,{position:"fixed",top:"0",right:"0",bottom:"0",left:"0",backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(60px)",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",zIndex:"9999",children:e(Ae,{height:"100vh",children:i?e(E,{mt:"2",ml:"5",fontSize:"50px",textTransform:"uppercase",fontWeight:500,css:aa`
+              animation: ${la} 2s infinite;
+            `,children:o}):r(t,{children:[e(se,{thickness:"4px",speed:"0.65s",emptyColor:"gray.200",color:"blue.500",size:"xl"}),e(E,{mt:"2",ml:"5",children:o})]})})}):null}const sa=(()=>{let e=0;return()=>(e+=1,`${Date.now()}-${e}`)})();function da({value:t,onValueChange:o,width:n="100%",label:i="label",isRequired:a=!0,isInformation:l=!1,informationMessage:c="",name:s,id:d,placeholderText:f="Type valid email and press enter",isDisabled:u,isReadOnly:h,size:m,inputStyle:p}){const g=Mt(),[b,y]=pr(t),[x,v]=pr(""),[w,C]=pr(""),k=yr(null);br((()=>{y(t)}),[t]);return r(S,{width:n,borderRadius:"md",backgroundColor:"white",children:[i&&e(Ft,{label:i,isRequired:a,isInformation:l,informationMessage:c}),e(P,{wrap:"wrap",gap:2,children:b.map((t=>r(Ie,{size:"md",variant:"solid",colorScheme:"gray",children:[e(Fe,{children:t.label}),e(Pe,{onClick:()=>(e=>{const r=b.filter((r=>r.id!==e.id));y(r),o(r)})(t)})]},t.id)))}),e($,{ref:k,type:"text",value:x,isDisabled:u,isReadOnly:h,id:d,name:s,size:m,style:{...p,backgroundColor:g.colors.backgroundColor.light,fontWeight:600,color:g.colors.gray[600],padding:"0.5rem",fontSize:15,letterSpacing:.7,borderRadius:"0.125rem"},onChange:e=>{v(e.target.value),C("")},onKeyDown:e=>{if("Enter"===e.key&&""!==x.trim()){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x))return void C("Invalid email address");if(!b.find((e=>e.label===x))){const e={id:sa(),label:x},r=[...b,e];y(r),o(r),v(""),k.current&&k.current.focus()}}else if("Backspace"===e.key&&""===x){const e=b.slice(0,-1);y(e),o(e)}},placeholder:f,marginTop:2,marginLeft:1}),w&&e(E,{color:"red.500",marginTop:2,marginLeft:1,children:w})]})}function fa({userAvathar:t,userName:o,navMenu:n,moreIcon:i,handleNavOnClick:a,handleLogout:l,logoutText:c,navigationBarText:s}){const d=Mt();return e(S,{bg:d.colors.backgroundColor.light,px:4,boxShadow:d.shadows.sm,children:r(P,{h:16,alignItems:"center",justifyContent:"space-between",children:[r(S,{display:"flex",gap:1.5,alignItems:"center",children:[s?.onIconClick&&e(S,{width:"1.5rem",height:"1.5rem",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",onClick:()=>s?.onIconClick?.(),children:e(Nr,{size:"1.25rem",color:d?.colors?.text?.[500]})}),s?.text&&e(E,{color:d?.colors?.secondary?.[500],fontSize:"1.25rem",fontWeight:600,fontFamily:"open-sans, sans-serif",letterSpacing:"-0.013rem",children:s?.text})]}),e(P,{children:e(we,{direction:"row",alignItems:"center",spacing:7,children:r(w,{children:[e(S,{cursor:"pointer",children:i}),e(C,{as:m,rounded:"full",variant:"link",cursor:"pointer",minW:0,children:e(Ee,{size:"sm",name:o,src:t})}),r(k,{alignItems:"center",zIndex:5,children:[e(Ae,{py:4,children:e(Ee,{size:"xl",name:o,src:t})}),e(Ae,{children:e(E,{fontWeight:500,children:o})}),e(Te,{}),n?.map((t=>r(z,{onClick:()=>a(t.url),sx:{fontWeight:500,gap:d.space[2]},_hover:{backgroundColor:d.colors.primary[50]},children:[t.icon&&e(S,{children:t?.icon}),e(S,{children:t.title})]},t.title))),e(Te,{}),r(z,{onClick:l,sx:{fontWeight:500,gap:d.space[2]},_hover:{backgroundColor:d.colors.primary[50]},children:[e(S,{children:e(jr,{size:16})}),e(S,{children:c})]})]})]})})})]})})}var ua=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,ha="undefined"!=typeof document,ma=ai((function(e){return ua.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),pa=function(e){return"theme"!==e},ga=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?ma:pa},ba=function(e,r,t){var o;if(r){var n=r.shouldForwardProp;o=e.__emotion_forwardProp&&n?function(r){return e.__emotion_forwardProp(r)&&n(r)}:n}return"function"!=typeof o&&t&&(o=e.__emotion_forwardProp),o},ya=function(e){var r=e.cache,t=e.serialized,o=e.isStringTag;Ei(r,t,o);var n=Ui((function(){return Ti(r,t,o)}));if(!ha&&void 0!==n){for(var i,a=t.name,l=t.next;void 0!==l;)a+=" "+l.name,l=l.next;return ur.createElement("style",((i={})["data-emotion"]=r.key+" "+a,i.dangerouslySetInnerHTML={__html:n},i.nonce=r.sheet.nonce,i))}return null},xa=function e(r,t){var o,n,i=r.__emotion_real===r,a=i&&r.__emotion_base||r;void 0!==t&&(o=t.label,n=t.target);var l=ba(r,t,i),c=l||ga(a),s=!c("as");return function(){var d=arguments,f=i&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==o&&f.push("label:"+o+";"),null==d[0]||void 0===d[0].raw)f.push.apply(f,d);else{var u=d[0];f.push(u[0]);for(var h=d.length,m=1;m<h;m++)f.push(d[m],u[m])}var p=Qi((function(e,r,t){var o=s&&e.as||a,i="",d=[],u=e;if(null==e.theme){for(var h in u={},e)u[h]=e[h];u.theme=ur.useContext(Zi)}"string"==typeof e.className?i=Pi(r.registered,d,e.className):null!=e.className&&(i=e.className+" ");var m=Hi(f.concat(d),r.registered,u);i+=r.key+"-"+m.name,void 0!==n&&(i+=" "+n);var p=s&&void 0===l?ga(o):c,g={};for(var b in e)s&&"as"===b||p(b)&&(g[b]=e[b]);return g.className=i,t&&(g.ref=t),ur.createElement(ur.Fragment,null,ur.createElement(ya,{cache:r,serialized:m,isStringTag:"string"==typeof o}),ur.createElement(o,g))}));return p.displayName=void 0!==o?o:"Styled("+("string"==typeof a?a:a.displayName||a.name||"Component")+")",p.defaultProps=r.defaultProps,p.__emotion_real=p,p.__emotion_base=a,p.__emotion_styles=f,p.__emotion_forwardProp=l,Object.defineProperty(p,"toString",{value:function(){return"."+n}}),p.withComponent=function(r,o){return e(r,xi({},t,o,{shouldForwardProp:ba(p,o,!0)})).apply(void 0,f)},p}}.bind(null);["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){xa[e]=xa(e)}));const va=xa.div`
+  border: ${({isActive:e})=>e?"1px solid #3182ce":"1px solid #c0c6cc"};
+  border-radius: 5px;
+  box-shadow: ${({isActive:e})=>e?"-1px 1px 8px 4px rgb(49 130 206 / 24%), 0px 2px 6px 0 rgb(49 130 206 / 19%)":"none"};
+`,wa=xa.div`
+  width: 100%;
+  cursor: text;
+  padding: 12px 15px;
+  display: ${({isActive:e})=>e?"block":"none"};
+`,Ca=xa.div`
+  color: #c0c6cc;
+  width: 100%;
+  cursor: text;
+  display: ${({isActive:e})=>e?"block":"none"};
+  padding: 12px 15px;
+`,Sa=xa.input`
+  width: 100%;
+  height: auto;
+  border: none;
+  outline: none;
+  background: none;
+  color: black;
+  fontsize: 1rem;
+  fontweight: 500;
+  marginbottom: 2px;
+`,ka=xa.textarea`
+  color: ${({isActive:e,noteValue:r})=>e&&r?"#000000":"#c0c6cc"};
+  width: 100%;
+  height: auto;
+  border: none;
+  outline: none;
+  background: none;
+  fontweight: 300;
+`,za=xa.label`
+  cursor: pointer;
+`,Ma=xa.div`
+  color: #616e88;
+  cursor: pointer;
+  fontsize: 0.8rem;
+`,Aa=xa.button`
+  border: none;
+  padding: 3px 15px;
+  text-align: center;
+  text-decoration: none;
+  background: ${({isSaveButton:e,noteValue:r,isLoading:t,theme:o})=>e?o.colors.primary[500]:"white"};
+  color: ${({isSaveButton:e,isLoading:r})=>"white"};
+  font-size: 1rem;
+  margin-right: 5px;
+  border-radius: 5px;
+  opacity: ${({isSaveButton:e,noteValue:r,isLoading:t,disabled:o})=>e&&(!r||t||o)?"0.5":"1"};
+  cursor: ${({isSaveButton:e,noteValue:r,isLoading:t,disabled:o})=>e&&(!r||t||o)?"initial":"pointer"};
+  pointer-events: ${({isLoading:e})=>e?"none":"auto"};
+`,Ia=xa.button`
+  border: none;
+  color: #5e5c5c;
+  padding: 3px 15px;
+  text-align: center;
+  text-decoration: none;
+  background: white;
+  font-size: 1rem;
+  margin-right: 5px;
+  border-radius: 5px;
+`,Fa=xa.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 300px;
+`,Pa=xa(Or)`
+  cursor: pointer;
+  color: #ff0000;
+`,Ea=xa.div`
+  color: #ff0000;
+  font-size: 0.8rem;
+  margin-top: 8px;
+`,Ta=e=>e.trim().split(/\s+/).length;function Da({width:o="100%",handleSubmit:n,handleCancel:i,value:a,title:l,file:c,isEditable:s=!1,saveButtonLoading:d,maxFileSize:f=1048576,maxFilesSizeError:u="Some files are too large. Maximum allowed size is",maxNoteWordCount:h=15,onChange:m,ref:p}){const g=Mt(),b=yr(null),[y,x]=pr(!1),[v,w]=pr(""),[C,S]=pr(""),[k,z]=pr(!1),[M,A]=pr([]),[I,F]=pr(""),[P,E]=pr(!1);br((()=>{const e=Ta(C);E(e>h)}),[C,h]),br((()=>{const e=Ta(v);E(e>h)}),[v,h]),br((()=>{s&&(x(!0),a&&w(a),l&&(S(l),z(!0)),c&&A(c))}),[a,l,c,s]),br((()=>{d||(x(!1),s||(w(""),S(""),z(!1),A([]))),s&&x(!0)}),[d,s]);br((()=>{y&&b.current&&b.current.focus()}),[y]);const T=()=>{const e=b.current;e&&(e.style.height="auto",e.style.height=`${e.scrollHeight}px`)},D=(e,r=2)=>{if(0===e)return"0 Bytes";const t=r<0?0:r,o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(t))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][o]},O=(e,r=20)=>{const t=e.substring(e.lastIndexOf("."));if(e.length<=r)return e;return`${e.replace(t,"").substring(0,r-t.length-3)}...${t} `};return r(va,{style:{width:o},isActive:y,children:[e(Ca,{isActive:!y,onClick:()=>{x(!0),s||(w(""),S(""),z(!1),A([]))},children:e("span",{children:"Add a note..."})}),r(wa,{isActive:y,children:[k&&e(Sa,{value:C,onChange:e=>{0===e.target.value.length&&z(!1),S(e.target.value)},placeholder:"Add a title...",ref:p}),e(ka,{ref:b,isActive:y,noteValue:v,value:v,onChange:e=>{w(e.target.value),m?.(e.target.value),T()},placeholder:"Add a note..."})]}),y&&r(t,{children:[e("hr",{style:{margin:0}}),r("div",{style:{padding:"12px 15px"},children:[r("div",{style:{display:"flex",alignItems:"center"},children:[r(za,{htmlFor:"file-upload",children:[e(Hr,{size:17}),e("input",{id:"file-upload",type:"file",style:{display:"none"},onChange:e=>{const r=Array.from(e.target.files||[]),t=r.filter((e=>e.size<=f)),o=r.filter((e=>e.size>f));o.length>0?F(`${u} ${D(f)}.`):F(""),t.length>0&&A((e=>[...e,...t]))},multiple:!0})]}),!k&&r(t,{children:[e("div",{style:{height:"15px",width:"1px",backgroundColor:"#c0c6cc",marginRight:"5px",marginLeft:"5px"}}),e(Ma,{onClick:()=>{z(!0)},children:"Add a Title"})]}),r("div",{style:{marginLeft:"auto"},children:[e(Ia,{onClick:()=>{x(!1),i&&i(!y),s||(w(""),S(""),z(!1),A([])),F("")},children:"Cancel"}),r(Aa,{isSaveButton:!0,noteValue:v,isLoading:d,disabled:!v||P,theme:g,onClick:()=>{n(v,C,M)},children:[d&&e("span",{style:{marginRight:"6px"},children:e(se,{thickness:"2px",speed:"0.75s",emptyColor:"gray.200",color:"blue.500",size:"xs"})}),"Save"]})]})]}),r("div",{style:{display:"flex",gap:"10px"},children:[e("div",{children:"Note:"}),r("div",{children:["You can add up to ",h," words only"]})]}),I&&e(Ea,{children:I})," ",M.length>0&&e("div",{children:M.map(((o,n)=>r(Fa,{children:[r(t,{children:[e("span",{children:O(o.name)}),e("span",{children:D(o.size)})]}),e(Pa,{onClick:()=>A(M.filter((e=>e!==o)))})]},n)))})]})]})]})}function Oa({defaultValue:t,min:o,max:n,precision:i,step:a,clampValueOnBlur:l,keepWithinRange:c,value:s,onChange:d,size:f,maxW:u,allowMouseWheel:h,NumberIncrementStepperBg:m,NumberIncrementStepperActive:p,NumberIncrementStepperChildren:g,NumberDecrementStepperBg:b,NumberDecrementStepperChildren:y,NumberDecrementStepperActive:x}){return r(De,{defaultValue:t,min:o,max:n,step:a,precision:i,clampValueOnBlur:l,keepWithinRange:c,value:s,onChange:d,size:f,maxW:u,allowMouseWheel:h,children:[e(Oe,{}),r(Re,{children:[e(We,{bg:m,_active:p,children:g}),e($e,{bg:b,_active:x,children:y})]})]})}function Ra({otp:o,mask:n,defaultValue:i,placeholder:a,manageFocus:l,errorBorderColor:c,focusBorderColor:s,onChange:d,onComplete:f,type:u,color:h,variant:m,pins:p=3,label:g}){return r(t,{children:[g&&e(E,{fontWeight:"bold",marginBottom:"8px",children:g}),e(me,{children:e(Le,{otp:o,mask:n,defaultValue:i,placeholder:a,manageFocus:l,errorBorderColor:c,focusBorderColor:s,onChange:d,onComplete:f,type:u,colorScheme:h,variant:m,children:Array.from({length:p}).map(((r,t)=>e(Be,{},t)))})})]})}const Wa=({children:r})=>e(t,{children:r}),$a=({children:r})=>e(t,{children:r}),La=({children:r})=>e(t,{children:r});function Ba({maxW:o,align:n,variant:i,direction:a,justify:l,children:c,size:s,color:d,overflow:f,dividercolor:u="#d5cfcf",dividersize:h="0.5px",dividervariant:m="solid",CardStyle:p,CardHeaderStyle:g,CardBodyStyle:b,borderTopColor:y,borderLeftColor:x}){const v=e=>null!==e&&"object"==typeof e&&"type"in e,w=hr.Children.toArray(c).find((e=>v(e)&&e.type===Wa)),C=hr.Children.toArray(c).find((e=>v(e)&&e.type===$a)),S=hr.Children.toArray(c).find((e=>v(e)&&e.type===La)),k=x?{...p,borderLeft:"2px solid #3182CE"}:y?{...p,borderTop:"2px solid #3182CE"}:{...p};return r(M,{maxW:o,align:n,variant:i,direction:a,justify:l,size:s,overflow:f,colorScheme:d,style:k,children:[w&&r(t,{children:[e(_e,{sx:{...g,fontWeight:"bold"},children:w}),e(Se,{style:{borderColor:u,borderWidth:h,borderStyle:m}})]}),e(Ne,{sx:b,children:C}),S&&e(je,{children:S})]})}function _a({photoUrl:o,onPhotoChange:n,imageWidth:i="100px",imageAlt:a="Profile Photo",imageObjectFit:l="cover",imageBorderRadius:c="full",editIconSize:s="sm",editIconPositionRight:d="0px",editIconPositionBottom:f="0px",isRound:u=!0,boxStyle:h,isEditable:m=!1,isView:p=!1,style:g,handleIsView:b,fallbackText:y}){const[x,w]=pr(o),C=yr(null),k=x?.endsWith(".pdf");return r(S,{position:"relative",display:"inline-block",style:h,sx:{"&:hover .icon-button":{opacity:1}},children:[x?k?e(S,{width:i,height:i,borderRadius:c,bg:"gray.200",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",children:e(Dr,{size:"50%"})}):e(ye,{src:x,alt:a,boxSize:i,objectFit:l,borderRadius:c}):e(S,y?{boxSize:i,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:c,bg:"gray.200",children:e(E,{fontSize:"2xl",fontWeight:"bold",children:y})}:{boxSize:i,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:c,bg:"gray.200",children:e(qr,{size:"50%"})}),(m||p)&&r(t,{children:[r(S,{className:"icon-button",position:"absolute",right:d,bottom:f,transform:"translate(-25%, -25%)",sx:{opacity:0,transition:"opacity 0.3s"},children:[m&&e(I,{label:"Edit","aria-label":"Edit",children:e(v,{icon:e(Wr,{size:14}),isRound:u,size:s,onClick:()=>{m&&C.current?.click()},"aria-label":"Edit photo",style:{...g,transition:"transform 0.3s, box-shadow 0.3s",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.2)",marginRight:"3px"},_hover:{transform:"scale(1.1)",color:"blue.500",boxShadow:"0 8px 16px rgba(0, 0, 0, 0.3)"}})}),p&&e(I,{label:"View","aria-label":"View",children:e(v,{icon:e(Tr,{size:14}),isRound:u,size:s,onClick:b,"aria-label":"View photo",style:{...g,transition:"transform 0.3s, box-shadow 0.3s",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.2)"},_hover:{transform:"scale(1.1)",color:"blue.500",boxShadow:"0 8px 16px rgba(0, 0, 0, 0.3)"}})})]}),m&&e($,{type:"file",accept:"image/*",onChange:e=>{if(!m)return;const r=e.target.files?.[0];if(r){const e=new FileReader;e.onload=()=>{const t=e.result;w(t),n(r)},e.readAsDataURL(r)}},hidden:!0,ref:C})]})]})}function Na({size:r,isIndeterminate:t,color:o,hasStripe:n,height:i,value:a,isAnimated:l,max:c,min:s,variant:d}){return e(be,{size:r,isIndeterminate:t,colorScheme:o,hasStripe:n,height:i,value:a,isAnimated:l,max:c,min:s,variant:d})}const ja=({label:r,colorScheme:t,isChecked:o,onChange:n,isDisabled:i,size:a,value:l,defaultChecked:c})=>{const s=Mt();return e(He,{colorScheme:t,isChecked:o,onChange:n,isDisabled:i,size:a,value:l,defaultChecked:c,sx:{"&[data-checked]":{backgroundColor:s.colors.primary[500],borderColor:s.colors.primary[500]},"&[data-checked]:hover":{backgroundColor:s.colors.primary[300],borderColor:s.colors.primary[300]}},children:e(S,{as:"span",children:r})})},Ha=({options:r,onChange:t,value:o,defaultValue:n,isDisabled:i,size:a,colorScheme:l})=>e(qe,{onChange:t,value:o,defaultValue:n,children:e(we,{direction:"row",spacing:4,children:r.map((r=>e(ja,{label:r.label,value:r.id,isDisabled:i,size:a,colorScheme:l},r.id)))})}),qa=({label:t="",items:o,onReorder:n})=>{const{colors:i}=Mt();return r(S,{borderWidth:"0.063rem",borderRadius:"md",px:3,py:2,bg:i?.white,children:[r(S,{display:"flex",alignItems:"center",gap:2,children:[e(Yr,{}),e(E,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:14,lineHeight:"100%",letterSpacing:"4%",textTransform:"uppercase",py:4,children:t})]}),e(Se,{}),e("br",{}),e(yt,{onDragEnd:e=>{if(!e.destination)return;const r=Array.from(o),[t]=r.splice(e.source.index,1);r.splice(e.destination.index,0,t),n(r)},children:e(xt,{droppableId:"item-list",direction:"horizontal",children:t=>r(me,{ref:t.innerRef,...t.droppableProps,spacing:4,overflowX:"auto",children:[o.map(((t,o)=>e(bt,{draggableId:t.id,index:o,children:n=>r(S,{ref:n.innerRef,...n.draggableProps,...n.dragHandleProps,position:"relative",border:"0.063rem solid",borderColor:i?.gray?.[300],borderRadius:"md",overflow:"hidden",children:[e(ye,{src:t.previewUrl,alt:t.name??`item-${o}`,boxSize:"7.5rem",objectFit:"cover"}),e(v,{icon:e(Vr,{size:16,color:i?.gray?.[500]}),"aria-label":"Drag",size:"sm",position:"absolute",top:1,left:1,variant:"ghost"}),e(xe,{position:"absolute",colorScheme:"gray",variant:"solid",bottom:1,right:1,children:o+1})]})},t.id))),t.placeholder]})})})]})},Ya=xa.div`
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  padding: 0.5rem 0.7rem 0.5rem 0.7rem;
+  width: 100%;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  border-radius: 20px;
+  background: #fff;
+  border: 1px solid #f1f1f1;
+`,Va=xa.input`
+  flex: 1;
+  border: none;
+  outline: none;
+  margin-left: 0.5rem;
+  background: transparent;
+`,Ua=xa(Ur)`
+  color: #888;
+`,Xa=xa(Or)`
+  color: #888;
+  font-size: 1.5rem;
+`,Ga=xa.span`
+  margin-left: auto;
+  padding-left: 0.5rem;
+  color: #888;
+  font-size: 0.9rem;
+`;function Qa({placeholder:t="Search...",onSearch:o,onclose:n,shortcut:i="Ctrl+K",query:a}){const l=yr(null);return br((()=>{const e=e=>{i&&e.ctrlKey&&e.key===i.split("+")[1].toLowerCase()&&(e.preventDefault(),l.current?.focus())};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[i]),r(Ya,{children:[e(Ua,{}),e(Va,{ref:l,type:"text",value:a,onChange:o,placeholder:t}),a&&e(Xa,{onClick:n}),i&&e(Ga,{children:i})]})}const Ja=({label:t,colorScheme:o="primary",variant:n="solid",size:i="md",icon:a,onTagClick:l,onIconClick:c})=>r(Ie,{size:i,variant:n,colorScheme:o,borderRadius:"full",cursor:"pointer",onClick:()=>l?.(),children:[e(Fe,{children:t}),a&&e(Ye,{as:a,boxSize:"1em",ml:1.5,cursor:c?"pointer":"default",onClick:e=>{e.stopPropagation(),c?.()},transition:"all 0.2s ease",_hover:{opacity:.8,transform:"scale(1.05)",cursor:c?"pointer":"default"}})]});function Ka({placement:r,label:t,children:o,hasArrow:n,fontSize:i,bg:a,color:l,isDisabled:c,isOpen:s,defaultIsOpen:d,openDelay:f,closeDelay:u,arrowSize:h,closeOnClick:m,size:p,width:g,height:b,arrowPadding:y,arrowShadowColor:x,direction:v,gutter:w,onClose:C,modifiers:S,closeOnPointerDown:k,styles:z}){return e(I,{label:t,placement:r,hasArrow:n,fontSize:i,bg:a,color:l,isDisabled:c,isOpen:s,defaultIsOpen:d,openDelay:f,closeDelay:u,arrowSize:h,closeOnClick:m,size:p,width:g,height:b,arrowPadding:y,arrowShadowColor:x,direction:v,gutter:w,onClose:C,modifiers:S,closeOnPointerDown:k,style:z,children:o})}const Za=({label:r,maxWidth:t="6rem"})=>{const o=yr(null),[n,i]=pr(!1);br((()=>{const e=o.current;e&&i(e.scrollWidth>e.clientWidth)}),[r,t]);const a=e(E,{ref:o,maxW:t,isTruncated:!0,whiteSpace:"nowrap",fontWeight:500,fontSize:"0.875rem",letterSpacing:"0.044rem",children:r});return n?e(Ka,{label:r,placement:"top",children:a}):a},el=e=>{if("object"==typeof e&&null!==e&&"id"in e&&"label"in e)return e},rl=({id:o,label:n,options:i,onSelect:a,onSearch:l,isOptionLoading:c=!1,isLoading:s=!1,loadingText:d="Loading...",placeholder:f="Select",value:u,searchQuery:h="",isMultiple:m=!1,isRequired:p=!1,error:g=!1,errorMessage:b,helperText:y,width:x="100%",height:w="2.75rem",size:C="md",chip:k,information:z,rightIcon:M,addNew:A,isSelectAll:I=!1,pagination:F,insideSelect:P,isRemoveAllIcon:T})=>{const[D,W]=pr(h),[L,B]=pr(!1),[_,N]=pr(!0),j=yr(null),H=yr(null),q=yr(null),[Y,V]=pr(!1),[U,X]=pr(!1),G=yr(null),[Q,J]=pr({top:0,left:0,width:0}),K=Mt();Ve({ref:H,handler:()=>{B(!1)}});const Z=m?(ee=u,Array.isArray(ee)?ee.filter((e=>e&&"object"==typeof e&&"id"in e&&"label"in e)):[]):el(u)?[el(u)]:[];var ee;const re=i.filter((e=>e?.label?.toLowerCase()?.includes(D?.toLowerCase())));br((()=>{const e=setTimeout((()=>{l?.(D)}),1e3);return()=>clearTimeout(e)}),[D,l]),br((()=>{F?.limit&&N(i.length%F.limit===0)}),[i.length,F?.limit]);const te=e=>Z.some((r=>r.id===e)),oe=re.length>0&&re.every((e=>Z.some((r=>r.id===e.id)))),ne=xr((e=>{if(!F||!F.onScroll||F.scrollLoading||!_)return;const r=e.currentTarget;r.scrollTop+r.clientHeight>=r.scrollHeight-5&&(q.current&&clearTimeout(q.current),q.current=setTimeout((()=>{const e=i.length+1;F.onScroll?.(e,F.limit||10,D)}),200))}),[F,i.length,D,_]);Ve({ref:G,handler:e=>{const r=document.getElementById("custom-select-portal");r&&r.contains(e.target)||X(!1)}});return br((()=>{if(U&&G.current){const e=G.current.getBoundingClientRect();J({top:e.bottom+window.scrollY,left:e.left+window.scrollX,width:e.width+30})}}),[U]),r(S,{ref:H,width:x,position:"relative",children:[n&&e(Ft,{label:n,id:o,isRequired:p,isInformation:z?.isInformation,informationMessage:z?.informationMessage}),e(R,{size:C,children:r(S,{as:"div",w:"100%",minH:"2.85rem",px:3,display:"flex",alignItems:"center",flexWrap:"wrap",gap:"0.375rem",border:"0.063rem solid",borderColor:g?K.colors.semantic.error[500]:K.colors.primary[500],borderRadius:"0.25rem",bg:"white",boxShadow:Y?g?`0 0 0 0.125rem ${K.colors.boxShadow?.error}`:`0 0 0 0.125rem ${K.colors.boxShadow?.primary}`:"none",transition:"box-shadow 0.2s, border-color 0.2s",children:[P&&r(S,{position:"relative",ref:G,backgroundColor:K.colors.gray[200],ml:"-0.75rem",h:"-webkit-fill-available",borderRadius:"0.25rem 0 0 0.25rem",onClick:()=>X((e=>!e)),children:[r(S,{minW:"5rem",cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",width:P.width,height:w,pl:"0.5rem",pr:"0.5rem",children:[e(Za,{label:P?.value?.label??"",maxWidth:P?.width||"6rem"}),e(U?Lr:Pr,{size:16})]}),U&&e(Ue,{children:e(S,{id:"custom-select-portal",position:"absolute",top:`${Q.top}px`,left:`${Q.left}px`,zIndex:1400,bg:K.colors.white,border:"0.063rem solid",borderColor:K.colors.gray[300],borderRadius:"md",boxShadow:"md",minW:"10rem",maxW:"38rem",children:P?.option?.map((r=>e(S,{display:"flex",alignItems:"center",height:"2.5rem",px:"0.75rem",fontSize:"sm",_hover:{bg:K.colors.gray[100]},cursor:"pointer",onClick:e=>{e.stopPropagation(),(e=>{"function"==typeof P?.onSelect&&P.onSelect(e),X(!1)})(r)},children:r.label},r.id)))})})]}),m?Z.slice(0,k?.maxChips||Z.length).map((r=>e(Ja,{label:k?.maxText&&r.label.length>k.maxText?r.label.slice(0,k.maxText)+"…":r.label,onIconClick:k?.onClick?()=>(e=>{const r=Z.filter((r=>r.id!==e));a?.(r)})(r?.id):void 0,icon:k?.onClick?Ar:void 0,colorScheme:"gray",size:"sm"},r.id))):1===Z.length&&""===D&&e(S,{as:"button",type:"button",onClick:()=>B(!0),fontSize:"sm",color:K.colors.gray[800],background:"transparent",border:"none",cursor:"pointer",p:0,children:Z[0].label}),k?.maxChips&&m&&Z.length>k.maxChips&&e(Ja,{label:"+ "+(Z.length-k.maxChips),colorScheme:"gray",size:"sm"},"extra-count"),(m||D||!Z.length||!m)&&e($,{ref:j,variant:"unstyled",flex:"1",minW:"5rem",value:D,onChange:e=>W(e.target.value),onFocus:()=>{V(!0),B(!0)},onBlur:()=>V(!1),placeholder:f}),r(S,{ml:"auto",display:"flex",alignItems:"center",gap:1,children:[T&&Z.length>0&&e(Ka,{placement:"top",label:"Remove All",hasArrow:!0,bg:K.colors.gray[600],color:K.colors.white,fontSize:"0.75rem",children:e(v,{icon:e(Or,{size:12,color:K.colors.black}),"aria-label":"Clear all",variant:"ghost",size:"sm",onClick:()=>{a?.(m?[]:void 0),W("")},sx:{bg:"transparent",_hover:{bg:"transparent"},_active:{bg:"transparent"},_focus:{boxShadow:"none",bg:"transparent"}}})}),s?e(se,{size:"sm"}):(ie=M?.icon,hr.isValidElement(ie)?e(v,{icon:M?.icon,"aria-label":"right-icon",variant:"ghost",size:"sm",onClick:M?.onClick}):e(S,{as:"button",onClick:e=>{e.preventDefault(),e.stopPropagation(),B((e=>!e))},"aria-label":"toggle-dropdown",display:"flex",alignItems:"center",children:e(L?Lr:Pr,{size:16})}))]})]})}),L&&r(S,{position:"absolute",zIndex:10,width:"100%",maxH:"20rem",borderWidth:1,borderRadius:"sm",bg:"white",boxShadow:"md",display:"flex",flexDirection:"column",children:[m&&I&&r(S,{p:2,px:3,cursor:"pointer",onClick:()=>{if(re.every((e=>Z.some((r=>r.id===e.id))))){const e=Z.filter((e=>!re.some((r=>r.id===e.id))));a?.(e)}else{const e=re.filter((e=>!Z.some((r=>r.id===e.id))));a?.([...Z,...e])}W("")},display:"flex",alignItems:"center",gap:2,borderBottom:`0.063rem solid ${K.colors.gray[100]}`,children:[e(O,{isChecked:oe,pointerEvents:"none"}),e(E,{fontSize:"sm",children:oe?"Unselect All":"Select All"})]}),e(S,{flex:"1",overflowY:"auto",onScroll:ne,maxH:"15rem",borderBottom:"0.063rem solid",borderColor:K.colors.gray[200],children:c?r(S,{p:3,display:"flex",alignItems:"center",gap:2,children:[e(se,{size:"sm"}),e(E,{fontSize:"sm",children:d})]}):0===re.length?e(E,{p:3,fontSize:"sm",color:K.colors.gray[500],children:"No results found"}):re.map((o=>r(S,{p:2,px:3,cursor:"pointer",bg:te(o.id)?K.colors.gray[100]:"transparent",_hover:{bg:K.colors.gray[50]},onClick:()=>(e=>{if(m){const r=Z.find((r=>r.id===e.id))?Z.filter((r=>r.id!==e.id)):[...Z,e];a?.(r)}else a?.(e),B(!1);W("")})(o),display:"flex",alignItems:"center",gap:2,borderBottom:`0.063rem solid ${K.colors.gray[100]}`,children:[m&&e(O,{isChecked:te(o.id),pointerEvents:"none",colorScheme:"blue"}),o.view?e(t,{children:o.view}):e(E,{fontSize:"sm",children:o.label})]},o.id)))}),A?.enabled&&r(S,{p:2,borderTop:"0.063rem solid",borderColor:K.colors.gray[200],bg:"white",display:"flex",alignItems:"center",gap:2,cursor:"pointer",onClick:A.onClick,_hover:{bg:K.colors.gray[50]},children:[A.icon||e(Xr,{size:16}),e(E,{fontSize:"sm",children:A.text||"Add New"})]})]}),y&&!g&&e(Et,{helperText:y}),g&&e(Pt,{errorMessage:b})]});var ie},tl=({isOptionLoading:o,filteredOptions:n,loadingText:i,handleOptionClick:a,isProfile:l,isColorOptions:c})=>o?r(N,{py:2,children:[e(se,{size:"sm",color:"blue.500"}),e(E,{color:"blue.500",children:i})]}):n?.length?e(t,{children:n.map((t=>r(S,{px:4,py:2,cursor:"pointer",_hover:{backgroundColor:"blue.50"},onClick:()=>a(t),display:"flex",alignItems:"center",gap:"0.5rem",children:[l&&e(S,{children:e(Ee,{size:"sm",name:t.label.toLocaleUpperCase(),src:t.profileUrl?t.profileUrl:void 0})}),c&&e(S,{width:"0.8rem",height:"0.8rem",content:"",backgroundColor:t?.color,borderRadius:"50%"}),r(S,{children:[e(S,{children:t.label}),t.email&&e(S,{fontSize:12,color:"gray.400",children:t.email})]})]},t.id)))}):e(E,{px:4,py:2,color:"gray.500",children:"No options found"});function ol({options:o,initialSelectedOption:n,onOptionSelect:i,inputOnchange:a,id:l,name:c,label:s,dropdownStyle:d,inputStyle:f,isOptionLoading:u,loadingText:h="loading",boxStyle:m,placeholder:p="Select Option",searchQuery:g=null,isInformation:b=!1,informationMessage:y,rightIcon:x,rightElementStyle:v,isMultipleSelect:w=!1,isRequired:C=!1,onOptionMultiSelect:k,error:z=!1,isProfile:M=!1,isBottomIcon:A=!1,errorMessage:I,BottomIcon:F=!1,BottomText:P,handleBottomClick:E,BottomTextColor:T,isColorOptions:O}){const W=Mt(),[B,_]=pr(n?[n]:[]),[N,j]=pr(g),[H,q]=pr(!1),[Y,V]=pr("below"),U=yr(null),X=yr(null),G=wr((()=>o.filter((e=>{const r=!w||!B.some((r=>r.id===e.id)),t=e.label||"",o=N||"";return r&&t.toLowerCase().includes(o.toLowerCase())}))),[o,N,w,B]),Q=xr((e=>{w?_((r=>{const t=r.some((r=>r.id===e.id))?r.filter((r=>r.id!==e.id)):[...r,e];return j(""),k&&setTimeout((()=>k(t)),0),t})):(j(e.label),q(!1),i&&i(e))}),[w,i,k]);return br((()=>{H&&(()=>{if(U.current&&X.current){const e=U.current.getBoundingClientRect(),r=X.current.getBoundingClientRect(),t=window.innerHeight-e.bottom+window.scrollY,o=e.top+window.scrollY;t>=r.height?V("below"):o>=r.height?V("above"):V("below")}})();const e=e=>{U.current&&X.current&&!U.current.contains(e.target)&&!X.current.contains(e.target)&&q(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[H]),e(t,{children:e(D,{isInvalid:z,children:r(S,{display:"flex",flexDirection:"column",position:"relative",sx:m,children:[s&&e(Ft,{label:s,id:l,isRequired:C,isInformation:b,informationMessage:y}),w&&B.length>0&&e(me,{spacing:2,mb:2,children:B.map((t=>r(Ie,{size:"md",borderRadius:"full",variant:"solid",sx:{backgroundColor:W.colors.primary[500]},children:[e(Fe,{width:"50px",children:t.label}),e(Pe,{onClick:()=>(e=>{_((r=>r.filter((r=>r.id!==e.id)))),k&&(k(B.filter((r=>r.id!==e.id))),j(""))})(t)})]},t.id)))}),r(R,{children:[e($,{ref:U,border:z?"2px solid #DC143C":"2px solid #e2e8f0",variant:"flushed",value:N||"",onClick:()=>q(!0),onFocus:()=>q(!0),onChange:e=>{return r=e.target.value,j(r),void a(r);var r},placeholder:p,onKeyDown:e=>{if("Enter"===e.key){const e=o.find((e=>e.label?.toLowerCase()===(N??"")?.toLowerCase()));e&&Q(e)}},id:l,name:c,cursor:"pointer",borderColor:"gray.300",_hover:{borderColor:"blue.500"},_focus:{borderColor:z?"none":"blue.500"},style:{...f,backgroundColor:W.colors.backgroundColor.main,fontWeight:600,color:W.colors.gray[700],padding:"0 0.5rem",fontSize:15,letterSpacing:.7,border:z?"2px solid #DC143C":"1px solid #e2e8f0"}}),x&&e(L,{pointerEvents:"none",children:x,style:{...v}})]}),H&&r(S,{ref:X,marginTop:"5px",position:"absolute",top:"below"===Y?"100%":"auto",bottom:"above"===Y?"100%":"auto",left:0,right:0,border:"1px solid",borderColor:"gray.300",borderRadius:"md",bg:"white",maxHeight:"150px",overflowY:"auto",zIndex:10,children:[e(tl,{isOptionLoading:u,filteredOptions:G,loadingText:h,handleOptionClick:Q,isProfile:M,isColorOptions:O}),e("hr",{}),A&&r(S,{position:"sticky",bottom:0,background:"white",display:"flex",alignItems:"center",pl:"1rem",cursor:"pointer",onClick:E,borderColor:"gray.300",zIndex:1,borderTop:"1px solid lightgray",children:[e(S,{children:F||e(Gr,{size:"1rem"})}),e(S,{fontSize:"0.875rem",color:T||W.colors.primary[500],padding:"8px 8px",children:P||"Add New"})]})]}),z&&e(Pt,{errorMessage:I})]})})})}const nl={"&::-webkit-scrollbar":{width:"0.188rem"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",transition:"background 0.5s"},"&:hover::-webkit-scrollbar-thumb":{background:"#9A4FE5"}},il=({children:o,open:n=!1,...i})=>{const a=yr(null),l=yr(null),[c,s]=pr(!1);return br((()=>{const e=()=>{const e=a.current,r=l.current;if(e&&r){const t=e.offsetWidth,o=r.scrollWidth;s(o>t)}};e();const r=new ResizeObserver(e);return a.current&&r.observe(a.current),()=>r.disconnect()}),[o]),r(t,{children:[e(I,{label:o,isDisabled:!c,hasArrow:!0,placement:"right",children:e(E,{ref:a,isTruncated:!0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxW:"100%",...i,children:o})}),e(S,{ref:l,position:"absolute",visibility:"hidden",whiteSpace:"nowrap",fontSize:i.fontSize,fontWeight:i.fontWeight,fontFamily:i.fontFamily,lineHeight:i.lineHeight,px:i.px,py:i.py,children:o})]})},al=({menu:o,handleMenuClick:n,activeMenu:i})=>{const a=Mt(),{title:l,subMenu:c,badge:s,locked:d}=o,f=c?.some((e=>e.id===i));return r(t,{children:[r(P,{align:"center",gap:"0.625rem",mb:c?.length?"0.5rem":0,children:[e(il,{fontWeight:"medium",fontSize:"1rem",flex:"1",children:l}),s&&e(xe,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:s}),d&&e(F,{as:Qr,fontSize:"1rem"})]}),c?.map((t=>{const o=i===t.id;return r(P,{onClick:()=>!t.disabled&&n?.(t),px:"1rem",py:"0.5rem",align:"center",justify:"space-between",gap:"0.75rem",_hover:{bg:t.disabled?"transparent":a.colors.primary[500],cursor:t.disabled?"not-allowed":"pointer"},bg:f?a.colors.primary[500]:a.colors.primary[700],borderLeft:o?`0.188rem solid ${a.colors.background[300]}`:"0.188rem solid transparent",color:"white",opacity:t.disabled?.5:1,pointerEvents:t.disabled?"none":"auto",children:[r(P,{align:"center",gap:"0.5rem",overflow:"auto",children:[e(F,{as:t.icon,fontSize:"1rem"}),e(il,{fontSize:"0.875rem",fontWeight:"medium",flex:1,children:t.title})]}),t.locked?e(F,{as:Qr,fontSize:"1rem"}):t.badge?e(xe,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:t.badge}):null]},t.id||t.title)}))]})},ll=({menu:o,activeMenu:n,toggle:i,handleClick:a})=>{const l=Mt(),{title:c,icon:s,disabled:d,locked:f,badge:u,subMenu:h}=o,m=!!h?.length,[p,g]=pr(!1),b=h?.some((e=>e.id===n)),y=n===o.id||b,x=()=>{!d&&m?g(!p):d||a?.(o)},v={w:"100%",px:"1.5rem",py:"0.75rem",fontWeight:"medium",backgroundColor:y?l.colors.primary[500]:"transparent",color:d?"gray.400":l.colors.white,_hover:d?{}:{backgroundColor:l.colors.primary[700]},pl:i?"1.6875rem":void 0,cursor:d?"not-allowed":"pointer",opacity:d?.6:1},w=r(P,{align:"center",gap:"0.625rem",justify:"space-between",children:[r(P,{align:"center",gap:"0.625rem",overflow:"auto",children:[e(F,{as:s,fontSize:"1.25rem",color:d?l.colors.gray[400]:l.colors.white}),!i&&e(il,{open:p,fontSize:"1rem",flex:"1",children:c})]}),!i&&r(P,{align:"center",gap:"0.375rem",children:[u&&e(xe,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:u}),f&&e(F,{as:Qr,fontSize:"1rem"}),m&&e(F,{as:p?Pr:Jr,fontSize:"1rem",onClick:e=>{e.stopPropagation(),x()}})]})]});return i?r(V,{trigger:"hover",placement:"right-start",closeOnBlur:!1,isLazy:!0,children:[e(U,{children:e(S,{...v,onClick:x,children:w})}),e(Ue,{children:e(X,{borderRadius:"0.063rem",bg:l.colors.primary[y?500:700],boxShadow:"lg",minW:"10rem",maxW:"14rem",py:"0.125rem",ml:"-0.313rem",cursor:d?"not-allowed":"pointer",zIndex:1500,children:e(G,{p:"0.5rem",color:"white",children:e(al,{menu:o,handleMenuClick:a,activeMenu:n})})})})]}):r(t,{children:[e(S,{...v,onClick:x,children:w}),m&&e(ve,{in:p,animateOpacity:!0,children:e(S,{children:h.map((t=>{const o=n===t.id;return r(S,{py:"0.5rem",px:"1.25rem",pl:"3.3rem",fontSize:"0.875rem",backgroundColor:y?l.colors.primary[500]:"transparent",borderLeft:o?`0.188rem solid ${l.colors.background[300]}`:"0.188rem solid transparent",_hover:{backgroundColor:l.colors.primary[700]},opacity:t.disabled?.6:1,cursor:t.disabled?"not-allowed":"pointer",pointerEvents:t.disabled?"none":"auto",onClick:()=>!t.disabled&&a?.(t),display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",color:l.colors.white,children:[r(P,{align:"center",gap:"0.5rem",overflow:"auto",children:[e(F,{as:t.icon,fontSize:"1rem"}),e(il,{fontSize:"0.875rem",fontWeight:"medium",open:p,children:t.title})]}),t.locked?e(F,{as:Qr,fontSize:"1rem"}):t.badge?e(xe,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:t.badge}):null]},t.id||t.title)}))})})]})},cl=({menus:r,activeMenu:t,handleMenuClick:o,toggle:n,selectedSubMenu:i})=>e(S,{children:r.map((r=>e(ll,{menu:r,activeMenu:t,toggle:n,handleClick:o,selectedSubMenu:i},r.title)))}),sl=()=>{const t=Mt();return r("svg",{width:"12.09",height:"15.95",viewBox:"0 0 31 29",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M30.4999 6.26137V7.81058H15.9761H14.8787V22.8508V28.8862H12.5226C9.6824 28.8862 7.32632 26.4656 7.06812 23.3995C7.06812 23.2381 7.06812 23.0444 7.06812 22.8508V18.3323C7.06812 18.2677 7.06812 18.2032 7.06812 18.1063V15.5889V6.2291C7.06812 2.80793 9.84378 -5.72205e-06 13.2972 -5.72205e-06H24.8517C28.0147 0.355021 30.4676 3.00158 30.4676 6.2291L30.4999 6.26137Z",fill:t.colors.black}),e("path",{d:"M7.10053 23.3672H7.03598C5.16402 23.2381 3.48571 22.4635 2.25926 21.3338C0.871428 20.0428 0 18.2677 0 16.3312V15.6211H7.06825V18.1386C7.06825 18.2032 7.06825 18.2677 7.06825 18.3645V22.883C7.06825 23.0767 7.06825 23.2381 7.06825 23.4317L7.10053 23.3672Z",fill:t.colors.black}),e("path",{d:"M30.4678 12.0063V15.6211V17.1703C30.4678 20.6238 26.272 23.3994 21.0757 23.3994H14.8789V22.8508V15.6211H22.6572V7.81056C22.6895 7.81056 30.5001 7.81056 30.5001 7.81056V11.5868C30.5001 11.7159 30.5001 11.8772 30.5001 12.0063H30.4678Z",fill:t.colors.black})]})};function dl({menus:t,activeMenu:o,handleMenuClick:n,toggle:i,changeToggle:a,logo:l,companyName:c,isDisableAddNew:s=!1,onAddNewClick:d,selectedSubMenu:f}){const u=Mt();return e(P,{transition:"all 0.5s",pos:"sticky",h:"100vh",boxShadow:u.shadows.lg,w:i?"4.688rem":"15.625rem",flexDir:"column",justifyContent:"space-between",background:u.colors.sidebar.background[500],children:r(P,{flexDir:"column",w:"100%",alignItems:i?"center":"flex-start",as:"nav",h:"100vh",children:[r(P,l?{my:3.5,alignItems:"left",gap:"0.625rem",pl:i?0:"0.625rem",children:[e(ye,{borderRadius:"full",boxSize:"2rem",src:l,alt:"Company Logo"}),e(E,{display:i?"none":"flex",fontSize:18,fontWeight:800,color:u.colors.white,lineHeight:2,children:c})]}:{my:3.5,alignItems:"center",gap:"0.625rem",pl:i?0:"0.625rem",children:[e(S,{bg:u.colors.white,color:u.colors.black,borderRadius:"full",boxSize:"2rem",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:{base:"xl",md:"2xl"},children:e(sl,{})}),e(E,{fontWeight:800,fontSize:"1.3rem",textAlign:"center",color:u.colors.white,display:i?"none":"flex",lineHeight:2,children:c})]}),e(S,{w:"100%",h:"0.063rem",bg:u.colors.sidebar.background[200]}),r(P,{flexDir:"column",w:"100%",alignItems:i?"center":"flex-start",h:"100vh",overflow:"auto",css:nl,overflowX:"hidden",children:[e(S,{width:"100%",flex:"1",overflowY:"auto",overflowX:"hidden",alignItems:i?"center":"flex-start",css:{...nl,transition:"all 0.3s ease"},children:e(cl,{activeMenu:o,menus:t,handleMenuClick:n??(()=>{}),toggle:i,selectedSubMenu:f})}),e(S,{w:"100%",h:"0.063rem",bg:u.colors.sidebar.background[200],mb:"0.125rem"}),!s&&r(P,{alignItems:"center",gap:"0.5rem",p:"0.625rem",cursor:"pointer",_hover:{backgroundColor:u.colors.primary[500]},w:"100%",justifyContent:i?"center":"flex-start",onClick:d,children:[e(S,{w:"1.625rem",h:"1.625rem",bg:u.colors.white,borderRadius:"full",display:"flex",alignItems:"center",justifyContent:"center",children:e(Xr,{size:16,color:u.colors.primary[500]})}),e(E,{fontSize:"0.875rem",color:u.colors.white,fontWeight:"medium",display:i?"none":"block",children:"Add New"})]}),r(P,{alignItems:"center",gap:"0.5rem",p:"0.625rem",cursor:"pointer",w:"100%",justifyContent:i?"center":"flex-start",onClick:a,transition:"all 0.5s",bg:u.colors.gray[700],children:[e(S,{w:"1.625rem",h:"1.625rem",borderRadius:"full",display:"flex",alignItems:"center",justifyContent:"center",children:i?e(Kr,{size:16,color:u.colors?.white}):e(Zr,{size:16,color:u.colors.white})}),e(E,{fontSize:"0.875rem",color:"white",fontWeight:"medium",display:i?"none":"block",children:"Collapse"})]})]})]})})}function fl({startColor:o,endColor:n,height:i="20px",isLoaded:a,bg:l,color:c,fadeDuration:s,children:d,type:f,speed:u,size:h,mt:m,noOfLines:p,spacing:g,skeletonHeight:b,width:y}){return r(t,{children:["skeleton"===f&&e(ze,{height:i,isLoaded:a,bg:l,color:c,fadeDuration:s,startColor:o,endColor:n,speed:u,width:y,children:d}),"circle"===f&&e(Xe,{size:h,speed:u}),"text"===f&&e(Me,{mt:m,noOfLines:p,spacing:g,skeletonHeight:b})]})}const ul=xa.div`
+  position: relative;
+  width: 100%;
+  height: auto;
+  background-color: white;
+  border-radius: 20px;
+  overflow: hidden;
+`,hl=xa.div`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 50%;
+  background-color: #eff7ff;
+  border-radius: 16px;
+  border: 1px solid #88c9f3;
+  transition: transform 0.3s ease;
+  transform: ${({position:e})=>"left"===e?"translateX(0%)":"translateX(100%)"};
+`,ml=xa.ul`
+  display: flex;
+  list-style-type: none;
+  margin: 0;
+  padding: 1px;
+  height: 100%;
+  z-index: 1;
+`,pl=xa.li`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  width: 110px;
+  height: 100%;
+  color: black;
+  transition: color 0.3s ease;
+  font-weight: 400;
+  padding: 2px;
+  font-size: 14px;
+  ${({isActive:e})=>e&&aa`
+      font-weight: 600;
+      background-color: transparent;
+      z-index: 1;
+    `}
+`,gl=xa.div`
+  background-color: white;
+  height: auto;
+  padding: 1px;
+  width: 200px;
+  border-radius: 20px;
+  border: 1px solid #e2e7ee;
+`;function bl({leftText:t,rightText:o,leftIcon:n,rightIcon:i,onSwitchToggle:a,switchActive:l}){return e(gl,{children:r(ul,{children:[e(hl,{position:l}),r(ml,{children:[r(pl,{isActive:"left"===l,onClick:()=>a("left"),children:[n,t]}),r(pl,{isActive:"right"===l,onClick:()=>a("right"),children:[i,o]})]})]})})}const yl=(e,r)=>e.slice(0,r).reduce(((e,r)=>e+r),0);function xl(e,r){let t;return(...o)=>{clearTimeout(t),t=setTimeout((()=>{e(...o)}),r)}}const vl=({paginationText:t,handlePageSizeChange:o,rowsPerPage:n,currentPage:i,pages:a,setCurrentPage:l,dataLength:c,isServerPagination:s})=>{const d=(f=c)>100?[25,50,100]:f>50?[5,10,20]:[5,10];var f;const u=0===i,h=i>=a-1;return r(P,{justify:"flex-end",align:"center",children:[!s&&r(Ce,{onChange:o,value:n,size:"xs",borderRadius:3,width:20,children:[c<100?e("option",{value:0}):null,d.map(((r,t)=>e("option",{value:r,children:r},t)))]}),r(P,{children:[e(v,{"aria-label":"left-icon",color:u?"gray":"black",rounded:"full",variant:u?"plain":"ghost",onClick:()=>l(0),children:e(et,{})}),e(v,{"aria-label":"left-icon",color:u?"gray":"black",rounded:"full",variant:u?"plain":"ghost",onClick:()=>i>0&&l(i-1),children:e(rt,{})}),e(E,{mt:3,fontSize:12,children:t}),e(v,{"aria-label":"left-icon",color:h?"gray":"black",rounded:"full",variant:h?"plain":"ghost",onClick:()=>i<a-1&&l(i+1),children:e(Jr,{})}),e(v,{"aria-label":"left-icon",color:h?"gray":"black",rounded:"full",variant:h?"plain":"ghost",onClick:()=>l(a-1),children:e(tt,{})})]})]})},wl=mr((({header:t,setColumnsSearch:o,columnsSearch:n,onClose:i})=>{const a=yr(null),[l,c]=pr(!1),s=xl((e=>{o(e)}),700);return br((()=>{n.length&&a.current&&(a.current.value=n)}),[l]),r(V,{onClose:i,onOpen:()=>{c((e=>!e))},children:[e(U,{children:e(v,{"aria-label":"Search",icon:e(ot,{size:17}),size:"xs",variant:"ghost",_hover:{bg:"none"}})}),e(Ue,{children:e(X,{width:"200px",children:e(G,{p:2,children:r(R,{flex:"1",size:"xs",children:[e(W,{pointerEvents:"none",children:e(Ur,{color:"gray.300"})}),e($,{autoFocus:!0,placeholder:`Search ${t.label}...`,size:"xs",ref:a,onChange:e=>{e.stopPropagation(),s(e.target.value)},onFocus:e=>e.stopPropagation()})]})})})})]})}));var Cl=mr((({columns:t,isCheckbox:o,handleSort:n,headerRefs:i,columnWidths:a,columnsSort:l,headerBgColor:c,headerTextColor:s,freezedBgColor:d,freezedTextColor:f,noBorders:u,handleCheckbox:h,checked:m,isLoading:p,isContent:g,isLink:b,isActionFreeze:y,setColumnsSearch:x,columnsSearch:v})=>{const w=Mt(),C=xr((()=>e(Ge,{w:6,fontSize:14,fontWeight:600,color:f,textTransform:"capitalize",backgroundColor:w.colors?.table?.hover?.[600],borderY:u?"none":`0.063rem solid ${w.colors?.gray[300]}`,position:"sticky",className:"columns sticky-columns",left:"0px",zIndex:9,boxShadow:"2px 0 5px rgba(0, 0, 0, 0.1)",children:e(Tt,{"aria-label":"Select all rows",variant:"outline",onChange:()=>h(0),isChecked:!p&&!0===m,isIndeterminate:"indeterminate"===m})})),[m,f,h,p,u,w.colors]),S=xr((()=>e(Ge,{w:6,minW:"35px",p:0,backgroundColor:w.colors?.table?.hover?.[600],borderY:u?"none":`0.063rem solid ${w.colors?.gray[300]}`,position:"sticky",className:"columns sticky-columns",left:"0px",zIndex:1,boxShadow:"2px 0 5px rgba(0, 0, 0, 0.1)"})),[u,w.colors]),k=xr((()=>e(Ge,{w:2,p:0,minW:"2.065rem",backgroundColor:w.colors?.table?.hover?.[600],borderY:u?"none":`0.063rem solid ${w.colors?.gray[300]}`,position:y?"sticky":"relative",className:"columns sticky-columns",right:"0px",zIndex:1,boxShadow:"2px 0 5px rgba(0, 0, 0, 0.1)"})),[u,w.colors,y]);return r(Qe,{pr:0,children:[g&&e(S,{}),o&&e(C,{}),t.map(((r,t)=>r?.isHidden?null:e(kl,{header:r,index:t,columnWidths:a,handleSort:n,isCheckbox:o,headerBgColor:c,headerTextColor:s,freezedBgColor:d,freezedTextColor:f,noBorders:u,columnsSort:l,headerRefs:i,columnsSearch:v,setColumnsSearch:x},r.label))),b&&e(k,{})]})}));const Sl=mr((({sortState:t,handleSortClick:o})=>{const n=Mt();return r(S,{display:"flex",alignItems:"center",justifyContent:"center",bg:n.colors.white,borderRadius:"full",cursor:"pointer",w:"24px",h:"24px",ml:2,onClick:o,transition:"transform 0.2s ease-in-out",_hover:{transform:"scale(1.1)"},children:["none"===t&&e(nt,{color:"black",size:14}),"asc"===t&&e(Lr,{color:"black",size:14}),"desc"===t&&e(Pr,{color:"black",size:14})]})})),kl=mr((({header:t,index:o,columnWidths:n,isCheckbox:i,headerTextColor:a,freezedTextColor:l,noBorders:c,columnsSort:s,headerRefs:d,columnsSearch:f,setColumnsSearch:u,handleSort:h})=>{const[m,p]=pr(!1),g=Mt(),b=t.isFreeze,y=b?yl(n,o)+(i?50:0):void 0,x=t.isSort?s.find((e=>e.column===t.id)):void 0,v=xr((({isSorting:r,header:t})=>e(Sl,{sortState:r?.direction??"none",handleSortClick:()=>{let e="asc";"asc"===r?.direction?e="desc":"desc"===r?.direction&&(e="none"),h(t.id,e)}})),[h]),w=m&&t.isSort||x?.direction&&"none"!==x.direction;return e(Ge,{ref:e=>d.current[o]=e,textTransform:"capitalize",fontSize:16,fontWeight:600,position:b?"sticky":void 0,left:b?y:void 0,minWidth:120,backgroundColor:g.colors?.table?.hover?.[600],maxWidth:500,zIndex:b?2:1,py:2,pr:0,borderY:c?"none":`0.063rem solid ${g.colors?.border[500]}`,className:"columns "+(b?"sticky-columns":"scrollable-columns"),height:45,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:r(S,{display:"flex",color:g.colors?.secondary?.[500],lineHeight:"1.25rem",justifyContent:"space-between",alignItems:"center",position:"relative",children:[e(S,{textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",overflow:"hidden",children:t.label}),r(S,{display:"flex",alignItems:"center",children:[w&&e(v,{isSorting:x,header:t}),e(wl,{header:t,setColumnsSearch:e=>u((r=>({...r,[t.id]:e}))),columnsSearch:f[t.id]||"",onClose:()=>p(!1)})]}),e("div",{className:"resize-handle",onMouseDown:e=>{const r=e.target.parentElement.parentElement,t=e.pageX,o=r.offsetWidth,n=e=>{const n=o+(e.pageX-t);r.style.width=`${n}px`},i=()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",i)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",i)}})]})},o+1)})),zl=({noOfColumns:r,borderColor:o})=>e(t,{children:Array.from({length:5}).map(((t,n)=>e(Qe,{children:e(Je,{colSpan:r,textAlign:"center",border:`1px solid ${o}`,children:e(ze,{height:"15px",variant:"shine"})})},n)))}),Ml=({row:t})=>r(V,{placement:"bottom-start",closeOnBlur:!0,children:[e(U,{children:e(v,{"aria-label":"Link",color:"black",icon:e(ot,{size:17}),size:"sm",p:0,variant:"ghost",_hover:{transform:"scale(1.2)"}})}),e(Ue,{children:e(X,{w:"auto",minW:"150px",boxShadow:"lg",p:0,zIndex:999,children:e(G,{children:r(N,{align:"stretch",spacing:1,children:[t.onLink&&r(m,{size:"sm",variant:"ghost",justifyContent:"flex-start",gap:2,onClick:()=>t?.onLink(t),children:[e(_r,{size:17})," View"]}),t.onEdit&&r(m,{size:"sm",variant:"ghost",justifyContent:"flex-start",gap:2,onClick:()=>t?.onEdit?.(t),children:[e(it,{size:17})," Edit"]}),t.onDelete&&r(m,{size:"sm",variant:"ghost",justifyContent:"flex-start",colorScheme:"red",gap:2,onClick:()=>t?.onDelete?.(t),children:[e(Br,{size:17}),"Delete"]})]})})})})]}),Al=({data:o,isCheckbox:n,columns:i,startRow:a,columnWidths:l,freezedBgColor:c,freezedTextColor:s,noBorders:d,handleCheckbox:f,selections:u,isLoading:h,onRowClick:m,isContent:p,isLink:g,isActionFreeze:b})=>{const y=Mt(),[x,w]=pr(new Set),C=xr((({row:r,isChecked:t})=>e(Je,{w:"6",fontSize:14,fontWeight:600,color:y.colors?.background?.[50],textTransform:"capitalize",backgroundColor:y.colors?.background?.[50],position:"sticky",borderBottom:d?"none":`0.063rem solid ${y.colors?.border[500]}`,boxSizing:"border-box",left:0,zIndex:1,className:"columns sticky-columns",children:e(Tt,{"aria-label":"Select all rows",onChange:()=>f(r.id),isChecked:t})})),[f,d,y.colors]),k=xr((({isExpanded:r,rowIndex:t,isContent:o})=>e(Je,{w:"6",p:0,fontSize:14,backgroundColor:y.colors?.background?.[50],color:s,position:"sticky",borderBottom:d?"none":`0.063rem solid ${y.colors?.border[500]}`,boxSizing:"border-box",left:0,zIndex:1,className:"columns sticky-columns",children:o&&e(v,{"aria-label":r?"Collapse row":"Expand row",color:y.colors?.gray[600],icon:e(r?Pr:Jr,{fontSize:16}),_hover:{transform:"scale(1.1)"},size:"sm",onClick:()=>(e=>{w((r=>{const t=new Set(r);return t.has(e)?t.delete(e):t.add(e),t}))})(t),variant:"ghost"})})),[s,d,y.colors]),z=xr((({row:r})=>e(Je,{w:2,p:0,fontSize:14,backgroundColor:y?.colors?.background?.[50],color:s,position:b?"sticky":"relative",borderBottom:d?"none":`0.063rem solid ${y.colors?.border[500]}`,boxSizing:"border-box",right:0,zIndex:1,className:"columns sticky-columns"+(b?"-right":""),children:(r.onLink||r.onEdit||r.onDelete)&&e(Ml,{row:r})})),[s,d,y.colors,b]),M=Object.values(i).filter((e=>!e.isHidden)).length+(n?1:0)+(p?1:0)+(g?1:0);return h?e(zl,{noOfColumns:M,borderColor:y.colors.gray[300]}):0===o.length?e(Qe,{backgroundColor:y.colors.white,children:e(Je,{colSpan:M,textAlign:"center",py:4,children:e(S,{textAlign:"center",fontSize:14,children:e("p",{children:"No data found"})})})}):e(t,{children:o.map(((t,o)=>{const s=a+o,f=x.has(s),h=u.includes(t.id);return r(hr.Fragment,{children:[r(Qe,{sx:h?{"& td":{backgroundColor:y.colors.disabled[100]}}:{},children:[p&&e(k,{rowIndex:s,isExpanded:f,isContent:!!t?.content?.()}),n&&e(C,{row:t,isChecked:h}),i.map(((r,i)=>{if(r.isHidden)return null;const a=r.isFreeze,{leftOffset:s}=(({isFrozen:e,columnWidths:r,headerIndex:t,isCheckbox:o,header:n,row:i,freezedBgColor:a,index:l})=>{const c=Mt(),s=e?yl(r,t)+(o?50:0):0;let d,f,u,h;return i.cellStyle?.[n.id]?(d=i.cellStyle?.[n.id]?.bg??c.colors.backgroundColor.light,f=i.cellStyle?.[n.id]?.color??void 0):e?(d=a??void 0,f=a??void 0):l%2==1&&(d=c.colors.backgroundColor.light),i.rowStyle&&(u=i.rowStyle?.bg,h=i.rowStyle?.color),{leftOffset:s,cellBgColor:d,rowBgColor:u,cellTextColor:f,rowTextColor:h}})({isFrozen:a,columnWidths:l,headerIndex:i,isCheckbox:n,header:r,row:t,freezedBgColor:c,index:o});return e(Je,{maxWidth:500,minWidth:120,height:45,onClick:()=>r.node?null:((e,r)=>{m&&m(e,r)})(t,{label:r.label,id:r.id}),fontSize:14,fontWeight:400,position:a?"sticky":void 0,left:a?s:void 0,zIndex:a?1:0,backgroundColor:y.colors.background?.[50],textOverflow:"ellipsis",borderBottom:d?"none":`0.063rem solid ${y.colors?.gray[a||h?300:200]}`,className:"columns "+(a?"sticky-columns":"scrollable-columns"),boxSizing:"border-box",color:y.colors?.text?.[500],_hover:t.cellStyle?.[r.id]||t.rowStyle?{}:{backgroundColor:y.colors.secondary?.opacity?.[4]},children:e(S,{display:"block",overflow:"hidden",whiteSpace:"normal",overflowWrap:"break-word",children:r.node?r.node(t):t[r.id]})},i+1)})),g&&e(z,{row:t})]},o+1),t.content&&f&&e(Qe,{children:e(Je,{colSpan:i.length+(n?1:0)+(p?1:0)+(g?1:0),p:2,children:e(S,{p:2,bg:y.colors.white,borderRadius:"md",children:t?.content(t)})})})]},s)}))})},Il=({tableBorderColor:e,data:r,isPagination:t,selections:o,onSelection:n,tablePreferences:i,savePreferences:a,noOfRowsPerPage:l,isServerPagination:c,totalRecords:s,columns:d})=>{const f=Mt(),u=yr([]),[h,m]=pr([]),[p,g]=pr(o??[]),[b,y]=pr([]),[x,v]=pr(0),[w,C]=pr(l??50),S=wr((()=>r),[r]),[k,z]=pr(S),[M,A]=pr(d);br((()=>{if(i){const e=i.columns;e?.length&&A(e)}}),[i]),br((()=>{z(S)}),[S]);const I=wr((()=>({borderRadius:"10px 0 0 10px",borderWidth:"0px 0px 0px 5px",borderColor:e??f.colors?.gray[500],boxShadow:f.shadows.lg,maxHeight:"50vh",overflowY:"auto"})),[e,f]),F=wr((()=>S.some((e=>e.content))),[S]),P=wr((()=>S.some((e=>e.onLink||e.onDelete||e.onEdit))),[S]);br((()=>{const e=u.current.map((e=>e?.offsetWidth||0));m(e)}),[]);const E=wr((()=>c?Math.ceil(s/(l??1)):t?Math.ceil(S.length/w):0),[t,w,S.length,s,c,l]),T=wr((()=>t?x*w:0),[x,t,w]),D=wr((()=>t?T+w:S.length),[t,w,T,S.length]);br((()=>{if(c)return z(S);const e=function(e,r){return r.length?[...e].sort(((e,t)=>{for(const{column:o,direction:n}of r){if("none"===n)continue;const r="asc"===n?1:-1;if(e[o]<t[o])return-1*r;if(e[o]>t[o])return 1*r}return 0})):e}(S,b),r=e.slice(T,D);return z(r)}),[b,T,D,S,c]);const O=xr(((e,r)=>{if(!r)return;const t=[...b],o=t.findIndex((r=>r.column===e));if(-1===o)t.push({column:e,direction:"asc"});else{t[o].direction=r}y(t)}),[b]);br((()=>{g(o??[])}),[o]);const R=xr((e=>{let r=[];r=0===e?p.length===S.length?[]:S.map((e=>e.id)):p.includes(e)?p.filter((r=>r!==e)):[...p,e],g(r),n&&n(r)}),[n,p,S]);return{tableData:S,tableContainerStyles:I,isContent:F,isLink:P,headerRefs:u,columnWidths:h,handleSort:O,handleCheckbox:R,filteredData:k,startRow:T,endRow:D,selection:p,columnsSort:b,handlePageSizeChange:e=>{const r=Number(e.target.value);C(0!==r?r:50),v(0)},pages:E,currentPage:x,rowsPerPage:w,setCurrentPage:v,columnsList:M,handleColumnPreferences:e=>{A(e),a&&a({...i,columns:e})},handleGlobalSearch:e=>{e||z(S),z(function(e,r){if(!r.trim())return e;const t=r.toLowerCase();return e.filter((e=>Object.values(e).some((e=>null!=e&&"object"!=typeof e&&"function"!=typeof e&&String(e).toLowerCase().includes(t)))))}(S,e))}}},Fl=({baseUrl:e="",key:r="",page:t="",name:o="",authToken:n=""})=>{const[i,a]=pr([]),[l,c]=pr(!1);return br((()=>{if(!e)return;c(!0);const i=(({baseUrl:e,key:r,page:t,name:o})=>{const n=new URLSearchParams;t&&n.append("page",t),r&&n.append("key",r),o&&n.append("name",o);const i=n.toString();return`${e}${i?`?${i}`:""}`})({baseUrl:e,key:r,page:t,name:o});fetch(i,{headers:{Authorization:n}}).then((e=>e.json())).then((e=>a(e))).catch((e=>console.error(e))).finally((()=>c(!1)))}),[e]),{preferences:i,loading:l}},Pl=({columns:t,childInputMethodsRef:o})=>{const n=Mt(),[i,a]=pr(t.map((e=>({...e,isHidden:!e.isHidden})))),[l,c]=pr(""),[s,d]=pr(null);Cr(o,(()=>({getManageColumnsData:()=>i.map((e=>({...e,isHidden:!e.isHidden})))})),[i]);const f=()=>{d(null)},u=i.filter((e=>e.label.toString().toLowerCase().includes(l.toLowerCase())));return r(S,{mt:"5",children:[e($,{placeholder:"Search",mb:"4",value:l,onChange:e=>c(e.target.value)}),!l.length&&r(P,{align:"center",mb:"2",children:[e(Tt,{isChecked:i.every((e=>e.isHidden)),onChange:()=>{const e=i.every((e=>e.isHidden));a(i.map((r=>({...r,isHidden:!e}))))}}),e(E,{ml:"2",fontSize:14,children:"Select all"})]}),e(ne,{spacing:"2",children:u.length>0?u.map(((t,o)=>r(ie,{draggable:!0,onDragStart:()=>(e=>{d(e)})(o),onDragOver:e=>((e,r)=>{if(e.preventDefault(),null===s||s===r)return;const t=[...i],o=t[s];t.splice(s,1),t.splice(r,0,o),d(r),a(t)})(e,o),onDragEnd:f,bg:n.colors.gray[50],display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:"md",border:"1px solid",borderColor:"gray.200",cursor:"grab",position:"relative",fontSize:14,children:[e(v,{"aria-label":"Drag",icon:e(Vr,{}),variant:"ghost",cursor:"grab",mr:"1"}),e(Tt,{isChecked:t.isHidden,onChange:()=>(e=>{const r=[...i];r[e].isHidden=!r[e].isHidden,a(r)})(o),sx:{marginRight:"4"}}),e(E,{flex:"1",children:t.label})]},t.id))):e(E,{color:"gray.500",textAlign:"center",children:"No items found"})})]})},El=({columns:t,onSave:o})=>{const n=Mt(),i=yr({}),[a,l]=pr(!1),[c,s]=pr(0);return r(S,{children:[e(S,{display:"flex",justifyContent:"flex-end",cursor:"pointer",children:e(at,{onClick:()=>l(!0),size:"1.25rem",color:n?.colors?.text?.[500]})}),r(ae,{isOpen:a,onClose:()=>l(!1),size:"md",children:[e(le,{}),r(ce,{minW:"700px",minH:"600px",children:[e(de,{children:"Table Settings"}),e(fe,{}),e(ue,{children:r(Ke,{index:c,onChange:s,orientation:"vertical",variant:"unstyled",children:[e(Ze,{whiteSpace:"nowrap",minWidth:160,height:"fit-content",children:e(er,{_selected:{borderLeft:`2px solid ${n.colors.primary[600]}`},fontSize:"14px",justifyContent:"flex-start",children:"Manage columns"})}),r(rr,{children:[e(tr,{children:e(Pl,{columns:t,childInputMethodsRef:i})}),e(tr,{children:e(E,{children:"Font size settings"})}),e(tr,{children:e(E,{children:"Density settings"})}),e(tr,{children:e(E,{children:"Scrollbar settings"})})]})]})}),r(he,{children:[e(zt,{label:"Close",size:"sm",onClick:()=>l(!1),sx:{marginRight:"0.5rem"}}),e(zt,{label:"Save",size:"sm",onClick:()=>{o(i.current?.getManageColumnsData?.()??[]),l(!1)}})]})]})]})]})},Tl=({icon:e,name:t,onClick:o,selections:n})=>{const{colors:i}=Mt(),a=hr.cloneElement(e,{color:i?.text?.[500],size:"1.25rem"});return r(S,{display:"flex",alignItems:"center",gap:"0.375rem",onClick:()=>o&&o(n),cursor:"pointer",children:[a," ",t]})},Dl=({actions:t,selections:o})=>{const{colors:n}=Mt();return r(S,{display:"flex",gap:4,fontSize:"0.875rem",fontWeight:400,color:n?.secondary?.[500],children:[t?.isDelete?.enabled&&e(Tl,{icon:e(Br,{}),name:"Delete",onClick:t?.isDelete?.onClick,selections:o}),t?.isUpdate?.enabled&&e(Tl,{icon:e(Wr,{}),name:"Mass Update",onClick:t?.isUpdate?.onClick,selections:o}),t?.items?.length?t?.items?.map((r=>e(Tl,{...r,selections:o}))):null]})},Ol=({onSearch:t})=>{const{colors:o}=Mt(),[n,i]=pr(!1),[a,l]=pr(""),c=()=>{i((e=>!e)),n&&(l(""),a&&t?.(""))},s=function(e,r){const t=yr(e),o=yr(null);br((()=>{t.current=e}),[e]);const n=xr(((...e)=>{o.current&&clearTimeout(o.current),o.current=setTimeout((()=>{t.current(...e)}),r)}),[r]);return n}((e=>{t?.(e)}),700);return r(S,{display:"flex",alignItems:"center",gap:"2",children:[!n&&e(F,{as:Ur,transform:"scaleX(-1)",cursor:"pointer",boxSize:5,color:o?.text?.[500],onClick:c}),n?r(R,{maxW:"12.5rem",transition:"all 0.3s ease",children:[e($,{placeholder:"Search...",value:a,onChange:e=>{const r=e.target.value;l(r),s(r)},size:"sm",borderRadius:"md",borderColor:o?.border?.[500],_focus:{borderColor:o?.primary?.[500]},autoFocus:!0}),e(L,{display:"flex",alignItems:"center",height:"2rem",children:e(F,{as:Or,color:o?.text?.[500],cursor:"pointer",onClick:c})})]}):null]})};function Rl({data:o,columns:n,onSelection:i,isLoading:a,isCheckbox:l=!1,headerBgColor:c,freezedBgColor:s,headerTextColor:d,freezedTextColor:f,tableBorderColor:u,noBorders:h=!1,isPagination:m=!0,onRowClick:p,selections:g,isActionFreeze:b=!0,preferencesUrl:y="",preferencesKey:x="",preferencesName:v="",preferencesPage:w="",authToken:C="",paginationMode:k="client",noOfRowsPerPage:z=50,totalRecords:M=0,onPagination:A,isTableSettings:I=!1,headerActions:F}){const P=Mt(),[E,T]=pr({}),D="server"===k,{preferences:O,loading:R}=Fl({baseUrl:y,page:w,key:x,name:v,authToken:C}),{savePreferences:W}=(({baseUrl:e="",key:r="",page:t="",name:o="",authToken:n=""})=>{const[i,a]=pr(!1),[l,c]=pr(null);return{savePreferences:(i={})=>{e&&(a(!0),fetch(e,{method:"POST",headers:{Authorization:n,"Content-Type":"application/json"},body:JSON.stringify({key:r,page:t,name:o,json:i})}).then((e=>e.json())).then((e=>console.log(e))).catch((e=>c(e))).finally((()=>a(!1))))},loading:i,error:l}})({baseUrl:y,page:w,key:x,name:v,authToken:C}),$=wr((()=>R||a),[R,a]),L=wr((()=>O.length?O[0].json:{}),[O]),{tableData:B,isContent:_,isLink:N,headerRefs:j,columnWidths:H,handleSort:q,handleCheckbox:Y,filteredData:V,startRow:U,endRow:X,selection:G,columnsSort:Q,currentPage:J,pages:K,rowsPerPage:Z,handlePageSizeChange:ee,setCurrentPage:re,columnsList:te,handleColumnPreferences:oe,handleGlobalSearch:ne}=Il({tableBorderColor:u,data:o,isPagination:m,selections:g,columns:n,onSelection:i,tablePreferences:L,savePreferences:W,noOfRowsPerPage:z,totalRecords:M,isServerPagination:D}),ie=wr((()=>((e,r)=>e.filter((e=>Object.keys(r).every((t=>{const o=r[t].toLowerCase();return e[t].toString().toLowerCase().includes(o)})))).sort(((e,t)=>{let o=0,n=0;return Object.keys(r).forEach((i=>{const a=r[i].toLowerCase();e[i]&&e[i].toString().toLowerCase()===a&&o++,t[i]&&t[i].toString().toLowerCase()===a&&n++,e[i]&&e[i].toString().toLowerCase().includes(a)&&(o+=.5),t[i]&&t[i].toString().toLowerCase().includes(a)&&(n+=.5)})),n-o})))(V,E)),[E,V]);br((()=>{A&&A(J+1,z)}),[J,A,z]);const ae=`${U+1} - ${X>B.length?B.length:X} of ${D?M:B.length}`;return r(S,{bg:P.colors?.background?.[50],border:`0.063rem solid ${P.colors.border?.[500]}`,borderRadius:3,children:[r(S,{display:"flex",alignItems:"center",justifyContent:"space-between",px:3,py:0,height:45,gap:2,children:[e(Ol,{onSearch:ne}),I&&r(t,{children:[e(on,{}),e(El,{columns:te,onSave:e=>oe(e)})]}),G.length?r(t,{children:[e(on,{}),e(Dl,{actions:F,selections:G})]}):null,(m||D)&&e(S,{ml:"auto",children:e(vl,{columns:n,currentPage:J,setCurrentPage:re,rowsPerPage:Z,pages:K,paginationText:ae,handlePageSizeChange:ee,dataLength:B.length,isServerPagination:D,isVisiblity:!0})})]}),e(or,{maxH:500,overflowY:"auto",children:r(nr,{variant:"simple",size:"sm",overflowX:"scroll",minW:"100%",className:"table_wrapper",sx:{width:"100%",borderCollapse:"collapse","th .resize-handle":{position:"absolute",top:0,right:0,width:"8px",height:"100%",cursor:"col-resize",backgroundColor:"transparent",zIndex:999}},children:[e(ir,{position:"sticky",top:-.5,zIndex:2,children:e(Cl,{columns:te,isCheckbox:l,headerBgColor:c??P.colors.backgroundColor.muted,headerTextColor:d??P.colors?.gray[600],freezedBgColor:s??P.colors.backgroundColor.secondary,freezedTextColor:f??P.colors?.gray[600],handleSort:q,headerRefs:j,columnWidths:H,columnsSort:Q,noBorders:h,handleCheckbox:Y,isLoading:$,checked:0!==B.length&&G.length===B.length||0!==G.length&&"indeterminate",isContent:_,isLink:N,isActionFreeze:b,setColumnsSearch:T,columnsSearch:E})}),e(ar,{children:e(Al,{data:ie,columns:te,startRow:U,endRow:X,isCheckbox:l,columnWidths:H,noBorders:h,freezedBgColor:s??P.colors.backgroundColor.secondary,freezedTextColor:f??P.colors?.gray[600],handleCheckbox:Y,selections:G,isLoading:$,onRowClick:p,isContent:_,isLink:N,isActionFreeze:b})})]})})]})}const Wl=xa.div`
+  position: relative;
+  padding: 0px 24px;
+  margin: 0 auto;
+  width: 100%;
+  max-width: 800px;
+   @media (max-width: 768px) {
+    padding: 0px 16px;
+    max-width: 100%;
+  }
+`,$l=xa.div`
+  position: absolute;
+  left: 50%;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background-color: #d2d9e0;
+  transform: translateX(-50%);
+  @media (max-width: 768px) {
+    left: 25px; /* Move the line towards the left */
+  }
+`,Ll=xa.div`
+  display: flex;
+  justify-content: ${({isLeft:e})=>e?"flex-end":"flex-start"};
+  width: 100%;
+  // padding: 1rem 0 1rem 0;
+  box-sizing: border-box;
+  position: relative;
+  margin-bottom: 24px;
+  align-items: center; /* Center alignment for dot and event content */
+  text-align: ${({isLeft:e})=>e?"left":"right"};
+  @media (max-width: 768px) {
+    flex-direction: column;
+    text-align: left;
+    align-items: flex-start;
+  }
+`,Bl=xa.div`
+  // background: white;
+  // padding: 16px;
+  // border: 1px solid #007bff;
+  // border-radius: 8px;
+  // width: 40%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  cursor: pointer; /* Indicates that the event is clickable */
+`,_l=xa.div`
+  position: absolute;
+  left: 50%;
+  width: 30px;
+  height: 30px;
+  background-color: #f4f7ff;
+  border-radius: 50%;
+  transform: translateX(-50%);
+  padding: 6px;
+  border: 1px solid #d2d9e0;
+   @media (max-width: 768px) {
+    left: 20px; /* Move dot closer to the left */
+    transform: translateX(0); /* Remove horizontal centering */
+  }
+`,Nl=xa.div`
+  // margin-left: 24px;
+`,jl=xa.h3`
+  margin: 0;
+`,Hl=xa.span`
+  display: block;
+  margin-top: 8px;
+  color: #6c757d;
+`,ql=xa.span`
+  left: ${({isLeft:e})=>e?"38% ":"53%"};
+  position: absolute;
+  color: #6c757d;
+  @media (max-width: 768px) {
+    position: relative;
+    left: auto;
+    margin-left: 40px;
+  }
+`,Yl=xa.div`
+  font-size: 1rem;
+  font-weight: 400;
+  color: #464f62;
+  box-sizing: border-box;
+  width: 180px;
+  padding: 5px 25px;
+  text-align: center;
+  background-color: #f4f7ff;
+  border: 1px solid #d2d9e0;
+  border-radius: 5px;
+  margin: 0 auto; /* Center horizontally */
+  display: flex;
+  align-items: center; /* Center vertically */
+  justify-content: center; /* Center horizontally */
+  @media (max-width: 768px) {
+    width: auto;
+    padding: 5px 10px;
+  }
+`,Vl=xa.div`
+  width: 100%;
+`,Ul=xa.div`
+  position: relative;
+  margin-bottom: 24px;
+`,Xl=({timelineEvents:t})=>{const o=(e,r)=>{const t=parseInt(e,10),o=new Date(t);if(isNaN(o.getTime()))return"Invalid Date";if("date"===r){return`${["January","February","March","April","May","June","July","August","September","October","November","December"][o.getMonth()]} ${o.getDate()}, ${o.getFullYear()}`}if("time"===r){const e=198e5,r=new Date(o.getTime()+e);let t=r.getUTCHours();const n=r.getUTCMinutes(),i=t>=12?"PM":"AM";t%=12,t=t||12;return`${t}:${n<10?"0"+n:n} ${i}`}return o.toLocaleString()},n=r=>{switch(r.action_from){case"Accounts":return e(ct,{size:17});case"Notes":return e(Dr,{size:17});default:return e(lt,{size:17})}},i=t.reduce(((e,r)=>{const t=o(r.created_at,"date");return e[t]||(e[t]=[]),e[t].push(r),e}),{});const a=e=>{if(null===e)return"No Changes";return Object.entries(JSON.parse(e)).map((([e,r])=>{const t=r;return null===t.original||void 0===t.original?`${e} changed from null to ${t.updated}`:`${e} updated to ${t.updated}`})).join("\n")};return r(Wl,{children:[e($l,{}),Object.keys(i).map((t=>r(Vl,{children:[e(Ul,{children:e(Yl,{children:t})}),i[t].map(((t,i)=>r(Ll,{isLeft:i%2==0,children:[e(_l,{children:n(t)}),e(ql,{isLeft:i%2==0,children:o(t.created_at,"time")}),e(Bl,{children:r(Nl,{children:[r("div",{style:{display:"flex",alignItems:"center",justifyContent:i%2==0?"flex-start":"flex-end"},children:[e(jl,{children:t.action_from+" "+t.title}),e(I,{label:a(t.changes),shouldWrapChildren:!0,placement:"top",hasArrow:!0,children:e(zr,{style:{marginLeft:"5px"},size:17})})]}),e(Hl,{children:" by "+t.action_by+" "+o(t.created_at,"date")})]})})]},i)))]},t)))]})},Gl=Sr(void 0);function Ql({children:t}){const o=lr(),n=p();return e(Gl.Provider,{value:{showToast:({title:t,description:i,status:a="info",duration:l=5e3,isClosable:c=!0,position:s="top-right",onClose:d})=>{const f={success:{bg:n.colors.green?.[50],border:n.colors.green?.[300]},error:{bg:n.colors.red?.[50],border:n.colors.red?.[300]},warning:{bg:n.colors.yellow?.[50],border:n.colors.yellow?.[300]},info:{bg:n.colors.blue?.[50],border:n.colors.blue?.[300]},loading:{bg:n.colors.gray?.[50],border:n.colors.gray?.[300]}}[a];o({duration:l,isClosable:c,position:s,onCloseComplete:d,render:({onClose:o})=>e(S,{bg:f.bg,border:"0.063rem solid",borderColor:f.border,boxShadow:"md",borderRadius:"md",p:4,minW:"22.5rem",children:r(P,{justify:"space-between",align:"flex-start",children:[r(S,{children:[e(E,{fontWeight:"semibold",mb:"0.25rem",children:t}),e(E,{fontSize:"sm",children:i})]}),c&&e(ge,{onClick:o,size:"sm",mt:1,ml:4})]})})})}},children:t})}const Jl=()=>{const e=vr(Gl);if(!e)throw new Error("useToaster must be used within a ToasterProvider");return e};function Kl({resendMail:t,onChange:o,onComplete:n,placeholder:i="",pins:a=5,description:l,title:c,isDisabled:s=!1,isInvalid:d=!1,styles:f}){const u=Mt();return e("div",{style:f,children:r("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"3%"},children:[e("div",{style:{padding:"3%"},children:e(st,{size:"100",color:u.colors.primary[500]})}),e("h1",{style:{fontSize:"2rem",fontWeight:"bold",marginBottom:"2%"},children:c}),r("p",{style:{textAlign:"center",marginBottom:"2%"},children:[l,e("br",{})," your new Pixel Account"]}),e("div",{style:{marginBottom:"2%"},children:e(me,{children:e(Le,{placeholder:i,onChange:o,onComplete:n,isDisabled:s,isInvalid:d,children:Array.from({length:a}).map(((r,t)=>e(Be,{},t)))})})}),r("p",{style:{textAlign:"center",marginBottom:"2%"},children:["Didn't receive the code?"," ",e("button",{onClick:()=>t(),style:{background:"none",color:u.colors.primary[700],border:"none",padding:"0",font:"inherit",cursor:"pointer",outline:"inherit"},children:"Resend Code"})]})]})})}const Zl=({value:t,onChange:o})=>{const n=Mt(),i={display:"flex",alignItems:"center",bg:n.colors.background[600],p:"0.125rem",borderRadius:"0.375rem",height:"2rem",gap:"0.125rem",width:"6.3rem"},a=e=>({bg:t===e?n.colors.background[50]:"transparent",boxShadow:t===e?"md":"none",color:t===e?n.colors.black:n.colors.background[800],borderRadius:"0.313rem",height:"1.75rem",border:"0.031rem solid",borderColor:t===e?n.colors.background[400]:"transparent",padding:"0.313rem 0.813rem",_hover:{bg:t===e?n.colors.background[50]:n.colors.background[400],color:t===e?n.colors.black:n.colors.background[900]},transition:"all 0.3s ease-in-out"});return r(S,{...i,children:[e(Ka,{label:"Table View",placement:"top",fontSize:12,hasArrow:!0,children:e(v,{"aria-label":"Grid View",icon:e(dt,{size:"1.25rem"}),variant:"ghost",onClick:()=>o("grid"),...a("grid")})}),e(Ka,{label:"Kanban View",placement:"top",fontSize:12,hasArrow:!0,children:e(v,{"aria-label":"List View",icon:e(ft,{size:"1.25rem"}),variant:"ghost",onClick:()=>o("list"),...a("list")})})]})},ec={primary:{50:"#f5edfc",100:"#e0c8f7",200:"#d1aef3",300:"#bb89ee",400:"#ae72ea",500:"#9A4FE5",600:"#8c48d0",700:"#6d38a3",800:"#552v7e",900:"#412160",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},secondary:{50:"#e8e8e9",100:"#b7b8bb",200:"#94989b",300:"#63666d",400:"#454951",500:"#161b25",600:"#141922",700:"#10131a",800:"#0c0f14",900:"#090b10",opacity:{4:"#161b250a",8:"#161b2514",16:"#161b2529",24:"#161b253d",32:"#161b2552",40:"#161b2566",48:"#161b257a"}},tertiary:{50:"#e8e8e9",100:"#b7b8bb",200:"#94989b",300:"#63666d",400:"#454951",500:"#161b25",600:"#141922",700:"#10131a",800:"#0c0f14",900:"#090b10",opacity:{4:"#161b250a",8:"#161b2514",16:"#161b2529",24:"#161b253d",32:"#161b2552",40:"#161b2566",48:"#161b257a"}},transparent:"transparent",black:"#000",white:"#fff",semantic:{success:{50:"#e9f8ef",100:"#bbe9cc",200:"#9adeb4",300:"#6ccf92",400:"#4fc67d",500:"#23b85c",600:"#20a754",700:"#198341",800:"#136533",900:"#0f4d27"},error:{50:"#feedeb",100:"#fbc6c2",200:"#f9aaa4",300:"#f6837b",400:"#f56b61",500:"#f2463a",600:"#dc4035",700:"#ac3229",800:"#852720",900:"#661d18"},warning:{50:"#fff4ef",100:"#ffddce",200:"#ffccb7",300:"#ffb596",400:"#ffa781",500:"#Ff9162",600:"#e88459",700:"#b56746",800:"#8c5036",900:"#6b3d29"},info:{50:"#eff9fc",100:"#cdedf5",200:"#b5e4f0",300:"#94d7e9",400:"#7fd0e5",500:"#5FC4de",600:"#56b2ea",700:"#438b9e",800:"#346c78",900:"#28525d"}},gray:{50:"#f7fafc",100:"#edf2f7",200:"#e2e8f0",300:"#cbd5e0",400:"#a0aec0",500:"#718096",600:"#4a5568",700:"#2d3748",800:"#1a202c",900:"#171923"},red:{50:"#feedeb",100:"#fbc6c2",200:"#f9aaa4",300:"#f6837b",400:"#f56b61",500:"#f2463a",600:"#dc4035",700:"#ac3229",800:"#852720",900:"#661d18"},orange:{50:"#fff4ef",100:"#ffddce",200:"#ffccb7",300:"#ffb596",400:"#ffa781",500:"#Ff9162",600:"#e88459",700:"#b56746",800:"#8c5036",900:"#6b3d29"},yellow:{50:"#fefbec",100:"#fdf1c5",200:"#fbeba9",300:"#fae281",400:"#f9dc69",500:"#f7d343",600:"#e1c03d",700:"#af9630",800:"#887425",900:"#68591c"},green:{50:"#e9f8ef",100:"#bbe9cc",200:"#9adeb4",300:"#6ccf92",400:"#4fc67d",500:"#23b85c",600:"#20a754",700:"#198341",800:"#136533",900:"#0f4d27"},teal:{50:"#eff9fc",100:"#cdedf5",200:"#b5e4f0",300:"#94d7e9",400:"#7fd0e5",500:"#5FC4de",600:"#56b2ea",700:"#438b9e",800:"#346c78",900:"#28525d"},blue:{50:"#ebf8ff",100:"#bee3f8",200:"#90cdf4",300:"#63b3ed",400:"#4299e1",500:"#3182ce",600:"#2b6cb0",700:"#2c5282",800:"#2a4365",900:"#1a365d"},cyan:{50:"#edfdfd",100:"#c4f1f9",200:"#9decf9",300:"#76e4f7",400:"#0bc5ea",500:"#00b5d8",600:"#00a3c4",700:"#0987a0",800:"#086f83",900:"#065666"},purple:{50:"#faf5ff",100:"#e9d8fd",200:"#d6bcfa",300:"#b794f4",400:"#9f7aea",500:"#805ad5",600:"#6b46c1",700:"#553c9a",800:"#44337a",900:"#322659"},pink:{50:"#fff5f7",100:"#fed7e2",200:"#fbb6ce",300:"#f687b3",400:"#ed64a6",500:"#d53f8c",600:"#b83280",700:"#97266d",800:"#702459",900:"#521b41"},background:{50:"#ffffff",100:"#fefefe",200:"#fdfdfd",300:"#fcfcfc",400:"#fcfcfc",500:"#fbfbfb",600:"#e4e4e4",700:"#b2b2b2",800:"#8a8a8a",900:"#696969"},backgroundColor:{main:"#f8f9fa",secondary:"#f1f1f1",tertiary:"#ececec",quaternary:"#e2e6ea",light:"#fafafa",medium:"#eaeaea",accent:"#e5e5e5",subtle:"#f5f6f7",muted:"#dfe3e6",neutral:"#ebedef",base:"#FBFBFB",tableHeader:"#F6F6F6"},text:{50:"#eeeff0",100:"#cacccf",200:"#b1b3b8",300:"#8d9097",400:"#777b83",500:"#555a64",600:"#4d525b",700:"#3c4047",800:"#2f3237",900:"#24262a"},header:{50:"#ecedec",100:"#c5c6ca",200:"#a9abb0",300:"#81848c",400:"#696b75",500:"#434853",600:"#3d424c",700:"#30333b",800:"#25282e",900:"#1c1e23"},placeholder:{50:"#f1f1f2",100:"#d3d5d8",200:"#bec0c5",300:"#a0a3aa",400:"#8d9199",500:"#717680",600:"#676b74",700:"#50545b",800:"#3e4146",900:"#2f3236"},boxShadow:{primary:"#9A52E247",error:"#F2463A47",default:""},sidebar:{background:{50:"#e9eaf0",100:"#d4d6e0",200:"#212747",300:"#7d84a2",400:"#525b83",500:"#161B32",600:"#12162a",700:"#0e1221",800:"#0a0d19",900:"#060911"}},boxborder:{50:"#fbfbfb",100:"#f2f3f4",200:"#ecedee",300:"#e4e5e7",400:"#dee0e2",500:"#d6d8db",600:"#c3c5c7",700:"#98999b",800:"#767778",900:"#5a5b5c"},border:{50:"#fdfdfd",100:"#f8f8f8",200:"#f4f4f4",300:"#f0f0f0",400:"#ededed",500:"#e8e8e8",600:"#d3d3d3",700:"#a5a5a5",800:"#808080",900:"#616161"},table:{hover:{50:"#fefefe",100:"#fcfcfc",200:"#fbfbfb",300:"#f9f9f9",400:"#f8f8f8",500:"#f6f6f6",600:"#e0e0e0",700:"#afafaf",800:"#878787",900:"#676767"}},disabled:{50:"#fcfcfc",100:"#f7f7f7",200:"#f3f3f3",300:"#ededed",400:"#e9e9e9",500:"#e4e4e4",600:"#cfcfcf",700:"#a2a2a2",800:"#7d7d7d",900:"#606060"}},rc={px:"1px",0:"0",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},tc={lineHeights:{normal:"normal",none:1,shorter:1.25,short:1.375,base:1.5,tall:1.625,taller:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:rc,sizes:{...rc,full:"100%",screenW:"100vw",screenH:"100vh",max:"max-content",min:"min-content","3xs":"14rem","2xs":"16rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem","8xl":"90rem",container:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"}},breakpoints:{sm:"30em",md:"48em",lg:"62em",xl:"80em","2xl":"96em"},shadows:{xs:"0 0 0 1px rgba(0, 0, 0, 0.05)",sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",outline:"0 0 0 3px rgba(66, 153, 225, 0.6)",inner:"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",none:"none",darkLg:"0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.5)"},radii:{none:"0",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},zIndices:{hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800},config:{cssVarPrefix:"ck"}},oc={fonts:{body:"Inter Variable, sans-serif",heading:"Inter Variable, sans-serif",mono:"Inter Variable, sans-serif"},fontSizes:{xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900}},nc={Checkbox:{baseStyle:({theme:e})=>({control:{width:"1.25rem",height:"1.25rem",borderWidth:"1.6px",_disabled:{bg:e.colors.background[50],borderColor:e.colors.boxborder[500],cursor:"not-allowed"},_indeterminate:{bg:e.colors.background[50],borderColor:e.colors.primary[500],svg:{color:e.colors.primary[500]}},_checked:{bg:e.colors.primary[600],borderColor:e.colors.primary[600]},_hover:{bg:e.colors.background[100],borderColor:e.colors.primary[400],_checked:{bg:e.colors.primary[600],borderColor:e.colors.primary[600]},_indeterminate:{bg:"none",borderColor:e.colors.primary[600]}},_focus:{boxShadow:`0 0 0 2px ${e.colors.primary[300]}`,borderColor:e.colors.primary[500]},_active:{bg:e.colors.primary[600],borderColor:e.colors.primary[600]}},icon:{color:e.colors.background[50]}})},Input:{baseStyle:{field:{fontWeight:500,fontSize:"0.875rem",letterSpacing:"0.044rem",pt:"0.813rem",pb:"0.813rem",borderRadius:"0.25rem",_placeholder:{fontStyle:"italic"}}},sizes:{md:{field:{h:"2.75rem",fontSize:"0.875rem"}}},variants:{outline:e=>{const{theme:r}=e,t=r.colors.semantic?.error?.[500]??"red.500",o=r.colors.boxborder?.[500]??"gray.300",n=r.colors.boxShadow?.primary??"blue.100",i=r.colors.boxShadow?.error??"red.100",a=r.colors.primary?.[500]??"blue.500";return{field:{bg:r.colors.gray?.[50]??"gray.50",border:"0.063rem solid",borderColor:o,_hover:{borderColor:a,outline:"0"},_focus:{borderColor:a,boxShadow:`0 0 0 0.125rem ${n}`,outline:"0"},_invalid:{borderColor:t,boxShadow:`0 0 0 0.125rem ${i}`,_hover:{borderColor:t,outline:"0"},_focus:{borderColor:t,boxShadow:`0 0 0 0.125rem ${i}`,outline:"0"}},_readOnly:{boxShadow:"inherit"},_disabled:{bg:r.colors.gray?.[100]??"gray.100",opacity:1,cursor:"not-allowed",_hover:{border:"0.063rem solid",borderColor:o}}}}}},defaultProps:{variant:"outline",size:"md"}},Button:{baseStyle:({theme:e})=>({borderRadius:"0.25rem",fontWeight:500,fontSize:"1rem",_disabled:{opacity:.6,cursor:"not-allowed"}}),variants:{solid:({theme:e,colorScheme:r="primary"})=>({bg:e.colors[r][500],color:e.colors.white,_hover:{bg:e.colors[r][600]},_active:{bg:e.colors[r][700]}}),outline:({theme:e,colorScheme:r="primary"})=>({border:"0.1rem solid",borderColor:e.colors[r][500],color:e.colors[r][500],bg:"transparent",_hover:{bg:e.colors[r][500],borderColor:e.colors[r][600],color:e.colors.white},_active:{bg:e.colors[r][600],color:e.colors.white}}),ghost:({theme:e,colorScheme:r="primary"})=>({color:e.colors[r][500],bg:"transparent",_hover:{bg:e.colors.gray[200]},_active:{bg:e.colors.gray[200]}}),link:({theme:e,colorScheme:r="primary"})=>({color:e.colors[r][500],textDecoration:"underline",bg:"transparent",_hover:{color:e.colors[r][600],textDecoration:"none"},_active:{color:e.colors[r][600]}}),unstyled:()=>({bg:"transparent",color:"inherit",_hover:{bg:"transparent"}})},sizes:{xs:{h:"1.5rem",fontSize:"0.75rem",px:"0.5rem"},sm:{h:"2rem",fontSize:"0.875rem",px:"0.75rem"},md:{h:"2.5rem",fontSize:"1rem",px:"1rem"},lg:{h:"3rem",fontSize:"1.125rem",px:"1.5rem"}},defaultProps:{size:"md",variant:"solid",colorScheme:"primary"}},Select:{baseStyle:{field:{fontWeight:500,fontSize:"0.875rem",letterSpacing:"0.044rem",borderRadius:"0.25rem",minWidth:"0",width:"100%",maxWidth:"100%",_placeholder:{fontStyle:"italic",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},icon:{width:"1.25rem",height:"1.25rem"}},sizes:{sm:{field:{h:"2.125rem",fontSize:"0.8125rem",px:"0.5rem",py:"0.5rem"}},md:{field:{h:"2.375rem",fontSize:"0.875rem",px:"0.75rem",py:"0.5rem"}},lg:{field:{h:"2.75rem",fontSize:"0.9375rem",px:"1rem",py:"0.5rem"}}},variants:{outline:e=>{const{theme:r}=e,t=r.colors.semantic?.error?.[500]??"red.500",o=r.colors.boxborder?.[500]??"gray.300",n=r.colors.boxShadow?.primary??"blue.100",i=r.colors.boxShadow?.error??"red.100",a=r.colors.primary?.[500]??"blue.500";return{field:{bg:r.colors.gray?.[50]??"gray.50",border:"0.063rem solid",borderColor:o,_hover:{borderColor:a,boxShadow:`0 0 0 0.125rem ${n}`},_focus:{borderColor:a,boxShadow:`0 0 0 0.125rem ${n}`},_disabled:{opacity:.4,cursor:"not-allowed"},_invalid:{borderColor:t,boxShadow:`0 0 0 0.125rem ${i}`,_hover:{borderColor:t,boxShadow:`0 0 0 0.125rem ${i}`},_focus:{borderColor:t,boxShadow:`0 0 0 0.125rem ${i}`}}}}}},defaultProps:{variant:"outline",size:"md"}},Tag:{baseStyle:{borderRadius:"full",fontWeight:"bold",px:3,py:1},sizes:{sm:{fontSize:"0.75rem",px:2,py:1},md:{fontSize:"0.875rem",px:3,py:1.5},lg:{fontSize:"1rem",px:4,py:2}},variants:{solid:({theme:e,colorScheme:r="primary"})=>({bg:e.colors[r][500],color:e.colors.white,_hover:{bg:e.colors[r][600]},_active:{bg:e.colors[r][700]}}),outline:({theme:e,colorScheme:r="primary"})=>({border:"0.125rem solid",borderColor:e.colors[r][500],color:e.colors[r][500],bg:"transparent",_hover:{bg:e.colors[r][50]},_active:{bg:e.colors[r][100]}})},defaultProps:{size:"md",variant:"solid",colorScheme:"primary"}}};var ic=cr({...{colors:ec,...oc,...tc},components:nc});const ac={...ec,primary:{50:"#e3f9e5",100:"#c1f0c0",200:"#9ee4a1",300:"#72d785",400:"#48c15d",500:"#2caa3d",600:"#239c31",700:"#1d8626",800:"#16631c",900:"#0d4b13",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},secondary:{50:"#e3f9e5",100:"#c1f0c0",200:"#9ee4a1",300:"#72d785",400:"#48c15d",500:"#2caa3d",600:"#239c31",700:"#1d8626",800:"#16631c",900:"#0d4b13",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},tertiary:{50:"#e3f9e5",100:"#c1f0c0",200:"#9ee4a1",300:"#72d785",400:"#48c15d",500:"#2caa3d",600:"#239c31",700:"#1d8626",800:"#16631c",900:"#0d4b13",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},transparent:"transparent",black:"#000",white:"#fff",semantic:{success:{50:"#e6f9f0",100:"#c0f0d8",200:"#8be6bb",300:"#5bdb9e",400:"#33d181",500:"#00b768",600:"#00a05a",700:"#00854b",800:"#006b3c",900:"#004c28"},error:{50:"#ffe6e6",100:"#fbbcbc",200:"#f28f8f",300:"#e66060",400:"#db3a3a",500:"#c21e1e",600:"#a01919",700:"#7e1313",800:"#5c0d0d",900:"#3d0909"},warning:{50:"#fff4e6",100:"#ffe1b8",200:"#ffcc85",300:"#ffb653",400:"#ffa31a",500:"#ff8a00",600:"#db7000",700:"#b75800",800:"#934300",900:"#702f00"},info:{50:"#e3f5ff",100:"#b8e4ff",200:"#85d1ff",300:"#52bdff",400:"#1fa9ff",500:"#008df5",600:"#0077db",700:"#005cb3",800:"#004489",900:"#002d5c"}},gray:{50:"#f7fafc",100:"#edf2f7",200:"#e2e8f0",300:"#cbd5e0",400:"#a0aec0",500:"#718096",600:"#4a5568",700:"#2d3748",800:"#1a202c",900:"#171923"},red:{50:"#fff5f5",100:"#fed7d7",200:"#feb2b2",300:"#fc8181",400:"#f56565",500:"#e53e3e",600:"#c53030",700:"#9b2c2c",800:"#822727",900:"#63171b"},orange:{50:"#fffaf0",100:"#feebc8",200:"#fbd38d",300:"#f6ad55",400:"#ed8936",500:"#dd6b20",600:"#c05621",700:"#9c4221",800:"#7b341e",900:"#652b19"},yellow:{50:"#fffff0",100:"#fefcbf",200:"#faf089",300:"#f6e05e",400:"#ecc94b",500:"#d69e2e",600:"#b7791f",700:"#975a16",800:"#744210",900:"#5f370e"},green:{50:"#f0fff4",100:"#c6f6d5",200:"#9ae6b4",300:"#68d391",400:"#48bb78",500:"#38a169",600:"#2f855a",700:"#276749",800:"#22543d",900:"#1c4532"},teal:{50:"#e6fffa",100:"#b2f5ea",200:"#81e6d9",300:"#4fd1c5",400:"#38b2ac",500:"#319795",600:"#2c7a7b",700:"#285e61",800:"#234e52",900:"#1d4044"},blue:{50:"#ebf8ff",100:"#bee3f8",200:"#90cdf4",300:"#63b3ed",400:"#4299e1",500:"#3182ce",600:"#2b6cb0",700:"#2c5282",800:"#2a4365",900:"#1a365d"},cyan:{50:"#edfdfd",100:"#c4f1f9",200:"#9decf9",300:"#76e4f7",400:"#0bc5ea",500:"#00b5d8",600:"#00a3c4",700:"#0987a0",800:"#086f83",900:"#065666"},purple:{50:"#faf5ff",100:"#e9d8fd",200:"#d6bcfa",300:"#b794f4",400:"#9f7aea",500:"#805ad5",600:"#6b46c1",700:"#553c9a",800:"#44337a",900:"#322659"},pink:{50:"#fff5f7",100:"#fed7e2",200:"#fbb6ce",300:"#f687b3",400:"#ed64a6",500:"#d53f8c",600:"#b83280",700:"#97266d",800:"#702459",900:"#521b41"},background:{50:"#ffffff",100:"#fefefe",200:"#fdfdfd",300:"#fcfcfc",400:"#fcfcfc",500:"#fbfbfb",600:"#e4e4e4",700:"#b2b2b2",800:"#8a8a8a",900:"#696969"},backgroundColor:{main:"#f8f9fa",secondary:"#f1f1f1",tertiary:"#ececec",quaternary:"#e2e6ea",light:"#fafafa",medium:"#eaeaea",accent:"#e5e5e5",subtle:"#f5f6f7",muted:"#dfe3e6",neutral:"#ebedef"},text:{50:"#eeeff0",100:"#cacccf",200:"#b1b3b8",300:"#8d9097",400:"#777b83",500:"#555a64",600:"#4d525b",700:"#3c4047",800:"#2f3237",900:"#24262a"},header:{50:"#ecedec",100:"#c5c6ca",200:"#a9abb0",300:"#81848c",400:"#696b75",500:"#434853",600:"#3d424c",700:"#30333b",800:"#25282e",900:"#1c1e23"},placeholder:{50:"#f1f1f2",100:"#d3d5d8",200:"#bec0c5",300:"#a0a3aa",400:"#8d9199",500:"#717680",600:"#676b74",700:"#50545b",800:"#3e4146",900:"#2f3236"},boxShadow:{primary:"#9A52E247",error:"#F2463A47",default:""},sidebar:{background:{50:"#f1f1f2",100:"#d3d5d8",200:"#bec0c5",300:"#a0a3aa",400:"#8d9199",500:"#161B32",600:"#676b74",700:"#50545b",800:"#3e4146",900:"#2f3236"}},boxborder:{50:"#fbfbfb",100:"#f2f3f4",200:"#ecedee",300:"#e4e5e7",400:"#dee0e2",500:"#d6d8db",600:"#c3c5c7",700:"#98999b",800:"#767778",900:"#5a5b5c"},border:{50:"#fdfdfd",100:"#f8f8f8",200:"#f4f4f4",300:"#f0f0f0",400:"#ededed",500:"#e8e8e8",600:"#d3d3d3",700:"#a5a5a5",800:"#808080",900:"#616161"},table:{hover:{50:"#fefefe",100:"#fcfcfc",200:"#fbfbfb",300:"#f9f9f9",400:"#f8f8f8",500:"#f6f6f6",600:"#e0e0e0",700:"#afafaf",800:"#878787",900:"#676767"}},disabled:{50:"#fcfcfc",100:"#f7f7f7",200:"#f3f3f3",300:"#ededed",400:"#e9e9e9",500:"#e4e4e4",600:"#cfcfcf",700:"#a2a2a2",800:"#7d7d7d",900:"#606060"}};var lc=cr({...{...oc,colors:ac,...tc},components:nc});const cc={...ec,primary:{50:"#ffe0b2",100:"#ffcc80",200:"#ffb74d",300:"#ffa726",400:"#ff9800",500:"#fb8c00",600:"#f57c00",700:"#ef6c00",800:"#e65100",900:"#bf360c",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},secondary:{50:"#ffe0b2",100:"#ffcc80",200:"#ffb74d",300:"#ffa726",400:"#ff9800",500:"#fb8c00",600:"#f57c00",700:"#ef6c00",800:"#e65100",900:"#bf360c",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},tertiary:{50:"#ffe0b2",100:"#ffcc80",200:"#ffb74d",300:"#ffa726",400:"#ff9800",500:"#fb8c00",600:"#f57c00",700:"#ef6c00",800:"#e65100",900:"#bf360c",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},transparent:"transparent",black:"#000",white:"#fff",semantic:{success:{50:"#e6f9f0",100:"#c0f0d8",200:"#8be6bb",300:"#5bdb9e",400:"#33d181",500:"#00b768",600:"#00a05a",700:"#00854b",800:"#006b3c",900:"#004c28"},error:{50:"#ffe6e6",100:"#fbbcbc",200:"#f28f8f",300:"#e66060",400:"#db3a3a",500:"#c21e1e",600:"#a01919",700:"#7e1313",800:"#5c0d0d",900:"#3d0909"},warning:{50:"#fff4e6",100:"#ffe1b8",200:"#ffcc85",300:"#ffb653",400:"#ffa31a",500:"#ff8a00",600:"#db7000",700:"#b75800",800:"#934300",900:"#702f00"},info:{50:"#e3f5ff",100:"#b8e4ff",200:"#85d1ff",300:"#52bdff",400:"#1fa9ff",500:"#008df5",600:"#0077db",700:"#005cb3",800:"#004489",900:"#002d5c"}},gray:{50:"#f7fafc",100:"#edf2f7",200:"#e2e8f0",300:"#cbd5e0",400:"#a0aec0",500:"#718096",600:"#4a5568",700:"#2d3748",800:"#1a202c",900:"#171923"},red:{50:"#fff5f5",100:"#fed7d7",200:"#feb2b2",300:"#fc8181",400:"#f56565",500:"#e53e3e",600:"#c53030",700:"#9b2c2c",800:"#822727",900:"#63171b"},orange:{50:"#fffaf0",100:"#feebc8",200:"#fbd38d",300:"#f6ad55",400:"#ed8936",500:"#dd6b20",600:"#c05621",700:"#9c4221",800:"#7b341e",900:"#652b19"},yellow:{50:"#fffff0",100:"#fefcbf",200:"#faf089",300:"#f6e05e",400:"#ecc94b",500:"#d69e2e",600:"#b7791f",700:"#975a16",800:"#744210",900:"#5f370e"},green:{50:"#f0fff4",100:"#c6f6d5",200:"#9ae6b4",300:"#68d391",400:"#48bb78",500:"#38a169",600:"#2f855a",700:"#276749",800:"#22543d",900:"#1c4532"},teal:{50:"#e6fffa",100:"#b2f5ea",200:"#81e6d9",300:"#4fd1c5",400:"#38b2ac",500:"#319795",600:"#2c7a7b",700:"#285e61",800:"#234e52",900:"#1d4044"},blue:{50:"#ebf8ff",100:"#bee3f8",200:"#90cdf4",300:"#63b3ed",400:"#4299e1",500:"#3182ce",600:"#2b6cb0",700:"#2c5282",800:"#2a4365",900:"#1a365d"},cyan:{50:"#edfdfd",100:"#c4f1f9",200:"#9decf9",300:"#76e4f7",400:"#0bc5ea",500:"#00b5d8",600:"#00a3c4",700:"#0987a0",800:"#086f83",900:"#065666"},purple:{50:"#faf5ff",100:"#e9d8fd",200:"#d6bcfa",300:"#b794f4",400:"#9f7aea",500:"#805ad5",600:"#6b46c1",700:"#553c9a",800:"#44337a",900:"#322659"},pink:{50:"#fff5f7",100:"#fed7e2",200:"#fbb6ce",300:"#f687b3",400:"#ed64a6",500:"#d53f8c",600:"#b83280",700:"#97266d",800:"#702459",900:"#521b41"},background:{50:"#ffffff",100:"#fefefe",200:"#fdfdfd",300:"#fcfcfc",400:"#fcfcfc",500:"#fbfbfb",600:"#e4e4e4",700:"#b2b2b2",800:"#8a8a8a",900:"#696969"},backgroundColor:{main:"#f8f9fa",secondary:"#f1f1f1",tertiary:"#ececec",quaternary:"#e2e6ea",light:"#fafafa",medium:"#eaeaea",accent:"#e5e5e5",subtle:"#f5f6f7",muted:"#dfe3e6",neutral:"#ebedef"},text:{50:"#eeeff0",100:"#cacccf",200:"#b1b3b8",300:"#8d9097",400:"#777b83",500:"#555a64",600:"#4d525b",700:"#3c4047",800:"#2f3237",900:"#24262a"},header:{50:"#ecedec",100:"#c5c6ca",200:"#a9abb0",300:"#81848c",400:"#696b75",500:"#434853",600:"#3d424c",700:"#30333b",800:"#25282e",900:"#1c1e23"},placeholder:{50:"#f1f1f2",100:"#d3d5d8",200:"#bec0c5",300:"#a0a3aa",400:"#8d9199",500:"#717680",600:"#676b74",700:"#50545b",800:"#3e4146",900:"#2f3236"},boxShadow:{primary:"#9A52E247",error:"#F2463A47",default:""},sidebar:{background:{50:"#f1f1f2",100:"#d3d5d8",200:"#bec0c5",300:"#a0a3aa",400:"#8d9199",500:"#161B32",600:"#676b74",700:"#50545b",800:"#3e4146",900:"#2f3236"}},boxborder:{50:"#fbfbfb",100:"#f2f3f4",200:"#ecedee",300:"#e4e5e7",400:"#dee0e2",500:"#d6d8db",600:"#c3c5c7",700:"#98999b",800:"#767778",900:"#5a5b5c"},border:{50:"#fdfdfd",100:"#f8f8f8",200:"#f4f4f4",300:"#f0f0f0",400:"#ededed",500:"#e8e8e8",600:"#d3d3d3",700:"#a5a5a5",800:"#808080",900:"#616161"},table:{hover:{50:"#fefefe",100:"#fcfcfc",200:"#fbfbfb",300:"#f9f9f9",400:"#f8f8f8",500:"#f6f6f6",600:"#e0e0e0",700:"#afafaf",800:"#878787",900:"#676767"}},disabled:{50:"#fcfcfc",100:"#f7f7f7",200:"#f3f3f3",300:"#ededed",400:"#e9e9e9",500:"#e4e4e4",600:"#cfcfcf",700:"#a2a2a2",800:"#7d7d7d",900:"#606060"}};var sc=cr({...{...oc,colors:cc,...tc},components:nc});const dc={skyline:cr({...{colors:{...ec,primary:{50:"#e3f2f9",100:"#c5e4f3",200:"#a2d4ec",300:"#7ac1e4",400:"#47a9da",500:"#0088cc",600:"#007ab8",700:"#006ba1",800:"#005885",900:"#003f5e",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},secondary:{50:"#e3f2f9",100:"#c5e4f3",200:"#a2d4ec",300:"#7ac1e4",400:"#47a9da",500:"#0088cc",600:"#007ab8",700:"#006ba1",800:"#005885",900:"#003f5e",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},tertiary:{50:"#e3f2f9",100:"#c5e4f3",200:"#a2d4ec",300:"#7ac1e4",400:"#47a9da",500:"#0088cc",600:"#007ab8",700:"#006ba1",800:"#005885",900:"#003f5e",opacity:{4:"#9A4FE50a",8:"#9A4FE514",16:"#9A4FE529",24:"#9A4FE53d",32:"#9A4FE552",40:"#9A4FE566",48:"#9A4FE57a"}},transparent:"transparent",black:"#000",white:"#fff",semantic:{success:{50:"#e6f9f0",100:"#c0f0d8",200:"#8be6bb",300:"#5bdb9e",400:"#33d181",500:"#00b768",600:"#00a05a",700:"#00854b",800:"#006b3c",900:"#004c28"},error:{50:"#ffe6e6",100:"#fbbcbc",200:"#f28f8f",300:"#e66060",400:"#db3a3a",500:"#c21e1e",600:"#a01919",700:"#7e1313",800:"#5c0d0d",900:"#3d0909"},warning:{50:"#fff4e6",100:"#ffe1b8",200:"#ffcc85",300:"#ffb653",400:"#ffa31a",500:"#ff8a00",600:"#db7000",700:"#b75800",800:"#934300",900:"#702f00"},info:{50:"#e3f5ff",100:"#b8e4ff",200:"#85d1ff",300:"#52bdff",400:"#1fa9ff",500:"#008df5",600:"#0077db",700:"#005cb3",800:"#004489",900:"#002d5c"}},gray:{50:"#f7fafc",100:"#edf2f7",200:"#e2e8f0",300:"#cbd5e0",400:"#a0aec0",500:"#718096",600:"#4a5568",700:"#2d3748",800:"#1a202c",900:"#171923"},red:{50:"#fff5f5",100:"#fed7d7",200:"#feb2b2",300:"#fc8181",400:"#f56565",500:"#e53e3e",600:"#c53030",700:"#9b2c2c",800:"#822727",900:"#63171b"},orange:{50:"#fffaf0",100:"#feebc8",200:"#fbd38d",300:"#f6ad55",400:"#ed8936",500:"#dd6b20",600:"#c05621",700:"#9c4221",800:"#7b341e",900:"#652b19"},yellow:{50:"#fffff0",100:"#fefcbf",200:"#faf089",300:"#f6e05e",400:"#ecc94b",500:"#d69e2e",600:"#b7791f",700:"#975a16",800:"#744210",900:"#5f370e"},green:{50:"#f0fff4",100:"#c6f6d5",200:"#9ae6b4",300:"#68d391",400:"#48bb78",500:"#38a169",600:"#2f855a",700:"#276749",800:"#22543d",900:"#1c4532"},teal:{50:"#e6fffa",100:"#b2f5ea",200:"#81e6d9",300:"#4fd1c5",400:"#38b2ac",500:"#319795",600:"#2c7a7b",700:"#285e61",800:"#234e52",900:"#1d4044"},blue:{50:"#ebf8ff",100:"#bee3f8",200:"#90cdf4",300:"#63b3ed",400:"#4299e1",500:"#3182ce",600:"#2b6cb0",700:"#2c5282",800:"#2a4365",900:"#1a365d"},cyan:{50:"#edfdfd",100:"#c4f1f9",200:"#9decf9",300:"#76e4f7",400:"#0bc5ea",500:"#00b5d8",600:"#00a3c4",700:"#0987a0",800:"#086f83",900:"#065666"},purple:{50:"#faf5ff",100:"#e9d8fd",200:"#d6bcfa",300:"#b794f4",400:"#9f7aea",500:"#805ad5",600:"#6b46c1",700:"#553c9a",800:"#44337a",900:"#322659"},pink:{50:"#fff5f7",100:"#fed7e2",200:"#fbb6ce",300:"#f687b3",400:"#ed64a6",500:"#d53f8c",600:"#b83280",700:"#97266d",800:"#702459",900:"#521b41"},background:{50:"#ffffff",100:"#fefefe",200:"#fdfdfd",300:"#fcfcfc",400:"#fcfcfc",500:"#fbfbfb",600:"#e4e4e4",700:"#b2b2b2",800:"#8a8a8a",900:"#696969"},backgroundColor:{main:"#f8f9fa",secondary:"#f1f1f1",tertiary:"#ececec",quaternary:"#e2e6ea",light:"#fafafa",medium:"#eaeaea",accent:"#e5e5e5",subtle:"#f5f6f7",muted:"#dfe3e6",neutral:"#ebedef"},text:{50:"#eeeff0",100:"#cacccf",200:"#b1b3b8",300:"#8d9097",400:"#777b83",500:"#555a64",600:"#4d525b",700:"#3c4047",800:"#2f3237",900:"#24262a"},header:{50:"#ecedec",100:"#c5c6ca",200:"#a9abb0",300:"#81848c",400:"#696b75",500:"#434853",600:"#3d424c",700:"#30333b",800:"#25282e",900:"#1c1e23"},placeholder:{50:"#f1f1f2",100:"#d3d5d8",200:"#bec0c5",300:"#a0a3aa",400:"#8d9199",500:"#717680",600:"#676b74",700:"#50545b",800:"#3e4146",900:"#2f3236"},boxShadow:{primary:"#9A52E247",error:"#F2463A47",default:""},sidebar:{background:{50:"#f1f1f2",100:"#d3d5d8",200:"#bec0c5",300:"#a0a3aa",400:"#8d9199",500:"#161B32",600:"#676b74",700:"#50545b",800:"#3e4146",900:"#2f3236"}},boxborder:{50:"#fbfbfb",100:"#f2f3f4",200:"#ecedee",300:"#e4e5e7",400:"#dee0e2",500:"#d6d8db",600:"#c3c5c7",700:"#98999b",800:"#767778",900:"#5a5b5c"},border:{50:"#fdfdfd",100:"#f8f8f8",200:"#f4f4f4",300:"#f0f0f0",400:"#ededed",500:"#e8e8e8",600:"#d3d3d3",700:"#a5a5a5",800:"#808080",900:"#616161"},table:{hover:{50:"#fefefe",100:"#fcfcfc",200:"#fbfbfb",300:"#f9f9f9",400:"#f8f8f8",500:"#f6f6f6",600:"#e0e0e0",700:"#afafaf",800:"#878787",900:"#676767"}},disabled:{50:"#fcfcfc",100:"#f7f7f7",200:"#f3f3f3",300:"#ededed",400:"#e9e9e9",500:"#e4e4e4",600:"#cfcfcf",700:"#a2a2a2",800:"#7d7d7d",900:"#606060"}},...oc,...tc},components:nc}),meadow:lc,radiant:sc,lavender:ic},fc=(t,o)=>{const n=o??ic;return o=>e(sr,{theme:n,children:r(Ql,{children:[e(dr,{initialColorMode:n.config.initialColorMode}),e(t,{...o})]})})},uc=({tags:r,className:t})=>e(P,{direction:"column",gap:"1",className:t,w:"full",children:(e=>{const r=e.length;return 1===r||2===r?[e]:3===r?[[e[0]],e.slice(1)]:4===r?[e.slice(0,2),e.slice(2,4)]:[]})(r).map(((r,t)=>e(P,{gap:"1",children:r.map(((t,o)=>e(hc,{fullWidth:1===r.length,children:t},o)))},t)))}),hc=({children:r,fullWidth:t=!1})=>e(S,{flex:"1",border:"0.063rem solid #f89f24",color:"black",fontSize:"0.625rem",fontWeight:"semibold",borderRadius:"full",px:"0.5rem",py:"0.125rem",textAlign:"center",whiteSpace:"nowrap",backgroundColor:"orange.100",children:r}),mc=({rating:t,reviewCount:o})=>r(P,{align:"center",gap:2,children:[r(P,{align:"center",gap:"1",bg:"teal.900",color:"white",px:2,borderRadius:"md",fontSize:"sm",fontWeight:"bold",children:[e(F,{as:ut,boxSize:3.5}),e(E,{children:t})]}),e(S,{h:"4",w:"0.063rem",bg:"gray.400"}),r(P,{align:"center",gap:"1",children:[e(F,{as:ht,boxSize:3.5}),r(E,{fontSize:"sm",color:"gray.600",children:["(",o,")"]})]})]}),pc=({options:o})=>{const[n,i]=pr(!1),[a,l]=pr(o[0]),[c,s]=pr({top:0,left:0,width:0}),d=yr(null),f=yr(null),u=1===o.length;Ve({ref:f,handler:()=>i(!1)});const h=e=>Math.round(e.price-e.price*e.offer/100);return br((()=>{if(n&&d.current){const e=d.current.getBoundingClientRect();s({top:e.bottom+window.scrollY,left:e.left+window.scrollX,width:e.width})}}),[n]),r(t,{children:[u?e(S,{border:"0.063rem solid",borderColor:"orange.300",bg:"#FFFCF5",px:3,py:1,rounded:"md",display:"inline-block",w:"100%",children:e(E,{fontSize:"sm",fontWeight:"medium",children:o[0].label})}):r(S,{ref:d,onClick:()=>i(!n),border:"0.063rem solid",borderColor:"orange.300",bg:"#FFFCF5",px:3,py:1,rounded:"md",cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",w:"100%",children:[e(E,{fontSize:"sm",fontWeight:"medium",children:a.label}),e(E,{fontSize:"xs",color:"orange.400",transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",children:"▾"})]}),!u&&n&&e(Ue,{children:e(S,{ref:f,position:"absolute",top:`${c.top}px`,left:`${c.left}px`,width:`${c.width}px`,bg:"white",border:"0.063rem solid",borderColor:"orange.300",shadow:"md",zIndex:9999,children:o.map((t=>{const o=h(t),n=a.weight===t.weight;return r(S,{px:4,h:"2.5rem",cursor:"pointer",bg:n?"orange.50":"white",_hover:{bg:"orange.100"},onClick:()=>{l(t),i(!1)},display:"flex",alignItems:"center",justifyContent:"space-between",children:[r(S,{children:[e(E,{fontSize:"sm",fontWeight:"medium",children:t.label}),t.offer>0&&r(E,{fontSize:"xs",color:"green.600",fontWeight:"semibold",children:[t.offer,"% OFF"]})]}),r(S,{textAlign:"right",children:[r(E,{fontSize:"sm",fontWeight:"semibold",color:"orange.500",children:["₹",o]}),t.offer>0&&r(E,{fontSize:"xs",color:"gray.400",textDecoration:"line-through",children:["₹",t.price]})]}),e(S,{ml:4,w:"1rem",h:"1rem",minW:"1rem",borderRadius:"full",border:"0.125rem solid",borderColor:n?"orange.400":"gray.300",display:"flex",alignItems:"center",justifyContent:"center",children:n&&e(S,{w:"0.5rem",h:"0.5rem",bg:"orange.400",borderRadius:"full"})})]},t.weight)}))})}),r(S,{mt:2,display:"flex",alignItems:"center",fontSize:"sm",gap:2,children:[a.offer>0&&r(E,{color:"gray.400",textDecoration:"line-through",children:["₹",a.price]}),r(E,{color:"orange.500",fontWeight:"semibold",children:["₹",h(a)]})]})]})},gc=({label:t,description:o})=>r(S,{children:[e(E,{fontWeight:"bold",children:t}),o&&e(E,{fontSize:"xs",fontStyle:"italic",children:o})]}),bc=({label:t,productImage:o,rating:n,reviews:i,tags:a,options:l,onAddToCart:c,bag:s,description:d})=>{const[f,u]=pr(!1);return r(S,{borderWidth:"0.063 rem",borderRadius:"lg",overflow:"hidden",p:3,w:"16.25rem",position:"relative",bg:"white",boxShadow:"lg",children:[r(S,{onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),h:"11.25rem",w:"full",overflow:"hidden",children:[e(ye,{src:f&&o.hover?o.hover:o.visibile,alt:t,w:"full",h:"full",objectFit:"cover"}),s&&e(xe,{colorScheme:s.color||"red",position:"absolute",top:2,right:2,children:s.label})]}),r(N,{spacing:2,align:"start",mt:3,children:[e(gc,{label:t,description:d}),a&&e(uc,{tags:a}),n&&i&&e(mc,{rating:n,reviewCount:i}),l&&e(pc,{options:l}),c&&e(zt,{colorScheme:"orange",size:"sm",width:"100%",onClick:c,children:"Add to Cart"})]})]})};export{vt as Accordian,wt as AlertDialog,Ct as ApexBarChart,St as ApexPieChart,kt as Breadcrumbs,zt as Button,At as ButtonGroupIcon,It as Card,Tt as Checkbox,Rt as ContactForm,$o as DatePicker,No as Drawer,Bo as DrawerBody,_o as DrawerFooter,Lo as DrawerHeader,Ho as Dropdown,qo as Editor,Jo as FileUpload,Ko as FormWrapper,rn as Header,nn as HeaderActions,an as InputTextArea,dn as KanbanBoard,ca as Loading,Qo as Modal,Xo as ModalBody,Go as ModalFooter,Uo as ModalHeader,da as MultiSelect,fa as NavigationBar,Da as NoteTextArea,Oa as NumberInput,Ra as PinInput,bc as ProductCard,Ba as ProfileCard,$a as ProfileCardBody,La as ProfileCardFooter,Wa as ProfileCardHeader,_a as ProfilePhotoViewer,Na as ProgressBar,ja as RadioButton,Ha as RadioButtonGroup,qa as Reorder,Qa as Search,rl as SearchSelect,tn as Select,ol as SelectSearch,dl as SideBar,fl as Skeletons,bl as Switch,Rl as Table,Zl as TableToggle,Ja as Tag,Ot as TextInput,dc as ThemesList,Xl as Timeline,Ql as Toaster,Ka as ToolTip,Kl as VerifyEmailOtp,xl as debounce,fc as default,Mt as useCustomTheme,Jl as useToaster};
+//# sourceMappingURL=index.esm.js.map