@proulr/sdui-components 0.1.66 → 0.1.67

package/assets/icons/right-now.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Right Now — live radar/sonar: soft core bloom, layered arcs, cross ticks.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <circle cx="12" cy="12" r="3.4" fill="currentColor" fill-opacity="0.28" />
+  <circle cx="12" cy="12" r="2.2" fill="currentColor" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M12 6.2a5.8 5.8 0 0 1 5.8 5.8" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M12 4a8 8 0 0 1 8 8" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M12 2.2a9.8 9.8 0 0 1 9.8 9.8" opacity="0.55" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.7" d="M6.2 12A5.8 5.8 0 0 1 12 6.2" opacity="0.4" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.6" d="M12 2.4v2.2M12 19.4v2.2M2.4 12h2.2M19.4 12h2.2" />
+  <circle cx="17.2" cy="6.8" r="0.9" fill="currentColor" />
+</svg>

package/assets/icons/search.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Search — crafted magnifier with soft lens plate (night hunt focus).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <circle cx="10.6" cy="10.6" r="5.6" fill="currentColor" fill-opacity="0.28" />
+  <circle cx="10.6" cy="10.6" r="6.4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="2" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="2.2" d="M15.4 15.4l5 5" />
+  <circle cx="8.8" cy="8.8" r="1.2" fill="currentColor" fill-opacity="0.4" />
+</svg>

package/assets/icons/send.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Send — paper dart with soft fold plate (dispatch into the night).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M3.4 11.1 19.8 3.4a.8.8 0 0 1 1.05 1L14.5 20.2a.8.8 0 0 1-1.45.08l-2.4-5.6-5.6-2.4a.8.8 0 0 1-.61-1.18z" />
+  <path fill="currentColor" d="M4.2 11.2 19.6 4.2 13.2 18.8l-2.2-5.2-5.2-2.2a.55.55 0 0 1-.4-.8z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.6" d="M10.8 13.6l3.4-3.4" />
+</svg>

package/assets/icons/settings.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Settings — soft gear aura + punched hub (crafted, not sterile).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <circle cx="12" cy="12" r="9.2" fill="currentColor" fill-opacity="0.18" />
+  <path fill="currentColor" fill-rule="evenodd" d="M19.35 13.05a7.4 7.4 0 0 0 .1-1.05 7.4 7.4 0 0 0-.1-1.05l1.95-1.55a.55.55 0 0 0 .12-.7l-1.85-3.2a.55.55 0 0 0-.66-.24l-2.3.95a7.2 7.2 0 0 0-1.65-.95l-.38-2.45A.55.55 0 0 0 13.9 2.4h-3.8a.55.55 0 0 0-.54.45l-.38 2.45c-.58.24-1.14.55-1.65.95l-2.3-.95a.55.55 0 0 0-.66.24L2.72 8.5a.55.55 0 0 0 .12.7l1.95 1.55a7.4 7.4 0 0 0-.1 1.05c0 .36.03.71.1 1.05l-1.95 1.55a.55.55 0 0 0-.12.7l1.85 3.2a.55.55 0 0 0 .66.24l2.3-.95c.5.4 1.07.72 1.65.95l.38 2.45a.55.55 0 0 0 .54.45h3.8a.55.55 0 0 0 .54-.45l.38-2.45c.58-.23 1.14-.55 1.65-.95l2.3.95a.55.55 0 0 0 .66-.24l1.85-3.2a.55.55 0 0 0-.12-.7l-1.95-1.55zM12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4z" />
+</svg>

package/assets/icons/share.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Share — soft node blooms with connectors.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <circle cx="18.2" cy="5.4" r="3" fill="currentColor" fill-opacity="0.3" />
+  <circle cx="5.8" cy="12" r="3" fill="currentColor" fill-opacity="0.3" />
+  <circle cx="18.2" cy="18.6" r="3" fill="currentColor" fill-opacity="0.3" />
+  <circle cx="18.2" cy="5.4" r="2.2" fill="currentColor" />
+  <circle cx="5.8" cy="12" r="2.2" fill="currentColor" />
+  <circle cx="18.2" cy="18.6" r="2.2" fill="currentColor" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M8.1 10.7 15.8 6.7M8.1 13.3l7.7 4" />
+</svg>

