@021.is/brand-studio 0.6.0 → 0.6.1

package/dist/app/index.js

@@ -1,5 +1,5 @@
 "use client";
-export { BrandStudio, Navigation, buildNavigation } from '../chunk-JGLPUAM6.js';
+export { BrandStudio, Navigation, buildNavigation } from '../chunk-L4FQAO3K.js';
 import '../chunk-YDZA26YU.js';
 import '../chunk-MDTU2JR5.js';
 export { contrastBadge, contrastRatio, relativeLuminance } from '../chunk-JQV3ASME.js';

package/dist/{chunk-JGLPUAM6.js → chunk-L4FQAO3K.js}

@@ -204,7 +204,12 @@ function DownloadSection({
   const iconDark = findEntry(downloads, DownloadKind.Icon, DownloadMode.Dark, iconSize);
   const logoLight = findEntry(downloads, DownloadKind.Logo, DownloadMode.Light, wmHeight);
   const logoDark = findEntry(downloads, DownloadKind.Logo, DownloadMode.Dark, wmHeight);
-  function downloadIcon(mode) {
+  async function downloadIcon(mode) {
+    const entry = mode === "light" ? iconLight : iconDark;
+    if (entry) {
+      await fetchAndSave(entry.url, entry.filename ?? lastSegment(entry.url));
+      return;
+    }
     const ref = mode === "light" ? iconLightRef : iconDarkRef;
     const svg = ref.current?.querySelector("svg");
     if (!svg) return;
@@ -218,6 +223,11 @@ function DownloadSection({
     );
   }
   async function downloadWordmark(mode) {
+    const entry = mode === "light" ? logoLight : logoDark;
+    if (entry) {
+      await fetchAndSave(entry.url, entry.filename ?? lastSegment(entry.url));
+      return;
+    }
     await document.fonts?.ready;
     const text = measureRef.current?.querySelector("text");
     if (!text) return;
@@ -404,6 +414,23 @@ function triggerBlobDownload(svgString, filename) {
   a.remove();
   window.setTimeout(() => URL.revokeObjectURL(url), 1e3);
 }
+async function fetchAndSave(url, filename) {
+  try {
+    const res = await fetch(url, { cache: "no-store" });
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const blob = await res.blob();
+    const objectUrl = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = objectUrl;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    window.setTimeout(() => URL.revokeObjectURL(objectUrl), 1e3);
+  } catch {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
 function UrlPair({ light, dark }) {
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/index.js

@@ -2,7 +2,7 @@
 export { Disc, Ring, Squircle } from './chunk-LJ4HZCAP.js';
 export { AppearGrow, Drift, PulseLoop, RingDraw, Sequence, SequenceStep, Strikethrough, Sweep, Wobble } from './chunk-7325RQRP.js';
 export { LoadingMark, PulseLoadingMark, RingLoadingMark } from './chunk-F4CFQDS7.js';
-export { BrandStudio } from './chunk-JGLPUAM6.js';
+export { BrandStudio } from './chunk-L4FQAO3K.js';
 export { SpinnerLoadingMark } from './chunk-YDZA26YU.js';
 export { STANDARD_ICON_SIZES, STANDARD_LOGO_SIZES, buildStandardDownloads, defineBrand, slugify } from './chunk-6J2NFZLN.js';
 export { BrandStudioSection, DownloadFormat, DownloadKind, DownloadMode, LoadingVariant, MotionState } from './chunk-MDTU2JR5.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@021.is/brand-studio",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Generic MD3 brand-kit toolkit: seed → full light + dark role set, composable SVG shapes + motion + loading marks, mountable <BrandStudio> /brand page, mandatory icon + logo download-URL contract. Ships no brand content — every app supplies its own logo, icons, and seed colour.",
   "license": "MIT",
   "author": {