From 3f7d1df1ff7dffda866f5dcb2d1c8e4c4eef4281 Mon Sep 17 00:00:00 2001
From: Ahmed Elywa <ahmed.elywa@icloud.com>
Date: Fri, 25 Aug 2023 22:27:17 +0300
Subject: [PATCH] [admin] fix table filter and sort to work with prisma v5

---
 packages/admin/package.json                   |   5 +-
 packages/admin/src/PrismaTable/Form/index.tsx |   4 +-
 .../admin/src/PrismaTable/Form/useActions.ts  |   1 -
 .../admin/src/PrismaTable/Table/Filters.tsx   |  52 ++-
 .../admin/src/PrismaTable/Table/index.tsx     |  37 +-
 .../src/PrismaTable/Table/useFilterAndSort.ts |  57 ++-
 .../admin/src/PrismaTable/dynamicTable.tsx    |  13 +
 packages/admin/src/types.ts                   |   2 +-
 packages/admin/tailwind.config.js             |   1 -
 pnpm-lock.yaml                                | 416 +++++++-----------
 10 files changed, 261 insertions(+), 327 deletions(-)

diff --git a/packages/admin/package.json b/packages/admin/package.json
index 44493c81..87041658 100644
--- a/packages/admin/package.json
+++ b/packages/admin/package.json
@@ -20,7 +20,7 @@
     "build:es": "node ./scripts/build es",
     "build:copy-files": "node ./scripts/copyFiles",
     "build:types": "tsc -p tsconfig.build.json",
-    "build:css": "cross-env NODE_ENV=production tailwindcss-cli build -o ./dist/style.css"
+    "build:css": "cross-env NODE_ENV=production tailwindcss build -o ./dist/style.css"
   },
   "dependencies": {
     "@headlessui/react": "^1.5.0",
@@ -55,8 +55,7 @@
     "postcss": "^8.4.6",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "tailwindcss": "3.0.23",
-    "tailwindcss-cli": "^0.1.2",
+    "tailwindcss": "3.3.3",
     "typescript": "5.1.6",
     "yargs": "^17.3.1"
   },
