@signal9/era-ui 5.0.0 → 7.0.0

package/dist/styles/typography.css

@@ -12,27 +12,44 @@
  * absolute root size (e.g. `html { font-size: 16px }`); see the docs' layout.css.
  */
 
+/*
+ * THE SHIPPED STACKS — named, and read directly.
+ *
+ * These rules used to say `var(--font-mono, <era's stack>)`, treating era's
+ * list as a fallback. It never once applied. Tailwind v4 ALWAYS defines
+ * --font-mono in its own base theme, so the fallback arm was unreachable and
+ * every consumer silently rendered TAILWIND's font stack — while era's docs,
+ * which pin --font-mono to generic `monospace` for taste, rendered a third
+ * thing. Three different fonts: one the library believed it shipped, one
+ * consumers actually got, one the maintainer verified against. Font metrics
+ * drive ink centring, so every alignment constant tuned in the docs was
+ * calibrated against a font nobody else renders — which is why the same
+ * "text isn't vertically centred" bug kept coming back from consumers and
+ * kept looking fine here.
+ *
+ * The axis now reads era's OWN namespaced token, which nothing upstream
+ * defines. A consumer (or these docs) re-points a stack by setting
+ * --era-font-mono / -sans / -serif; nothing can do it by accident.
+ */
+:root {
+	--era-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+	--era-font-sans: system-ui, sans-serif;
+	--era-font-serif: ui-serif, Georgia, 'Times New Roman', serif;
+}
+
 [data-font='mono'],
 [data-font='mono'] * {
-	font-family: var(
-		--font-mono,
-		ui-monospace,
-		'SF Mono',
-		Menlo,
-		Consolas,
-		'Liberation Mono',
-		monospace
-	) !important;
+	font-family: var(--era-font-mono) !important;
 }
 
 [data-font='sans'],
 [data-font='sans'] * {
-	font-family: var(--font-sans, system-ui, sans-serif) !important;
+	font-family: var(--era-font-sans) !important;
 }
 
 [data-font='serif'],
 [data-font='serif'] * {
-	font-family: var(--font-serif, ui-serif, Georgia, 'Times New Roman', serif) !important;
+	font-family: var(--era-font-serif) !important;
 }
 
 /*

package/dist/styles/video-player.css

@@ -0,0 +1,27 @@
+/*
+ * VideoPlayer's third-party stylesheets — vidstack's base layout plus the
+ * slider/button/menu primitives the component composes.
+ *
+ * Split out of index.css because it is 46KB that only one component needs:
+ * imported there, every consumer paid 37% of the built stylesheet for a player
+ * they never mounted. Everything here is scoped internally by vidstack to
+ * `:where(media-player)`, so it affects nothing outside a player subtree —
+ * which is exactly why it can be omitted safely.
+ *
+ * Import alongside the core stylesheet when (and only when) you render
+ * `VideoPlayer`:
+ *
+ *   import '@signal9/era-ui/styles';                 // always
+ *   import '@signal9/era-ui/styles/video-player';    // only with the player
+ *
+ * Era's own token theming is applied on the component via CSS variables, not
+ * here, so this file is pure vendor CSS and needs no era imports.
+ */
+@import 'vidstack/styles/base.css';
+@import 'vidstack/styles/ui/buttons.css';
+@import 'vidstack/styles/ui/sliders.css';
+@import 'vidstack/styles/ui/buffering.css';
+@import 'vidstack/styles/ui/captions.css';
+@import 'vidstack/styles/ui/live.css';
+@import 'vidstack/styles/ui/menus.css';
+@import 'vidstack/styles/ui/tooltips.css';

package/dist/ui/badge/badge.svelte

@@ -11,7 +11,15 @@
 		// out from under the ink and the label bled past the fill. A pill that must
 		// fit a tight row does it the Tool.Chip way: the BOX holds and an inner
 		// min-w-0 span truncates. Enforced at runtime by layout/pill-holds-its-ink.
