create-nextjs-cms 0.5.21 → 0.5.23

package/templates/default/apps/cms/node_modules/sharp/src/utilities.cc

@@ -0,0 +1,269 @@
+// Copyright 2013 Lovell Fuller and others.
+// SPDX-License-Identifier: Apache-2.0
+
+#include <cmath>
+#include <string>
+#include <cstdio>
+
+#include <napi.h>
+#include <vips/vips8>
+#include <vips/vector.h>
+
+#include "common.h"
+#include "operations.h"
+#include "utilities.h"
+
+/*
+  Get and set cache limits
+*/
+Napi::Value cache(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+
+  // Set memory limit
+  if (info[size_t(0)].IsNumber()) {
+    vips_cache_set_max_mem(info[size_t(0)].As<Napi::Number>().Int32Value() * 1048576);
+  }
+  // Set file limit
+  if (info[size_t(1)].IsNumber()) {
+    vips_cache_set_max_files(info[size_t(1)].As<Napi::Number>().Int32Value());
+  }
+  // Set items limit
+  if (info[size_t(2)].IsNumber()) {
+    vips_cache_set_max(info[size_t(2)].As<Napi::Number>().Int32Value());
+  }
+
+  // Get memory stats
+  Napi::Object memory = Napi::Object::New(env);
+  memory.Set("current", round(vips_tracked_get_mem() / 1048576));
+  memory.Set("high", round(vips_tracked_get_mem_highwater() / 1048576));
+  memory.Set("max", round(vips_cache_get_max_mem() / 1048576));
+  // Get file stats
+  Napi::Object files = Napi::Object::New(env);
+  files.Set("current", vips_tracked_get_files());
+  files.Set("max", vips_cache_get_max_files());
+
+  // Get item stats
+  Napi::Object items = Napi::Object::New(env);
+  items.Set("current", vips_cache_get_size());
+  items.Set("max", vips_cache_get_max());
+
+  Napi::Object cache = Napi::Object::New(env);
+  cache.Set("memory", memory);
+  cache.Set("files", files);
+  cache.Set("items", items);
+  return cache;
+}
+
+/*
+  Get and set size of thread pool
+*/
+Napi::Value concurrency(const Napi::CallbackInfo& info) {
+  // Set concurrency
+  if (info[size_t(0)].IsNumber()) {
+    vips_concurrency_set(info[size_t(0)].As<Napi::Number>().Int32Value());
+  }
+  // Get concurrency
+  return Napi::Number::New(info.Env(), vips_concurrency_get());
+}
+
+/*
+  Get internal counters (queued tasks, processing tasks)
+*/
+Napi::Value counters(const Napi::CallbackInfo& info) {
+  Napi::Object counters = Napi::Object::New(info.Env());
+  counters.Set("queue", static_cast<int>(sharp::counterQueue));
+  counters.Set("process", static_cast<int>(sharp::counterProcess));
+  return counters;
+}
+
+/*
+  Get and set use of SIMD vector unit instructions
+*/
+Napi::Value simd(const Napi::CallbackInfo& info) {
+  // Set state
+  if (info[size_t(0)].IsBoolean()) {
+    vips_vector_set_enabled(info[size_t(0)].As<Napi::Boolean>().Value());
+  }
+  // Get state
+  return Napi::Boolean::New(info.Env(), vips_vector_isenabled());
+}
+
+/*
+  Get libvips version
+*/
+Napi::Value libvipsVersion(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  Napi::Object version = Napi::Object::New(env);
+
+  char semver[9];
+  std::snprintf(semver, sizeof(semver), "%d.%d.%d", vips_version(0), vips_version(1), vips_version(2));
+  version.Set("semver", Napi::String::New(env, semver));
+#ifdef SHARP_USE_GLOBAL_LIBVIPS
+  version.Set("isGlobal", Napi::Boolean::New(env, true));
+#else
+  version.Set("isGlobal", Napi::Boolean::New(env, false));
+#endif
+#ifdef __EMSCRIPTEN__
+  version.Set("isWasm", Napi::Boolean::New(env, true));
+#else
+  version.Set("isWasm", Napi::Boolean::New(env, false));
+#endif
+  return version;
+}
+
+/*
+  Get available input/output file/buffer/stream formats
+*/
+Napi::Value format(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  Napi::Object format = Napi::Object::New(env);
+  for (std::string const f : {
+    "jpeg", "png", "webp", "tiff", "magick", "openslide", "dz",
+    "ppm", "fits", "gif", "svg", "heif", "pdf", "vips", "jp2k", "jxl"
+  }) {
+    // Input
+    const VipsObjectClass *oc = vips_class_find("VipsOperation", (f + "load").c_str());
+    Napi::Boolean hasInputFile = Napi::Boolean::New(env, oc);
+    Napi::Boolean hasInputBuffer =
+      Napi::Boolean::New(env, vips_type_find("VipsOperation", (f + "load_buffer").c_str()));
+    Napi::Object input = Napi::Object::New(env);
+    input.Set("file", hasInputFile);
+    input.Set("buffer", hasInputBuffer);
+    input.Set("stream", hasInputBuffer);
+    if (hasInputFile) {
+      const VipsForeignClass *fc = VIPS_FOREIGN_CLASS(oc);
+      if (fc->suffs) {
+        Napi::Array fileSuffix = Napi::Array::New(env);
+        const char **suffix = fc->suffs;
+        for (int i = 0; *suffix; i++, suffix++) {
+          fileSuffix.Set(i, Napi::String::New(env, *suffix));
+        }
+        input.Set("fileSuffix", fileSuffix);
+      }
+    }
+    // Output
+    Napi::Boolean hasOutputFile =
+      Napi::Boolean::New(env, vips_type_find("VipsOperation", (f + "save").c_str()));
+    Napi::Boolean hasOutputBuffer =
+      Napi::Boolean::New(env, vips_type_find("VipsOperation", (f + "save_buffer").c_str()));
+    Napi::Object output = Napi::Object::New(env);
+    output.Set("file", hasOutputFile);
+    output.Set("buffer", hasOutputBuffer);
+    output.Set("stream", hasOutputBuffer);
+    // Other attributes
+    Napi::Object container = Napi::Object::New(env);
+    container.Set("id", f);
+    container.Set("input", input);
+    container.Set("output", output);
+    // Add to set of formats
+    format.Set(f, container);
+  }
+
+  // Raw, uncompressed data
+  Napi::Boolean supported = Napi::Boolean::New(env, true);
+  Napi::Boolean unsupported = Napi::Boolean::New(env, false);
+  Napi::Object rawInput = Napi::Object::New(env);
+  rawInput.Set("file", unsupported);
+  rawInput.Set("buffer", supported);
+  rawInput.Set("stream", supported);
+  Napi::Object rawOutput = Napi::Object::New(env);
+  rawOutput.Set("file", unsupported);
+  rawOutput.Set("buffer", supported);
+  rawOutput.Set("stream", supported);
+  Napi::Object raw = Napi::Object::New(env);
+  raw.Set("id", "raw");
+  raw.Set("input", rawInput);
+  raw.Set("output", rawOutput);
+  format.Set("raw", raw);
+
+  return format;
+}
+
+/*
+  (Un)block libvips operations at runtime.
+*/
+void block(const Napi::CallbackInfo& info) {
+  Napi::Array ops = info[size_t(0)].As<Napi::Array>();
+  bool const state = info[size_t(1)].As<Napi::Boolean>().Value();
+  for (unsigned int i = 0; i < ops.Length(); i++) {
+    vips_operation_block_set(ops.Get(i).As<Napi::String>().Utf8Value().c_str(), state);
+  }
+}
+
+/*
+  Synchronous, internal-only method used by some of the functional tests.
+  Calculates the maximum colour distance using the DE2000 algorithm
+  between two images of the same dimensions and number of channels.
+*/
+Napi::Value _maxColourDistance(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+
+  // Open input files
+  VImage image1;
+  sharp::ImageType imageType1 = sharp::DetermineImageType(info[size_t(0)].As<Napi::String>().Utf8Value().data());
+  if (imageType1 != sharp::ImageType::UNKNOWN) {
+    try {
+      image1 = VImage::new_from_file(info[size_t(0)].As<Napi::String>().Utf8Value().c_str());
+    } catch (...) {
+      throw Napi::Error::New(env, "Input file 1 has corrupt header");
+    }
+  } else {
+    throw Napi::Error::New(env, "Input file 1 is of an unsupported image format");
+  }
+  VImage image2;
+  sharp::ImageType imageType2 = sharp::DetermineImageType(info[size_t(1)].As<Napi::String>().Utf8Value().data());
+  if (imageType2 != sharp::ImageType::UNKNOWN) {
+    try {
+      image2 = VImage::new_from_file(info[size_t(1)].As<Napi::String>().Utf8Value().c_str());
+    } catch (...) {
+      throw Napi::Error::New(env, "Input file 2 has corrupt header");
+    }
+  } else {
+    throw Napi::Error::New(env, "Input file 2 is of an unsupported image format");
+  }
+  // Ensure same number of channels
+  if (image1.bands() != image2.bands()) {
+    throw Napi::Error::New(env, "mismatchedBands");
+  }
+  // Ensure same dimensions
+  if (image1.width() != image2.width() || image1.height() != image2.height()) {
+    throw Napi::Error::New(env, "mismatchedDimensions");
+  }
+
+  double maxColourDistance;
+  try {
+    // Premultiply and remove alpha
+    if (sharp::HasAlpha(image1)) {
+      image1 = image1.premultiply().extract_band(1, VImage::option()->set("n", image1.bands() - 1));
+    }
+    if (sharp::HasAlpha(image2)) {
+      image2 = image2.premultiply().extract_band(1, VImage::option()->set("n", image2.bands() - 1));
+    }
+    // Calculate colour distance
+    maxColourDistance = image1.dE00(image2).max();
+  } catch (vips::VError const &err) {
+    throw Napi::Error::New(env, err.what());
+  }
+
+  // Clean up libvips' per-request data and threads
+  vips_error_clear();
+  vips_thread_shutdown();
+
+  return Napi::Number::New(env, maxColourDistance);
+}
+
+#if defined(__GNUC__)
+// mallctl will be resolved by the runtime linker when jemalloc is being used
+extern "C" {
+  int mallctl(const char *name, void *oldp, size_t *oldlenp, void *newp, size_t newlen) __attribute__((weak));
+}
+Napi::Value _isUsingJemalloc(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  return Napi::Boolean::New(env, mallctl != nullptr);
+}
+#else
+Napi::Value _isUsingJemalloc(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  return Napi::Boolean::New(env, false);
+}
+#endif

