@signal9/era-ui 32.0.0 → 33.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/dev/audit-overlay.svelte +2 -2
- package/dist/era-ui.css +1 -1
- package/dist/generated-docs/utilities.json +99 -99
- package/dist/os/pane.svelte +3 -13
- package/dist/styles/index.css +2 -956
- package/dist/styles/typography.css +1 -1
- package/dist/styles/utilities/geometry.css +188 -0
- package/dist/styles/utilities/interaction.css +334 -0
- package/dist/styles/utilities/materials.css +39 -0
- package/dist/styles/utilities/public.css +391 -0
- package/dist/styles/utilities.css +5 -0
- package/dist/ui/card/card.svelte +2 -52
- package/dist/ui/card/card.svelte.d.ts +0 -43
- package/dist/ui/card/variants.d.ts +44 -0
- package/dist/ui/card/variants.js +20 -0
- package/dist/ui/context-menu/context-menu-checkbox-item.svelte +2 -4
- package/dist/ui/context-menu/context-menu-group-heading.svelte +2 -5
- package/dist/ui/context-menu/context-menu-item.svelte +2 -8
- package/dist/ui/context-menu/context-menu-radio-item.svelte +2 -8
- package/dist/ui/context-menu/context-menu-separator.svelte +2 -5
- package/dist/ui/context-menu/context-menu-sub-trigger.svelte +2 -8
- package/dist/ui/dialog/dialog-header.svelte +1 -1
- package/dist/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +2 -4
- package/dist/ui/dropdown-menu/dropdown-menu-group-heading.svelte +2 -5
- package/dist/ui/dropdown-menu/dropdown-menu-item.svelte +2 -8
- package/dist/ui/dropdown-menu/dropdown-menu-radio-item.svelte +2 -8
- package/dist/ui/dropdown-menu/dropdown-menu-separator.svelte +2 -5
- package/dist/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +2 -8
- package/dist/ui/menu-recipes.d.ts +6 -0
- package/dist/ui/menu-recipes.js +6 -0
- package/dist/ui/menubar/menubar-checkbox-item.svelte +2 -9
- package/dist/ui/menubar/menubar-group-heading.svelte +2 -5
- package/dist/ui/menubar/menubar-item.svelte +2 -8
- package/dist/ui/menubar/menubar-radio-item.svelte +2 -8
- package/dist/ui/menubar/menubar-separator.svelte +2 -5
- package/dist/ui/menubar/menubar-sub-trigger.svelte +2 -8
- package/dist/ui/pane/pane-close.svelte +7 -26
- package/dist/ui/video-player/video-player.svelte +8 -8
- package/package.json +48 -12
- package/dist/docs/badge.md +0 -18
- package/dist/docs/bits-ui-audit.md +0 -58
- package/dist/docs/button.md +0 -19
- package/dist/docs/chip.md +0 -20
- package/dist/docs/component-docs-core.d.ts +0 -8
- package/dist/docs/component-docs-core.js +0 -73
- package/dist/docs/component-docs.d.ts +0 -2
- package/dist/docs/component-docs.js +0 -25
- package/dist/docs/component-source-scanners.d.ts +0 -18
- package/dist/docs/component-source-scanners.js +0 -46
- package/dist/docs/consumer-import.d.ts +0 -65
- package/dist/docs/consumer-import.js +0 -70
- package/dist/docs/css-utilities.d.ts +0 -58
- package/dist/docs/css-utilities.js +0 -317
- package/dist/docs/extract-props.d.ts +0 -13
- package/dist/docs/extract-props.js +0 -324
- package/dist/docs/generated-docs.d.ts +0 -6
- package/dist/docs/generated-docs.js +0 -30
- package/dist/docs/index.d.ts +0 -5
- package/dist/docs/index.js +0 -66
- package/dist/docs/notes.md +0 -83
- package/dist/docs/scroll-area.md +0 -7
- package/dist/docs/separator.md +0 -20
- package/dist/docs/table.md +0 -35
- package/dist/docs/utilities.d.ts +0 -4
- package/dist/docs/utilities.js +0 -15
- package/dist/generated-docs/accordion.md +0 -57
- package/dist/generated-docs/alert-dialog.md +0 -91
- package/dist/generated-docs/aspect-ratio.md +0 -17
- package/dist/generated-docs/avatar.md +0 -39
- package/dist/generated-docs/badge.md +0 -41
- package/dist/generated-docs/bar.md +0 -41
- package/dist/generated-docs/button-group.md +0 -19
- package/dist/generated-docs/button.md +0 -117
- package/dist/generated-docs/calendar.md +0 -126
- package/dist/generated-docs/card.md +0 -58
- package/dist/generated-docs/checkbox.md +0 -42
- package/dist/generated-docs/chip.md +0 -61
- package/dist/generated-docs/code-block.md +0 -20
- package/dist/generated-docs/collapsible.md +0 -30
- package/dist/generated-docs/combobox.md +0 -74
- package/dist/generated-docs/command-bar.md +0 -3
- package/dist/generated-docs/command.md +0 -126
- package/dist/generated-docs/context-menu.md +0 -104
- package/dist/generated-docs/copy-button.md +0 -29
- package/dist/generated-docs/cycle.md +0 -29
- package/dist/generated-docs/date-field.md +0 -49
- package/dist/generated-docs/date-picker.md +0 -180
- package/dist/generated-docs/date-range-field.md +0 -50
- package/dist/generated-docs/date-range-picker.md +0 -180
- package/dist/generated-docs/dialog.md +0 -94
- package/dist/generated-docs/draggable.md +0 -3
- package/dist/generated-docs/dropdown-menu.md +0 -104
- package/dist/generated-docs/file-upload.md +0 -18
- package/dist/generated-docs/getting-started.md +0 -3
- package/dist/generated-docs/input.md +0 -23
- package/dist/generated-docs/kv.md +0 -20
- package/dist/generated-docs/label.md +0 -17
- package/dist/generated-docs/link-preview.md +0 -40
- package/dist/generated-docs/llm-shell.md +0 -3
- package/dist/generated-docs/llms-full.txt +0 -5201
- package/dist/generated-docs/llms.txt +0 -138
- package/dist/generated-docs/logo.md +0 -24
- package/dist/generated-docs/manifest.json +0 -1685
- package/dist/generated-docs/measurements.md +0 -3
- package/dist/generated-docs/menu.md +0 -11
- package/dist/generated-docs/menubar.md +0 -104
- package/dist/generated-docs/meter.md +0 -101
- package/dist/generated-docs/mode.md +0 -24
- package/dist/generated-docs/nav.md +0 -73
- package/dist/generated-docs/navigation-menu.md +0 -11
- package/dist/generated-docs/notes.md +0 -87
- package/dist/generated-docs/os.md +0 -3
- package/dist/generated-docs/pagination.md +0 -55
- package/dist/generated-docs/pane.md +0 -34
- package/dist/generated-docs/pin-input.md +0 -31
- package/dist/generated-docs/popover.md +0 -43
- package/dist/generated-docs/progress.md +0 -17
- package/dist/generated-docs/radio-group.md +0 -31
- package/dist/generated-docs/range-calendar.md +0 -11
- package/dist/generated-docs/rating-group.md +0 -31
- package/dist/generated-docs/scroll-area.md +0 -65
- package/dist/generated-docs/select.md +0 -67
- package/dist/generated-docs/separator.md +0 -57
- package/dist/generated-docs/sheet.md +0 -11
- package/dist/generated-docs/skeleton.md +0 -18
- package/dist/generated-docs/slider.md +0 -71
- package/dist/generated-docs/spacing.md +0 -3
- package/dist/generated-docs/step.md +0 -51
- package/dist/generated-docs/surfaces.md +0 -3
- package/dist/generated-docs/switch.md +0 -18
- package/dist/generated-docs/table.md +0 -113
- package/dist/generated-docs/tabs.md +0 -48
- package/dist/generated-docs/text.md +0 -3
- package/dist/generated-docs/time-field.md +0 -49
- package/dist/generated-docs/time-range-field.md +0 -50
- package/dist/generated-docs/timeline.md +0 -32
- package/dist/generated-docs/todo.md +0 -3
- package/dist/generated-docs/toggle-group.md +0 -31
- package/dist/generated-docs/toggle.md +0 -20
- package/dist/generated-docs/toolbar.md +0 -11
- package/dist/generated-docs/tooltip.md +0 -40
- package/dist/generated-docs/tree.md +0 -36
- package/dist/generated-docs/utilities.md +0 -1236
- package/dist/generated-docs/video-player.md +0 -73
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
# Rating Group
|
|
2
|
-
|
|
3
|
-
A star-style single-choice rating input.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as RatingGroup from "@signal9/era-ui/rating-group";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `RatingGroup.Root`
|
|
14
|
-
- `RatingGroup.Item`
|
|
15
|
-
|
|
16
|
-
## RatingGroup.Root
|
|
17
|
-
|
|
18
|
-
Inherits all props from `RatingGroup.RootProps`.
|
|
19
|
-
|
|
20
|
-
| Prop | Type | Default | Notes |
|
|
21
|
-
|------|------|---------|-------|
|
|
22
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
23
|
-
| `value?` | `(forwarded)` | `0` | bindable |
|
|
24
|
-
|
|
25
|
-
## RatingGroup.Item
|
|
26
|
-
|
|
27
|
-
Inherits all props from `RatingGroup.ItemProps`.
|
|
28
|
-
|
|
29
|
-
| Prop | Type | Default | Notes |
|
|
30
|
-
|------|------|---------|-------|
|
|
31
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
# Scroll Area
|
|
2
|
-
|
|
3
|
-
A cross-platform scroll container.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as ScrollArea from "@signal9/era-ui/scroll-area";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `ScrollArea.Root`
|
|
14
|
-
- `ScrollArea.Viewport`
|
|
15
|
-
- `ScrollArea.Scrollbar`
|
|
16
|
-
- `ScrollArea.Thumb`
|
|
17
|
-
- `ScrollArea.Corner`
|
|
18
|
-
|
|
19
|
-
## ScrollArea.Root
|
|
20
|
-
|
|
21
|
-
Inherits all props from `ScrollArea.RootProps`.
|
|
22
|
-
|
|
23
|
-
| Prop | Type | Default | Notes |
|
|
24
|
-
|------|------|---------|-------|
|
|
25
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
26
|
-
|
|
27
|
-
## ScrollArea.Viewport
|
|
28
|
-
|
|
29
|
-
Inherits all props from `ScrollArea.ViewportProps`.
|
|
30
|
-
|
|
31
|
-
| Prop | Type | Default | Notes |
|
|
32
|
-
|------|------|---------|-------|
|
|
33
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
34
|
-
|
|
35
|
-
## ScrollArea.Scrollbar
|
|
36
|
-
|
|
37
|
-
Inherits all props from `ScrollArea.ScrollbarProps`.
|
|
38
|
-
|
|
39
|
-
| Prop | Type | Default | Notes |
|
|
40
|
-
|------|------|---------|-------|
|
|
41
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
42
|
-
|
|
43
|
-
## ScrollArea.Thumb
|
|
44
|
-
|
|
45
|
-
Inherits all props from `ScrollArea.ThumbProps`.
|
|
46
|
-
|
|
47
|
-
| Prop | Type | Default | Notes |
|
|
48
|
-
|------|------|---------|-------|
|
|
49
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
50
|
-
|
|
51
|
-
## ScrollArea.Corner
|
|
52
|
-
|
|
53
|
-
Inherits all props from `ScrollArea.CornerProps`.
|
|
54
|
-
|
|
55
|
-
| Prop | Type | Default | Notes |
|
|
56
|
-
|------|------|---------|-------|
|
|
57
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
58
|
-
|
|
59
|
-
## Notes
|
|
60
|
-
|
|
61
|
-
- For a region that should scroll but show no scrollbar at all — an overflowing
|
|
62
|
-
tab strip, a chip rail, a small pane handle — you don't need ScrollArea: put
|
|
63
|
-
the `scrollbar-none` CSS utility on the overflowing element. See
|
|
64
|
-
[Utilities](/utilities.md). ScrollArea is for the case where the bar itself is
|
|
65
|
-
part of the design.
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
# Select
|
|
2
|
-
|
|
3
|
-
A dropdown select menu.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as Select from "@signal9/era-ui/select";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `Select.Trigger`
|
|
14
|
-
- `Select.Value`
|
|
15
|
-
- `Select.Content`
|
|
16
|
-
- `Select.Item`
|
|
17
|
-
- `Select.Group`
|
|
18
|
-
- `Select.GroupHeading`
|
|
19
|
-
|
|
20
|
-
## Select.Trigger
|
|
21
|
-
|
|
22
|
-
Inherits all props from `OwnedPartProps<Select.TriggerProps>`.
|
|
23
|
-
|
|
24
|
-
| Prop | Type | Default | Notes |
|
|
25
|
-
|------|------|---------|-------|
|
|
26
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
27
|
-
|
|
28
|
-
## Select.Value
|
|
29
|
-
|
|
30
|
-
Inherits all props from `WithoutChildrenOrChild<Select.ValueProps>`.
|
|
31
|
-
|
|
32
|
-
| Prop | Type | Default | Notes |
|
|
33
|
-
|------|------|---------|-------|
|
|
34
|
-
| `children?` | `Snippet<[SnippetProps]>` | — | — |
|
|
35
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
36
|
-
|
|
37
|
-
## Select.Content
|
|
38
|
-
|
|
39
|
-
Inherits all props from `OwnedPartProps<Select.ContentProps>`.
|
|
40
|
-
|
|
41
|
-
| Prop | Type | Default | Notes |
|
|
42
|
-
|------|------|---------|-------|
|
|
43
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
44
|
-
|
|
45
|
-
## Select.Item
|
|
46
|
-
|
|
47
|
-
Inherits all props from `Select.ItemProps`.
|
|
48
|
-
|
|
49
|
-
| Prop | Type | Default | Notes |
|
|
50
|
-
|------|------|---------|-------|
|
|
51
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
52
|
-
|
|
53
|
-
## Select.Group
|
|
54
|
-
|
|
55
|
-
Inherits all props from `Select.GroupProps`.
|
|
56
|
-
|
|
57
|
-
| Prop | Type | Default | Notes |
|
|
58
|
-
|------|------|---------|-------|
|
|
59
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
60
|
-
|
|
61
|
-
## Select.GroupHeading
|
|
62
|
-
|
|
63
|
-
Inherits all props from `PartProps<Select.GroupHeadingProps>`.
|
|
64
|
-
|
|
65
|
-
| Prop | Type | Default | Notes |
|
|
66
|
-
|------|------|---------|-------|
|
|
67
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
# Separator
|
|
2
|
-
|
|
3
|
-
A visual divider between content.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { Separator } from "@signal9/era-ui/separator";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
Inherits all props from `Separator.RootProps`.
|
|
14
|
-
|
|
15
|
-
| Prop | Type | Default | Notes |
|
|
16
|
-
|------|------|---------|-------|
|
|
17
|
-
| `variant?` | `'line' \| 'slant'` | `'line'` | Use `slant` for inline dividers in breadcrumbs, titles, and compact metadata. |
|
|
18
|
-
| `size?` | `keyof typeof SIZES` | — | Give a VERTICAL rule a height of its own, from the tier ladder, instead
|
|
19
|
-
of stretching to whatever line it lands in. Ignored when horizontal.
|
|
20
|
-
WHY YOU WOULD WANT IT. A stretched rule is a passenger: it has no
|
|
21
|
-
intrinsic height, so it measures whatever its neighbours measure and
|
|
22
|
-
contributes nothing back. That is right inside a Bar, whose height is
|
|
23
|
-
already fixed — and it is why a rule in an auto-height row cannot hold
|
|
24
|
-
that row's height steady. A consumer whose site header gained and lost
|
|
25
|
-
a qualifier between pages watched the chrome resize, and pinned a
|
|
26
|
-
`min-h-[calc(...)]` on the header to stop it. Sizing the rule removes
|
|
27
|
-
that calc: it becomes the piece that stands the row up.
|
|
28
|
-
(For the record, since the report named the wrong mechanism: a
|
|
29
|
-
stretched rule does not GROW its row. Measured in an 18px auto-height
|
|
30
|
-
row, adding one leaves the row at 18px and the rule resolves to 10px —
|
|
31
|
-
the line minus its two gutter margins. It can only ever be shorter
|
|
32
|
-
than the row it divides, which is the whole problem here.)
|
|
33
|
-
A sized rule drops the gutter margins with the stretch: the height is
|
|
34
|
-
now a deliberate number, and silently adding 2 x gutter to it would
|
|
35
|
-
make it the one element on the page you cannot reason about. |
|
|
36
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
37
|
-
|
|
38
|
-
## Usage
|
|
39
|
-
|
|
40
|
-
```svelte
|
|
41
|
-
<script>
|
|
42
|
-
import { Separator } from '@signal9/era-ui/separator';
|
|
43
|
-
</script>
|
|
44
|
-
|
|
45
|
-
<p>
|
|
46
|
-
era
|
|
47
|
-
<Separator variant="slant" decorative />
|
|
48
|
-
ui
|
|
49
|
-
<Separator variant="slant" decorative />
|
|
50
|
-
separator
|
|
51
|
-
</p>
|
|
52
|
-
```
|
|
53
|
-
|
|
54
|
-
## Notes
|
|
55
|
-
|
|
56
|
-
- `variant="slant"` is for inline text separators only, such as breadcrumbs, compact metadata, and split titles.
|
|
57
|
-
- Mark slant separators `decorative` unless they communicate a meaningful boundary to assistive technology.
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
# Skeleton
|
|
2
|
-
|
|
3
|
-
A placeholder shimmer for loading states.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { Skeleton } from "@signal9/era-ui/skeleton";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
Inherits all props from `HTMLAttributes<HTMLDivElement>`.
|
|
14
|
-
|
|
15
|
-
| Prop | Type | Default | Notes |
|
|
16
|
-
|------|------|---------|-------|
|
|
17
|
-
| `ref?` | `HTMLDivElement \| null` | `null` | bindable |
|
|
18
|
-
| `variant?` | `'line' \| 'circle' \| 'block'` | `'line'` | — |
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
# Slider
|
|
2
|
-
|
|
3
|
-
Enables value selection from a continuous range.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as Slider from "@signal9/era-ui/slider";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `Slider.Root`
|
|
14
|
-
- `Slider.Range`
|
|
15
|
-
- `Slider.Thumb`
|
|
16
|
-
- `Slider.Tick`
|
|
17
|
-
- `Slider.TickLabel`
|
|
18
|
-
- `Slider.ThumbLabel`
|
|
19
|
-
|
|
20
|
-
## Slider.Root
|
|
21
|
-
|
|
22
|
-
Inherits all props from `Slider.RootProps`.
|
|
23
|
-
|
|
24
|
-
| Prop | Type | Default | Notes |
|
|
25
|
-
|------|------|---------|-------|
|
|
26
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
27
|
-
| `value?` | `(forwarded)` | `0` | bindable |
|
|
28
|
-
|
|
29
|
-
## Slider.Range
|
|
30
|
-
|
|
31
|
-
Inherits all props from `Slider.RangeProps`.
|
|
32
|
-
|
|
33
|
-
| Prop | Type | Default | Notes |
|
|
34
|
-
|------|------|---------|-------|
|
|
35
|
-
| `trackClass?` | `string` | — | — |
|
|
36
|
-
| `progress?` | `number` | — | Optional secondary fill (0–1) painted underneath the active range —
|
|
37
|
-
e.g. buffered fraction on a media seek bar. Clamped to [0, 1] and
|
|
38
|
-
rendered with reduced opacity so the active range stays dominant. |
|
|
39
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
40
|
-
|
|
41
|
-
## Slider.Thumb
|
|
42
|
-
|
|
43
|
-
Inherits all props from `Slider.ThumbProps`.
|
|
44
|
-
|
|
45
|
-
| Prop | Type | Default | Notes |
|
|
46
|
-
|------|------|---------|-------|
|
|
47
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
48
|
-
|
|
49
|
-
## Slider.Tick
|
|
50
|
-
|
|
51
|
-
Inherits all props from `Slider.TickProps`.
|
|
52
|
-
|
|
53
|
-
| Prop | Type | Default | Notes |
|
|
54
|
-
|------|------|---------|-------|
|
|
55
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
56
|
-
|
|
57
|
-
## Slider.TickLabel
|
|
58
|
-
|
|
59
|
-
Inherits all props from `Slider.TickLabelProps`.
|
|
60
|
-
|
|
61
|
-
| Prop | Type | Default | Notes |
|
|
62
|
-
|------|------|---------|-------|
|
|
63
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
64
|
-
|
|
65
|
-
## Slider.ThumbLabel
|
|
66
|
-
|
|
67
|
-
Inherits all props from `Slider.ThumbLabelProps`.
|
|
68
|
-
|
|
69
|
-
| Prop | Type | Default | Notes |
|
|
70
|
-
|------|------|---------|-------|
|
|
71
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
# Step
|
|
2
|
-
|
|
3
|
-
Expandable inline step — tool calls, thinking, agent actions.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as Step from "@signal9/era-ui/step";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `Step.Root`
|
|
14
|
-
- `Step.Summary`
|
|
15
|
-
- `Step.Content`
|
|
16
|
-
- `Step.Section`
|
|
17
|
-
|
|
18
|
-
## Step.Root
|
|
19
|
-
|
|
20
|
-
Inherits all props from `Collapsible.RootProps`.
|
|
21
|
-
|
|
22
|
-
| Prop | Type | Default | Notes |
|
|
23
|
-
|------|------|---------|-------|
|
|
24
|
-
| `status?` | `StepStatus` | `'done'` | Drives the summary's icon and shimmer; exposed as data-status. |
|
|
25
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
26
|
-
| `open?` | `(forwarded)` | `false` | bindable |
|
|
27
|
-
|
|
28
|
-
## Step.Summary
|
|
29
|
-
|
|
30
|
-
Inherits all props from `OwnedPartProps<Collapsible.TriggerProps>`.
|
|
31
|
-
|
|
32
|
-
| Prop | Type | Default | Notes |
|
|
33
|
-
|------|------|---------|-------|
|
|
34
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
35
|
-
|
|
36
|
-
## Step.Content
|
|
37
|
-
|
|
38
|
-
Inherits all props from `OwnedPartProps<Collapsible.ContentProps>`.
|
|
39
|
-
|
|
40
|
-
| Prop | Type | Default | Notes |
|
|
41
|
-
|------|------|---------|-------|
|
|
42
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
43
|
-
|
|
44
|
-
## Step.Section
|
|
45
|
-
|
|
46
|
-
Inherits all props from `HTMLAttributes<HTMLDivElement>`.
|
|
47
|
-
|
|
48
|
-
| Prop | Type | Default | Notes |
|
|
49
|
-
|------|------|---------|-------|
|
|
50
|
-
| `label?` | `string` | — | Tiny uppercase section header — INPUT, OUTPUT, … |
|
|
51
|
-
| `children?` | `Snippet` | — | — |
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
# Switch
|
|
2
|
-
|
|
3
|
-
A toggle switch control.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { Switch } from "@signal9/era-ui/switch";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
Inherits all props from `Switch.RootProps`.
|
|
14
|
-
|
|
15
|
-
| Prop | Type | Default | Notes |
|
|
16
|
-
|------|------|---------|-------|
|
|
17
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
18
|
-
| `checked?` | `(forwarded)` | `false` | bindable |
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
# Table
|
|
2
|
-
|
|
3
|
-
A tabular data display with rows, headers, and cells.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as Table from "@signal9/era-ui/table";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `Table.Root`
|
|
14
|
-
- `Table.Head`
|
|
15
|
-
- `Table.Body`
|
|
16
|
-
- `Table.Row`
|
|
17
|
-
- `Table.HeadCell`
|
|
18
|
-
- `Table.Cell`
|
|
19
|
-
|
|
20
|
-
## Table.Root
|
|
21
|
-
|
|
22
|
-
Inherits all props from `HTMLTableAttributes`.
|
|
23
|
-
|
|
24
|
-
| Prop | Type | Default | Notes |
|
|
25
|
-
|------|------|---------|-------|
|
|
26
|
-
| `ref?` | `HTMLTableElement \| null` | `null` | bindable |
|
|
27
|
-
| `variant?` | `'default' \| 'cells'` | `'default'` | Visual treatment. `default` paints divider lines between rows. `cells`
|
|
28
|
-
separates every cell into its own rounded muted surface — think the
|
|
29
|
-
markdown-table look from Claude Code Desktop. Descendant rows and
|
|
30
|
-
cells style themselves against `data-variant` on this element, so
|
|
31
|
-
mixing the two forms in one tree isn't supported. |
|
|
32
|
-
| `children?` | `Snippet` | — | — |
|
|
33
|
-
|
|
34
|
-
## Table.Head
|
|
35
|
-
|
|
36
|
-
Inherits all props from `HTMLAttributes<HTMLTableSectionElement>`.
|
|
37
|
-
|
|
38
|
-
| Prop | Type | Default | Notes |
|
|
39
|
-
|------|------|---------|-------|
|
|
40
|
-
| `ref?` | `HTMLTableSectionElement \| null` | `null` | bindable |
|
|
41
|
-
| `children?` | `Snippet` | — | — |
|
|
42
|
-
|
|
43
|
-
## Table.Body
|
|
44
|
-
|
|
45
|
-
Inherits all props from `HTMLAttributes<HTMLTableSectionElement>`.
|
|
46
|
-
|
|
47
|
-
| Prop | Type | Default | Notes |
|
|
48
|
-
|------|------|---------|-------|
|
|
49
|
-
| `ref?` | `HTMLTableSectionElement \| null` | `null` | bindable |
|
|
50
|
-
| `children?` | `Snippet` | — | — |
|
|
51
|
-
|
|
52
|
-
## Table.Row
|
|
53
|
-
|
|
54
|
-
Inherits all props from `HTMLAttributes<HTMLTableRowElement>`.
|
|
55
|
-
|
|
56
|
-
| Prop | Type | Default | Notes |
|
|
57
|
-
|------|------|---------|-------|
|
|
58
|
-
| `ref?` | `HTMLTableRowElement \| null` | `null` | bindable |
|
|
59
|
-
| `children?` | `Snippet` | — | — |
|
|
60
|
-
|
|
61
|
-
## Table.HeadCell
|
|
62
|
-
|
|
63
|
-
Inherits all props from `HTMLThAttributes`.
|
|
64
|
-
|
|
65
|
-
| Prop | Type | Default | Notes |
|
|
66
|
-
|------|------|---------|-------|
|
|
67
|
-
| `ref?` | `HTMLTableCellElement \| null` | `null` | bindable |
|
|
68
|
-
| `children?` | `Snippet` | — | — |
|
|
69
|
-
|
|
70
|
-
## Table.Cell
|
|
71
|
-
|
|
72
|
-
Inherits all props from `HTMLTdAttributes`.
|
|
73
|
-
|
|
74
|
-
| Prop | Type | Default | Notes |
|
|
75
|
-
|------|------|---------|-------|
|
|
76
|
-
| `ref?` | `HTMLTableCellElement \| null` | `null` | bindable |
|
|
77
|
-
| `children?` | `Snippet` | — | — |
|
|
78
|
-
|
|
79
|
-
## Usage
|
|
80
|
-
|
|
81
|
-
```svelte
|
|
82
|
-
<script lang="ts">
|
|
83
|
-
import { Table } from '@signal9/era-ui/table';
|
|
84
|
-
|
|
85
|
-
const rows = [
|
|
86
|
-
{ id: 1, name: 'Ada', role: 'Engineer' },
|
|
87
|
-
{ id: 2, name: 'Grace', role: 'Designer' }
|
|
88
|
-
];
|
|
89
|
-
</script>
|
|
90
|
-
|
|
91
|
-
<Table.Root>
|
|
92
|
-
<Table.Head>
|
|
93
|
-
<Table.Row>
|
|
94
|
-
<Table.HeadCell>Name</Table.HeadCell>
|
|
95
|
-
<Table.HeadCell>Role</Table.HeadCell>
|
|
96
|
-
</Table.Row>
|
|
97
|
-
</Table.Head>
|
|
98
|
-
<Table.Body>
|
|
99
|
-
{#each rows as row (row.id)}
|
|
100
|
-
<Table.Row>
|
|
101
|
-
<Table.Cell>{row.name}</Table.Cell>
|
|
102
|
-
<Table.Cell>{row.role}</Table.Cell>
|
|
103
|
-
</Table.Row>
|
|
104
|
-
{/each}
|
|
105
|
-
</Table.Body>
|
|
106
|
-
</Table.Root>
|
|
107
|
-
```
|
|
108
|
-
|
|
109
|
-
## Notes
|
|
110
|
-
|
|
111
|
-
- Composition-first API (like `Table.Row`), not a single data-driven component — keeps layout decisions local to the call site.
|
|
112
|
-
- All parts pass through `class` and standard HTML attrs.
|
|
113
|
-
- Density tokens drive row height and cell padding.
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
# Tabs
|
|
2
|
-
|
|
3
|
-
Organizes content into tabbed sections.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as Tabs from "@signal9/era-ui/tabs";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `Tabs.Root`
|
|
14
|
-
- `Tabs.List`
|
|
15
|
-
- `Tabs.Trigger`
|
|
16
|
-
- `Tabs.Content`
|
|
17
|
-
|
|
18
|
-
## Tabs.Root
|
|
19
|
-
|
|
20
|
-
Inherits all props from `Tabs.RootProps`.
|
|
21
|
-
|
|
22
|
-
| Prop | Type | Default | Notes |
|
|
23
|
-
|------|------|---------|-------|
|
|
24
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
25
|
-
|
|
26
|
-
## Tabs.List
|
|
27
|
-
|
|
28
|
-
Inherits all props from `Tabs.ListProps`.
|
|
29
|
-
|
|
30
|
-
| Prop | Type | Default | Notes |
|
|
31
|
-
|------|------|---------|-------|
|
|
32
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
33
|
-
|
|
34
|
-
## Tabs.Trigger
|
|
35
|
-
|
|
36
|
-
Inherits all props from `Tabs.TriggerProps`.
|
|
37
|
-
|
|
38
|
-
| Prop | Type | Default | Notes |
|
|
39
|
-
|------|------|---------|-------|
|
|
40
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
41
|
-
|
|
42
|
-
## Tabs.Content
|
|
43
|
-
|
|
44
|
-
Inherits all props from `Tabs.ContentProps`.
|
|
45
|
-
|
|
46
|
-
| Prop | Type | Default | Notes |
|
|
47
|
-
|------|------|---------|-------|
|
|
48
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
# Time Field
|
|
2
|
-
|
|
3
|
-
Segmented time input with keyboard navigation.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as TimeField from "@signal9/era-ui/time-field";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `TimeField.Root`
|
|
14
|
-
- `TimeField.Input`
|
|
15
|
-
- `TimeField.Segment`
|
|
16
|
-
- `TimeField.Label`
|
|
17
|
-
|
|
18
|
-
## TimeField.Root
|
|
19
|
-
|
|
20
|
-
Inherits all props from `TimeField.RootProps`.
|
|
21
|
-
|
|
22
|
-
| Prop | Type | Default | Notes |
|
|
23
|
-
|------|------|---------|-------|
|
|
24
|
-
| `value?` | `(forwarded)` | — | bindable |
|
|
25
|
-
| `placeholder?` | `(forwarded)` | — | bindable |
|
|
26
|
-
|
|
27
|
-
## TimeField.Input
|
|
28
|
-
|
|
29
|
-
Inherits all props from `TimeField.InputProps`.
|
|
30
|
-
|
|
31
|
-
| Prop | Type | Default | Notes |
|
|
32
|
-
|------|------|---------|-------|
|
|
33
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
34
|
-
|
|
35
|
-
## TimeField.Segment
|
|
36
|
-
|
|
37
|
-
Inherits all props from `TimeField.SegmentProps`.
|
|
38
|
-
|
|
39
|
-
| Prop | Type | Default | Notes |
|
|
40
|
-
|------|------|---------|-------|
|
|
41
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
42
|
-
|
|
43
|
-
## TimeField.Label
|
|
44
|
-
|
|
45
|
-
Inherits all props from `TimeField.LabelProps`.
|
|
46
|
-
|
|
47
|
-
| Prop | Type | Default | Notes |
|
|
48
|
-
|------|------|---------|-------|
|
|
49
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
# Time Range Field
|
|
2
|
-
|
|
3
|
-
Segmented start/end time input.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as TimeRangeField from "@signal9/era-ui/time-range-field";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `TimeRangeField.Root`
|
|
14
|
-
- `TimeRangeField.Input`
|
|
15
|
-
- `TimeRangeField.Segment`
|
|
16
|
-
- `TimeRangeField.Label`
|
|
17
|
-
|
|
18
|
-
## TimeRangeField.Root
|
|
19
|
-
|
|
20
|
-
Inherits all props from `TimeRangeField.RootProps`.
|
|
21
|
-
|
|
22
|
-
| Prop | Type | Default | Notes |
|
|
23
|
-
|------|------|---------|-------|
|
|
24
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
25
|
-
| `value?` | `(forwarded)` | — | bindable |
|
|
26
|
-
| `placeholder?` | `(forwarded)` | — | bindable |
|
|
27
|
-
|
|
28
|
-
## TimeRangeField.Input
|
|
29
|
-
|
|
30
|
-
Inherits all props from `TimeRangeField.InputProps`.
|
|
31
|
-
|
|
32
|
-
| Prop | Type | Default | Notes |
|
|
33
|
-
|------|------|---------|-------|
|
|
34
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
35
|
-
|
|
36
|
-
## TimeRangeField.Segment
|
|
37
|
-
|
|
38
|
-
Inherits all props from `TimeRangeField.SegmentProps`.
|
|
39
|
-
|
|
40
|
-
| Prop | Type | Default | Notes |
|
|
41
|
-
|------|------|---------|-------|
|
|
42
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
43
|
-
|
|
44
|
-
## TimeRangeField.Label
|
|
45
|
-
|
|
46
|
-
Inherits all props from `TimeRangeField.LabelProps`.
|
|
47
|
-
|
|
48
|
-
| Prop | Type | Default | Notes |
|
|
49
|
-
|------|------|---------|-------|
|
|
50
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|