@happyvertical/smrt-ui 0.36.4 → 0.36.6

package/AGENTS.md

@@ -51,7 +51,9 @@ components are exempt — they *are* the primitives.
 | `./i18n` | i18n **client**: `useI18n`, `<Trans>`, `defineMessages`, `renderTemplate` (no `smrt-languages` import — the server resolver stays in `smrt-svelte/i18n/server`) |
 | `./registry` | `ModuleUIRegistry` for cross-package component discovery |
 | `./theme` | simple `ThemeProvider` + context (`useTheme` consumes this from `smrt-svelte`) |
-| `./themes` | canonical preset token system (material/glass/studio), CSS generation |
+| `./themes` | canonical preset token system (material/glass/studio/smrt), CSS generation |
+| `./themes/styles/smrt.css` | static SMRT theme CSS (dark-first amber instrument-panel look) + signature `.smrt-*` flourish utilities |
+| `./themes/styles/fonts.css` | optional self-hosted `@font-face` for the SMRT type stack (Space Grotesk / Inter / JetBrains Mono) |
 | `./styles/tokens.css` | base token stylesheet |
 
 Also internal: `actions/` (`ripple`, `permission`), `display/`, `data/`,

package/dist/components/forms/__tests__/Form.test.js

@@ -5,11 +5,11 @@
  * it forwards native attributes, renders children, and (by default) prevents the
  * native submit so the consumer's `onsubmit` runs without a page navigation.
  */
