mevebu 1.7.2 → 1.8.0

package/mevebu/app/tailwind.css

@@ -211,12 +211,18 @@
   .inset-0 {
     inset: 0px;
   }
+  .end-1 {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
   .end-3 {
     inset-inline-end: calc(var(--spacing) * 3);
   }
   .top-0\.5 {
     top: calc(var(--spacing) * 0.5);
   }
+  .top-1 {
+    top: var(--spacing);
+  }
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
@@ -283,6 +289,9 @@
   .me-2 {
     margin-inline-end: calc(var(--spacing) * 2);
   }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
   .mt-1 {
     margin-top: var(--spacing);
   }
@@ -301,6 +310,9 @@
   .mt-3\.5 {
     margin-top: calc(var(--spacing) * 3.5);
   }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
   .mt-5 {
     margin-top: calc(var(--spacing) * 5);
   }
@@ -367,10 +379,17 @@
   .table {
     display: table;
   }
+  .aspect-\[4\/3\] {
+    aspect-ratio: 4/3;
+  }
   .size-4 {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -466,6 +485,9 @@
   .max-h-\[380px\] {
     max-height: 380px;
   }
+  .max-h-\[calc\(100dvh-40px\)\] {
+    max-height: calc(100dvh - 40px);
+  }
   .max-h-\[min\(60vh\,360px\)\] {
     max-height: min(60vh, 360px);
   }
@@ -520,6 +542,9 @@
   .w-\[min\(480px\,100\%\)\] {
     width: min(480px, 100%);
   }
+  .w-\[min\(560px\,100\%\)\] {
+    width: min(560px, 100%);
+  }
   .w-\[min\(640px\,100\%\)\] {
     width: min(640px, 100%);
   }
@@ -619,6 +644,9 @@
   .\[grid-template-columns\:minmax\(90px\,34\%\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(90px,34%) minmax(0,1fr);
   }
+  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
+  }
   .\[grid-template-columns\:repeat\(auto-fit\,minmax\(96px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fit,minmax(96px,1fr));
   }
@@ -658,9 +686,6 @@
   .items-start {
     align-items: flex-start;
   }
-  .items-stretch {
-    align-items: stretch;
-  }
   .justify-between {
     justify-content: space-between;
   }
@@ -736,9 +761,6 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
-  .self-start {
-    align-self: flex-start;
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -869,6 +891,12 @@
   .bg-deck-2 {
     background-color: var(--deck-2);
   }
+  .bg-deck\/90 {
+    background-color: var(--deck);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--deck) 90%, transparent);
+    }
+  }
   .bg-ink {
     background-color: var(--ink);
   }
@@ -911,6 +939,9 @@
   .bg-no-repeat {
     background-repeat: no-repeat;
   }
+  .object-contain {
+    object-fit: contain;
+  }
   .p-0 {
     padding: 0px;
   }
@@ -926,6 +957,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-3\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
   .p-5 {
     padding: calc(var(--spacing) * 5);
   }
@@ -1276,6 +1310,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-50 {
+    opacity: 50%;
+  }
   .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1431,6 +1468,9 @@
     border-color: var(--jade);
   }
   @media (hover: hover) {
+    .hover\:border-danger:hover {
+      border-color: var(--danger);
+    }
     .hover\:border-danger-deep:hover {
       border-color: var(--danger-deep);
     }
@@ -1466,6 +1506,9 @@
     .hover\:bg-jade-soft:hover {
       background-color: var(--jade-soft);
     }
+    .hover\:text-danger:hover {
+      color: var(--danger);
+    }
     .hover\:text-ink:hover {
       color: var(--ink);
     }
@@ -1496,6 +1539,22 @@
   .focus-visible\:border-jade:focus-visible {
     border-color: var(--jade);
   }
+  .focus-visible\:outline-2:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .focus-visible\:outline-offset-1:focus-visible {
+    outline-offset: 1px;
+  }
+  .focus-visible\:outline-offset-2:focus-visible {
+    outline-offset: 2px;
+  }
+  .focus-visible\:outline-danger:focus-visible {
+    outline-color: var(--danger);
+  }
+  .focus-visible\:outline-jade:focus-visible {
+    outline-color: var(--jade);
+  }
   .active\:scale-\[0\.88\]:active {
     scale: 0.88;
   }

package/mevebu/libs/js/core.js

@@ -750,7 +750,7 @@ export function blank(iconName, text) {
 // ---------- version ----------
 
 // Kept in one place. The CLI reads the same value from package.json.
-export const VERSION = "1.7.2";
+export const VERSION = "1.8.0";
 export const PACKAGE_NAME = "mevebu";
 export const REPO_SLUG = "mevebu/mevebu";
 

package/mevebu/libs/js/icons.js

@@ -1,5 +1,5 @@
 // GENERATED FILE, DO NOT EDIT.
-// Source: lucide v1.59.0 (ISC), icons/169 names from scripts/vendor-icons.mjs
+// Source: lucide v1.59.0 (ISC), icons/174 names from scripts/vendor-icons.mjs
 // Regenerate with: npm run icons
 
 const D = {
@@ -13,6 +13,7 @@ const D = {
   "coffee": [ ["path", { d: "M10 2v2" }], ["path", { d: "M14 2v2" }], [ "path", { d: "M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1" } ], ["path", { d: "M6 2v2" }] ],
   "external-link": [ ["path", { d: "M15 3h6v6" }], ["path", { d: "M10 14 21 3" }], ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }] ],
   "corner-down-left": [ ["path", { d: "M20 4v7a4 4 0 0 1-4 4H4" }], ["path", { d: "m9 10-5 5 5 5" }] ],
+  "flag": [ [ "path", { d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528" } ] ],
   "info": [ ["circle", { cx: "12", cy: "12", r: "10" }], ["path", { d: "M12 16v-4" }], ["path", { d: "M12 8h.01" }] ],
   "circle-question-mark": [ ["circle", { cx: "12", cy: "12", r: "10" }], ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }], ["path", { d: "M12 17h.01" }] ],
   "circle-arrow-up": [ ["circle", { cx: "12", cy: "12", r: "10" }], ["path", { d: "m16 12-4-4-4 4" }], ["path", { d: "M12 16V8" }] ],
@@ -58,6 +59,9 @@ const D = {
   "loader": [ ["path", { d: "M12 2v4" }], ["path", { d: "m16.2 7.8 2.9-2.9" }], ["path", { d: "M18 12h4" }], ["path", { d: "m16.2 16.2 2.9 2.9" }], ["path", { d: "M12 18v4" }], ["path", { d: "m4.9 19.1 2.9-2.9" }], ["path", { d: "M2 12h4" }], ["path", { d: "m4.9 4.9 2.9 2.9" }] ],
   "play": [ [ "path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" } ] ],
   "lock": [ ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }], ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4" }] ],
+  "wrench": [ [ "path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" } ] ],
+  "gauge": [ ["path", { d: "m12 14 4-4" }], ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0" }] ],
+  "monitor": [ ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }], ["line", { x1: "8", x2: "16", y1: "21", y2: "21" }], ["line", { x1: "12", x2: "12", y1: "17", y2: "21" }] ],
   "calendar-days": [ ["path", { d: "M8 2v3" }], ["path", { d: "M16 2v3" }], ["rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }], ["path", { d: "M3 9h18" }], ["path", { d: "M8 13h.01" }], ["path", { d: "M12 13h.01" }], ["path", { d: "M16 13h.01" }], ["path", { d: "M8 17h.01" }], ["path", { d: "M12 17h.01" }], ["path", { d: "M16 17h.01" }] ],
   "graduation-cap": [ [ "path", { d: "M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z" } ], ["path", { d: "M22 10v6" }], ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5" }] ],
   "calculator": [ ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2" }], ["line", { x1: "8", x2: "16", y1: "6", y2: "6" }], ["line", { x1: "16", x2: "16", y1: "14", y2: "18" }], ["path", { d: "M16 10h.01" }], ["path", { d: "M12 10h.01" }], ["path", { d: "M8 10h.01" }], ["path", { d: "M12 14h.01" }], ["path", { d: "M8 14h.01" }], ["path", { d: "M12 18h.01" }], ["path", { d: "M8 18h.01" }] ],
@@ -172,6 +176,7 @@ const D = {
   "clipboard-check": [ ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }], ["path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }], ["path", { d: "m9 14 2 2 4-4" }] ],
   "circle-check-big": [ ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335" }], ["path", { d: "m9 11 3 3L22 4" }] ],
   "square": [["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }]],
+  "chevron-right": [["path", { d: "m9 18 6-6-6-6" }]],
 };
 
 const SVG_NS = "http://www.w3.org/2000/svg";

package/mevebu/libs/js/registry.js

@@ -357,6 +357,25 @@ export const TOOLS = [
     keywords: "uppercase lowercase camel snake kebab pascal title",
     load: () => import("./tools/case-converter.js"),
   },
+  {
+    id: "image-converter",
+    category: "convert",
+    name: "Image Converter",
+    icon: "image-up",
+    note: "Convert images to another format, in batch.",
+    about: "JPEG, PNG, WebP, TIFF and BMP, written on this device.",
+    tutorial: {
+      intro: "Drop one image or a whole set, pick the format, and every file converts on this device.",
+      steps: [
+        "Drop images on the box or choose files. Add as many as you like.",
+        "Pick the format. Quality applies to JPEG and WebP; PNG, TIFF and BMP are lossless.",
+        "Drag the quality slider or type a number. Every file updates as you change it.",
+        "Save one file, or Download all for a ZIP. The x on a thumbnail removes that image.",
+      ],
+    },
+    keywords: "convert jpeg jpg png webp tiff bmp image batch compress quality",
+    load: () => import("./tools/image-converter.js"),
+  },
 
   {
     id: "lorem-ipsum",