@signal9/era-ui 1.1.2

package/dist/generated-docs/slider.md

@@ -0,0 +1,71 @@
+# Slider
+
+Enables value selection from a continuous range.
+
+## Import
+
+```ts
+import { Slider } from "$lib/ui/slider";
+```
+
+Composed from sub-components — compose explicitly at the call site:
+
+- `Slider.Root`
+- `Slider.Range`
+- `Slider.Thumb`
+- `Slider.Tick`
+- `Slider.TickLabel`
+- `Slider.ThumbLabel`
+
+## Slider.Root
+
+Inherits all props from `Slider.RootProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+| `value?` | `(forwarded)` | `0` | bindable |
+
+## Slider.Range
+
+Inherits all props from `Slider.RangeProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `trackClass?` | `string` | — | — |
+| `progress?` | `number` | — | Optional secondary fill (0–1) painted underneath the active range —
+e.g. buffered fraction on a media seek bar. Clamped to [0, 1] and
+rendered with reduced opacity so the active range stays dominant. |
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Slider.Thumb
+
+Inherits all props from `Slider.ThumbProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Slider.Tick
+
+Inherits all props from `Slider.TickProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Slider.TickLabel
+
+Inherits all props from `Slider.TickLabelProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Slider.ThumbLabel
+
+Inherits all props from `Slider.ThumbLabelProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |

package/dist/generated-docs/surfaces.md

@@ -0,0 +1,3 @@
+# Surfaces
+
+Every surface × corners rendered live for visual QA.

package/dist/generated-docs/switch.md

@@ -0,0 +1,18 @@
+# Switch
+
+A toggle switch control.
+
+## Import
+
+```ts
+import { Switch } from "$lib/ui/switch";
+```
+
+## Props
+
+Inherits all props from `Switch.RootProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+| `checked?` | `(forwarded)` | `false` | bindable |

package/dist/generated-docs/table.md

@@ -0,0 +1,113 @@
+# Table
+
+A tabular data display with rows, headers, and cells.
+
+## Import
+
+```ts
+import { Table } from "$lib/ui/table";
+```
+
+Composed from sub-components — compose explicitly at the call site:
+
+- `Table.Root`
+- `Table.Head`
+- `Table.Body`
+- `Table.Row`
+- `Table.HeadCell`
+- `Table.Cell`
+
+## Table.Root
+
+Inherits all props from `HTMLTableAttributes`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `HTMLTableElement \| null` | `null` | bindable |
+| `variant?` | `'default' \| 'cells'` | `'default'` | Visual treatment. `default` paints divider lines between rows. `cells`
+separates every cell into its own rounded muted surface — think the
+markdown-table look from Claude Code Desktop. Descendant rows and
+cells style themselves against `data-variant` on this element, so
+mixing the two forms in one tree isn't supported. |
+| `children?` | `Snippet` | — | — |
+
+## Table.Head
+
+Inherits all props from `HTMLAttributes<HTMLTableSectionElement>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `HTMLTableSectionElement \| null` | `null` | bindable |
+| `children?` | `Snippet` | — | — |
+
+## Table.Body
+
+Inherits all props from `HTMLAttributes<HTMLTableSectionElement>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `HTMLTableSectionElement \| null` | `null` | bindable |
+| `children?` | `Snippet` | — | — |
+
+## Table.Row
+
+Inherits all props from `HTMLAttributes<HTMLTableRowElement>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `HTMLTableRowElement \| null` | `null` | bindable |
+| `children?` | `Snippet` | — | — |
+
+## Table.HeadCell
+
+Inherits all props from `HTMLThAttributes`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `HTMLTableCellElement \| null` | `null` | bindable |
+| `children?` | `Snippet` | — | — |
+
+## Table.Cell
+
+Inherits all props from `HTMLTdAttributes`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `HTMLTableCellElement \| null` | `null` | bindable |
+| `children?` | `Snippet` | — | — |
+
+## Usage
+
+```svelte
+<script lang="ts">
+	import { Table } from '$lib/ui/table';
+
+	const rows = [
+		{ id: 1, name: 'Ada', role: 'Engineer' },
+		{ id: 2, name: 'Grace', role: 'Designer' }
+	];
+</script>
+
+<Table.Root>
+	<Table.Head>
+		<Table.Row>
+			<Table.HeadCell>Name</Table.HeadCell>
+			<Table.HeadCell>Role</Table.HeadCell>
+		</Table.Row>
+	</Table.Head>
+	<Table.Body>
+		{#each rows as row (row.id)}
+			<Table.Row>
+				<Table.Cell>{row.name}</Table.Cell>
+				<Table.Cell>{row.role}</Table.Cell>
+			</Table.Row>
+		{/each}
+	</Table.Body>
+</Table.Root>
+```
+
+## Notes
+
+- Composition-first API (like `Table.Row`), not a single data-driven component — keeps layout decisions local to the call site.
+- All parts pass through `class` and standard HTML attrs.
+- Density tokens drive row height and cell padding.

