@signal9/era-ui 32.0.0 → 33.0.0

package/dist/ui/context-menu/context-menu-sub-trigger.svelte

@@ -2,6 +2,7 @@
 	import { ContextMenu } from 'bits-ui';
 	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { cn, type OwnedPartProps } from '../../utils/index.js';
+	import { menuSubTrigger } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,14 +12,7 @@
 	}: OwnedPartProps<ContextMenu.SubTriggerProps> = $props();
 </script>
 
-<ContextMenu.SubTrigger
-	bind:ref
-	class={cn(
-		'flex h-control cursor-pointer items-center justify-between gap-icon-inset-chip rounded-menu-item px-inset-control text-body text-fg data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight data-[state=open]:bg-hover',
-		className
-	)}
-	{...restProps}
->
+<ContextMenu.SubTrigger bind:ref class={cn(menuSubTrigger, className)} {...restProps}>
 	{@render children?.()}
 	<ChevronRight class="size-icon text-muted" />
 </ContextMenu.SubTrigger>

package/dist/ui/dialog/dialog-header.svelte

@@ -24,7 +24,7 @@
        · the leading side at --era-inset-control: a title has no corner to nest, so
          it takes the text inset, the same asymmetry the pane and the
          Conversations row document
-       · the × is the dismiss family's: an xxs `Dialog.Close` whose tier
+       · the × is the dismiss family's: a pill-tier `Dialog.Close` whose tier
          default IS the 12px ink, destructive like Pane.Close
 
      Rendered flush by Dialog.Content / Sheet.Content when passed as their

package/dist/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuChoiceItem } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,9 +14,6 @@
 <DropdownMenu.CheckboxItem
 	bind:ref
 	bind:checked
-	class={cn(
-		'flex h-control cursor-pointer items-center rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight',
-		className
-	)}
+	class={cn(menuChoiceItem, className)}
 	{...restProps}
 />

package/dist/ui/dropdown-menu/dropdown-menu-group-heading.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuGroupHeading } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -9,8 +10,4 @@
 	}: DropdownMenu.GroupHeadingProps = $props();
 </script>
 
-<DropdownMenu.GroupHeading
-	bind:ref
-	class={cn('flex h-control items-center px-inset-control text-body text-muted', className)}
-	{...restProps}
-/>
+<DropdownMenu.GroupHeading bind:ref class={cn(menuGroupHeading, className)} {...restProps} />

package/dist/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu } from 'bits-ui';
 	import { cn, type PartProps } from '../../utils/index.js';
+	import { menuItem } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -10,13 +11,6 @@
 	}: PartProps<DropdownMenu.ItemProps> = $props();
 </script>
 
-<DropdownMenu.Item
-	bind:ref
-	class={cn(
-		'flex h-control cursor-pointer items-center gap-gutter rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight',
-		className
-	)}
-	{...restProps}
->
+<DropdownMenu.Item bind:ref class={cn(menuItem, className)} {...restProps}>
 	{@render children?.()}
 </DropdownMenu.Item>

package/dist/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuChoiceItem } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -9,11 +10,4 @@
 	}: DropdownMenu.RadioItemProps = $props();
 </script>
 
-<DropdownMenu.RadioItem
-	bind:ref
-	class={cn(
-		'flex h-control cursor-pointer items-center rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight',
-		className
-	)}
-	{...restProps}
-/>
+<DropdownMenu.RadioItem bind:ref class={cn(menuChoiceItem, className)} {...restProps} />

package/dist/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuSeparator } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -9,8 +10,4 @@
 	}: DropdownMenu.SeparatorProps = $props();
 </script>
 
-<DropdownMenu.Separator
-	bind:ref
-	class={cn('my-[calc(var(--era-gap)/2)] h-px bg-divider-faded', className)}
-	{...restProps}
-/>
+<DropdownMenu.Separator bind:ref class={cn(menuSeparator, className)} {...restProps} />

package/dist/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -2,6 +2,7 @@
 	import { DropdownMenu } from 'bits-ui';
 	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { cn, type OwnedPartProps } from '../../utils/index.js';
+	import { menuSubTrigger } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,14 +12,7 @@
 	}: OwnedPartProps<DropdownMenu.SubTriggerProps> = $props();
 </script>
 