diff --git a/packages/admin/src/PrismaTable/Form/index.tsx b/packages/admin/src/PrismaTable/Form/index.tsx
index a1f95b79..224f394d 100644
--- a/packages/admin/src/PrismaTable/Form/index.tsx
+++ b/packages/admin/src/PrismaTable/Form/index.tsx
@@ -83,8 +83,8 @@ const Form: React.FC<FormProps> = ({ action, model: modelName, data, onCancel, o
 
   return (
     <div
-      className="flex flex-col bg-white rounded shadow-lg text-gray-800 text-base mb-5"
-      style={action === 'create' ? { maxWidth: '800px', maxHeight: '100vh' } : {}}
+      className="flex flex-col bg-white rounded shadow-lg text-gray-800 text-base mb-5 mx-auto"
+      style={action === 'create' ? { maxWidth: '1000px', maxHeight: '100vh' } : {}}
     >
       <header className="py-4 px-5 rounded-t border-b border-gray-100 font-bold text-2xl">
         {lang[action] + ' ' + model.name}
diff --git a/packages/admin/src/PrismaTable/Form/useActions.ts b/packages/admin/src/PrismaTable/Form/useActions.ts
index b58ecb65..327c9119 100644
--- a/packages/admin/src/PrismaTable/Form/useActions.ts
+++ b/packages/admin/src/PrismaTable/Form/useActions.ts
@@ -71,7 +71,6 @@ const useActions = (model: AdminSchemaModel, data: any, action: FormProps['actio
       if (field?.update) {
         if (field.kind === 'object') {
           const fieldModel = models.find((item) => item.id === field.type)!;
-          console.log(newData);
           if ((newData[key] && !data[key]) || (newData[key] && newData[key] !== data[key][fieldModel.idField])) {
             const editField = fieldModel.fields.find((item) => item.name === fieldModel.idField)!;
             updateData[key] = {
diff --git a/packages/admin/src/PrismaTable/Table/Filters.tsx b/packages/admin/src/PrismaTable/Table/Filters.tsx
index c25a71f4..b0ef34a5 100644
--- a/packages/admin/src/PrismaTable/Table/Filters.tsx
+++ b/packages/admin/src/PrismaTable/Table/Filters.tsx
@@ -9,6 +9,8 @@ import { TableContext } from '../Context';
 import { SearchCircleIcon, TrashIcon } from '@heroicons/react/solid';
 import { buttonClasses, classNames, inputClasses } from '../../components/css';
 import { randString } from './utils';
+import { getDate } from '../Form/getDate';
+import { data } from 'autoprefixer';
 
 interface Option {
   id: any;
@@ -27,13 +29,19 @@ interface FilterProps {
   filters: { id: string; value: any }[];
 }
 
+const removeByIndexWithSplice = (array: any[], index: number) => {
+  const newArr = array.slice(); // create a copy of the original array
+  newArr.splice(index, 1); // remove the item at the specified index
+  return newArr; // return the modified array
+};
+
 export const Filter: React.FC<FilterProps> = ({ model, setAllFilters, filters }) => {
   const [state, setState] = useState(filters.map(() => randString(10)));
   const { lang } = useContext(TableContext);
 
   const deleteFilter = (index: number) => {
-    setState([...state.filter((_, i) => i !== index)]);
-    setAllFilters([...filters.filter((_, i) => i !== index)]);
+    setState(removeByIndexWithSplice(state, index));
+    setAllFilters(removeByIndexWithSplice(filters, index));
   };
 
   return (
@@ -46,13 +54,18 @@ export const Filter: React.FC<FilterProps> = ({ model, setAllFilters, filters })
           deleteFilter={() => deleteFilter(index)}
           filter={filters[index]}
           setFilter={({ id, value }) => {
+            // Deep clone filters to break references
+            const newFilters = JSON.parse(JSON.stringify(filters));
+
             if (!value) {
-              setAllFilters([...filters.filter((item) => item.id !== id)]);
-            } else {
-              const newFilters = [...filters];
-              newFilters[index] = { id, value };
-              setAllFilters(newFilters);
+              setAllFilters(removeByIndexWithSplice(newFilters, index));
+              return;
             }
+
+            newFilters[index] = { id, value: { ...value } };
+
+            // Update the filters state
+            setAllFilters(newFilters);
           }}
         />
       ))}
@@ -99,9 +112,9 @@ const FilterRow: React.FC<FilterRowProps> = ({ model, filter, setFilter, index,
   };
   let filterComponent;
   if (getField.kind === 'enum') {
-    filterComponent = <EnumFilter key={getField.name} {...props} />;
+    filterComponent = <EnumFilter key={getField.name + index} {...props} />;
   } else if (getField.kind === 'object') {
-    filterComponent = <ObjectFilter key={getField.name} {...props} />;
+    filterComponent = <ObjectFilter key={getField.name + index} {...props} />;
   } else {
     switch (getField.type) {
       case 'Int':
@@ -110,10 +123,10 @@ const FilterRow: React.FC<FilterRowProps> = ({ model, filter, setFilter, index,
       case 'Float':
       case 'DateTime':
       case 'String':
-        filterComponent = <DefaultFilter key={getField.name} {...props} />;
+        filterComponent = <DefaultFilter key={getField.name + index} {...props} />;
         break;
       case 'Boolean':
-        filterComponent = <BooleanFilter key={getField.name} {...props} />;
+        filterComponent = <BooleanFilter key={getField.name + index} {...props} />;
         break;
     }
   }
@@ -168,6 +181,12 @@ const DefaultFilter: React.FC<FilterComponentsProps> = ({ filterValue, setFilter
   const [option, setOption] = useState<Option>(
     filterValue ? options.find((item) => !!filterValue[item.id])! : options[0],
   );
+
+  const inputProps =
+    field.type === 'DateTime'
+      ? { type: 'datetime-local', defaultValue: value[option.id] ? getDate(new Date(value[option.id])) : undefined }
+      : { type: 'text', value: value[option.id] || '' };
+
   return (
     <>
       <Select
@@ -181,12 +200,11 @@ const DefaultFilter: React.FC<FilterComponentsProps> = ({ filterValue, setFilter
         style={{ maxWidth: '13rem', lineHeight: 'inherit' }}
         className={inputClasses.replace('py-2 px-4', 'py-2 px-3 text-sm')}
         placeholder={lang[option.id as 'gt']}
-        type={field.type === 'DateTime' ? 'date' : 'text'}
-        value={value ? value[option.id] || '' : ''}
+        {...inputProps}
         onChange={(event) =>
           onChange({
             name: option.id,
-            value: field.type === 'DateTime' ? event.target.valueAsDate : event.target.value,
+            value: field.type === 'DateTime' ? new Date(event.target.value).toISOString() : event.target.value,
             wait: true,
           })
         }
@@ -234,7 +252,7 @@ export const EnumFilter: React.FC<FilterComponentsProps> = ({ field, filterValue
 const ObjectFilter: React.FC<FilterComponentsProps> = ({ field, filterValue, setFilter }) => {
   const { dir } = useContext(TableContext);
   const model = useModel(field.type)!;
-  const filter = filterValue ? (field.list ? filterValue.some : filterValue) : {};
+  const filter = filterValue ? (field.list ? filterValue.some : filterValue.is) : {};
   const options = model.fields
     .filter((item) => item.filter && item.kind !== 'object' && !item.list && item.type !== 'Json')
     .sort((a, b) => a.order - b.order)
@@ -265,7 +283,9 @@ const ObjectFilter: React.FC<FilterComponentsProps> = ({ field, filterValue, set
           } else {
             delete newValue[getField.name];
           }
-          setFilter(Object.keys(newValue).length > 0 ? (field.list ? { some: newValue } : newValue) : undefined);
+          setFilter(
+            Object.keys(newValue).length > 0 ? (field.list ? { some: newValue } : { is: newValue }) : undefined,
+          );
         },
       }
     : null;
diff --git a/packages/admin/src/PrismaTable/Table/index.tsx b/packages/admin/src/PrismaTable/Table/index.tsx
index bd287c29..bbea580b 100644
--- a/packages/admin/src/PrismaTable/Table/index.tsx
+++ b/packages/admin/src/PrismaTable/Table/index.tsx
@@ -205,9 +205,7 @@ export const Table: React.FC<TableProps> = ({
     <>
       <div className="flex flex-col rounded-lg shadow bg-white">
         {headerActions}
-        <div
-          className={classNames('w-full inline-flex space-x-4 my-4', dir === 'rtl' ? 'pr-4 space-x-reverse' : 'pl-4')}
-        >
+        <div className="w-full inline-flex space-x-4 my-4 rtl:pr-4 rtl:space-x-reverse ltr:pl-4">
           {actions.create && !connect && (
             <div>
               <ActionButtons.Add />
@@ -222,9 +220,7 @@ export const Table: React.FC<TableProps> = ({
             >
               {lang.filter}
               {!!filters.length && (
-                <span className={classNames('rounded-full bg-yellow-400 px-2', dir === 'rtl' ? 'mr-2' : 'ml-2')}>
-                  {filters.length}
-                </span>
+                <span className="rounded-full bg-yellow-400 px-2 rtl:mr-2 ltr:ml-2">{filters.length}</span>
               )}
             </Popover.Button>
             <Transition
@@ -402,20 +398,14 @@ export const Table: React.FC<TableProps> = ({
         </div>
         <div className={classNames('flex flex-wrap md:justify-between justify-center w-full', tdClasses)}>
           <nav
-            className={classNames(
-              'w-full md:w-auto  mb-4 md:mb-0 inline-flex -space-x-px',
-              dir === 'rtl' ? 'space-x-reverse' : '',
-            )}
+            className="w-full md:w-auto  mb-4 md:mb-0 inline-flex -space-x-px rtl:space-x-reverse"
             aria-label="Pagination"
           >
             <button
               type="button"
               onClick={() => gotoPage(0)}
               disabled={!canPreviousPage}
-              className={classNames(
-                'relative inline-flex items-center px-2 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50',
-                dir === 'rtl' ? 'rounded-r-md' : 'rounded-l-md',
-              )}
+              className="relative inline-flex items-center px-2 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 rtl:rounded-r-md ltr:rounded-l-md"
             >
               <ChevronDoubleRightIcon className={classNames('h-4 w-4', dir === 'rtl' ? '' : 'transform rotate-180')} />
             </button>
@@ -425,7 +415,7 @@ export const Table: React.FC<TableProps> = ({
               disabled={!canPreviousPage}
               className="relative inline-flex items-center px-2 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
             >
-              <ChevronRightIcon className={classNames('h-4 w-4', dir === 'rtl' ? '' : 'transform rotate-180')} />
+              <ChevronRightIcon className="h-4 w-4 ltr:transform ltr:rotate-180" />
             </button>
             {initPages(pageCount, pageIndex + 1, paginationOptions).map((item) => (
               <button
@@ -448,7 +438,7 @@ export const Table: React.FC<TableProps> = ({
               disabled={!canNextPage}
               className="relative inline-flex items-center px-2 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
             >
-              <ChevronLeftIcon className={classNames('h-4 w-4', dir === 'rtl' ? '' : 'transform rotate-180')} />
+              <ChevronLeftIcon className="h-4 w-4 ltr:transform ltr:rotate-180" />
             </button>
             <button
               type="button"
@@ -462,25 +452,16 @@ export const Table: React.FC<TableProps> = ({
               <ChevronDoubleLeftIcon className={classNames('h-4 w-4', dir === 'rtl' ? '' : 'transform rotate-180')} />
             </button>
           </nav>
-          <div
-            className={classNames(
-              'inline-flex justify-center -space-x-px w-full md:w-auto',
-              dir === 'rtl' ? 'space-x-reverse' : '',
-            )}
-          >
+          <div className="inline-flex justify-center -space-x-px w-full md:w-auto rtl:space-x-reverse">
             {pageSizeOptions.map((item, index) => (
               <button
                 type="button"
                 key={index}
                 className={classNames(
                   index === 0
-                    ? dir === 'rtl'
-                      ? 'rounded-r-md'
-                      : 'rounded-l-md'
+                    ? 'rtl:rounded-r-md ltr:rounded-l-md'
                     : index === pageSizeOptions.length - 1
-                    ? dir === 'rtl'
-                      ? 'rounded-l-md'
-                      : 'rounded-r-md'
+                    ? 'rtl:rounded-l-md ltr:rounded-r-md'
                     : '',
                   item === pageSize
                     ? 'bg-blue-500 text-white hover:bg-blue-700'
diff --git a/packages/admin/src/PrismaTable/Table/useFilterAndSort.ts b/packages/admin/src/PrismaTable/Table/useFilterAndSort.ts
index d3c0bd65..1dde671d 100644
--- a/packages/admin/src/PrismaTable/Table/useFilterAndSort.ts
+++ b/packages/admin/src/PrismaTable/Table/useFilterAndSort.ts
@@ -44,32 +44,77 @@ const filterMemo = (modelName: string, filter?: any) => {
   }, [filter, models]);
 };
 
+function isObject(item: any) {
+  return item && typeof item === 'object' && !Array.isArray(item);
+}
+
+function mergeDeep(target: any, ...sources: any[]): any {
+  if (!sources.length) return target;
+  const source: any = sources.shift();
+
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        mergeDeep(target[key], source[key]);
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
+    }
+  }
+
+  return mergeDeep(target, ...sources);
+}
+
 const handleFilter = (filters: { id: string; value: any }[]) => {
   if (filters.length) {
     const newWhere: { [key: string]: { [key: string]: any } } = {};
     filters.forEach((item) => {
-      newWhere[item.id] = item.value;
+      // Check if an entry with the same id already exists
+      if (newWhere[item.id]) {
+        // If the value for the existing entry is an object, and the new value is also an object, merge them
+        if (isObject(newWhere[item.id]) && isObject(item.value)) {
+          newWhere[item.id] = mergeDeep(newWhere[item.id], item.value);
+        } else {
+          // Otherwise, just overwrite it (or you can handle it differently if needed)
+          newWhere[item.id] = item.value;
+        }
+      } else {
+        newWhere[item.id] = item.value;
+      }
     });
     return newWhere;
   }
   return undefined;
 };
 
-export const useFilterAndSort = (model: string, filter?: any, defaultOrder?: Record<string, 'asc' | 'desc'>[]) => {
+type OrderBy = Record<string, 'asc' | 'desc' | { sort: 'asc' | 'desc'; nulls: 'last' | 'first' }>;
+
+export const useFilterAndSort = (model: string, filter?: any, defaultOrder?: OrderBy[]) => {
   const initialFilter = filterMemo(model, filter);
+  const {
+    schema: { models },
+  } = useContext(TableContext);
   const [where, setWhere] = useState<any>(handleFilter(initialFilter));
-  const [orderBy, setOrderBy] = useState<Record<string, 'asc' | 'desc'>[] | undefined>(defaultOrder);
+  const [orderBy, setOrderBy] = useState<OrderBy[] | undefined>(defaultOrder);
 
   const filterHandler = (filters: { id: string; value: any }[]) => {
-    setWhere(handleFilter(filters));
+    setWhere(handleFilter(JSON.parse(JSON.stringify(filters))));
   };
 
   const sortByHandler = (sortBy: { id: string; desc: boolean }[]) => {
     if (sortBy.length > 0) {
-      const newOrderBy: { [key: string]: 'asc' | 'desc' }[] = [];
+      const newOrderBy: OrderBy[] = [];
       sortBy.forEach((item) => {
+        const field = item.id.split('.')[0];
+        const modelObject = models.find((item) => item.id === model);
+        const fieldModel = modelObject?.fields.find((item) => item.name === field);
         newOrderBy.push({
-          [item.id.split('.')[0]]: item.desc ? 'desc' : 'asc',
+          [field]: fieldModel?.required
+            ? item.desc
+              ? 'desc'
+              : 'asc'
+            : { sort: item.desc ? 'desc' : 'asc', nulls: 'last' },
         });
       });
       setOrderBy(newOrderBy);
diff --git a/packages/admin/src/PrismaTable/dynamicTable.tsx b/packages/admin/src/PrismaTable/dynamicTable.tsx
index 53f55997..da6f29c3 100644
--- a/packages/admin/src/PrismaTable/dynamicTable.tsx
+++ b/packages/admin/src/PrismaTable/dynamicTable.tsx
@@ -88,6 +88,19 @@ const DynamicTable: React.FC<DynamicTableProps> = ({
     variables,
     fetchPolicy: 'no-cache',
   });
+  const whereRef = React.useRef(where);
+
+  useEffect(() => {
+    if (
+      where &&
+      whereRef.current &&
+      where !== whereRef.current &&
+      Object.keys(whereRef.current).length === Object.keys(where).length
+    ) {
+      getData();
+    }
+    whereRef.current = where;
+  }, [where, getData]);
 
   const [deleteOne] = useMutation(mutationDocument(models, model, 'delete'));
 
diff --git a/packages/admin/src/types.ts b/packages/admin/src/types.ts
index 0f418fc6..d7042782 100644
--- a/packages/admin/src/types.ts
+++ b/packages/admin/src/types.ts
@@ -69,7 +69,7 @@ interface SameProps {
     Update?: React.FC<{ id: any }>;
     Delete?: React.FC<{ id: any }>;
   };
-  defaultOrderBy?: Record<string, Record<string, 'asc' | 'desc'>[]>;
+  defaultOrderBy?: Record<string, Record<string, 'asc' | 'desc' | { sort: 'asc' | 'desc'; nulls: 'last' | 'first' }>[]>;
 }
 
 export interface ModelTableProps extends Partial<Omit<RequireContextProps, 'lang'>>, SameProps {
diff --git a/packages/admin/tailwind.config.js b/packages/admin/tailwind.config.js
index babfdd70..a44d6d62 100644
--- a/packages/admin/tailwind.config.js
+++ b/packages/admin/tailwind.config.js
@@ -1,6 +1,5 @@
 module.exports = {
   content: ['./src/**/*.{js,ts,jsx,tsx}'],
-  darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {},
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a6fdc64a..16bfae63 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -122,7 +122,7 @@ importers:
         version: 7.18.6(@babel/core@7.18.6)
       '@tailwindcss/forms':
         specifier: ^0.4.0
-        version: 0.4.1(tailwindcss@3.0.23)
+        version: 0.4.1(tailwindcss@3.3.3)
       '@types/node':
         specifier: 17.0.21
         version: 17.0.21
@@ -166,11 +166,8 @@ importers:
         specifier: 17.0.2
         version: 17.0.2(react@17.0.2)
       tailwindcss:
-        specifier: 3.0.23
-        version: 3.0.23(autoprefixer@10.4.7)(postcss@8.4.14)
-      tailwindcss-cli:
-        specifier: ^0.1.2
-        version: 0.1.2
+        specifier: 3.3.3
+        version: 3.3.3
       typescript:
         specifier: 5.1.6
         version: 5.1.6
@@ -519,6 +516,11 @@ importers:
 
 packages:
 
+  /@alloc/quick-lru@5.2.0:
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+    dev: true
+
   /@ampproject/remapping@2.2.0:
     resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
     engines: {node: '>=6.0.0'}
@@ -3573,13 +3575,13 @@ packages:
       defer-to-connect: 2.0.1
     dev: false
 
-  /@tailwindcss/forms@0.4.1(tailwindcss@3.0.23):
+  /@tailwindcss/forms@0.4.1(tailwindcss@3.3.3):
     resolution: {integrity: sha512-gS9xjCmJjUBz/eP12QlENPLnf0tCx68oYE3mri0GMP5jdtVwLbGUNSRpjsp6NzLAZzZy3ueOwrcqB78Ax6Z84A==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1'
     dependencies:
       mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.0.23(autoprefixer@10.4.7)(postcss@8.4.14)
+      tailwindcss: 3.3.3
     dev: true
 
   /@tootallnate/once@1.1.2:
@@ -4304,30 +4306,11 @@ packages:
       acorn: 8.8.2
     dev: true
 
-  /acorn-node@1.8.2:
-    resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
-    dependencies:
-      acorn: 7.4.1
-      acorn-walk: 7.2.0
-      xtend: 4.0.2
-    dev: true
-
-  /acorn-walk@7.2.0:
-    resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
-    engines: {node: '>=0.4.0'}
-    dev: true
-
   /acorn-walk@8.2.0:
     resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /acorn@7.4.1:
-    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
-
   /acorn@8.7.1:
     resolution: {integrity: sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==}
     engines: {node: '>=0.4.0'}
@@ -4468,6 +4451,10 @@ packages:
   /ansicolors@0.3.2:
     resolution: {integrity: sha512-QXu7BPrP29VllRxH8GwB7x5iX5qWKAAMLqKQGWTeLWVlNHNOpVMJ91dsxQAIWXpjuW5wqvxu3Jd/nRjrJ+0pqg==}
 
+  /any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+    dev: true
+
   /anymatch@3.1.2:
     resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
     engines: {node: '>= 8'}
@@ -5403,26 +5390,11 @@ packages:
   /color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
-  /color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
-    dependencies:
-      color-name: 1.1.4
-      simple-swizzle: 0.2.2
-    dev: true
-
   /color-support@1.1.3:
     resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
     hasBin: true
     dev: true
 
-  /color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-    dependencies:
-      color-convert: 2.0.1
-      color-string: 1.9.1
-    dev: true
-
   /colorette@2.0.19:
     resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
     dev: true
@@ -5454,11 +5426,6 @@ packages:
     engines: {node: '>= 10'}
     dev: true
 
-  /commander@8.3.0:
-    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
-    engines: {node: '>= 12'}
-    dev: true
-
   /common-ancestor-path@1.0.1:
     resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
     dev: true
@@ -5692,14 +5659,6 @@ packages:
       tiny-invariant: 1.2.0
     dev: false
 
-  /css-color-names@0.0.4:
-    resolution: {integrity: sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==}
-    dev: true
-
-  /css-unit-converter@1.1.2:
-    resolution: {integrity: sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==}
-    dev: true
-
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -5873,10 +5832,6 @@ packages:
       object-keys: 1.1.1
     dev: true
 
-  /defined@1.0.0:
-    resolution: {integrity: sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==}
-    dev: true
-
   /del@6.1.1:
     resolution: {integrity: sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==}
     engines: {node: '>=10'}
@@ -5929,16 +5884,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /detective@5.2.1:
-    resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
-    engines: {node: '>=0.8.0'}
-    hasBin: true
-    dependencies:
-      acorn-node: 1.8.2
-      defined: 1.0.0
-      minimist: 1.2.6
-    dev: true
-
   /dezalgo@1.0.4:
     resolution: {integrity: sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==}
     dependencies:
@@ -6835,6 +6780,17 @@ packages:
       merge2: 1.4.1
       micromatch: 4.0.5
 
+  /fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
   /fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
     dev: true
@@ -7261,6 +7217,17 @@ packages:
       is-glob: 4.0.3
     dev: true
 
+  /glob@7.1.6:
+    resolution: {integrity: sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
   /glob@7.2.0:
     resolution: {integrity: sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==}
     dependencies:
@@ -7511,10 +7478,6 @@ packages:
     hasBin: true
     dev: true
 
-  /hex-color-regex@1.1.0:
-    resolution: {integrity: sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==}
-    dev: true
-
   /hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
     dependencies:
@@ -7537,23 +7500,10 @@ packages:
       lru-cache: 6.0.0
     dev: true
 
-  /hsl-regex@1.0.0:
-    resolution: {integrity: sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==}
-    dev: true
-
-  /hsla-regex@1.0.0:
-    resolution: {integrity: sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA==}
-    dev: true
-
   /html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
     dev: true
 
-  /html-tags@3.2.0:
-    resolution: {integrity: sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==}
-    engines: {node: '>=8'}
-    dev: true
-
   /http-cache-semantics@4.1.0:
     resolution: {integrity: sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==}
 
@@ -7832,10 +7782,6 @@ packages:
   /is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
-  /is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
-    dev: true
-
   /is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
     dependencies:
@@ -7881,17 +7827,6 @@ packages:
       ci-info: 3.3.2
     dev: true
 
-  /is-color-stop@1.1.0:
-    resolution: {integrity: sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==}
-    dependencies:
-      css-color-names: 0.0.4
-      hex-color-regex: 1.1.0
-      hsl-regex: 1.0.0
-      hsla-regex: 1.0.0
-      rgb-regex: 1.0.1
-      rgba-regex: 1.0.0
-    dev: true
-
   /is-core-module@2.11.0:
     resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
     dependencies:
@@ -7901,7 +7836,6 @@ packages:
     resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
     dependencies:
       has: 1.0.3
-    dev: false
 
   /is-core-module@2.9.0:
     resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
@@ -8679,6 +8613,11 @@ packages:
       - ts-node
     dev: true
 
+  /jiti@1.19.3:
+    resolution: {integrity: sha512-5eEbBDQT/jF1xg6l36P+mWGGoH9Spuy0PCdSr2dtWRDGC6ph/w9ZCL4lmESW8f8F7MwT3XKescfP0wnZWAKL9w==}
+    hasBin: true
+    dev: true
+
   /jmespath@0.16.0:
     resolution: {integrity: sha512-9FzQjJ7MATs1tSpnco1K6ayiYE3figslrXA72G2HQ/n76RzvYlofyi5QM+iX4YRs/pu3yzxlVQSST23+dMDknw==}
     engines: {node: '>= 0.6.0'}
@@ -8847,11 +8786,6 @@ packages:
       type-check: 0.4.0
     dev: true
 
-  /lilconfig@2.0.5:
-    resolution: {integrity: sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==}
-    engines: {node: '>=10'}
-    dev: true
-
   /lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
@@ -8989,10 +8923,6 @@ packages:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
     dev: true
 
-  /lodash.topath@4.5.2:
-    resolution: {integrity: sha512-1/W4dM+35DwvE/iEd1M9ekewOSTlpFekhw9mhAtrwjVqUr83/ilQiyAvmg4tVX7Unkcfl1KC+i9WdaT4B6aQcg==}
-    dev: true
-
   /lodash.union@4.6.0:
     resolution: {integrity: sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==}
     dev: false
@@ -9488,11 +9418,6 @@ packages:
     resolution: {integrity: sha512-tukRdb9Beu27t6dN+XztSRHq9J0B/CoAOySGzHfn8UTfmqipA5yNT/sDUEyYdAV3Hpka6Wx6kOMxuObdOex60Q==}
     dev: true
 
-  /modern-normalize@1.1.0:
-    resolution: {integrity: sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==}
-    engines: {node: '>=6'}
-    dev: true
-
   /ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
     dev: true
@@ -9518,6 +9443,14 @@ packages:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
     dev: true
 
+  /mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+    dev: true
+
   /nanoid@3.3.1:
     resolution: {integrity: sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -9530,6 +9463,12 @@ packages:
     hasBin: true
     dev: true
 
+  /nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+    dev: true
+
   /natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
     dev: true
@@ -9584,12 +9523,6 @@ packages:
     resolution: {integrity: sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==}
     dev: true
 
-  /node-emoji@1.11.0:
-    resolution: {integrity: sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==}
-    dependencies:
-      lodash: 4.17.21
-    dev: true
-
   /node-environment-flags@1.0.6:
     resolution: {integrity: sha512-5Evy2epuL+6TM0lCQGpFIj6KwiEsGh1SrHUhTbNX+sLbBtjidPZFAnVK9y5yU1+h//RitLbRHTIMyxQPtxMdHw==}
     dependencies:
@@ -9836,8 +9769,8 @@ packages:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
-  /object-hash@2.2.0:
-    resolution: {integrity: sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==}
+  /object-hash@3.0.0:
+    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
     dev: true
 
@@ -10304,27 +10237,31 @@ packages:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
 
-  /postcss-js@3.0.3:
-    resolution: {integrity: sha512-gWnoWQXKFw65Hk/mi2+WTQTHdPD5UJdDXZmX073EY/B3BWnYjO4F4t0VneTCnCGQ5E5GsCdMkzPaTXwl3r5dJw==}
-    engines: {node: '>=10.0'}
+  /postcss-import@15.1.0(postcss@8.4.28):
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
     dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.4.14
+      postcss: 8.4.28
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.4
     dev: true
 
-  /postcss-js@4.0.0(postcss@8.4.14):
-    resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==}
+  /postcss-js@4.0.1(postcss@8.4.28):
+    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
-      postcss: ^8.3.3
+      postcss: ^8.4.21
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.14
+      postcss: 8.4.28
     dev: true
 
-  /postcss-load-config@3.1.4(postcss@8.4.14):
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
-    engines: {node: '>= 10'}
+  /postcss-load-config@4.0.1(postcss@8.4.28):
+    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
+    engines: {node: '>= 14'}
     peerDependencies:
       postcss: '>=8.0.9'
       ts-node: '>=9.0.0'
@@ -10334,33 +10271,29 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: 2.0.5
-      postcss: 8.4.14
-      yaml: 1.10.2
+      lilconfig: 2.1.0
+      postcss: 8.4.28
+      yaml: 2.2.1
     dev: true
 
-  /postcss-nested@5.0.6(postcss@8.4.14):
-    resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==}
+  /postcss-nested@6.0.1(postcss@8.4.28):
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: 8.4.14
-      postcss-selector-parser: 6.0.10
+      postcss: 8.4.28
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  /postcss-selector-parser@6.0.10:
-    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+  /postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
     engines: {node: '>=4'}
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
     dev: true
 
-  /postcss-value-parser@3.3.1:
-    resolution: {integrity: sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==}
-    dev: true
-
   /postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
@@ -10374,6 +10307,15 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
+  /postcss@8.4.28:
+    resolution: {integrity: sha512-Z7V5j0cq8oEKyejIKfpD8b4eBy9cwW2JWPk0+fB1HOAMsfHbnAXLLS+PfVWlzMSLQaWttKDt607I0XHmpE67Vw==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
   /preferred-pm@3.0.3:
     resolution: {integrity: sha512-+wZgbxNES/KlJs9q40F/1sfOd/j7f1O9JaHcW5Dsn3aUUOZg3L2bjpVUcKV2jvtElYfoTuQiNeMfQJ4kwUAhCQ==}
     engines: {node: '>=10'}
@@ -10425,11 +10367,6 @@ packages:
       react-is: 18.2.0
     dev: true
 
-  /pretty-hrtime@1.0.3:
-    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
-    engines: {node: '>= 0.8'}
-    dev: true
-
   /proc-log@1.0.0:
     resolution: {integrity: sha512-aCk8AO51s+4JyuYGg3Q/a6gnrlDO09NpVWePtjp7xwphcoQ04x5WAfCyugcsbLooWcMJ87CLkD4+604IckEdhg==}
     dev: true
@@ -10517,16 +10454,6 @@ packages:
     resolution: {integrity: sha512-t+x1zEHDjBwkDGY5v5ApnZ/utcd4XYDiJsaQQoptTXgUXX95sDg1elCdJghzicm7n2mbCBJ3uYWr6M22SO19rg==}
     dev: true
 
-  /purgecss@4.1.3:
-    resolution: {integrity: sha512-99cKy4s+VZoXnPxaoM23e5ABcP851nC2y2GROkkjS8eJaJtlciGavd7iYAw2V84WeBqggZ12l8ef44G99HmTaw==}
-    hasBin: true
-    dependencies:
-      commander: 8.3.0
-      glob: 7.2.3
-      postcss: 8.4.14
-      postcss-selector-parser: 6.0.10
-    dev: true
-
   /qqjs@0.3.11:
     resolution: {integrity: sha512-pB2X5AduTl78J+xRSxQiEmga1jQV0j43jOPs/MTgTLApGFEOn6NgdE2dEjp7nvDtjkIOZbvFIojAiYUx6ep3zg==}
     engines: {node: '>=8.0.0'}
@@ -10688,6 +10615,12 @@ packages:
       loose-envify: 1.4.0
       object-assign: 4.1.1
 
+  /read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+    dependencies:
+      pify: 2.3.0
+    dev: true
+
   /read-cmd-shim@3.0.1:
     resolution: {integrity: sha512-kEmDUoYf/CDy8yZbLTmhB1X9kkjf9Q80PCNsDMb7ufrGd6zZSQA1+UyjrO+pZm5K/S4OXCWJeiIt1JA8kAsa6g==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -10820,13 +10753,6 @@ packages:
     dependencies:
       esprima: 4.0.1
 
-  /reduce-css-calc@2.1.8:
-    resolution: {integrity: sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==}
-    dependencies:
-      css-unit-converter: 1.1.2
-      postcss-value-parser: 3.3.1
-    dev: true
-
   /redux@4.2.0:
     resolution: {integrity: sha512-oSBmcKKIuIR4ME29/AeNUnl5L+hvBq7OaJWzaptTQJAntaPvxIJqfnjbaEiCzzaIz+XmVILfqAM3Ob0aXLPfjA==}
     dependencies:
@@ -10976,7 +10902,6 @@ packages:
       is-core-module: 2.13.0
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
-    dev: false
 
   /responselike@2.0.0:
     resolution: {integrity: sha512-xH48u3FTB9VsZw7R+vvgaKeLKzT6jOogbQhEe/jewwnZgzPcnyWui2Av6JpoYZF/91uueC+lqhWqeURw5/qhCw==}
@@ -11008,14 +10933,6 @@ packages:
     resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
     dev: true
 
-  /rgb-regex@1.0.1:
-    resolution: {integrity: sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==}
-    dev: true
-
-  /rgba-regex@1.0.0:
-    resolution: {integrity: sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg==}
-    dev: true
-
   /rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
     hasBin: true
@@ -11240,12 +11157,6 @@ packages:
   /signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
-  /simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
-    dependencies:
-      is-arrayish: 0.3.2
-    dev: true
-
   /sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
@@ -11648,6 +11559,20 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /sucrase@3.34.0:
+    resolution: {integrity: sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      commander: 4.1.1
+      glob: 7.1.6
+      lines-and-columns: 1.2.4
+      mz: 2.7.0
+      pirates: 4.0.5
+      ts-interface-checker: 0.1.13
+    dev: true
+
   /supports-color@2.0.0:
     resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
     engines: {node: '>=0.8.0'}
@@ -11687,93 +11612,33 @@ packages:
     engines: {node: '>=0.10'}
     dev: true
 
-  /tailwindcss-cli@0.1.2:
-    resolution: {integrity: sha512-17NuGSHKTr4twN1BFxuoTArMcBQH+7YL6x4PHFnmWsGNOX45O4Roc8EdMVhSSH2rQoSDoLvR4TmlfddMon3yKg==}
-    hasBin: true
-    dependencies:
-      autoprefixer: 10.4.7(postcss@8.4.14)
-      postcss: 8.4.14
-      tailwindcss: 2.2.19(autoprefixer@10.4.7)(postcss@8.4.14)
-    transitivePeerDependencies:
-      - ts-node
-    dev: true
-
-  /tailwindcss@2.2.19(autoprefixer@10.4.7)(postcss@8.4.14):
-    resolution: {integrity: sha512-6Ui7JSVtXadtTUo2NtkBBacobzWiQYVjYW0ZnKaP9S1ZCKQ0w7KVNz+YSDI/j7O7KCMHbOkz94ZMQhbT9pOqjw==}
-    engines: {node: '>=12.13.0'}
+  /tailwindcss@3.3.3:
+    resolution: {integrity: sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==}
+    engines: {node: '>=14.0.0'}
     hasBin: true
-    peerDependencies:
-      autoprefixer: ^10.0.2
-      postcss: ^8.0.9
     dependencies:
+      '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
-      autoprefixer: 10.4.7(postcss@8.4.14)
-      bytes: 3.1.2
-      chalk: 4.1.2
       chokidar: 3.5.3
-      color: 4.2.3
-      cosmiconfig: 7.0.1
-      detective: 5.2.1
       didyoumean: 1.2.2
       dlv: 1.1.3
-      fast-glob: 3.2.11
-      fs-extra: 10.1.0
-      glob-parent: 6.0.2
-      html-tags: 3.2.0
-      is-color-stop: 1.1.0
-      is-glob: 4.0.3
-      lodash: 4.17.21
-      lodash.topath: 4.5.2
-      modern-normalize: 1.1.0
-      node-emoji: 1.11.0
-      normalize-path: 3.0.0
-      object-hash: 2.2.0
-      postcss: 8.4.14
-      postcss-js: 3.0.3
-      postcss-load-config: 3.1.4(postcss@8.4.14)
-      postcss-nested: 5.0.6(postcss@8.4.14)
-      postcss-selector-parser: 6.0.10
-      postcss-value-parser: 4.2.0
-      pretty-hrtime: 1.0.3
-      purgecss: 4.1.3
-      quick-lru: 5.1.1
-      reduce-css-calc: 2.1.8
-      resolve: 1.22.2
-      tmp: 0.2.1
-    transitivePeerDependencies:
-      - ts-node
-    dev: true
-
-  /tailwindcss@3.0.23(autoprefixer@10.4.7)(postcss@8.4.14):
-    resolution: {integrity: sha512-+OZOV9ubyQ6oI2BXEhzw4HrqvgcARY38xv3zKcjnWtMIZstEsXdI9xftd1iB7+RbOnj2HOEzkA0OyB5BaSxPQA==}
-    engines: {node: '>=12.13.0'}
-    hasBin: true
-    peerDependencies:
-      autoprefixer: ^10.0.2
-      postcss: ^8.0.9
-    dependencies:
-      arg: 5.0.2
-      autoprefixer: 10.4.7(postcss@8.4.14)
-      chalk: 4.1.2
-      chokidar: 3.5.3
-      color-name: 1.1.4
-      cosmiconfig: 7.0.1
-      detective: 5.2.1
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.2.11
+      fast-glob: 3.3.1
       glob-parent: 6.0.2
       is-glob: 4.0.3
+      jiti: 1.19.3
+      lilconfig: 2.1.0
+      micromatch: 4.0.5
       normalize-path: 3.0.0
-      object-hash: 2.2.0
-      postcss: 8.4.14
-      postcss-js: 4.0.0(postcss@8.4.14)
-      postcss-load-config: 3.1.4(postcss@8.4.14)
-      postcss-nested: 5.0.6(postcss@8.4.14)
-      postcss-selector-parser: 6.0.10
-      postcss-value-parser: 4.2.0
-      quick-lru: 5.1.1
-      resolve: 1.22.1
+      object-hash: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.28
+      postcss-import: 15.1.0(postcss@8.4.28)
+      postcss-js: 4.0.1(postcss@8.4.28)
+      postcss-load-config: 4.0.1(postcss@8.4.28)
+      postcss-nested: 6.0.1(postcss@8.4.28)
+      postcss-selector-parser: 6.0.13
+      resolve: 1.22.4
+      sucrase: 3.34.0
     transitivePeerDependencies:
       - ts-node
     dev: true
@@ -11868,6 +11733,19 @@ packages:
     engines: {node: '>=0.8'}
     dev: true
 
+  /thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      thenify: 3.3.1
+    dev: true
+
+  /thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+    dependencies:
+      any-promise: 1.3.0
+    dev: true
+
   /throat@6.0.1:
     resolution: {integrity: sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==}
     dev: true
@@ -11899,6 +11777,7 @@ packages:
     engines: {node: '>=8.17.0'}
     dependencies:
       rimraf: 3.0.2
+    dev: false
 
   /tmpl@1.0.5:
     resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
@@ -11942,6 +11821,10 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /ts-interface-checker@0.1.13:
+    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+    dev: true
+
   /ts-invariant@0.9.4:
     resolution: {integrity: sha512-63jtX/ZSwnUNi/WhXjnK8kz4cHHpYS60AnmA6ixz17l7E12a5puCWFlNpkne5Rl0J8TBPVHpGjsj4fxs8ObVLQ==}
     engines: {node: '>=8'}
@@ -12568,11 +12451,6 @@ packages:
     engines: {node: '>=4.0'}
     dev: true
 
-  /xtend@4.0.2:
-    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
-    engines: {node: '>=0.4'}
-    dev: true
-
   /y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
     dev: true