@happyvertical/smrt-ui 0.57.35 → 0.57.37

package/README.md

@@ -41,7 +41,7 @@ pnpm add @happyvertical/smrt-ui
 | Disclosure and overlays | `Popover`, `Disclosure`, `Accordion`/`AccordionItem`, `Modal`, `Drawer`/`Sheet`, `PhoneSheet`, `ConfirmDialog` |
 | Feedback | `Alert`, `ToastViewport`, `Progress`, `Meter`, `Spinner`, `LoadingOverlay`, `WorkingStrip` |
 | Collections | `CollectionToolbar`, `CollectionList`/`ContentList`, `DataTable`, `Pagination` |
-| Layout and navigation | `Container`, `PageLayout`, `Grid`, `ActionGroup`, `Header`, `Footer`, `PageHeader`, `EmptyState`, `Tabs`, `FilterChips` |
+| Layout and navigation | `Container`, `PageLayout`, `Grid`, `Stack`, `DescriptionList`, `ActionGroup`, `Header`, `Footer`, `PageHeader`, `EmptyState`, `Tabs`, `FilterChips` |
 | Calendar | `CalendarView` (deprecated: `Calendar`, `DayView`) |
 
 ### Phone surfaces
@@ -230,7 +230,10 @@ tone overrides the built-in domain scheme while label, size, and outline variant
 continue to work independently. Tones use the active theme's paired container
 and text tokens. Without a tone, known domain statuses retain their existing
 colors and unknown statuses retain the neutral fallback. `StatusTone` is exported
-as a TypeScript type from the package root.
+as a TypeScript type from the package root. `StatusBadge` also spreads rest
+props (`data-*`, `aria-*`, `title`, ...) onto its root `<span>`; `class` is not
+accepted. It and the other display components are importable from
+`@happyvertical/smrt-ui/display` as well as the package root.
 
 ### Touch targets for Checkbox, Radio and Switch
 
@@ -1138,6 +1141,22 @@ vertical gap.
 Use `PageLayout` inside an application shell to give each route responsive
 gutters, block padding, vertical rhythm, and the width appropriate to its
 content. It never creates a scroll container or claims viewport height.
+Use `Stack` for vertical or horizontal rhythm from the spacing tokens
+(`gap` `xs` to `xl`, optional `align`, `justify` and `wrap`), and
+`DescriptionList` for a term/description grid that collapses to one column on
+narrow screens (pass `items`, or `<dt>`/`<dd>` children).
+
+```svelte
+<script>
+  import { DescriptionList, Stack } from '@happyvertical/smrt-ui/layout';
+</script>
+
+<Stack gap="lg">
+  <DescriptionList items={[{ term: 'Status', description: 'Open' }]} />
+  <Stack direction="horizontal" gap="sm" wrap>...</Stack>
+</Stack>
+```
+
 Use `ActionGroup` for adjacent page or card actions; it wraps with token spacing
 and can justify actions at the start or end without form-specific behavior.
 

package/dist/components/data/DataTable.svelte