package/dist/generated-docs/tabs.md

@@ -0,0 +1,48 @@
+# Tabs
+
+Organizes content into tabbed sections.
+
+## Import
+
+```ts
+import { Tabs } from "$lib/ui/tabs";
+```
+
+Composed from sub-components — compose explicitly at the call site:
+
+- `Tabs.Root`
+- `Tabs.List`
+- `Tabs.Trigger`
+- `Tabs.Content`
+
+## Tabs.Root
+
+Inherits all props from `Tabs.RootProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Tabs.List
+
+Inherits all props from `Tabs.ListProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Tabs.Trigger
+
+Inherits all props from `Tabs.TriggerProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Tabs.Content
+
+Inherits all props from `Tabs.ContentProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |

package/dist/generated-docs/time-field.md

@@ -0,0 +1,49 @@
+# Time Field
+
+Segmented time input with keyboard navigation.
+
+## Import
+
+```ts
+import { TimeField } from "$lib/ui/time-field";
+```
+
+Composed from sub-components — compose explicitly at the call site:
+
+- `TimeField.Root`
+- `TimeField.Input`
+- `TimeField.Segment`
+- `TimeField.Label`
+
+## TimeField.Root
+
+Inherits all props from `TimeField.RootProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `value?` | `(forwarded)` | — | bindable |
+| `placeholder?` | `(forwarded)` | — | bindable |
+
+## TimeField.Input
+
+Inherits all props from `TimeField.InputProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## TimeField.Segment
+
+Inherits all props from `TimeField.SegmentProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## TimeField.Label
+
+Inherits all props from `TimeField.LabelProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |

package/dist/generated-docs/time-range-field.md

@@ -0,0 +1,50 @@
+# Time Range Field
+
+Segmented start/end time input.
+
+## Import
+
+```ts
+import { TimeRangeField } from "$lib/ui/time-range-field";
+```
+
+Composed from sub-components — compose explicitly at the call site:
+
+- `TimeRangeField.Root`
+- `TimeRangeField.Input`
+- `TimeRangeField.Segment`
+- `TimeRangeField.Label`
+
+## TimeRangeField.Root
+
+Inherits all props from `TimeRangeField.RootProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+| `value?` | `(forwarded)` | — | bindable |
+| `placeholder?` | `(forwarded)` | — | bindable |
+
+## TimeRangeField.Input
+
+Inherits all props from `TimeRangeField.InputProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## TimeRangeField.Segment
+
+Inherits all props from `TimeRangeField.SegmentProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## TimeRangeField.Label
+
+Inherits all props from `TimeRangeField.LabelProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |

package/dist/generated-docs/toggle-group.md