-		base: 'inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) shrink-0 items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none whitespace-nowrap has-[svg]:gap-(--era-inset-xxs) era-text-trim',
+		// not-has-[svg]: the ink mechanism switches with the content SHAPE.
+		//
+		// A badge holding only a token (the overwhelming case — an id, a count, a
+		// status) becomes a BLOCK box so text-box-trim can actually run; see
+		// era-token-ink for why the trim is inert on a flex container and what
+		// that cost. A badge holding an icon must stay flex to lay the icon out
+		// beside the text, and keeps the general trim — its line-height:1 plus
+		// flex centring, which is the best available when the text is anonymous.
+		base: 'inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) shrink-0 items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none whitespace-nowrap has-[svg]:gap-(--era-inset-xxs) era-text-trim not-has-[svg]:era-token-ink',
 		variants: {
 			tone: {
 				default: 'bg-fill text-fg',

package/dist/ui/badge/badge.svelte.d.ts

@@ -6,7 +6,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         success: "bg-success text-success-fg";
         warning: "bg-warning text-warning-fg";
     };
-}, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) shrink-0 items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none whitespace-nowrap has-[svg]:gap-(--era-inset-xxs) era-text-trim", {
+}, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) shrink-0 items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none whitespace-nowrap has-[svg]:gap-(--era-inset-xxs) era-text-trim not-has-[svg]:era-token-ink", {
     tone: {
         default: "bg-fill text-fg";
         accent: "bg-primary text-primary-fg";

package/dist/ui/calendar/calendar-root.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Calendar } from 'bits-ui';
-declare const CalendarRoot: import("svelte").Component<Calendar.RootProps, {}, "value" | "placeholder" | "ref">;
+declare const CalendarRoot: import("svelte").Component<Calendar.RootProps, {}, "placeholder" | "value" | "ref">;
 type CalendarRoot = ReturnType<typeof CalendarRoot>;
 export default CalendarRoot;

package/dist/ui/date-field/date-field-root.svelte.d.ts

@@ -1,3 +1,3 @@
-declare const DateFieldRoot: import("svelte").Component<import("bits-ui").DateFieldRootPropsWithoutHTML, {}, "value" | "placeholder">;
+declare const DateFieldRoot: import("svelte").Component<import("bits-ui").DateFieldRootPropsWithoutHTML, {}, "placeholder" | "value">;
 type DateFieldRoot = ReturnType<typeof DateFieldRoot>;
 export default DateFieldRoot;

package/dist/ui/date-picker/date-picker-root.svelte.d.ts

@@ -1,3 +1,3 @@
-declare const DatePickerRoot: import("svelte").Component<import("bits-ui").DatePickerRootPropsWithoutHTML, {}, "value" | "placeholder" | "open">;
+declare const DatePickerRoot: import("svelte").Component<import("bits-ui").DatePickerRootPropsWithoutHTML, {}, "placeholder" | "value" | "open">;
 type DatePickerRoot = ReturnType<typeof DatePickerRoot>;
 export default DatePickerRoot;

package/dist/ui/date-range-field/date-range-field-root.svelte.d.ts

@@ -1,4 +1,4 @@
 import { DateRangeField } from 'bits-ui';
-declare const DateRangeFieldRoot: import("svelte").Component<DateRangeField.RootProps, {}, "value" | "placeholder" | "ref">;
+declare const DateRangeFieldRoot: import("svelte").Component<DateRangeField.RootProps, {}, "placeholder" | "value" | "ref">;
 type DateRangeFieldRoot = ReturnType<typeof DateRangeFieldRoot>;
 export default DateRangeFieldRoot;

package/dist/ui/date-range-picker/date-range-picker-root.svelte.d.ts

@@ -1,4 +1,4 @@
 import { DateRangePicker } from 'bits-ui';
-declare const DateRangePickerRoot: import("svelte").Component<DateRangePicker.RootProps, {}, "value" | "placeholder" | "open">;
+declare const DateRangePickerRoot: import("svelte").Component<DateRangePicker.RootProps, {}, "placeholder" | "value" | "open">;
 type DateRangePickerRoot = ReturnType<typeof DateRangePickerRoot>;
 export default DateRangePickerRoot;

package/dist/ui/input/textarea.svelte

@@ -24,5 +24,4 @@
 		'resize-y py-(--era-inset-md)',
 		className
 	)}