package/templates/default/apps/cms/node_modules/sharp/src/utilities.h

@@ -0,0 +1,19 @@
+// Copyright 2013 Lovell Fuller and others.
+// SPDX-License-Identifier: Apache-2.0
+
+#ifndef SRC_UTILITIES_H_
+#define SRC_UTILITIES_H_
+
+#include <napi.h>
+
+Napi::Value cache(const Napi::CallbackInfo& info);
+Napi::Value concurrency(const Napi::CallbackInfo& info);
+Napi::Value counters(const Napi::CallbackInfo& info);
+Napi::Value simd(const Napi::CallbackInfo& info);
+Napi::Value libvipsVersion(const Napi::CallbackInfo& info);
+Napi::Value format(const Napi::CallbackInfo& info);
+void block(const Napi::CallbackInfo& info);
+Napi::Value _maxColourDistance(const Napi::CallbackInfo& info);
+Napi::Value _isUsingJemalloc(const Napi::CallbackInfo& info);
+
+#endif  // SRC_UTILITIES_H_

package/templates/default/components/AdminCard.tsx

@@ -56,7 +56,7 @@ export default function AdminCard({
     }
 
     return (
-        <Card className='flex flex-col justify-between border border-gray-400 shadow-sm'>
+        <Card className='flex flex-col justify-between border border-gray-400 shadow-xs'>
             <CardHeader>
                 <CardTitle>
                     <div className='flex flex-row items-center gap-2'>

package/templates/default/components/AdminsPage.tsx

@@ -12,7 +12,7 @@ const AdminsPage = () => {
 
     return (
         <div className='w-full'>
-            <div className='bg-gradient-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
+            <div className='bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
                 <h1 className='text-3xl'>{getString('admins')}</h1>
             </div>
 

package/templates/default/components/AdvancedSettingsPage.tsx

@@ -76,7 +76,7 @@ export default function AdvancedSettingsPage() {
     return (
         <div>
             <div className='w-full overflow-hidden bg-background'>
-                <div className='bg-gradient-to-r from-rose-200 via-rose-400 to-sky-400 p-8 font-extrabold text-black'>
+                <div className='bg-linear-to-r from-rose-200 via-rose-400 to-sky-400 p-8 font-extrabold text-black'>
                     <h1 className='text-3xl'>{getString('advancedSettings')}</h1>
                 </div>
                 <div className='flex w-full flex-col'>

package/templates/default/components/AnalyticsPage.tsx

@@ -34,7 +34,7 @@ const AnalyticsPage = () => {
 
     return (
         <div className='w-full'>
-            <div className='bg-gradient-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
+            <div className='bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
                 <h1 className='text-3xl'>{getString('analytics')}</h1>
             </div>
             <div className='p-4'>

package/templates/default/components/BrowsePage.tsx

@@ -31,8 +31,8 @@ export default function BrowsePage({ section, page }: { section: string; page: s
 
     return (
         <div>
-            <div className='relative z-[1] border-b-2 p-8 pt-12 font-extrabold text-foreground'>
-                <div className='absolute left-0 top-0 z-[2] h-4 w-full bg-gradient-to-r from-sky-300 via-gray-300 to-blue-400'></div>
+            <div className='relative z-1 border-b-2 p-8 pt-12 font-extrabold text-foreground'>
+                <div className='absolute left-0 top-0 z-2 h-4 w-full bg-linear-to-r from-sky-300 via-gray-300 to-blue-400'></div>
                 <h1 className='text-3xl'>{data?.section?.title}</h1>
             </div>
             <div className='p-4'>

package/templates/default/components/CategorizedSectionPage.tsx

@@ -15,12 +15,12 @@ export default function CategorizedSectionPage({ section }: { section: string })
     return (
         <div>
             <div className='w-full'>
-                <div className='relative z-[1] border-b-2 p-8 pt-12 font-extrabold text-foreground'>
-                    <div className='absolute left-0 top-0 z-[2] h-4 w-full bg-gradient-to-r from-rose-200 via-rose-400 to-sky-400'></div>{' '}
+                <div className='relative z-1 border-b-2 p-8 pt-12 font-extrabold text-foreground'>
+                    <div className='absolute left-0 top-0 z-2 h-4 w-full bg-linear-to-r from-rose-200 via-rose-400 to-sky-400'></div>{' '}
                     {data && data.section && <h1 className='text-3xl'>{data?.section?.title.section}</h1>}
                 </div>
                 <div className='flex w-full flex-col'>
-                    <div className='rounded-xl p-4 shadow'>
+                    <div className='rounded-xl p-4 shadow-sm'>
                         {isLoading && (
                             <div>
                                 <LoadingSpinners />

package/templates/default/components/CategoryDeleteConfirmPage.tsx

@@ -71,8 +71,8 @@ export default function CategoryDeleteConfirmPage({
     return (
         <div className='flex flex-col'>
             <div className='flex flex-col gap-3'>
-                <div className='relative z-[1] border-b-2 p-8 pt-12 font-extrabold text-foreground'>
-                    <div className='absolute left-0 top-0 z-[2] h-4 w-full bg-gradient-to-r from-red-300 via-rose-500 to-pink-400'></div>
+                <div className='relative z-1 border-b-2 p-8 pt-12 font-extrabold text-foreground'>
+                    <div className='absolute left-0 top-0 z-2 h-4 w-full bg-linear-to-r from-red-300 via-rose-500 to-pink-400'></div>
                     <h1 className='pb-4 text-3xl'>{sectionTitle}</h1>
                     <span>/{getString('delete')}</span>
                 </div>
@@ -83,7 +83,7 @@ export default function CategoryDeleteConfirmPage({
                             <LoadingSpinners />
                         </div>
                     ) : null}
-                    <div className='flex flex-col gap-3 rounded p-2 ring ring-sky-300'>
+                    <div className='flex flex-col gap-3 rounded p-2 ring-3 ring-sky-300'>
                         <InfoCard
                             result={{
                                 key: 'info',
@@ -93,7 +93,7 @@ export default function CategoryDeleteConfirmPage({
                         />
                     </div>
                     {allowRecursiveDelete ? (
-                        <div className='flex flex-col gap-3 rounded p-2 ring ring-sky-300'>
+                        <div className='flex flex-col gap-3 rounded p-2 ring-3 ring-sky-300'>
                             <InfoCard
                                 result={{
                                     key: 'info',

package/templates/default/components/CategorySectionSelectInput.tsx

@@ -97,7 +97,7 @@ export default function CategorySectionSelectInput({
                     onChange={(value: SelectOption | undefined) => {
                         setValue(value?.value)
                     }}
-                    classname='w-full shadow-sm'
+                    classname='w-full shadow-xs'
                 />
 
                 <SelectInputButtons

package/templates/default/components/ContainerBox.tsx

@@ -11,7 +11,7 @@ export default function ContainerBox({ children, title }: { children: React.Reac
                 <CardContent>{children}</CardContent>
             </Card>*/}
 
-            <div className='relative flex flex-col rounded-lg border border-slate-300 bg-white shadow-sm dark:border-slate-500 dark:bg-slate-900'>
+            <div className='relative flex flex-col rounded-lg border border-slate-300 bg-white shadow-xs dark:border-slate-500 dark:bg-slate-900'>
                 {title ? (
                     <div className='rounded-t-lg px-4 py-1.5 font-bold text-black dark:bg-slate-800 dark:text-white'>
                         {title}

package/templates/default/components/DashboardPage.tsx

@@ -17,7 +17,7 @@ const DashboardPage = () => {
 
     return (
         <div className='w-full'>
-            <div className='bg-gradient-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
+            <div className='bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
                 <h1 className='text-3xl'>{getString('dashboard')}</h1>
             </div>
             <div className='flex flex-col gap-4 p-4'>

package/templates/default/components/EmailCard.tsx

@@ -39,7 +39,7 @@ export default function EmailCard({ email, action }: { email: EmailItem; action:
     }
 
     return (
-        <Card className='border border-gray-400 shadow-sm'>
+        <Card className='border border-gray-400 shadow-xs'>
             <CardHeader>
                 <CardTitle>
                     <div className='flex flex-row items-center'>

package/templates/default/components/EmailPasswordForm.tsx

@@ -55,7 +55,7 @@ export default function EmailPasswordForm({ email, action }: { email: string; ac
                         type='text'
                         autoComplete='password'
                         required
-                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                 </div>
             </div>
@@ -70,7 +70,7 @@ export default function EmailPasswordForm({ email, action }: { email: string; ac
                         type='text'
                         autoComplete='passwordConfirm'
                         required
-                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                 </div>
             </div>

package/templates/default/components/EmailQuotaForm.tsx

@@ -55,7 +55,7 @@ export default function EmailQuotaForm({ email, action }: { email: string; actio
                         type='number'
                         autoComplete='quota'
                         required
-                        className='block rounded-md border-0 bg-input p-2.5 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block rounded-md border-0 bg-input p-2.5 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                     <Badge className='rounded-sm border-muted-foreground text-muted-foreground' variant='secondary'>
                         0 = {getString('unlimited')}

package/templates/default/components/EmailsPage.tsx

@@ -21,7 +21,7 @@ const EmailsPage = () => {
 
     return (
         <div className='bg-white dark:bg-slate-900'>
-            <div className='bg-gradient-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
+            <div className='bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
                 <h1 className='text-3xl'>{getString('email_accounts')}</h1>
             </div>
 

package/templates/default/components/GalleryPhoto.tsx

@@ -84,7 +84,7 @@ const GalleryPhoto = ({ item, sectionName, action }: { item: PhotoGalleryItem; s
                 height={150}
                 width={150}
                 // fill={true}
-                className='mb-4 rounded p-1 ring ring-gray-400'
+                className='mb-4 rounded p-1 ring-3 ring-gray-400'
             />
         </div>
     )

package/templates/default/components/ItemEditPage.tsx

@@ -192,8 +192,8 @@ export default function ItemEditPage({
             {isError ? <div>{error?.message}</div> : null}
             {data ? (
                 <div className='flex w-full flex-col'>
-                    <div className='relative z-[1] border-b-2 p-8 pt-12 font-extrabold text-foreground'>
-                        <div className='absolute left-0 top-0 z-[2] h-4 w-full bg-gradient-to-r from-emerald-800 via-emerald-400 to-sky-600'></div>
+                    <div className='relative z-1 border-b-2 p-8 pt-12 font-extrabold text-foreground'>
+                        <div className='absolute left-0 top-0 z-2 h-4 w-full bg-linear-to-r from-emerald-800 via-emerald-400 to-sky-600'></div>
                         <h1 className='pb-4 text-4xl'>{data.section?.title.section}</h1>
                         <span>
                             /{getString('edit')} {data.section?.title.singular}

package/templates/default/components/Layout.tsx

@@ -38,7 +38,7 @@ function Layout({ children }: { children: React.ReactNode }) {
                         {showMobileSidebar && (
                             // Display a black transparent div to close the sidebar when clicked outside
                             <div
-                                className='fixed left-0 top-0 z-[15] h-full w-full bg-black/80 md:hidden'
+                                className='fixed left-0 top-0 z-15 h-full w-full bg-black/80 md:hidden'
                                 onClick={() => setShowMobileSidebar(false)}
                             ></div>
                         )}

package/templates/default/components/LogPage.tsx

@@ -6,7 +6,7 @@ import React from 'react'
 export default function LogPage() {
     return (
         <div className='w-full'>
-            <div className='bg-gradient-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
+            <div className='bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
                 <h1 className='text-3xl'>{getString('logs')}</h1>
             </div>
 

package/templates/default/components/Navbar.tsx

@@ -14,11 +14,11 @@ const Navbar = (props: Props) => {
             className={classNames({
                 'bg-white text-zinc-500': true, // colors
                 'flex items-center': true, // layout
-                'w-full md:w-full sticky z-10 px-4 shadow-sm h-[73px] top-0 ': true, //positioning & styling
+                'w-full md:w-full sticky z-10 px-4 shadow-xs h-[73px] top-0 ': true, //positioning & styling
             })}
         >
             <div className='font-bold text-lg'>Admin Panel</div>
-            <div className='flex-grow'></div>
+            <div className='grow'></div>
             <button className='md:hidden' onClick={props.onMenuButtonClick}>
                 <HamburgerMenuIcon className='h-6 w-6' />
             </button>

package/templates/default/components/NavbarAlt.tsx

@@ -50,19 +50,19 @@ export default function Navbar(props: Props) {
         <>
             <nav
                 className={classNames({
-                    'sticky top-0 h-[65px] bg-white text-zinc-500 drop-shadow dark:bg-slate-800': true, // colors
-                    'top-0 z-10 w-full px-4 shadow-sm md:w-full': true, //positioning & styling
+                    'sticky top-0 h-[65px] bg-white text-zinc-500 drop-shadow-sm dark:bg-slate-800': true, // colors
+                    'top-0 z-10 w-full px-4 shadow-xs md:w-full': true, //positioning & styling
                 })}
             >
                 <div className='mx-auto px-0 lg:px-2'>
                     <div className='flex h-16 items-center justify-between'>
                         <div className='flex items-center'>
-                            <div className='flex-shrink-0'>
+                            <div className='shrink-0'>
                                 <div className='flex md:hidden'>
                                     {/* Mobile menu button */}
                                     <button
                                         onClick={props.onMenuButtonClick}
-                                        className='relative inline-flex items-center justify-center rounded-md border border-foreground p-2 text-foreground hover:text-foreground/90 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800'
+                                        className='relative inline-flex items-center justify-center rounded-md border border-foreground p-2 text-foreground hover:text-foreground/90 focus:outline-hidden focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800'
                                     >
                                         <span className='absolute -inset-0.5' />
                                         <span className='sr-only'>Open main menu</span>
@@ -109,7 +109,7 @@ export default function Navbar(props: Props) {
                                             setTheme(theme === 'dark' ? 'light' : 'dark')
                                         }}
                                         type='button'
-                                        className='relative rounded-full p-1 text-foreground hover:text-foreground/90 focus:outline-none'
+                                        className='relative rounded-full p-1 text-foreground hover:text-foreground/90 focus:outline-hidden'
                                     >
                                         <span className='absolute -inset-1.5' />
                                         <span className='sr-only'>Theme</span>
@@ -123,7 +123,7 @@ export default function Navbar(props: Props) {
                                     <DropdownMenu>
                                         <DropdownMenuTrigger
                                             asChild
-                                            className='relative ms-2 flex max-w-xs cursor-pointer items-center rounded-full bg-gray-800 text-sm hover:ring focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800'
+                                            className='relative ms-2 flex max-w-xs cursor-pointer items-center rounded-full bg-gray-800 text-sm hover:ring-3 focus:outline-hidden focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800'
                                         >
                                             <div>
                                                 <span className='absolute -inset-1.5' />

package/templates/default/components/NewAdminForm.tsx

@@ -106,7 +106,7 @@ export default function NewAdminForm({
                         name='username'
                         type='text'
                         // required
-                        className='block w-full rounded-md border-0 bg-input p-3 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block w-full rounded-md border-0 bg-input p-3 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                 </div>
             </div>
@@ -122,7 +122,7 @@ export default function NewAdminForm({
                         name='password'
                         type='text'
                         // required
-                        className='block w-full rounded-md border-0 bg-input p-3 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block w-full rounded-md border-0 bg-input p-3 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                 </div>
             </div>

package/templates/default/components/NewEmailForm.tsx

@@ -85,7 +85,7 @@ export default function NewEmailForm({ action }: { action: any }) {
                         type='text'
                         autoComplete='username'
                         required
-                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                 </div>
             </div>
@@ -101,7 +101,7 @@ export default function NewEmailForm({ action }: { action: any }) {
                         type='text'
                         autoComplete='password'
                         required
-                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block w-full rounded-md border-0 bg-input p-2.5 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                 </div>
             </div>
@@ -116,7 +116,7 @@ export default function NewEmailForm({ action }: { action: any }) {
                         type='number'
                         autoComplete='quota'
                         required
-                        className='block rounded-md border-0 bg-input p-2.5 text-foreground shadow-sm outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
+                        className='block rounded-md border-0 bg-input p-2.5 text-foreground shadow-xs outline-0 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
                     />
                     <Badge className='rounded-sm border-muted-foreground text-muted-foreground' variant='secondary'>
                         0 = {getString('unlimited')}

package/templates/default/components/NewPage.tsx

@@ -181,8 +181,8 @@ export default function NewPage({
             {isError ? <div>{error?.message}</div> : null}
             {data ? (
                 <div className='flex w-full flex-col'>
-                    <div className='relative z-[1] border-b-2 p-8 pt-12 font-extrabold text-foreground'>
-                        <div className='absolute left-0 top-0 z-[2] h-4 w-full bg-gradient-to-r from-emerald-800 via-emerald-400 to-sky-600'></div>
+                    <div className='relative z-1 border-b-2 p-8 pt-12 font-extrabold text-foreground'>
+                        <div className='absolute left-0 top-0 z-2 h-4 w-full bg-linear-to-r from-emerald-800 via-emerald-400 to-sky-600'></div>
                         <h1 className='pb-4 text-4xl'>{data.section?.title.section}</h1>
                         <span>
                             /{getString('new')} {data.section?.title.singular}

package/templates/default/components/NewVariantComponent.tsx

@@ -196,7 +196,7 @@ function NewVariantComponent(
                                         <div className='mt-5'>
                                             <button
                                                 className={classNames({
-                                                    'w-full rounded bg-gradient-to-r p-2 font-bold text-white drop-shadow':
+                                                    'w-full rounded bg-linear-to-r p-2 font-bold text-white drop-shadow-sm':
                                                         true,
                                                     'from-emerald-700 via-green-700 to-green-500 dark:from-blue-800 dark:via-sky-800 dark:to-slate-500':
                                                         !isSubmitting,