package/assets/icons/shield.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Shield — soft crest plate with outline and cross mark.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M12 2.4 19.6 5.4v6.4c0 5-3.4 8.8-7.6 10-4.2-1.2-7.6-5-7.6-10V5.4L12 2.4z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M12 3.4 18.4 5.8v5.8c0 4.4-2.9 7.8-6.4 8.9-3.5-1.1-6.4-4.5-6.4-8.9V5.8L12 3.4z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.7" d="M12 8.4v6.2M9.6 11.2h4.8" />
+</svg>

package/assets/icons/sign-out.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Sign out — soft door plate + outgoing arrow.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M4.6 5.4h6.4v13.2H4.6V5.4z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M11.2 4.2H6.4A2 2 0 0 0 4.4 6.2v11.6a2 2 0 0 0 2 2h4.8" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="2" d="M10.4 12h9.2M16.4 8.2 20.2 12l-3.8 3.8" />
+</svg>

package/assets/icons/signal.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Signal — soft bar auras + solid rising bars.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M3.6 14.6h3.8V20.4H3.6v-5.8zm4.6-4.2h3.8V20.4H8.2v-10zm4.6-4.2h3.8V20.4h-3.8V6.2zm4.6-3.6h3.8V20.4h-3.8V2.6z" />
+  <path fill="currentColor" d="M4.4 15.4h2.4V20H4.4v-4.6zm4.6-4h2.4V20H9v-8.6zm4.6-4h2.4V20h-2.4V7.4zm4.6-3.4h2.4V20h-2.4V4z" />
+</svg>

package/assets/icons/star.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Star — soft outer star plate + solid favorite core.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M12 2.2 15.1 9.1l7.2.55-5.5 4.75 1.7 7L12 18 5.5 21.4l1.7-7L1.7 9.65l7.2-.55L12 2.2z" />
+  <path fill="currentColor" d="M12 3.6 14.55 9.4l5.9.5-4.5 3.9 1.4 5.7L12 16.5 6.65 19.5l1.4-5.7-4.5-3.9 5.9-.5L12 3.6z" />
+</svg>

package/assets/icons/story-effects.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Story effects — soft spark plate + orbit pips (FX).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M12 2.4 13.3 9.2 19.8 10.4 13.3 11.6 12 18.4 10.7 11.6 4.2 10.4 10.7 9.2 12 2.4z" />
+  <path fill="currentColor" d="M12 4.2 12.9 9.4 18 10.2 12.9 11 12 16.2 11.1 11 6 10.2 11.1 9.4 12 4.2z" />
+  <circle cx="18.6" cy="5.2" r="1.2" fill="currentColor" />
+  <circle cx="5.4" cy="6" r="1" fill="currentColor" fill-opacity="0.55" />
+  <circle cx="18.2" cy="17.8" r="1.05" fill="currentColor" fill-opacity="0.55" />
+  <circle cx="6.2" cy="17.2" r="0.9" fill="currentColor" fill-opacity="0.45" />
+</svg>

package/assets/icons/story-mention.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Story mention — soft ring aura around @ glyph.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <circle cx="12" cy="12" r="7.4" fill="currentColor" fill-opacity="0.22" />
+  <circle cx="12" cy="12" r="8.2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M15.6 12a3.6 3.6 0 1 1-.4-1.7" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M15.2 10.3v3.4a2 2 0 0 0 2 2h.4" />
+</svg>

