From e770c7d812e8945e6e61bf3e2e84b23289446989 Mon Sep 17 00:00:00 2001
From: Nigel Breslaw <nigel.breslaw@slint.dev>
Date: Wed, 25 Jun 2025 16:20:30 +0300
Subject: [PATCH 1/2] Fix missing icons in production

---
 docs/src/components/ui/ItemGrid2.astro | 29 +++++++++++++++++---------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/docs/src/components/ui/ItemGrid2.astro b/docs/src/components/ui/ItemGrid2.astro
index 1cd22fe..e2a8b03 100644
--- a/docs/src/components/ui/ItemGrid2.astro
+++ b/docs/src/components/ui/ItemGrid2.astro
@@ -2,7 +2,6 @@
 // Copyright © onWidget <https://github.com/onwidget>
 // SPDX-License-Identifier: MIT
 import type { ItemGrid as Props } from "~/types";
-import { Icon } from "astro-icon/components";
 import { twMerge } from "tailwind-merge";
 import Button from "./Button.astro";
 
@@ -16,6 +15,16 @@ const {
     description: descriptionClass = "",
     icon: defaultIconClass = "text-primary",
 } = classes;
+
+import handClickIcon from "~/assets/images/icons/hand-click.svg?url";
+import filesIcon from "~/assets/images/icons/files.svg?url";
+import bellRingingIcon from "~/assets/images/icons/bell-ringing.svg?url";
+import playCardIcon from "~/assets/images/icons/play-card.svg?url";
+import navigationIcon from "~/assets/images/icons/navigation.svg?url";
+import messageCircleIcon from "~/assets/images/icons/message-circle.svg?url";
+import loaderIcon from "~/assets/images/icons/loader.svg?url";
+import infoOctagonIcon from "~/assets/images/icons/info-octagon.svg?url";
+import layoutNavbarIcon from "~/assets/images/icons/layout-navbar.svg?url";
 ---
 
 {
@@ -55,31 +64,31 @@ const {
           ].includes(icon) && (
             <>
             {icon === 'buttons' && (
-                <img src="/src/assets/images/icons/hand-click.svg" alt="Hand Click Icon" class="mb-2 w-10 h-10" />
+                <img src={handClickIcon} alt="Buttons Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'forms' && (
-                <img src="/src/assets/images/icons/files.svg" alt="Hand Click Icon" class="mb-2 w-10 h-10" />
+                <img src={filesIcon} alt="Forms Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'snackbars' && (
-                <img src="/src/assets/images/icons/bell-ringing.svg" alt="Loader Icon" class="mb-2 w-10 h-10" />
+                <img src={bellRingingIcon} alt="Snackbars Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'cards' && (
-                <img src="/src/assets/images/icons/play-card.svg" alt="Loader Icon" class="mb-2 w-10 h-10" />
+                <img src={playCardIcon} alt="Cards Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'navigation' && (
-                <img src="/src/assets/images/icons/navigation.svg" alt="Loader Icon" class="mb-2 w-10 h-10" />
+                <img src={navigationIcon} alt="Navigation Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'dialogs' && (
-                <img src="/src/assets/images/icons/message-circle.svg" alt="Loader Icon" class="mb-2 w-10 h-10" />
+                <img src={messageCircleIcon} alt="Dialogs Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'progress-indicators' && (
-                <img src="/src/assets/images/icons/loader.svg" alt="Loader Icon" class="mb-2 w-10 h-10" />
+                <img src={loaderIcon} alt="Progress Indicators Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'tooltips' && (
-                <img src="/src/assets/images/icons/info-octagon.svg" alt="Loader Icon" class="mb-2 w-10 h-10" />
+                <img src={infoOctagonIcon} alt="Tooltips Icon" class="mb-2 w-10 h-10" />
               )}
               {icon === 'appbar' && (
-                <img src="/src/assets/images/icons/layout-navbar.svg" alt="Loader Icon" class="mb-2 w-10 h-10" />
+                <img src={layoutNavbarIcon} alt="Appbar Icon" class="mb-2 w-10 h-10" />
               )}
             </>
           )}

From 2221fb87dd0a54abf21cd7c3fd4d14a0f31a8f40 Mon Sep 17 00:00:00 2001
From: Nigel Breslaw <nigel.breslaw@slint.dev>
Date: Wed, 25 Jun 2025 16:28:04 +0300
Subject: [PATCH 2/2] Gradient fix

---
 docs/src/assets/images/icons/bell-ringing.svg   | 2 +-
 docs/src/assets/images/icons/files.svg          | 2 +-
 docs/src/assets/images/icons/message-circle.svg | 2 +-
 docs/src/assets/images/icons/navigation.svg     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/assets/images/icons/bell-ringing.svg b/docs/src/assets/images/icons/bell-ringing.svg
index c5c6773..2a10d90 100644
--- a/docs/src/assets/images/icons/bell-ringing.svg
+++ b/docs/src/assets/images/icons/bell-ringing.svg
@@ -1,5 +1,5 @@
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="url(#gradient-main)"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bell-ringing"><defs>
-    <linearGradient id="gradient-main" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
+    <linearGradient id="gradient-main" x1="0" y1="0" x2="1" y2="1">
       <stop offset="0%" stop-color="#3b82f6" />
       <stop offset="50%" stop-color="#a21caf" />
       <stop offset="100%" stop-color="#ec4899" />
diff --git a/docs/src/assets/images/icons/files.svg b/docs/src/assets/images/icons/files.svg
index aaca80e..6dc2111 100644
--- a/docs/src/assets/images/icons/files.svg
+++ b/docs/src/assets/images/icons/files.svg
@@ -1,5 +1,5 @@
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="url(#gradient-main)"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-files"><defs>
-    <linearGradient id="gradient-main" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
+    <linearGradient id="gradient-main" x1="0" y1="0" x2="1" y2="1">
       <stop offset="0%" stop-color="#3b82f6" />
       <stop offset="50%" stop-color="#a21caf" />
       <stop offset="100%" stop-color="#ec4899" />
diff --git a/docs/src/assets/images/icons/message-circle.svg b/docs/src/assets/images/icons/message-circle.svg
index b8e8e40..55ce5ba 100644
--- a/docs/src/assets/images/icons/message-circle.svg
+++ b/docs/src/assets/images/icons/message-circle.svg
@@ -1,5 +1,5 @@
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="url(#gradient-main)"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-message-circle"><defs>
-    <linearGradient id="gradient-main" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
+    <linearGradient id="gradient-main" x1="0" y1="0" x2="1" y2="1">
       <stop offset="0%" stop-color="#3b82f6" />
       <stop offset="50%" stop-color="#a21caf" />
       <stop offset="100%" stop-color="#ec4899" />
diff --git a/docs/src/assets/images/icons/navigation.svg b/docs/src/assets/images/icons/navigation.svg
index ff6d4fc..cb17111 100644
--- a/docs/src/assets/images/icons/navigation.svg
+++ b/docs/src/assets/images/icons/navigation.svg
@@ -1,5 +1,5 @@
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="url(#gradient-main)"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-navigation"><defs>
-    <linearGradient id="gradient-main" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
+    <linearGradient id="gradient-main" x1="0" y1="0" x2="1" y2="1">
       <stop offset="0%" stop-color="#3b82f6" />
       <stop offset="50%" stop-color="#a21caf" />
       <stop offset="100%" stop-color="#ec4899" />