@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.
Files changed (145) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/dev/audit-overlay.svelte +2 -2
  3. package/dist/era-ui.css +1 -1
  4. package/dist/generated-docs/utilities.json +99 -99
  5. package/dist/os/pane.svelte +3 -13
  6. package/dist/styles/index.css +2 -956
  7. package/dist/styles/typography.css +1 -1
  8. package/dist/styles/utilities/geometry.css +188 -0
  9. package/dist/styles/utilities/interaction.css +334 -0
  10. package/dist/styles/utilities/materials.css +39 -0
  11. package/dist/styles/utilities/public.css +391 -0
  12. package/dist/styles/utilities.css +5 -0
  13. package/dist/ui/card/card.svelte +2 -52
  14. package/dist/ui/card/card.svelte.d.ts +0 -43
  15. package/dist/ui/card/variants.d.ts +44 -0
  16. package/dist/ui/card/variants.js +20 -0
  17. package/dist/ui/context-menu/context-menu-checkbox-item.svelte +2 -4
  18. package/dist/ui/context-menu/context-menu-group-heading.svelte +2 -5
  19. package/dist/ui/context-menu/context-menu-item.svelte +2 -8
  20. package/dist/ui/context-menu/context-menu-radio-item.svelte +2 -8
  21. package/dist/ui/context-menu/context-menu-separator.svelte +2 -5
  22. package/dist/ui/context-menu/context-menu-sub-trigger.svelte +2 -8
  23. package/dist/ui/dialog/dialog-header.svelte +1 -1
  24. package/dist/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +2 -4
  25. package/dist/ui/dropdown-menu/dropdown-menu-group-heading.svelte +2 -5
  26. package/dist/ui/dropdown-menu/dropdown-menu-item.svelte +2 -8
  27. package/dist/ui/dropdown-menu/dropdown-menu-radio-item.svelte +2 -8
  28. package/dist/ui/dropdown-menu/dropdown-menu-separator.svelte +2 -5
  29. package/dist/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +2 -8
  30. package/dist/ui/menu-recipes.d.ts +6 -0
  31. package/dist/ui/menu-recipes.js +6 -0
  32. package/dist/ui/menubar/menubar-checkbox-item.svelte +2 -9
  33. package/dist/ui/menubar/menubar-group-heading.svelte +2 -5
  34. package/dist/ui/menubar/menubar-item.svelte +2 -8
  35. package/dist/ui/menubar/menubar-radio-item.svelte +2 -8
  36. package/dist/ui/menubar/menubar-separator.svelte +2 -5
  37. package/dist/ui/menubar/menubar-sub-trigger.svelte +2 -8
  38. package/dist/ui/pane/pane-close.svelte +7 -26
  39. package/dist/ui/video-player/video-player.svelte +8 -8
  40. package/package.json +48 -12
  41. package/dist/docs/badge.md +0 -18
  42. package/dist/docs/bits-ui-audit.md +0 -58
  43. package/dist/docs/button.md +0 -19
  44. package/dist/docs/chip.md +0 -20
  45. package/dist/docs/component-docs-core.d.ts +0 -8
  46. package/dist/docs/component-docs-core.js +0 -73
  47. package/dist/docs/component-docs.d.ts +0 -2
  48. package/dist/docs/component-docs.js +0 -25
  49. package/dist/docs/component-source-scanners.d.ts +0 -18
  50. package/dist/docs/component-source-scanners.js +0 -46
  51. package/dist/docs/consumer-import.d.ts +0 -65
  52. package/dist/docs/consumer-import.js +0 -70
  53. package/dist/docs/css-utilities.d.ts +0 -58
  54. package/dist/docs/css-utilities.js +0 -317
  55. package/dist/docs/extract-props.d.ts +0 -13
  56. package/dist/docs/extract-props.js +0 -324
  57. package/dist/docs/generated-docs.d.ts +0 -6
  58. package/dist/docs/generated-docs.js +0 -30
  59. package/dist/docs/index.d.ts +0 -5
  60. package/dist/docs/index.js +0 -66
  61. package/dist/docs/notes.md +0 -83
  62. package/dist/docs/scroll-area.md +0 -7
  63. package/dist/docs/separator.md +0 -20
  64. package/dist/docs/table.md +0 -35
  65. package/dist/docs/utilities.d.ts +0 -4
  66. package/dist/docs/utilities.js +0 -15
  67. package/dist/generated-docs/accordion.md +0 -57
  68. package/dist/generated-docs/alert-dialog.md +0 -91
  69. package/dist/generated-docs/aspect-ratio.md +0 -17
  70. package/dist/generated-docs/avatar.md +0 -39
  71. package/dist/generated-docs/badge.md +0 -41
  72. package/dist/generated-docs/bar.md +0 -41
  73. package/dist/generated-docs/button-group.md +0 -19
  74. package/dist/generated-docs/button.md +0 -117
  75. package/dist/generated-docs/calendar.md +0 -126
  76. package/dist/generated-docs/card.md +0 -58
  77. package/dist/generated-docs/checkbox.md +0 -42
  78. package/dist/generated-docs/chip.md +0 -61
  79. package/dist/generated-docs/code-block.md +0 -20
  80. package/dist/generated-docs/collapsible.md +0 -30
  81. package/dist/generated-docs/combobox.md +0 -74
  82. package/dist/generated-docs/command-bar.md +0 -3
  83. package/dist/generated-docs/command.md +0 -126
  84. package/dist/generated-docs/context-menu.md +0 -104
  85. package/dist/generated-docs/copy-button.md +0 -29
  86. package/dist/generated-docs/cycle.md +0 -29
  87. package/dist/generated-docs/date-field.md +0 -49
  88. package/dist/generated-docs/date-picker.md +0 -180
  89. package/dist/generated-docs/date-range-field.md +0 -50
  90. package/dist/generated-docs/date-range-picker.md +0 -180
  91. package/dist/generated-docs/dialog.md +0 -94
  92. package/dist/generated-docs/draggable.md +0 -3
  93. package/dist/generated-docs/dropdown-menu.md +0 -104
  94. package/dist/generated-docs/file-upload.md +0 -18
  95. package/dist/generated-docs/getting-started.md +0 -3
  96. package/dist/generated-docs/input.md +0 -23
  97. package/dist/generated-docs/kv.md +0 -20
  98. package/dist/generated-docs/label.md +0 -17
  99. package/dist/generated-docs/link-preview.md +0 -40
  100. package/dist/generated-docs/llm-shell.md +0 -3
  101. package/dist/generated-docs/llms-full.txt +0 -5201
  102. package/dist/generated-docs/llms.txt +0 -138
  103. package/dist/generated-docs/logo.md +0 -24
  104. package/dist/generated-docs/manifest.json +0 -1685
  105. package/dist/generated-docs/measurements.md +0 -3
  106. package/dist/generated-docs/menu.md +0 -11
  107. package/dist/generated-docs/menubar.md +0 -104
  108. package/dist/generated-docs/meter.md +0 -101
  109. package/dist/generated-docs/mode.md +0 -24
  110. package/dist/generated-docs/nav.md +0 -73
  111. package/dist/generated-docs/navigation-menu.md +0 -11
  112. package/dist/generated-docs/notes.md +0 -87
  113. package/dist/generated-docs/os.md +0 -3
  114. package/dist/generated-docs/pagination.md +0 -55
  115. package/dist/generated-docs/pane.md +0 -34
  116. package/dist/generated-docs/pin-input.md +0 -31
  117. package/dist/generated-docs/popover.md +0 -43
  118. package/dist/generated-docs/progress.md +0 -17
  119. package/dist/generated-docs/radio-group.md +0 -31
  120. package/dist/generated-docs/range-calendar.md +0 -11
  121. package/dist/generated-docs/rating-group.md +0 -31
  122. package/dist/generated-docs/scroll-area.md +0 -65
  123. package/dist/generated-docs/select.md +0 -67
  124. package/dist/generated-docs/separator.md +0 -57
  125. package/dist/generated-docs/sheet.md +0 -11
  126. package/dist/generated-docs/skeleton.md +0 -18
  127. package/dist/generated-docs/slider.md +0 -71
  128. package/dist/generated-docs/spacing.md +0 -3
  129. package/dist/generated-docs/step.md +0 -51
  130. package/dist/generated-docs/surfaces.md +0 -3
  131. package/dist/generated-docs/switch.md +0 -18
  132. package/dist/generated-docs/table.md +0 -113
  133. package/dist/generated-docs/tabs.md +0 -48
  134. package/dist/generated-docs/text.md +0 -3
  135. package/dist/generated-docs/time-field.md +0 -49
  136. package/dist/generated-docs/time-range-field.md +0 -50
  137. package/dist/generated-docs/timeline.md +0 -32
  138. package/dist/generated-docs/todo.md +0 -3
  139. package/dist/generated-docs/toggle-group.md +0 -31
  140. package/dist/generated-docs/toggle.md +0 -20
  141. package/dist/generated-docs/toolbar.md +0 -11
  142. package/dist/generated-docs/tooltip.md +0 -40
  143. package/dist/generated-docs/tree.md +0 -36
  144. package/dist/generated-docs/utilities.md +0 -1236
  145. 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,11 +0,0 @@
1
- # Sheet
2
-
3
- A dialog anchored to a screen edge — a mobile drawer.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import * as Sheet from "@signal9/era-ui/sheet";
9
- ```
10
-
11
- Composed from sub-components — compose explicitly at the call site:
@@ -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,3 +0,0 @@
1
- # Spacing
2
-
3
- The sp-derived tier ladder — heights, insets, radii, concentricity.
@@ -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,3 +0,0 @@
1
- # Surfaces
2
-
3
- Every surface × corners rendered live for visual QA.
@@ -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,3 +0,0 @@
1
- # Text
2
-
3
- Copy-paste text styling — headings, prose, emphasis, and motion-aware links.
@@ -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 |