package/assets/icons/story-music.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Story music — soft note stem with solid discs.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M11.2 5.2 18.6 3.6v11.2l-7.4 1.6V5.2z" />
+  <circle cx="9.2" cy="19.2" r="2.5" fill="currentColor" />
+  <circle cx="16.4" cy="16" r="2.5" fill="currentColor" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="2" d="M11.7 18V5.2l6.9-1.5v11.6" />
+</svg>

package/assets/icons/story-sticker.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Story sticker — soft badge plate with smile accents.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M12 2.4 14.4 8.2l6.1.5-4.65 4 1.45 6L12 15.8 6.7 18.7l1.45-6-4.65-4 6.1-.5L12 2.4z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M12 3.6 13.9 8.5l4.9.4-3.75 3.25 1.15 4.8L12 14.7 7.8 17l1.15-4.8L5.2 8.9l4.9-.4L12 3.6z" />
+  <circle cx="10.3" cy="10.6" r="0.9" fill="currentColor" />
+  <circle cx="13.7" cy="10.6" r="0.9" fill="currentColor" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.5" d="M10.1 13.2c.55.65 1.3 1 1.9 1s1.35-.35 1.9-1" />
+</svg>

package/assets/icons/story-text.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Story text — soft T bar plate with stem.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M5.2 4.6h13.6v3H5.2v-3z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="2.2" d="M5.4 6.2h13.2M12 6.2v12.4" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M8.8 18.6h6.4" />
+</svg>

package/assets/icons/story.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Story — soft rounded frame with media pip (ephemeral).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <rect x="4.4" y="3.6" width="15.2" height="16.8" rx="3.2" fill="currentColor" fill-opacity="0.28" />
+  <rect x="4.2" y="3.4" width="15.6" height="17.2" rx="3.4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" />
+  <circle cx="12" cy="11" r="2.7" fill="currentColor" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.6" d="M8.4 17.4h7.2" />
+</svg>

package/assets/icons/tab-chat.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Tab Chat — speech sibling with soft plate and dots.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.32" d="M5 4h14a2.2 2.2 0 0 1 2.2 2.2v8.2A2.2 2.2 0 0 1 19 16.6h-8.2L6.2 20.2V16.6H5A2.2 2.2 0 0 1 2.8 14.4V6.2A2.2 2.2 0 0 1 5 4z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M5 4.8h14a1.4 1.4 0 0 1 1.4 1.4v8.2a1.4 1.4 0 0 1-1.4 1.4H10.6L6.4 19V15.8H5A1.4 1.4 0 0 1 3.6 14.4V6.2A1.4 1.4 0 0 1 5 4.8z" />
+  <circle cx="8.8" cy="10" r="0.95" fill="currentColor" />
+  <circle cx="12" cy="10" r="0.95" fill="currentColor" />
+  <circle cx="15.2" cy="10" r="0.95" fill="currentColor" />
+</svg>

package/assets/icons/tab-discover.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Tab Discover — hunt crosshair sibling with soft bloom.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <circle cx="12" cy="12" r="7" fill="currentColor" fill-opacity="0.22" />
+  <circle cx="12" cy="12" r="8.2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="2" />
+  <circle cx="12" cy="12" r="4.6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.5" />
+  <circle cx="12" cy="12" r="2.15" fill="currentColor" />
+  <path fill="currentColor" d="M11.2 2h1.6v2.8h-1.6V2zm0 17.2h1.6V22h-1.6v-2.8zM2 11.2h2.8v1.6H2v-1.6zm17.2 0H22v1.6h-2.8v-1.6z" />
+</svg>

package/assets/icons/tab-flash.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Tab Flash — lightning sibling with soft outer plate.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M13.8 1.8 6 13.4h4.8l-1.15 8.8 8.5-12.8H13l.8-7.6z" />
+  <path fill="currentColor" d="M13.4 2.6 6.8 13h4l-.9 7.6 7.2-10.8h-4.2l.5-7.2z" />
+</svg>

