@invisibleloop/pulse 0.18.1 → 0.18.2

package/docs/public/docs.css

@@ -1436,6 +1436,15 @@ a:hover {
   line-height: 1.4;
 }
 
+/* iOS Safari auto-zooms when a focused input's font-size is under 16px —
+   touch devices get 16px so tapping the search field never zooms the page. */
+@media (pointer: coarse) {
+  .sidebar-search,
+  .search-overlay-input {
+    font-size: max(1rem, 16px);
+  }
+}
+
 .sidebar-search::placeholder {
   color: var(--muted-2);
 }

package/docs/public/pulse-ui.css

@@ -367,6 +367,18 @@ html, body {
   -webkit-appearance: none;
 }
 
+/* iOS Safari auto-zooms the page when a focused input's font-size is under
+   16px, forcing the user to pinch back out afterwards. On touch devices form
+   controls must never go below 16px — desktop keeps the compact .9rem. */
+@media (pointer: coarse) {
+  .ui-input,
+  .ui-textarea,
+  .ui-select,
+  .ui-search-input {
+    font-size: max(1rem, 16px);
+  }
+}
+
 .ui-input::placeholder { color: var(--ui-muted); }
 
 .ui-input:hover:not(:disabled) { border-color: var(--ui-muted); }

package/examples/public/pulse-ui.css

@@ -367,6 +367,18 @@ html, body {
   -webkit-appearance: none;
 }
 
+/* iOS Safari auto-zooms the page when a focused input's font-size is under
+   16px, forcing the user to pinch back out afterwards. On touch devices form
+   controls must never go below 16px — desktop keeps the compact .9rem. */
+@media (pointer: coarse) {
+  .ui-input,
+  .ui-textarea,
+  .ui-select,
+  .ui-search-input {
+    font-size: max(1rem, 16px);
+  }
+}
+
 .ui-input::placeholder { color: var(--ui-muted); }
 
 .ui-input:hover:not(:disabled) { border-color: var(--ui-muted); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invisibleloop/pulse",
-  "version": "0.18.1",
+  "version": "0.18.2",
   "type": "module",
   "description": "AI-first frontend framework. The spec is the source of truth.",
   "license": "MIT",

package/public/.pulse-ui-version

@@ -1 +1 @@
-0.18.1
+0.18.2

package/public/pulse-ui.css

@@ -367,6 +367,18 @@ html, body {
   -webkit-appearance: none;
 }
 
+/* iOS Safari auto-zooms the page when a focused input's font-size is under
+   16px, forcing the user to pinch back out afterwards. On touch devices form
+   controls must never go below 16px — desktop keeps the compact .9rem. */
+@media (pointer: coarse) {
+  .ui-input,
+  .ui-textarea,
+  .ui-select,
+  .ui-search-input {
+    font-size: max(1rem, 16px);
+  }
+}
+
 .ui-input::placeholder { color: var(--ui-muted); }
 
 .ui-input:hover:not(:disabled) { border-color: var(--ui-muted); }

package/src/ui/ui.test.js

@@ -7,6 +7,7 @@
 
 import { test }   from 'node:test'
 import assert     from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
 import { button }      from './button.js'
 import { badge }       from './badge.js'
 import { card }        from './card.js'
@@ -1353,4 +1354,16 @@ test('dropCap: escapes letter and content', () => {
   assert.doesNotMatch(html, /<script>/)
 })
 
+test('pulse-ui.css: form controls are at least 16px on touch devices (iOS focus-zoom)', () => {
+  // iOS Safari zooms the page when a focused input's font-size is under 16px,
+  // forcing the user to pinch back out. A (pointer: coarse) block must keep
+  // every text-entry control at >= 16px on touch devices.
+  const css  = readFileSync(new URL('../../public/pulse-ui.css', import.meta.url), 'utf8')
+  const block = css.match(/@media \(pointer: coarse\) \{[\s\S]*?\n\}/)?.[0] ?? ''
+  for (const sel of ['.ui-input', '.ui-textarea', '.ui-select', '.ui-search-input']) {
+    assert.ok(block.includes(sel), `${sel} missing from the (pointer: coarse) 16px block`)
+  }
+  assert.match(block, /font-size:\s*max\(1rem, 16px\)/)
+})
+
 console.log('✓ All UI component tests passed')