@stnd/lab 1.3.2 → 1.4.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @stnd/lab
 
+## 1.4.1
+
+### Patch Changes
+
+- Updated dependencies [aeeccac]
+  - @stnd/ui@0.14.0
+
+## 1.4.0
+
+### Minor Changes
+
+- Auto-bumped @stnd/lab due to modified code.
+
+### Patch Changes
+
+- Updated dependencies
+  - @stnd/ui@0.13.0
+
 ## 1.3.2
 
 ### Patch Changes

package/Lab.svelte

@@ -32,10 +32,13 @@
       .sort((a, b) => a.label.localeCompare(b.label)),
   ];
 
-  const FONTS = loadedModules
-    .filter((m) => m.meta?.type === "font")
-    .map((m) => m.meta.label)
-    .sort((a, b) => a.localeCompare(b));
+  const FONTS = [
+    ...new Set(
+      loadedModules
+        .filter((m) => m.meta?.type === "font")
+        .flatMap((m) => m.meta.families || m.meta.label || []),
+    ),
+  ].sort((a, b) => a.localeCompare(b));
 
   // =========================================================================
   // STATE
@@ -82,6 +85,7 @@
   }
 
   function selectFont(token, name) {
+    if (!name) return;
     const val =
       name.includes(" ") && !name.startsWith('"') ? `"${name}"` : name;
     writeVar(token, val);
@@ -360,7 +364,8 @@
 
   /** Load a Google Font by family name */
   function loadGoogleFont(family) {
-    const clean = family.trim();
+    if (!family) return;
+    const clean = family.trim().replace(/^"|"$/g, "");
     const system = [
       "system-ui",
       "sans-serif",
@@ -375,7 +380,13 @@
       "Times New Roman",
       "Arial",
     ];
-    if (!clean || system.includes(clean) || fontsLoaded.has(clean)) return;
+    if (
+      !clean ||
+      system.includes(clean) ||
+      FONTS.includes(clean) ||
+      fontsLoaded.has(clean)
+    )
+      return;
     fontsLoaded.add(clean);
     const encoded = encodeURIComponent(clean);
     try {
@@ -1161,8 +1172,8 @@
                   loadFont={(name) => loadGoogleFont(name)}
                   class="lab-font-combobox"
                   aria-controls={inputId}
-                  on:preview={(e) => loadGoogleFont(e.detail?.value)}
-                  on:change={(e) => {
+                  onpreview={(e) => loadGoogleFont(e.detail?.value)}
+                  onchange={(e) => {
                     // Combobox dispatches change with detail.value (base font name)
                     selectFont(token, e.detail?.value);
                   }}
@@ -1216,7 +1227,7 @@
                 <input
                   id="lab-font-size"
                   type="range"
-                  class="lab-rangess"
+                  class="lab-range"
                   value={fontSize}
                   min="0.75"
                   max="1.5"

package/README.md

@@ -2,10 +2,10 @@
 title: "@stnd/lab"
 aliases: []
 created: 2026-07-05 07:41
-modified: 2026-09-16T17:28:43.239Z
-last_audited: 2026-07-14
+modified: 2026-10-12
+last_audited: 2026-10-12
 audit_interval_days: 90
-next_audit: 2026-10-12
+next_audit: 2027-01-10
 audit_priority: 3
 maturity: sprout
 mode: read

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stnd/lab",
-  "version": "1.3.2",
+  "version": "1.4.1",
   "type": "module",
   "svelte": "./Lab.svelte",
   "author": "Francis Fontaine",
@@ -16,7 +16,7 @@
   "dependencies": {
     "bezier-easing": "^3.0.1",
     "svelte": "5.57.2",
-    "@stnd/ui": "0.12.1"
+    "@stnd/ui": "0.14.0"
   },
   "peerDependencies": {
     "astro": ">=5.0.0"