-	{...restProps}
-></textarea>
+	{...restProps}></textarea>

package/dist/ui/kv/kv.svelte

@@ -30,7 +30,12 @@
 	{...restProps}
 >
 	<Badge {tone} class="h-full rounded-none border-r border-divider py-0">{key}</Badge>
-	<span class="min-w-(--era-h-xxs) px-(--era-inset-sm) text-center text-muted tabular-nums"
+	<!-- self-stretch + era-token-ink: a KV value is a token (a number, an id, a
+	     status), and the block mechanism is the only one where text-box-trim
+	     actually runs — see era-token-ink. Stretching gives that block a full-
+	     height box for align-content to centre the trimmed line in. -->
+	<span
+		class="era-token-ink min-w-(--era-h-xxs) self-stretch px-(--era-inset-sm) text-muted tabular-nums"
 		>{value}</span
 	>
 </span>

package/dist/ui/time-field/time-field-root.svelte.d.ts

@@ -1,4 +1,4 @@
 import { TimeField } from 'bits-ui';
-declare const TimeFieldRoot: import("svelte").Component<TimeField.RootProps, {}, "value" | "placeholder">;
+declare const TimeFieldRoot: import("svelte").Component<TimeField.RootProps, {}, "placeholder" | "value">;
 type TimeFieldRoot = ReturnType<typeof TimeFieldRoot>;
 export default TimeFieldRoot;

package/dist/ui/time-range-field/time-range-field-root.svelte.d.ts

@@ -1,4 +1,4 @@
 import { TimeRangeField } from 'bits-ui';
-declare const TimeRangeFieldRoot: import("svelte").Component<TimeRangeField.RootProps, {}, "value" | "placeholder" | "ref">;
+declare const TimeRangeFieldRoot: import("svelte").Component<TimeRangeField.RootProps, {}, "placeholder" | "value" | "ref">;
 type TimeRangeFieldRoot = ReturnType<typeof TimeRangeFieldRoot>;
 export default TimeRangeFieldRoot;

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