package/assets/icons/tab-random.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Tab Random — soft dice plate with solid pips.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <rect x="3.8" y="3.8" width="16.4" height="16.4" rx="3.1" fill="currentColor" fill-opacity="0.3" />
+  <rect x="3.6" y="3.6" width="16.8" height="16.8" rx="3.2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" />
+  <circle cx="8.4" cy="8.4" r="1.35" fill="currentColor" />
+  <circle cx="15.6" cy="8.4" r="1.35" fill="currentColor" />
+  <circle cx="12" cy="12" r="1.35" fill="currentColor" />
+  <circle cx="8.4" cy="15.6" r="1.35" fill="currentColor" />
+  <circle cx="15.6" cy="15.6" r="1.35" fill="currentColor" />
+</svg>

package/assets/icons/tab-vibes.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Tab Vibes — soft waveform aura behind rising bars.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M3.8 9h3v6h-3V9zm3.6-3.2h3v12.4h-3V5.8zm3.6 2h3v8.4h-3V7.8zm3.6-3.4h3v15.2h-3V4.4zm3.6 4.6h3v6h-3v-6z" />
+  <path fill="currentColor" d="M4.4 9.6h2v4.8h-2V9.6zm3.6-3h2v10.8h-2V6.6zm3.6 1.8h2v7.2h-2V8.4zm3.6-3.2h2v13.6h-2V5.2zm3.6 4.4h2v4.8h-2v-4.8z" />
+</svg>

package/assets/icons/thumbs-up-filled.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Thumbs up filled — soft outer hand + solid core.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M7.6 10V20H5.4A2 2 0 0 1 3.4 18v-5.8A2 2 0 0 1 5.4 10H7.6zm2-5.8a2.2 2.2 0 0 1 4.05 1.1V10h4.4a2.2 2.2 0 0 1 2.15 2.7l-1.3 6A2.8 2.8 0 0 1 16.3 20.4H7.6V10l2-5.8z" />
+  <path fill="currentColor" d="M8 10.4V19.6H5.8A1.8 1.8 0 0 1 4 17.8v-5.6a1.8 1.8 0 0 1 1.8-1.8H8zm2.2-5.6a2 2 0 0 1 3.7 1V10h4.2a2 2 0 0 1 1.95 2.45l-1.25 5.7A2.6 2.6 0 0 1 16.1 20H8V10.4l2.2-5.6z" />
+</svg>

package/assets/icons/thumbs-up.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Thumbs up outline — soft hand plate with stroke silhouette.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M8.4 10.8V19H6.4A1.4 1.4 0 0 1 5 17.6v-5.4A1.4 1.4 0 0 1 6.4 10.8h2z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M8.2 10.6V19.4H6.2A1.6 1.6 0 0 1 4.6 17.8v-5.6A1.6 1.6 0 0 1 6.2 10.6h2z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M8.2 10.6 10.4 5.2a1.8 1.8 0 0 1 3.3.9V10h4.4a1.8 1.8 0 0 1 1.75 2.2l-1.2 5.6A2.4 2.4 0 0 1 16.7 19.4H8.2" />
+</svg>

package/assets/icons/trash.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Trash — soft bin plate with lid and body lines.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M8.4 9h7.2l-.65 9.4a1.6 1.6 0 0 1-1.6 1.45H10.65a1.6 1.6 0 0 1-1.6-1.45L8.4 9z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M8.2 8.8h7.6l-.7 10.2a1.8 1.8 0 0 1-1.8 1.6H10.7a1.8 1.8 0 0 1-1.8-1.6L8.2 8.8z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M5.4 8.8h13.2M10 5.6h4a1.4 1.4 0 0 1 1.4 1.4V8.8H8.6V7A1.4 1.4 0 0 1 10 5.6z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.5" d="M11.2 12.2v4.2M12.8 12.2v4.2" />
+</svg>

