@signal9/era-ui 1.4.0 → 1.4.1

package/dist/ui/pane/pane-tab-list.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-	import { Tabs } from 'bits-ui';
+	import type { Tabs as TabsPrimitive } from 'bits-ui';
+	import * as Tabs from '../tabs';
 	import { cn } from '../../utils/index.js';
 
-	let { ref = $bindable(null), class: className, ...restProps }: Tabs.ListProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: TabsPrimitive.ListProps = $props();
 </script>
 
 <!-- A horizontal row of tab triggers, sized to sit inside the handle Bar. -->

package/dist/ui/pane/pane-tab-list.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Tabs } from 'bits-ui';
-declare const PaneTabList: import("svelte").Component<Tabs.ListProps, {}, "ref">;
+import type { Tabs as TabsPrimitive } from 'bits-ui';
+declare const PaneTabList: import("svelte").Component<TabsPrimitive.ListProps, {}, "ref">;
 type PaneTabList = ReturnType<typeof PaneTabList>;
 export default PaneTabList;

package/dist/ui/pane/pane-tab-panel.svelte

@@ -1,12 +1,18 @@
 <script lang="ts">
-	import { Tabs } from 'bits-ui';
+	import type { Tabs as TabsPrimitive } from 'bits-ui';
+	import * as Tabs from '../tabs';
 	import { cn } from '../../utils/index.js';
 
-	let { ref = $bindable(null), class: className, ...restProps }: Tabs.ContentProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: TabsPrimitive.ContentProps = $props();
 </script>
 
-<!-- The body for a tab. Fills the pane below the handle and scrolls when it
-     runs out of room — the resizable counterpart to Pane.Content. -->
+<!-- The body for a tab (era-ui Tabs.Content). Fills the pane below the handle
+     and scrolls when it runs out of room — the resizable counterpart to
+     Pane.Content. -->
 <Tabs.Content
 	bind:ref
 	class={cn('min-h-0 flex-1 overflow-auto p-(--era-pad-md)', className)}

package/dist/ui/pane/pane-tab-panel.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Tabs } from 'bits-ui';
-declare const PaneTabPanel: import("svelte").Component<Tabs.ContentProps, {}, "ref">;
+import type { Tabs as TabsPrimitive } from 'bits-ui';
+declare const PaneTabPanel: import("svelte").Component<TabsPrimitive.ContentProps, {}, "ref">;
 type PaneTabPanel = ReturnType<typeof PaneTabPanel>;
 export default PaneTabPanel;

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

@@ -1,13 +1,18 @@
 <script lang="ts">
-	import { Tabs } from 'bits-ui';
+	import type { Tabs as TabsPrimitive } from 'bits-ui';
+	import * as Tabs from '../tabs';
 	import { cn } from '../../utils/index.js';
 
-	let { ref = $bindable(null), class: className, ...restProps }: Tabs.TriggerProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: TabsPrimitive.TriggerProps = $props();
 </script>
 
-<!-- A tab trigger as an xs-tier pill — the content tier the sm handle Bar is
-     built for. data-pane-control carves it out of the drag zone so it clicks,
-     not drags. Active state paints with the hover token. -->
+<!-- A tab trigger (era-ui Tabs.Trigger) styled as a text pill for the handle
+     Bar. data-pane-control carves it out of the drag zone so it clicks, not
+     drags. Active state paints with the hover token. -->
 <Tabs.Trigger
 	bind:ref
 	data-pane-control

package/dist/ui/pane/pane-tab.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Tabs } from 'bits-ui';
-declare const PaneTab: import("svelte").Component<Tabs.TriggerProps, {}, "ref">;
+import type { Tabs as TabsPrimitive } from 'bits-ui';
+declare const PaneTab: import("svelte").Component<TabsPrimitive.TriggerProps, {}, "ref">;
 type PaneTab = ReturnType<typeof PaneTab>;
 export default PaneTab;

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

@@ -1,10 +1,18 @@
 <script lang="ts">
-	import { Tabs } from 'bits-ui';
+	import type { Tabs as TabsPrimitive } from 'bits-ui';
+	import * as Tabs from '../tabs';
 	import { cn } from '../../utils/index.js';
 
-	let { ref = $bindable(null), class: className, ...restProps }: Tabs.RootProps = $props();
+	// Rendered via the era-ui Tabs primitive; typed from bits-ui's public prop
+	// types (a portable, explicitly-named annotation — ComponentProps of the
+	// wrapper infers an unnameable type that breaks .d.ts emit).
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: TabsPrimitive.RootProps = $props();
 </script>
 
-<!-- Tabs.Root laid out as a flex column so the handle (with the tab triggers)
-     and the active panel stack and fill the pane. Wrap the handle + panels. -->
+<!-- Composes the era-ui Tabs primitive, laid out as a flex column so the handle
+     (with the tab triggers) and the active panel stack and fill the pane. -->
 <Tabs.Root bind:ref class={cn('flex min-h-0 flex-1 flex-col', className)} {...restProps} />

package/dist/ui/pane/pane-tabs.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Tabs } from 'bits-ui';
-declare const PaneTabs: import("svelte").Component<Tabs.RootProps, {}, "ref">;
+import type { Tabs as TabsPrimitive } from 'bits-ui';
+declare const PaneTabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "ref">;
 type PaneTabs = ReturnType<typeof PaneTabs>;
 export default PaneTabs;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "1.4.0",
+	"version": "1.4.1",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",