-<DropdownMenu.SubTrigger
-	bind:ref
-	class={cn(
-		'flex h-control cursor-pointer items-center justify-between gap-icon-inset-chip rounded-menu-item px-inset-control text-body text-fg data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight data-[state=open]:bg-hover',
-		className
-	)}
-	{...restProps}
->
+<DropdownMenu.SubTrigger bind:ref class={cn(menuSubTrigger, className)} {...restProps}>
 	{@render children?.()}
 	<ChevronRight class="size-icon text-muted" />
 </DropdownMenu.SubTrigger>

package/dist/ui/menu-recipes.d.ts

@@ -0,0 +1,6 @@
+/** Shared semantics for the three Bits UI menu families. */
+export declare const menuItem = "flex h-control cursor-pointer items-center gap-gutter rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight";
+export declare const menuChoiceItem = "flex h-control cursor-pointer items-center rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight";
+export declare const menuSubTrigger = "flex h-control cursor-pointer items-center justify-between gap-icon-inset-chip rounded-menu-item px-inset-control text-body text-fg data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight data-[state=open]:bg-hover";
+export declare const menuSeparator = "my-[calc(var(--era-gap)/2)] h-px bg-divider-faded";
+export declare const menuGroupHeading = "flex h-control items-center px-inset-control text-body text-muted";

package/dist/ui/menu-recipes.js

@@ -0,0 +1,6 @@
+/** Shared semantics for the three Bits UI menu families. */
+export const menuItem = 'flex h-control cursor-pointer items-center gap-gutter rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight';
+export const menuChoiceItem = 'flex h-control cursor-pointer items-center rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight';
+export const menuSubTrigger = 'flex h-control cursor-pointer items-center justify-between gap-icon-inset-chip rounded-menu-item px-inset-control text-body text-fg data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight data-[state=open]:bg-hover';
+export const menuSeparator = 'my-[calc(var(--era-gap)/2)] h-px bg-divider-faded';
+export const menuGroupHeading = 'flex h-control items-center px-inset-control text-body text-muted';

package/dist/ui/menubar/menubar-checkbox-item.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { Menubar } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuChoiceItem } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -10,12 +11,4 @@
 	}: Menubar.CheckboxItemProps = $props();
 </script>
 
-<Menubar.CheckboxItem
-	bind:ref
-	bind:checked
-	class={cn(
-		'flex h-control cursor-pointer items-center rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight',
-		className
-	)}
-	{...restProps}
-/>
+<Menubar.CheckboxItem bind:ref bind:checked class={cn(menuChoiceItem, className)} {...restProps} />

package/dist/ui/menubar/menubar-group-heading.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { Menubar } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuGroupHeading } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -9,8 +10,4 @@
 	}: Menubar.GroupHeadingProps = $props();
 </script>
 
-<Menubar.GroupHeading
-	bind:ref
-	class={cn('flex h-control items-center px-inset-control text-body text-muted', className)}
-	{...restProps}
-/>
+<Menubar.GroupHeading bind:ref class={cn(menuGroupHeading, className)} {...restProps} />

package/dist/ui/menubar/menubar-item.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { Menubar } from 'bits-ui';
 	import { cn, type PartProps } from '../../utils/index.js';
+	import { menuItem } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -10,13 +11,6 @@
 	}: PartProps<Menubar.ItemProps> = $props();
 </script>
 
-<Menubar.Item
-	bind:ref
-	class={cn(
-		'flex h-control cursor-pointer items-center gap-gutter rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight',
-		className
-	)}
-	{...restProps}
->
+<Menubar.Item bind:ref class={cn(menuItem, className)} {...restProps}>
 	{@render children?.()}
 </Menubar.Item>

package/dist/ui/menubar/menubar-radio-item.svelte

@@ -1,15 +1,9 @@
 <script lang="ts">
 	import { Menubar } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuChoiceItem } from '../menu-recipes.js';
 
 	let { ref = $bindable(null), class: className, ...restProps }: Menubar.RadioItemProps = $props();
 </script>
 
-<Menubar.RadioItem
-	bind:ref
-	class={cn(
-		'flex h-control cursor-pointer items-center rounded-menu-item px-inset-control text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight',
-		className
-	)}
-	{...restProps}
-/>
+<Menubar.RadioItem bind:ref class={cn(menuChoiceItem, className)} {...restProps} />

package/dist/ui/menubar/menubar-separator.svelte

@@ -1,12 +1,9 @@
 <script lang="ts">
 	import { Menubar } from 'bits-ui';
 	import { cn } from '../../utils/index.js';
+	import { menuSeparator } from '../menu-recipes.js';
 
 	let { ref = $bindable(null), class: className, ...restProps }: Menubar.SeparatorProps = $props();
 </script>
 