package/assets/icons/travel.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Travel — soft suitcase plate with handle and sticker pip.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <rect x="4.2" y="8.4" width="15.6" height="11" rx="2.1" fill="currentColor" fill-opacity="0.3" />
+  <rect x="4" y="8.2" width="16" height="11.4" rx="2.2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M9 8.2V6.4A1.8 1.8 0 0 1 10.8 4.6h2.4A1.8 1.8 0 0 1 15 6.4v1.8" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.7" d="M12 9.8v8.2M4 13.8h16" />
+  <circle cx="17" cy="11.6" r="1.15" fill="currentColor" />
+</svg>

package/assets/icons/video.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Video — camera body plate + lens + play wedge.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <rect x="2.6" y="6.4" width="12.8" height="11.2" rx="2.3" fill="currentColor" fill-opacity="0.32" />
+  <rect x="2.6" y="6.4" width="12.8" height="11.2" rx="2.3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" />
+  <circle cx="9" cy="12" r="2.3" fill="currentColor" />
+  <path fill="currentColor" fill-opacity="0.35" d="M16.2 9.2 21.2 6.6v10.8l-5-2.6V9.2z" />
+  <path fill="currentColor" d="M16.6 10 20.4 8v8l-3.8-2V10z" />
+</svg>

package/assets/icons/visibility-off.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Visibility off — same eye as visibility + diagonal slash (hidden).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M12 4.8c5.8 0 10.4 4.6 11.2 7.2-.8 2.6-5.4 7.2-11.2 7.2S1.6 14.6.8 12C1.6 9.4 6.2 4.8 12 4.8z" />
+  <path fill="currentColor" fill-rule="evenodd" d="M12 5.6c5.2 0 9.4 4.1 10.2 6.4-.8 2.3-5 6.4-10.2 6.4S2.6 14.3 1.8 12C2.6 9.7 6.8 5.6 12 5.6zm0 2.6a3.8 3.8 0 1 0 0 7.6 3.8 3.8 0 0 0 0-7.6z" />
+  <circle cx="12" cy="12" r="1.55" fill="currentColor" />
+  <path stroke="currentColor" stroke-width="2.2" stroke-linecap="round" d="M4.2 5.2 19.8 18.8" />
+</svg>

package/assets/icons/visibility.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Visibility — soft eye plate + punched iris + pupil (seen).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.28" d="M12 4.8c5.8 0 10.4 4.6 11.2 7.2-.8 2.6-5.4 7.2-11.2 7.2S1.6 14.6.8 12C1.6 9.4 6.2 4.8 12 4.8z" />
+  <path fill="currentColor" fill-rule="evenodd" d="M12 5.6c5.2 0 9.4 4.1 10.2 6.4-.8 2.3-5 6.4-10.2 6.4S2.6 14.3 1.8 12C2.6 9.7 6.8 5.6 12 5.6zm0 2.6a3.8 3.8 0 1 0 0 7.6 3.8 3.8 0 0 0 0-7.6z" />
+  <circle cx="12" cy="12" r="1.55" fill="currentColor" />
+</svg>

package/assets/icons/volume-off.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Volume off — soft speaker + clear X mute (intact geometry).
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M4.2 8.8h3.8L12.6 4.4v15.2l-4.6-4.4H4.2V8.8z" />
+  <path fill="currentColor" d="M4.8 9.6h3L11.6 6v12l-3.8-3.6h-3V9.6z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="2.1" d="M15.2 9.4l5 5M20.2 9.4l-5 5" />
+</svg>

package/assets/icons/volume-on.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Volume on — soft speaker plate + wave arcs.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M4.2 8.8h3.8L12.6 4.4v15.2l-4.6-4.4H4.2V8.8z" />
+  <path fill="currentColor" d="M4.8 9.6h3L11.6 6v12l-3.8-3.6h-3V9.6z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M15.2 9.2a3.4 3.4 0 0 1 0 5.6" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.8" d="M17.4 7a6 6 0 0 1 0 10" />
+</svg>