-import { expectNoA11yViolations } from '../../../test-support/a11y';
 import { render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import { createRawSnippet } from 'svelte';
 import { describe, expect, it, vi } from 'vitest';
+import { expectNoA11yViolations } from '../../../test-support/a11y';
 import Form from '../Form.svelte';
 const children = createRawSnippet(() => ({
     render: () => '<button type="submit">Save</button>',

package/dist/components/forms/__tests__/FormGroup.test.js

@@ -5,9 +5,9 @@
  * extra wiring: a real <label> association, hint/error linked via
  * aria-describedby, and aria-invalid in the error state.
  */
-import { expectNoA11yViolations } from '../../../test-support/a11y';
 import { render, screen } from '@testing-library/svelte';
 import { describe, expect, it } from 'vitest';
+import { expectNoA11yViolations } from '../../../test-support/a11y';
 import Fixture from './form-group-input.fixture.svelte';
 describe('FormGroup a11y wiring', () => {
     it('associates its label with the wrapped input', () => {

package/dist/components/forms/__tests__/Select.test.js

@@ -4,10 +4,10 @@
  * Select forwards aria attributes (so it can be labelled / error-associated)
  * and inherits id / describedby / invalid from a wrapping FormGroup via context.
  */
-import { expectNoA11yViolations } from '../../../test-support/a11y';
 import { render, screen } from '@testing-library/svelte';
 import { createRawSnippet } from 'svelte';
 import { describe, expect, it } from 'vitest';
+import { expectNoA11yViolations } from '../../../test-support/a11y';
 import Select from '../Select.svelte';
 function options() {
     return createRawSnippet(() => ({

package/dist/components/forms/__tests__/Textarea.test.js

@@ -4,10 +4,10 @@
  * Textarea forwards aria attributes and inherits id / describedby / invalid from
  * a wrapping FormGroup via context.
  */
-import { expectNoA11yViolations } from '../../../test-support/a11y';
 import { render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it } from 'vitest';
+import { expectNoA11yViolations } from '../../../test-support/a11y';
 import Textarea from '../Textarea.svelte';
 describe('Textarea', () => {
     it('forwards aria-label / aria-describedby / aria-invalid', () => {

package/dist/components/forms/__tests__/Toggle.test.js

@@ -5,10 +5,10 @@
  * render → assert role/name/state → drive with user-event → prove axe-clean.
  * Toggle renders native checkbox semantics, so it surfaces as a `checkbox` role.
  */
-import { expectNoA11yViolations } from '../../../test-support/a11y';
 import { render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
+import { expectNoA11yViolations } from '../../../test-support/a11y';
 import Toggle from '../Toggle.svelte';
 describe('Toggle', () => {
     it('renders a checkbox with its label as the accessible name', () => {

package/dist/components/forms/index.d.ts

@@ -13,9 +13,9 @@
  */
 export { default as Form } from './Form.svelte';
 export { default as FormGroup } from './FormGroup.svelte';
+export { type FormGroupContextValue, nextFieldId, setFormGroupContext, tryGetFormGroupContext, } from './form-group-context.js';
 export { default as Input } from './Input.svelte';
 export { default as Select } from './Select.svelte';
 export { default as Textarea } from './Textarea.svelte';
 export { default as Toggle } from './Toggle.svelte';
-export { type FormGroupContextValue, nextFieldId, setFormGroupContext, tryGetFormGroupContext, } from './form-group-context.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/forms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EACL,KAAK,qBAAqB,EAC1B,WAAW,EACX,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EACL,KAAK,qBAAqB,EAC1B,WAAW,EACX,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/forms/index.js

@@ -13,8 +13,8 @@
  */
 export { default as Form } from './Form.svelte';
 export { default as FormGroup } from './FormGroup.svelte';
+export { nextFieldId, setFormGroupContext, tryGetFormGroupContext, } from './form-group-context.js';
 export { default as Input } from './Input.svelte';
 export { default as Select } from './Select.svelte';
 export { default as Textarea } from './Textarea.svelte';
 export { default as Toggle } from './Toggle.svelte';
-export { nextFieldId, setFormGroupContext, tryGetFormGroupContext, } from './form-group-context.js';

package/dist/themes/README.md

@@ -1,10 +1,10 @@
 # SMRT Svelte Themes
 
-A comprehensive, multi-theme system for SMRT Svelte with support for Material Design, Apple Glass, and Google AI Studio aesthetics. All themes include both light and dark modes.
+A comprehensive, multi-theme system for SMRT Svelte with support for Material Design, Apple Glass, Google AI Studio, and the SMRT instrument-panel aesthetic. All themes include both light and dark modes.
 
 ## Features
 
-- **3 Theme Presets**: Material (improved M3), Glass (Apple-style), Studio (Google AI Studio flat)
+- **4 Theme Presets**: Material (improved M3), Glass (Apple-style), Studio (Google AI Studio flat), SMRT (dark-first amber instrument panel)
 - **Light & Dark Modes**: Automatic system detection with manual override
 - **Runtime Theme Switching**: Change themes without page reload
 - **CSS Custom Properties**: Full theming via CSS variables
@@ -368,6 +368,45 @@ Google AI Studio-inspired flat design with minimal aesthetics.
 <div class="smrt-flat-subtle">Subtle elevation</div>
 ```
 
+### SMRT
+
+Dark-first "engineering instrument panel" theme adapted from happyvertical.com:
+an amber signal accent (`#ff7a1a`) on near-black surfaces, hairline outlines,
+deep low shadows, and a Space Grotesk / Inter / JetBrains Mono type stack.
+
+- **Colors**: Near-black engineering surfaces, signal-amber primary, SMRT-violet
+  tertiary, cool slate neutrals
+- **Elevation**: Deep, soft, low-spread drop shadows with a hairline inset
+- **Typography**: Space Grotesk display (tight, negative tracking) over Inter body
+- **Use for**: Developer tools, agent dashboards, technical/terminal aesthetics
+
+**Fonts (optional, self-hosted):**
+
+```svelte
+<script>
+  // Bundled woff2 — Space Grotesk / Inter / JetBrains Mono (SIL OFL). Omit to
+  // fall back to system-ui / ui-monospace stacks.
+  import '@happyvertical/smrt-ui/themes/styles/fonts.css';
+</script>
+
+<ThemeProvider preset="smrt" colorScheme="dark">
+  <YourApp />
+</ThemeProvider>
+```
+
+**SMRT Flourish Utility Classes** (opt-in signature motifs):
+
+```html
+<section class="smrt-grid-bg">Faint engineering-grid background</section>
+<div class="smrt-accent-wash">Soft amber radial wash</div>
+<span class="smrt-livedot"></span> <!-- pulsing amber status dot -->
+<span class="smrt-label">// SECTION</span> <!-- mono, uppercase, tracked -->
+<div class="smrt-readout"><div class="smrt-readout-row">…</div></div>
+<div class="smrt-terminal"><pre>$ smrt …</pre></div>
+<div class="smrt-scope"><span class="smrt-scope-fill" style="width:42%"></span></div>
+<span class="smrt-glow">amber drop glow</span>
+```
+
 ## Project Integration Patterns
 
 ### SvelteKit App

package/dist/themes/__tests__/token-aliases.test.js

@@ -102,6 +102,7 @@ const STATIC_STYLE_PATHS = {
     material: join(packageRoot, 'src/themes/styles/material.css'),
     glass: join(packageRoot, 'src/themes/styles/glass.css'),
     studio: join(packageRoot, 'src/themes/styles/studio.css'),
+    smrt: join(packageRoot, 'src/themes/styles/smrt.css'),
 };
 function collectDefinedTokens(css) {
     return new Set([...css.matchAll(/(--smrt-[a-z0-9_-]+)\s*:/gi)].map((match) => match[1]));

package/dist/themes/components/ThemeSwitcher.svelte

@@ -38,6 +38,7 @@ const themeIcons: Record<ThemePreset, string> = {
   material: '🔷',
   glass: '💎',
   studio: '◻️',
+  smrt: '🟠',
 };
 </script>
 

package/dist/themes/components/ThemeSwitcher.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/themes/components/ThemeSwitcher.svelte.ts"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC7C,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+ED,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/themes/components/ThemeSwitcher.svelte.ts"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC7C,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgFD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/themes/fonts/LICENSE.md

@@ -0,0 +1,16 @@
+# Bundled font licenses
+
+The `.woff2` files in this directory are redistributed under the
+**SIL Open Font License, Version 1.1** (<https://openfontlicense.org>). They are
+the latin / latin-ext variable subsets served by Google Fonts, bundled here so
+the SMRT theme can load its type stack without a CDN.
+
+| File(s) | Family | Copyright | Upstream |
+|---------|--------|-----------|----------|
+| `space-grotesk-*.woff2` | Space Grotesk | Copyright © 2020 The Space Grotesk Project Authors | <https://github.com/floriankarsten/space-grotesk> |
+| `inter-*.woff2` | Inter | Copyright © 2016 The Inter Project Authors | <https://github.com/rsms/inter> |
+| `jetbrains-mono-*.woff2` | JetBrains Mono | Copyright © 2020 The JetBrains Mono Project Authors | <https://github.com/JetBrains/JetBrainsMono> |
+
+Each family is licensed under the SIL OFL 1.1. The fonts are unmodified subsets;
+no Reserved Font Names are used for any derivative. See each upstream repository
+for the full `OFL.txt` and copyright notice.

package/dist/themes/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * SMRT Svelte Themes
  *
- * Unified theme system with Material, Glass, and Studio presets.
+ * Unified theme system with Material, Glass, Studio, and SMRT presets.
  * Supports runtime theme switching, dark/light modes, and CSS custom properties.
  *
  * @example
@@ -24,6 +24,7 @@ export { glassTheme } from './glass/index.js';
 export { materialTheme } from './material/index.js';
 export { availablePresets, getAllThemes, getTheme, getThemeName, getThemeOptions, isValidPreset, themes, } from './registry.js';
 export { appleEasing, borderRadiusScale, durationScale, materialEasing, spacingScale, studioEasing, } from './shared.js';
+export { smrtTheme } from './smrt/index.js';
 export { studioTheme } from './studio/index.js';
 export { default as ThemeProvider } from './ThemeProvider.svelte';
 export type { BorderRadius, BorderRadiusScale, ColorPalette, ColorScheme, CSSVariableOptions, DurationScale, EasingScale, ElevationScale, GlassEffects, ResolvedScheme, SpacingScale, Theme, ThemeConfig, ThemeContext, ThemePreset, ThemeState, TypographyScale, TypographyToken, } from './types.js';

package/dist/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EACL,eAAe,EACf,eAAe,EACf,eAAe,EACf,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EACL,eAAe,EACf,eAAe,EACf,eAAe,EACf,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/themes/index.js

@@ -1,7 +1,7 @@
 /**
  * SMRT Svelte Themes
  *
- * Unified theme system with Material, Glass, and Studio presets.
+ * Unified theme system with Material, Glass, Studio, and SMRT presets.
  * Supports runtime theme switching, dark/light modes, and CSS custom properties.
  *
  * @example
@@ -30,6 +30,7 @@ export { materialTheme } from './material/index.js';
 export { availablePresets, getAllThemes, getTheme, getThemeName, getThemeOptions, isValidPreset, themes, } from './registry.js';
 // Shared tokens (if needed for custom themes)
 export { appleEasing, borderRadiusScale, durationScale, materialEasing, spacingScale, studioEasing, } from './shared.js';
+export { smrtTheme } from './smrt/index.js';
 export { studioTheme } from './studio/index.js';
 // Main components
 export { default as ThemeProvider } from './ThemeProvider.svelte';

package/dist/themes/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/themes/registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAI7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAAW,EAAoC,CAAC;AAE/E;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAiBnD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,WAAW,CAInE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAMxD;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,KAAK,EAAE,CAEtC;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CASzE;AAOD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAEtD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAE5D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAElD"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/themes/registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAK7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAAW,EAKzC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAiBnD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,WAAW,CAInE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAMxD;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,KAAK,EAAE,CAEtC;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CASzE;AAOD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAEtD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAE5D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAElD"}

package/dist/themes/registry.js

@@ -6,6 +6,7 @@
  */
 import { glassTheme } from './glass/index.js';
 import { materialTheme } from './material/index.js';
+import { smrtTheme } from './smrt/index.js';
 import { studioTheme } from './studio/index.js';
 /**
  * Map of all built-in themes
@@ -14,11 +15,17 @@ export const themes = {
     material: materialTheme,
     glass: glassTheme,
     studio: studioTheme,
+    smrt: smrtTheme,
 };
 /**
  * List of available theme presets (built-in only)
  */
-export const availablePresets = ['material', 'glass', 'studio'];
+export const availablePresets = [
+    'material',
+    'glass',
+    'studio',
+    'smrt',
+];
 /**
  * Get a theme by preset name
  * Checks built-in themes first, then custom registered themes

package/dist/themes/smrt/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * SMRT Theme
+ *
+ * Dark-first "engineering instrument panel" theme adapted from the
+ * happyvertical.com workbench look: near-black surfaces, an amber signal
+ * accent (`#ff7a1a`), hairline outlines, deep low shadows, and a
+ * Space Grotesk / Inter / JetBrains Mono type stack.
+ *
+ * The token palette restyles every existing smrt-ui component; the signature
+ * motifs (engineering-grid background, glow, oscilloscope hairline, instrument
+ * readouts, monospace technical labels) ship as opt-in utility classes in
+ * `styles/smrt.css`, and the fonts in `styles/fonts.css`.
+ */
+import type { Theme } from '../types.js';
+/**
+ * SMRT theme definition
+ */
+export declare const smrtTheme: Theme;
+export default smrtTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/smrt/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/smrt/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAIV,KAAK,EAEN,MAAM,aAAa,CAAC;AAsTrB;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/themes/smrt/index.js

@@ -0,0 +1,313 @@
+/**
+ * SMRT Theme
+ *
+ * Dark-first "engineering instrument panel" theme adapted from the
+ * happyvertical.com workbench look: near-black surfaces, an amber signal
+ * accent (`#ff7a1a`), hairline outlines, deep low shadows, and a
+ * Space Grotesk / Inter / JetBrains Mono type stack.
+ *
+ * The token palette restyles every existing smrt-ui component; the signature
+ * motifs (engineering-grid background, glow, oscilloscope hairline, instrument
+ * readouts, monospace technical labels) ship as opt-in utility classes in
+ * `styles/smrt.css`, and the fonts in `styles/fonts.css`.
+ */
+import { borderRadiusScale, durationScale, spacingScale } from '../shared.js';
+/** Display family (headings) — falls back gracefully when fonts.css is absent. */
+const DISPLAY_FONT = '"Space Grotesk", system-ui, -apple-system, sans-serif';
+/**
+ * SMRT light color palette.
+ *
+ * The instrument aesthetic is dark-first; the light scheme keeps the amber
+ * signal (darkened to `#e35d12` for contrast on white) over cool paper greys,
+ * mirroring happyvertical.com's `[data-theme='light']` workbench.
+ */
+const lightColors = {
+    // Primary - Signal amber (darkened for light-surface contrast)
+    primary: '#e35d12',
+    onPrimary: '#ffffff',
+    primaryContainer: '#ffe6d4',
+    onPrimaryContainer: '#7a2e00',
+    // Secondary - Cool slate
+    secondary: '#5b6470',
+    onSecondary: '#ffffff',
+    secondaryContainer: '#e7eaee',
+    onSecondaryContainer: '#2a2f37',
+    // Tertiary - SMRT violet (happyvertical's per-product accent for the framework)
+    tertiary: '#6b4eff',
+    onTertiary: '#ffffff',
+    tertiaryContainer: '#e7e0ff',
+    onTertiaryContainer: '#3a2b8c',
+    // Error
+    error: '#c0362c',
+    onError: '#ffffff',
+    errorContainer: '#fbe0dd',
+    onErrorContainer: '#6b1109',
+    // Warning
+    warning: '#b06a00',
+    onWarning: '#ffffff',
+    warningContainer: '#ffedd0',
+    onWarningContainer: '#6b4200',
+    // Success
+    success: '#0f7a5f',
+    onSuccess: '#ffffff',
+    successContainer: '#d7f2e8',
+    onSuccessContainer: '#043a2c',
+    // Surface - Cool paper greys
+    surface: '#ffffff',
+    onSurface: '#14171c',
+    surfaceVariant: '#f5f6f8',
+    onSurfaceVariant: '#5b6470',
+    surfaceContainer: '#f5f6f8',
+    surfaceContainerLow: '#fafbfc',
+    surfaceContainerHigh: '#eef1f4',
+    surfaceContainerHighest: '#e7eaee',
+    surfaceContainerLowest: '#ffffff',
+    surfaceDim: '#e3e6ea',
+    surfaceBright: '#ffffff',
+    // Background
+    background: '#edeff2',
+    onBackground: '#14171c',
+    // Outline - Hairline / line greys
+    outline: '#c6ccd4',
+    outlineVariant: '#dfe3e8',
+    // Inverse
+    inverseSurface: '#14171c',
+    inverseOnSurface: '#f4f6f8',
+    inversePrimary: '#ff7a1a',
+    // Effects
+    shadow: 'rgba(20, 26, 36, 0.28)',
+    scrim: 'rgba(0, 0, 0, 0.5)',
+};
+/**
+ * SMRT dark color palette (default).
+ *
+ * Near-black engineering surfaces (`#0b0c0e` base, `#121417` panels) with the
+ * full-strength amber signal `#ff7a1a` and hairline outlines.
+ */
+const darkColors = {
+    // Primary - Signal amber
+    primary: '#ff7a1a',
+    onPrimary: '#1a0e02',
+    primaryContainer: '#2a1a0c',
+    onPrimaryContainer: '#ffb784',
+    // Secondary - Cool slate
+    secondary: '#9aa3af',
+    onSecondary: '#14171c',
+    secondaryContainer: '#23272e',
+    onSecondaryContainer: '#e6e9ee',
+    // Tertiary - SMRT violet
+    tertiary: '#b9a8ff',
+    onTertiary: '#241a4d',
+    tertiaryContainer: '#2a2350',
+    onTertiaryContainer: '#ddd4ff',
+    // Error
+    error: '#ff6b6b',
+    onError: '#2a0a0a',
+    errorContainer: '#3a1414',
+    onErrorContainer: '#ffc4c4',
+    // Warning
+    warning: '#ffb020',
+    onWarning: '#1a0e02',
+    warningContainer: '#3a2a0c',
+    onWarningContainer: '#ffd9a3',
+    // Success
+    success: '#3fb98f',
+    onSuccess: '#00261c',
+    successContainer: '#103a30',
+    onSuccessContainer: '#7fd9be',
+    // Surface - Near-black instrument panels
+    surface: '#121417',
+    onSurface: '#c9cdd3',
+    surfaceVariant: '#181b1f',
+    onSurfaceVariant: '#9aa3af',
+    surfaceContainer: '#121417',
+    surfaceContainerLow: '#0e1013',
+    surfaceContainerHigh: '#181b1f',
+    surfaceContainerHighest: '#1f242b',
+    surfaceContainerLowest: '#0a0c10',
+    surfaceDim: '#0b0c0e',
+    surfaceBright: '#23272e',
+    // Background
+    background: '#0b0c0e',
+    onBackground: '#c9cdd3',
+    // Outline - Line / hairline strokes
+    outline: '#333842',
+    outlineVariant: '#23272e',
+    // Inverse
+    inverseSurface: '#edeff2',
+    inverseOnSurface: '#14171c',
+    inversePrimary: '#b34d00',
+    // Effects
+    shadow: 'rgba(0, 0, 0, 0.8)',
+    scrim: 'rgba(0, 0, 0, 0.7)',
+};
+/**
+ * SMRT typography scale.
+ *
+ * Tight, punchy display metrics in Space Grotesk (negative tracking, near-1
+ * line-heights) over Inter body text — the workbench's display/body split.
+ */
+const typography = {
+    displayLarge: {
+        size: '3.5rem',
+        lineHeight: '0.98',
+        weight: '600',
+        tracking: '-0.03em',
+        fontFamily: DISPLAY_FONT,
+    },
+    displayMedium: {
+        size: '2.75rem',
+        lineHeight: '1',
+        weight: '600',
+        tracking: '-0.03em',
+        fontFamily: DISPLAY_FONT,
+    },
+    displaySmall: {
+        size: '2.25rem',
+        lineHeight: '1.05',
+        weight: '600',
+        tracking: '-0.02em',
+        fontFamily: DISPLAY_FONT,
+    },
+    headlineLarge: {
+        size: '2rem',
+        lineHeight: '1.1',
+        weight: '600',
+        tracking: '-0.02em',
+        fontFamily: DISPLAY_FONT,
+    },
+    headlineMedium: {
+        size: '1.6rem',
+        lineHeight: '1.15',
+        weight: '600',
+        tracking: '-0.02em',
+        fontFamily: DISPLAY_FONT,
+    },
+    headlineSmall: {
+        size: '1.3rem',
+        lineHeight: '1.2',
+        weight: '600',
+        tracking: '-0.01em',
+        fontFamily: DISPLAY_FONT,
+    },
+    titleLarge: {
+        size: '1.125rem',
+        lineHeight: '1.3',
+        weight: '600',
+        tracking: '-0.01em',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    titleMedium: {
+        size: '1rem',
+        lineHeight: '1.4',
+        weight: '600',
+        tracking: '0',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    titleSmall: {
+        size: '0.875rem',
+        lineHeight: '1.4',
+        weight: '600',
+        tracking: '0',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    bodyLarge: {
+        size: '1.0625rem',
+        lineHeight: '1.6',
+        weight: '400',
+        tracking: '0',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    bodyMedium: {
+        size: '0.9375rem',
+        lineHeight: '1.6',
+        weight: '400',
+        tracking: '0',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    bodySmall: {
+        size: '0.8125rem',
+        lineHeight: '1.55',
+        weight: '400',
+        tracking: '0',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    labelLarge: {
+        size: '0.8125rem',
+        lineHeight: '1.4',
+        weight: '600',
+        tracking: '0.04em',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    labelMedium: {
+        size: '0.6875rem',
+        lineHeight: '1.4',
+        weight: '600',
+        tracking: '0.08em',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+    labelSmall: {
+        size: '0.625rem',
+        lineHeight: '1.4',
+        weight: '600',
+        tracking: '0.1em',
+        fontFamily: 'var(--smrt-font-family)',
+    },
+};
+/**
+ * SMRT elevation (light) — deep, soft, low-spread shadows.
+ *
+ * The workbench panels sit on big diffuse drop shadows with a tight inset
+ * hairline at level 1. Light scheme tints the shadow with the cool ink grey.
+ */
+const elevation = {
+    0: 'none',
+    1: 'inset 0 0 0 1px rgba(20, 26, 36, 0.08)',
+    2: '0 18px 44px -28px rgba(20, 26, 36, 0.18)',
+    3: '0 24px 56px -34px rgba(20, 26, 36, 0.22)',
+    4: '0 30px 70px -40px rgba(20, 26, 36, 0.28)',
+    5: '0 40px 90px -50px rgba(20, 26, 36, 0.3)',
+};
+/**
+ * SMRT elevation (dark) — black drop shadows with a white inset hairline.
+ *
+ * Defined here (not only in the static `styles/smrt.css`) so the JS
+ * ThemeProvider output and the static dark CSS stay in lockstep (#1586).
+ */
+const darkElevation = {
+    0: 'none',
+    1: 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)',
+    2: '0 18px 44px -28px rgba(0, 0, 0, 0.6)',
+    3: '0 24px 56px -34px rgba(0, 0, 0, 0.72)',
+    4: '0 30px 66px -40px rgba(0, 0, 0, 0.82)',
+    5: '0 40px 90px -50px rgba(0, 0, 0, 0.88)',
+};
+/**
+ * SMRT easings — the workbench reveal curve as the emphasized easing.
+ */
+const smrtEasing = {
+    standard: 'cubic-bezier(0.4, 0, 0.2, 1)',
+    standardDecelerate: 'cubic-bezier(0, 0, 0.2, 1)',
+    standardAccelerate: 'cubic-bezier(0.4, 0, 1, 1)',
+    emphasized: 'cubic-bezier(0.22, 1, 0.36, 1)',
+    emphasizedDecelerate: 'cubic-bezier(0.16, 1, 0.3, 1)',
+    emphasizedAccelerate: 'cubic-bezier(0.4, 0, 1, 1)',
+};
+/**
+ * SMRT theme definition
+ */
+export const smrtTheme = {
+    id: 'smrt',
+    name: 'SMRT',
+    light: lightColors,
+    dark: darkColors,
+    typography,
+    elevation,
+    darkElevation,
+    spacing: spacingScale,
+    borderRadius: borderRadiusScale,
+    duration: durationScale,
+    easing: smrtEasing,
+    fontFamily: '"Inter", system-ui, -apple-system, "Segoe UI", sans-serif',
+};
+export default smrtTheme;