From 92eddb8af02e931e8f347ca61a154aa306d80d0e Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:24:42 +0330
Subject: [PATCH] Import source: app/src/lib/icon

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 app/src/lib/icon.jsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 app/src/lib/icon.jsx

diff --git a/app/src/lib/icon.jsx b/app/src/lib/icon.jsx
new file mode 100644
index 0000000..7c41d5f
--- /dev/null
+++ b/app/src/lib/icon.jsx
@@ -0,0 +1,17 @@
+// Renders an imported `.svg` icon URL as a currentColor mask-icon (see `.tek-icon`
+// in global.css), or passes a text glyph through unchanged. Used at render sites
+// whose data arrays mix SVG icons with non-emoji text symbols (arrows, geometric
+// bullets, ✓/✗). Icons are imported per use site as plain `.svg` files — this is a
+// thin render switch, not a name-keyed icon registry.
+export function iconNode(value, style) {
+  if (typeof value === 'string' && value.endsWith('.svg')) {
+    return (
+      <span
+        className="tek-icon"
+        aria-hidden="true"
+        style={style ? { ['--i']: `url("${value}")`, ...style } : { ['--i']: `url("${value}")` }}
+      />
+    );
+  }
+  return value;
+}