package/assets/icons/warning.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Warning — soft triangle plate + outline + bang marks.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill="currentColor" fill-opacity="0.3" d="M12 2.8 21.8 19.8H2.2L12 2.8z" />
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.9" d="M12 4.6 19.4 18.2H4.6L12 4.6z" />
+  <path fill="currentColor" d="M11.1 9.2h1.8v5h-1.8v-5z" />
+  <circle cx="12" cy="16.4" r="1.15" fill="currentColor" />
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.66",
+  "version": "0.1.67",
   "type": "module",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",
@@ -14,7 +14,8 @@
     "./catalog": "./src/catalog/index.ts"
   },
   "files": [
-    "src"
+    "src",
+    "assets/icons"
   ],
   "repository": {
     "type": "git",
@@ -22,6 +23,7 @@
   },
   "scripts": {
     "prepare": "husky",
+    "icons:generate": "node scripts/generate-app-icons.mjs",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest",

package/src/catalog/catalog.test.ts

@@ -41,8 +41,10 @@ describe('block-types', () => {
 
 describe('app-icon-names', () => {
   it('validates icon tokens', () => {
-    expect(APP_ICON_NAMES.length).toBeGreaterThan(10);
+    expect(APP_ICON_NAMES).toHaveLength(79);
     expect(isAppIconName('search')).toBe(true);
+    expect(isAppIconName('heart-filled')).toBe(true);
+    expect(isAppIconName('tab-discover')).toBe(true);
     expect(isAppIconName('not-an-icon')).toBe(false);
   });
 });

package/src/renderer/ui/app-icon-glyph-props.ts

@@ -0,0 +1,5 @@
+/** Shared props for generated AppIcon SVG components. */
+export type AppIconGlyphProps = {
+  color?: string;
+  size?: number;
+};

package/src/renderer/ui/app-icon.test.ts

@@ -0,0 +1,45 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { describe, expect, it } from 'vitest';
+import { APP_ICON_NAMES } from '../../catalog/app-icon-names';
+
+const ROOT = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../../..');
+const ICONS_DIR = path.join(ROOT, 'assets', 'icons');
+const GENERATED_DIR = path.join(ROOT, 'src', 'renderer', 'ui', 'generated');
+
+describe('AppIcon SVG ↔ catalog 1:1', () => {
+  it('has exactly 79 AppIconName tokens', () => {
+    expect(APP_ICON_NAMES).toHaveLength(79);
+  });
+
+  it('has one SVG file per AppIconName and no orphan SVGs', () => {
+    const svgNames = fs
+      .readdirSync(ICONS_DIR)
+      .filter((f) => f.endsWith('.svg'))
+      .map((f) => f.replace(/\.svg$/, ''))
+      .sort();
+    expect(svgNames).toEqual([...APP_ICON_NAMES].sort());
+    for (const name of APP_ICON_NAMES) {
+      const text = fs.readFileSync(path.join(ICONS_DIR, `${name}.svg`), 'utf8');
+      expect(text).toContain('viewBox="0 0 24 24"');
+      expect(text).toMatch(/currentColor/i);
+    }
+  });
+
+  it('has a generated TSX component per AppIconName and registry entries', () => {
+    const generatedTsx = fs
+      .readdirSync(GENERATED_DIR)
+      .filter((f) => f.endsWith('.tsx'))
+      .map((f) => f.replace(/\.tsx$/, ''))
+      .sort();
+    expect(generatedTsx).toEqual([...APP_ICON_NAMES].sort());
+
+    const indexSource = fs.readFileSync(path.join(GENERATED_DIR, 'index.ts'), 'utf8');
+    expect(indexSource).toContain('GENERATED_ICON_REGISTRY');
+    for (const name of APP_ICON_NAMES) {
+      expect(indexSource).toContain(`'${name}':`);
+      expect(fs.existsSync(path.join(GENERATED_DIR, `${name}.tsx`))).toBe(true);
+    }
+  });
+});