-<Menubar.Separator
-	bind:ref
-	class={cn('my-[calc(var(--era-gap)/2)] h-px bg-divider-faded', className)}
-	{...restProps}
-/>
+<Menubar.Separator bind:ref class={cn(menuSeparator, className)} {...restProps} />

package/dist/ui/menubar/menubar-sub-trigger.svelte

@@ -2,6 +2,7 @@
 	import { Menubar } from 'bits-ui';
 	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { cn, type OwnedPartProps } from '../../utils/index.js';
+	import { menuSubTrigger } from '../menu-recipes.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,14 +12,7 @@
 	}: OwnedPartProps<Menubar.SubTriggerProps> = $props();
 </script>
 
-<Menubar.SubTrigger
-	bind:ref
-	class={cn(
-		'flex h-control cursor-pointer items-center justify-between gap-icon-inset-chip rounded-menu-item px-inset-control text-body text-fg data-[highlighted]:bg-highlight data-[highlighted]:shadow-highlight data-[state=open]:bg-hover',
-		className
-	)}
-	{...restProps}
->
+<Menubar.SubTrigger bind:ref class={cn(menuSubTrigger, className)} {...restProps}>
 	{@render children?.()}
 	<ChevronRight class="size-icon text-muted" />
 </Menubar.SubTrigger>

package/dist/ui/pane/pane-close.svelte

@@ -2,7 +2,6 @@
 	import type { HTMLButtonAttributes } from 'svelte/elements';
 	import { Button } from '../button';
 	import X from '@lucide/svelte/icons/x';
-	import { cn } from '../../utils/index.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,42 +12,24 @@
 	} = $props();
 </script>
 
-<!-- A raw icon Button (size="pill" = h-pill, rd-xxs), a tight SQUARE. No
+<!-- A raw icon Button (size="pill" = h-pill), a tight SQUARE. No
      data-pane-control: it stays in the drag zone, so a press-and-drag moves the
      pane while a clean click still closes (neodrag starts a drag only on
      movement and suppresses the trailing click after a real drag). Its natural
-     rd-xxs is what the PANE's corner radius conforms to (rd-md — see Pane.Root),
+     pill radius is what the PANE's corner radius conforms to (see Pane.Root),
      not the other way round.
 
-     xxs rather than the tighter `icon` size, which is what the handle's tier
-     asks for. The GLYPH is deliberately OFF the sub-tier ladder: sp+5, where the
-     ladder offers sp+4 (12px at dense, the xxs sub-tier) and the h-icon floor
-     (14px). Both were tried and both are wrong here by a pixel — 12 reads
-     visibly lighter than the reference terminal app's close button, 14 reads
-     heavier — and a close button is the one control in the chrome you must be
-     able to hit and read at a glance, so a pixel of it is worth an exception.
-
-     sp+5 is 13/15/17/21, matching that app's 13px at dense, and the pad it
-     leaves is a constant 2.5px at EVERY mode, so the exception is uniform rather
-     than one hand-picked number.
-
-     The pad being fractional costs nothing for this glyph in particular: an ×
-     is two DIAGONAL strokes, which the rasteriser antialiases wherever the box
-     lands, so pixel alignment buys no crispness (it would for the minimize −,
-     which is axis-aligned — that one stays on the ladder). If a second component
-     ever wants this size, it graduates from a calc here to a token in
-     density.css.
-
-     Written as [&_svg]: because that is the selector Button's icon variant uses —
-     a bare size-* on the <X> loses to it, which is why an earlier class there had
-     no effect at all. -->
+     The Button's pill glyph tier is exactly 6px smaller than its pill box:
+     18px around 12px at dense, and the same difference at every density. That
+     leaves a whole-pixel 3px inset on all four sides without a pane-specific
+     size exception. -->
 <Button
 	bind:ref
 	icon
 	size="pill"
 	tone="destructive"
 	aria-label="Close"
-	class={cn('[&_svg]:size-[calc(var(--era-sp)+0.3125rem)]', className)}
+	class={className}
 	{...restProps}
 >
 	<X />