@@ -548,7 +548,9 @@
 	function handleSeekKeydown(e: KeyboardEvent) {
 		if (seekDisabled) return;
 		const base = readMediaTime() ?? currentTime;
-		let next: number | null = null;
+		// No initialiser: every arm below either assigns or returns, so one here
+		// would be dead — and eslint's no-useless-assignment says so.
+		let next: number;
 		switch (e.key) {
 			case 'ArrowLeft':
 			case 'ArrowDown':

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "5.0.0",
+	"version": "7.0.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",
@@ -39,65 +39,88 @@
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
-			"style": "./dist/styles/index.css",
 			"svelte": "./dist/index.js",
 			"default": "./dist/index.js"
 		},
-		"./provider": {
-			"types": "./dist/ui/provider/index.d.ts",
-			"svelte": "./dist/ui/provider/index.js",
-			"default": "./dist/ui/provider/index.js"
+		"./*": {
+			"types": "./dist/ui/*/index.d.ts",
+			"svelte": "./dist/ui/*/index.js",
+			"default": "./dist/ui/*/index.js"
 		},
 		"./ai": {
 			"types": "./dist/ai/index.d.ts",
 			"svelte": "./dist/ai/index.js",
 			"default": "./dist/ai/index.js"
 		},
-		"./ai/workflow": {
-			"types": "./dist/ai/workflow/index.d.ts",
-			"svelte": "./dist/ai/workflow/index.js",
-			"default": "./dist/ai/workflow/index.js"
-		},
-		"./os": {
-			"types": "./dist/os/index.d.ts",
-			"svelte": "./dist/os/index.js",
-			"default": "./dist/os/index.js"
+		"./ai/*": {
+			"types": "./dist/ai/*/index.d.ts",
+			"svelte": "./dist/ai/*/index.js",
+			"default": "./dist/ai/*/index.js"
 		},
 		"./apps": {
 			"types": "./dist/apps/index.d.ts",
 			"svelte": "./dist/apps/index.js",
 			"default": "./dist/apps/index.js"
 		},
-		"./apps/llm-shell": {
-			"types": "./dist/apps/llm-shell/index.d.ts",
-			"svelte": "./dist/apps/llm-shell/index.js",
-			"default": "./dist/apps/llm-shell/index.js"
+		"./apps/*": {
+			"types": "./dist/apps/*/index.d.ts",
+			"svelte": "./dist/apps/*/index.js",
+			"default": "./dist/apps/*/index.js"
+		},
+		"./os": {
+			"types": "./dist/os/index.d.ts",
+			"svelte": "./dist/os/index.js",
+			"default": "./dist/os/index.js"
 		},
-		"./apps/notes": {
-			"types": "./dist/apps/notes/index.d.ts",
-			"svelte": "./dist/apps/notes/index.js",
-			"default": "./dist/apps/notes/index.js"
+		"./audit": {
+			"types": "./dist/dev/index.d.ts",
+			"svelte": "./dist/dev/index.js",
+			"default": "./dist/dev/index.js"
 		},
-		"./css": "./dist/era-ui.css",
-		"./styles/raw": "./dist/styles/index.css",
+		"./styles": "./dist/styles/index.css",
+		"./styles/video-player": "./dist/styles/video-player.css",
 		"./styles/themes": "./dist/styles/themes.css",
-		"./utilities.json": "./dist/generated-docs/utilities.json"
+		"./css": "./dist/era-ui.css",
+		"./utilities.json": "./dist/generated-docs/utilities.json",
+		"./package.json": "./package.json"
 	},
 	"peerDependencies": {
+		"@neodrag/svelte": "3.0.0-next.10",
+		"@tiptap/core": "^3.29.0",
+		"@tiptap/extension-code-block-lowlight": "^3.29.2",
+		"@tiptap/extension-details": "^3.29.2",
+		"@tiptap/extension-highlight": "^3.29.2",
+		"@tiptap/extension-image": "^3.29.2",
+		"@tiptap/extension-placeholder": "^3.29.2",
+		"@tiptap/extension-table": "^3.29.2",
+		"@tiptap/extension-task-item": "^3.29.2",
+		"@tiptap/extension-task-list": "^3.29.2",
+		"@tiptap/extension-typography": "^3.29.2",
+		"@tiptap/extension-unique-id": "^3.29.2",
+		"@tiptap/pm": "^3.29.0",
+		"@tiptap/starter-kit": "^3.29.2",
+		"@tiptap/suggestion": "^3.29.2",
+		"dompurify": "^3.4.13",
+		"lowlight": "^3.3.0",
+		"marked": "^18.0.9",
 		"svelte": "^5.0.0",
-		"tailwindcss": "^4.0.0"
+		"tailwindcss": "^4.0.0",
+		"tiptap-markdown": "^0.9.0",
+		"vidstack": "^0.6.15"
 	},
 	"devDependencies": {
 		"@eslint/compat": "^2.1.0",
-		"@eslint/js": "^9.39.2",
+		"@eslint/js": "^10.0.1",
+		"@internationalized/date": "^3.12.3",
+		"@neodrag/svelte": "3.0.0-next.10",
 		"@playwright/test": "^1.62.1",
-		"@semantic-release/changelog": "^6.0.3",
+		"@semantic-release/changelog": "^7.0.0",
 		"@semantic-release/exec": "^7.1.0",
-		"@semantic-release/git": "^10.0.1",
+		"@semantic-release/git": "^11.0.1",
 		"@sveltejs/adapter-cloudflare": "^7.2.9",
 		"@sveltejs/kit": "^2.70.2",
 		"@sveltejs/package": "^2.5.8",
-		"@sveltejs/vite-plugin-svelte": "^6.2.4",
+		"@sveltejs/vite-plugin-svelte": "^7.2.0",
 		"@tailwindcss/cli": "^4.3.3",
 		"@tailwindcss/vite": "^4.3.3",
 		"@threlte/core": "^8.5.16",
@@ -116,32 +139,35 @@
 		"@tiptap/pm": "^3.29.0",
 		"@tiptap/starter-kit": "^3.29.2",
 		"@tiptap/suggestion": "^3.29.2",
-		"@types/node": "^24.13.3",
-		"@types/three": "^0.184.1",
+		"@types/node": "^26.2.0",
+		"@types/three": "^0.185.4",
 		"@xyflow/svelte": "^1.6.2",
 		"conventional-changelog-conventionalcommits": "^10.2.1",
-		"eslint": "^9.39.5",
+		"dompurify": "^3.4.13",
+		"eslint": "^10.8.1",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-better-tailwindcss": "^4.7.0",
 		"eslint-plugin-svelte": "^3.22.0",
-		"globals": "^17.8.0",
+		"globals": "^17.9.0",
 		"lowlight": "^3.3.0",
+		"marked": "^18.0.9",
 		"prettier": "^3.9.6",
-		"prettier-plugin-svelte": "^3.5.2",
-		"prettier-plugin-tailwindcss": "^0.7.4",
-		"publint": "^0.3.22",
-		"semantic-release": "^25.0.8",
-		"shiki": "^4.4.1",
+		"prettier-plugin-svelte": "^4.1.1",
+		"prettier-plugin-tailwindcss": "^0.8.1",
+		"publint": "^0.3.23",
+		"semantic-release": "^25.0.9",
+		"shiki": "^4.4.2",
 		"svelte": "^5.56.8",
-		"svelte-check": "^4.7.4",
+		"svelte-check": "^4.7.5",
 		"tailwindcss": "^4.1.18",
-		"three": "^0.184.0",
+		"three": "^0.185.1",
 		"tiptap-markdown": "^0.9.0",
-		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.65.0",
-		"vite": "^7.3.6",
+		"typescript": "^6.0.3",
+		"typescript-eslint": "^8.66.0",
+		"vidstack": "^0.6.15",
+		"vite": "^8.2.1",
 		"vite-plugin-devtools-json": "^1.1.0",
-		"wrangler": "^4.118.0"
+		"wrangler": "^4.120.0"
 	},
 	"keywords": [
 		"svelte"
@@ -154,20 +180,77 @@
 		"url": "git+https://github.com/sig-nine/era-ui.git"
 	},
 	"dependencies": {
-		"@internationalized/date": "^3.12.3",
-		"@lucide/svelte": "^0.577.0",
-		"@neodrag/svelte": "3.0.0-next.10",
+		"@lucide/svelte": "^1.30.0",
 		"bits-ui": "^2.18.1",
 		"clsx": "^2.1.1",
-		"dompurify": "^3.4.12",
-		"marked": "^15.0.12",
 		"tailwind-merge": "^3.6.0",
-		"tailwind-variants": "^3.3.0",
-		"vidstack": "^0.6.15"
+		"tailwind-variants": "^3.3.1"
 	},
 	"allowScripts": {
 		"@parcel/watcher@2.5.1": true,
 		"esbuild@0.28.1": true,
 		"workerd@1.20260722.1": true
+	},
+	"peerDependenciesMeta": {
+		"@neodrag/svelte": {
+			"optional": true
+		},
+		"@tiptap/core": {
+			"optional": true
+		},
+		"@tiptap/extension-code-block-lowlight": {
+			"optional": true
+		},
+		"@tiptap/extension-details": {
+			"optional": true
+		},
+		"@tiptap/extension-highlight": {
+			"optional": true
+		},
+		"@tiptap/extension-image": {
+			"optional": true
+		},
+		"@tiptap/extension-placeholder": {
+			"optional": true
+		},
+		"@tiptap/extension-table": {
+			"optional": true
+		},
+		"@tiptap/extension-task-item": {
+			"optional": true
+		},
+		"@tiptap/extension-task-list": {
+			"optional": true
+		},
+		"@tiptap/extension-typography": {
+			"optional": true
+		},
+		"@tiptap/extension-unique-id": {
+			"optional": true
+		},
+		"@tiptap/pm": {
+			"optional": true
+		},
+		"@tiptap/starter-kit": {
+			"optional": true
+		},
+		"@tiptap/suggestion": {
+			"optional": true
+		},
+		"dompurify": {
+			"optional": true
+		},
+		"lowlight": {
+			"optional": true
+		},
+		"marked": {
+			"optional": true
+		},
+		"tiptap-markdown": {
+			"optional": true
+		},
+		"vidstack": {
+			"optional": true
+		}
 	}
 }