@chem-po/react-web 0.0.11 → 0.0.13

package/dist/index.d.cts

@@ -2,7 +2,8 @@ import React, { PropsWithChildren, FC, ReactNode, JSX, MouseEvent, CSSProperties
 import * as _chakra_ui_react from '@chakra-ui/react';
 import { CenterProps, FlexProps, StackProps, BoxProps, IconButtonProps, CircularProgressProps, ImageProps, ButtonProps, ModalProps, ModalContentProps } from '@chakra-ui/react';
 import { View, ListField, IFormElement, DataViewProps, FieldMap, FieldMapFormProps, Field, FieldFormProps, FormProps, EditableProps, ListProviderProps, ThemedAsset } from '@chem-po/react';
-import { AnyObject, WithId, FetchFeedFunction, FileValue, InputRef, ImageViewOptions, SpotifyTrack } from '@chem-po/core';
+import { AnyObject, WithId, FetchFeedFunction, FileValue, InputRef, ImageViewOptions, SpotifyTrack, View as View$1, BaseUserData } from '@chem-po/core';
+import { RouteObject } from 'react-router';
 
 interface SignInProps {
     layout?: 'row' | 'column';
@@ -184,9 +185,9 @@ type ListViewProps<T extends AnyObject> = ListProviderProps<T> & {
     headerProps?: BoxProps;
     modals?: ReactNode;
 };
-type ListContentProps<T extends AnyObject> = Omit<ListViewProps<T>, 'list' | 'basePath' | 'flexProps'>;
+type ListContentProps<T extends AnyObject> = Omit<ListViewProps<T>, 'list' | 'flexProps'>;
 
-declare const DataList: <T extends AnyObject>({ list, basePath, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => React.JSX.Element;
+declare const DataList: <T extends AnyObject>({ list, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => React.JSX.Element;
 
 declare const ListContainer: (props: FlexProps) => React.JSX.Element;
 
@@ -314,8 +315,20 @@ declare const headingFont = "Encode Sans";
 declare const bodyFont = "Noto Sans";
 declare const baseTheme: Record<string, any>;
 
+declare const ViewsContext: React.Context<{
+    view: View$1<FC, BaseUserData>;
+    routes: RouteObject[];
+}[]>;
+declare const useViews: () => {
+    view: View$1<FC, BaseUserData>;
+    routes: RouteObject[];
+}[];
+declare const ViewsProvider: ({ children, views, }: PropsWithChildren & {
+    views: Array<View$1<FC, BaseUserData>>;
+}) => React.JSX.Element;
+
 declare const useBorderColor: () => "#00000033" | "#ffffff33";
 
 declare const initializeScreen: () => () => void;
 
-export { AbsoluteDarkModeToggle, AbsoluteLogin, CircularProgress, CollapseHorizontal, ContentBox, DarkModeToggle, DataList, type DataListFooterProps, type DataListHeaderProps, DataView, DefaultModal, DeleteButton, DeleteConfirmAlert, DesktopModal, Editable, ErrorView, ExpandOnMount, Expandable, FieldForm, FieldMapForm, FieldView, FileView, Form, FormElement, FullSizeContainer, FullSizeProvider, ImageViewOverlay, ListContainer, ListContent, type ListContentProps, ListFieldInput, type ListViewProps, Loading, LoadingImage, type LoadingImageProps, LoadingLogo, LoadingOverlay, LoadingSwitch, LottieLoadingLogo, MediaFeed, MobileFrame, MobileModal, MobileOverlay, MobileOverlayBackground, NAV_BAR_HEIGHT, NavBar, NumberTicker, PlayButton, RedirectView, SignIn, StandaloneInput, Toggle, type ToggleOption, type ToggleProps, ViewButton, baseTheme, bodyFont, headingFont, initializeScreen, switchTheme, useBorderColor, useMediaFeed };
+export { AbsoluteDarkModeToggle, AbsoluteLogin, CircularProgress, CollapseHorizontal, ContentBox, DarkModeToggle, DataList, type DataListFooterProps, type DataListHeaderProps, DataView, DefaultModal, DeleteButton, DeleteConfirmAlert, DesktopModal, Editable, ErrorView, ExpandOnMount, Expandable, FieldForm, FieldMapForm, FieldView, FileView, Form, FormElement, FullSizeContainer, FullSizeProvider, ImageViewOverlay, ListContainer, ListContent, type ListContentProps, ListFieldInput, type ListViewProps, Loading, LoadingImage, type LoadingImageProps, LoadingLogo, LoadingOverlay, LoadingSwitch, LottieLoadingLogo, MediaFeed, MobileFrame, MobileModal, MobileOverlay, MobileOverlayBackground, NAV_BAR_HEIGHT, NavBar, NumberTicker, PlayButton, RedirectView, SignIn, StandaloneInput, Toggle, type ToggleOption, type ToggleProps, ViewButton, ViewsContext, ViewsProvider, baseTheme, bodyFont, headingFont, initializeScreen, switchTheme, useBorderColor, useMediaFeed, useViews };

package/dist/index.d.ts

@@ -2,7 +2,8 @@ import React, { PropsWithChildren, FC, ReactNode, JSX, MouseEvent, CSSProperties
 import * as _chakra_ui_react from '@chakra-ui/react';
 import { CenterProps, FlexProps, StackProps, BoxProps, IconButtonProps, CircularProgressProps, ImageProps, ButtonProps, ModalProps, ModalContentProps } from '@chakra-ui/react';
 import { View, ListField, IFormElement, DataViewProps, FieldMap, FieldMapFormProps, Field, FieldFormProps, FormProps, EditableProps, ListProviderProps, ThemedAsset } from '@chem-po/react';
-import { AnyObject, WithId, FetchFeedFunction, FileValue, InputRef, ImageViewOptions, SpotifyTrack } from '@chem-po/core';
+import { AnyObject, WithId, FetchFeedFunction, FileValue, InputRef, ImageViewOptions, SpotifyTrack, View as View$1, BaseUserData } from '@chem-po/core';
+import { RouteObject } from 'react-router';
 
 interface SignInProps {
     layout?: 'row' | 'column';
@@ -184,9 +185,9 @@ type ListViewProps<T extends AnyObject> = ListProviderProps<T> & {
     headerProps?: BoxProps;
     modals?: ReactNode;
 };
-type ListContentProps<T extends AnyObject> = Omit<ListViewProps<T>, 'list' | 'basePath' | 'flexProps'>;
+type ListContentProps<T extends AnyObject> = Omit<ListViewProps<T>, 'list' | 'flexProps'>;
 
-declare const DataList: <T extends AnyObject>({ list, basePath, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => React.JSX.Element;
+declare const DataList: <T extends AnyObject>({ list, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => React.JSX.Element;
 
 declare const ListContainer: (props: FlexProps) => React.JSX.Element;
 
@@ -314,8 +315,20 @@ declare const headingFont = "Encode Sans";
 declare const bodyFont = "Noto Sans";
 declare const baseTheme: Record<string, any>;
 
+declare const ViewsContext: React.Context<{
+    view: View$1<FC, BaseUserData>;
+    routes: RouteObject[];
+}[]>;
+declare const useViews: () => {
+    view: View$1<FC, BaseUserData>;
+    routes: RouteObject[];
+}[];
+declare const ViewsProvider: ({ children, views, }: PropsWithChildren & {
+    views: Array<View$1<FC, BaseUserData>>;
+}) => React.JSX.Element;
+
 declare const useBorderColor: () => "#00000033" | "#ffffff33";
 
 declare const initializeScreen: () => () => void;
 
-export { AbsoluteDarkModeToggle, AbsoluteLogin, CircularProgress, CollapseHorizontal, ContentBox, DarkModeToggle, DataList, type DataListFooterProps, type DataListHeaderProps, DataView, DefaultModal, DeleteButton, DeleteConfirmAlert, DesktopModal, Editable, ErrorView, ExpandOnMount, Expandable, FieldForm, FieldMapForm, FieldView, FileView, Form, FormElement, FullSizeContainer, FullSizeProvider, ImageViewOverlay, ListContainer, ListContent, type ListContentProps, ListFieldInput, type ListViewProps, Loading, LoadingImage, type LoadingImageProps, LoadingLogo, LoadingOverlay, LoadingSwitch, LottieLoadingLogo, MediaFeed, MobileFrame, MobileModal, MobileOverlay, MobileOverlayBackground, NAV_BAR_HEIGHT, NavBar, NumberTicker, PlayButton, RedirectView, SignIn, StandaloneInput, Toggle, type ToggleOption, type ToggleProps, ViewButton, baseTheme, bodyFont, headingFont, initializeScreen, switchTheme, useBorderColor, useMediaFeed };
+export { AbsoluteDarkModeToggle, AbsoluteLogin, CircularProgress, CollapseHorizontal, ContentBox, DarkModeToggle, DataList, type DataListFooterProps, type DataListHeaderProps, DataView, DefaultModal, DeleteButton, DeleteConfirmAlert, DesktopModal, Editable, ErrorView, ExpandOnMount, Expandable, FieldForm, FieldMapForm, FieldView, FileView, Form, FormElement, FullSizeContainer, FullSizeProvider, ImageViewOverlay, ListContainer, ListContent, type ListContentProps, ListFieldInput, type ListViewProps, Loading, LoadingImage, type LoadingImageProps, LoadingLogo, LoadingOverlay, LoadingSwitch, LottieLoadingLogo, MediaFeed, MobileFrame, MobileModal, MobileOverlay, MobileOverlayBackground, NAV_BAR_HEIGHT, NavBar, NumberTicker, PlayButton, RedirectView, SignIn, StandaloneInput, Toggle, type ToggleOption, type ToggleProps, ViewButton, ViewsContext, ViewsProvider, baseTheme, bodyFont, headingFont, initializeScreen, switchTheme, useBorderColor, useMediaFeed, useViews };

package/dist/index.js

@@ -1,7 +1,7 @@
-import {HStack,Box,Center,Text,VStack,Popover,PopoverTrigger,Button,Image,Portal,PopoverContent,PopoverArrow,Input,useColorMode,Flex,useColorModeValue,PopoverBody,IconButton,createMultiStyleConfigHelpers,extendTheme,Checkbox,Switch,Slider,SliderTrack,SliderFilledTrack,Tooltip,SliderThumb,Collapse,Modal,ModalOverlay,ModalContent,useDisclosure,CircularProgress,AlertDialog,AlertDialogOverlay,AlertDialogContent,AlertDialogBody,useToast,Stack,Progress,PopoverCloseButton,InputGroup,InputLeftElement}from'@chakra-ui/react';import {useTextColor,useField,useStandaloneInput,useDataList,usePaginatedList,useFullSize,useImageSize,useObjectUrl,usePlaylist,useMounted,useAppAssets,useScreen,useBackendBase,useAuth,FullSizeContext,useViews,ViewsProvider,useMobileFrame,useEditable,useColorModeValue as useColorModeValue$1,DataViewProvider,useFormSubmit,ChempoFormProvider,useDataListData,usePaginatedQuery,PaginatedListProvider,MobileFrameProvider,useDocument,useDataView,useGetItemField,useChempoForm}from'@chem-po/react';import b,{forwardRef,createContext,useCallback,useMemo,useImperativeHandle,useState,useRef,memo,useEffect,useContext}from'react';import {ViewIcon,ViewOffIcon,CloseIcon,ChevronUpIcon,ChevronDownIcon,DeleteIcon,EditIcon,CheckIcon,DragHandleIcon,SunIcon,MoonIcon,RepeatIcon,SearchIcon,AddIcon,ChevronLeftIcon,ChevronRightIcon,ArrowUpIcon,ArrowDownIcon}from'@chakra-ui/icons';import rr from'@react-hook/resize-observer';import {colorValueToHex,gradients,getDateString,palette,gradientToCssGradientProp,getHandle,toPlural,generateId,isField,isListField,cssGradients,formatField,isFilterGroup,getHasAccess,arrayOperators}from'@chem-po/core';import {MotionValue,useMotionValue,AnimatePresence,motion,useSpring,useTransform}from'framer-motion';import {ErrorBoundary}from'react-error-boundary';import {useNavigate,useLocation,Link,useOutlet,matchRoutes}from'react-router-dom';import {SwitchTransition,CSSTransition,TransitionGroup}from'react-transition-group';import {useLottie}from'lottie-react';import {DragDropContext,Droppable,Draggable}from'@hello-pangea/dnd';import {Controller,useFormContext,useFieldArray,useWatch,useFormState}from'react-hook-form';import {DayPicker}from'react-day-picker';import {create}from'zustand';import op from'react-currency-input-field';import Wp from'react-textarea-autosize';import {VariableSizeGrid,FixedSizeGrid,FixedSizeList,VariableSizeList}from'react-window';import qn from'react-window-infinite-loader';import'firebase/firestore';import {switchAnatomy}from'@chakra-ui/anatomy';import {cssVar}from'@chakra-ui/theme-tools';var qi=({layout:e="row"})=>{let{adapter:{auth:o}}=useBackendBase(),t=useAuth(r=>r.user);return b.createElement(Flex,{gap:[1,1,2],align:"center",flexFlow:["column","column","row"]},t?b.createElement(Button,{size:"sm",onClick:()=>{o.logout();}},"SIGN OUT"):b.createElement(b.Fragment,null,b.createElement(Text,{whiteSpace:"nowrap",textAlign:"center",opacity:.8,fontWeight:600,fontSize:"sm"},"SIGN IN"),b.createElement(Flex,{flexFlow:e,gap:2,w:"100%"})))},f0=e=>b.createElement(Portal,null,b.createElement(Flex,{position:"fixed",bottom:4,left:4},b.createElement(qi,{...e})));var qt=({width:e,children:o,active:t,duration:r=400,...n})=>b.createElement(Center,{width:`${t?e:0}px`,opacity:t?1:0,transition:`all ${r}ms ease-in-out`,overflow:"hidden",...n},o);var ts=(e,o)=>b.createElement(Flex,{ref:o,bg:"background.100",p:3,borderRadius:6,boxShadow:"1px 1px 4px #00000066",...e}),Le=forwardRef(ts);var W=()=>useColorModeValue("#00000033","#ffffff33");var Jt=({viewText:e="View",hideText:o="Hide",onClick:t,isOpen:r,color:n})=>b.createElement(IconButton,{icon:r?b.createElement(ChevronUpIcon,{width:5,height:5}):b.createElement(ChevronDownIcon,{width:5,height:5}),"aria-label":r?o:e,variant:"ghost",p:"2px",ml:"auto",size:"xs",fontSize:"xs",borderRadius:"full",_hover:{bg:"blackAlpha.200"},color:n??"#777",onClick:s=>{s.stopPropagation(),t(s);}});var Qo=({header:e,children:o,initExpanded:t=false,nested:r,alwaysExpanded:n,headerProps:s,iconColor:i,footer:l,isOpen:a,onClose:p,onOpen:u,...m})=>{let{isOpen:d,onClose:c,onOpen:f}=useDisclosure({defaultIsOpen:n??t,isOpen:a,onClose:p,onOpen:u}),g=useCallback(y=>{if(y.stopPropagation(),!n){if(d){c();return}f();}},[n,f,c,d]),h=W();return b.createElement(VStack,{spacing:0,borderColor:h,w:"100%",...m},b.createElement(HStack,{borderBottom:d?`1px solid ${h}`:void 0,px:2,spacing:0,w:"100%",...s},b.createElement(Flex,{onClick:g,cursor:"pointer","aria-label":"expand/hide",align:"center",flex:1},typeof e=="string"?b.createElement(Text,{fontWeight:600,color:"gray.500",flex:1},e):b.createElement(e,{isOpen:d,onClose:c})),n?null:b.createElement(Jt,{color:i,onClick:g,isOpen:d})),b.createElement(Box,{w:"100%",borderLeft:r?"4px solid #00000033":void 0},b.createElement(Collapse,{unmountOnExit:true,style:{width:"100%"},in:d},o)),l?b.createElement(l,{isOpen:d,onClose:c}):null)};var Z=({animateOpacity:e,duration:o=300,children:t,in:r=true,onExited:n,...s})=>{let i=useMounted(),[l,a]=useState(0),p=useRef(null),[u,m]=useState(false),d=useMemo(()=>i&&r,[r,i]),c=useMemo(()=>d?l:0,[l,d]),f=useCallback(y=>{a(y.target.scrollHeight);},[]);rr(p,f);let g=useRef(null);useEffect(()=>{g.current&&(clearTimeout(g.current),g.current=null),m(true),g.current=setTimeout(()=>{m(false),n&&!d&&n();},o);},[d,o,n]);let h=useMemo(()=>!u&&d?"height 0ms":e?`height ${o}ms, opacity ${o}ms ease ${d?o:0}ms`:`height ${o}ms`,[e,o,d,u]);return b.createElement(Box,{overflow:"hidden",w:"100%",transition:h,height:`${c}px`,...s},b.createElement(Box,{ref:p,w:"100%",...s},t))};var eg=({children:e,...o})=>{let[t,r]=useState(0),[n,s]=useState(0),i=useRef(null),l=useCallback(a=>{r(a.target.scrollWidth),s(a.target.scrollHeight);},[]);return rr(i,l),b.createElement(Box,{ref:i,...o,width:"100%",height:"100%"},b.createElement(e,{width:t,height:n}))},sr=({children:e,...o})=>{let[t,r]=useState(0),[n,s]=useState(0),i=useRef(null),l=useCallback(p=>{r(p.target.scrollWidth),s(p.target.scrollHeight);},[]);rr(i,l);let a=useMemo(()=>({width:t,height:n}),[t,n]);return b.createElement(Box,{ref:i,...o,width:"100%",height:"100%"},b.createElement(FullSizeContext.Provider,{value:a},e))};var ar=b.createContext(false),dr=({children:e})=>b.createElement(ar.Provider,{value:true},e),pr=()=>useContext(ar);var Jo=50,ks=({view:e,absolute:o})=>{let{path:t,name:r,icon:n,iconScale:s}=e,i=Array.isArray(t)?t[0]:t,l=useColorModeValue(1,1.8),a=useMemo(()=>o?2.4:l,[o,l]),{pathname:p}=useLocation(),u=useColorModeValue("#ffffff33","#00000033"),m=b.createElement(Button,{pointerEvents:p===i?"none":"auto",opacity:p===i?1:.7,width:"100%",height:"100%",borderRadius:0,flexFlow:"column",_hover:{bg:u},variant:"unstyled",display:"flex",alignItems:"center",justifyContent:"center"},b.createElement(Image,{height:`${34*(s??1)}px`,filter:`brightness(${a})${o?" drop-shadow(1px 1px 3px #00000099 )":""}`,src:n,alt:r}));return p===i?b.createElement(Flex,{key:i,flex:1,h:"100%",justify:"center"},m):b.createElement(Link,{key:i,style:{flex:1,display:"flex",height:"100%",justifyContent:"center"},to:i},m)},ur=({selectedView:e,children:o})=>{let t=useColorModeValue("#dedede",palette.gray.dark),r=useColorModeValue("#00000022","#ffffff33"),n=useViews(),s=useMemo(()=>n.filter(p=>!!p.view.icon),[n]),i=useMemo(()=>!!e?.navBar?.absolute,[e]),l=useMemo(()=>e?.navBar?.backgroundColor??t,[t,e]),a=useMemo(()=>e?.navBar?.borderColor?!!e?.navBar?.borderColor:i?"#ffffff33":r,[r,e,i]);return b.createElement(Flex,{position:"absolute",bottom:0,left:0,bg:l,w:"100%",transition:"all 500ms",h:`${Jo}px`,borderTop:`1px solid ${a}`},b.createElement(Flex,{position:"relative",w:"100%",justify:"space-around",align:"center"},s.map(({view:p})=>b.createElement(ks,{absolute:i,key:p.name,view:p})),o))};var mr=({message:e})=>{let o=useColorModeValue("gray.600","gray.100");return b.createElement(Flex,{pt:4},b.createElement(Le,null,b.createElement(Text,{color:o},e??"Sorry, something went wrong.")))};var uo=e=>{let o=useColorModeValue("gray.400","gray.400"),t=useColorModeValue("gray.300","gray.600");return b.createElement(CircularProgress,{isIndeterminate:true,trackColor:t,color:o,...e})};var xr=({size:e=30,isLoading:o,speed:t=2,inFeed:r,asset:n})=>{let s=useColorModeValue(n.default,n.dark??n.default),i=useMemo(()=>r?n.dark??n.default:s,[s,n,r]),l=useMemo(()=>({animationData:i,loop:true}),[i]),a=useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]),{View:p,pause:u,play:m,setSpeed:d}=useLottie(l,a);return useEffect(()=>{d(t);},[d,t]),useEffect(()=>{o?m():u();},[o,m,u]),b.createElement(b.Fragment,null,p)},br=({size:e=30,isLoading:o,asset:t,inFeed:r})=>{let n=useColorModeValue(t.default,t.dark??t.default),s=useMemo(()=>r?t.dark??t.default:n,[n,t,r]),i=useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]);return b.createElement("img",{src:s,style:i,alt:"loading"})},Hs=({isLoading:e,size:o})=>{let{loading:t}=useAppAssets();return t.lottieJson?b.createElement(xr,{isLoading:e,size:o,asset:t.lottieJson}):t.svg?b.createElement(br,{isLoading:e,size:o,asset:t.svg}):null},Ce=({isLoading:e,size:o,inFeed:t})=>{let{loading:r}=useAppAssets();return r.lottieJson?b.createElement(xr,{inFeed:t,isLoading:e,size:o,asset:r.lottieJson}):r.svg?b.createElement(br,{inFeed:t,isLoading:e,size:o,asset:r.svg}):b.createElement(Text,{color:"red"},"ERROR: No loading animation found")},Fe=({text:e="Loading...",inBox:o,stackProps:t})=>{let r=b.createElement(HStack,{p:2,...t},b.createElement(Hs,{isLoading:true}),b.createElement(Text,{opacity:.8,fontSize:"sm"},e));return o?b.createElement(Le,null,r):r},Be=({isLoading:e,text:o,inFeed:t,...r})=>{let n=useColorModeValue("#ffffffaa","#00000088");return b.createElement(Center,{pos:"absolute",top:0,left:0,right:0,bottom:0,bg:n,pointerEvents:e?"auto":"none",opacity:e?1:0,...r},o?b.createElement(Fe,{text:o}):b.createElement(Ce,{inFeed:t,size:100,isLoading:e}))};var wr=({loading:e})=>{let o=useRef(null),t=useAuth(n=>n.loading),r=useNavigate();return useEffect(()=>(!e&&!t&&(o.current=setTimeout(()=>{r("/");},1500)),()=>{o.current&&clearTimeout(o.current);}),[e,r,t]),!e&&!t?b.createElement(Center,{minH:"100%",w:"100%"},b.createElement(Le,{maxW:"500px"},b.createElement(HStack,{spacing:3},b.createElement(uo,{size:6}),b.createElement(VStack,{spacing:0,align:"flex-start"},b.createElement(Text,null,"404"),b.createElement(Text,{fontSize:"sm",opacity:.7},"Page not found - redirecting to Home..."))))):b.createElement(Fe,null)};var Sr=390,Ir=844,Fr=Sr/Ir,sl=({children:e,navBarChildren:o})=>{let{isMobile:t,height:r,width:n}=useScreen(),{contentHeight:s,contentWidth:i}=useMemo(()=>{let x=t?r:Ir,F=t?n:Sr;if(t)return {contentHeight:x,contentWidth:F};let S=Math.floor(r*.9),v=Math.floor(n*.9);return x>S?(F=Math.floor(S*Fr),x=S):F>v&&(x=Math.floor(v/Fr),F=v),{contentHeight:x,contentWidth:F}},[t,r,n]),l=useColorModeValue(cssGradients.accentGray,cssGradients.darkGray),a=useLocation(),p=useOutlet(),u=useViews(),m=useMemo(()=>u.find(x=>!!matchRoutes(x.routes,a)),[u,a]),d=useMemo(()=>m?typeof m.view.path=="string"?m.view.path:m.view.path[0]:"404",[m]),c=useRef(null),f=useRef(null),g=useMemo(()=>!!m?.view?.navBar?.absolute,[m]),h=useMemo(()=>s-(g?0:Jo),[s,g]),y=useMemo(()=>({overlayRef:c,height:s,width:i,absoluteNavBar:g,bodyHeight:h}),[c,s,i,g,h]);return b.createElement(dr,null,b.createElement(MobileFrameProvider,{value:y},b.createElement(Center,{position:"relative",bg:l,w:"100%",height:"100%"},b.createElement(Flex,{bg:"background.100",position:"relative",style:{height:`${s}px`,width:`${i}px`},boxShadow:t?"none":"1px 1px 4px rgba(0,0,0,0.4)",borderRadius:t?0:10,overflow:"hidden",direction:"column",maxH:s},b.createElement(AnimatePresence,null,b.createElement(SwitchTransition,null,b.createElement(CSSTransition,{key:d,nodeRef:f,unmountOnExit:true,classNames:"page",timeout:300},()=>b.createElement(motion.div,{style:{position:"relative",width:"100%",overflow:"hidden"},animate:{height:h,opacity:1,dur:.5,scale:1},initial:{opacity:0,scale:.9,height:h},exit:{opacity:0}},b.createElement(ErrorBoundary,{FallbackComponent:()=>b.createElement(mr,null)},m?p:b.createElement(wr,null)),e?b.createElement(Box,{height:"100%",w:"100%",position:"absolute",top:0,left:0,pointerEvents:"none"},e):null)))),b.createElement(ur,{selectedView:m?.view},o),b.createElement(Flex,{pos:"absolute",pointerEvents:"none",bottom:0,w:"100%",h:"100%"},b.createElement(Flex,{ref:c,w:"100%",h:"100%",pos:"relative"}))))))},rh=({children:e,navBarChildren:o,views:t})=>b.createElement(ViewsProvider,{views:t},b.createElement(sl,{navBarChildren:o},e));var bl="Are you sure? You can't undo this action afterwards.",yl=({confirmActive:e,onCancel:o,onConfirm:t,body:r=bl,actionName:n="Delete",actionLoading:s,itemName:i})=>{let l=useRef(null);return b.createElement(AlertDialog,{isCentered:true,isOpen:e,leastDestructiveRef:l,onClose:()=>o()},b.createElement(AlertDialogOverlay,null,b.createElement(AlertDialogContent,{gap:0},b.createElement(AlertDialogBody,null,b.createElement(VStack,{align:"flex-start",py:1},b.createElement(Text,{fontSize:"lg",fontWeight:500},n," ",i,"?"),typeof r=="string"?b.createElement(Text,{fontSize:"md"},r):r,b.createElement(HStack,{justify:"flex-end",w:"100%"},b.createElement(Button,{size:"sm",ref:l,onClick:o},"Cancel"),b.createElement(Button,{size:"sm",isLoading:s,color:"white",textShadow:"1px 1px 3px #00000077",bg:"red.500",_dark:{bg:"red.500"},onClick:t},n)))))))},kr=({onDelete:e,itemName:o,noConfirm:t,alertBody:r,text:n,actionName:s="Delete",...i})=>{let[l,a]=useState(false),[p,u]=useState(false),m=useRef(null),d=useRef(true);useEffect(()=>(d.current=true,()=>{d.current=false;}),[]);let c=useToast(),f=useCallback(async()=>{if(m.current&&clearTimeout(m.current),u(false),e){a(true);try{await e();}catch(g){console.error(g),c({title:"Error",description:g.message??"An error occurred",status:"error",duration:5e3,isClosable:true});}d.current&&a(false);}else console.error("No delete function");},[e,c]);return b.createElement(b.Fragment,null,n?b.createElement(Button,{variant:"ghost",size:i.size??"md","aria-label":"delete",_hover:{color:"red.600",bg:"red.200"},color:"red.600",onClick:g=>{g.stopPropagation(),t?f():u(true);},isLoading:l,...i},b.createElement(Flex,{align:"center",gap:1},b.createElement(DeleteIcon,null),b.createElement(Text,null,n))):b.createElement(IconButton,{variant:"ghost",size:i.size??"sm","aria-label":s,_hover:{color:"red.600",bg:"red.200"},color:"red.500",borderRadius:"full",icon:b.createElement(DeleteIcon,null),onClick:g=>{g.stopPropagation(),t?f():u(true);},isLoading:l,...i}),t?null:b.createElement(yl,{confirmActive:p,onCancel:()=>u(false),actionLoading:l,onConfirm:()=>{f();},actionName:s,body:r,itemName:o}))};var Sl=({selected:e,option:{Render:o,label:t,disabledMessage:r},size:n,...s})=>{let i=b.createElement(Box,null,b.createElement(IconButton,{variant:"unstyled",w:`${n}px`,h:`${n}px`,minW:0,borderRadius:0,outline:"none",display:"flex",alignItems:"center",justifyContent:"center",opacity:r?.6:1,filter:r?"grayscale(1)":"none",bg:e?"whiteAlpha.500":"blackAlpha.100",_dark:{bg:e?"blackAlpha.500":"whiteAlpha.200"},icon:o(e),pointerEvents:e?"none":"auto","aria-label":t,...s}));return b.createElement(Tooltip,{label:r??t,"aria-label":t},i)},Mr=({value:e,onChange:o,size:t=28,options:r})=>{let n=W();return b.createElement(Flex,{bg:"whiteAlpha.300",_dark:{bg:"blackAlpha.300"},border:`1px solid ${n}`,borderRadius:3},r.map((s,i)=>b.createElement(Sl,{key:s.id,onClick:()=>{o(s.id);},option:s,size:t,borderLeftRadius:i?0:3,borderRightRadius:i===r.length-1?3:0,selected:s.id===e,borderLeft:i?`1px solid ${n}`:"none"})))};var Lr=createContext({}),Br=({curr:e,children:o})=>{let t=useMemo(()=>({curr:e}),[e]);return b.createElement(Lr.Provider,{value:t},o)},Ml=()=>useContext(Lr);var Er=({src:e,onClose:o})=>{let[t,r]=useState(true),n=useScreen(d=>d.width),s=useScreen(d=>d.height),[i,l]=useState({width:n/2,height:s/2}),{height:a,width:p}=useMemo(()=>{if(t)return i;let d=i.width/i.height,c=Math.min(i.height,s*.9),f=c*d;return f>n*.9&&(f=Math.min(i.width,n*.9),c=f/d),{height:c,width:f}},[s,n,i,t]),u=useCallback(()=>r(true),[]),m=useCallback(d=>{let{naturalWidth:c,naturalHeight:f}=d.currentTarget;l({width:c,height:f}),r(false);},[]);return b.createElement(Modal,{size:"full",isOpen:true,onClose:o},b.createElement(ModalOverlay,{bg:"blackAlpha.700"}),b.createElement(ModalContent,{style:{background:"transparent"},pointerEvents:"none",width:"100%",height:"100%"},b.createElement(Center,{pointerEvents:"none",position:"fixed",p:[4,6,8],top:0,left:0,right:0,bottom:0,zIndex:4},b.createElement(Center,{opacity:t?0:1,transition:"all 500ms",overflow:"hidden",w:`${p}px`,height:`${a}px`},b.createElement(Image,{onLoadStart:u,onLoad:m,transition:"opacity 300ms",height:"100%",objectFit:"contain",borderRadius:4,src:e})),b.createElement(IconButton,{borderRadius:"full",position:"absolute",top:4,right:4,"aria-label":"close",icon:b.createElement(CloseIcon,null),onClick:o})),b.createElement(Center,{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",opacity:t?1:0,transition:"opacity 300ms"},b.createElement(Ce,{isLoading:t,size:70}))))};var _r="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",$r=({src:e,loadingOverride:o,alt:t,onLoad:r,width:n,height:s,noFullView:i,buttonFullView:l,imageProps:a,...p})=>{let[u,m]=useState(!!e),d=useRef(null),[c,f]=useState(false),g=useMounted(100);useEffect(()=>{d.current?.complete&&m(true);},[d]);let h=useCallback(S=>{m(false),r&&r(S);},[r]),[y,x]=useState(e);useEffect(()=>{e&&x(e);},[e,y]);let F=u||!!o;return b.createElement(Center,{opacity:g?1:0,transition:"opacity 333ms",w:n??"100%",h:s??"100%",overflow:"hidden",position:"relative",...p},b.createElement(Image,{src:e??_r,alt:t,onClick:i||l?void 0:()=>f(true),onLoad:h,onLoadStart:()=>m(true),top:0,left:0,cursor:i||l?"default":"pointer",draggable:false,opacity:e&&!F?1:0,transition:"opacity 300ms ease-in-out",w:"100%",h:"100%",objectFit:e?"cover":"contain",zIndex:0,...a}),l?b.createElement(IconButton,{pos:"absolute",top:2,right:2,zIndex:1,w:7,minW:0,borderRadius:10,h:7,size:"sm","aria-label":"View Image",icon:b.createElement(Image,{height:"20px",src:"/icons/open_in_full.svg",opacity:.8,filter:"brightness(300%) drop-shadow(1px 1px 3px #00000066)"}),onClick:()=>f(true)}):null,b.createElement(Center,{pos:"absolute",top:0,left:0,zIndex:2,pointerEvents:"none",transition:"opacity 0.5s ease-in-out",opacity:F||!e?1:0,w:"100%",h:"100%"},b.createElement(Ce,{isLoading:F,size:"60%"})),c?b.createElement(Er,{src:e??_r,onClose:()=>f(false)}):null)};var _h=({value:e,label:o,onChange:t})=>{let r=useToast(),[n,s]=useState(false),i=useCallback(l=>{let a=Math.max(0,1e3-(Date.now()-l));setTimeout(()=>{s(false);},a);},[]);return b.createElement(Flex,{py:1,pr:2,pl:3,bg:"gray.700",borderRadius:12,boxShadow:"0 0 4px black",pos:"relative",align:"center"},b.createElement(Flex,{opacity:n?0:1,transition:`opacity 300ms ${n?"ease-out":"ease-in"}`,pointerEvents:n?"none":"auto",align:"center",gap:2},b.createElement(Text,{style:{fontSize:"1.2rem",height:"24px"}},o),b.createElement(Switch,{size:"md",isChecked:e,onChange:l=>{s(true);let a=Date.now();t(l.target.checked).catch(p=>{console.error(p),r({title:"Error",description:p?.message??"Error occurred",status:"error",duration:5e3,isClosable:true});}),i(a);}})),b.createElement(Center,{opacity:n?1:0,transition:`opacity 300ms ${n?"ease-in":"ease-out"}`,pointerEvents:n?"auto":"none",pos:"absolute",top:"-10%",left:"-10%",w:"120%",borderRadius:8,p:1,gap:2,h:"120%"},b.createElement(Fe,null)))};var st={damping:25,stiffness:200,bounce:.5},ee=75,se=100;var Gr=e=>e==="current"?1:0,ta=(e,o)=>{let{width:t}=o;return e==="current"?0:e==="next"?t:e==="prev"?-t:0},lt=(e,o)=>{let{height:t}=o;return e==="current"?0:e==="next"?t*1.1:e==="prev"?-t*1.1:0},jr=({id:e,collectionPath:o,onItemLoad:t,RenderItem:r,status:n,offsetY:s,enterStatus:i})=>{let l=useMobileFrame(),a=useSpring(0,st),p=useMotionValue(lt(i??"next",l)),u=useTransform(()=>p.get()+s.get()),m=useSpring(u,st),d=useMemo(()=>`${o}/${e}`,[o,e]),{data:c}=useDocument(d,t),f=useRef({contentSize:l,status:i??n,y:lt(i??n,l),scale:Gr(i??n)});return useEffect(()=>{let g=Gr(n),h=ta(n,l);p.set(h),a.set(g);},[n,p,a,l]),b.createElement(motion.div,{initial:{x:0,y:f.current.y,scale:f.current.scale},style:{position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"none",userSelect:"none",height:"100%",y:m,scale:a,opacity:a,width:"100%"},exit:{opacity:0,scale:0,x:0,y:lt(i==="next"?"prev":"next",l)}},c?r(c):null)};var sa=10,Yr=(e,o,t=sa,r=false)=>{let[n,s]=useState([null,null,null]),[i,l]=useState(0),a=useAuth(P=>P.user),[p,u]=useState(false),[m,d]=useState(false),[c,f]=useState(null),[g,h]=useState(false),[y,x]=useState(null),F=useToast(),S=useRef(null),v=useRef({prev:null,curr:null,next:null}),T=useCallback(P=>{P&&(v.current.prev===P&&(v.current.prev=null),v.current.next===P&&(v.current.next=null)),v.current.curr=P,o({...v.current});},[o]),E=useCallback(P=>{P&&(v.current.prev===P&&(v.current.prev=null),v.current.curr===P&&(v.current.curr=null)),v.current.next=P,o({...v.current});},[o]),z=useCallback(P=>{P&&(v.current.curr===P&&(v.current.curr=null),v.current.next===P&&(v.current.next=null)),v.current.prev=P,o({...v.current});},[o]),O=useCallback(async(P,H,k)=>{if(!a&&r)return [];k||u(true);try{let C=await e({limit:t,startAfter:H,startBefore:P});if(k)H?s(M=>[M[0],M[1],C.ids]):P&&s(M=>[C.ids,M[1],M[2]]);else {let M=C.ids[0],J=C.ids[1]||null;T(M),E(J),z(H),s(H?X=>[X[1],C.ids,null]:P?X=>[null,C.ids,X[1]]:[null,C.ids,null]);let Y=C.ids[C.ids.length-1];Y&&O(null,Y,!0);}return u(!1),C.ids||[]}catch(C){f(C.message),F({title:"Error fetching feed",description:C.message,status:"error",duration:9e3,isClosable:true});}return u(false),[]},[e,F,a,r,T,E,z,t]),L=useCallback(async(P,H)=>{let k=n[1]??[],C=n[2]??[],M=P+1;if(M<k.length)return {id:k[M],idx:M};if(C[0]){let X=C[C.length-1];return H||(s(Kt=>[Kt[1],Kt[2],null]),O(null,X,true)),{id:C[0],idx:0}}let Y=(await O(null,k[k.length-1],H))[0];return Y?{id:Y,idx:0}:null},[n,O]),N=useCallback(async(P,H)=>{let k=n[1]??[],C=n[0]??[],M=P-1;if(M>=0)return {id:k[M],idx:M};if(C[C.length-1]){let X=C[0];return H||(s([null,n[0],n[1]]),O(X,null,true)),{id:C[C.length-1],idx:C.length-1}}let J=await O(k[0],null,H),Y=J[J.length-1];return Y?{id:Y,idx:J.length-1}:null},[n,O]),D=useCallback(async()=>{if(g)return;let P=v.current.curr;h(true);let H=await L(i,false);if(x("next"),H){let{id:k,idx:C}=H;S.current=k,l(C),T(k),E(null),z(P),L(C,true).then(M=>E(M?.id??null));}else F({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,L,T,E,z,F,g]),U=useCallback(async()=>{if(g)return;let P=v.current.curr;x("prev"),h(true);let H=await N(i,false);if(H){let{id:k,idx:C}=H;S.current=k,l(C),T(k),z(null),E(P),N(C,true).then(M=>z(M?.id??null));}else F({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,N,T,E,z,F,g]),ce=useCallback(async()=>{u(true),d(true),s([null,null,null]),T(null),E(null),z(null),x(null),l(0),await O(null,null,false),d(false);},[O,T,E,z]),[ke]=useState(()=>O);useEffect(()=>{ke(null,null,false);},[ke]);let Me=useMemo(()=>i>0&&!!n[1]?.length||!!n[0]?.length,[n,i]),we=useMemo(()=>(n[1]&&i<n[1].length)??!!n[2]?.length,[n,i]);return useMemo(()=>({ids:n,goNext:D,goPrev:U,error:c,refresh:ce,refreshing:m,loading:p,canGoNext:we,direction:y,canGoPrev:Me,itemLoading:g}),[n,D,U,p,c,g,we,Me,ce,m,y])};var aa="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",mo=({background:e,...o})=>b.createElement(Center,{position:"absolute",top:"0",left:"0",opacity:e?.7:0,transition:"opacity 500ms",right:"0",bottom:"0",zIndex:0,transform:"scale(1.075)",pointerEvents:"none",backgroundImage:`url(${e??aa})`,backgroundSize:"cover",backgroundPosition:"center",...o,filter:o.filter??"blur(15px) brightness(70%)"}),da=({getBackgroundValue:e,item:o,filter:t})=>{let r=useMemo(()=>o?e(o):null,[e,o]),{loading:n,url:s}=useObjectUrl(r),i=useRef(0),[l,a]=useState(0),[p,u]=useState(null),[m,d]=useState(null);return useEffect(()=>{i.current===0?(u(s),i.current=1,a(0)):(d(s),i.current=0,a(1));},[s]),b.createElement(Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b.createElement(mo,{filter:t,opacity:l===0?1:0,background:p}),b.createElement(mo,{filter:t,opacity:l===1?1:0,background:m}),b.createElement(Ce,{isLoading:n}))},pa=({getBackgroundUrl:e,item:o,filter:t})=>{let r=useMemo(()=>o?e(o):null,[e,o]),n=useRef(0),[s,i]=useState(0),[l,a]=useState(null),[p,u]=useState(null);return useEffect(()=>{r&&(n.current===0?(a(r),n.current=1,i(0)):(u(r),n.current=0,i(1)));},[r]),b.createElement(Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b.createElement(mo,{filter:t,opacity:s===0?1:0,background:l}),b.createElement(mo,{filter:t,opacity:s===1?1:0,background:p}))},qr=({getBackgroundValue:e,getBackgroundUrl:o,...t})=>e?b.createElement(da,{getBackgroundValue:e,...t}):o?b.createElement(pa,{getBackgroundUrl:o,...t}):null;var fa=se-ee,Rr=({offsetY:e,refreshing:o,canRefresh:t})=>{let r=useTransform(e,p=>Math.max(0,p-ee)/fa),n=useSpring(0),s=useSpring(0);useEffect(()=>{o?n.set(50):n.set(0);},[o,n]),useEffect(()=>{t?s.set(1):s.set(0);},[s,t]);let i=useTransform(()=>s.get()*Math.min(20,Math.max(0,n.get()+r.get()**.5*20))),l=useTransform(i,p=>s.get()*Math.min(1,Math.max(0,p/30))),a=useTransform(()=>s.get()*r.get()*180);return b.createElement(motion.div,{style:{opacity:l,pointerEvents:"none",y:i,position:"absolute",top:0,left:0,right:0,height:"auto",scale:l,rotate:a}},b.createElement(Center,{w:"100%"},b.createElement(RepeatIcon,{opacity:o?0:1,transition:`opacity 300ms ease ${o?0:300}ms`,w:8,h:8,color:"white",filter:"drop-shadow(1px 1px 3px #000000aa)"}),b.createElement(uo,{size:8,position:"absolute",isIndeterminate:true,opacity:o?1:0,transition:`opacity 300ms ease ${o?300:0}ms`})))};var ba=e=>useCallback(o=>{let t=[];o.prev&&t.push({status:"prev",id:o.prev}),o.curr&&t.push({status:"current",id:o.curr}),o.next&&t.push({status:"next",id:o.next}),e(t);},[e]),kx=({fetch:e,collection:o,RenderItem:t,authRequired:r,getBackgroundUrl:n,getBackgroundValue:s,limit:i,defaultBackground:l,swipeDisabled:a,children:p})=>{let{width:u,height:m}=useMobileFrame(),d=useRef(null),c=useRef(null),[f,g]=useState(null),[h,y]=useState([]),x=useMotionValue(0),F=ba(y),S=useRef(null),{goNext:v,goPrev:T,loading:E,canGoNext:z,canGoPrev:O,refresh:L,refreshing:N}=Yr(e,F,i,r),D=useRef(false),U=useRef({x:0,y:0}),ce=useCallback(k=>{if(a)return;D.current=true,U.current={x:k.clientX,y:k.clientY};let C=M=>{let J=O?ee:se,Y=z?-75:-100,X=Math.max(Y,Math.min(J,M.clientY-U.current.y));d.current&&d.current.style.setProperty("pointer-events","auto"),z&&X<-65?(g("next"),v()):O&&X>ee-10?(g("prev"),T()):(X>se-10||X<-90)&&(L(),S.current&&S.current.onNewData(null)),x.set(0),D.current=false,window.removeEventListener("pointerup",C);};window.addEventListener("pointerup",C);},[x,v,T,z,O,L,a]),ke=useCallback(k=>{requestAnimationFrame(()=>{if(D.current){let C=Math.max(-10,Math.min(10,k.clientX-U.current.x)),M=O?ee:se,J=z?-75:-100,Y=Math.max(J,Math.min(M,k.clientY-U.current.y));Math.sqrt(C**2+Y**2)>10&&d.current&&d.current.style.setProperty("pointer-events","none"),x.set(Y);}});},[x,z,O]),Me=useMemo(()=>({height:`${m}px`,width:`${u}px`,overflow:"hidden",pointerEvents:a?"none":"auto"}),[u,m,a]),[we,P]=useState(null),H=useCallback(k=>{h.find(M=>M.status==="current")?.id===k?._id&&P(k);},[h]);return b.createElement(Br,{curr:we},b.createElement(Center,{background:l??"background.100",style:{touchAction:"none"},userSelect:"none",position:"relative",w:"100%",h:"100%",overflow:"hidden",onPointerDown:ce,onPointerMove:ke},b.createElement(qr,{item:we,getBackgroundValue:s,getBackgroundUrl:n}),b.createElement("div",{ref:c,style:Me},b.createElement(Center,{ref:d,h:"100%",w:"100%"},h.map(k=>b.createElement(jr,{key:k.id,id:k.id,collectionPath:o,RenderItem:t,onItemLoad:H,status:k.status,enterStatus:f,offsetY:x})))),b.createElement(Rr,{canRefresh:!O,refreshing:N,offsetY:x}),b.createElement(Be,{inFeed:true,zIndex:2,bg:"transparent",pointerEvents:"none",isLoading:E}),p?b.createElement(Center,{position:"absolute",bottom:"0",left:"0",right:"0",zIndex:3,pointerEvents:"none"},p):null))};var ho=({path:e,condition:o,children:t})=>{let r=useWatch({exact:true,name:e});return useMemo(()=>o(r),[r,o])?b.createElement(Z,{py:"3px",animateOpacity:true,in:true},t):null};var Pa=({field:e,input:{onChange:o,value:t,...r}},n)=>{let{placeholder:s}=e;return useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Checkbox,{isChecked:t,onChange:i=>o(i.target.checked),...r},s)},Ta=forwardRef(Pa),ka=({field:e,input:{onChange:o,value:t,...r}},n)=>{let{placeholder:s}=e;return useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Flex,{gap:1,align:"center"},b.createElement(Switch,{isChecked:t,onChange:i=>o(i.target.checked),...r}),b.createElement(Text,{fontWeight:600,opacity:t?.9:.6},s))},Ma=forwardRef(ka),La=(e,o)=>e.field.type==="switch"?b.createElement(Ma,{ref:o,...e}):b.createElement(Ta,{ref:o,...e}),on=forwardRef(La);var xo=(e,o,t)=>{let r=useRef(null);return useImperativeHandle(e,()=>({focus:(()=>r.current?.focus()),blur:(()=>r.current?.blur())})),r};var ct=({children:e,color:o,background:t,boxProps:r,...n})=>b.createElement(Box,{background:t,...r},b.createElement(Text,{cursor:"default",className:"gradient-text",background:o,...n},e));var bo=({label:e,stackProps:o,gradient:t,value:r,min:n,max:s,...i})=>{let l=t?gradientToCssGradientProp(t):null;return b.createElement(HStack,{opacity:r!==void 0?1:.5,_hover:{opacity:1},transition:"all 500ms",spacing:2,width:"100%",align:"center",...o},b.createElement(HStack,{w:"100%",align:"center"},n!==void 0&&l?b.createElement(ct,{fontSize:"sm",color:l},typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,n!==void 0&&!l?b.createElement(Text,null,typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,b.createElement(Slider,{min:n,max:s,step:1,"aria-label":e,flex:1,...i},b.createElement(SliderTrack,{bg:"gray.400"},b.createElement(SliderFilledTrack,{bg:l??"blackAlpha.500"})),b.createElement(Tooltip,{bg:"gray.100",color:"gray.500",placement:"top",hasArrow:true,label:typeof r=="number"?r.toFixed(0):""},b.createElement(SliderThumb,{width:2,height:4}))),s!==void 0&&l?b.createElement(ct,{fontSize:"sm",color:l},typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null,s!==void 0&&!l?b.createElement(Text,null,typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null))};var wo=({label:e,stackProps:o,gradient:t,value:r,...n})=>b.createElement(bo,{label:e,value:r,min:0,step:1,max:255,stackProps:{width:"100%",...o},gradient:t,...n}),ln=forwardRef(({input:{onChange:e,value:o},field:t,meta:r},n)=>{let{withAlpha:s,defaultValue:i}=t,{active:l}=r||{};xo(n);let a=useCallback((m,d)=>{e(s?{r:0,g:0,b:0,a:1,...o,[m]:d}:{r:0,g:0,b:0,...o,[m]:d});},[o,e,s]),p=useMemo(()=>({...i,...o}),[i,o]),u=useMemo(()=>colorValueToHex(!!s,p),[p,s]);return b.createElement(HStack,{w:"100%"},b.createElement(Box,{boxShadow:"inset 0 0 12px rgba(255,255,255,0.4), 0 0 4px rgba(0,0,0,0.4)",p:2,bg:"blackAlpha.800",borderRadius:"full"},b.createElement(Center,{transition:"background 300ms",bg:u,width:"80px",h:"80px",borderRadius:"full"},b.createElement(Text,{style:{fontSize:"1.3rem"}},u))),b.createElement(VStack,{spacing:1,flex:1,px:2,align:"flex-start",borderRadius:6,transition:"all 400ms",boxShadow:`0 0 5px ${l?"#ffffff":"transparent"}`},b.createElement(wo,{label:"R",gradient:gradients.red,defaultValue:i.r,value:o?.r,onChange:m=>a("r",m)}),b.createElement(wo,{label:"G",defaultValue:i.g,gradient:gradients.green,value:o?.g,onChange:m=>a("g",m)}),b.createElement(wo,{label:"B",gradient:gradients.blue,defaultValue:i.b,value:o?.b,onChange:m=>a("b",m)}),s?b.createElement(wo,{label:"A",gradient:gradients.midnight,defaultValue:1,value:o?.a,onChange:m=>a("a",m)}):null))});var ft=(e,o)=>{let t=`${e}`;for(let r=t.length;r<o;r+=1)t=`0${t}`;return t},gt=e=>e?`${ft(e.getFullYear(),4)}-${ft(e.getMonth()+1,2)}-${ft(e.getDate(),2)}`:void 0,Ye=forwardRef((e,o)=>{let{input:t,field:{placeholder:r,minDate:n,maxDate:s,optional:i},meta:{active:l}}=e,{onChange:a,value:p,onFocus:u,onBlur:m}=t,d=useMemo(()=>p?new Date(`${p}T00:00:00.000`):new Date,[p]),c=useMemo(()=>{let f=[];return n!==void 0&&f.push({to:n==="now"?new Date:new Date(n),from:new Date(0)}),s!==void 0&&f.push({from:s==="now"?new Date:new Date(s),to:new Date(1/0)}),f},[n,s]);return useImperativeHandle(o,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Popover,{isOpen:l,onOpen:u,onClose:m,closeDelay:100,placement:"bottom"},b.createElement(PopoverTrigger,null,b.createElement(Button,{w:"100%",fontFamily:"Public Sans",fontWeight:"normal",alignItems:"center",_hover:{bg:"#efefef"},lineHeight:1,variant:"outline"},b.createElement(Text,{fontSize:"md",height:"16px",align:"left",flex:1},p?getDateString(p,"short"):r),b.createElement(Image,{src:"/svg/calendar.svg",height:"20px"}))),b.createElement(Portal,null,b.createElement(PopoverContent,{zIndex:2,onFocus:u},b.createElement(PopoverArrow,null),b.createElement(DayPicker,{required:!i,disabled:c,styles:{caption:{fontFamily:"Public Sans",fontWeight:"400",fontSize:"0.9rem",color:"#555"},head:{fontFamily:"Public Sans"},nav:{fontFamily:"Public Sans"}},modifiersStyles:{selected:{background:"#454545"}},mode:"single",selected:d,onSelect:f=>a(gt(f))}))))});Ye.displayName="DateInput";var Xe=forwardRef(({field:e,input:o},t)=>(useImperativeHandle(t,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Input,{fontFamily:"Public Sans",css:`
+import {HStack,Box,Center,Text,VStack,Popover,PopoverTrigger,Button,Image,Portal,PopoverContent,PopoverArrow,Input,useColorMode,Flex,useColorModeValue,PopoverBody,IconButton,createMultiStyleConfigHelpers,extendTheme,Checkbox,Switch,Slider,SliderTrack,SliderFilledTrack,Tooltip,SliderThumb,Collapse,Modal,ModalOverlay,ModalContent,useDisclosure,CircularProgress,AlertDialog,AlertDialogOverlay,AlertDialogContent,AlertDialogBody,useToast,Stack,Progress,PopoverCloseButton,InputGroup,InputLeftElement}from'@chakra-ui/react';import {useTextColor,useField,useStandaloneInput,useDataList,usePaginatedList,useFullSize,useImageSize,useObjectUrl,usePlaylist,useMounted,useAppAssets,useScreen,useBackendBase,useAuth,FullSizeContext,useMobileFrame,useEditable,useColorModeValue as useColorModeValue$1,DataViewProvider,useFormSubmit,ChempoFormProvider,useDataListData,usePaginatedQuery,PaginatedListProvider,MobileFrameProvider,useDocument,useDataView,useGetItemField,useChempoForm}from'@chem-po/react';import b,{forwardRef,createContext,useCallback,useMemo,useImperativeHandle,useState,useRef,memo,useEffect,useContext}from'react';import {ViewIcon,ViewOffIcon,CloseIcon,ChevronUpIcon,ChevronDownIcon,DeleteIcon,EditIcon,CheckIcon,DragHandleIcon,SunIcon,MoonIcon,RepeatIcon,SearchIcon,AddIcon,ChevronLeftIcon,ChevronRightIcon,ArrowUpIcon,ArrowDownIcon}from'@chakra-ui/icons';import nr from'@react-hook/resize-observer';import {colorValueToHex,gradients,getDateString,palette,gradientToCssGradientProp,getHandle,toPlural,generateId,getUserViews,getViewRoutes,isField,isListField,cssGradients,formatField,isFilterGroup,getHasAccess,arrayOperators}from'@chem-po/core';import {MotionValue,useMotionValue,AnimatePresence,motion,useSpring,useTransform}from'framer-motion';import {ErrorBoundary}from'react-error-boundary';import {useNavigate,useLocation,Link,useOutlet,matchRoutes}from'react-router-dom';import {SwitchTransition,CSSTransition,TransitionGroup}from'react-transition-group';import {useLottie}from'lottie-react';import {DragDropContext,Droppable,Draggable}from'@hello-pangea/dnd';import {Controller,useFormContext,useFieldArray,useWatch,useFormState}from'react-hook-form';import {DayPicker}from'react-day-picker';import {create}from'zustand';import ap from'react-currency-input-field';import Qp from'react-textarea-autosize';import {VariableSizeGrid,FixedSizeGrid,FixedSizeList,VariableSizeList}from'react-window';import Rn from'react-window-infinite-loader';import'firebase/firestore';import {switchAnatomy}from'@chakra-ui/anatomy';import {cssVar}from'@chakra-ui/theme-tools';var Ri=({layout:e="row"})=>{let{adapter:{auth:o}}=useBackendBase(),t=useAuth(r=>r.user);return b.createElement(Flex,{gap:[1,1,2],align:"center",flexFlow:["column","column","row"]},t?b.createElement(Button,{size:"sm",onClick:()=>{o.logout();}},"SIGN OUT"):b.createElement(b.Fragment,null,b.createElement(Text,{whiteSpace:"nowrap",textAlign:"center",opacity:.8,fontWeight:600,fontSize:"sm"},"SIGN IN"),b.createElement(Flex,{flexFlow:e,gap:2,w:"100%"})))},C0=e=>b.createElement(Portal,null,b.createElement(Flex,{position:"fixed",bottom:4,left:4},b.createElement(Ri,{...e})));var Jt=({width:e,children:o,active:t,duration:r=400,...n})=>b.createElement(Center,{width:`${t?e:0}px`,opacity:t?1:0,transition:`all ${r}ms ease-in-out`,overflow:"hidden",...n},o);var is=(e,o)=>b.createElement(Flex,{ref:o,bg:"background.100",p:3,borderRadius:6,boxShadow:"1px 1px 4px #00000066",...e}),Le=forwardRef(is);var W=()=>useColorModeValue("#00000033","#ffffff33");var Zt=({viewText:e="View",hideText:o="Hide",onClick:t,isOpen:r,color:n})=>b.createElement(IconButton,{icon:r?b.createElement(ChevronUpIcon,{width:5,height:5}):b.createElement(ChevronDownIcon,{width:5,height:5}),"aria-label":r?o:e,variant:"ghost",p:"2px",ml:"auto",size:"xs",fontSize:"xs",borderRadius:"full",_hover:{bg:"blackAlpha.200"},color:n??"#777",onClick:s=>{s.stopPropagation(),t(s);}});var Ko=({header:e,children:o,initExpanded:t=false,nested:r,alwaysExpanded:n,headerProps:s,iconColor:i,footer:l,isOpen:a,onClose:p,onOpen:u,...m})=>{let{isOpen:d,onClose:c,onOpen:f}=useDisclosure({defaultIsOpen:n??t,isOpen:a,onClose:p,onOpen:u}),g=useCallback(y=>{if(y.stopPropagation(),!n){if(d){c();return}f();}},[n,f,c,d]),h=W();return b.createElement(VStack,{spacing:0,borderColor:h,w:"100%",...m},b.createElement(HStack,{borderBottom:d?`1px solid ${h}`:void 0,px:2,spacing:0,w:"100%",...s},b.createElement(Flex,{onClick:g,cursor:"pointer","aria-label":"expand/hide",align:"center",flex:1},typeof e=="string"?b.createElement(Text,{fontWeight:600,color:"gray.500",flex:1},e):b.createElement(e,{isOpen:d,onClose:c})),n?null:b.createElement(Zt,{color:i,onClick:g,isOpen:d})),b.createElement(Box,{w:"100%",borderLeft:r?"4px solid #00000033":void 0},b.createElement(Collapse,{unmountOnExit:true,style:{width:"100%"},in:d},o)),l?b.createElement(l,{isOpen:d,onClose:c}):null)};var Z=({animateOpacity:e,duration:o=300,children:t,in:r=true,onExited:n,...s})=>{let i=useMounted(),[l,a]=useState(0),p=useRef(null),[u,m]=useState(false),d=useMemo(()=>i&&r,[r,i]),c=useMemo(()=>d?l:0,[l,d]),f=useCallback(y=>{a(y.target.scrollHeight);},[]);nr(p,f);let g=useRef(null);useEffect(()=>{g.current&&(clearTimeout(g.current),g.current=null),m(true),g.current=setTimeout(()=>{m(false),n&&!d&&n();},o);},[d,o,n]);let h=useMemo(()=>!u&&d?"height 0ms":e?`height ${o}ms, opacity ${o}ms ease ${d?o:0}ms`:`height ${o}ms`,[e,o,d,u]);return b.createElement(Box,{overflow:"hidden",w:"100%",transition:h,height:`${c}px`,...s},b.createElement(Box,{ref:p,w:"100%",...s},t))};var lg=({children:e,...o})=>{let[t,r]=useState(0),[n,s]=useState(0),i=useRef(null),l=useCallback(a=>{r(a.target.scrollWidth),s(a.target.scrollHeight);},[]);return nr(i,l),b.createElement(Box,{ref:i,...o,width:"100%",height:"100%"},b.createElement(e,{width:t,height:n}))},lr=({children:e,...o})=>{let[t,r]=useState(0),[n,s]=useState(0),i=useRef(null),l=useCallback(p=>{r(p.target.scrollWidth),s(p.target.scrollHeight);},[]);nr(i,l);let a=useMemo(()=>({width:t,height:n}),[t,n]);return b.createElement(Box,{ref:i,...o,width:"100%",height:"100%"},b.createElement(FullSizeContext.Provider,{value:a},e))};var ar=createContext([]),po=()=>useContext(ar),dr=({children:e,views:o})=>{let t=useAuth(n=>n.user),r=useMemo(()=>getUserViews(o,t).map(n=>({view:n,routes:getViewRoutes(n)})),[t,o]);return b.createElement(ar.Provider,{value:r},e)};var ur=b.createContext(false),mr=({children:e})=>b.createElement(ur.Provider,{value:true},e),cr=()=>useContext(ur);var Zo=50,Vs=({view:e,absolute:o})=>{let{path:t,name:r,icon:n,iconScale:s}=e,i=Array.isArray(t)?t[0]:t,l=useColorModeValue(1,1.8),a=useMemo(()=>o?2.4:l,[o,l]),{pathname:p}=useLocation(),u=useColorModeValue("#ffffff33","#00000033"),m=b.createElement(Button,{pointerEvents:p===i?"none":"auto",opacity:p===i?1:.7,width:"100%",height:"100%",borderRadius:0,flexFlow:"column",_hover:{bg:u},variant:"unstyled",display:"flex",alignItems:"center",justifyContent:"center"},b.createElement(Image,{height:`${34*(s??1)}px`,filter:`brightness(${a})${o?" drop-shadow(1px 1px 3px #00000099 )":""}`,src:n,alt:r}));return p===i?b.createElement(Flex,{key:i,flex:1,h:"100%",justify:"center"},m):b.createElement(Link,{key:i,style:{flex:1,display:"flex",height:"100%",justifyContent:"center"},to:i},m)},fr=({selectedView:e,children:o})=>{let t=useColorModeValue("#dedede",palette.gray.dark),r=useColorModeValue("#00000022","#ffffff33"),n=po(),s=useMemo(()=>n.filter(p=>!!p.view.icon),[n]),i=useMemo(()=>!!e?.navBar?.absolute,[e]),l=useMemo(()=>e?.navBar?.backgroundColor??t,[t,e]),a=useMemo(()=>e?.navBar?.borderColor?!!e?.navBar?.borderColor:i?"#ffffff33":r,[r,e,i]);return b.createElement(Flex,{position:"absolute",bottom:0,left:0,bg:l,w:"100%",transition:"all 500ms",h:`${Zo}px`,borderTop:`1px solid ${a}`},b.createElement(Flex,{position:"relative",w:"100%",justify:"space-around",align:"center"},s.map(({view:p})=>b.createElement(Vs,{absolute:i,key:p.name,view:p})),o))};var gr=({message:e})=>{let o=useColorModeValue("gray.600","gray.100");return b.createElement(Flex,{pt:4},b.createElement(Le,null,b.createElement(Text,{color:o},e??"Sorry, something went wrong.")))};var mo=e=>{let o=useColorModeValue("gray.400","gray.400"),t=useColorModeValue("gray.300","gray.600");return b.createElement(CircularProgress,{isIndeterminate:true,trackColor:t,color:o,...e})};var wr=({size:e=30,isLoading:o,speed:t=2,inFeed:r,asset:n})=>{let s=useColorModeValue(n.default,n.dark??n.default),i=useMemo(()=>r?n.dark??n.default:s,[s,n,r]),l=useMemo(()=>({animationData:i,loop:true}),[i]),a=useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]),{View:p,pause:u,play:m,setSpeed:d}=useLottie(l,a);return useEffect(()=>{d(t);},[d,t]),useEffect(()=>{o?m():u();},[o,m,u]),b.createElement(b.Fragment,null,p)},Cr=({size:e=30,isLoading:o,asset:t,inFeed:r})=>{let n=useColorModeValue(t.default,t.dark??t.default),s=useMemo(()=>r?t.dark??t.default:n,[n,t,r]),i=useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]);return b.createElement("img",{src:s,style:i,alt:"loading"})},Ys=({isLoading:e,size:o})=>{let{loading:t}=useAppAssets();return t.lottieJson?b.createElement(wr,{isLoading:e,size:o,asset:t.lottieJson}):t.svg?b.createElement(Cr,{isLoading:e,size:o,asset:t.svg}):null},ve=({isLoading:e,size:o,inFeed:t})=>{let{loading:r}=useAppAssets();return r.lottieJson?b.createElement(wr,{inFeed:t,isLoading:e,size:o,asset:r.lottieJson}):r.svg?b.createElement(Cr,{inFeed:t,isLoading:e,size:o,asset:r.svg}):b.createElement(Text,{color:"red"},"ERROR: No loading animation found")},Fe=({text:e="Loading...",inBox:o,stackProps:t})=>{let r=b.createElement(HStack,{p:2,...t},b.createElement(Ys,{isLoading:true}),b.createElement(Text,{opacity:.8,fontSize:"sm"},e));return o?b.createElement(Le,null,r):r},Be=({isLoading:e,text:o,inFeed:t,...r})=>{let n=useColorModeValue("#ffffffaa","#00000088");return b.createElement(Center,{pos:"absolute",top:0,left:0,right:0,bottom:0,bg:n,pointerEvents:e?"auto":"none",opacity:e?1:0,...r},o?b.createElement(Fe,{text:o}):b.createElement(ve,{inFeed:t,size:100,isLoading:e}))};var Fr=({loading:e})=>{let o=useRef(null),t=useAuth(n=>n.loading),r=useNavigate();return useEffect(()=>(!e&&!t&&(o.current=setTimeout(()=>{r("/");},1500)),()=>{o.current&&clearTimeout(o.current);}),[e,r,t]),!e&&!t?b.createElement(Center,{minH:"100%",w:"100%"},b.createElement(Le,{maxW:"500px"},b.createElement(HStack,{spacing:3},b.createElement(mo,{size:6}),b.createElement(VStack,{spacing:0,align:"flex-start"},b.createElement(Text,null,"404"),b.createElement(Text,{fontSize:"sm",opacity:.7},"Page not found - redirecting to Home..."))))):b.createElement(Fe,null)};var Tr=390,kr=844,Ir=Tr/kr,cl=({children:e,navBarChildren:o})=>{let{isMobile:t,height:r,width:n}=useScreen(),{contentHeight:s,contentWidth:i}=useMemo(()=>{let x=t?r:kr,F=t?n:Tr;if(t)return {contentHeight:x,contentWidth:F};let S=Math.floor(r*.9),C=Math.floor(n*.9);return x>S?(F=Math.floor(S*Ir),x=S):F>C&&(x=Math.floor(C/Ir),F=C),{contentHeight:x,contentWidth:F}},[t,r,n]),l=useColorModeValue(cssGradients.accentGray,cssGradients.darkGray),a=useLocation(),p=useOutlet(),u=po(),m=useMemo(()=>u.find(x=>!!matchRoutes(x.routes,a)),[u,a]),d=useMemo(()=>m?typeof m.view.path=="string"?m.view.path:m.view.path[0]:"404",[m]),c=useRef(null),f=useRef(null),g=useMemo(()=>!!m?.view?.navBar?.absolute,[m]),h=useMemo(()=>s-(g?0:Zo),[s,g]),y=useMemo(()=>({overlayRef:c,height:s,width:i,absoluteNavBar:g,bodyHeight:h}),[c,s,i,g,h]);return b.createElement(mr,null,b.createElement(MobileFrameProvider,{value:y},b.createElement(Center,{position:"relative",bg:l,w:"100%",height:"100%"},b.createElement(Flex,{bg:"background.100",position:"relative",style:{height:`${s}px`,width:`${i}px`},boxShadow:t?"none":"1px 1px 4px rgba(0,0,0,0.4)",borderRadius:t?0:10,overflow:"hidden",direction:"column",maxH:s},b.createElement(AnimatePresence,null,b.createElement(SwitchTransition,null,b.createElement(CSSTransition,{key:d,nodeRef:f,unmountOnExit:true,classNames:"page",timeout:300},()=>b.createElement(motion.div,{style:{position:"relative",width:"100%",overflow:"hidden"},animate:{height:h,opacity:1,dur:.5,scale:1},initial:{opacity:0,scale:.9,height:h},exit:{opacity:0}},b.createElement(ErrorBoundary,{FallbackComponent:()=>b.createElement(gr,null)},m?p:b.createElement(Fr,null)),e?b.createElement(Box,{height:"100%",w:"100%",position:"absolute",top:0,left:0,pointerEvents:"none"},e):null)))),b.createElement(fr,{selectedView:m?.view},o),b.createElement(Flex,{pos:"absolute",pointerEvents:"none",bottom:0,w:"100%",h:"100%"},b.createElement(Flex,{ref:c,w:"100%",h:"100%",pos:"relative"}))))))},bh=({children:e,navBarChildren:o,views:t})=>b.createElement(dr,{views:t},b.createElement(cl,{navBarChildren:o},e));var Pl="Are you sure? You can't undo this action afterwards.",Il=({confirmActive:e,onCancel:o,onConfirm:t,body:r=Pl,actionName:n="Delete",actionLoading:s,itemName:i})=>{let l=useRef(null);return b.createElement(AlertDialog,{isCentered:true,isOpen:e,leastDestructiveRef:l,onClose:()=>o()},b.createElement(AlertDialogOverlay,null,b.createElement(AlertDialogContent,{gap:0},b.createElement(AlertDialogBody,null,b.createElement(VStack,{align:"flex-start",py:1},b.createElement(Text,{fontSize:"lg",fontWeight:500},n," ",i,"?"),typeof r=="string"?b.createElement(Text,{fontSize:"md"},r):r,b.createElement(HStack,{justify:"flex-end",w:"100%"},b.createElement(Button,{size:"sm",ref:l,onClick:o},"Cancel"),b.createElement(Button,{size:"sm",isLoading:s,color:"white",textShadow:"1px 1px 3px #00000077",bg:"red.500",_dark:{bg:"red.500"},onClick:t},n)))))))},Br=({onDelete:e,itemName:o,noConfirm:t,alertBody:r,text:n,actionName:s="Delete",...i})=>{let[l,a]=useState(false),[p,u]=useState(false),m=useRef(null),d=useRef(true);useEffect(()=>(d.current=true,()=>{d.current=false;}),[]);let c=useToast(),f=useCallback(async()=>{if(m.current&&clearTimeout(m.current),u(false),e){a(true);try{await e();}catch(g){console.error(g),c({title:"Error",description:g.message??"An error occurred",status:"error",duration:5e3,isClosable:true});}d.current&&a(false);}else console.error("No delete function");},[e,c]);return b.createElement(b.Fragment,null,n?b.createElement(Button,{variant:"ghost",size:i.size??"md","aria-label":"delete",_hover:{color:"red.600",bg:"red.200"},color:"red.600",onClick:g=>{g.stopPropagation(),t?f():u(true);},isLoading:l,...i},b.createElement(Flex,{align:"center",gap:1},b.createElement(DeleteIcon,null),b.createElement(Text,null,n))):b.createElement(IconButton,{variant:"ghost",size:i.size??"sm","aria-label":s,_hover:{color:"red.600",bg:"red.200"},color:"red.500",borderRadius:"full",icon:b.createElement(DeleteIcon,null),onClick:g=>{g.stopPropagation(),t?f():u(true);},isLoading:l,...i}),t?null:b.createElement(Il,{confirmActive:p,onCancel:()=>u(false),actionLoading:l,onConfirm:()=>{f();},actionName:s,body:r,itemName:o}))};var Bl=({selected:e,option:{Render:o,label:t,disabledMessage:r},size:n,...s})=>{let i=b.createElement(Box,null,b.createElement(IconButton,{variant:"unstyled",w:`${n}px`,h:`${n}px`,minW:0,borderRadius:0,outline:"none",display:"flex",alignItems:"center",justifyContent:"center",opacity:r?.6:1,filter:r?"grayscale(1)":"none",bg:e?"whiteAlpha.500":"blackAlpha.100",_dark:{bg:e?"blackAlpha.500":"whiteAlpha.200"},icon:o(e),pointerEvents:e?"none":"auto","aria-label":t,...s}));return b.createElement(Tooltip,{label:r??t,"aria-label":t},i)},Ar=({value:e,onChange:o,size:t=28,options:r})=>{let n=W();return b.createElement(Flex,{bg:"whiteAlpha.300",_dark:{bg:"blackAlpha.300"},border:`1px solid ${n}`,borderRadius:3},r.map((s,i)=>b.createElement(Bl,{key:s.id,onClick:()=>{o(s.id);},option:s,size:t,borderLeftRadius:i?0:3,borderRightRadius:i===r.length-1?3:0,selected:s.id===e,borderLeft:i?`1px solid ${n}`:"none"})))};var Or=createContext({}),Dr=({curr:e,children:o})=>{let t=useMemo(()=>({curr:e}),[e]);return b.createElement(Or.Provider,{value:t},o)},zl=()=>useContext(Or);var Hr=({src:e,onClose:o})=>{let[t,r]=useState(true),n=useScreen(d=>d.width),s=useScreen(d=>d.height),[i,l]=useState({width:n/2,height:s/2}),{height:a,width:p}=useMemo(()=>{if(t)return i;let d=i.width/i.height,c=Math.min(i.height,s*.9),f=c*d;return f>n*.9&&(f=Math.min(i.width,n*.9),c=f/d),{height:c,width:f}},[s,n,i,t]),u=useCallback(()=>r(true),[]),m=useCallback(d=>{let{naturalWidth:c,naturalHeight:f}=d.currentTarget;l({width:c,height:f}),r(false);},[]);return b.createElement(Modal,{size:"full",isOpen:true,onClose:o},b.createElement(ModalOverlay,{bg:"blackAlpha.700"}),b.createElement(ModalContent,{style:{background:"transparent"},pointerEvents:"none",width:"100%",height:"100%"},b.createElement(Center,{pointerEvents:"none",position:"fixed",p:[4,6,8],top:0,left:0,right:0,bottom:0,zIndex:4},b.createElement(Center,{opacity:t?0:1,transition:"all 500ms",overflow:"hidden",w:`${p}px`,height:`${a}px`},b.createElement(Image,{onLoadStart:u,onLoad:m,transition:"opacity 300ms",height:"100%",objectFit:"contain",borderRadius:4,src:e})),b.createElement(IconButton,{borderRadius:"full",position:"absolute",top:4,right:4,"aria-label":"close",icon:b.createElement(CloseIcon,null),onClick:o})),b.createElement(Center,{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",opacity:t?1:0,transition:"opacity 300ms"},b.createElement(ve,{isLoading:t,size:70}))))};var Nr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",Gr=({src:e,loadingOverride:o,alt:t,onLoad:r,width:n,height:s,noFullView:i,buttonFullView:l,imageProps:a,...p})=>{let[u,m]=useState(!!e),d=useRef(null),[c,f]=useState(false),g=useMounted(100);useEffect(()=>{d.current?.complete&&m(true);},[d]);let h=useCallback(S=>{m(false),r&&r(S);},[r]),[y,x]=useState(e);useEffect(()=>{e&&x(e);},[e,y]);let F=u||!!o;return b.createElement(Center,{opacity:g?1:0,transition:"opacity 333ms",w:n??"100%",h:s??"100%",overflow:"hidden",position:"relative",...p},b.createElement(Image,{src:e??Nr,alt:t,onClick:i||l?void 0:()=>f(true),onLoad:h,onLoadStart:()=>m(true),top:0,left:0,cursor:i||l?"default":"pointer",draggable:false,opacity:e&&!F?1:0,transition:"opacity 300ms ease-in-out",w:"100%",h:"100%",objectFit:e?"cover":"contain",zIndex:0,...a}),l?b.createElement(IconButton,{pos:"absolute",top:2,right:2,zIndex:1,w:7,minW:0,borderRadius:10,h:7,size:"sm","aria-label":"View Image",icon:b.createElement(Image,{height:"20px",src:"/icons/open_in_full.svg",opacity:.8,filter:"brightness(300%) drop-shadow(1px 1px 3px #00000066)"}),onClick:()=>f(true)}):null,b.createElement(Center,{pos:"absolute",top:0,left:0,zIndex:2,pointerEvents:"none",transition:"opacity 0.5s ease-in-out",opacity:F||!e?1:0,w:"100%",h:"100%"},b.createElement(ve,{isLoading:F,size:"60%"})),c?b.createElement(Hr,{src:e??Nr,onClose:()=>f(false)}):null)};var ex=({value:e,label:o,onChange:t})=>{let r=useToast(),[n,s]=useState(false),i=useCallback(l=>{let a=Math.max(0,1e3-(Date.now()-l));setTimeout(()=>{s(false);},a);},[]);return b.createElement(Flex,{py:1,pr:2,pl:3,bg:"gray.700",borderRadius:12,boxShadow:"0 0 4px black",pos:"relative",align:"center"},b.createElement(Flex,{opacity:n?0:1,transition:`opacity 300ms ${n?"ease-out":"ease-in"}`,pointerEvents:n?"none":"auto",align:"center",gap:2},b.createElement(Text,{style:{fontSize:"1.2rem",height:"24px"}},o),b.createElement(Switch,{size:"md",isChecked:e,onChange:l=>{s(true);let a=Date.now();t(l.target.checked).catch(p=>{console.error(p),r({title:"Error",description:p?.message??"Error occurred",status:"error",duration:5e3,isClosable:true});}),i(a);}})),b.createElement(Center,{opacity:n?1:0,transition:`opacity 300ms ${n?"ease-in":"ease-out"}`,pointerEvents:n?"auto":"none",pos:"absolute",top:"-10%",left:"-10%",w:"120%",borderRadius:8,p:1,gap:2,h:"120%"},b.createElement(Fe,null)))};var lt={damping:25,stiffness:200,bounce:.5},ee=75,se=100;var Yr=e=>e==="current"?1:0,da=(e,o)=>{let{width:t}=o;return e==="current"?0:e==="next"?t:e==="prev"?-t:0},at=(e,o)=>{let{height:t}=o;return e==="current"?0:e==="next"?t*1.1:e==="prev"?-t*1.1:0},Xr=({id:e,collectionPath:o,onItemLoad:t,RenderItem:r,status:n,offsetY:s,enterStatus:i})=>{let l=useMobileFrame(),a=useSpring(0,lt),p=useMotionValue(at(i??"next",l)),u=useTransform(()=>p.get()+s.get()),m=useSpring(u,lt),d=useMemo(()=>`${o}/${e}`,[o,e]),{data:c}=useDocument(d,t),f=useRef({contentSize:l,status:i??n,y:at(i??n,l),scale:Yr(i??n)});return useEffect(()=>{let g=Yr(n),h=da(n,l);p.set(h),a.set(g);},[n,p,a,l]),b.createElement(motion.div,{initial:{x:0,y:f.current.y,scale:f.current.scale},style:{position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"none",userSelect:"none",height:"100%",y:m,scale:a,opacity:a,width:"100%"},exit:{opacity:0,scale:0,x:0,y:at(i==="next"?"prev":"next",l)}},c?r(c):null)};var ca=10,Kr=(e,o,t=ca,r=false)=>{let[n,s]=useState([null,null,null]),[i,l]=useState(0),a=useAuth(I=>I.user),[p,u]=useState(false),[m,d]=useState(false),[c,f]=useState(null),[g,h]=useState(false),[y,x]=useState(null),F=useToast(),S=useRef(null),C=useRef({prev:null,curr:null,next:null}),T=useCallback(I=>{I&&(C.current.prev===I&&(C.current.prev=null),C.current.next===I&&(C.current.next=null)),C.current.curr=I,o({...C.current});},[o]),E=useCallback(I=>{I&&(C.current.prev===I&&(C.current.prev=null),C.current.curr===I&&(C.current.curr=null)),C.current.next=I,o({...C.current});},[o]),z=useCallback(I=>{I&&(C.current.curr===I&&(C.current.curr=null),C.current.next===I&&(C.current.next=null)),C.current.prev=I,o({...C.current});},[o]),O=useCallback(async(I,V,k)=>{if(!a&&r)return [];k||u(true);try{let v=await e({limit:t,startAfter:V,startBefore:I});if(k)V?s(M=>[M[0],M[1],v.ids]):I&&s(M=>[v.ids,M[1],M[2]]);else {let M=v.ids[0],J=v.ids[1]||null;T(M),E(J),z(V),s(V?X=>[X[1],v.ids,null]:I?X=>[null,v.ids,X[1]]:[null,v.ids,null]);let Y=v.ids[v.ids.length-1];Y&&O(null,Y,!0);}return u(!1),v.ids||[]}catch(v){f(v.message),F({title:"Error fetching feed",description:v.message,status:"error",duration:9e3,isClosable:true});}return u(false),[]},[e,F,a,r,T,E,z,t]),L=useCallback(async(I,V)=>{let k=n[1]??[],v=n[2]??[],M=I+1;if(M<k.length)return {id:k[M],idx:M};if(v[0]){let X=v[v.length-1];return V||(s(qt=>[qt[1],qt[2],null]),O(null,X,true)),{id:v[0],idx:0}}let Y=(await O(null,k[k.length-1],V))[0];return Y?{id:Y,idx:0}:null},[n,O]),N=useCallback(async(I,V)=>{let k=n[1]??[],v=n[0]??[],M=I-1;if(M>=0)return {id:k[M],idx:M};if(v[v.length-1]){let X=v[0];return V||(s([null,n[0],n[1]]),O(X,null,true)),{id:v[v.length-1],idx:v.length-1}}let J=await O(k[0],null,V),Y=J[J.length-1];return Y?{id:Y,idx:J.length-1}:null},[n,O]),D=useCallback(async()=>{if(g)return;let I=C.current.curr;h(true);let V=await L(i,false);if(x("next"),V){let{id:k,idx:v}=V;S.current=k,l(v),T(k),E(null),z(I),L(v,true).then(M=>E(M?.id??null));}else F({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,L,T,E,z,F,g]),U=useCallback(async()=>{if(g)return;let I=C.current.curr;x("prev"),h(true);let V=await N(i,false);if(V){let{id:k,idx:v}=V;S.current=k,l(v),T(k),z(null),E(I),N(v,true).then(M=>z(M?.id??null));}else F({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,N,T,E,z,F,g]),ce=useCallback(async()=>{u(true),d(true),s([null,null,null]),T(null),E(null),z(null),x(null),l(0),await O(null,null,false),d(false);},[O,T,E,z]),[ke]=useState(()=>O);useEffect(()=>{ke(null,null,false);},[ke]);let Me=useMemo(()=>i>0&&!!n[1]?.length||!!n[0]?.length,[n,i]),we=useMemo(()=>(n[1]&&i<n[1].length)??!!n[2]?.length,[n,i]);return useMemo(()=>({ids:n,goNext:D,goPrev:U,error:c,refresh:ce,refreshing:m,loading:p,canGoNext:we,direction:y,canGoPrev:Me,itemLoading:g}),[n,D,U,p,c,g,we,Me,ce,m,y])};var ga="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",co=({background:e,...o})=>b.createElement(Center,{position:"absolute",top:"0",left:"0",opacity:e?.7:0,transition:"opacity 500ms",right:"0",bottom:"0",zIndex:0,transform:"scale(1.075)",pointerEvents:"none",backgroundImage:`url(${e??ga})`,backgroundSize:"cover",backgroundPosition:"center",...o,filter:o.filter??"blur(15px) brightness(70%)"}),ha=({getBackgroundValue:e,item:o,filter:t})=>{let r=useMemo(()=>o?e(o):null,[e,o]),{loading:n,url:s}=useObjectUrl(r),i=useRef(0),[l,a]=useState(0),[p,u]=useState(null),[m,d]=useState(null);return useEffect(()=>{i.current===0?(u(s),i.current=1,a(0)):(d(s),i.current=0,a(1));},[s]),b.createElement(Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b.createElement(co,{filter:t,opacity:l===0?1:0,background:p}),b.createElement(co,{filter:t,opacity:l===1?1:0,background:m}),b.createElement(ve,{isLoading:n}))},xa=({getBackgroundUrl:e,item:o,filter:t})=>{let r=useMemo(()=>o?e(o):null,[e,o]),n=useRef(0),[s,i]=useState(0),[l,a]=useState(null),[p,u]=useState(null);return useEffect(()=>{r&&(n.current===0?(a(r),n.current=1,i(0)):(u(r),n.current=0,i(1)));},[r]),b.createElement(Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b.createElement(co,{filter:t,opacity:s===0?1:0,background:l}),b.createElement(co,{filter:t,opacity:s===1?1:0,background:p}))},Rr=({getBackgroundValue:e,getBackgroundUrl:o,...t})=>e?b.createElement(ha,{getBackgroundValue:e,...t}):o?b.createElement(xa,{getBackgroundUrl:o,...t}):null;var Ca=se-ee,tn=({offsetY:e,refreshing:o,canRefresh:t})=>{let r=useTransform(e,p=>Math.max(0,p-ee)/Ca),n=useSpring(0),s=useSpring(0);useEffect(()=>{o?n.set(50):n.set(0);},[o,n]),useEffect(()=>{t?s.set(1):s.set(0);},[s,t]);let i=useTransform(()=>s.get()*Math.min(20,Math.max(0,n.get()+r.get()**.5*20))),l=useTransform(i,p=>s.get()*Math.min(1,Math.max(0,p/30))),a=useTransform(()=>s.get()*r.get()*180);return b.createElement(motion.div,{style:{opacity:l,pointerEvents:"none",y:i,position:"absolute",top:0,left:0,right:0,height:"auto",scale:l,rotate:a}},b.createElement(Center,{w:"100%"},b.createElement(RepeatIcon,{opacity:o?0:1,transition:`opacity 300ms ease ${o?0:300}ms`,w:8,h:8,color:"white",filter:"drop-shadow(1px 1px 3px #000000aa)"}),b.createElement(mo,{size:8,position:"absolute",isIndeterminate:true,opacity:o?1:0,transition:`opacity 300ms ease ${o?300:0}ms`})))};var Pa=e=>useCallback(o=>{let t=[];o.prev&&t.push({status:"prev",id:o.prev}),o.curr&&t.push({status:"current",id:o.curr}),o.next&&t.push({status:"next",id:o.next}),e(t);},[e]),Gx=({fetch:e,collection:o,RenderItem:t,authRequired:r,getBackgroundUrl:n,getBackgroundValue:s,limit:i,defaultBackground:l,swipeDisabled:a,children:p})=>{let{width:u,height:m}=useMobileFrame(),d=useRef(null),c=useRef(null),[f,g]=useState(null),[h,y]=useState([]),x=useMotionValue(0),F=Pa(y),S=useRef(null),{goNext:C,goPrev:T,loading:E,canGoNext:z,canGoPrev:O,refresh:L,refreshing:N}=Kr(e,F,i,r),D=useRef(false),U=useRef({x:0,y:0}),ce=useCallback(k=>{if(a)return;D.current=true,U.current={x:k.clientX,y:k.clientY};let v=M=>{let J=O?ee:se,Y=z?-75:-100,X=Math.max(Y,Math.min(J,M.clientY-U.current.y));d.current&&d.current.style.setProperty("pointer-events","auto"),z&&X<-65?(g("next"),C()):O&&X>ee-10?(g("prev"),T()):(X>se-10||X<-90)&&(L(),S.current&&S.current.onNewData(null)),x.set(0),D.current=false,window.removeEventListener("pointerup",v);};window.addEventListener("pointerup",v);},[x,C,T,z,O,L,a]),ke=useCallback(k=>{requestAnimationFrame(()=>{if(D.current){let v=Math.max(-10,Math.min(10,k.clientX-U.current.x)),M=O?ee:se,J=z?-75:-100,Y=Math.max(J,Math.min(M,k.clientY-U.current.y));Math.sqrt(v**2+Y**2)>10&&d.current&&d.current.style.setProperty("pointer-events","none"),x.set(Y);}});},[x,z,O]),Me=useMemo(()=>({height:`${m}px`,width:`${u}px`,overflow:"hidden",pointerEvents:a?"none":"auto"}),[u,m,a]),[we,I]=useState(null),V=useCallback(k=>{h.find(M=>M.status==="current")?.id===k?._id&&I(k);},[h]);return b.createElement(Dr,{curr:we},b.createElement(Center,{background:l??"background.100",style:{touchAction:"none"},userSelect:"none",position:"relative",w:"100%",h:"100%",overflow:"hidden",onPointerDown:ce,onPointerMove:ke},b.createElement(Rr,{item:we,getBackgroundValue:s,getBackgroundUrl:n}),b.createElement("div",{ref:c,style:Me},b.createElement(Center,{ref:d,h:"100%",w:"100%"},h.map(k=>b.createElement(Xr,{key:k.id,id:k.id,collectionPath:o,RenderItem:t,onItemLoad:V,status:k.status,enterStatus:f,offsetY:x})))),b.createElement(tn,{canRefresh:!O,refreshing:N,offsetY:x}),b.createElement(Be,{inFeed:true,zIndex:2,bg:"transparent",pointerEvents:"none",isLoading:E}),p?b.createElement(Center,{position:"absolute",bottom:"0",left:"0",right:"0",zIndex:3,pointerEvents:"none"},p):null))};var xo=({path:e,condition:o,children:t})=>{let r=useWatch({exact:true,name:e});return useMemo(()=>o(r),[r,o])?b.createElement(Z,{py:"3px",animateOpacity:true,in:true},t):null};var Oa=({field:e,input:{onChange:o,value:t,...r}},n)=>{let{placeholder:s}=e;return useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Checkbox,{isChecked:t,onChange:i=>o(i.target.checked),...r},s)},Da=forwardRef(Oa),Ea=({field:e,input:{onChange:o,value:t,...r}},n)=>{let{placeholder:s}=e;return useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Flex,{gap:1,align:"center"},b.createElement(Switch,{isChecked:t,onChange:i=>o(i.target.checked),...r}),b.createElement(Text,{fontWeight:600,opacity:t?.9:.6},s))},za=forwardRef(Ea),Va=(e,o)=>e.field.type==="switch"?b.createElement(za,{ref:o,...e}):b.createElement(Da,{ref:o,...e}),nn=forwardRef(Va);var bo=(e,o,t)=>{let r=useRef(null);return useImperativeHandle(e,()=>({focus:(()=>r.current?.focus()),blur:(()=>r.current?.blur())})),r};var ft=({children:e,color:o,background:t,boxProps:r,...n})=>b.createElement(Box,{background:t,...r},b.createElement(Text,{cursor:"default",className:"gradient-text",background:o,...n},e));var yo=({label:e,stackProps:o,gradient:t,value:r,min:n,max:s,...i})=>{let l=t?gradientToCssGradientProp(t):null;return b.createElement(HStack,{opacity:r!==void 0?1:.5,_hover:{opacity:1},transition:"all 500ms",spacing:2,width:"100%",align:"center",...o},b.createElement(HStack,{w:"100%",align:"center"},n!==void 0&&l?b.createElement(ft,{fontSize:"sm",color:l},typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,n!==void 0&&!l?b.createElement(Text,null,typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,b.createElement(Slider,{min:n,max:s,step:1,"aria-label":e,flex:1,...i},b.createElement(SliderTrack,{bg:"gray.400"},b.createElement(SliderFilledTrack,{bg:l??"blackAlpha.500"})),b.createElement(Tooltip,{bg:"gray.100",color:"gray.500",placement:"top",hasArrow:true,label:typeof r=="number"?r.toFixed(0):""},b.createElement(SliderThumb,{width:2,height:4}))),s!==void 0&&l?b.createElement(ft,{fontSize:"sm",color:l},typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null,s!==void 0&&!l?b.createElement(Text,null,typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null))};var Co=({label:e,stackProps:o,gradient:t,value:r,...n})=>b.createElement(yo,{label:e,value:r,min:0,step:1,max:255,stackProps:{width:"100%",...o},gradient:t,...n}),pn=forwardRef(({input:{onChange:e,value:o},field:t,meta:r},n)=>{let{withAlpha:s,defaultValue:i}=t,{active:l}=r||{};bo(n);let a=useCallback((m,d)=>{e(s?{r:0,g:0,b:0,a:1,...o,[m]:d}:{r:0,g:0,b:0,...o,[m]:d});},[o,e,s]),p=useMemo(()=>({...i,...o}),[i,o]),u=useMemo(()=>colorValueToHex(!!s,p),[p,s]);return b.createElement(HStack,{w:"100%"},b.createElement(Box,{boxShadow:"inset 0 0 12px rgba(255,255,255,0.4), 0 0 4px rgba(0,0,0,0.4)",p:2,bg:"blackAlpha.800",borderRadius:"full"},b.createElement(Center,{transition:"background 300ms",bg:u,width:"80px",h:"80px",borderRadius:"full"},b.createElement(Text,{style:{fontSize:"1.3rem"}},u))),b.createElement(VStack,{spacing:1,flex:1,px:2,align:"flex-start",borderRadius:6,transition:"all 400ms",boxShadow:`0 0 5px ${l?"#ffffff":"transparent"}`},b.createElement(Co,{label:"R",gradient:gradients.red,defaultValue:i.r,value:o?.r,onChange:m=>a("r",m)}),b.createElement(Co,{label:"G",defaultValue:i.g,gradient:gradients.green,value:o?.g,onChange:m=>a("g",m)}),b.createElement(Co,{label:"B",gradient:gradients.blue,defaultValue:i.b,value:o?.b,onChange:m=>a("b",m)}),s?b.createElement(Co,{label:"A",gradient:gradients.midnight,defaultValue:1,value:o?.a,onChange:m=>a("a",m)}):null))});var gt=(e,o)=>{let t=`${e}`;for(let r=t.length;r<o;r+=1)t=`0${t}`;return t},ht=e=>e?`${gt(e.getFullYear(),4)}-${gt(e.getMonth()+1,2)}-${gt(e.getDate(),2)}`:void 0,Ye=forwardRef((e,o)=>{let{input:t,field:{placeholder:r,minDate:n,maxDate:s,optional:i},meta:{active:l}}=e,{onChange:a,value:p,onFocus:u,onBlur:m}=t,d=useMemo(()=>p?new Date(`${p}T00:00:00.000`):new Date,[p]),c=useMemo(()=>{let f=[];return n!==void 0&&f.push({to:n==="now"?new Date:new Date(n),from:new Date(0)}),s!==void 0&&f.push({from:s==="now"?new Date:new Date(s),to:new Date(1/0)}),f},[n,s]);return useImperativeHandle(o,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Popover,{isOpen:l,onOpen:u,onClose:m,closeDelay:100,placement:"bottom"},b.createElement(PopoverTrigger,null,b.createElement(Button,{w:"100%",fontFamily:"Public Sans",fontWeight:"normal",alignItems:"center",_hover:{bg:"#efefef"},lineHeight:1,variant:"outline"},b.createElement(Text,{fontSize:"md",height:"16px",align:"left",flex:1},p?getDateString(p,"short"):r),b.createElement(Image,{src:"/svg/calendar.svg",height:"20px"}))),b.createElement(Portal,null,b.createElement(PopoverContent,{zIndex:2,onFocus:u},b.createElement(PopoverArrow,null),b.createElement(DayPicker,{required:!i,disabled:c,styles:{caption:{fontFamily:"Public Sans",fontWeight:"400",fontSize:"0.9rem",color:"#555"},head:{fontFamily:"Public Sans"},nav:{fontFamily:"Public Sans"}},modifiersStyles:{selected:{background:"#454545"}},mode:"single",selected:d,onSelect:f=>a(ht(f))}))))});Ye.displayName="DateInput";var Xe=forwardRef(({field:e,input:o},t)=>(useImperativeHandle(t,()=>({focus:()=>{},blur:()=>{}})),b.createElement(Input,{fontFamily:"Public Sans",css:`
           ::-webkit-calendar-picker-indicator {
             background: url(/svg/clock.svg) center/80% no-repeat;
             color: white;
           }
-        `,fontSize:"md",type:"time",placeholder:e.placeholder,...o,value:o.value??""})));Xe.displayName="TimeInput";var hd=e=>{if(!e)return {date:void 0,time:void 0};let o=new Date(e);return {date:gt(o),time:o.toTimeString().substring(0,5)}},xt=forwardRef(({input:{value:e,onBlur:o,onChange:t,onFocus:r}},n)=>{let[{date:s,time:i},l]=useState(hd(e)),[a,p]=useState(null),u=useCallback((d,c)=>{d==="date"?(l({date:c,time:i}),c&&i&&t(new Date(`${c}T${i}`).getTime())):(l({time:c,date:s}),c&&s&&t(new Date(`${s}T${c}:00.000`).getTime()));},[s,i,t]);useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}}));let m=useMemo(()=>({active:a==="date",error:void 0,touched:false}),[a]);return b.createElement(HStack,{w:"100%"},b.createElement(Ye,{field:{_type:"date",placeholder:"Date"},input:{value:s,onChange:d=>{u("date",d);},onBlur:()=>{p(null),o();},onFocus:()=>{p("date"),r();}},meta:m}),b.createElement(Xe,{field:{_type:"time",placeholder:"Time"},input:{value:i,onChange:d=>u("time",d.target.value),onBlur:()=>{p(null),o();},onFocus:()=>{p("time"),r();}},meta:m}))});xt.displayName="DateTimeInput";var Qe=create(()=>({isPlaying:false,media:null,isLoading:false,fetchingMedia:null,shuffle:false,playlist:null,volume:.5,repeat:false,api:{pause:()=>{},play:()=>{},canGoNext:false,canGoPrev:false,goNext:()=>{},goPrev:()=>{},seek:()=>{},sound:null,trackProgress:new MotionValue(0),setMedia:()=>{},stop:()=>{},loop:()=>{}}})),pn=()=>{let{media:e,playlist:o}=Qe();return useMemo(()=>o?o.currentId!==null?o.items.find(t=>t.id===o.currentId)??null:null:e,[o,e])};var mn=({media:e,size:o=50,opacity:t=.8,buttonProps:r})=>{let{id:n}=e??{},{playlist:s}=usePlaylist(),i=Qe(d=>d.api),l=Qe(d=>d.isPlaying),a=Qe(d=>d.isLoading),p=pn(),u=l&&p?.id===n,m=a&&p?.id===n;return b.createElement(IconButton,{boxShadow:"md",p:1,height:`${o}px`,width:`${o}px`,minW:"0",minH:"0",borderRadius:"full",isLoading:m,"aria-label":"play/pause",onClick:d=>{d.stopPropagation(),e&&(p?.id===n?l?i.pause():i.play():s?i.setMedia({playlist:{...s,currentId:n??null}}):i.setMedia({media:e}));},style:{background:"#eee"},...r,icon:b.createElement(Center,{borderRadius:"full",height:`${o}px`,width:`${o}px`},b.createElement(Image,{opacity:u?t:0,width:"100%",transition:"all 0.2s ease-in-out",src:"/svg/pause.svg",filter:"invert(100%) drop-shadow(0 0 4px black)",transform:`scale(${u?.8:1})`}),b.createElement(Image,{position:"absolute",width:"100%",opacity:u?0:t,transition:"all 0.2s ease-in-out",filter:"invert(100%) drop-shadow(0 0 3px black)",src:"/svg/play.svg",transform:`scale(${u?1:.8})`}))})};var Od=e=>{if(!e.accept)return;let o=[];return e.accept.includes("image")&&o.push("image/jpg","image/jpeg","image/png","image/svg","image/gif"),e.accept.includes("pdf")&&o.push("application/pdf"),e.accept.includes("audio")&&o.push("audio/mp3","audio/wav","audio/x-wav","audio/webm","audio/ogg"),o.join(",")},Dd=({hasUpload:e,value:o,noLabel:t})=>{let r=useMemo(()=>({id:generateId(),title:o.filename||"Uploaded file",artistName:"",artistId:"",storageDir:"",producerId:"",songwriterId:""}),[o]);return b.createElement(VStack,null,b.createElement(HStack,{spacing:4},b.createElement(mn,{withThumbnail:true,media:r}),e?b.createElement(IconButton,{w:"40px",h:"40px",p:2,borderRadius:"full",boxShadow:"0 0 4px black","aria-label":"upload",icon:b.createElement(Image,{filter:"invert(100%)",src:"/svg/upload.svg",opacity:.8})}):null),!t&&o.filename?b.createElement(Text,{fontSize:"md"},o.filename||"Uploaded file"):null)},Ed=({value:e,options:o,hasUpload:t,loading:r})=>{let[n,s]=useState(false),{url:i,loading:l}=useObjectUrl(e),[a,p]=useState({width:0,height:0}),{shape:u,placeholder:m,objectFit:d,noFullView:c,background:f}=o??{},{src:g,opacity:h,scale:y}=m??{},x=useImageSize(o,a),{width:F,height:S}=x??{},v=useMemo(()=>n?i?1:h??.8:0,[n,i,h]),T=useMemo(()=>i?{objectFit:d??(n&&u?"cover":"contain"),onLoad:L=>{s(true),p({width:L.currentTarget.naturalWidth,height:L.currentTarget.naturalHeight});}}:{width:x?`${x.width*(y??.9)}px`:"auto",height:x?`${x.height*(y??.9)}px`:"80px"},[i,x,y,n,u,d]),E=!!r||l,z=typeof F=="number"?`${F}px`:"auto",O=typeof S=="number"?`${S}px`:"100px";return b.createElement($r,{width:z,height:O,noFullView:t??c,overflow:"hidden",borderRadius:u==="circle"?"full":4,boxShadow:u?"1px 1px 3px #00000066":"none",opacity:v,background:f,transition:"opacity 333ms ease",loadingOverride:E,imageProps:T,src:i??g})},zd={txt:"/icons/description.svg",pdf:"/icons/pdf.svg",zip:"/icons/zip.svg","7z":"/icons/zip.svg",rar:"/icons/zip.svg"},Hd=({value:e})=>{let o=useMemo(()=>{if(!e)return "";let n=e.filename.split(".");return n[n.length-1]},[e]),t=zd[o],r=useColorModeValue("invert(0)","invert(1)");return t?b.createElement(Image,{filter:o!=="pdf"?r:"none",h:"24px",src:t}):null},Vd=({value:e,noLabel:o,imageOptions:t,loading:r,hasUpload:n})=>{switch(useMemo(()=>e.type?.split("/")?.[0],[e])){case "image":return b.createElement(Ed,{hasUpload:n,loading:r,options:t,value:e});case "audio":return b.createElement(Dd,{noLabel:o,value:e,hasUpload:n});case "pdf":return b.createElement(Image,{src:"/icons/pdf.svg"});default:return b.createElement(Flex,{gap:2},b.createElement(Hd,{value:e}),b.createElement(Text,null,e.filename))}},_d=({hasUpload:e,imageOptions:o})=>{let t=useImageSize(o),{shape:r,placeholder:n}=o??{},{src:s,scale:i,opacity:l}=n??{},{width:a,height:p}=t??{},u=useColorModeValue("invert(0)","invert(1)"),m=useColorModeValue("whiteAlpha.500","whiteAlpha.100"),d=W(),c=o?b.createElement(Center,{height:r?`${p}px`:"auto",width:r?`${a}px`:"auto",bg:r?m:"transparent",borderRadius:r==="circle"?"full":4,overflow:"hidden",boxShadow:r?"1px 1px 4px #00000055":"none"},b.createElement(Image,{filter:u,opacity:l,height:typeof p=="number"?`${p*(i??.6)}px`:"50px",src:s??"/icons/image.svg"})):b.createElement(Text,{border:"1px dashed",borderColor:d,p:3,fontSize:"sm",textAlign:"center",w:"100%",opacity:.8},e?"Click to upload or drop file here":"No file uploaded");return b.createElement(Center,{width:typeof a=="number"?`${a}px`:"auto",height:typeof p=="number"?`${p}px`:"auto"},c)},Io=({value:e,hasUpload:o,noLabel:t,loading:r,imageOptions:n})=>{let{storagePath:s,dataUrl:i}=e??{},l=useMemo(()=>!i&&!s,[i,s]);return !e||l?b.createElement(_d,{hasUpload:o,imageOptions:n}):b.createElement(Vd,{loading:r,imageOptions:n,noLabel:t,hasUpload:o,value:e})},yt=forwardRef(({input:{value:e,onChange:o},field:t},r)=>{let{imageOptions:n}=t||{},s=useRef(null),i=useCallback(p=>{let u=p.target.files?.[0];u&&(e?.dataUrl&&URL.revokeObjectURL(e.dataUrl),o({...e,dataUrl:URL.createObjectURL(u),type:u.type,filename:u.name}));},[o,e]);useImperativeHandle(r,()=>({focus:()=>{s.current?.click();},blur:()=>{s.current?.blur();}}));let l=useMemo(()=>t.accept&&t.accept.length===1&&t.accept[0]==="image",[t]),a=useMemo(()=>l||e?.type?.startsWith("image/")||e?.type?.startsWith("video/")?{height:120,...n,objectFit:"contain"}:void 0,[n,l,e]);return b.createElement(Center,{flexFlow:"column",position:"relative",cursor:"pointer",onClick:()=>s.current?.click(),width:"100%"},b.createElement(Text,{fontSize:"sm",opacity:.8,mb:1},t.placeholder),b.createElement(Center,{width:"100%",position:"relative",p:2,overflow:"hidden"},b.createElement(Io,{hasUpload:true,imageOptions:a,value:e}),b.createElement("input",{onChange:i,ref:s,accept:Od(t),type:"file",style:{position:"absolute",pointerEvents:"none",height:.1,width:.1,opacity:0}})))});yt.displayName="FileComponent";var hn=forwardRef(({field:e,input:o,inEditable:t},r)=>{let{options:n,renderOption:s,getOptionKey:i}=e,{onChange:l,value:a,onFocus:p,onBlur:u}=o,{colorMode:m}=useColorMode();useImperativeHandle(r,()=>({focus:()=>{p();},blur:()=>{u();}}));let d=b.createElement(Flex,{w:"100%",flexFlow:"row wrap"},n.map(c=>b.createElement(Box,{key:i?i(c):c,p:.5},b.createElement(Button,{w:"100%",minH:0,size:"xs",p:0,opacity:a?.includes(c)?1:.7,variant:"unstyled",onClick:f=>{f.stopPropagation(),l(a?.includes(c)?a.filter(g=>g!==c):[...a??[],c]);},_hover:{opacity:.8}},b.createElement(s,{value:c,colorMode:m,isSelected:!!a?.includes(c)})))));return t?b.createElement(Flex,{py:.5,flexFlow:"column",w:"100%"},b.createElement(Text,{lineHeight:1,px:2,opacity:.8,fontSize:"sm",fontWeight:600},e.placeholder),d):d});var Xd={xs:.25,sm:.35,md:.5,lg:.5,xl:.5},Qd={xs:.5,sm:.75,md:.75,lg:.75,xl:.75},Kd=e=>{let o=Xd[e],t=Qd[e];return `${o}rem ${t}rem`},qd={xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem"},xn=e=>useMemo(()=>({padding:Kd(e??"md"),fontSize:qd[e??"md"]}),[e]);var vt=forwardRef(({input:{onChange:e,value:o,...t},field:r,size:n,prefix:s,inEditable:i,...l},a)=>{let{type:p,defaultValue:u,placeholder:m}=r,d=useColorModeValue("number-input","number-input-dark"),c=xn(n),f=xo(a),[g,h]=useState(""),y=typeof o=="number"&&!Number.isNaN(o)?`${o}${g}`:"";return p==="slider"?b.createElement(bo,{label:m,onChange:e,value:o,defaultValue:u}):b.createElement(op,{className:d,placeholder:r.placeholder,decimalsLimit:r.precision,allowDecimals:!!r.precision,prefix:s,ref:f,onValueChange:(x,F,S)=>{x?.endsWith(".")?h("."):x?.includes(".")&&x?.endsWith("0")?h("0"):h(""),e(S?.float);},value:y,...l,style:{background:"none",resize:"none",fontFamily:"Encode Sans",boxSizing:"border-box",width:"100%",borderRadius:"4px",border:"none",outline:"none",...c,...l.style},...t})}),tp=({field:e,...o},t)=>{let r=useRef(null);return useImperativeHandle(t,()=>({focus:()=>{r.current?.focus();},blur:()=>{r.current?.blur();}})),b.createElement(vt,{prefix:"$",field:{...e,_type:"number"},...o})},yn=forwardRef(tp);var vn=({value:e,field:o})=>{let t=useMemo(()=>{if(e===""||e===void 0||e===null)return 1;switch(o._type){case "text":case "number":case "select":case "date":case "time":case "datetime":return  -1;default:return 1}},[e,o]);return b.createElement(Flex,{transition:"top 300ms",top:t,position:"absolute",right:3},b.createElement(Text,{fontSize:"xs",opacity:.6},"OPTIONAL"))};var hp=e=>b.createElement(Text,null,typeof e=="string"?e:JSON.stringify(e)),Sn=forwardRef(({field:e,input:o,meta:t},r)=>{let{placeholder:n,options:s,renderOption:i,getOptionKey:l}=e,{onChange:a,value:p,onFocus:u,onBlur:m}=o,{active:d}=t,c=useMemo(()=>p&&s.find(h=>h===p),[p,s]),{colorMode:f}=useColorMode();useImperativeHandle(r,()=>({focus:()=>{u();},blur:()=>{m();}}));let g=i??hp;return b.createElement(Popover,{strategy:"fixed",placement:"bottom",matchWidth:true,isOpen:d,onClose:m},b.createElement(PopoverTrigger,null,b.createElement(Button,{fontWeight:500,w:"100%",opacity:p?1:.7,onClick:h=>{h.stopPropagation(),u();},variant:"unstyled",position:"relative"},b.createElement(Box,null,c?b.createElement(g,{value:c,colorMode:f,isSelected:true}):b.createElement(Text,{opacity:.7},n)))),b.createElement(PopoverContent,{w:"100%",overflowY:"auto",maxH:"300px"},b.createElement(PopoverBody,{p:0},s.map(h=>b.createElement(Button,{key:l?l(h):h,w:"100%",variant:"unstyled",onClick:y=>{y.stopPropagation(),a(h),m();},_hover:{bg:"blackAlpha.100"},_dark:{_hover:{bg:"whiteAlpha.100"}}},b.createElement(g,{value:h,colorMode:f,isSelected:h===c})))),b.createElement(PopoverArrow,null)))});var Lp="/icons/facebook.svg",Bp="/icons/instagram.svg",Ap="/icons/soundcloud.svg",Op="/icons/twitter.svg",Dp="/icons/youtube.svg",Ep={facebook:Lp,instagram:Bp,twitter:Op,youtube:Dp,soundcloud:Ap},Ke=({site:e,value:o,onChange:t})=>{let{handle:r,error:n}=useMemo(()=>{try{return {handle:getHandle(e,o)}}catch(i){return {error:i?.message??"Error parsing handle"}}},[o,e]),s=useMemo(()=>r?`${e.toUpperCase()}: ${r}`:e.toUpperCase(),[e,r]);return b.createElement(Popover,{trigger:"hover"},b.createElement(PopoverTrigger,null,b.createElement(Center,{opacity:r?1:.6,borderRadius:"full",width:"34px",height:"34px"},b.createElement(Image,{cursor:"pointer",filter:`grayscale(${r?0:100}%)`,height:"24px",width:"24px",objectFit:"contain",src:Ep[e]}))),b.createElement(PopoverContent,{w:"auto"},b.createElement(PopoverBody,{overflow:"hidden",borderRadius:4,p:0,w:"auto"},b.createElement(VStack,{spacing:0,p:2,w:"300px",align:"flex-start"},b.createElement(Text,{fontSize:"md"},s),b.createElement(Collapse,{in:!!n,style:{width:"100%"}},b.createElement(Text,{px:1,bg:"red.500",fontSize:"sm",color:"white"},n)),b.createElement(Input,{onChange:i=>t(i.target.value),placeholder:"Handle or URL",width:"100%",value:o,size:"md"})))))},St=forwardRef((e,o)=>{let{input:{value:t,onChange:r},field:{sites:n}}=e,s=useCallback((i,l)=>{let{[i]:a,...p}=t??{};!l&&Object.keys(p).length===0&&r({target:{value:void 0}}),l||r(p),r({...p,[i]:l});},[r,t]);return useImperativeHandle(o,()=>({blur:()=>{},focus:()=>{}})),b.createElement(VStack,{w:"100%",p:1},b.createElement(VStack,{borderRadius:4,p:2,spacing:0,w:"100%"},b.createElement(Text,{fontSize:"md"},"Links"),b.createElement(HStack,null,!n||n.facebook?b.createElement(Ke,{onChange:i=>s("facebook",i),site:"facebook",value:t?.facebook}):null,!n||n.instagram?b.createElement(Ke,{onChange:i=>s("instagram",i),site:"instagram",value:t?.instagram}):null,!n||n.twitter?b.createElement(Ke,{onChange:i=>s("twitter",i),site:"twitter",value:t?.twitter}):null,!n||n.youtube?b.createElement(Ke,{onChange:i=>s("youtube",i),site:"youtube",value:t?.youtube}):null,!n||n.soundcloud?b.createElement(Ke,{onChange:i=>s("soundcloud",i),site:"soundcloud",value:t?.soundcloud}):null)))});St.displayName="SocialMediaComponent";var It=forwardRef(({input:e,field:o,inEditable:t},r)=>{let n=useTextColor(),s=useRef(null);return useImperativeHandle(r,()=>({focus:()=>{s.current?.focus();},blur:()=>{s.current?.blur();}})),b.createElement(Wp,{placeholder:o.placeholder,minRows:2,maxRows:5,ref:s,style:{resize:"none",width:"100%",color:n,background:"none",fontFamily:"fonts.body",boxSizing:"border-box",borderRadius:"4px",padding:t?0:"0.6rem 1rem",border:"none",outline:"none"},...e})});It.displayName="TextAreaComponent";var Pt=forwardRef(({input:e,inEditable:o,meta:t,field:r},n)=>{let{placeholder:s,type:i}=r,[l,a]=useState(i==="password"),{value:p}=e,u=useRef(null);useImperativeHandle(n,()=>({focus:()=>{u.current?.focus();},blur:()=>{u.current?.blur();}}));let m=i==="textarea"?b.createElement(It,{inEditable:o,field:r,input:e,meta:t}):b.createElement(Input,{ref:u,border:"none",_dark:{border:"none"},borderRadius:0,px:o?0:3,background:"transparent",_focus:{border:"none"},py:o?0:.5,type:l?"password":"text",height:o?"auto":10,placeholder:s,...e,onChange:d=>{e.onChange({target:{value:d.target.value}});},value:p??""});return i==="password"?b.createElement(Flex,{width:"100%",position:"relative",align:"center"},m,b.createElement(IconButton,{position:"absolute",right:2,onClick:()=>a(!l),variant:"ghost",icon:l?b.createElement(ViewIcon,null):b.createElement(ViewOffIcon,null),"aria-label":l?"show":"hide",title:l?"Show":"Hide",size:"xs"})):m});Pt.displayName="TextComponent";var eu={text:Pt,file:yt,boolean:on,select:Sn,multipleSelect:hn,currency:yn,number:vt,date:Ye,datetime:xt,time:Xe,socialMedia:St,color:ln},ou=(e,o)=>{let{field:t,meta:{error:r,active:n,touched:s},input:i,inEditable:l}=e,{value:a}=i,p=useMemo(()=>r&&s?"#ff7777":n?"rgba(0,0,0,0.7)":"rgba(0,0,0,0.3)",[r,n,s]),{_type:u,optional:m,label:d}=t,c=useMemo(()=>u==="multipleSelect"||!!a&&u!=="file"&&u!=="boolean",[a,u]),f=useMemo(()=>{if(l)return {};switch(u){case "text":case "number":case "currency":case "select":return {boxShadow:`0 0 7px ${p}`,transition:"all 300ms",bg:"background.50"};default:return {}}},[u,p,l]),g=useMemo(()=>eu[u],[u]),h=useMemo(()=>l?0:r&&s?6:2,[l,r,s]);return b.createElement(VStack,{position:"relative",align:"flex-start",width:"100%",py:l?0:1,px:1,spacing:0,pb:h,transition:"all 500ms",pt:c&&!l?4:0},d&&!l?typeof d=="string"?b.createElement(Text,{color:"gray.800",fontSize:"sm",px:2},d):b.createElement(d,null):null,b.createElement(Flex,{width:"100%",borderRadius:4,py:.5,overflow:"hidden",...f},b.createElement(g,{ref:o,...e})),l?null:b.createElement(b.Fragment,null,b.createElement(Text,{opacity:r&&s?1:0,transition:`opacity 500ms ease ${r&&s?250:0}ms`,position:"absolute",bottom:"0px",fontSize:"sm",px:1,pointerEvents:"none",color:"red.600"},r),b.createElement(Text,{opacity:c?1:0,transition:`opacity 500ms ease ${c?250:0}ms`,position:"absolute",top:"-4px",pointerEvents:"none",fontSize:"sm",fontFamily:"fonts.heading",px:1,color:"blackAlpha.600",_dark:{color:"whiteAlpha.600"}},t.placeholder||"")),m&&!l?b.createElement(vn,{field:t,value:a}):null)},Po=forwardRef(ou);var iu=({field:e,name:o},t)=>{let{control:r,getOnChange:n,meta:s,onFocus:i,onBlur:l}=useField(o,e);return b.createElement(Controller,{control:r,name:o,render:({field:{name:a,ref:p,onBlur:u,...m}})=>b.createElement(Po,{ref:t,field:e,input:{...m,onFocus:i,onBlur:()=>{l(),u();},onChange:n(m.onChange)},meta:s})})},Tn=forwardRef(iu);var To=({uploads:e})=>{let o=useMemo(()=>Object.values(e),[e]);return b.createElement(TransitionGroup,{component:Flex,width:"100%",flexFlow:"column"},o.map(t=>b.createElement(Z,{key:t.label},b.createElement(Center,{px:2,height:"26px",position:"relative",w:"100%",flexDirection:"column"},b.createElement(Progress,{borderRadius:"full",value:t.percent*100,mx:2,my:1,size:"md",height:"100%",width:"100%"}),b.createElement(Text,{fontFamily:"fonts.heading",textShadow:"1px 1px 3px #000000aa",color:"white",position:"absolute",fontSize:"sm",fontWeight:500},t.label.toUpperCase())))))};var bu=({onBack:e,children:o})=>b.createElement(Button,{flex:1,transition:"all 500ms",onClick:e,variant:"outline",border:"1px solid #cdcdcd",color:"#777",ml:"auto"},o),yu=({onSubmitClick:e,submitting:o,children:t,filter:r,opacity:n})=>b.createElement(Button,{isLoading:o,filter:r,flex:1,transition:"all 500ms",opacity:n,onClick:()=>{e();},ml:"auto",variant:"solid"},t),wu=()=>{let{formError:e}=useChempoForm();return b.createElement(Collapse,{in:!!e},b.createElement(Text,{color:"red"},e??""))},Ln=({renderFooter:e,...o})=>{let{uploads:t,onBack:r,buttonText:n,onSubmit:s}=o,{isSubmitting:i,isValid:l}=useFormState();return b.createElement(Flex,{w:"100%",flexFlow:"column"},b.createElement(Collapse,{endingHeight:5,style:{width:"100%"},in:i},b.createElement(Progress,{w:"100%",h:"5px",isIndeterminate:true})),b.createElement(To,{uploads:t}),b.createElement(wu,null),e?b.createElement(e,{...o}):b.createElement(HStack,{py:2,borderTop:"1px solid",borderColor:"background.200",px:3,w:"100%"},r?b.createElement(bu,{onBack:r},"Cancel"):null,b.createElement(yu,{size:"sm",filter:`grayscale(${l?0:100}%)`,opacity:l?1:.5,onSubmitClick:s,submitting:i},n)))};var An=({field:e,value:o,noLabel:t,style:r})=>{let{imageOptions:n,placeholder:s}=e,i=useMemo(()=>({height:150,...n}),[n]);return b.createElement(Flex,{flexFlow:o?"column":"row",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},s),o?b.createElement(Z,null,b.createElement(Box,{p:1},b.createElement(Io,{imageOptions:i,value:o}))):b.createElement(Text,{opacity:.7},"None"))};var Dn=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n,renderOption:s}=e,{colorMode:i}=useColorMode();return b.createElement(Flex,{maxW:"100%",flexFlow:"row wrap",align:"center",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},n),o?o.map(l=>b.createElement(Box,{key:e.getOptionKey?e.getOptionKey(l):l,p:.5},b.createElement(s,{value:l,colorMode:i,isSelected:true}))):b.createElement(Text,{opacity:.6},"None"))};var Mu=e=>typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?e.toString():JSON.stringify(e),Lu=e=>b.createElement(Text,null,Mu(e)),zn=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n,renderOption:s}=e,{colorMode:i}=useColorMode();return b.createElement(Flex,{align:"center",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},n),o?b.createElement(s??Lu,{value:o,colorMode:i,isSelected:true}):"None")};var Du=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n}=e,s=useMemo(()=>{let i=formatField[e._type];return i?i(e,o):o},[o,e]);return b.createElement(Flex,{align:"center",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},n),b.createElement(Text,{opacity:o!=null?1:.6},s??"None"))},Re=({field:e,value:o,noLabel:t,style:r})=>{switch(e._type){case "select":return b.createElement(zn,{style:r,field:e,value:o,noLabel:t});case "multipleSelect":return b.createElement(Dn,{style:r,field:e,value:o,noLabel:t});case "file":return b.createElement(An,{style:r,field:e,value:o,noLabel:t});default:return b.createElement(Du,{style:r,field:e,value:o,noLabel:t})}};var Vu=({onChange:e,value:o,field:t,onBlur:r,inEditable:n,onFocus:s,style:i},l)=>{let{inputProps:a,meta:p}=useStandaloneInput(t,o,e,s,r);return b.createElement(Po,{ref:l,field:t,inEditable:n,style:i,input:a,meta:p})},Vn=forwardRef(Vu);var $n=({value:e,field:o,onSubmit:t,storagePath:r,style:n,onEditClose:s,onEditOpen:i})=>{let{formattedValue:l,inputRef:a,setValue:p,isLoading:u,uploads:m,editHovered:d,handleEditOpen:c,handleEditClose:f,isEditing:g,value:h,setEditHovered:y,submit:x,submitValue:F,parse:S}=useEditable({value:e,field:o,onSubmit:t,storagePath:r,onEditOpen:i,onEditClose:s}),v=useMemo(()=>o._type==="file"||o._type==="boolean",[o]);useEffect(()=>{g&&a.current?.focus();},[g,a]);let T=useColorModeValue$1("#00000055","#ffffff55");return b.createElement(Flex,{borderRadius:4,border:`1px dashed ${d&&!g?T:"transparent"}`,flexFlow:"column",w:"100%"},b.createElement(Flex,{align:"center",px:1,position:"relative",w:"100%"},b.createElement(Flex,{opacity:u?0:1,transition:"all 300ms",mr:1,border:`1px dashed ${g?T:"transparent"}`,flex:1,minW:"0"},g||v?b.createElement(Vn,{ref:a,value:l,inEditable:true,field:o,style:{padding:0,...n},onChange:v?E=>F(S(E)):E=>p(S(E))}):b.createElement(Re,{style:n,field:o,value:h})),v?null:b.createElement(b.Fragment,null,b.createElement(IconButton,{"aria-label":"Edit",size:"xs",icon:g?b.createElement(CloseIcon,{width:3}):b.createElement(EditIcon,null),onMouseEnter:()=>y(true),onMouseLeave:()=>y(false),onClick:()=>{g?(p(h),f()):c();}}),b.createElement(Flex,{transition:"all 300ms",justify:"flex-end",opacity:g?1:0,overflow:"hidden",w:g?"30px":"0px"},b.createElement(IconButton,{"aria-label":"Edit",size:"xs",bg:palette.cyan.light,_dark:{bg:palette.cyan.light,_hover:{bg:palette.cyan.lighter}},_hover:{bg:palette.cyan.medium},icon:b.createElement(CheckIcon,{filter:"drop-shadow(1px 1px 3px #000000aa)"}),onClick:()=>{x();}}))),b.createElement(Be,{isLoading:u})),b.createElement(To,{uploads:m}))};var um=e=>o=>{o.destination&&e(o.source.index,o.destination.index);},mm=({field:e,name:o})=>{let t=useMemo(()=>isField(e.itemField)?"":isListField(e.itemField)?[]:{},[e]),r=useColorModeValue("#efefef","#2b2b2b"),n=W(),{control:s}=useFormContext(),{fields:i,append:l,remove:a,move:p}=useFieldArray({control:s,name:o}),u=useMemo(()=>um(p),[p]);return b.createElement(Flex,{overflow:"hidden",gap:2,flexFlow:"column",w:"100%",px:2,py:1},b.createElement(Text,{lineHeight:1,opacity:.7,fontSize:"sm"},e.placeholder),b.createElement(DragDropContext,{onDragEnd:u},b.createElement(Droppable,{droppableId:"droppable"},(m,{draggingFromThisWith:d})=>b.createElement(Flex,{ref:m.innerRef,flexFlow:"column",w:"100%",py:1,borderRadius:4,minH:"30px",align:"flex",...m.droppableProps},i.length?i.map((c,f)=>b.createElement(Draggable,{key:c.id,draggableId:c.id,index:f},({dragHandleProps:g,draggableProps:h,innerRef:y},{isDragging:x})=>b.createElement(Flex,{transition:"all 300ms",boxShadow:`2px 2px 4px #000000${x?"55":"00"}`,borderRadius:4,pt:2,px:2,border:`1px solid ${n}`,bg:`${r}${x?"ff":"00"}`,ref:y,w:"100%",...h},b.createElement(Z,null,b.createElement(Flex,{opacity:d&&!x?.5:1,gap:1,align:"center",w:"100%"},b.createElement(IconButton,{"aria-label":"drag",size:"xs",opacity:.8,variant:"ghost",icon:b.createElement(DragHandleIcon,null),...g}),b.createElement(Box,{minW:"0",flex:1},b.createElement(kt,{name:c.id,field:e.itemField})),b.createElement(IconButton,{"aria-label":"delete",size:"xs",bg:"red.600",color:"white",icon:b.createElement(DeleteIcon,{filter:"drop-shadow(1px 1px 3px #00000088)"}),onClick:F=>{F.stopPropagation(),a(f);}})))))):b.createElement(Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"),m.placeholder))),b.createElement(Flex,null,b.createElement(Button,{mr:"auto",width:"auto",size:"xs",onClick:()=>l(t)},"+ NEW")))},kt=({field:e,name:o})=>{let t=useMemo(()=>isField(e)||isListField(e)?[{name:"value",field:e}]:Object.entries(e.children).map(([r,n])=>({name:`${o?`${o}.`:""}${r}`,field:n})),[e,o]);return b.createElement(VStack,{spacing:1,w:"100%"},t.map(r=>{if(isListField(r.field)){let s=b.createElement(mm,{key:r.name,name:r.name,field:r.field});return r.field.condition?b.createElement(ho,{path:o,condition:r.field.condition,key:r.name},s):s}if(isField(r.field)){let s=b.createElement(Tn,{key:r.name,name:r.name,field:r.field});return r.field.condition?b.createElement(ho,{path:o,condition:r.field.condition,key:r.name},s):s}let n=b.createElement(kt,{key:r.name,name:r.name,field:r.field});return r.field.condition?b.createElement(ho,{path:o,condition:r.field.condition,key:r.name},n):n}))},cm=({field:e,value:o,path:t})=>{let{placeholder:r}=e,n=W(),s=useGetItemField(e);return b.createElement(Box,{w:"100%",p:1},b.createElement(Qo,{border:`1px solid ${n}`,borderRadius:4,initExpanded:true,header:()=>b.createElement(Text,{py:1},r)},b.createElement(Flex,{flexFlow:"column",bg:"background.200",gap:2,px:2,py:1},o?.length?o.map((i,l)=>b.createElement(Box,{bg:"background.100",key:`${t}.${l}`,border:`1px solid ${n}`,borderRadius:3},b.createElement(Wn,{path:`${t}.${l}`,field:s(l),value:i}))):b.createElement(Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"))))},Wn=({field:e,value:o,path:t,storagePath:r})=>{let{updateField:n}=useDataView();return isField(e)?n?b.createElement($n,{storagePath:r,field:e,value:o,onSubmit:s=>n(t,s)}):b.createElement(Re,{field:e,value:o}):isListField(e)?b.createElement(cm,{path:t,field:e,value:o}):b.createElement(fm,{storagePath:r?`${r}.${t}`:void 0,path:t,field:e})},fm=({field:e,value:o,onClose:t,onDelete:r,onSubmit:n,itemName:s,storagePath:i,path:l=""})=>{let{name:a,children:p}=e,[u,m]=useState(false);return b.createElement(DataViewProvider,{value:o,onSubmit:n},b.createElement(Qo,{alwaysExpanded:true,header:()=>b.createElement(Flex,{align:"center",px:2,w:"100%"},b.createElement(Text,{py:2,fontSize:"lg",fontFamily:"fonts.heading"},a),b.createElement(Flex,{gap:2,align:"center",ml:"auto"},r?b.createElement(kr,{onDelete:r,itemName:s??"item"}):null,n?b.createElement(IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,ml:"auto","aria-label":"edit",icon:b.createElement(EditIcon,null),onClick:()=>m(true)}):null,t?b.createElement(IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,variant:"ghost","aria-label":"close",icon:b.createElement(CloseIcon,{opacity:.8,w:3,h:3}),onClick:t}):null))},u&&n?b.createElement(Mt,{storagePath:i,field:e,value:o,onSubmit:n,onBack:()=>m(false)}):b.createElement(Flex,{flexFlow:"column",px:4,py:2},Object.entries(p).map(([d,c])=>b.createElement(Wn,{storagePath:i?`${i}/${d}`:void 0,path:l?`${l}.${d}`:d,key:d,field:c,value:o?.[d]})))))},Nn=({onSubmit:e,onBack:o,field:t,value:r,buttonText:n="SUBMIT",renderFooter:s,storagePath:i})=>{let l=useMemo(()=>({field:t,value:r,submit:e,storagePath:i}),[t,r,e,i]),{onSubmit:a,uploads:p}=useFormSubmit(l);return b.createElement(Stack,{w:"100%",spacing:3},b.createElement("form",null,b.createElement(Box,{pt:1,px:2,w:"100%"},b.createElement(kt,{name:"",field:t})),b.createElement(Ln,{uploads:p,onSubmit:a,renderFooter:s,onBack:o,buttonText:n})))},gm=({onSubmit:e,field:o,value:t,...r})=>{let n=useMemo(()=>({children:{value:o}}),[o]);return b.createElement(Nn,{field:n,value:{value:t},onSubmit:s=>e(s?.value),...r})},Mt=({field:e,onSubmit:o,...t})=>{let r=isField(e)||isListField(e)?b.createElement(gm,{field:e,onSubmit:o,...t}):b.createElement(Nn,{field:e,onSubmit:o,...t});return b.createElement(ChempoFormProvider,null,r)};var jn=e=>{let o=useMounted();return b.createElement(sr,null,b.createElement(Flex,{overflow:"hidden",flexFlow:"column",h:"100%",w:"100%",opacity:o?1:0,transition:"opacity 300ms",...e}))};var _e=({data:e,rowIndex:o,columnIndex:t,style:r})=>{let{items:n,onSelect:s,refetch:i,grid:l,numCols:a,colorMode:p}=e||{},{ItemPreview:u}=l,m=o*a+t,d=n[m];return d?b.createElement(Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(d);},style:r,px:1,py:.25,key:m},b.createElement(u,{index:m,item:d,refetch:i?()=>i(d._id):void 0,colorMode:p})):null};var xe=()=>{let{list:e,search:{debounced:o,search:t}}=useDataList(),{data:{isLoading:r}}=usePaginatedList(),n=useMemo(()=>r||o!==t,[r,o,t]),{itemName:s,pluralItemName:i,noItemsMessage:l,searchRequired:a}=e;return b.createElement(Flex,{justify:"center",align:"flex-start",w:"100%",h:"100%"},n?b.createElement(Fe,{text:`Loading ${i??toPlural(s)}`}):b.createElement(Text,{textAlign:"center",flex:1,p:3,fontStyle:"italic",opacity:.7},!o&&a?`Search ${i??toPlural(s)}`:l??`No ${i??toPlural(s)}`))};var ue=e=>typeof e=="function";var Im=(e,o)=>{if(e.key!==o.key||e.operator!==o.operator)return  false;if(arrayOperators.includes(e.operator)){let t=Array.isArray(e.value)?e.value:[e.value];return !(Array.isArray(o.value)?o.value:[o.value]).every(n=>!t.includes(n))}return e.value===o.value},Yn=(e,{nativeFilter:o})=>(Array.isArray(o)?o:[o]).every(r=>Im(r,e));var km=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o;if(typeof r!="number"&&typeof n!="number")throw new Error("Cannot have both variable row height and variable column width");if(typeof n=="function"){let l=Math.floor(t/n(e[0]));return {numRows:Math.ceil(e.length/l),numCols:l}}let s=Math.max(1,Math.floor(t/n));return {numRows:Math.ceil(e.length/s),numCols:s}},Mm=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o,{numRows:s,numCols:i}=km(e,o,t),l=typeof n=="number"?t/i:Array.from({length:i},(m,d)=>e.filter((f,g)=>g%i===d).reduce((f,g)=>{let h=n(g);return Math.max(f,h)},0)),a=typeof r=="number"?r:Array.from({length:s},(m,d)=>e.slice(d*i,(d+1)*i).reduce((f,g)=>{let h=r(g);return Math.max(f,h)},0)),p=Array.isArray(a)?m=>a[m]:a,u=Array.isArray(l)?m=>l[m]:l;return {rowHeight:p,colWidth:u,numCols:i,numRows:s}},Oo=(e,o)=>{let{data:{data:t}}=usePaginatedList();return useMemo(()=>Mm(t,e,o),[t,e,o])};var Jn=({height:e,options:o})=>{let{totalCount:t,data:{data:r},refetchItem:n,isItemLoaded:s,goNext:i}=usePaginatedList(),{list:l,onSelectItem:a,mobileLayout:p,query:u}=useDataList(),{width:m}=useFullSize(),{numCols:d,numRows:c,rowHeight:f,colWidth:g}=Oo(o,m),{previewHeight:h,mobile:y}=l,{colorMode:x}=useColorMode(),F=useMemo(()=>({list:l,items:r,mobileLayout:p,grid:o,colorMode:x,numCols:d,onSelect:L=>a(L._id),refetch:n}),[r,l,n,a,p,d,o,x]),S=useRef(null),v=useMemo(()=>p?y?.previewHeight??h:h,[y,h,p]);useEffect(()=>{let L=S.current;L&&(L.resetAfterColumnIndex(0),L.resetAfterRowIndex(0));},[u]);let T=useRef(null);useEffect(()=>{T.current&&T.current.resetloadMoreItemsCache(true);},[t]);let E=useMemo(()=>ue(v),[v]),z=useCallback(({columnIndex:L,rowIndex:N,data:D})=>{let U=N*d+L;return D.items[U]?._id||`${U}`},[d]),O=useCallback(({overscanColumnStartIndex:L,overscanColumnStopIndex:N,overscanRowStartIndex:D,overscanRowStopIndex:U,visibleColumnStartIndex:ce,visibleColumnStopIndex:ke,visibleRowStartIndex:Me,visibleRowStopIndex:we},P)=>{let H=Me*d+ce,k=we*d+ke,C=D*d+L,M=U*d+N;P({overscanStartIndex:C,overscanStopIndex:M,visibleStartIndex:H,visibleStopIndex:k});},[d]);return r.length?E?b.createElement(qn,{isItemLoaded:s,ref:T,itemCount:t??0,loadMoreItems:i},({onItemsRendered:L,ref:N})=>b.createElement(VariableSizeGrid,{height:e,width:m,rowCount:c,columnCount:d,rowHeight:f,columnWidth:g,itemData:F,style:{overflowX:"hidden"},itemKey:z,onItemsRendered:D=>O(D,L),ref:D=>{N(D),S.current=D;}},_e)):b.createElement(qn,{isItemLoaded:s,itemCount:t??0,ref:T,loadMoreItems:i},({onItemsRendered:L,ref:N})=>b.createElement(FixedSizeGrid,{height:e,width:m,rowCount:c,columnCount:d,rowHeight:f,columnWidth:g,itemData:F,onItemsRendered:D=>O(D,L),style:{overflowX:"hidden"},ref:D=>{N(D),S.current=null;}},_e)):b.createElement(xe,null)};var $e=({data:e,index:o,style:t})=>{let{list:r,items:n,onSelect:s,refetch:i,mobileLayout:l,colorMode:a}=e||{},{ItemPreview:p,mobile:u}=r,m=l?u?.ItemPreview??p:p,d=n[o];return d?b.createElement(Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(n[o]);},style:t,key:o},b.createElement(m,{index:o,item:d,refetch:i?()=>i(d._id):void 0,colorMode:a})):null};var ti=({height:e})=>{let{totalCount:o,data:{data:t},refetchItem:r,isItemLoaded:n,goNext:s}=usePaginatedList(),{list:i,onSelectItem:l,mobileLayout:a,query:p}=useDataList(),{previewHeight:u,mobile:m}=i,{colorMode:d}=useColorMode(),{width:c}=useFullSize(),f=useMemo(()=>({list:i,items:t,mobileLayout:a,colorMode:d,onSelect:S=>l(S._id),refetch:r}),[t,i,r,l,a,d]),g=useRef(null),h=useMemo(()=>a?m?.previewHeight??u:u,[m,u,a]),y=useRef(null);useEffect(()=>{y.current&&y.current.resetloadMoreItemsCache(true);},[o]),useEffect(()=>{let S=g.current;S&&(S.resetAfterRowIndex(0),S.resetAfterColumnIndex(0));},[p]);let x=useCallback(S=>typeof h=="function"?h(t[S]):h,[t,h]),F=useMemo(()=>ue(h),[h]);return t.length?F?b.createElement(qn,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:v})=>b.createElement(VariableSizeList,{height:e,width:c,itemSize:x,itemCount:o??0,itemData:f,style:{overflowX:"hidden"},itemKey:T=>t[T]?._id||`${T}`,onItemsRendered:T=>{S(T);},ref:v},$e)):b.createElement(qn,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:v})=>b.createElement(FixedSizeList,{height:e,width:c,itemSize:h,itemCount:o??0,itemData:f,itemKey:T=>t[T]?._id||`${T}`,style:{overflowX:"hidden"},onItemsRendered:S,ref:v},$e)):b.createElement(xe,null)};var Jm=({height:e,options:o})=>{let{list:t,onSelectItem:r,mobileLayout:n,query:s}=useDataList(),{data:{data:i},pageIndex:l}=usePaginatedList(),a=useRef(null),p=useRef(null),{width:u}=useFullSize(),{numCols:m,numRows:d,rowHeight:c,colWidth:f}=Oo(o,u),{colorMode:g}=useColorMode(),h=useMemo(()=>({list:t,items:i,numCols:m,onSelect:x=>r(x._id),mobileLayout:n,colorMode:g,grid:o}),[i,t,r,n,m,o,g]);useEffect(()=>{let x=a.current;x&&(x.resetAfterColumnIndex(0),x.resetAfterRowIndex(0));},[s]),useEffect(()=>{let x=a.current,F=p.current;x&&x.scrollTo({scrollLeft:0,scrollTop:0}),F&&F.scrollTo({scrollLeft:0,scrollTop:0});},[l,s]);let y=useMemo(()=>ue(o.rowHeight)||ue(o.columnWidth),[o]);return i.length?y?b.createElement(VariableSizeGrid,{ref:a,height:e,width:u,rowCount:d,columnCount:m,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},_e):b.createElement(FixedSizeGrid,{height:e,ref:p,width:u,rowCount:d,columnCount:m,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},_e):b.createElement(xe,null)},si=memo(Jm);var sc=({height:e})=>{let{list:o,onSelectItem:t,mobileLayout:r,query:n}=useDataList(),{data:{data:s},pageIndex:i}=usePaginatedList(),{width:l}=useFullSize(),{previewHeight:a,mobile:p}=o,u=useRef(null),m=useRef(null),{colorMode:d}=useColorMode(),c=useMemo(()=>({list:o,colorMode:d,items:s,onSelect:y=>t(y._id),mobileLayout:r}),[s,o,t,r,d]),f=useMemo(()=>r?p?.previewHeight??a:a,[p,a,r]);useEffect(()=>{let y=u.current;y&&y.resetAfterIndex(0);},[n]),useEffect(()=>{let y=u.current,x=m.current;y&&y.scrollTo(0),x&&x.scrollTo(0);},[n,i]);let g=useCallback(y=>typeof f=="function"?f(s[y]):f,[s,f]),h=useMemo(()=>ue(f),[f]);return s.length?h?b.createElement(FixedSizeList,{ref:m,height:e,width:l,itemSize:f,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},$e):b.createElement(VariableSizeList,{ref:u,height:e,width:l,itemSize:g,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},$e):b.createElement(xe,null)},di=memo(sc);var pi=({height:e})=>{let{infiniteScroll:o,gridLayout:t,list:r}=useDataList(),{grid:n}=r;return t&&n?o?b.createElement(Jn,{options:n,height:e}):b.createElement(si,{options:n,height:e}):o?b.createElement(ti,{height:e}):b.createElement(di,{height:e})};var zo=({children:e,isOpen:o,contentProps:t,...r})=>b.createElement(Modal,{scrollBehavior:"inside",isCentered:true,isOpen:o,...r},b.createElement(ModalOverlay,null),b.createElement(ModalContent,{position:"relative",overflowY:"auto",bg:"background.100",...t},b.createElement(Box,null,e)));var mi=e=>{let{overlayRef:o}=useMobileFrame();return b.createElement(Portal,{containerRef:o},b.createElement(Flex,{justify:"center",align:"center",transition:"opacity 300ms",position:"absolute",left:0,top:0,height:"100%",width:"100%",...e}))};var bc=({onClick:e})=>b.createElement(Flex,{onClick:e,w:"100%",h:"100%",position:"absolute",bg:"blackAlpha.400",transition:"opacity 300ms"}),hi=({isOpen:e,onClose:o,children:t,contentProps:r,onContentMounted:n,closeOnOverlayClick:s})=>{let{height:i,width:l}=useMobileFrame(),a=useColorModeValue("gray.100","#454545"),[p,u]=useState(false),[m,d]=useState(false),c=useRef(null),f=useRef(null);return useEffect(()=>(c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null),e?(u(true),f.current=setTimeout(()=>{d(true),n&&n(true);},50)):(d(false),n&&n(false),c.current=setTimeout(()=>{u(false);},300)),()=>{c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null);}),[e,n]),p?b.createElement(mi,{opacity:m?1:0,pointerEvents:m?"auto":"none"},b.createElement(bc,{onClick:s!==false?o:void 0}),b.createElement(Flex,{width:`${l-10}px`,maxH:`${i-10}px`,overflowY:"auto",overflowX:"hidden",minH:"100px",bg:a,borderRadius:6,position:"relative",...r},t)):null};var xi=e=>{let o=useScreen(n=>n.isMobile),t=pr(),r=useMemo(()=>o||t?hi:zo,[o,t]);return b.createElement(r,{...e})};var bi=({field:e})=>{let{list:{baseQuery:o,itemName:t},newItemOpen:r,setNewItemOpen:n}=useDataList(),{adapter:{db:s}}=useBackendBase(),{refetch:i}=usePaginatedList(),l=useCallback(async a=>{await s.createItem(o.collection,a),n(false),i&&i();},[n,i,s,o]);return b.createElement(zo,{isOpen:r,onClose:()=>n(false)},b.createElement(Flex,{align:"center",pt:3,px:3,w:"100%"},b.createElement(Text,{pl:1,opacity:.7,fontWeight:600},"NEW ",t.toUpperCase()),b.createElement(IconButton,{size:"sm",borderRadius:"full",ml:"auto",h:7,w:7,minW:0,onClick:()=>n(false),"aria-label":"Close",icon:b.createElement(CloseIcon,{opacity:.8,w:3,h:3})})),b.createElement(Mt,{field:e,onSubmit:l}))};var vi=({goNext:e,canGoNext:o,mobileLayout:t})=>b.createElement(Button,{opacity:o?1:.6,pointerEvents:o?"auto":"none",borderRadius:"full",onClick:e,"aria-label":"next",variant:"ghost",size:t?"xs":"sm",pl:3,pr:1,gap:1},b.createElement(Text,null,"Next"),b.createElement(ChevronRightIcon,{w:5,h:5})),Ci=({goPrev:e,canGoPrev:o,mobileLayout:t})=>b.createElement(Button,{opacity:o?1:.5,pointerEvents:o?"auto":"none",onClick:e,borderRadius:"full","aria-label":"back",variant:"ghost",pr:3,pl:1,gap:1,size:t?"xs":"sm"},b.createElement(ChevronLeftIcon,{w:5,h:5}),b.createElement(Text,null,"Back")),Gc=({progressBg:e,borderColor:o})=>{let{data:{isLoading:t,error:r}}=usePaginatedList();return b.createElement(Box,{position:"absolute",bottom:"100%",w:"100%",left:0},b.createElement(Collapse,{style:{width:"100%"},in:!!r,animateOpacity:true},b.createElement(Box,{borderTopRadius:6,bg:"red.600",maxW:"100%",p:1},b.createElement(Tooltip,{placement:"top",hasArrow:true,label:r?.message??"","aria-label":"error"},b.createElement(Text,{textShadow:"1px 1px 3px #00000077",_dark:{textShadow:"none"},px:1,fontWeight:600,isTruncated:true,maxW:"100%",fontSize:"sm",color:"white"},r?.message)))),b.createElement(Z,{in:t,animateOpacity:true},b.createElement(Flex,{bg:e,borderTop:"1px solid",borderBottom:"1px solid",borderColor:o,w:"100%"},b.createElement(Progress,{borderRadius:0,w:"100%",height:"8px",isIndeterminate:t}))))},jc=(e,o,t)=>Math.abs(e-o)<=1?2:e<3?o===0?2:0:e>t-4?o>t-3?2:4:e<o?1:3,_o=28,$o=24,Fi=({index:e,isActive:o,onClick:t,borderColor:r,isLoading:n,mobileLayout:s})=>b.createElement(Button,{key:e,onClick:t,variant:"unstyled",display:"flex",border:"1px solid",borderColor:o?"transparent":r,justifyContent:"center",alignItems:"center",width:`${s?$o:_o}px`,height:`${s?$o:_o}px`,fontFamily:"fonts.heading",lineHeight:1,fontWeight:600,minW:"0",bg:o?"accent.400":"transparent",_hover:{bg:o?"accent.500":"whiteAlpha.500"},color:o?"white":r,textShadow:o?"1px 1px 3px #00000088":"none",size:"sm",disabled:n,"aria-label":`Go to page ${e+1}`},e+1),Uc=({group:{indicators:e,collapsed:o},mobileLayout:t})=>{let{data:{isLoading:r},goToPage:n}=usePaginatedList(),s=W();return o?b.createElement(Popover,{trigger:"hover",gutter:1,variant:"fixed"},({onClose:i})=>b.createElement(b.Fragment,null,b.createElement(PopoverTrigger,null,b.createElement(IconButton,{variant:"unstyled",width:`${t?$o:_o}px`,height:`${t?$o:_o}px`,minW:"0",opacity:.7,_hover:{opacity:1},"aria-label":"more pages",icon:b.createElement(Text,{fontSize:"md",position:"relative",bottom:"2px"},"...")})),b.createElement(PopoverContent,{bg:"background.200",w:"auto",border:"1px solid",borderColor:s,boxShadow:"none"},b.createElement(PopoverBody,{w:"auto",maxW:"166px",p:.5},b.createElement(Flex,{align:"center",justify:"center",flexFlow:"row wrap"},e.map(({index:l,isActive:a})=>b.createElement(Box,{key:`ind-${l}`,m:.5},b.createElement(Fi,{mobileLayout:t,index:l,isActive:a,onClick:()=>{n(l),i();},borderColor:s,isLoading:r})))))))):b.createElement(b.Fragment,null,e.map(({index:i,isActive:l})=>b.createElement(Fi,{mobileLayout:t,key:i,index:i,isActive:l,onClick:()=>n(i),borderColor:s,isLoading:r})))},Yc=()=>{let{pageIndex:e,numPages:o}=usePaginatedList(),{mobileLayout:t}=useDataList(),r=useMemo(()=>{let n=o??0;if(n<=9)return [{indicators:Array.from({length:n},(i,l)=>({index:l,isActive:l===e})),collapsed:false}];let s=Array.from({length:5},(i,l)=>({indicators:[],collapsed:l%2===1}));for(let i=0;i<n;i+=1){let l=jc(i,e,n);s[l]||(s[l]={indicators:[],collapsed:l!==2}),s[l].indicators.push({index:i,isActive:i===e});}return s.filter(i=>i.indicators.length).map(i=>({...i,collapsed:i.collapsed&&i.indicators.length>1}))},[o,e]);return b.createElement(Flex,{gap:1,align:"center"},r.map((n,s)=>b.createElement(Uc,{mobileLayout:t,key:`group-${s}`,group:n})))},Ht=120,Ii=({onResize:e,flexProps:o,noFooter:t})=>{let r=useColorModeValue("#cdcdcd","#2d3748"),{list:n,mobileLayout:s,infiniteScroll:i,search:{search:l,debounced:a}}=useDataList(),{data:{data:p,isLoading:u},totalCount:m,pageIndex:d,limit:c,numFetched:f,goNext:g,goPrev:h,hasMoreData:y}=usePaginatedList(),{itemName:x,pluralItemName:F,searchRequired:S}=n,{itemsText:v,pageText:T}=useMemo(()=>u&&!i?{itemsText:s?"Loading...":"",pageText:""}:m===null?{itemsText:"Loading...",pageText:""}:m===0&&!u&&l===a?{itemsText:!l&&S?`Search ${F??toPlural(x)}`:`No ${F??toPlural(x)} found`,pageText:""}:{itemsText:`${i?1:(d||0)*c+1} - ${i?f:d*c+p.length} of ${m}`,pageText:`Page ${d+1} of ${c?Math.ceil((m??0)/c):0}`},[m,u,x,F,c,d,l,S,s,a,p,i,f]),E=useMemo(()=>!i&&h,[i,h]),z=useMemo(()=>!i&&g,[i,g]),O=useColorModeValue("#efefef","#212121"),L=useRef(null),N=useCallback(D=>{let U=D.borderBoxSize[0].blockSize,ce=D.borderBoxSize[0].inlineSize;e({height:U,width:ce});},[e]);return rr(L,N),b.createElement(Flex,{ref:L,py:t?0:2,px:t?0:3,borderTop:`1px solid ${r}`,position:"relative",flexFlow:s?"column":"row",gap:s?1:0,w:"100%",...o},t||s&&i?null:b.createElement(Flex,{align:"center",justify:s?"center":"space-between",position:"relative",w:"100%"},E&&!s?b.createElement(Ci,{goPrev:h,canGoPrev:!u&&!!d}):null,b.createElement(Flex,{gap:1,align:"center"},i?null:b.createElement(b.Fragment,null,s?null:b.createElement(Text,{fontFamily:"fonts.heading",whiteSpace:"nowrap",textAlign:"center",w:`${Ht}px`,fontSize:"sm"},T),b.createElement(Yc,null)),s?null:b.createElement(Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Ht}px`,whiteSpace:"nowrap",fontSize:"sm"},v)),z&&!s?b.createElement(vi,{goNext:g,canGoNext:!u&&y}):null),s&&!t?b.createElement(Flex,{gap:2,w:"100%",justify:"space-between",align:"center"},E?b.createElement(Ci,{mobileLayout:true,goPrev:h,canGoPrev:!!d}):null,b.createElement(Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Ht}px`,whiteSpace:"nowrap",fontSize:"sm"},v),z?b.createElement(vi,{mobileLayout:true,goNext:g,canGoNext:y}):null):null,b.createElement(Gc,{progressBg:O,borderColor:r}))};var ki=({filter:e,filters:o,GroupRender:t,toggleFilter:r})=>{let{label:n,Render:s}=e,i=useMemo(()=>o.some(m=>Yn(m,e)),[o,e]),{colorMode:l}=useColorMode(),a=W(),p=useColorModeValue("gray.700","gray.100"),u=s??t;return b.createElement(Box,{p:.5},b.createElement(Button,{onClick:()=>r(e),variant:"unstyled",color:i&&!u?"white":p,bg:i&&!u?"accent.400":"transparent",px:u?0:2,py:u?0:1,transition:"all 300ms",border:"none",boxShadow:`0px 0px 1px 1px ${i?"transparent":"#00000033"}`,w:"auto",_dark:{boxShadow:`0px 0px 1px 1px ${i?"transparent":"#ffffff66"}`},h:"auto",minW:"0",minH:"0",alignItems:"center",justifyContent:"center",borderColor:i?"transparent":a,size:"none"},u?b.createElement(u,{active:i,colorMode:l,preset:e}):b.createElement(Text,{textShadow:i?"0 0 3px rgba(0,0,0,0.8)":"none",fontSize:"xs"},n)))},pf=({group:e,filters:o,toggleFilter:t})=>{let{label:r,filters:n}=e;return b.createElement(Flex,{px:1,flexFlow:"column",w:"100%"},b.createElement(Text,{px:1,opacity:.8,fontSize:"sm",fontWeight:600},r),b.createElement(Flex,{w:"100%",flexFlow:"row wrap"},n.map(s=>b.createElement(ki,{toggleFilter:t,GroupRender:e.RenderFilter,filters:o,key:s.label,filter:s}))))},Wt=()=>{let{query:e,list:o,toggleFilter:t}=useDataList(),r=useScreen(l=>l.isMobile),{filters:n=[]}=e||{},{filterPresets:s}=o,i=W();return s?.length?b.createElement(HStack,{spacing:1},b.createElement(Popover,{placement:"right-start",trigger:r?"click":"hover",strategy:"fixed"},b.createElement(PopoverTrigger,null,b.createElement(IconButton,{size:"sm",variant:"ghost","aria-label":"Filters",icon:b.createElement(Image,{width:"24px",filter:`grayscale(${n.length?0:100}%)`,src:"/icons/tune.svg"})})),b.createElement(Portal,null,b.createElement(PopoverContent,{borderRadius:6,w:"auto"},b.createElement(PopoverBody,{w:"240px",p:0},b.createElement(Flex,{flexFlow:"column",w:"100%"},b.createElement(HStack,{py:1.5,px:2,w:"100%",spacing:1,borderBottom:`1px solid ${i}`},b.createElement(Image,{width:"18px",filter:"grayscale(100%)",src:"/icons/tune.svg"}),b.createElement(Text,{opacity:.8,fontSize:"sm",fontWeight:600},"FILTERS")),b.createElement(Flex,{justify:"center",w:"100%",flexFlow:"row wrap",py:1,px:2},s.map(l=>isFilterGroup(l)?b.createElement(pf,{toggleFilter:t,filters:n,key:l.label,group:l}):b.createElement(ki,{toggleFilter:t,filters:n,key:l.label,filter:l}))))),b.createElement(PopoverArrow,null),b.createElement(PopoverCloseButton,null))))):null};var xf=({preset:e})=>{let{setSort:o,query:t}=useDataList(),{sort:r}=t,{label:n,key:s,Render:i}=e,l=useMemo(()=>r?.key===s?r.direction:null,[r,s]),{colorMode:a}=useColorMode(),p=useMemo(()=>l?"white":a==="light"?"gray.500":"gray.400",[l,a]),u=useMemo(()=>r?.direction==="asc"?b.createElement(ArrowUpIcon,{w:4,h:4}):b.createElement(ArrowDownIcon,{w:4,h:4}),[r]);return b.createElement(Button,{size:"xs",variant:"outline",bg:l?"accent.400":"transparent",transition:"all 300ms",textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none",boxShadow:`0px 0px 1px 1px ${l?"transparent":"#00000033"}`,border:"none",_dark:{boxShadow:`0px 0px 1px 1px ${l?"transparent":"#ffffff66"}`,color:p,textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none"},"aria-label":n,opacity:l?1:.8,height:6,pl:l?3:2,pr:2,_hover:{opacity:1},gap:0,color:p,onClick:()=>o({direction:l&&r?.direction==="asc"?"desc":"asc",key:s})},i?b.createElement(i,{active:l,colorMode:a,preset:e}):b.createElement(Text,{fontWeight:600,fontSize:"sm",color:p},n),b.createElement(qt,{active:!!l,h:"16px",width:20},u))},Gt=()=>{let{list:{sortPresets:e}}=useDataList();return e?b.createElement(HStack,{spacing:2},e.map(o=>b.createElement(xf,{key:o.label,preset:o}))):null};var Oi=()=>{let{list:e,search:{search:o,update:t}}=useDataList(),{searchIcon:r,itemName:n,pluralItemName:s}=e,i=useColorModeValue("invert(0)","invert(1)");return b.createElement(Flex,{p:1,flex:1,minW:"0"},b.createElement(InputGroup,null,b.createElement(InputLeftElement,{pointerEvents:"none"},r?b.createElement(Image,{filter:i,src:r,w:"24px"}):b.createElement(SearchIcon,{w:"24px",opacity:.5})),b.createElement(Input,{bg:"whiteAlpha.700",pl:9,borderRadius:6,_focus:{boxShadow:"none",outline:"none"},border:"none",_dark:{bg:"blackAlpha.400",color:"#cdcdcd",_placeholder:{color:"#ababab"},border:"none"},value:o,placeholder:`Search for ${s??toPlural(n)}`,onChange:l=>t(l.target.value)})))},Di=({refetch:e})=>{let{list:o,setNewItemOpen:t}=useDataList(),r=useAuth(),{itemName:n,field:s,access:i}=o,l=useMemo(()=>getHasAccess(r,i?.create,null),[i,r]);return b.createElement(Flex,{gap:2,ml:"auto",align:"center"},e?b.createElement(Tooltip,{placement:"left",hasArrow:true,label:"Refresh","aria-label":"Refresh"},b.createElement(IconButton,{size:"xs",icon:b.createElement(RepeatIcon,null),"aria-label":"Refresh",onClick:e})):null,s&&l?b.createElement(Tooltip,{placement:"left",hasArrow:true,label:`Create new ${n}`,"aria-label":`Create new ${n}`},b.createElement(IconButton,{size:"xs",icon:b.createElement(AddIcon,null),"aria-label":`Create new ${n}`,onClick:()=>t(true)})):null)},Bf=[{id:"grid",label:"Grid View",Render:e=>b.createElement(Image,{w:5,opacity:e?1:.7,src:"/icons/grid_view.svg"})},{id:"list",label:"List View",Render:e=>b.createElement(Image,{w:6,opacity:e?1:.7,src:"/icons/list.svg"})}],Ei=()=>{let{toggleGridLayout:e,gridLayout:o}=useDataList();return e?b.createElement(Mr,{onChange:e,options:Bf,value:o?"grid":"list"}):null},Hi=({onResize:e,refetch:o,boxProps:t})=>{let{list:r,mobileLayout:n,toggleGridLayout:s}=useDataList(),{searchPath:i,sortPresets:l,filterPresets:a,Header:p}=r,u=W(),m=useRef(null),d=useCallback(f=>{e({height:f.contentRect.height,width:f.contentRect.width});},[e]),c=useMemo(()=>!!Object.keys(i??{}).length,[i]);return rr(m,d),b.createElement(Box,{ref:m,bg:"background.200",borderBottom:`1px solid ${u}`,w:"100%",...t},b.createElement(Flex,{px:2,align:"center",w:"100%"},l?.length||a?.length||c?b.createElement(Flex,{w:"100%",flexFlow:n?"column":"row"},n&&!p?null:b.createElement(Flex,{flex:1,px:2,py:n?0:1,gap:1,align:"center"},n?null:b.createElement(Flex,{flex:1,minW:"0",align:"center",gap:2},s?b.createElement(Ei,null):null,b.createElement(Wt,null),b.createElement(Gt,null),c?b.createElement(Oi,null):null),b.createElement(Flex,{align:"center",minW:"0",gap:3,ml:"auto"},p?b.createElement(Box,{minW:"0",flex:1},b.createElement(p,null)):null,n?null:b.createElement(Di,{refetch:o}))),c&&n?b.createElement(Oi,null):null,n&&(l?.length||a?.length)?b.createElement(Flex,{pl:1,py:1,gap:1.5,align:"center",w:"100%"},s?b.createElement(Ei,null):null,b.createElement(Wt,null),b.createElement(Gt,null),b.createElement(Di,{refetch:o})):null):null))};var _i=()=>{let{selectedItemId:e,deselectItem:o,list:t}=useDataList(),{ItemView:r,itemName:n}=t||{},[s,i]=useState({x:0,y:0}),{data:{data:l}}=usePaginatedList(),a=useMemo(()=>l.find(c=>c._id===e)??null,[l,e]),{colorMode:p}=useColorMode(),u=useColorModeValue("red.600","red.300"),[m,d]=useState(null);return useEffect(()=>{a&&d(a);},[a]),b.createElement(xi,{contentProps:{p:0,transition:"all 300ms",transform:`translate(${s.x}px, ${s.y}px)`},scrollBehavior:"inside",onClose:o,isOpen:!!r&&!!e},r&&m?b.createElement(r,{item:m,colorMode:p,clearContentOffset:()=>i({x:0,y:0}),updateContentOffset:(c,f)=>i({x:c,y:f})}):b.createElement(Text,{color:u,p:4},"Error displaying ",n))};var Ni=({modals:e,noFooter:o,headerProps:t,footerProps:r})=>{let{data:{isLoading:n,data:s}}=usePaginatedList(),{list:i}=useDataList(),{height:l}=useFullSize(),[a,p]=useState(0),[u,m]=useState(0),d=useMemo(()=>l-a-u,[l,a,u]),c=useCallback(y=>{p(y.height);},[]),f=useCallback(y=>{m(y.height);},[]),{ItemView:g,field:h}=i;return b.createElement(b.Fragment,null,b.createElement(Hi,{boxProps:t,onResize:c}),b.createElement(Box,{h:`${d}px`,position:"relative",w:"100%"},b.createElement(pi,{height:d}),o?b.createElement(Be,{isLoading:!s.length&&n}):null),b.createElement(Ii,{noFooter:o,flexProps:r,onResize:f}),e??null,g?b.createElement(_i,null):null,h?b.createElement(bi,{field:h}):null)};var g1=({list:e,basePath:o,flexProps:t,infiniteScroll:r,...n})=>{let{adapter:{db:s}}=useBackendBase(),{baseQuery:i}=e,l=useDataListData(e,r,o),a=usePaginatedQuery(s,i,!!r);return b.createElement(PaginatedListProvider,{state:l,data:a},b.createElement(jn,{...t},b.createElement(Ni,{...n})))};var b1=({value:e,duration:o=30})=>{let t=useRef(null),r=useRef(e),n=useRef(null);return useEffect(()=>(n.current=setInterval(()=>{if(t.current){if(r.current===e&&n.current)return clearInterval(n.current);r.current<e?(r.current+=1,t.current.innerText=r.current.toString()):r.current>e&&(r.current-=1,t.current.innerText=r.current.toString());}return ()=>{}},o),()=>{n.current&&clearInterval(n.current);}),[e,o]),b.createElement("span",{ref:t},e)};var o0=()=>{let{colorMode:e,toggleColorMode:o}=useColorMode(),t=useColorModeValue("gray.200","whiteAlpha.200"),r=useColorModeValue("blackAlpha.700","whiteAlpha.800"),n=useColorModeValue("gray.300","whiteAlpha.300"),s=useColorModeValue("gray.800","whiteAlpha.800");return b.createElement(IconButton,{"aria-label":"Toggle dark mode",bg:t,color:r,borderRadius:"full",_hover:{bg:n,color:s},w:8,h:8,minW:0,icon:e==="light"?b.createElement(SunIcon,{w:4,h:4}):b.createElement(MoonIcon,{w:4,h:4,filter:"drop-shadow(1px 1px 2px #000000aa)"}),onClick:o,variant:"ghost"})},S1=e=>b.createElement(Flex,{position:"absolute",bottom:3,right:3,...e},b.createElement(o0,null));var {definePartsStyle:s0,defineMultiStyleConfig:l0}=createMultiStyleConfigHelpers(switchAnatomy.keys),a0=s0({track:{_focusVisible:{boxShadow:"none"}}}),d0=l0({baseStyle:a0}),Uo=cssVar("popper-arrow-bg"),Gi="Encode Sans",ji="Noto Sans",L1=extendTheme({semanticTokens:{colors:{background:{50:{default:"white",_dark:palette.gray.darker},100:{default:"gray.100",_dark:palette.gray.dark},200:{default:"#efefef",_dark:palette.gray.medium}},accent:{50:{default:"blue.50",_dark:"blue.900"},100:{default:"blue.100",_dark:"blue.800"},200:{default:"blue.200",_dark:"blue.700"},300:{default:"blue.300",_dark:"blue.600"},400:{default:"blue.400",_dark:"blue.500"},500:{default:"blue.500",_dark:"blue.400"},600:{default:"blue.600",_dark:"blue.300"},700:{default:"blue.700",_dark:"blue.200"},800:{default:"blue.800",_dark:"blue.100"},900:{default:"blue.900",_dark:"blue.50"}},error:{default:"red.500",_dark:"red.300"}},fonts:{body:ji,heading:Gi}},components:{Badge:{baseStyle:{bg:"#9a9a9a",textShadow:"none",color:"white",boxShadow:"1px 1px 3px #00000077",_dark:{bg:"#555555",textShadow:"1px 1px 2px #00000077",color:"#efefef"}}},Tooltip:{baseStyle:{bg:"#ababab",textShadow:"0 0 3px rgba(0,0,0,0.5)",color:"white",[Uo.variable]:"#ababab",_dark:{bg:"#777777",textShadow:"none",color:"#efefef",[Uo.variable]:"#777777"}}},Button:{baseStyle:{fontFamily:Gi,fontWeight:500,_focus:{boxShadow:"none"}},variants:{link:{color:"#444",_dark:{color:"rgba(230,230,255,0.9)"}},ghost:{_hover:{bg:"blackAlpha.500"}},solid:{textShadow:"1px 1px 3px #00000077",bg:"blackAlpha.400",color:"whiteAlpha.800",_hover:{bg:"blackAlpha.500"},_dark:{bg:"whiteAlpha.300",color:"whiteAlpha.800",_hover:{bg:"whiteAlpha.400"}}},outline:{border:"1px solid",borderColor:"#ababab",color:"#656565",_hover:{bg:"blackAlpha.100"},_dark:{border:"1px solid #999",color:"#999",_hover:{bg:"whiteAlpha.300"}}}}},Tabs:{baseStyle:{tab:{_focus:{boxShadow:"none"}}}},Text:{baseStyle:{fontFamily:ji}},Popover:{baseStyle:{root:{_focus:{boxShadow:"none"}},content:{bg:"background.100",border:"none",boxShadow:"0 0 4px rgba(0,0,0,0.5)",[Uo.variable]:"background.100",_dark:{bg:"background.100",[Uo.variable]:"background.100"}}}},Checkbox:{baseStyle:{control:{_focus:{boxShadow:"none"},border:"2px solid #ababab",borderColor:"#ababab",_checked:{bg:"#666666",color:"#efefef",border:"none"},_hover:{bg:"#555",border:"none"},_dark:{_checked:{bg:"#efefef",color:"#444444",border:"none"},_hover:{bg:"#555",border:"none"}}},label:{color:"#888",_dark:{color:"#999999"},_checked:{color:"#444444",_dark:{color:"#cdcdcd"}}}},variants:{noBox:{control:{bg:"transparent",_hover:{bg:"none"}}}}},Modal:{baseStyle:{dialog:{bg:"background.100",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}}}},Input:{baseStyle:{field:{_focus:{boxShadow:"none",outline:"none",border:"1px solid #bcbcbc"}}},variants:{text:{field:{borderRadius:6,border:"1px solid #dedede",_focus:{boxShadow:"none",borderColor:"#bcbcbc"},_active:{boxShadow:"none"},_placeholder:{color:"#777"},_dark:{border:"1px solid #777",_focus:{borderColor:"#999",boxShadow:"none"},_placeholder:{color:"#777"}}}}},defaultProps:{variant:"text"}},Switch:d0,Menu:{baseStyle:{list:{bg:"background.100",border:"none",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}},item:{_hover:{bg:"rgba(0,0,0,0.3)"},_focus:{bg:"rgba(0,0,0,0.2)"}}}},Progress:{baseStyle:{track:{bg:"blackAlpha.300",borderRadius:"full",_dark:{bg:"whiteAlpha.300"}},filledTrack:{bg:"blackAlpha.400",_dark:{bg:"whiteAlpha.500"}}}}}});var O1=()=>{if(typeof window<"u"){let e=()=>{let o=window.innerWidth,t=window.innerHeight;useScreen.setState({width:o,height:t,isMobile:o<769,isPortrait:o<t}),window.addEventListener("resize",e);};return e(),()=>{window.removeEventListener("resize",e);}}return ()=>{}};export{S1 as AbsoluteDarkModeToggle,f0 as AbsoluteLogin,uo as CircularProgress,qt as CollapseHorizontal,Le as ContentBox,o0 as DarkModeToggle,g1 as DataList,fm as DataView,xi as DefaultModal,kr as DeleteButton,yl as DeleteConfirmAlert,zo as DesktopModal,$n as Editable,mr as ErrorView,Z as ExpandOnMount,Qo as Expandable,gm as FieldForm,Nn as FieldMapForm,Re as FieldView,Io as FileView,Mt as Form,kt as FormElement,eg as FullSizeContainer,sr as FullSizeProvider,Er as ImageViewOverlay,jn as ListContainer,Ni as ListContent,mm as ListFieldInput,Fe as Loading,$r as LoadingImage,Ce as LoadingLogo,Be as LoadingOverlay,_h as LoadingSwitch,xr as LottieLoadingLogo,kx as MediaFeed,rh as MobileFrame,hi as MobileModal,mi as MobileOverlay,bc as MobileOverlayBackground,Jo as NAV_BAR_HEIGHT,ur as NavBar,b1 as NumberTicker,mn as PlayButton,wr as RedirectView,qi as SignIn,Vn as StandaloneInput,Mr as Toggle,Jt as ViewButton,L1 as baseTheme,ji as bodyFont,Gi as headingFont,O1 as initializeScreen,d0 as switchTheme,W as useBorderColor,Ml as useMediaFeed};//# sourceMappingURL=index.js.map
+        `,fontSize:"md",type:"time",placeholder:e.placeholder,...o,value:o.value??""})));Xe.displayName="TimeInput";var Fd=e=>{if(!e)return {date:void 0,time:void 0};let o=new Date(e);return {date:ht(o),time:o.toTimeString().substring(0,5)}},bt=forwardRef(({input:{value:e,onBlur:o,onChange:t,onFocus:r}},n)=>{let[{date:s,time:i},l]=useState(Fd(e)),[a,p]=useState(null),u=useCallback((d,c)=>{d==="date"?(l({date:c,time:i}),c&&i&&t(new Date(`${c}T${i}`).getTime())):(l({time:c,date:s}),c&&s&&t(new Date(`${s}T${c}:00.000`).getTime()));},[s,i,t]);useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}}));let m=useMemo(()=>({active:a==="date",error:void 0,touched:false}),[a]);return b.createElement(HStack,{w:"100%"},b.createElement(Ye,{field:{_type:"date",placeholder:"Date"},input:{value:s,onChange:d=>{u("date",d);},onBlur:()=>{p(null),o();},onFocus:()=>{p("date"),r();}},meta:m}),b.createElement(Xe,{field:{_type:"time",placeholder:"Time"},input:{value:i,onChange:d=>u("time",d.target.value),onBlur:()=>{p(null),o();},onFocus:()=>{p("time"),r();}},meta:m}))});bt.displayName="DateTimeInput";var Qe=create(()=>({isPlaying:false,media:null,isLoading:false,fetchingMedia:null,shuffle:false,playlist:null,volume:.5,repeat:false,api:{pause:()=>{},play:()=>{},canGoNext:false,canGoPrev:false,goNext:()=>{},goPrev:()=>{},seek:()=>{},sound:null,trackProgress:new MotionValue(0),setMedia:()=>{},stop:()=>{},loop:()=>{}}})),cn=()=>{let{media:e,playlist:o}=Qe();return useMemo(()=>o?o.currentId!==null?o.items.find(t=>t.id===o.currentId)??null:null:e,[o,e])};var gn=({media:e,size:o=50,opacity:t=.8,buttonProps:r})=>{let{id:n}=e??{},{playlist:s}=usePlaylist(),i=Qe(d=>d.api),l=Qe(d=>d.isPlaying),a=Qe(d=>d.isLoading),p=cn(),u=l&&p?.id===n,m=a&&p?.id===n;return b.createElement(IconButton,{boxShadow:"md",p:1,height:`${o}px`,width:`${o}px`,minW:"0",minH:"0",borderRadius:"full",isLoading:m,"aria-label":"play/pause",onClick:d=>{d.stopPropagation(),e&&(p?.id===n?l?i.pause():i.play():s?i.setMedia({playlist:{...s,currentId:n??null}}):i.setMedia({media:e}));},style:{background:"#eee"},...r,icon:b.createElement(Center,{borderRadius:"full",height:`${o}px`,width:`${o}px`},b.createElement(Image,{opacity:u?t:0,width:"100%",transition:"all 0.2s ease-in-out",src:"/svg/pause.svg",filter:"invert(100%) drop-shadow(0 0 4px black)",transform:`scale(${u?.8:1})`}),b.createElement(Image,{position:"absolute",width:"100%",opacity:u?0:t,transition:"all 0.2s ease-in-out",filter:"invert(100%) drop-shadow(0 0 3px black)",src:"/svg/play.svg",transform:`scale(${u?1:.8})`}))})};var $d=e=>{if(!e.accept)return;let o=[];return e.accept.includes("image")&&o.push("image/jpg","image/jpeg","image/png","image/svg","image/gif"),e.accept.includes("pdf")&&o.push("application/pdf"),e.accept.includes("audio")&&o.push("audio/mp3","audio/wav","audio/x-wav","audio/webm","audio/ogg"),o.join(",")},Wd=({hasUpload:e,value:o,noLabel:t})=>{let r=useMemo(()=>({id:generateId(),title:o.filename||"Uploaded file",artistName:"",artistId:"",storageDir:"",producerId:"",songwriterId:""}),[o]);return b.createElement(VStack,null,b.createElement(HStack,{spacing:4},b.createElement(gn,{withThumbnail:true,media:r}),e?b.createElement(IconButton,{w:"40px",h:"40px",p:2,borderRadius:"full",boxShadow:"0 0 4px black","aria-label":"upload",icon:b.createElement(Image,{filter:"invert(100%)",src:"/svg/upload.svg",opacity:.8})}):null),!t&&o.filename?b.createElement(Text,{fontSize:"md"},o.filename||"Uploaded file"):null)},Nd=({value:e,options:o,hasUpload:t,loading:r})=>{let[n,s]=useState(false),{url:i,loading:l}=useObjectUrl(e),[a,p]=useState({width:0,height:0}),{shape:u,placeholder:m,objectFit:d,noFullView:c,background:f}=o??{},{src:g,opacity:h,scale:y}=m??{},x=useImageSize(o,a),{width:F,height:S}=x??{},C=useMemo(()=>n?i?1:h??.8:0,[n,i,h]),T=useMemo(()=>i?{objectFit:d??(n&&u?"cover":"contain"),onLoad:L=>{s(true),p({width:L.currentTarget.naturalWidth,height:L.currentTarget.naturalHeight});}}:{width:x?`${x.width*(y??.9)}px`:"auto",height:x?`${x.height*(y??.9)}px`:"80px"},[i,x,y,n,u,d]),E=!!r||l,z=typeof F=="number"?`${F}px`:"auto",O=typeof S=="number"?`${S}px`:"100px";return b.createElement(Gr,{width:z,height:O,noFullView:t??c,overflow:"hidden",borderRadius:u==="circle"?"full":4,boxShadow:u?"1px 1px 3px #00000066":"none",opacity:C,background:f,transition:"opacity 333ms ease",loadingOverride:E,imageProps:T,src:i??g})},Gd={txt:"/icons/description.svg",pdf:"/icons/pdf.svg",zip:"/icons/zip.svg","7z":"/icons/zip.svg",rar:"/icons/zip.svg"},jd=({value:e})=>{let o=useMemo(()=>{if(!e)return "";let n=e.filename.split(".");return n[n.length-1]},[e]),t=Gd[o],r=useColorModeValue("invert(0)","invert(1)");return t?b.createElement(Image,{filter:o!=="pdf"?r:"none",h:"24px",src:t}):null},Ud=({value:e,noLabel:o,imageOptions:t,loading:r,hasUpload:n})=>{switch(useMemo(()=>e.type?.split("/")?.[0],[e])){case "image":return b.createElement(Nd,{hasUpload:n,loading:r,options:t,value:e});case "audio":return b.createElement(Wd,{noLabel:o,value:e,hasUpload:n});case "pdf":return b.createElement(Image,{src:"/icons/pdf.svg"});default:return b.createElement(Flex,{gap:2},b.createElement(jd,{value:e}),b.createElement(Text,null,e.filename))}},Yd=({hasUpload:e,imageOptions:o})=>{let t=useImageSize(o),{shape:r,placeholder:n}=o??{},{src:s,scale:i,opacity:l}=n??{},{width:a,height:p}=t??{},u=useColorModeValue("invert(0)","invert(1)"),m=useColorModeValue("whiteAlpha.500","whiteAlpha.100"),d=W(),c=o?b.createElement(Center,{height:r?`${p}px`:"auto",width:r?`${a}px`:"auto",bg:r?m:"transparent",borderRadius:r==="circle"?"full":4,overflow:"hidden",boxShadow:r?"1px 1px 4px #00000055":"none"},b.createElement(Image,{filter:u,opacity:l,height:typeof p=="number"?`${p*(i??.6)}px`:"50px",src:s??"/icons/image.svg"})):b.createElement(Text,{border:"1px dashed",borderColor:d,p:3,fontSize:"sm",textAlign:"center",w:"100%",opacity:.8},e?"Click to upload or drop file here":"No file uploaded");return b.createElement(Center,{width:typeof a=="number"?`${a}px`:"auto",height:typeof p=="number"?`${p}px`:"auto"},c)},Io=({value:e,hasUpload:o,noLabel:t,loading:r,imageOptions:n})=>{let{storagePath:s,dataUrl:i}=e??{},l=useMemo(()=>!i&&!s,[i,s]);return !e||l?b.createElement(Yd,{hasUpload:o,imageOptions:n}):b.createElement(Ud,{loading:r,imageOptions:n,noLabel:t,hasUpload:o,value:e})},wt=forwardRef(({input:{value:e,onChange:o},field:t},r)=>{let{imageOptions:n}=t||{},s=useRef(null),i=useCallback(p=>{let u=p.target.files?.[0];u&&(e?.dataUrl&&URL.revokeObjectURL(e.dataUrl),o({...e,dataUrl:URL.createObjectURL(u),type:u.type,filename:u.name}));},[o,e]);useImperativeHandle(r,()=>({focus:()=>{s.current?.click();},blur:()=>{s.current?.blur();}}));let l=useMemo(()=>t.accept&&t.accept.length===1&&t.accept[0]==="image",[t]),a=useMemo(()=>l||e?.type?.startsWith("image/")||e?.type?.startsWith("video/")?{height:120,...n,objectFit:"contain"}:void 0,[n,l,e]);return b.createElement(Center,{flexFlow:"column",position:"relative",cursor:"pointer",onClick:()=>s.current?.click(),width:"100%"},b.createElement(Text,{fontSize:"sm",opacity:.8,mb:1},t.placeholder),b.createElement(Center,{width:"100%",position:"relative",p:2,overflow:"hidden"},b.createElement(Io,{hasUpload:true,imageOptions:a,value:e}),b.createElement("input",{onChange:i,ref:s,accept:$d(t),type:"file",style:{position:"absolute",pointerEvents:"none",height:.1,width:.1,opacity:0}})))});wt.displayName="FileComponent";var yn=forwardRef(({field:e,input:o,inEditable:t},r)=>{let{options:n,renderOption:s,getOptionKey:i}=e,{onChange:l,value:a,onFocus:p,onBlur:u}=o,{colorMode:m}=useColorMode();useImperativeHandle(r,()=>({focus:()=>{p();},blur:()=>{u();}}));let d=b.createElement(Flex,{w:"100%",flexFlow:"row wrap"},n.map(c=>b.createElement(Box,{key:i?i(c):c,p:.5},b.createElement(Button,{w:"100%",minH:0,size:"xs",p:0,opacity:a?.includes(c)?1:.7,variant:"unstyled",onClick:f=>{f.stopPropagation(),l(a?.includes(c)?a.filter(g=>g!==c):[...a??[],c]);},_hover:{opacity:.8}},b.createElement(s,{value:c,colorMode:m,isSelected:!!a?.includes(c)})))));return t?b.createElement(Flex,{py:.5,flexFlow:"column",w:"100%"},b.createElement(Text,{lineHeight:1,px:2,opacity:.8,fontSize:"sm",fontWeight:600},e.placeholder),d):d});var ep={xs:.25,sm:.35,md:.5,lg:.5,xl:.5},op={xs:.5,sm:.75,md:.75,lg:.75,xl:.75},tp=e=>{let o=ep[e],t=op[e];return `${o}rem ${t}rem`},rp={xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem"},wn=e=>useMemo(()=>({padding:tp(e??"md"),fontSize:rp[e??"md"]}),[e]);var vt=forwardRef(({input:{onChange:e,value:o,...t},field:r,size:n,prefix:s,inEditable:i,...l},a)=>{let{type:p,defaultValue:u,placeholder:m}=r,d=useColorModeValue("number-input","number-input-dark"),c=wn(n),f=bo(a),[g,h]=useState(""),y=typeof o=="number"&&!Number.isNaN(o)?`${o}${g}`:"";return p==="slider"?b.createElement(yo,{label:m,onChange:e,value:o,defaultValue:u}):b.createElement(ap,{className:d,placeholder:r.placeholder,decimalsLimit:r.precision,allowDecimals:!!r.precision,prefix:s,ref:f,onValueChange:(x,F,S)=>{x?.endsWith(".")?h("."):x?.includes(".")&&x?.endsWith("0")?h("0"):h(""),e(S?.float);},value:y,...l,style:{background:"none",resize:"none",fontFamily:"Encode Sans",boxSizing:"border-box",width:"100%",borderRadius:"4px",border:"none",outline:"none",...c,...l.style},...t})}),dp=({field:e,...o},t)=>{let r=useRef(null);return useImperativeHandle(t,()=>({focus:()=>{r.current?.focus();},blur:()=>{r.current?.blur();}})),b.createElement(vt,{prefix:"$",field:{...e,_type:"number"},...o})},vn=forwardRef(dp);var Sn=({value:e,field:o})=>{let t=useMemo(()=>{if(e===""||e===void 0||e===null)return 1;switch(o._type){case "text":case "number":case "select":case "date":case "time":case "datetime":return  -1;default:return 1}},[e,o]);return b.createElement(Flex,{transition:"top 300ms",top:t,position:"absolute",right:3},b.createElement(Text,{fontSize:"xs",opacity:.6},"OPTIONAL"))};var Fp=e=>b.createElement(Text,null,typeof e=="string"?e:JSON.stringify(e)),Tn=forwardRef(({field:e,input:o,meta:t},r)=>{let{placeholder:n,options:s,renderOption:i,getOptionKey:l}=e,{onChange:a,value:p,onFocus:u,onBlur:m}=o,{active:d}=t,c=useMemo(()=>p&&s.find(h=>h===p),[p,s]),{colorMode:f}=useColorMode();useImperativeHandle(r,()=>({focus:()=>{u();},blur:()=>{m();}}));let g=i??Fp;return b.createElement(Popover,{strategy:"fixed",placement:"bottom",matchWidth:true,isOpen:d,onClose:m},b.createElement(PopoverTrigger,null,b.createElement(Button,{fontWeight:500,w:"100%",opacity:p?1:.7,onClick:h=>{h.stopPropagation(),u();},variant:"unstyled",position:"relative"},b.createElement(Box,null,c?b.createElement(g,{value:c,colorMode:f,isSelected:true}):b.createElement(Text,{opacity:.7},n)))),b.createElement(PopoverContent,{w:"100%",overflowY:"auto",maxH:"300px"},b.createElement(PopoverBody,{p:0},s.map(h=>b.createElement(Button,{key:l?l(h):h,w:"100%",variant:"unstyled",onClick:y=>{y.stopPropagation(),a(h),m();},_hover:{bg:"blackAlpha.100"},_dark:{_hover:{bg:"whiteAlpha.100"}}},b.createElement(g,{value:h,colorMode:f,isSelected:h===c})))),b.createElement(PopoverArrow,null)))});var Vp="/icons/facebook.svg",Hp="/icons/instagram.svg",_p="/icons/soundcloud.svg",$p="/icons/twitter.svg",Wp="/icons/youtube.svg",Np={facebook:Vp,instagram:Hp,twitter:$p,youtube:Wp,soundcloud:_p},Ke=({site:e,value:o,onChange:t})=>{let{handle:r,error:n}=useMemo(()=>{try{return {handle:getHandle(e,o)}}catch(i){return {error:i?.message??"Error parsing handle"}}},[o,e]),s=useMemo(()=>r?`${e.toUpperCase()}: ${r}`:e.toUpperCase(),[e,r]);return b.createElement(Popover,{trigger:"hover"},b.createElement(PopoverTrigger,null,b.createElement(Center,{opacity:r?1:.6,borderRadius:"full",width:"34px",height:"34px"},b.createElement(Image,{cursor:"pointer",filter:`grayscale(${r?0:100}%)`,height:"24px",width:"24px",objectFit:"contain",src:Np[e]}))),b.createElement(PopoverContent,{w:"auto"},b.createElement(PopoverBody,{overflow:"hidden",borderRadius:4,p:0,w:"auto"},b.createElement(VStack,{spacing:0,p:2,w:"300px",align:"flex-start"},b.createElement(Text,{fontSize:"md"},s),b.createElement(Collapse,{in:!!n,style:{width:"100%"}},b.createElement(Text,{px:1,bg:"red.500",fontSize:"sm",color:"white"},n)),b.createElement(Input,{onChange:i=>t(i.target.value),placeholder:"Handle or URL",width:"100%",value:o,size:"md"})))))},Pt=forwardRef((e,o)=>{let{input:{value:t,onChange:r},field:{sites:n}}=e,s=useCallback((i,l)=>{let{[i]:a,...p}=t??{};!l&&Object.keys(p).length===0&&r({target:{value:void 0}}),l||r(p),r({...p,[i]:l});},[r,t]);return useImperativeHandle(o,()=>({blur:()=>{},focus:()=>{}})),b.createElement(VStack,{w:"100%",p:1},b.createElement(VStack,{borderRadius:4,p:2,spacing:0,w:"100%"},b.createElement(Text,{fontSize:"md"},"Links"),b.createElement(HStack,null,!n||n.facebook?b.createElement(Ke,{onChange:i=>s("facebook",i),site:"facebook",value:t?.facebook}):null,!n||n.instagram?b.createElement(Ke,{onChange:i=>s("instagram",i),site:"instagram",value:t?.instagram}):null,!n||n.twitter?b.createElement(Ke,{onChange:i=>s("twitter",i),site:"twitter",value:t?.twitter}):null,!n||n.youtube?b.createElement(Ke,{onChange:i=>s("youtube",i),site:"youtube",value:t?.youtube}):null,!n||n.soundcloud?b.createElement(Ke,{onChange:i=>s("soundcloud",i),site:"soundcloud",value:t?.soundcloud}):null)))});Pt.displayName="SocialMediaComponent";var It=forwardRef(({input:e,field:o,inEditable:t},r)=>{let n=useTextColor(),s=useRef(null);return useImperativeHandle(r,()=>({focus:()=>{s.current?.focus();},blur:()=>{s.current?.blur();}})),b.createElement(Qp,{placeholder:o.placeholder,minRows:2,maxRows:5,ref:s,style:{resize:"none",width:"100%",color:n,background:"none",fontFamily:"fonts.body",boxSizing:"border-box",borderRadius:"4px",padding:t?0:"0.6rem 1rem",border:"none",outline:"none"},...e})});It.displayName="TextAreaComponent";var Tt=forwardRef(({input:e,inEditable:o,meta:t,field:r},n)=>{let{placeholder:s,type:i}=r,[l,a]=useState(i==="password"),{value:p}=e,u=useRef(null);useImperativeHandle(n,()=>({focus:()=>{u.current?.focus();},blur:()=>{u.current?.blur();}}));let m=i==="textarea"?b.createElement(It,{inEditable:o,field:r,input:e,meta:t}):b.createElement(Input,{ref:u,border:"none",_dark:{border:"none"},borderRadius:0,px:o?0:3,background:"transparent",_focus:{border:"none"},py:o?0:.5,type:l?"password":"text",height:o?"auto":10,placeholder:s,...e,onChange:d=>{e.onChange({target:{value:d.target.value}});},value:p??""});return i==="password"?b.createElement(Flex,{width:"100%",position:"relative",align:"center"},m,b.createElement(IconButton,{position:"absolute",right:2,onClick:()=>a(!l),variant:"ghost",icon:l?b.createElement(ViewIcon,null):b.createElement(ViewOffIcon,null),"aria-label":l?"show":"hide",title:l?"Show":"Hide",size:"xs"})):m});Tt.displayName="TextComponent";var lu={text:Tt,file:wt,boolean:nn,select:Tn,multipleSelect:yn,currency:vn,number:vt,date:Ye,datetime:bt,time:Xe,socialMedia:Pt,color:pn},au=(e,o)=>{let{field:t,meta:{error:r,active:n,touched:s},input:i,inEditable:l}=e,{value:a}=i,p=useMemo(()=>r&&s?"#ff7777":n?"rgba(0,0,0,0.7)":"rgba(0,0,0,0.3)",[r,n,s]),{_type:u,optional:m,label:d}=t,c=useMemo(()=>u==="multipleSelect"||!!a&&u!=="file"&&u!=="boolean",[a,u]),f=useMemo(()=>{if(l)return {};switch(u){case "text":case "number":case "currency":case "select":return {boxShadow:`0 0 7px ${p}`,transition:"all 300ms",bg:"background.50"};default:return {}}},[u,p,l]),g=useMemo(()=>lu[u],[u]),h=useMemo(()=>l?0:r&&s?6:2,[l,r,s]);return b.createElement(VStack,{position:"relative",align:"flex-start",width:"100%",py:l?0:1,px:1,spacing:0,pb:h,transition:"all 500ms",pt:c&&!l?4:0},d&&!l?typeof d=="string"?b.createElement(Text,{color:"gray.800",fontSize:"sm",px:2},d):b.createElement(d,null):null,b.createElement(Flex,{width:"100%",borderRadius:4,py:.5,overflow:"hidden",...f},b.createElement(g,{ref:o,...e})),l?null:b.createElement(b.Fragment,null,b.createElement(Text,{opacity:r&&s?1:0,transition:`opacity 500ms ease ${r&&s?250:0}ms`,position:"absolute",bottom:"0px",fontSize:"sm",px:1,pointerEvents:"none",color:"red.600"},r),b.createElement(Text,{opacity:c?1:0,transition:`opacity 500ms ease ${c?250:0}ms`,position:"absolute",top:"-4px",pointerEvents:"none",fontSize:"sm",fontFamily:"fonts.heading",px:1,color:"blackAlpha.600",_dark:{color:"whiteAlpha.600"}},t.placeholder||"")),m&&!l?b.createElement(Sn,{field:t,value:a}):null)},To=forwardRef(au);var mu=({field:e,name:o},t)=>{let{control:r,getOnChange:n,meta:s,onFocus:i,onBlur:l}=useField(o,e);return b.createElement(Controller,{control:r,name:o,render:({field:{name:a,ref:p,onBlur:u,...m}})=>b.createElement(To,{ref:t,field:e,input:{...m,onFocus:i,onBlur:()=>{l(),u();},onChange:n(m.onChange)},meta:s})})},Ln=forwardRef(mu);var ko=({uploads:e})=>{let o=useMemo(()=>Object.values(e),[e]);return b.createElement(TransitionGroup,{component:Flex,width:"100%",flexFlow:"column"},o.map(t=>b.createElement(Z,{key:t.label},b.createElement(Center,{px:2,height:"26px",position:"relative",w:"100%",flexDirection:"column"},b.createElement(Progress,{borderRadius:"full",value:t.percent*100,mx:2,my:1,size:"md",height:"100%",width:"100%"}),b.createElement(Text,{fontFamily:"fonts.heading",textShadow:"1px 1px 3px #000000aa",color:"white",position:"absolute",fontSize:"sm",fontWeight:500},t.label.toUpperCase())))))};var Pu=({onBack:e,children:o})=>b.createElement(Button,{flex:1,transition:"all 500ms",onClick:e,variant:"outline",border:"1px solid #cdcdcd",color:"#777",ml:"auto"},o),Iu=({onSubmitClick:e,submitting:o,children:t,filter:r,opacity:n})=>b.createElement(Button,{isLoading:o,filter:r,flex:1,transition:"all 500ms",opacity:n,onClick:()=>{e();},ml:"auto",variant:"solid"},t),Tu=()=>{let{formError:e}=useChempoForm();return b.createElement(Collapse,{in:!!e},b.createElement(Text,{color:"red"},e??""))},On=({renderFooter:e,...o})=>{let{uploads:t,onBack:r,buttonText:n,onSubmit:s}=o,{isSubmitting:i,isValid:l}=useFormState();return b.createElement(Flex,{w:"100%",flexFlow:"column"},b.createElement(Collapse,{endingHeight:5,style:{width:"100%"},in:i},b.createElement(Progress,{w:"100%",h:"5px",isIndeterminate:true})),b.createElement(ko,{uploads:t}),b.createElement(Tu,null),e?b.createElement(e,{...o}):b.createElement(HStack,{py:2,borderTop:"1px solid",borderColor:"background.200",px:3,w:"100%"},r?b.createElement(Pu,{onBack:r},"Cancel"):null,b.createElement(Iu,{size:"sm",filter:`grayscale(${l?0:100}%)`,opacity:l?1:.5,onSubmitClick:s,submitting:i},n)))};var En=({field:e,value:o,noLabel:t,style:r})=>{let{imageOptions:n,placeholder:s}=e,i=useMemo(()=>({height:150,...n}),[n]);return b.createElement(Flex,{flexFlow:o?"column":"row",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},s),o?b.createElement(Z,null,b.createElement(Box,{p:1},b.createElement(Io,{imageOptions:i,value:o}))):b.createElement(Text,{opacity:.7},"None"))};var Vn=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n,renderOption:s}=e,{colorMode:i}=useColorMode();return b.createElement(Flex,{maxW:"100%",flexFlow:"row wrap",align:"center",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},n),o?o.map(l=>b.createElement(Box,{key:e.getOptionKey?e.getOptionKey(l):l,p:.5},b.createElement(s,{value:l,colorMode:i,isSelected:true}))):b.createElement(Text,{opacity:.6},"None"))};var zu=e=>typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?e.toString():JSON.stringify(e),Vu=e=>b.createElement(Text,null,zu(e)),_n=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n,renderOption:s}=e,{colorMode:i}=useColorMode();return b.createElement(Flex,{align:"center",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},n),o?b.createElement(s??Vu,{value:o,colorMode:i,isSelected:true}):"None")};var Wu=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n}=e,s=useMemo(()=>{let i=formatField[e._type];return i?i(e,o):o},[o,e]);return b.createElement(Flex,{align:"center",style:r},t?null:b.createElement(Text,{pr:2,opacity:.7,fontWeight:600},n),b.createElement(Text,{opacity:o!=null?1:.6},s??"None"))},Re=({field:e,value:o,noLabel:t,style:r})=>{switch(e._type){case "select":return b.createElement(_n,{style:r,field:e,value:o,noLabel:t});case "multipleSelect":return b.createElement(Vn,{style:r,field:e,value:o,noLabel:t});case "file":return b.createElement(En,{style:r,field:e,value:o,noLabel:t});default:return b.createElement(Wu,{style:r,field:e,value:o,noLabel:t})}};var Uu=({onChange:e,value:o,field:t,onBlur:r,inEditable:n,onFocus:s,style:i},l)=>{let{inputProps:a,meta:p}=useStandaloneInput(t,o,e,s,r);return b.createElement(To,{ref:l,field:t,inEditable:n,style:i,input:a,meta:p})},Wn=forwardRef(Uu);var Gn=({value:e,field:o,onSubmit:t,storagePath:r,style:n,onEditClose:s,onEditOpen:i})=>{let{formattedValue:l,inputRef:a,setValue:p,isLoading:u,uploads:m,editHovered:d,handleEditOpen:c,handleEditClose:f,isEditing:g,value:h,setEditHovered:y,submit:x,submitValue:F,parse:S}=useEditable({value:e,field:o,onSubmit:t,storagePath:r,onEditOpen:i,onEditClose:s}),C=useMemo(()=>o._type==="file"||o._type==="boolean",[o]);useEffect(()=>{g&&a.current?.focus();},[g,a]);let T=useColorModeValue$1("#00000055","#ffffff55");return b.createElement(Flex,{borderRadius:4,border:`1px dashed ${d&&!g?T:"transparent"}`,flexFlow:"column",w:"100%"},b.createElement(Flex,{align:"center",px:1,position:"relative",w:"100%"},b.createElement(Flex,{opacity:u?0:1,transition:"all 300ms",mr:1,border:`1px dashed ${g?T:"transparent"}`,flex:1,minW:"0"},g||C?b.createElement(Wn,{ref:a,value:l,inEditable:true,field:o,style:{padding:0,...n},onChange:C?E=>F(S(E)):E=>p(S(E))}):b.createElement(Re,{style:n,field:o,value:h})),C?null:b.createElement(b.Fragment,null,b.createElement(IconButton,{"aria-label":"Edit",size:"xs",icon:g?b.createElement(CloseIcon,{width:3}):b.createElement(EditIcon,null),onMouseEnter:()=>y(true),onMouseLeave:()=>y(false),onClick:()=>{g?(p(h),f()):c();}}),b.createElement(Flex,{transition:"all 300ms",justify:"flex-end",opacity:g?1:0,overflow:"hidden",w:g?"30px":"0px"},b.createElement(IconButton,{"aria-label":"Edit",size:"xs",bg:palette.cyan.light,_dark:{bg:palette.cyan.light,_hover:{bg:palette.cyan.lighter}},_hover:{bg:palette.cyan.medium},icon:b.createElement(CheckIcon,{filter:"drop-shadow(1px 1px 3px #000000aa)"}),onClick:()=>{x();}}))),b.createElement(Be,{isLoading:u})),b.createElement(ko,{uploads:m}))};var bm=e=>o=>{o.destination&&e(o.source.index,o.destination.index);},ym=({field:e,name:o})=>{let t=useMemo(()=>isField(e.itemField)?"":isListField(e.itemField)?[]:{},[e]),r=useColorModeValue("#efefef","#2b2b2b"),n=W(),{control:s}=useFormContext(),{fields:i,append:l,remove:a,move:p}=useFieldArray({control:s,name:o}),u=useMemo(()=>bm(p),[p]);return b.createElement(Flex,{overflow:"hidden",gap:2,flexFlow:"column",w:"100%",px:2,py:1},b.createElement(Text,{lineHeight:1,opacity:.7,fontSize:"sm"},e.placeholder),b.createElement(DragDropContext,{onDragEnd:u},b.createElement(Droppable,{droppableId:"droppable"},(m,{draggingFromThisWith:d})=>b.createElement(Flex,{ref:m.innerRef,flexFlow:"column",w:"100%",py:1,borderRadius:4,minH:"30px",align:"flex",...m.droppableProps},i.length?i.map((c,f)=>b.createElement(Draggable,{key:c.id,draggableId:c.id,index:f},({dragHandleProps:g,draggableProps:h,innerRef:y},{isDragging:x})=>b.createElement(Flex,{transition:"all 300ms",boxShadow:`2px 2px 4px #000000${x?"55":"00"}`,borderRadius:4,pt:2,px:2,border:`1px solid ${n}`,bg:`${r}${x?"ff":"00"}`,ref:y,w:"100%",...h},b.createElement(Z,null,b.createElement(Flex,{opacity:d&&!x?.5:1,gap:1,align:"center",w:"100%"},b.createElement(IconButton,{"aria-label":"drag",size:"xs",opacity:.8,variant:"ghost",icon:b.createElement(DragHandleIcon,null),...g}),b.createElement(Box,{minW:"0",flex:1},b.createElement(Mt,{name:c.id,field:e.itemField})),b.createElement(IconButton,{"aria-label":"delete",size:"xs",bg:"red.600",color:"white",icon:b.createElement(DeleteIcon,{filter:"drop-shadow(1px 1px 3px #00000088)"}),onClick:F=>{F.stopPropagation(),a(f);}})))))):b.createElement(Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"),m.placeholder))),b.createElement(Flex,null,b.createElement(Button,{mr:"auto",width:"auto",size:"xs",onClick:()=>l(t)},"+ NEW")))},Mt=({field:e,name:o})=>{let t=useMemo(()=>isField(e)||isListField(e)?[{name:"value",field:e}]:Object.entries(e.children).map(([r,n])=>({name:`${o?`${o}.`:""}${r}`,field:n})),[e,o]);return b.createElement(VStack,{spacing:1,w:"100%"},t.map(r=>{if(isListField(r.field)){let s=b.createElement(ym,{key:r.name,name:r.name,field:r.field});return r.field.condition?b.createElement(xo,{path:o,condition:r.field.condition,key:r.name},s):s}if(isField(r.field)){let s=b.createElement(Ln,{key:r.name,name:r.name,field:r.field});return r.field.condition?b.createElement(xo,{path:o,condition:r.field.condition,key:r.name},s):s}let n=b.createElement(Mt,{key:r.name,name:r.name,field:r.field});return r.field.condition?b.createElement(xo,{path:o,condition:r.field.condition,key:r.name},n):n}))},wm=({field:e,value:o,path:t})=>{let{placeholder:r}=e,n=W(),s=useGetItemField(e);return b.createElement(Box,{w:"100%",p:1},b.createElement(Ko,{border:`1px solid ${n}`,borderRadius:4,initExpanded:true,header:()=>b.createElement(Text,{py:1},r)},b.createElement(Flex,{flexFlow:"column",bg:"background.200",gap:2,px:2,py:1},o?.length?o.map((i,l)=>b.createElement(Box,{bg:"background.100",key:`${t}.${l}`,border:`1px solid ${n}`,borderRadius:3},b.createElement(jn,{path:`${t}.${l}`,field:s(l),value:i}))):b.createElement(Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"))))},jn=({field:e,value:o,path:t,storagePath:r})=>{let{updateField:n}=useDataView();return isField(e)?n?b.createElement(Gn,{storagePath:r,field:e,value:o,onSubmit:s=>n(t,s)}):b.createElement(Re,{field:e,value:o}):isListField(e)?b.createElement(wm,{path:t,field:e,value:o}):b.createElement(Cm,{storagePath:r?`${r}.${t}`:void 0,path:t,field:e})},Cm=({field:e,value:o,onClose:t,onDelete:r,onSubmit:n,itemName:s,storagePath:i,path:l=""})=>{let{name:a,children:p}=e,[u,m]=useState(false);return b.createElement(DataViewProvider,{value:o,onSubmit:n},b.createElement(Ko,{alwaysExpanded:true,header:()=>b.createElement(Flex,{align:"center",px:2,w:"100%"},b.createElement(Text,{py:2,fontSize:"lg",fontFamily:"fonts.heading"},a),b.createElement(Flex,{gap:2,align:"center",ml:"auto"},r?b.createElement(Br,{onDelete:r,itemName:s??"item"}):null,n?b.createElement(IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,ml:"auto","aria-label":"edit",icon:b.createElement(EditIcon,null),onClick:()=>m(true)}):null,t?b.createElement(IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,variant:"ghost","aria-label":"close",icon:b.createElement(CloseIcon,{opacity:.8,w:3,h:3}),onClick:t}):null))},u&&n?b.createElement(Lt,{storagePath:i,field:e,value:o,onSubmit:n,onBack:()=>m(false)}):b.createElement(Flex,{flexFlow:"column",px:4,py:2},Object.entries(p).map(([d,c])=>b.createElement(jn,{storagePath:i?`${i}/${d}`:void 0,path:l?`${l}.${d}`:d,key:d,field:c,value:o?.[d]})))))},Un=({onSubmit:e,onBack:o,field:t,value:r,buttonText:n="SUBMIT",renderFooter:s,storagePath:i})=>{let l=useMemo(()=>({field:t,value:r,submit:e,storagePath:i}),[t,r,e,i]),{onSubmit:a,uploads:p}=useFormSubmit(l);return b.createElement(Stack,{w:"100%",spacing:3},b.createElement("form",null,b.createElement(Box,{pt:1,px:2,w:"100%"},b.createElement(Mt,{name:"",field:t})),b.createElement(On,{uploads:p,onSubmit:a,renderFooter:s,onBack:o,buttonText:n})))},vm=({onSubmit:e,field:o,value:t,...r})=>{let n=useMemo(()=>({children:{value:o}}),[o]);return b.createElement(Un,{field:n,value:{value:t},onSubmit:s=>e(s?.value),...r})},Lt=({field:e,onSubmit:o,...t})=>{let r=isField(e)||isListField(e)?b.createElement(vm,{field:e,onSubmit:o,...t}):b.createElement(Un,{field:e,onSubmit:o,...t});return b.createElement(ChempoFormProvider,null,r)};var Xn=e=>{let o=useMounted();return b.createElement(lr,null,b.createElement(Flex,{overflow:"hidden",flexFlow:"column",h:"100%",w:"100%",opacity:o?1:0,transition:"opacity 300ms",...e}))};var _e=({data:e,rowIndex:o,columnIndex:t,style:r})=>{let{items:n,onSelect:s,refetch:i,grid:l,numCols:a,colorMode:p}=e||{},{ItemPreview:u}=l,m=o*a+t,d=n[m];return d?b.createElement(Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(d);},style:r,px:1,py:.25,key:m},b.createElement(u,{index:m,item:d,refetch:i?()=>i(d._id):void 0,colorMode:p})):null};var xe=()=>{let{list:e,search:{debounced:o,search:t}}=useDataList(),{data:{isLoading:r}}=usePaginatedList(),n=useMemo(()=>r||o!==t,[r,o,t]),{itemName:s,pluralItemName:i,noItemsMessage:l,searchRequired:a}=e;return b.createElement(Flex,{justify:"center",align:"flex-start",w:"100%",h:"100%"},n?b.createElement(Fe,{text:`Loading ${i??toPlural(s)}`}):b.createElement(Text,{textAlign:"center",flex:1,p:3,fontStyle:"italic",opacity:.7},!o&&a?`Search ${i??toPlural(s)}`:l??`No ${i??toPlural(s)}`))};var ue=e=>typeof e=="function";var Am=(e,o)=>{if(e.key!==o.key||e.operator!==o.operator)return  false;if(arrayOperators.includes(e.operator)){let t=Array.isArray(e.value)?e.value:[e.value];return !(Array.isArray(o.value)?o.value:[o.value]).every(n=>!t.includes(n))}return e.value===o.value},Kn=(e,{nativeFilter:o})=>(Array.isArray(o)?o:[o]).every(r=>Am(r,e));var Em=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o;if(typeof r!="number"&&typeof n!="number")throw new Error("Cannot have both variable row height and variable column width");if(typeof n=="function"){let l=Math.floor(t/n(e[0]));return {numRows:Math.ceil(e.length/l),numCols:l}}let s=Math.max(1,Math.floor(t/n));return {numRows:Math.ceil(e.length/s),numCols:s}},zm=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o,{numRows:s,numCols:i}=Em(e,o,t),l=typeof n=="number"?t/i:Array.from({length:i},(m,d)=>e.filter((f,g)=>g%i===d).reduce((f,g)=>{let h=n(g);return Math.max(f,h)},0)),a=typeof r=="number"?r:Array.from({length:s},(m,d)=>e.slice(d*i,(d+1)*i).reduce((f,g)=>{let h=r(g);return Math.max(f,h)},0)),p=Array.isArray(a)?m=>a[m]:a,u=Array.isArray(l)?m=>l[m]:l;return {rowHeight:p,colWidth:u,numCols:i,numRows:s}},Do=(e,o)=>{let{data:{data:t}}=usePaginatedList();return useMemo(()=>zm(t,e,o),[t,e,o])};var ei=({height:e,options:o})=>{let{totalCount:t,data:{data:r},refetchItem:n,isItemLoaded:s,goNext:i}=usePaginatedList(),{list:l,onSelectItem:a,mobileLayout:p,query:u}=useDataList(),{width:m}=useFullSize(),{numCols:d,numRows:c,rowHeight:f,colWidth:g}=Do(o,m),{previewHeight:h,mobile:y}=l,{colorMode:x}=useColorMode(),F=useMemo(()=>({list:l,items:r,mobileLayout:p,grid:o,colorMode:x,numCols:d,onSelect:L=>a(L._id),refetch:n}),[r,l,n,a,p,d,o,x]),S=useRef(null),C=useMemo(()=>p?y?.previewHeight??h:h,[y,h,p]);useEffect(()=>{let L=S.current;L&&(L.resetAfterColumnIndex(0),L.resetAfterRowIndex(0));},[u]);let T=useRef(null);useEffect(()=>{T.current&&T.current.resetloadMoreItemsCache(true);},[t]);let E=useMemo(()=>ue(C),[C]),z=useCallback(({columnIndex:L,rowIndex:N,data:D})=>{let U=N*d+L;return D.items[U]?._id||`${U}`},[d]),O=useCallback(({overscanColumnStartIndex:L,overscanColumnStopIndex:N,overscanRowStartIndex:D,overscanRowStopIndex:U,visibleColumnStartIndex:ce,visibleColumnStopIndex:ke,visibleRowStartIndex:Me,visibleRowStopIndex:we},I)=>{let V=Me*d+ce,k=we*d+ke,v=D*d+L,M=U*d+N;I({overscanStartIndex:v,overscanStopIndex:M,visibleStartIndex:V,visibleStopIndex:k});},[d]);return r.length?E?b.createElement(Rn,{isItemLoaded:s,ref:T,itemCount:t??0,loadMoreItems:i},({onItemsRendered:L,ref:N})=>b.createElement(VariableSizeGrid,{height:e,width:m,rowCount:c,columnCount:d,rowHeight:f,columnWidth:g,itemData:F,style:{overflowX:"hidden"},itemKey:z,onItemsRendered:D=>O(D,L),ref:D=>{N(D),S.current=D;}},_e)):b.createElement(Rn,{isItemLoaded:s,itemCount:t??0,ref:T,loadMoreItems:i},({onItemsRendered:L,ref:N})=>b.createElement(FixedSizeGrid,{height:e,width:m,rowCount:c,columnCount:d,rowHeight:f,columnWidth:g,itemData:F,onItemsRendered:D=>O(D,L),style:{overflowX:"hidden"},ref:D=>{N(D),S.current=null;}},_e)):b.createElement(xe,null)};var $e=({data:e,index:o,style:t})=>{let{list:r,items:n,onSelect:s,refetch:i,mobileLayout:l,colorMode:a}=e||{},{ItemPreview:p,mobile:u}=r,m=l?u?.ItemPreview??p:p,d=n[o];return d?b.createElement(Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(n[o]);},style:t,key:o},b.createElement(m,{index:o,item:d,refetch:i?()=>i(d._id):void 0,colorMode:a})):null};var ii=({height:e})=>{let{totalCount:o,data:{data:t},refetchItem:r,isItemLoaded:n,goNext:s}=usePaginatedList(),{list:i,onSelectItem:l,mobileLayout:a,query:p}=useDataList(),{previewHeight:u,mobile:m}=i,{colorMode:d}=useColorMode(),{width:c}=useFullSize(),f=useMemo(()=>({list:i,items:t,mobileLayout:a,colorMode:d,onSelect:S=>l(S._id),refetch:r}),[t,i,r,l,a,d]),g=useRef(null),h=useMemo(()=>a?m?.previewHeight??u:u,[m,u,a]),y=useRef(null);useEffect(()=>{y.current&&y.current.resetloadMoreItemsCache(true);},[o]),useEffect(()=>{let S=g.current;S&&(S.resetAfterRowIndex(0),S.resetAfterColumnIndex(0));},[p]);let x=useCallback(S=>typeof h=="function"?h(t[S]):h,[t,h]),F=useMemo(()=>ue(h),[h]);return t.length?F?b.createElement(Rn,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:C})=>b.createElement(VariableSizeList,{height:e,width:c,itemSize:x,itemCount:o??0,itemData:f,style:{overflowX:"hidden"},itemKey:T=>t[T]?._id||`${T}`,onItemsRendered:T=>{S(T);},ref:C},$e)):b.createElement(Rn,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:C})=>b.createElement(FixedSizeList,{height:e,width:c,itemSize:h,itemCount:o??0,itemData:f,itemKey:T=>t[T]?._id||`${T}`,style:{overflowX:"hidden"},onItemsRendered:S,ref:C},$e)):b.createElement(xe,null)};var nc=({height:e,options:o})=>{let{list:t,onSelectItem:r,mobileLayout:n,query:s}=useDataList(),{data:{data:i},pageIndex:l}=usePaginatedList(),a=useRef(null),p=useRef(null),{width:u}=useFullSize(),{numCols:m,numRows:d,rowHeight:c,colWidth:f}=Do(o,u),{colorMode:g}=useColorMode(),h=useMemo(()=>({list:t,items:i,numCols:m,onSelect:x=>r(x._id),mobileLayout:n,colorMode:g,grid:o}),[i,t,r,n,m,o,g]);useEffect(()=>{let x=a.current;x&&(x.resetAfterColumnIndex(0),x.resetAfterRowIndex(0));},[s]),useEffect(()=>{let x=a.current,F=p.current;x&&x.scrollTo({scrollLeft:0,scrollTop:0}),F&&F.scrollTo({scrollLeft:0,scrollTop:0});},[l,s]);let y=useMemo(()=>ue(o.rowHeight)||ue(o.columnWidth),[o]);return i.length?y?b.createElement(VariableSizeGrid,{ref:a,height:e,width:u,rowCount:d,columnCount:m,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},_e):b.createElement(FixedSizeGrid,{height:e,ref:p,width:u,rowCount:d,columnCount:m,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},_e):b.createElement(xe,null)},di=memo(nc);var cc=({height:e})=>{let{list:o,onSelectItem:t,mobileLayout:r,query:n}=useDataList(),{data:{data:s},pageIndex:i}=usePaginatedList(),{width:l}=useFullSize(),{previewHeight:a,mobile:p}=o,u=useRef(null),m=useRef(null),{colorMode:d}=useColorMode(),c=useMemo(()=>({list:o,colorMode:d,items:s,onSelect:y=>t(y._id),mobileLayout:r}),[s,o,t,r,d]),f=useMemo(()=>r?p?.previewHeight??a:a,[p,a,r]);useEffect(()=>{let y=u.current;y&&y.resetAfterIndex(0);},[n]),useEffect(()=>{let y=u.current,x=m.current;y&&y.scrollTo(0),x&&x.scrollTo(0);},[n,i]);let g=useCallback(y=>typeof f=="function"?f(s[y]):f,[s,f]),h=useMemo(()=>ue(f),[f]);return s.length?h?b.createElement(FixedSizeList,{ref:m,height:e,width:l,itemSize:f,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},$e):b.createElement(VariableSizeList,{ref:u,height:e,width:l,itemSize:g,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},$e):b.createElement(xe,null)},mi=memo(cc);var ci=({height:e})=>{let{infiniteScroll:o,gridLayout:t,list:r}=useDataList(),{grid:n}=r;return t&&n?o?b.createElement(ei,{options:n,height:e}):b.createElement(di,{options:n,height:e}):o?b.createElement(ii,{height:e}):b.createElement(mi,{height:e})};var Vo=({children:e,isOpen:o,contentProps:t,...r})=>b.createElement(Modal,{scrollBehavior:"inside",isCentered:true,isOpen:o,...r},b.createElement(ModalOverlay,null),b.createElement(ModalContent,{position:"relative",overflowY:"auto",bg:"background.100",...t},b.createElement(Box,null,e)));var gi=e=>{let{overlayRef:o}=useMobileFrame();return b.createElement(Portal,{containerRef:o},b.createElement(Flex,{justify:"center",align:"center",transition:"opacity 300ms",position:"absolute",left:0,top:0,height:"100%",width:"100%",...e}))};var Pc=({onClick:e})=>b.createElement(Flex,{onClick:e,w:"100%",h:"100%",position:"absolute",bg:"blackAlpha.400",transition:"opacity 300ms"}),yi=({isOpen:e,onClose:o,children:t,contentProps:r,onContentMounted:n,closeOnOverlayClick:s})=>{let{height:i,width:l}=useMobileFrame(),a=useColorModeValue("gray.100","#454545"),[p,u]=useState(false),[m,d]=useState(false),c=useRef(null),f=useRef(null);return useEffect(()=>(c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null),e?(u(true),f.current=setTimeout(()=>{d(true),n&&n(true);},50)):(d(false),n&&n(false),c.current=setTimeout(()=>{u(false);},300)),()=>{c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null);}),[e,n]),p?b.createElement(gi,{opacity:m?1:0,pointerEvents:m?"auto":"none"},b.createElement(Pc,{onClick:s!==false?o:void 0}),b.createElement(Flex,{width:`${l-10}px`,maxH:`${i-10}px`,overflowY:"auto",overflowX:"hidden",minH:"100px",bg:a,borderRadius:6,position:"relative",...r},t)):null};var wi=e=>{let o=useScreen(n=>n.isMobile),t=cr(),r=useMemo(()=>o||t?yi:Vo,[o,t]);return b.createElement(r,{...e})};var Ci=({field:e})=>{let{list:{baseQuery:o,itemName:t},newItemOpen:r,setNewItemOpen:n}=useDataList(),{adapter:{db:s}}=useBackendBase(),{refetch:i}=usePaginatedList(),l=useCallback(async a=>{await s.createItem(o.collection,a),n(false),i&&i();},[n,i,s,o]);return b.createElement(Vo,{isOpen:r,onClose:()=>n(false)},b.createElement(Flex,{align:"center",pt:3,px:3,w:"100%"},b.createElement(Text,{pl:1,opacity:.7,fontWeight:600},"NEW ",t.toUpperCase()),b.createElement(IconButton,{size:"sm",borderRadius:"full",ml:"auto",h:7,w:7,minW:0,onClick:()=>n(false),"aria-label":"Close",icon:b.createElement(CloseIcon,{opacity:.8,w:3,h:3})})),b.createElement(Lt,{field:e,onSubmit:l}))};var Si=({goNext:e,canGoNext:o,mobileLayout:t})=>b.createElement(Button,{opacity:o?1:.6,pointerEvents:o?"auto":"none",borderRadius:"full",onClick:e,"aria-label":"next",variant:"ghost",size:t?"xs":"sm",pl:3,pr:1,gap:1},b.createElement(Text,null,"Next"),b.createElement(ChevronRightIcon,{w:5,h:5})),Pi=({goPrev:e,canGoPrev:o,mobileLayout:t})=>b.createElement(Button,{opacity:o?1:.5,pointerEvents:o?"auto":"none",onClick:e,borderRadius:"full","aria-label":"back",variant:"ghost",pr:3,pl:1,gap:1,size:t?"xs":"sm"},b.createElement(ChevronLeftIcon,{w:5,h:5}),b.createElement(Text,null,"Back")),qc=({progressBg:e,borderColor:o})=>{let{data:{isLoading:t,error:r}}=usePaginatedList();return b.createElement(Box,{position:"absolute",bottom:"100%",w:"100%",left:0},b.createElement(Collapse,{style:{width:"100%"},in:!!r,animateOpacity:true},b.createElement(Box,{borderTopRadius:6,bg:"red.600",maxW:"100%",p:1},b.createElement(Tooltip,{placement:"top",hasArrow:true,label:r?.message??"","aria-label":"error"},b.createElement(Text,{textShadow:"1px 1px 3px #00000077",_dark:{textShadow:"none"},px:1,fontWeight:600,isTruncated:true,maxW:"100%",fontSize:"sm",color:"white"},r?.message)))),b.createElement(Z,{in:t,animateOpacity:true},b.createElement(Flex,{bg:e,borderTop:"1px solid",borderBottom:"1px solid",borderColor:o,w:"100%"},b.createElement(Progress,{borderRadius:0,w:"100%",height:"8px",isIndeterminate:t}))))},Jc=(e,o,t)=>Math.abs(e-o)<=1?2:e<3?o===0?2:0:e>t-4?o>t-3?2:4:e<o?1:3,$o=28,Wo=24,Ii=({index:e,isActive:o,onClick:t,borderColor:r,isLoading:n,mobileLayout:s})=>b.createElement(Button,{key:e,onClick:t,variant:"unstyled",display:"flex",border:"1px solid",borderColor:o?"transparent":r,justifyContent:"center",alignItems:"center",width:`${s?Wo:$o}px`,height:`${s?Wo:$o}px`,fontFamily:"fonts.heading",lineHeight:1,fontWeight:600,minW:"0",bg:o?"accent.400":"transparent",_hover:{bg:o?"accent.500":"whiteAlpha.500"},color:o?"white":r,textShadow:o?"1px 1px 3px #00000088":"none",size:"sm",disabled:n,"aria-label":`Go to page ${e+1}`},e+1),Zc=({group:{indicators:e,collapsed:o},mobileLayout:t})=>{let{data:{isLoading:r},goToPage:n}=usePaginatedList(),s=W();return o?b.createElement(Popover,{trigger:"hover",gutter:1,variant:"fixed"},({onClose:i})=>b.createElement(b.Fragment,null,b.createElement(PopoverTrigger,null,b.createElement(IconButton,{variant:"unstyled",width:`${t?Wo:$o}px`,height:`${t?Wo:$o}px`,minW:"0",opacity:.7,_hover:{opacity:1},"aria-label":"more pages",icon:b.createElement(Text,{fontSize:"md",position:"relative",bottom:"2px"},"...")})),b.createElement(PopoverContent,{bg:"background.200",w:"auto",border:"1px solid",borderColor:s,boxShadow:"none"},b.createElement(PopoverBody,{w:"auto",maxW:"166px",p:.5},b.createElement(Flex,{align:"center",justify:"center",flexFlow:"row wrap"},e.map(({index:l,isActive:a})=>b.createElement(Box,{key:`ind-${l}`,m:.5},b.createElement(Ii,{mobileLayout:t,index:l,isActive:a,onClick:()=>{n(l),i();},borderColor:s,isLoading:r})))))))):b.createElement(b.Fragment,null,e.map(({index:i,isActive:l})=>b.createElement(Ii,{mobileLayout:t,key:i,index:i,isActive:l,onClick:()=>n(i),borderColor:s,isLoading:r})))},Rc=()=>{let{pageIndex:e,numPages:o}=usePaginatedList(),{mobileLayout:t}=useDataList(),r=useMemo(()=>{let n=o??0;if(n<=9)return [{indicators:Array.from({length:n},(i,l)=>({index:l,isActive:l===e})),collapsed:false}];let s=Array.from({length:5},(i,l)=>({indicators:[],collapsed:l%2===1}));for(let i=0;i<n;i+=1){let l=Jc(i,e,n);s[l]||(s[l]={indicators:[],collapsed:l!==2}),s[l].indicators.push({index:i,isActive:i===e});}return s.filter(i=>i.indicators.length).map(i=>({...i,collapsed:i.collapsed&&i.indicators.length>1}))},[o,e]);return b.createElement(Flex,{gap:1,align:"center"},r.map((n,s)=>b.createElement(Zc,{mobileLayout:t,key:`group-${s}`,group:n})))},Ht=120,ki=({onResize:e,flexProps:o,noFooter:t})=>{let r=useColorModeValue("#cdcdcd","#2d3748"),{list:n,mobileLayout:s,infiniteScroll:i,search:{search:l,debounced:a}}=useDataList(),{data:{data:p,isLoading:u},totalCount:m,pageIndex:d,limit:c,numFetched:f,goNext:g,goPrev:h,hasMoreData:y}=usePaginatedList(),{itemName:x,pluralItemName:F,searchRequired:S}=n,{itemsText:C,pageText:T}=useMemo(()=>u&&!i?{itemsText:s?"Loading...":"",pageText:""}:m===null?{itemsText:"Loading...",pageText:""}:m===0&&!u&&l===a?{itemsText:!l&&S?`Search ${F??toPlural(x)}`:`No ${F??toPlural(x)} found`,pageText:""}:{itemsText:`${i?1:(d||0)*c+1} - ${i?f:d*c+p.length} of ${m}`,pageText:`Page ${d+1} of ${c?Math.ceil((m??0)/c):0}`},[m,u,x,F,c,d,l,S,s,a,p,i,f]),E=useMemo(()=>!i&&h,[i,h]),z=useMemo(()=>!i&&g,[i,g]),O=useColorModeValue("#efefef","#212121"),L=useRef(null),N=useCallback(D=>{let U=D.borderBoxSize[0].blockSize,ce=D.borderBoxSize[0].inlineSize;e({height:U,width:ce});},[e]);return nr(L,N),b.createElement(Flex,{ref:L,py:t?0:2,px:t?0:3,borderTop:`1px solid ${r}`,position:"relative",flexFlow:s?"column":"row",gap:s?1:0,w:"100%",...o},t||s&&i?null:b.createElement(Flex,{align:"center",justify:s?"center":"space-between",position:"relative",w:"100%"},E&&!s?b.createElement(Pi,{goPrev:h,canGoPrev:!u&&!!d}):null,b.createElement(Flex,{gap:1,align:"center"},i?null:b.createElement(b.Fragment,null,s?null:b.createElement(Text,{fontFamily:"fonts.heading",whiteSpace:"nowrap",textAlign:"center",w:`${Ht}px`,fontSize:"sm"},T),b.createElement(Rc,null)),s?null:b.createElement(Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Ht}px`,whiteSpace:"nowrap",fontSize:"sm"},C)),z&&!s?b.createElement(Si,{goNext:g,canGoNext:!u&&y}):null),s&&!t?b.createElement(Flex,{gap:2,w:"100%",justify:"space-between",align:"center"},E?b.createElement(Pi,{mobileLayout:true,goPrev:h,canGoPrev:!!d}):null,b.createElement(Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Ht}px`,whiteSpace:"nowrap",fontSize:"sm"},C),z?b.createElement(Si,{mobileLayout:true,goNext:g,canGoNext:y}):null):null,b.createElement(qc,{progressBg:O,borderColor:r}))};var Bi=({filter:e,filters:o,GroupRender:t,toggleFilter:r})=>{let{label:n,Render:s}=e,i=useMemo(()=>o.some(m=>Kn(m,e)),[o,e]),{colorMode:l}=useColorMode(),a=W(),p=useColorModeValue("gray.700","gray.100"),u=s??t;return b.createElement(Box,{p:.5},b.createElement(Button,{onClick:()=>r(e),variant:"unstyled",color:i&&!u?"white":p,bg:i&&!u?"accent.400":"transparent",px:u?0:2,py:u?0:1,transition:"all 300ms",border:"none",boxShadow:`0px 0px 1px 1px ${i?"transparent":"#00000033"}`,w:"auto",_dark:{boxShadow:`0px 0px 1px 1px ${i?"transparent":"#ffffff66"}`},h:"auto",minW:"0",minH:"0",alignItems:"center",justifyContent:"center",borderColor:i?"transparent":a,size:"none"},u?b.createElement(u,{active:i,colorMode:l,preset:e}):b.createElement(Text,{textShadow:i?"0 0 3px rgba(0,0,0,0.8)":"none",fontSize:"xs"},n)))},xf=({group:e,filters:o,toggleFilter:t})=>{let{label:r,filters:n}=e;return b.createElement(Flex,{px:1,flexFlow:"column",w:"100%"},b.createElement(Text,{px:1,opacity:.8,fontSize:"sm",fontWeight:600},r),b.createElement(Flex,{w:"100%",flexFlow:"row wrap"},n.map(s=>b.createElement(Bi,{toggleFilter:t,GroupRender:e.RenderFilter,filters:o,key:s.label,filter:s}))))},Nt=()=>{let{query:e,list:o,toggleFilter:t}=useDataList(),r=useScreen(l=>l.isMobile),{filters:n=[]}=e||{},{filterPresets:s}=o,i=W();return s?.length?b.createElement(HStack,{spacing:1},b.createElement(Popover,{placement:"right-start",trigger:r?"click":"hover",strategy:"fixed"},b.createElement(PopoverTrigger,null,b.createElement(IconButton,{size:"sm",variant:"ghost","aria-label":"Filters",icon:b.createElement(Image,{width:"24px",filter:`grayscale(${n.length?0:100}%)`,src:"/icons/tune.svg"})})),b.createElement(Portal,null,b.createElement(PopoverContent,{borderRadius:6,w:"auto"},b.createElement(PopoverBody,{w:"240px",p:0},b.createElement(Flex,{flexFlow:"column",w:"100%"},b.createElement(HStack,{py:1.5,px:2,w:"100%",spacing:1,borderBottom:`1px solid ${i}`},b.createElement(Image,{width:"18px",filter:"grayscale(100%)",src:"/icons/tune.svg"}),b.createElement(Text,{opacity:.8,fontSize:"sm",fontWeight:600},"FILTERS")),b.createElement(Flex,{justify:"center",w:"100%",flexFlow:"row wrap",py:1,px:2},s.map(l=>isFilterGroup(l)?b.createElement(xf,{toggleFilter:t,filters:n,key:l.label,group:l}):b.createElement(Bi,{toggleFilter:t,filters:n,key:l.label,filter:l}))))),b.createElement(PopoverArrow,null),b.createElement(PopoverCloseButton,null))))):null};var Sf=({preset:e})=>{let{setSort:o,query:t}=useDataList(),{sort:r}=t,{label:n,key:s,Render:i}=e,l=useMemo(()=>r?.key===s?r.direction:null,[r,s]),{colorMode:a}=useColorMode(),p=useMemo(()=>l?"white":a==="light"?"gray.500":"gray.400",[l,a]),u=useMemo(()=>r?.direction==="asc"?b.createElement(ArrowUpIcon,{w:4,h:4}):b.createElement(ArrowDownIcon,{w:4,h:4}),[r]);return b.createElement(Button,{size:"xs",variant:"outline",bg:l?"accent.400":"transparent",transition:"all 300ms",textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none",boxShadow:`0px 0px 1px 1px ${l?"transparent":"#00000033"}`,border:"none",_dark:{boxShadow:`0px 0px 1px 1px ${l?"transparent":"#ffffff66"}`,color:p,textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none"},"aria-label":n,opacity:l?1:.8,height:6,pl:l?3:2,pr:2,_hover:{opacity:1},gap:0,color:p,onClick:()=>o({direction:l&&r?.direction==="asc"?"desc":"asc",key:s})},i?b.createElement(i,{active:l,colorMode:a,preset:e}):b.createElement(Text,{fontWeight:600,fontSize:"sm",color:p},n),b.createElement(Jt,{active:!!l,h:"16px",width:20},u))},jt=()=>{let{list:{sortPresets:e}}=useDataList();return e?b.createElement(HStack,{spacing:2},e.map(o=>b.createElement(Sf,{key:o.label,preset:o}))):null};var zi=()=>{let{list:e,search:{search:o,update:t}}=useDataList(),{searchIcon:r,itemName:n,pluralItemName:s}=e,i=useColorModeValue("invert(0)","invert(1)");return b.createElement(Flex,{p:1,flex:1,minW:"0"},b.createElement(InputGroup,null,b.createElement(InputLeftElement,{pointerEvents:"none"},r?b.createElement(Image,{filter:i,src:r,w:"24px"}):b.createElement(SearchIcon,{w:"24px",opacity:.5})),b.createElement(Input,{bg:"whiteAlpha.700",pl:9,borderRadius:6,_focus:{boxShadow:"none",outline:"none"},border:"none",_dark:{bg:"blackAlpha.400",color:"#cdcdcd",_placeholder:{color:"#ababab"},border:"none"},value:o,placeholder:`Search for ${s??toPlural(n)}`,onChange:l=>t(l.target.value)})))},Vi=({refetch:e})=>{let{list:o,setNewItemOpen:t}=useDataList(),r=useAuth(),{itemName:n,field:s,access:i}=o,l=useMemo(()=>getHasAccess(r,i?.create,null),[i,r]);return b.createElement(Flex,{gap:2,ml:"auto",align:"center"},e?b.createElement(Tooltip,{placement:"left",hasArrow:true,label:"Refresh","aria-label":"Refresh"},b.createElement(IconButton,{size:"xs",icon:b.createElement(RepeatIcon,null),"aria-label":"Refresh",onClick:e})):null,s&&l?b.createElement(Tooltip,{placement:"left",hasArrow:true,label:`Create new ${n}`,"aria-label":`Create new ${n}`},b.createElement(IconButton,{size:"xs",icon:b.createElement(AddIcon,null),"aria-label":`Create new ${n}`,onClick:()=>t(true)})):null)},Hf=[{id:"grid",label:"Grid View",Render:e=>b.createElement(Image,{w:5,opacity:e?1:.7,src:"/icons/grid_view.svg"})},{id:"list",label:"List View",Render:e=>b.createElement(Image,{w:6,opacity:e?1:.7,src:"/icons/list.svg"})}],Hi=()=>{let{toggleGridLayout:e,gridLayout:o}=useDataList();return e?b.createElement(Ar,{onChange:e,options:Hf,value:o?"grid":"list"}):null},$i=({onResize:e,refetch:o,boxProps:t})=>{let{list:r,mobileLayout:n,toggleGridLayout:s}=useDataList(),{searchPath:i,sortPresets:l,filterPresets:a,Header:p}=r,u=W(),m=useRef(null),d=useCallback(f=>{e({height:f.contentRect.height,width:f.contentRect.width});},[e]),c=useMemo(()=>!!Object.keys(i??{}).length,[i]);return nr(m,d),b.createElement(Box,{ref:m,bg:"background.200",borderBottom:`1px solid ${u}`,w:"100%",...t},b.createElement(Flex,{px:2,align:"center",w:"100%"},l?.length||a?.length||c?b.createElement(Flex,{w:"100%",flexFlow:n?"column":"row"},n&&!p?null:b.createElement(Flex,{flex:1,px:2,py:n?0:1,gap:1,align:"center"},n?null:b.createElement(Flex,{flex:1,minW:"0",align:"center",gap:2},s?b.createElement(Hi,null):null,b.createElement(Nt,null),b.createElement(jt,null),c?b.createElement(zi,null):null),b.createElement(Flex,{align:"center",minW:"0",gap:3,ml:"auto"},p?b.createElement(Box,{minW:"0",flex:1},b.createElement(p,null)):null,n?null:b.createElement(Vi,{refetch:o}))),c&&n?b.createElement(zi,null):null,n&&(l?.length||a?.length)?b.createElement(Flex,{pl:1,py:1,gap:1.5,align:"center",w:"100%"},s?b.createElement(Hi,null):null,b.createElement(Nt,null),b.createElement(jt,null),b.createElement(Vi,{refetch:o})):null):null))};var Ni=()=>{let{selectedItemId:e,deselectItem:o,list:t}=useDataList(),{ItemView:r,itemName:n}=t||{},[s,i]=useState({x:0,y:0}),{data:{data:l}}=usePaginatedList(),a=useMemo(()=>l.find(c=>c._id===e)??null,[l,e]),{colorMode:p}=useColorMode(),u=useColorModeValue("red.600","red.300"),[m,d]=useState(null);return useEffect(()=>{a&&d(a);},[a]),b.createElement(wi,{contentProps:{p:0,transition:"all 300ms",transform:`translate(${s.x}px, ${s.y}px)`},scrollBehavior:"inside",onClose:o,isOpen:!!r&&!!e},r&&m?b.createElement(r,{item:m,colorMode:p,clearContentOffset:()=>i({x:0,y:0}),updateContentOffset:(c,f)=>i({x:c,y:f})}):b.createElement(Text,{color:u,p:4},"Error displaying ",n))};var Ui=({modals:e,noFooter:o,headerProps:t,footerProps:r})=>{let{data:{isLoading:n,data:s}}=usePaginatedList(),{list:i}=useDataList(),{height:l}=useFullSize(),[a,p]=useState(0),[u,m]=useState(0),d=useMemo(()=>l-a-u,[l,a,u]),c=useCallback(y=>{p(y.height);},[]),f=useCallback(y=>{m(y.height);},[]),{ItemView:g,field:h}=i;return b.createElement(b.Fragment,null,b.createElement($i,{boxProps:t,onResize:c}),b.createElement(Box,{h:`${d}px`,position:"relative",w:"100%"},b.createElement(ci,{height:d}),o?b.createElement(Be,{isLoading:!s.length&&n}):null),b.createElement(ki,{noFooter:o,flexProps:r,onResize:f}),e??null,g?b.createElement(Ni,null):null,h?b.createElement(Ci,{field:h}):null)};var L1=({list:e,flexProps:o,infiniteScroll:t,...r})=>{let{adapter:{db:n}}=useBackendBase(),{baseQuery:s}=e,i=useDataListData(e,t),l=usePaginatedQuery(n,s,!!t);return b.createElement(PaginatedListProvider,{state:i,data:l},b.createElement(Xn,{...o},b.createElement(Ui,{...r})))};var O1=({value:e,duration:o=30})=>{let t=useRef(null),r=useRef(e),n=useRef(null);return useEffect(()=>(n.current=setInterval(()=>{if(t.current){if(r.current===e&&n.current)return clearInterval(n.current);r.current<e?(r.current+=1,t.current.innerText=r.current.toString()):r.current>e&&(r.current-=1,t.current.innerText=r.current.toString());}return ()=>{}},o),()=>{n.current&&clearInterval(n.current);}),[e,o]),b.createElement("span",{ref:t},e)};var a0=()=>{let{colorMode:e,toggleColorMode:o}=useColorMode(),t=useColorModeValue("gray.200","whiteAlpha.200"),r=useColorModeValue("blackAlpha.700","whiteAlpha.800"),n=useColorModeValue("gray.300","whiteAlpha.300"),s=useColorModeValue("gray.800","whiteAlpha.800");return b.createElement(IconButton,{"aria-label":"Toggle dark mode",bg:t,color:r,borderRadius:"full",_hover:{bg:n,color:s},w:8,h:8,minW:0,icon:e==="light"?b.createElement(SunIcon,{w:4,h:4}):b.createElement(MoonIcon,{w:4,h:4,filter:"drop-shadow(1px 1px 2px #000000aa)"}),onClick:o,variant:"ghost"})},_1=e=>b.createElement(Flex,{position:"absolute",bottom:3,right:3,...e},b.createElement(a0,null));var {definePartsStyle:c0,defineMultiStyleConfig:f0}=createMultiStyleConfigHelpers(switchAnatomy.keys),g0=c0({track:{_focusVisible:{boxShadow:"none"}}}),h0=f0({baseStyle:g0}),Yo=cssVar("popper-arrow-bg"),Yi="Encode Sans",Xi="Noto Sans",U1=extendTheme({semanticTokens:{colors:{background:{50:{default:"white",_dark:palette.gray.darker},100:{default:"gray.100",_dark:palette.gray.dark},200:{default:"#efefef",_dark:palette.gray.medium}},accent:{50:{default:"blue.50",_dark:"blue.900"},100:{default:"blue.100",_dark:"blue.800"},200:{default:"blue.200",_dark:"blue.700"},300:{default:"blue.300",_dark:"blue.600"},400:{default:"blue.400",_dark:"blue.500"},500:{default:"blue.500",_dark:"blue.400"},600:{default:"blue.600",_dark:"blue.300"},700:{default:"blue.700",_dark:"blue.200"},800:{default:"blue.800",_dark:"blue.100"},900:{default:"blue.900",_dark:"blue.50"}},error:{default:"red.500",_dark:"red.300"}},fonts:{body:Xi,heading:Yi}},components:{Badge:{baseStyle:{bg:"#9a9a9a",textShadow:"none",color:"white",boxShadow:"1px 1px 3px #00000077",_dark:{bg:"#555555",textShadow:"1px 1px 2px #00000077",color:"#efefef"}}},Tooltip:{baseStyle:{bg:"#ababab",textShadow:"0 0 3px rgba(0,0,0,0.5)",color:"white",[Yo.variable]:"#ababab",_dark:{bg:"#777777",textShadow:"none",color:"#efefef",[Yo.variable]:"#777777"}}},Button:{baseStyle:{fontFamily:Yi,fontWeight:500,_focus:{boxShadow:"none"}},variants:{link:{color:"#444",_dark:{color:"rgba(230,230,255,0.9)"}},ghost:{_hover:{bg:"blackAlpha.500"}},solid:{textShadow:"1px 1px 3px #00000077",bg:"blackAlpha.400",color:"whiteAlpha.800",_hover:{bg:"blackAlpha.500"},_dark:{bg:"whiteAlpha.300",color:"whiteAlpha.800",_hover:{bg:"whiteAlpha.400"}}},outline:{border:"1px solid",borderColor:"#ababab",color:"#656565",_hover:{bg:"blackAlpha.100"},_dark:{border:"1px solid #999",color:"#999",_hover:{bg:"whiteAlpha.300"}}}}},Tabs:{baseStyle:{tab:{_focus:{boxShadow:"none"}}}},Text:{baseStyle:{fontFamily:Xi}},Popover:{baseStyle:{root:{_focus:{boxShadow:"none"}},content:{bg:"background.100",border:"none",boxShadow:"0 0 4px rgba(0,0,0,0.5)",[Yo.variable]:"background.100",_dark:{bg:"background.100",[Yo.variable]:"background.100"}}}},Checkbox:{baseStyle:{control:{_focus:{boxShadow:"none"},border:"2px solid #ababab",borderColor:"#ababab",_checked:{bg:"#666666",color:"#efefef",border:"none"},_hover:{bg:"#555",border:"none"},_dark:{_checked:{bg:"#efefef",color:"#444444",border:"none"},_hover:{bg:"#555",border:"none"}}},label:{color:"#888",_dark:{color:"#999999"},_checked:{color:"#444444",_dark:{color:"#cdcdcd"}}}},variants:{noBox:{control:{bg:"transparent",_hover:{bg:"none"}}}}},Modal:{baseStyle:{dialog:{bg:"background.100",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}}}},Input:{baseStyle:{field:{_focus:{boxShadow:"none",outline:"none",border:"1px solid #bcbcbc"}}},variants:{text:{field:{borderRadius:6,border:"1px solid #dedede",_focus:{boxShadow:"none",borderColor:"#bcbcbc"},_active:{boxShadow:"none"},_placeholder:{color:"#777"},_dark:{border:"1px solid #777",_focus:{borderColor:"#999",boxShadow:"none"},_placeholder:{color:"#777"}}}}},defaultProps:{variant:"text"}},Switch:h0,Menu:{baseStyle:{list:{bg:"background.100",border:"none",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}},item:{_hover:{bg:"rgba(0,0,0,0.3)"},_focus:{bg:"rgba(0,0,0,0.2)"}}}},Progress:{baseStyle:{track:{bg:"blackAlpha.300",borderRadius:"full",_dark:{bg:"whiteAlpha.300"}},filledTrack:{bg:"blackAlpha.400",_dark:{bg:"whiteAlpha.500"}}}}}});var Q1=()=>{if(typeof window<"u"){let e=()=>{let o=window.innerWidth,t=window.innerHeight;useScreen.setState({width:o,height:t,isMobile:o<769,isPortrait:o<t}),window.addEventListener("resize",e);};return e(),()=>{window.removeEventListener("resize",e);}}return ()=>{}};export{_1 as AbsoluteDarkModeToggle,C0 as AbsoluteLogin,mo as CircularProgress,Jt as CollapseHorizontal,Le as ContentBox,a0 as DarkModeToggle,L1 as DataList,Cm as DataView,wi as DefaultModal,Br as DeleteButton,Il as DeleteConfirmAlert,Vo as DesktopModal,Gn as Editable,gr as ErrorView,Z as ExpandOnMount,Ko as Expandable,vm as FieldForm,Un as FieldMapForm,Re as FieldView,Io as FileView,Lt as Form,Mt as FormElement,lg as FullSizeContainer,lr as FullSizeProvider,Hr as ImageViewOverlay,Xn as ListContainer,Ui as ListContent,ym as ListFieldInput,Fe as Loading,Gr as LoadingImage,ve as LoadingLogo,Be as LoadingOverlay,ex as LoadingSwitch,wr as LottieLoadingLogo,Gx as MediaFeed,bh as MobileFrame,yi as MobileModal,gi as MobileOverlay,Pc as MobileOverlayBackground,Zo as NAV_BAR_HEIGHT,fr as NavBar,O1 as NumberTicker,gn as PlayButton,Fr as RedirectView,Ri as SignIn,Wn as StandaloneInput,Ar as Toggle,Zt as ViewButton,ar as ViewsContext,dr as ViewsProvider,U1 as baseTheme,Xi as bodyFont,Yi as headingFont,Q1 as initializeScreen,h0 as switchTheme,W as useBorderColor,zl as useMediaFeed,po as useViews};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map