@@ -0,0 +1,30 @@
+# Toggle Group
+
+A set of toggle buttons with single or multiple selection.
+
+## Import
+
+```ts
+import { ToggleGroup } from "$lib/ui/toggle-group";
+```
+
+Composed from sub-components — compose explicitly at the call site:
+
+- `ToggleGroup.Root`
+- `ToggleGroup.Item`
+
+## ToggleGroup.Root
+
+Inherits all props from `PartProps<ToggleGroup.RootProps>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## ToggleGroup.Item
+
+Inherits all props from `ToggleGroup.ItemProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |

package/dist/generated-docs/toggle.md

@@ -0,0 +1,20 @@
+# Toggle
+
+A two-state toggle button.
+
+## Import
+
+```ts
+import { Toggle } from "$lib/ui/toggle";
+```
+
+## Props
+
+Inherits all props from `WithoutChildrenOrChild<Toggle.RootProps>`.
+Inherits all props from `Omit<ButtonVariants, 'active'>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `children?` | `Snippet` | — | — |
+| `ref?` | `(forwarded)` | `null` | bindable |
+| `pressed?` | `(forwarded)` | `false` | bindable |

package/dist/generated-docs/toolbar.md

@@ -0,0 +1,11 @@
+# Toolbar
+
+Headless toolbar primitives re-exported from bits-ui.
+
+## Import
+
+```ts
+import { Toolbar } from "$lib/ui/toolbar";
+```
+
+Composed from sub-components — compose explicitly at the call site:

package/dist/generated-docs/tooltip.md

@@ -0,0 +1,30 @@
+# Tooltip
+
+Supplementary info on hover or focus.
+
+## Import
+
+```ts
+import { Tooltip } from "$lib/ui/tooltip";
+```
+
+Composed from sub-components — compose explicitly at the call site:
+
+- `Tooltip.Trigger`
+- `Tooltip.Content`
+
+## Tooltip.Trigger
+
+Inherits all props from `Tooltip.TriggerProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Tooltip.Content
+
+Inherits all props from `PartProps<Tooltip.ContentProps>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |

package/dist/generated-docs/video-player.md

@@ -0,0 +1,73 @@
+# Video Player
+
+A vidstack-powered player with support for MP4, HLS, and live streams.
+
+## Import
+
+```ts
+import { VideoPlayer } from "$lib/ui/video-player";
+```
+
+## Props
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `HTMLElement \| null` | `null` | bindable |
+| `src` | `string` | — | — |
+| `poster?` | `string` | — | — |
+| `chapters?` | `string \| ChapterTrack` | — | Optional WebVTT chapters track. Pass a URL or full track descriptor. |
+| `preload?` | `'none' \| 'metadata' \| 'auto'` | `'metadata'` | — |
+| `load?` | `'eager' \| 'idle' \| 'visible' \| 'custom'` | `'visible'` | — |
+| `muted?` | `boolean` | `false` | — |
+| `autoplay?` | `boolean` | `false` | — |
+| `loop?` | `boolean` | `false` | — |
+| `playsinline?` | `boolean` | `true` | — |
+| `crossorigin?` | `'anonymous' \| 'use-credentials'` | — | — |
+| `initialVolume?` | `number` | — | Initial volume (0–1). |
+| `initialPlaybackRate?` | `number` | — | Initial playback rate (e.g. 1, 1.5, 2). |
+| `aspectRatio?` | `number` | — | Force a fixed aspect ratio as width/height, e.g. 16/9. |
+| `viewType?` | `'unknown' \| 'audio' \| 'video'` | — | — |
+| `streamType?` | `'unknown' \| 'on-demand' \| 'live' \| 'live:dvr' \| 'll-live' \| 'll-live:dvr'` | — | — |
+| `fullscreenOrientation?` | `\| 'any' \| 'natural' \| 'landscape' \| 'portrait' \| 'portrait-primary' \| 'portrait-secondary' \| 'landscape-primary' \| 'landscape-secondary'` | — | — |
+| `controls?` | `boolean` | `false` | Fall back to the provider's native controls instead of the custom chrome. |
+| `play?` | `boolean` | `true` | Show the play / pause button in the custom chrome. |
+| `time?` | `boolean` | `true` | Show the elapsed and duration time badges. |
+| `skip?` | `boolean \| number` | `false` | Show ±N-second skip buttons. `true` defaults to 10s; pass a number to override. |
+| `volume?` | `boolean` | `false` | Show the mute toggle and volume slider. |
+| `volumeOrientation?` | `'horizontal' \| 'vertical'` | `'horizontal'` | Layout direction for the volume slider. |
+| `speed?` | `boolean` | `false` | Show the playback-speed dropdown. |
+| `quality?` | `boolean` | `false` | Show the quality dropdown. Auto-hidden when the source exposes no quality options (e.g. plain MP4). |
+| `pip?` | `boolean` | `false` | Show the picture-in-picture toggle. |
+| `fullscreen?` | `boolean` | `false` | Show the fullscreen toggle. |
+| `seekPreview?` | `boolean` | `false` | Show a hover preview above the seek bar with the cursor's time and (if available) the chapter at that point. |
+| `contextMenu?` | `boolean` | `false` | Enable a right-click context menu mirroring the enabled chrome plus a download shortcut. |
+| `autoHide?` | `boolean` | `true` | Whether the controls bar fades when the user is idle during playback. Set `false` to keep it visible. |
+| `idleDelay?` | `number` | `500` | Delay (ms) of inactivity during playback before vidstack flips `userIdle` to true.
+Maps to the player's `user-idle-delay` attribute. Defaults to 500 ms (vidstack's
+own default is 2000 ms). |
+| `idleWhilePaused?` | `boolean` | `false` | Vidstack only fades the bar while playing (deliberately — its `MediaUserController`
+bails out of idle tracking on `pause`). Set this to `true` to also hide the bar
+while paused after `idleDelay` ms of pointer/keyboard inactivity. |
+| `mobileTimelineOnly?` | `boolean` | `true` | On narrow viewports / coarse-pointer devices, auto-collapse to a "timeline-only"
+layout — every chrome control suppresses regardless of its individual prop, leaving
+just the seek bar. Set `false` to honor the chrome props as-is on mobile too. |
+| `keyDisabled?` | `boolean` | `false` | — |
+| `keyTarget?` | `'document' \| 'player'` | — | — |
+| `keyShortcuts?` | `Record<string, string>` | — | — |
+| `onplay?` | `(e: Event) => void` | — | — |
+| `onpause?` | `(e: Event) => void` | — | — |
+| `onended?` | `(e: Event) => void` | — | — |
+| `onplaying?` | `(e: Event) => void` | — | — |
+| `onseeked?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
+| `onseeking?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
+| `oncanplay?` | `(e: Event) => void` | — | — |
+| `ontimeupdate?` | `(e: MediaEventWithDetail<{ currentTime: number; played: TimeRanges }>) => void` | — | — |
+| `onvolumechange?` | `(e: MediaEventWithDetail<{ volume: number; muted: boolean }>) => void` | — | — |
+| `onratechange?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
+| `ondurationchange?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
+| `onloadedmetadata?` | `(e: Event) => void` | — | — |
+| `onfullscreenchange?` | `(e: MediaEventWithDetail<boolean>) => void` | — | — |
+| `onpipchange?` | `(e: MediaEventWithDetail<boolean>) => void` | — | — |
+| `onerror?` | `(e: Event) => void` | — | — |
+| `children?` | `Snippet` | — | Optional override for the entire controls layer — replaces the default chrome. |
+| `class?` | `string` | — | — |

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui/index.js';
+export { cn, tv, type PartProps, type VariantProps } from './utils/index.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './ui/index.js';
+export { cn, tv } from './utils/index.js';