@reddb-io/ui-kit 0.4.0 → 0.4.2

package/vendor/ds/kits/app/src/composites/WorkspaceTabs.svelte

@@ -0,0 +1,150 @@
+<script module lang="ts">
+  export type { WorkspaceTab } from "../core/workspace-tabs";
+</script>
+
+<script lang="ts">
+  import { type Snippet } from "svelte";
+  import { Tabs as Bits } from "bits-ui";
+  import { Button, quietControl } from "@reddb-io/design-system/base";
+  import {
+    workspaceTabs,
+    workspaceSelection,
+    mountWorkspaceFocus,
+  } from "../core/workspace-tabs";
+  import { workspaceTabsAppearance } from "../workspace-tabs.variants";
+  import type { WorkspaceTabsContract } from "../core/contracts/workspacetabs";
+  interface Props extends WorkspaceTabsContract {
+    /** Native content per document; inactive panels remain mounted and hidden. */
+    children?: Snippet<[{ id: string }]>;
+    /** Additional composition classes. */
+    class?: string;
+  }
+  let {
+    label,
+    items,
+    selected,
+    onselectedchange,
+    oncloserequest,
+    closeLabel = "Close",
+    dirtyLabel = "Unsaved changes",
+    busyLabel = "Running",
+    emptyLabel = "No open documents",
+    children,
+    class: className,
+  }: Props = $props();
+  const s = workspaceTabsAppearance(),
+    uid = $props.id();
+  let local = $state<string | null>(null);
+  let root: HTMLDivElement;
+  let focus: ReturnType<typeof mountWorkspaceFocus> | undefined;
+  const documents = $derived(workspaceTabs(items));
+  const active = $derived(
+    workspaceSelection(documents, selected === undefined ? local : selected),
+  );
+  function select(id: string) {
+    if (id === active) return;
+    if (selected === undefined) local = id;
+    onselectedchange?.(id);
+  }
+  function requestClose(id: string) {
+    const item = documents.find((item) => item.id === id);
+    if (item && !item.disabled && item.closable !== false) oncloserequest?.(id);
+  }
+  $effect(() => {
+    focus = mountWorkspaceFocus(root);
+    return () => focus?.destroy();
+  });
+  $effect(() => {
+    focus?.sync(documents, active);
+  });
+</script>
+
+<div bind:this={root} data-workspace-tabs class={s.root({ class: className })}>
+  <Bits.Root
+    value={active}
+    onValueChange={select}
+    activationMode="automatic"
+    loop
+  >
+    <div
+      data-workspace-scroll
+      class={s.frame()}
+      style:grid-template-columns={`repeat(${Math.max(documents.length, 1)},max-content)`}
+    >
+      <Bits.List
+        aria-label={label}
+        class={s.list()}
+        onkeydown={(event) => {
+          if (
+            event.key !== "Delete" ||
+            !(event.target instanceof HTMLElement) ||
+            event.target.getAttribute("role") !== "tab"
+          )
+            return;
+          const id = event.target.dataset.workspaceTab;
+          if (id && oncloserequest) {
+            event.preventDefault();
+            requestClose(id);
+          }
+        }}
+      >
+        {#each documents as item (item.id)}
+          <Bits.Trigger
+            value={item.id}
+            disabled={item.disabled}
+            data-workspace-item={item.id}
+            data-workspace-tab={item.id}
+            aria-label={`${item.label}${item.busy ? `, ${busyLabel}` : ""}`}
+            aria-describedby={item.dirty || item.busy
+              ? `${uid}-${encodeURIComponent(item.id)}-status`
+              : undefined}
+            class={quietControl({
+              ink: "foreground",
+              class: s.trigger({
+                withClose: !!oncloserequest && item.closable !== false,
+              }),
+            })}
+          >
+            <span>{item.label}</span>
+            {#if item.dirty || item.busy}<span
+                class={s.status()}
+                aria-hidden="true"
+                >{item.dirty ? "•" : ""}{item.busy ? ` ${busyLabel}` : ""}</span
+              ><span
+                id={`${uid}-${encodeURIComponent(item.id)}-status`}
+                class="sr-only"
+                >{[item.dirty ? dirtyLabel : "", item.busy ? busyLabel : ""]
+                  .filter(Boolean)
+                  .join(", ")}</span
+              >{/if}
+          </Bits.Trigger>
+        {/each}
+      </Bits.List>
+      {#each documents as item, index (item.id)}
+        {#if oncloserequest && item.closable !== false}<div
+            data-workspace-item={item.id}
+            class={s.close()}
+            style:grid-column={index + 1}
+          >
+            <Button
+              size="sm"
+              variant="ghost"
+              disabled={item.disabled}
+              tabindex={active === item.id ? 0 : -1}
+              class={s.closeButton()}
+              aria-label={`${closeLabel} ${item.label}`}
+              onclick={() => requestClose(item.id)}
+              ><span aria-hidden="true">×</span></Button
+            >
+          </div>{/if}
+      {/each}
+    </div>
+    {#each documents as item (item.id)}<Bits.Content
+        value={item.id}
+        data-workspace-panel={item.id}
+        class={s.panel()}
+        tabindex={0}>{@render children?.({ id: item.id })}</Bits.Content
+      >{/each}
+  </Bits.Root>
+  {#if !documents.length}<p class={s.empty()}>{emptyLabel}</p>{/if}
+</div>

package/vendor/ds/kits/app/src/core/change-review.ts

@@ -0,0 +1,37 @@
+export type ReviewState = "pending" | "applying" | "applied" | "failed";
+export interface ReviewChange {
+  /** Unique stable identity; never a row position. */
+  id: string;
+  /** Human-readable changed entity or property. */
+  label: string;
+  /** Caller-formatted previous value; never executed. */
+  before: string;
+  /** Caller-formatted proposed value; never executed. */
+  after: string;
+  /** Observed result; omitted means pending. */
+  state?: ReviewState;
+  /** Caller-safe failure explanation. */
+  error?: string;
+  /** Optional context for the change. */
+  description?: string;
+}
+export function reviewChanges(items: readonly ReviewChange[]) {
+  const ids = new Set<string>();
+  for (const item of items) {
+    if (!item.id.trim() || ids.has(item.id))
+      throw new Error("ChangeReview requires unique non-empty ids.");
+    if (
+      item.state &&
+      !["pending", "applying", "applied", "failed"].includes(item.state)
+    )
+      throw new Error("Unknown review state.");
+    ids.add(item.id);
+  }
+  return {
+    items,
+    actionable: items
+      .filter((item) => item.state !== "applied")
+      .map((item) => item.id),
+    applying: items.some((item) => item.state === "applying"),
+  };
+}

package/vendor/ds/kits/app/src/core/contracts/changereview.ts

@@ -0,0 +1,38 @@
+import type { ReviewChange } from "../change-review";
+/** Review of caller-owned changes, with explicit request-only batch actions. */
+export interface ChangeReviewContract {
+  /** Visible and accessible review name. */
+  title: string;
+  /** Explicit proposed values and observed per-item results. */
+  items: readonly ReviewChange[];
+  /** Disable actions during application-owned work. */
+  applying?: boolean;
+  /** Explain why changes cannot be applied. */
+  blockedReason?: string;
+  /** Requests application of pending/failed ids; no mutation or success is inferred. */
+  onapplyrequest?: (ids: readonly string[]) => void;
+  /** Requests discarding one or all pending/failed ids. */
+  ondiscardrequest?: (ids: readonly string[]) => void;
+  /** Name for previous values. */
+  beforeLabel?: string;
+  /** Name for proposed values. */
+  afterLabel?: string;
+  /** Batch apply action label. */
+  applyLabel?: string;
+  /** Batch discard action label. */
+  discardLabel?: string;
+  /** Per-item discard action prefix. */
+  discardItemLabel?: string;
+  /** Empty review explanation. */
+  emptyLabel?: string;
+  /** Localized pending state. */
+  pendingLabel?: string;
+  /** Localized applying state. */
+  applyingLabel?: string;
+  /** Localized applied state. */
+  appliedLabel?: string;
+  /** Localized failed state. */
+  failedLabel?: string;
+  /** Outline depth of the visible review title. */
+  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+}

package/vendor/ds/kits/app/src/core/contracts/errorboundary.ts

@@ -0,0 +1,15 @@
+/** Render-recovery presentation shared by native client error boundaries. */
+export interface ErrorBoundaryContract {
+  /** Safe visible fallback title; raw exception text is never displayed by default. */
+  title?: string;
+  /** Caller-safe explanation of the failed region. */
+  description?: string;
+  /** Explicit retry action label. */
+  retryLabel?: string;
+  /** Changing identity remounts the region and clears its captured render failure. */
+  resetKey?: string | number;
+  /** Observes native client render/lifecycle failures; logging remains application-owned. */
+  onfailure?: (error: unknown) => void;
+  /** Called before retrying the region; the application can repair the failing state. */
+  onretry?: () => void;
+}

package/vendor/ds/kits/app/src/core/contracts/shortcuthelp.ts

@@ -0,0 +1,16 @@
+import type { ShortcutGroup } from "../shortcut-help";
+/** Contextual keyboard reference; command registration remains application-owned. */
+export interface ShortcutHelpContract {
+  /** Accessible and visible dialog title. */
+  title: string;
+  /** Contextual groups with caller-supplied platform-specific key labels. */
+  groups: readonly ShortcutGroup[];
+  /** Optional invoking control; omit to drive open from the application. */
+  triggerLabel?: string;
+  /** Whether the keyboard reference is open. */
+  open?: boolean;
+  /** Reports any requested open-state change, including Escape and dismissal. */
+  onopenchange?: (open: boolean) => void;
+  /** Empty reference explanation. */
+  emptyLabel?: string;
+}

package/vendor/ds/kits/app/src/core/contracts/workspacetabs.ts

@@ -0,0 +1,22 @@
+import type { WorkspaceTab } from "../workspace-tabs";
+/** Caller-owned document tabs; no persistence or close decision is inferred. */
+export interface WorkspaceTabsContract {
+  /** Accessible name for the workspace tablist. */
+  label: string;
+  /** Documents in display order, with stable unique ids. */
+  items: readonly WorkspaceTab[];
+  /** Selected document; absent or removed selections fall back to the first enabled item. */
+  selected?: string | null;
+  /** Requests selection without changing document contents. */
+  onselectedchange?: (id: string) => void;
+  /** Requests closing; the application confirms dirty drafts and removes accepted items. */
+  oncloserequest?: (id: string) => void;
+  /** Accessible prefix for each close action. */
+  closeLabel?: string;
+  /** Accessible description for unsaved changes. */
+  dirtyLabel?: string;
+  /** Accessible description for active execution. */
+  busyLabel?: string;
+  /** Explanation when no documents are open. */
+  emptyLabel?: string;
+}

package/vendor/ds/kits/app/src/core/shortcut-help.ts

@@ -0,0 +1,40 @@
+export interface ShortcutCommand {
+  /** Stable identity within its group. */
+  id: string;
+  /** Visible purpose of the command. */
+  label: string;
+  /** Ordered keys of one chord, supplied for the application's platform. */
+  keys: readonly string[];
+}
+export interface ShortcutGroup {
+  /** Unique group identity. */
+  id: string;
+  /** Context in which these commands apply. */
+  label: string;
+  /** Optional context explanation. */
+  description?: string;
+  /** Displayed commands; this component registers no keyboard handlers. */
+  items: readonly ShortcutCommand[];
+}
+export function shortcutGroups(groups: readonly ShortcutGroup[]) {
+  const ids = new Set<string>();
+  for (const group of groups) {
+    if (!group.id.trim() || ids.has(group.id))
+      throw new Error("ShortcutHelp requires unique group ids.");
+    ids.add(group.id);
+    const commands = new Set<string>();
+    for (const item of group.items) {
+      if (
+        !item.id.trim() ||
+        commands.has(item.id) ||
+        !item.keys.length ||
+        item.keys.some((key) => !key.trim())
+      )
+        throw new Error(
+          "ShortcutHelp requires unique command ids and non-empty chords.",
+        );
+      commands.add(item.id);
+    }
+  }
+  return groups.filter((group) => group.items.length);
+}

package/vendor/ds/kits/app/src/core/workspace-tabs.ts

@@ -0,0 +1,69 @@
+export interface WorkspaceTab {
+  /** Stable application-owned identity. */
+  id: string;
+  /** Visible tab name. */
+  label: string;
+  /** Whether the application accepts close requests. */
+  closable?: boolean;
+  /** Caller-observed unsaved changes, independent of execution. */
+  dirty?: boolean;
+  /** Caller-observed operation in progress. */
+  busy?: boolean;
+  /** Prevent selection and closing. */
+  disabled?: boolean;
+}
+export function workspaceTabs(
+  items: readonly WorkspaceTab[],
+): readonly WorkspaceTab[] {
+  const ids = new Set<string>();
+  for (const item of items) {
+    if (!item.id.trim() || ids.has(item.id))
+      throw new Error("WorkspaceTabs requires unique non-empty ids.");
+    ids.add(item.id);
+  }
+  return items;
+}
+export function workspaceSelection(
+  items: readonly WorkspaceTab[],
+  selected?: string | null,
+): string {
+  return (
+    items.find((item) => item.id === selected && !item.disabled)?.id ??
+    items.find((item) => !item.disabled)?.id ??
+    ""
+  );
+}
+/** Restore focus only when removing the workspace control that owned it. */
+export function mountWorkspaceFocus(root: HTMLElement) {
+  let focused: string | null = null;
+  const remember = (event: FocusEvent) => {
+    focused =
+      (event.target as HTMLElement).closest<HTMLElement>(
+        "[data-workspace-item]",
+      )?.dataset.workspaceItem ?? null;
+  };
+  root.addEventListener("focusin", remember);
+  return {
+    sync(items: readonly WorkspaceTab[], selected: string) {
+      if (
+        !focused ||
+        items.some((item) => item.id === focused && !item.disabled)
+      )
+        return;
+      focused = null;
+      const active = root.ownerDocument.activeElement;
+      if (
+        !active ||
+        active === root.ownerDocument.body ||
+        root.contains(active)
+      ) {
+        [...root.querySelectorAll<HTMLButtonElement>('[role="tab"]')]
+          .find((item) => item.dataset.workspaceTab === selected)
+          ?.focus();
+      }
+    },
+    destroy() {
+      root.removeEventListener("focusin", remember);
+    },
+  };
+}

package/vendor/ds/kits/app/src/error-boundary.variants.ts

@@ -0,0 +1,12 @@
+import { tv } from "tailwind-variants";
+import { typeRoleMerge } from "@reddb-io/design-system/base/recipes";
+export const errorBoundary = tv(
+  {
+    slots: {
+      root: "@container/error-boundary grid min-w-0 justify-items-start gap-[var(--reddb-spatial-layout-gap-sm)] p-[var(--reddb-spatial-inset-md)] text-foreground",
+      title: "m-0 text-heading [overflow-wrap:anywhere]",
+      description: "m-0 text-body text-ink-muted [overflow-wrap:anywhere]",
+    },
+  },
+  typeRoleMerge,
+);

package/vendor/ds/kits/app/src/index.ts

@@ -305,6 +305,11 @@ export type PrimitiveName = (typeof PRIMITIVES)[number];
  * the Taxonomy's other half, kept for the same reason.
  */
 export const COMPOSITES = [
+  "WorkspaceTabs",
+  "ChangeReview",
+  "ErrorBoundary",
+  "ShortcutHelp",
+
   "EntityInspector",
   "EntityJourney",
   "SettingsRow",
@@ -362,6 +367,10 @@ export type ComponentName = PrimitiveName | CompositeName;
  * capabilities use the same shared purpose vocabulary.
  */
 export const COMPONENT_PURPOSES = {
+  WorkspaceTabs: "Navigation",
+  ChangeReview: "Data display",
+  ErrorBoundary: "Feedback",
+  ShortcutHelp: "Navigation",
   EntityInspector: "Data display",
   EntityJourney: "Data display",
   SettingsRow: "Data input",
@@ -427,3 +436,15 @@ export type { InspectorEntity } from "./core/entity-inspector";
 
 export { default as EntityJourney } from "./composites/EntityJourney.svelte";
 export type { JourneyStage, JourneyState } from "./core/entity-journey";
+
+export { default as WorkspaceTabs } from "./composites/WorkspaceTabs.svelte";
+
+export { default as ChangeReview } from "./composites/ChangeReview.svelte";
+
+export { default as ErrorBoundary } from "./composites/ErrorBoundary.svelte";
+
+export { default as ShortcutHelp } from "./composites/ShortcutHelp.svelte";
+
+export type { WorkspaceTab } from "./core/workspace-tabs";
+export type { ReviewChange, ReviewState } from "./core/change-review";
+export type { ShortcutGroup, ShortcutCommand } from "./core/shortcut-help";

package/vendor/ds/kits/app/src/recipes.ts

@@ -42,3 +42,11 @@ export * from "./composites/settings-row.variants";
 
 export * from "./entity-inspector.variants";
 export * from "./entity-journey.variants";
+
+export * from "./workspace-tabs.variants";
+
+export * from "./change-review.variants";
+
+export * from "./error-boundary.variants";
+
+export * from "./shortcut-help.variants";

package/vendor/ds/kits/app/src/shortcut-help.variants.ts

@@ -0,0 +1,17 @@
+import { tv } from "tailwind-variants";
+import { typeRoleMerge } from "@reddb-io/design-system/base/recipes";
+export const shortcutHelp = tv(
+  {
+    slots: {
+      root: "@container/shortcut-help grid min-w-0 gap-[var(--reddb-spatial-layout-gap-md)] text-foreground",
+      group: "grid min-w-0 gap-[var(--reddb-spatial-gap-md)]",
+      title: "m-0 text-heading [overflow-wrap:anywhere]",
+      description: "m-0 text-caption text-ink-muted [overflow-wrap:anywhere]",
+      list: "m-0 grid min-w-0 list-none p-0",
+      item: "flex min-w-0 flex-wrap items-center justify-between gap-[var(--reddb-spatial-gap-sm)] border-b border-muted py-[var(--reddb-spatial-inset-sm)]",
+      name: "min-w-0 text-body [overflow-wrap:anywhere]",
+      keys: "inline-flex max-w-full flex-wrap items-center gap-[var(--reddb-spatial-gap-sm)]",
+    },
+  },
+  typeRoleMerge,
+);

package/vendor/ds/kits/app/src/workspace-tabs.variants.ts

@@ -0,0 +1,30 @@
+import { tv } from "tailwind-variants";
+import { typeRoleMerge } from "@reddb-io/design-system/base/recipes";
+export const workspaceTabsAppearance = tv(
+  {
+    slots: {
+      root: "@container/workspace-tabs min-w-0 text-foreground",
+      frame:
+        "grid min-w-0 max-w-full gap-x-[var(--reddb-spatial-gap-sm)] overflow-x-auto border-b border-muted p-[var(--reddb-spatial-inset-sm)]",
+      list: "col-span-full row-start-1 grid min-w-0 grid-cols-subgrid",
+      trigger:
+        "relative flex min-h-[var(--reddb-spatial-control-height-md)] max-w-[calc(var(--reddb-spatial-control-height-md)*8)] min-w-[var(--reddb-spatial-target-min)] items-center justify-start gap-[var(--reddb-spatial-gap-sm)] rounded-t-[var(--reddb-radius-sm)] border-b-2 border-transparent px-[var(--reddb-spatial-inset-sm)] py-[var(--reddb-spatial-inset-sm)] text-body text-start [overflow-wrap:anywhere] aria-selected:border-foreground aria-selected:bg-foreground/10 disabled:opacity-50",
+      status: "inline-flex shrink-0 items-center text-caption text-ink-muted",
+      close:
+        "relative z-10 pointer-events-none row-start-1 flex items-center justify-self-end self-stretch",
+      closeButton:
+        "pointer-events-auto w-[var(--reddb-spatial-control-height-sm)] min-w-[var(--reddb-spatial-target-min)]",
+      panel:
+        "min-w-0 p-[var(--reddb-spatial-inset-md)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
+      empty: "m-0 p-[var(--reddb-spatial-inset-md)] text-body text-ink-muted",
+    },
+    variants: {
+      withClose: {
+        true: {
+          trigger: "pe-[var(--reddb-spatial-control-height-sm)]",
+        },
+      },
+    },
+  },
+  typeRoleMerge,
+);

package/vendor/ds/kits/app/test/coherence.test.ts

@@ -149,10 +149,10 @@ describe("the application layout composites", () => {
 describe("the application Kit's event dialect", () => {
   /** Discrete DS events: a noun, never a native event name — except `onselect`. */
   // PlaybackControls emits a discrete step request; the application owns execution.
-  const DISCRETE = new Set(["ondismiss", "onremove", "onstep"]);
+  const DISCRETE = new Set(["ondismiss", "onremove", "onstep", "oncloserequest", "onapplyrequest", "ondiscardrequest", "onfailure", "onretry"]);
   /** The sanctioned exception (maintainer decision, 2026-10-06): item activation. */
   const SANCTIONED = new Set(["onselect"]);
-  const NATIVE = new Set(["onchange", "oninput", "onclick"]);
+  const NATIVE = new Set(["onchange", "oninput", "onclick", "onclose", "onerror"]);
 
   it("names every callback in the one dialect, with onselect as the sanctioned exception", () => {
     const offenders: string[] = [];

package/vendor/ds/kits/app/test/density.test.ts

@@ -217,17 +217,17 @@ const SPECIMENS: readonly Specimen[] = [
   {
     name: "Button, size sm",
     classes: () => button({ size: "sm" }),
-    routed: [HEIGHT_SM, inset("px", "sm"), GAP_MD],
+    routed: [{ ...HEIGHT_SM, position: "min-h" }, inset("px", "sm"), GAP_MD],
   },
   {
     name: "Button, size md",
     classes: () => button({ size: "md" }),
-    routed: [HEIGHT_MD, inset("px", "md"), GAP_MD],
+    routed: [{ ...HEIGHT_MD, position: "min-h" }, inset("px", "md"), GAP_MD],
   },
   {
     name: "Button, size lg",
     classes: () => button({ size: "lg" }),
-    routed: [HEIGHT_LG, inset("px", "lg"), GAP_MD],
+    routed: [{ ...HEIGHT_LG, position: "min-h" }, inset("px", "lg"), GAP_MD],
   },
   {
     name: "Card header, padding md",

package/vendor/ds/kits/app/test/fixtures/ChangeReview.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { untrack } from "svelte";
+  import ChangeReview from "../../src/composites/ChangeReview.svelte";
+  let { options }: { options: any } = $props();
+  let current = $state(untrack(() => options));
+  export function update(next: any) {
+    current = next;
+  }
+</script>
+
+<ChangeReview {...current} />

package/vendor/ds/kits/app/test/fixtures/ShortcutHelp.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { untrack } from "svelte";
+  import ShortcutHelp from "../../src/composites/ShortcutHelp.svelte";
+  let { options }: { options: any } = $props();
+  let current = $state(untrack(() => options));
+  export function update(next: any) {
+    current = next;
+  }
+</script>
+
+<ShortcutHelp {...current} />

package/vendor/ds/kits/app/test/fixtures/WorkspaceTabs.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { untrack } from "svelte";
+  import WorkspaceTabs from "../../src/composites/WorkspaceTabs.svelte";
+  let { options }: { options: any } = $props();
+  let current = $state(untrack(() => options));
+  export function update(next: any) {
+    current = next;
+  }
+</script>
+
+<WorkspaceTabs {...current} />

package/vendor/ds/kits/app/test/react-consumer.tsx

@@ -34,3 +34,6 @@ const invalidEvent = <CheckoutForm onSubmit={(value: string)=>value.trim()} />;
 // @ts-expect-error A span ref cannot target a form.
 const invalidRef = <CheckoutForm ref={createRef<HTMLSpanElement>()} />;
 void [missingMedia, missingAction, invalidTask, invalidEvent, invalidRef];
+
+import { WorkspaceTabs, ChangeReview, ShortcutHelp, ErrorBoundary } from "../react/src";
+export const recoveredWorkspace = <ErrorBoundary onfailure={error => String(error)}><WorkspaceTabs label="Documents" items={[{id:"a",label:"Draft",dirty:true}]} oncloserequest={id => id.trim()}>{item => item.id}</WorkspaceTabs><ChangeReview title="Review" items={[{id:"a",label:"Timeout",before:"1",after:"2"}]} onapplyrequest={ids => ids.map(id => id.trim())} /><ShortcutHelp title="Keys" groups={[]} /></ErrorBoundary>;

package/vendor/ds/kits/app/test/speed-dial.test.ts

@@ -48,6 +48,6 @@ describe("the application SpeedDial", () => {
 
     const surface = document.querySelector<HTMLElement>("[data-popover-surface]")!;
     expect(classes(surface)).toEqual(classesOf(speedDial({ size: "sm" }).content()));
-    expect(classes(surface.querySelector("[data-speed-dial-action]")!).has("h-[var(--reddb-spatial-control-height-sm)]")).toBe(true);
+    expect(classes(surface.querySelector("[data-speed-dial-action]")!).has("min-h-[var(--reddb-spatial-control-height-sm)]")).toBe(true);
   });
 });

package/vendor/ds/kits/app/test/tree-shaking.test.ts

@@ -103,6 +103,11 @@ async function bundle(entry: string): Promise<string> {
  * variants module and fails if a marker is written by more or fewer than one.
  */
 const MARKERS: Readonly<Record<string, string>> = {
+  WorkspaceTabs: "@container/workspace-tabs",
+  ChangeReview: "@container/change-review",
+  ErrorBoundary: "@container/error-boundary",
+  ShortcutHelp: "@container/shortcut-help",
+  SecretValue: "@container/secret-value",
   EntityJourney: "@container/entity-journey",
   EntityInspector: "flex min-w-0 flex-col overflow-hidden rounded-[var(--reddb-radius-lg)] border border-muted bg-elevation-raised-surface text-foreground",
   BottomNavigation: "m-0 flex list-none items-stretch gap-[var(--reddb-spatial-gap-sm)] p-0",
@@ -235,6 +240,7 @@ const variantsModules = [
   join(BASE_SRC, "button.variants.ts"),
   join(BASE_SRC, "dropdown-menu.variants.ts"),
   join(BASE_SRC, "kbd.variants.ts"),
+  join(BASE_SRC, "secret-value.variants.ts"),
 ];
 
 /**