@estiva-app/ui 0.25.0 → 0.26.0

package/src/index.ts

@@ -44,6 +44,7 @@ export {
   type InlineChipProps,
   type InlineChipTone,
 } from './InlineChip'
+export { Lightbox, type LightboxProps } from './Lightbox'
 export { Link, type LinkProps, type LinkVariant } from './Link'
 export { IconButton, type IconButtonProps, type IconButtonVariant } from './IconButton'
 export { Kbd, type KbdProps } from './Kbd'

package/src/registry/registry.test.ts

@@ -45,16 +45,16 @@ describe('the registry builds', () => {
     expect(registry.entries.map((one) => one.name).sort()).toEqual(values.map((one) => one.name).sort())
   })
 
-  it('counts 86 names over 56 files: 79 components, 6 helpers and 1 hook (ErrorBoundary and MenuSeparator joined in UIG-14)', () => {
+  it('counts 87 names over 57 files: 80 components, 6 helpers and 1 hook (Lightbox joined in UIG-35)', () => {
     // The reconciliation GATES.md §24 explains. If this changes, that changes.
     const kinds = registry.entries.reduce<Record<string, number>>((all, one) => ({ ...all, [one.kind]: (all[one.kind] ?? 0) + 1 }), {})
-    expect(kinds).toEqual({ component: 79, helper: 6, hook: 1 })
-    expect(new Set(registry.entries.map((one) => one.sourceFile)).size).toBe(56)
+    expect(kinds).toEqual({ component: 80, helper: 6, hook: 1 })
+    expect(new Set(registry.entries.map((one) => one.sourceFile)).size).toBe(57)
   })
 
   it('gives every entry a purpose, from its own page or from the comment above it', () => {
     expect(registry.entries.filter((one) => one.purpose.trim() === '')).toEqual([])
-    expect(registry.entries.filter((one) => one.purposeFrom === 'page').length).toBe(56)
+    expect(registry.entries.filter((one) => one.purposeFrom === 'page').length).toBe(57)
     expect(registry.entries.filter((one) => one.purposeFrom === 'comment').length).toBe(30)
   })
 

package/tailwind-preset.js

@@ -188,6 +188,9 @@ export default {
         'accent-wash':     'var(--accent-wash)',
         'success-wash':    'var(--success-wash)',
         'scrim':           'var(--scrim)',
+        // A picture viewer dims harder than a dialog does: the page behind is
+        // not context there, it is glare beside the thing you opened (UIG-35).
+        'scrim-strong':    'var(--scrim-strong)',
       },
       boxShadow: {
         'sm':  'var(--shadow-sm)',

package/tokens.css

@@ -79,6 +79,7 @@
   --glow-accent:     0 0 5px rgba(139, 92, 246, 0.6);
   --highlight-inset: inset 0 1px 0 rgba(255, 255, 255, 0.035);
   --scrim:           rgba(0, 0, 0, 0.5);
+  --scrim-strong:    rgba(0, 0, 0, 0.8);
 }
 
 /* ─── dark ─── Peek's dark theme (peek/src/index.css .dark, 2026-08-28). */
@@ -142,6 +143,7 @@
   --glow-accent:     0 0 5px rgba(167, 139, 250, 0.6);
   --highlight-inset: inset 0 1px 0 rgba(255, 255, 255, 0.035);
   --scrim:           rgba(0, 0, 0, 0.5);
+  --scrim-strong:    rgba(0, 0, 0, 0.8);
 }
 
 
@@ -209,6 +211,7 @@
   --glow-accent:     0 0 5px rgba(86, 200, 255, 0.6);
   --highlight-inset: inset 0 1px 0 rgba(255, 255, 255, 0.035);
   --scrim:           rgba(0, 0, 0, 0.5);
+  --scrim-strong:    rgba(0, 0, 0, 0.8);
 }
 
 /* ─── ship ─── Ship's palette (Katerina's ruling, 2026-08-28; ship/web/src/index.css). */
@@ -282,4 +285,5 @@
   --glow-accent:     0 0 5px rgba(75, 88, 212, 0.6);
   --highlight-inset: inset 0 1px 0 rgba(255, 255, 255, 0.035);
   --scrim:           rgba(0, 0, 0, 0.5);
+  --scrim-strong:    rgba(0, 0, 0, 0.8);
 }