@@ -2028,8 +2028,12 @@ $effect(() => {
   }
 
   /* Header */
+  /* --smrt-data-table-head-bg / -color: sunken is darker than every
+     surface-container level in both themes, so the head stays visible on a
+     surface-container-low page. */
   .data-table__head {
-    background: var(--smrt-surface-sunken);
+    background: var(--smrt-data-table-head-bg, var(--smrt-surface-sunken));
+    color: var(--smrt-data-table-head-color, var(--smrt-color-on-surface));
   }
 
   .data-table-container--sticky .data-table__head {
@@ -2048,7 +2052,7 @@ $effect(() => {
     font-weight: var(--smrt-typography-weight-semibold, 600);
     text-align: left;
     white-space: nowrap;
-    color: var(--smrt-color-on-surface);
+    color: inherit;
   }
 
   .data-table__cell--sortable {
@@ -2187,7 +2191,7 @@ $effect(() => {
   .data-table__cell--header.data-table__cell--pinned-start,
   .data-table__cell--header.data-table__cell--pinned-end {
     z-index: 3;
-    background: var(--smrt-surface-sunken);
+    background: var(--smrt-data-table-head-bg, var(--smrt-surface-sunken));
   }
 
   .data-table__row--selected .data-table__cell--pinned-start,

package/dist/components/display/StatusBadge.svelte

@@ -6,10 +6,12 @@
  * or an explicit semantic tone for custom status vocabulary.
  */
 
+import type { HTMLAttributes } from 'svelte/elements';
 import type { StatusTone, StatusType } from './types.js';
 
 /** Props for StatusBadge component */
-export interface Props {
+export interface Props
+  extends Omit<HTMLAttributes<HTMLSpanElement>, 'class' | 'children'> {
   /** The status value to display */
   status: string;
   /** Pre-defined color scheme type */
@@ -31,6 +33,7 @@ const {
   size = 'md',
   variant = 'filled',
   label,
+  ...rest
 }: Props = $props();
 
 // Color mappings for different status domains, referencing the canonical
@@ -247,6 +250,7 @@ const displayLabel = $derived(label ?? status.replace(/_/g, ' '));
 </script>
 
 <span
+  {...rest}
   class="status-badge"
   class:sm={size === 'sm'}
   class:lg={size === 'lg'}

package/dist/components/display/StatusBadge.svelte.d.ts

@@ -4,9 +4,10 @@
  * Provides pre-defined color schemes for common status domains (invoice, project, etc.)
  * or an explicit semantic tone for custom status vocabulary.
  */
+import type { HTMLAttributes } from 'svelte/elements';
 import type { StatusTone, StatusType } from './types.js';
 /** Props for StatusBadge component */
-export interface Props {
+export interface Props extends Omit<HTMLAttributes<HTMLSpanElement>, 'class' | 'children'> {
     /** The status value to display */
     status: string;
     /** Pre-defined color scheme type */

package/dist/components/display/StatusBadge.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/display/StatusBadge.svelte.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGzD,sCAAsC;AACtC,MAAM,WAAW,KAAK;IACpB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wDAAwD;IACxD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6OD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"StatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/display/StatusBadge.svelte.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGzD,sCAAsC;AACtC,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnE,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wDAAwD;IACxD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+OD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/feedback/Drawer.svelte

@@ -25,6 +25,8 @@ export interface Props {
   onclose?: () => void;
   /** Accessibility label for the drawer dialog. */
   ariaLabel?: string;
+  /** Target density; omit to inherit the ThemeProvider setting. */
+  density?: 'comfortable' | 'touch';
 }
 
 let {
@@ -39,7 +41,8 @@ let {
   footer,
   onclose,
   ariaLabel,
+  density,
 }: Props = $props();
 </script>
 
-<Modal bind:open {title} {size} placement={side} {showClose} {closeOnBackdrop} onClose={onclose} {header} {footer} {children} {ariaLabel} />
+<Modal bind:open {title} {size} placement={side} {showClose} {closeOnBackdrop} onClose={onclose} {header} {footer} {children} {ariaLabel} {density} />

package/dist/components/feedback/Drawer.svelte.d.ts

@@ -22,6 +22,8 @@ export interface Props {
     onclose?: () => void;
     /** Accessibility label for the drawer dialog. */
     ariaLabel?: string;
+    /** Target density; omit to inherit the ThemeProvider setting. */
+    density?: 'comfortable' | 'touch';
 }
 declare const Drawer: import("svelte").Component<Props, {}, "open">;
 type Drawer = ReturnType<typeof Drawer>;

package/dist/components/feedback/Drawer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Drawer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,QAAA,MAAM,MAAM,+CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Drawer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;CACnC;AA0BD,QAAA,MAAM,MAAM,+CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/feedback/Modal.svelte

@@ -46,6 +46,8 @@ export interface Props {
   ariaLabel?: string;
   /** ARIA described by ID */
   ariaDescribedBy?: string;
+  /** Target density; omit to inherit the ThemeProvider setting. */
+  density?: 'comfortable' | 'touch';
 }
 
 let {
@@ -62,6 +64,7 @@ let {
   children,
   ariaLabel,
   ariaDescribedBy,
+  density,
 }: Props = $props();
 
 let dialogEl: HTMLDialogElement | null = $state(null);
@@ -125,7 +128,7 @@ const placementClass = $derived(`modal--${placement}`);
   onkeydown={handleKeydown}
   oncancel={handleCancel}
   aria-label={ariaLabel ?? title}
-  aria-describedby={ariaDescribedBy} data-smrt-component="Modal"
+  aria-describedby={ariaDescribedBy} data-density={density} data-smrt-component="Modal"
 >
   <div class="modal__container">
     {#if header}
@@ -331,12 +334,15 @@ const placementClass = $derived(`modal--${placement}`);
     line-height: var(--smrt-typography-headline-small-line-height, 1.4);
   }
 
+  .modal[data-density='touch'] { --smrt-control-target-min: var(--smrt-touch-target-min); }
+  .modal[data-density='comfortable'] { --smrt-control-target-min: 0px; }
+
   .modal__close {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 32px;
-    height: 32px;
+    width: max(32px, var(--smrt-control-target-min));
+    height: max(32px, var(--smrt-control-target-min));
     padding: 0;
     border: none;
     background: transparent;

package/dist/components/feedback/Modal.svelte.d.ts

@@ -39,6 +39,8 @@ export interface Props {
     ariaLabel?: string;
     /** ARIA described by ID */
     ariaDescribedBy?: string;
+    /** Target density; omit to inherit the ThemeProvider setting. */
+    density?: 'comfortable' | 'touch';
 }
 declare const Modal: import("svelte").Component<Props, {}, "open">;
 type Modal = ReturnType<typeof Modal>;

package/dist/components/feedback/Modal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Modal.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,gCAAgC;AAChC,MAAM,WAAW,KAAK;IACpB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC1C,yEAAyE;IACzE,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACvC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA2HD,QAAA,MAAM,KAAK,+CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Modal.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,gCAAgC;AAChC,MAAM,WAAW,KAAK;IACpB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC1C,yEAAyE;IACzE,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACvC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;CACnC;AA4HD,QAAA,MAAM,KAAK,+CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/forms/SegmentedControl.svelte

@@ -252,16 +252,19 @@ useControlRegistration(() => {
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
 @layer smrt.theme {
-  .segmented { display: inline-flex; border: var(--smrt-hairline-strong); border-radius: var(--smrt-radius-full); overflow: hidden; }
+  .segmented { display: inline-flex; flex-wrap: wrap; max-inline-size: 100%; border: var(--smrt-hairline-strong); border-radius: var(--smrt-radius-full); overflow: hidden; }
   .segmented.full-width { display: flex; width: 100%; }
-  label { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 1; min-height: 2.5rem; padding: 0 var(--smrt-spacing-4); border: 0; border-right: var(--smrt-hairline-strong); background: var(--smrt-color-surface); color: var(--smrt-color-on-surface); cursor: pointer; }
+  label { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 1 1 0%; min-width: max-content; text-align: center; min-height: 2.5rem; padding: 0 var(--smrt-spacing-4); border: 0; border-right: var(--smrt-hairline-strong); background: var(--smrt-color-surface); color: var(--smrt-color-on-surface); cursor: pointer; }
+  /* Options share the row equally while they fit; one that would clip wraps onto a further row instead (#4462). */
   label:last-child { border-right: 0; } label.selected { background: var(--smrt-color-secondary-container); color: var(--smrt-color-on-secondary-container); }
   label:has(input:focus-visible) { outline: var(--smrt-focus-ring-width) solid var(--smrt-focus-ring-color); outline-offset: calc(var(--smrt-focus-ring-width) * -1); } label.disabled, label:has(input:disabled) { opacity: .5; cursor: not-allowed; }
   :global(.segmented[data-smrt-highlighted='true']) { outline: 3px solid var(--smrt-color-tertiary); outline-offset: 4px; }
 
   .segmented[data-density='touch'] { --smrt-control-target-min: var(--smrt-touch-target-min); }
   .segmented[data-density='comfortable'] { --smrt-control-target-min: 0px; }
-  label { min-height: max(2.5rem, var(--smrt-control-target-min)); min-width: var(--smrt-control-target-min); }
+  label { min-height: max(2.5rem, var(--smrt-control-target-min)); }
+  /* The touch target width rides on the text so the label keeps its content minimum (a negative calc clamps to 0). */
+  label > span { min-width: calc(var(--smrt-control-target-min) - 2 * var(--smrt-spacing-4)); }
   input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
   /* Forced colors (#3908): system colours where colour alone carries meaning. */
   @media (forced-colors: active) {

package/dist/components/layout/DescriptionList.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+
+import type { DescriptionListItem } from './description-list.js';
+
+export interface Props extends Omit<HTMLAttributes<HTMLDListElement>, 'class'> {
+  /** Term/description pairs, rendered before any `children`. */
+  items?: DescriptionListItem[];
+  /** Extra `<dt>`/`<dd>` content, rendered after `items`. */
+  children?: Snippet;
+  /** CSS classes appended to the list. */
+  class?: string;
+}
+
+const {
+  items = [],
+  children,
+  class: className = '',
+  ...rest
+}: Props = $props();
+</script>
+
+<dl class="description-list {className}" {...rest} data-smrt-component="DescriptionList">
+  {#each items as item, index (index)}
+    <dt>{item.term}</dt>
+    <dd>{item.description}</dd>
+  {/each}
+  {@render children?.()}
+</dl>
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .description-list {
+    display: grid;
+    grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr);
+    column-gap: var(--smrt-spacing-6);
+    row-gap: var(--smrt-spacing-2);
+    margin: 0;
+    min-inline-size: 0;
+  }
+  .description-list :global(dt) {
+    color: var(--smrt-color-on-surface-variant);
+    font-weight: var(--smrt-control-weight);
+  }
+  .description-list :global(dd) {
+    margin: 0;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+  /* Collapse to one column on narrow screens. */
+  @media (max-width: 40rem) {
+    .description-list { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
+    .description-list :global(dd) { margin-block-end: var(--smrt-spacing-3); }
+  }
+}
+</style>

package/dist/components/layout/DescriptionList.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { DescriptionListItem } from './description-list.js';
+export interface Props extends Omit<HTMLAttributes<HTMLDListElement>, 'class'> {
+    /** Term/description pairs, rendered before any `children`. */
+    items?: DescriptionListItem[];
+    /** Extra `<dt>`/`<dd>` content, rendered after `items`. */
+    children?: Snippet;
+    /** CSS classes appended to the list. */
+    class?: string;
+}
+declare const DescriptionList: import("svelte").Component<Props, {}, "">;
+type DescriptionList = ReturnType<typeof DescriptionList>;
+export default DescriptionList;
+//# sourceMappingURL=DescriptionList.svelte.d.ts.map

package/dist/components/layout/DescriptionList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/layout/DescriptionList.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGjE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC5E,8DAA8D;IAC9D,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4BD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/layout/Stack.svelte

@@ -0,0 +1,77 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+
+type Gap = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type Justify = 'start' | 'center' | 'end' | 'between';
+
+export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+  /** Stacking axis: `vertical` (a column) or `horizontal` (a row). */
+  direction?: 'vertical' | 'horizontal';
+  /** Space between children, from the spacing tokens. */
+  gap?: Gap;
+  /** Cross-axis alignment. Omit for the browser default (stretch). */
+  align?: Align;
+  /** Main-axis distribution. Omit for the start of the axis. */
+  justify?: Justify;
+  /** Let children wrap onto further lines when they do not fit. */
+  wrap?: boolean;
+  /** CSS classes appended to the stack. */
+  class?: string;
+  /** Stacked content. */
+  children?: Snippet;
+}
+
+const {
+  direction = 'vertical',
+  gap = 'md',
+  align,
+  justify,
+  wrap = false,
+  class: className = '',
+  children,
+  ...rest
+}: Props = $props();
+</script>
+
+<div
+  class="stack stack-{direction} gap-{gap} {className}"
+  class:wrap
+  data-align={align}
+  data-justify={justify}
+  {...rest}
+  data-smrt-component="Stack"
+>
+  {@render children?.()}
+</div>
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .stack {
+    display: flex;
+    min-inline-size: 0;
+  }
+  .stack-vertical { flex-direction: column; }
+  .stack-horizontal { flex-direction: row; }
+  .wrap { flex-wrap: wrap; }
+
+  .gap-xs { gap: var(--smrt-spacing-1); }
+  .gap-sm { gap: var(--smrt-spacing-2); }
+  .gap-md { gap: var(--smrt-spacing-4); }
+  .gap-lg { gap: var(--smrt-spacing-6); }
+  .gap-xl { gap: var(--smrt-spacing-8); }
+
+  .stack[data-align='start'] { align-items: flex-start; }
+  .stack[data-align='center'] { align-items: center; }
+  .stack[data-align='end'] { align-items: flex-end; }
+  .stack[data-align='stretch'] { align-items: stretch; }
+  .stack[data-align='baseline'] { align-items: baseline; }
+
+  .stack[data-justify='start'] { justify-content: flex-start; }
+  .stack[data-justify='center'] { justify-content: center; }
+  .stack[data-justify='end'] { justify-content: flex-end; }
+  .stack[data-justify='between'] { justify-content: space-between; }
+}
+</style>

package/dist/components/layout/Stack.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type Gap = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type Justify = 'start' | 'center' | 'end' | 'between';
+export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    /** Stacking axis: `vertical` (a column) or `horizontal` (a row). */
+    direction?: 'vertical' | 'horizontal';
+    /** Space between children, from the spacing tokens. */
+    gap?: Gap;
+    /** Cross-axis alignment. Omit for the browser default (stretch). */
+    align?: Align;
+    /** Main-axis distribution. Omit for the start of the axis. */
+    justify?: Justify;
+    /** Let children wrap onto further lines when they do not fit. */
+    wrap?: boolean;
+    /** CSS classes appended to the stack. */
+    class?: string;
+    /** Stacked content. */
+    children?: Snippet;
+}
+declare const Stack: import("svelte").Component<Props, {}, "">;
+type Stack = ReturnType<typeof Stack>;
+export default Stack;
+//# sourceMappingURL=Stack.svelte.d.ts.map

package/dist/components/layout/Stack.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Stack.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,KAAK,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AACjE,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1E,oEAAoE;IACpE,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,uDAAuD;IACvD,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6BD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/layout/description-list.d.ts

@@ -0,0 +1,8 @@
+/** One term/description pair for `DescriptionList`. */
+export interface DescriptionListItem {
+    /** The term (label). */
+    term: string;
+    /** The description (value). */
+    description: string;
+}
+//# sourceMappingURL=description-list.d.ts.map

package/dist/components/layout/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../src/components/layout/description-list.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/layout/description-list.js

@@ -0,0 +1 @@
+export {};

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

@@ -3,6 +3,8 @@
  */
 export { default as ActionGroup } from './ActionGroup.svelte';
 export { default as Container } from './Container.svelte';
+export { default as DescriptionList } from './DescriptionList.svelte';
+export type { DescriptionListItem } from './description-list.js';
 export { default as EmptyState } from './EmptyState.svelte';
 export { default as Footer } from './Footer.svelte';
 export { default as Grid } from './Grid.svelte';
@@ -11,5 +13,6 @@ export { default as Masthead } from './Masthead.svelte';
 export { default as PageHeader } from './PageHeader.svelte';
 export { default as PageLayout } from './PageLayout.svelte';
 export { getPageHeaderContext, type PageHeaderContext, type PageHeaderCrumb, type PageHeaderReport, setPageHeaderContext, } from './page-header-context.js';
+export { default as Stack } from './Stack.svelte';
 export { default as SummaryCard } from './SummaryCard.svelte';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EACL,oBAAoB,EACpB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EACL,oBAAoB,EACpB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/layout/index.js

@@ -3,6 +3,7 @@
  */
 export { default as ActionGroup } from './ActionGroup.svelte';
 export { default as Container } from './Container.svelte';
+export { default as DescriptionList } from './DescriptionList.svelte';
 export { default as EmptyState } from './EmptyState.svelte';
 export { default as Footer } from './Footer.svelte';
 export { default as Grid } from './Grid.svelte';
@@ -11,4 +12,5 @@ export { default as Masthead } from './Masthead.svelte';
 export { default as PageHeader } from './PageHeader.svelte';
 export { default as PageLayout } from './PageLayout.svelte';
 export { getPageHeaderContext, setPageHeaderContext, } from './page-header-context.js';
+export { default as Stack } from './Stack.svelte';
 export { default as SummaryCard } from './SummaryCard.svelte';

package/dist/components/ui/Badge.svelte

@@ -51,6 +51,13 @@ const { variant = 'default', size = 'md', children, ...rest }: Props = $props();
     background: var(--smrt-color-surface-container-high);
     color: var(--smrt-color-on-surface);
   }
+  /* Quiet neutral status: outlined, square-cornered and unfilled so it does not read as a tonal button. */
+  .smrt-badge__neutral {
+    background: transparent;
+    color: var(--smrt-color-on-surface-variant);
+    border-color: var(--smrt-color-outline-variant);
+    border-radius: var(--smrt-radius-small);
+  }
   .smrt-badge__primary {
     background: var(--smrt-color-primary-container);
     color: var(--smrt-color-on-primary-container);

package/dist/components/ui/Disclosure.svelte

@@ -14,6 +14,8 @@ export interface Props {
   onopenchange?: (open: boolean) => void;
   /** Additional CSS class names. */
   class?: string;
+  /** Target density; omit to inherit the ThemeProvider setting. */
+  density?: 'comfortable' | 'touch';
 }
 
 let {
@@ -23,6 +25,7 @@ let {
   children,
   onopenchange,
   class: className = '',
+  density,
 }: Props = $props();
 
 function handleToggle(event: Event) {
@@ -36,7 +39,7 @@ function handleToggle(event: Event) {
 }
 </script>
 
-<details class="disclosure {className}" bind:open ontoggle={handleToggle} data-smrt-component="Disclosure">
+<details class="disclosure {className}" data-density={density} bind:open ontoggle={handleToggle} data-smrt-component="Disclosure">
   <summary aria-disabled={disabled} onclick={(event) => disabled && event.preventDefault()}>
     <span>{title}</span><span class="chevron" aria-hidden="true">⌄</span>
   </summary>
@@ -47,7 +50,10 @@ function handleToggle(event: Event) {
 @layer smrt.reset, smrt.structure, smrt.theme;
 @layer smrt.theme {
   .disclosure { border-bottom: var(--smrt-hairline); color: var(--smrt-color-on-surface); }
-  summary { display: flex; justify-content: space-between; gap: var(--smrt-spacing-3); padding: var(--smrt-spacing-3) 0; font: var(--smrt-typography-title-small-font); cursor: pointer; list-style: none; }
+  .disclosure[data-density='touch'] { --smrt-control-target-min: var(--smrt-touch-target-min); }
+  .disclosure[data-density='comfortable'] { --smrt-control-target-min: 0px; }
+  .disclosure[data-density='touch'] summary { align-items: center; }
+  summary { display: flex; min-height: var(--smrt-control-target-min); justify-content: space-between; gap: var(--smrt-spacing-3); padding: var(--smrt-spacing-3) 0; font: var(--smrt-typography-title-small-font); cursor: pointer; list-style: none; }
   summary::-webkit-details-marker { display: none; }
   summary:focus-visible { outline: var(--smrt-focus-ring-width) solid var(--smrt-focus-ring-color); outline-offset: var(--smrt-focus-ring-offset); }
   summary[aria-disabled='true'] { opacity: .5; cursor: not-allowed; }

package/dist/components/ui/Disclosure.svelte.d.ts

@@ -12,6 +12,8 @@ export interface Props {
     onopenchange?: (open: boolean) => void;
     /** Additional CSS class names. */
     class?: string;
+    /** Target density; omit to inherit the ThemeProvider setting. */
+    density?: 'comfortable' | 'touch';
 }
 declare const Disclosure: import("svelte").Component<Props, {}, "open">;
 type Disclosure = ReturnType<typeof Disclosure>;

package/dist/components/ui/Disclosure.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Disclosure.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Disclosure.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoCD,QAAA,MAAM,UAAU,+CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Disclosure.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Disclosure.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;CACnC;AAqCD,QAAA,MAAM,UAAU,+CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/themes/required-tokens.generated.json

@@ -200,15 +200,21 @@
   ],
   "optional": [
     "--smrt-admin-shell-background",
+    "--smrt-admin-shell-band-padding-inline",
+    "--smrt-admin-shell-left-rail-padding",
+    "--smrt-admin-shell-left-rail-padding-collapsed",
     "--smrt-admin-shell-scrollbar-thumb",
     "--smrt-admin-shell-scrollbar-thumb-hover",
     "--smrt-admin-shell-scrollbar-track",
+    "--smrt-admin-shell-tenant-gap",
     "--smrt-card-background",
     "--smrt-card-border",
     "--smrt-card-divider",
     "--smrt-card-shadow",
     "--smrt-content-editor-icon-size",
     "--smrt-control-hit-size",
+    "--smrt-data-table-head-bg",
+    "--smrt-data-table-head-color",
     "--smrt-popover-panel-padding",
     "--smrt-popover-panel-width",
     "--smrt-shell-title-font-family",

package/dist/types-generic.d.ts

@@ -3,7 +3,7 @@
  */
 import type { Snippet } from 'svelte';
 import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
-export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
 export type BadgeSize = 'sm' | 'md';
 export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'class'> {
     variant?: BadgeVariant;

package/dist/types-generic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types-generic.d.ts","sourceRoot":"","sources":["../src/types-generic.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types-generic.d.ts","sourceRoot":"","sources":["../src/types-generic.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-ui",
-  "version": "0.57.35",
+  "version": "0.57.37",
   "smrtJsdoc": "strict",
   "description": "Domain-agnostic Svelte 5 UI runtime for SMRT: primitives, i18n client, theme system, and module UI registry",
   "type": "module",
@@ -176,7 +176,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@happyvertical/smrt-types": "0.57.35",
+    "@happyvertical/smrt-types": "0.57.37",
     "esm-env": "^1.2.2"
   },
   "peerDependencies": {
@@ -196,7 +196,7 @@
     }
   },
   "devDependencies": {
-    "@happyvertical/speech": "^0.108.0",
+    "@happyvertical/speech": "^0.110.0",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/jest-dom": "^7.0.1",