hyperclayjs 1.28.2 → 1.28.3

package/README.md

@@ -87,7 +87,7 @@ import 'hyperclayjs/presets/standard.js';
 | Module | Size | Description |
 |--------|------|-------------|
 | dialogs | 8.5KB | ask(), consent(), tell(), snippet() dialog functions |
-| the-modal | 22.8KB | Full modal window creation system - window.theModal |
+| the-modal | 23KB | Full modal window creation system - window.theModal |
 | toast | 15.8KB | Success/error message notifications, toast(msg, msgType) |
 
 ### Utilities (Core utilities (often auto-included))
@@ -145,7 +145,7 @@ Standard feature set for most use cases
 
 **Modules:** `save-core`, `snapshot`, `save-system`, `unsaved-warning`, `edit-mode-helpers`, `persist`, `option-visibility`, `event-attrs`, `dom-helpers`, `toast`, `save-toast`, `export-to-window`, `view-mode-excludes-edit-modules`
 
-### Everything (~337.3KB)
+### Everything (~337.5KB)
 All available features
 
 Includes all available modules across all categories.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperclayjs",
-  "version": "1.28.2",
+  "version": "1.28.3",
   "description": "Modular JavaScript library for building interactive malleable HTML files with Hyperclay",
   "type": "module",
   "main": "src/hyperclay.js",

package/src/hyperclay.js

@@ -1,7 +1,7 @@
 /**
  * DO NOT EDIT THIS FILE DIRECTLY — it is generated from build/hyperclay.template.js
  *
- * HyperclayJS v1.28.2 - Minimal Browser-Native Loader
+ * HyperclayJS v1.28.3 - Minimal Browser-Native Loader
  *
  * Modules auto-init when imported (no separate init call needed).
  * Include `export-to-window` feature to export to window.hyperclay.

package/src/ui/theModal.js

@@ -531,20 +531,31 @@ const modalCss = `<style class="micromodal-css">
 }
 
 .micromodal .snippet-link-box {
-  padding: 0.75rem;
-  border: 2px solid #F6F7F9;
-  background-color: transparent;
-  font-size: 0.875rem;
+  font-size: 16px;
   margin-top: 0.75rem;
+  text-align: right;
 }
 
 .micromodal .snippet-link-box a {
   color: #F6F7F9;
-  text-decoration: underline;
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  padding: 0.35rem 0.45rem;
+  border: 1px solid #474C64;
+  line-height: 1;
 }
 
 .micromodal .snippet-link-box a:hover {
   color: #E5E7EB;
+  border-color: #75798B;
+}
+
+.micromodal .snippet-link-box a svg {
+  width: 0.85rem;
+  height: 0.85rem;
+  flex-shrink: 0;
 }
 
 .micromodal button.micromodal__close {