package/dist/ui/video-player/video-player.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import { untrack } from 'svelte';
-	import { browser } from '$app/environment';
+	import { BROWSER } from 'esm-env';
 	import {
 		ContextMenu as BitsContextMenu,
 		DropdownMenu as BitsDropdownMenu,
@@ -41,8 +41,8 @@
 	// or default stylesheet — every control is built from this library.
 	// Wait for both custom elements to be defined before wiring remote control
 	// and subscriptions; otherwise, mount can race and leave controls inert.
-	let elementsDefined = $state(!browser);
-	if (browser) {
+	let elementsDefined = $state(!BROWSER);
+	if (BROWSER) {
 		void Promise.all([
 			import('vidstack/define/media-player'),
 			import('vidstack/define/media-outlet'),
@@ -313,7 +313,7 @@
 	// and `new` throws. Templates only invoke `remote` from event handlers, so
 	// it never runs during server render.
 	let remote!: MediaRemoteControl;
-	if (browser) remote = new MediaRemoteControl();
+	if (BROWSER) remote = new MediaRemoteControl();
 
 	$effect(() => {
 		if (!elementsDefined) return;
@@ -375,7 +375,7 @@
 	// vidstack would still flip idle on `pause → play` if left long enough — so
 	// we tell the controller to pause idle tracking and resume on cleanup.
 	$effect(() => {
-		if (!browser || !elementsDefined || !playerEl) return;
+		if (!BROWSER || !elementsDefined || !playerEl) return;
 		if (autoHide) return;
 		remote.pauseUserIdle();
 		return () => remote.resumeUserIdle();
@@ -386,7 +386,7 @@
 	// true and the consumer has opted in via `idleWhilePaused`. Reset on any
 	// pointer or keyboard activity inside the player element.
 	$effect(() => {
-		if (!browser || !elementsDefined || !playerEl) return;
+		if (!BROWSER || !elementsDefined || !playerEl) return;
 		if (!autoHide || !idleWhilePaused || !paused) {
 			pausedIdle = false;
 			return;
@@ -415,7 +415,7 @@
 	});
 
 	function downloadVideo() {
-		if (!browser) return;
+		if (!BROWSER) return;
 		const link = document.createElement('a');
 		link.href = src;
 		// Same-origin sources honor the download attribute and save the file.
@@ -625,7 +625,7 @@
 	}
 
 	$effect(() => {
-		if (!browser) return;
+		if (!BROWSER) return;
 		const src = chapterTrack?.src;
 		if (!src) {
 			chapterCues = [];

package/package.json

@@ -1,33 +1,49 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "32.0.0",
+	"version": "33.0.0",
+	"packageManager": "npm@11.19.0",
+	"engines": {
+		"node": ">=24 <27",
+		"npm": ">=11 <13"
+	},
 	"scripts": {
+		"predev": "npm run build:llm-docs",
 		"dev": "vite dev --host",
-		"build": "vite build && npm run prepack",
+		"build": "npm run build:llm-docs && vite build && npm run package:build",
 		"test:visual": "playwright test",
+		"test:browser:ci": "playwright test --grep @release --grep-invert @snapshot",
 		"test:visual:deep": "ERA_TEST_DEPTH=deep playwright test",
+		"test:unit": "node --test tests/unit/*.test.mjs",
 		"deploy": "npm run build && npx --yes wrangler@latest deploy",
 		"preview": "wrangler dev .svelte-kit/cloudflare/_worker.js --port 4173",
 		"prepare": "git config core.hooksPath .githooks 2>/dev/null || true; svelte-kit sync || echo ''",
-		"prepack": "svelte-kit sync && svelte-package && node scripts/build-styles.js && publint",
+		"package:build": "svelte-kit sync && svelte-package && node scripts/build-styles.js && node scripts/run-publint.mjs",
+		"prepack": "npm run build:llm-docs && npm run package:build",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:mode-verbatim": "npm run prepack && svelte-check --tsconfig tests/smoke/mode-verbatim/tsconfig.json",
+		"check:mode-verbatim": "npm run package:build && svelte-check --tsconfig tests/smoke/mode-verbatim/tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
+		"lint": "node scripts/lint.mjs",
+		"lint:changed": "node scripts/lint.mjs --changed",
 		"format": "prettier --write .",
 		"format:check": "prettier --check .",
 		"gen": "wrangler types",
 		"check:surfaces": "node --experimental-strip-types scripts/check-surfaces.ts",
 		"check:tokens": "node --experimental-strip-types scripts/check-tokens.ts",
-		"check:routes": "node --experimental-strip-types scripts/check-routes.ts",
+		"check:routes": "jiti scripts/check-routes.ts",
 		"check:canonical": "node --experimental-strip-types scripts/check-canonical.ts",
 		"check:layers": "node --experimental-strip-types scripts/check-layers.ts",
+		"check:boundaries": "node --experimental-strip-types scripts/check-boundaries.ts",
+		"check:agent-guidance": "node --experimental-strip-types scripts/check-agent-guidance.ts",
+		"check:api": "node --experimental-strip-types scripts/check-api-report.ts",
+		"api:update": "node --experimental-strip-types scripts/check-api-report.ts --update",
+		"check:package-consumer": "node scripts/check-package-consumer.mjs",
 		"check:themes": "node --experimental-strip-types scripts/check-themes.ts",
 		"check:classes": "node --experimental-strip-types scripts/check-classes.ts",
 		"check:twmerge": "node --experimental-strip-types scripts/check-twmerge.ts",
-		"build:llm-docs": "node --experimental-strip-types scripts/build-llm-docs.ts",
-		"prebuild": "npm run check:surfaces && npm run check:tokens && npm run check:routes && npm run check:canonical && npm run check:layers && npm run check:themes && npm run check:classes && npm run check:twmerge && npm run check:doc-tokens && npm run check:audit-controls && npm run check:specimen-coverage && npm run check:eslint-rules && npm run check:install && npm run check:reachable && npm run check:double-edge && npm run check:geometry && npm run build:llm-docs",
-		"validate": "npm run check && npm run lint && npm run format:check && npm run check:surfaces && npm run check:tokens && npm run check:routes && npm run check:canonical && npm run check:layers && npm run check:themes && npm run check:classes && npm run check:twmerge && npm run check:doc-tokens && npm run check:audit-controls && npm run check:specimen-coverage && npm run check:eslint-rules && npm run check:install && npm run check:reachable && npm run check:double-edge && npm run check:geometry",
+		"build:llm-docs": "jiti scripts/build-llm-docs.ts",
+		"verify": "node scripts/verify.mjs --mode=changed",
+		"verify:full": "node scripts/verify.mjs --mode=full",
+		"validate": "node scripts/verify.mjs --mode=validate",
 		"test": "npm run test:visual",
 		"check:doc-tokens": "node --experimental-strip-types scripts/check-doc-tokens.ts",
 		"check:audit-controls": "node --experimental-strip-types scripts/check-audit-controls.ts",
@@ -37,14 +53,33 @@
 		"check:reachable": "node --experimental-strip-types scripts/check-reachable.ts",
 		"check:double-edge": "node --experimental-strip-types scripts/check-double-edge.ts",
 		"check:geometry": "node --experimental-strip-types scripts/check-geometry.ts",
-		"verify:published": "node scripts/verify-published.mjs"
+		"check:toolchain": "node scripts/check-toolchain.mjs",
+		"check:contracts-generated": "node scripts/generate-contracts.mjs --check",
+		"check:generated-docs": "jiti scripts/check-generated-docs.ts",
+		"check:visual-language": "node --experimental-strip-types scripts/check-visual-language.ts",
+		"check:consumer-lab": "node scripts/check-consumer-lab.mjs",
+		"contracts:update": "node scripts/generate-contracts.mjs",
+		"docs:update": "jiti scripts/check-generated-docs.ts --update",
+		"component:create": "node scripts/create-component.mjs",
+		"inspect": "node scripts/inspect.mjs",
+		"verify:published": "node scripts/verify-published.mjs",
+		"verify:registries": "node scripts/verify-registries.mjs",
+		"verify:release": "node scripts/verify.mjs --mode=release"
 	},
 	"files": [
 		"dist",
 		"skill",
 		"CHANGELOG.md",
 		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
+		"!dist/**/*.spec.*",
+		"!dist/**/AGENTS.md",
+		"!dist/docs/**",
+		"!dist/ui/*/contract.*",
+		"!dist/ui/contracts.*",
+		"!dist/ui/component-contract.*",
+		"!dist/generated-docs/*.md",
+		"!dist/generated-docs/*.txt",
+		"!dist/generated-docs/manifest.json"
 	],
 	"sideEffects": [
 		"**/*.css"
@@ -132,7 +167,6 @@
 		"@playwright/test": "^1.62.1",
 		"@semantic-release/changelog": "^7.0.0",
 		"@semantic-release/exec": "^7.1.0",
-		"@semantic-release/git": "^11.0.1",
 		"@sveltejs/adapter-cloudflare": "^7.2.9",
 		"@sveltejs/kit": "^2.70.2",
 		"@sveltejs/package": "^2.5.8",
@@ -165,6 +199,7 @@
 		"eslint-plugin-better-tailwindcss": "^4.7.0",
 		"eslint-plugin-svelte": "^3.22.0",
 		"globals": "^17.9.0",
+		"jiti": "^2.7.0",
 		"lowlight": "^3.3.0",
 		"marked": "^18.0.9",
 		"prettier": "^3.9.6",
@@ -199,6 +234,7 @@
 		"@lucide/svelte": "^1.30.0",
 		"bits-ui": "^2.18.1",
 		"clsx": "^2.1.1",
+		"esm-env": "^1.2.2",
 		"tailwind-merge": "^3.6.0",
 		"tailwind-variants": "^3.3.1"
 	},

package/dist/docs/badge.md

@@ -1,18 +0,0 @@
-## Usage
-
-```svelte
-<script>
-	import { Badge } from '@signal9/era-ui/badge';
-</script>
-
-<Badge>draft</Badge>
-<Badge tone="accent">new</Badge>
-<Badge tone="success">passing</Badge>
-<Badge tone="destructive">failing</Badge>
-```
-
-## Notes
-
-- Non-interactive. For dismissible tokens use `Chip`. For labelled pairs use `KV`.
-- Uses the `xxs` tier tokens (height, radius, inset).
-- Inter-icon gap tightens to `--era-inset-pill` when an SVG is present.

package/dist/docs/bits-ui-audit.md

@@ -1,58 +0,0 @@
-# Bits UI leverage audit
-
-_Date: 2026-04-22_
-
-## High-level status
-
-Era UI already wraps most of the major Bits UI primitives (accordion, dialog, menus, date/time fields, calendar/date pickers, command, select/combobox, etc.).
-
-## Components that are **custom-only** today
-
-These directories currently do not import `bits-ui` and are intentionally custom presentation components:
-
-- `badge`
-- `bar`
-- `button-group`
-- `card`
-- `chip`
-- `code-block`
-- `file-upload`
-- `input`
-- `kv`
-- `mode`
-- `skeleton`
-- `table`
-
-### Which of these are likely fine as custom components
-
-No direct Bits UI primitive exists for these semantic/presentational pieces:
-
-- `badge`, `bar`, `button-group`, `card`, `chip`, `code-block`, `kv`, `mode`, `skeleton`, `table`
-
-### One likely improvement area
-
-- `input` can stay native for simple text input, but if you want richer semantics and stronger consistency with the rest of the library, consider introducing wrappers around Bits UI field-family components (`DateField`, `TimeField`, etc.) as your recommended form surface. This is more of a product/design-system choice than a correctness gap.
-
-- `file-upload` has no first-class Bits UI file-upload primitive, so your custom drag/drop implementation is expected.
-
-## Bits UI primitives available but not wrapped yet
-
-Bits UI currently exposes additional primitives that are not represented in `src/lib/ui` yet:
-
-- `avatar`
-- `collapsible`
-- `link-preview`
-- `menu`
-- `navigation-menu`
-- `range-calendar`
-- `rating-group`
-- `toggle-group`
-- `toolbar`
-
-If your design system roadmap includes any of those UX patterns, adding wrappers would be the main way to “take fuller advantage” of Bits UI from where the repo is today.
-
-## Practical recommendations
-
-1. **Prioritize wrappers with immediate UX value**: `avatar`, `collapsible`, `toggle-group`, `toolbar`.
-2. **Document intentional non-Bits components** (`card`, `badge`, `table`, `skeleton`) so contributors know these are design primitives, not missing migrations.
-3. **Keep custom `file-upload`** unless Bits UI adds a dedicated primitive later.

package/dist/docs/button.md

@@ -1,19 +0,0 @@
-## Usage
-
-```svelte
-<script>
-	import { Button } from '@signal9/era-ui/button';
-</script>
-
-<Button onclick={() => console.log('clicked')}>Save</Button>
-<Button tone="accent" size="chip">Confirm</Button>
-<Button tone="destructive" variant="link">Delete</Button>
-<Button icon size="icon" aria-label="Close"><X /></Button>
-```
-
-## Notes
-
-- Heights, radii, paddings, and gaps come from density tokens — never hard-code px.
-- `link` variant intentionally does not change color on hover (underline only) so it reads as static prose until confirmed interactive.
-- `variant="link"` is for a _control_ that should look like a link (a button that reveals a panel, a destructive action in a row). For a link in body copy or prose, use the `era-link` CSS utility on an `<a>` instead — see [Utilities](/utilities.md).
-- For a segmented row of buttons, use `ButtonGroup`.