@signal9/era-ui 22.0.0 → 23.1.0

package/dist/ui/tooltip/tooltip-content.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
+	import { getAxisRelay } from '../provider/axis-relay.svelte.js';
 	import { Tooltip } from 'bits-ui';
-	import { cn, type PartProps } from '../../utils/index.js';
+	import { cn, type OwnedPartProps } from '../../utils/index.js';
 
 	let {
 		ref = $bindable(null),
@@ -8,12 +9,15 @@
 		class: className,
 		sideOffset = 4,
 		...restProps
-	}: PartProps<Tooltip.ContentProps> = $props();
+	}: OwnedPartProps<Tooltip.ContentProps> = $props();
+
+	const relay = getAxisRelay();
 </script>
 
 <Tooltip.Portal>
 	<Tooltip.Content
 		bind:ref
+		{...relay?.attrs}
 		class={cn(
 			'z-overlay inline-flex h-pill items-center gap-gutter rounded-pill bg-elevated px-inset-pill text-body leading-none whitespace-nowrap text-fg shadow-lg glass-blur has-[svg]:gap-inset-pill',
 			className

package/dist/ui/tooltip/tooltip-content.svelte.d.ts

@@ -1,5 +1,5 @@
 import { Tooltip } from 'bits-ui';
-import { type PartProps } from '../../utils/index.js';
-declare const TooltipContent: import("svelte").Component<PartProps<Tooltip.ContentProps>, {}, "ref">;
+import { type OwnedPartProps } from '../../utils/index.js';
+declare const TooltipContent: import("svelte").Component<OwnedPartProps<Tooltip.ContentProps>, {}, "ref">;
 type TooltipContent = ReturnType<typeof TooltipContent>;
 export default TooltipContent;

package/dist/ui/tooltip/tooltip-root.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { Tooltip } from 'bits-ui';
+	import { setAxisRelay } from '../provider/axis-relay.svelte.js';
+
+	/*
+	 * era owns Root ONLY to open the axis channel — it renders no DOM, adds no
+	 * behaviour and forwards everything. There has to BE a component here: a
+	 * re-export (`export const Root = Tooltip.Root`) has nowhere to put a context,
+	 * which is exactly why the axes could not cross the portal before.
+	 *
+	 * `open` is re-declared bindable because a spread cannot carry a two-way
+	 * binding, so wrapping a primitive breaks `bind:open` at every call site
+	 * unless the wrapper states it.
+	 */
+	let {
+		open = $bindable(false),
+		children,
+		...restProps
+	}: Tooltip.RootProps & { children?: Snippet } = $props();
+
+	const relay = setAxisRelay();
+
+	// Capture on OPEN, not on mount: bits-ui mounts content eagerly and toggles
+	// it, so a mount-time read runs once at page load and never again.
+	$effect(() => {
+		if (open) relay.refresh();
+	});
+</script>
+
+<Tooltip.Root bind:open {...restProps}>
+	{@render children?.()}
+</Tooltip.Root>

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import { Tooltip } from 'bits-ui';
+type $$ComponentProps = Tooltip.RootProps & {
+    children?: Snippet;
+};
+declare const TooltipRoot: import("svelte").Component<$$ComponentProps, {}, "open">;
+type TooltipRoot = ReturnType<typeof TooltipRoot>;
+export default TooltipRoot;

package/dist/ui/tooltip/tooltip-trigger.svelte

@@ -1,7 +1,15 @@
 <script lang="ts">
+	import { getAxisRelay } from '../provider/axis-relay.svelte.js';
 	import { Tooltip } from 'bits-ui';
 
 	let { ref = $bindable(null), class: className, ...restProps }: Tooltip.TriggerProps = $props();
+
+	// The trigger is the last node still inside the subtree, so it is the
+	// anchor the axes are read FROM when the content opens.
+	const relay = getAxisRelay();
+	$effect(() => {
+		relay?.register(ref);
+	});
 </script>
 
 <Tooltip.Trigger bind:ref class={className} {...restProps} />

package/dist/utils/index.d.ts

@@ -1,6 +1,6 @@
 import { type ClassValue } from 'clsx';
 import type { Snippet } from 'svelte';
-import type { WithoutChildrenOrChild } from 'bits-ui';
+import type { WithoutChildren, WithoutChildrenOrChild } from 'bits-ui';
 /**
  * Merges class lists with Tailwind conflict resolution (last wins).
  * Accepts Svelte's full `ClassValue` shape (strings, arrays, objects).
@@ -9,8 +9,41 @@ export declare function cn(...inputs: ClassValue[]): string;
 /** `tv` preconfigured with this library's tailwind-merge settings. */
 export declare const tv: import("tailwind-variants").TV;
 export type { VariantProps } from 'tailwind-variants';
-/** Props for a bits-ui part wrapper that renders its own `children`. */
-export type PartProps<T> = WithoutChildrenOrChild<T> & {
+/**
+ * Props for a bits-ui part that era only RESTYLES — it forwards `children` and
+ * adds classes, and renders no markup of its own.
+ *
+ * `child` is kept. It is bits-ui's escape hatch: the snippet receives the props
+ * the part would have rendered, and the caller renders their own element with
+ * them — a Trigger as an `<a>`, a Content as a custom component. era used to
+ * strip it from every part, which made the whole library strictly less capable
+ * than the primitives it wraps, for no reason on these 18: era contributes a
+ * class string, and bits-ui hands that class straight to the `child` snippet's
+ * props, so the escape hatch keeps era's styling on the way out. It already
+ * worked at runtime — `child` rode in on restProps and bits-ui checks it before
+ * `children` — so the only thing stopping anyone was this type.
+ *
+ * A part where era renders chrome of its own takes {@link OwnedPartProps}.
+ */
+export type PartProps<T> = WithoutChildren<T> & {
+    children?: Snippet;
+};
+/**
+ * Props for a bits-ui part whose markup era OWNS — a trigger that renders its
+ * own chevron, a content that renders its own overlay, a summary with a status
+ * spinner.
+ *
+ * `child` is withheld here, and the reason is that it cannot be honoured. The
+ * snippet replaces the element era was going to render, and era's extra markup
+ * lives INSIDE that element, so taking over rendering drops the chevron, the
+ * overlay or the indicator with no error and no visual clue — era's signature
+ * failure mode. Better to refuse it in the type than to accept it and quietly
+ * render something else.
+ *
+ * If you need the underlying element, reach for the primitive directly:
+ * `import { Select } from 'bits-ui'`. era wraps, it does not replace.
+ */
+export type OwnedPartProps<T> = WithoutChildrenOrChild<T> & {
     children?: Snippet;
 };
 export { hotkeys, keys, parseKeybinding, matchKeyBindingPress, createKeybindingsHandler, formatKeybinding, isApplePlatform, modKey, type KeyBindingMap, type KeyBindingPress, type KeyBindingOptions } from './hotkeys.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "22.0.0",
+	"version": "23.1.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",
@@ -25,12 +25,13 @@
 		"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 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",
+		"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 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",
 		"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",
-		"check:specimen-coverage": "node --experimental-strip-types scripts/check-specimen-coverage.ts"
+		"check:specimen-coverage": "node --experimental-strip-types scripts/check-specimen-coverage.ts",
+		"check:eslint-rules": "node --experimental-strip-types scripts/check-eslint-rules.ts"
 	},
 	"files": [
 		"dist",
@@ -87,7 +88,11 @@
 		"./styles/themes": "./dist/styles/themes.css",
 		"./css": "./dist/era-ui.css",
 		"./utilities.json": "./dist/generated-docs/utilities.json",
-		"./package.json": "./package.json"
+		"./package.json": "./package.json",
+		"./eslint": {
+			"types": "./dist/eslint/index.d.ts",
+			"default": "./dist/eslint/index.js"
+		}
 	},
 	"peerDependencies": {
 		"@neodrag/svelte": "3.0.0-next.10",