@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,126 +0,0 @@
1
- # Calendar
2
-
3
- A date picker calendar grid.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import * as Calendar from "@signal9/era-ui/calendar";
9
- ```
10
-
11
- Composed from sub-components — compose explicitly at the call site:
12
-
13
- - `Calendar.Root`
14
- - `Calendar.Header`
15
- - `Calendar.Heading`
16
- - `Calendar.PrevButton`
17
- - `Calendar.NextButton`
18
- - `Calendar.Grid`
19
- - `Calendar.GridHead`
20
- - `Calendar.GridBody`
21
- - `Calendar.GridRow`
22
- - `Calendar.HeadCell`
23
- - `Calendar.Cell`
24
- - `Calendar.Day`
25
-
26
- ## Calendar.Root
27
-
28
- Inherits all props from `Calendar.RootProps`.
29
-
30
- | Prop | Type | Default | Notes |
31
- |------|------|---------|-------|
32
- | `ref?` | `(forwarded)` | `null` | bindable |
33
- | `value?` | `(forwarded)` | — | bindable |
34
- | `placeholder?` | `(forwarded)` | — | bindable |
35
-
36
- ## Calendar.Header
37
-
38
- Inherits all props from `Calendar.HeaderProps`.
39
-
40
- | Prop | Type | Default | Notes |
41
- |------|------|---------|-------|
42
- | `ref?` | `(forwarded)` | `null` | bindable |
43
-
44
- ## Calendar.Heading
45
-
46
- Inherits all props from `Calendar.HeadingProps`.
47
-
48
- | Prop | Type | Default | Notes |
49
- |------|------|---------|-------|
50
- | `ref?` | `(forwarded)` | `null` | bindable |
51
-
52
- ## Calendar.PrevButton
53
-
54
- Inherits all props from `WithoutChildrenOrChild<Calendar.PrevButtonProps>`.
55
- Inherits all props from `Pick<ButtonVariants, 'tone' | 'size'>`.
56
-
57
- | Prop | Type | Default | Notes |
58
- |------|------|---------|-------|
59
- | `children?` | `Snippet` | — | — |
60
- | `ref?` | `(forwarded)` | `null` | bindable |
61
-
62
- ## Calendar.NextButton
63
-
64
- Inherits all props from `WithoutChildrenOrChild<Calendar.NextButtonProps>`.
65
- Inherits all props from `Pick<ButtonVariants, 'tone' | 'size'>`.
66
-
67
- | Prop | Type | Default | Notes |
68
- |------|------|---------|-------|
69
- | `children?` | `Snippet` | — | — |
70
- | `ref?` | `(forwarded)` | `null` | bindable |
71
-
72
- ## Calendar.Grid
73
-
74
- Inherits all props from `Calendar.GridProps`.
75
-
76
- | Prop | Type | Default | Notes |
77
- |------|------|---------|-------|
78
- | `ref?` | `(forwarded)` | `null` | bindable |
79
-
80
- ## Calendar.GridHead
81
-
82
- Inherits all props from `Calendar.GridHeadProps`.
83
-
84
- | Prop | Type | Default | Notes |
85
- |------|------|---------|-------|
86
- | `ref?` | `(forwarded)` | `null` | bindable |
87
-
88
- ## Calendar.GridBody
89
-
90
- Inherits all props from `Calendar.GridBodyProps`.
91
-
92
- | Prop | Type | Default | Notes |
93
- |------|------|---------|-------|
94
- | `ref?` | `(forwarded)` | `null` | bindable |
95
-
96
- ## Calendar.GridRow
97
-
98
- Inherits all props from `Calendar.GridRowProps`.
99
-
100
- | Prop | Type | Default | Notes |
101
- |------|------|---------|-------|
102
- | `ref?` | `(forwarded)` | `null` | bindable |
103
-
104
- ## Calendar.HeadCell
105
-
106
- Inherits all props from `Calendar.HeadCellProps`.
107
-
108
- | Prop | Type | Default | Notes |
109
- |------|------|---------|-------|
110
- | `ref?` | `(forwarded)` | `null` | bindable |
111
-
112
- ## Calendar.Cell
113
-
114
- Inherits all props from `Calendar.CellProps`.
115
-
116
- | Prop | Type | Default | Notes |
117
- |------|------|---------|-------|
118
- | `ref?` | `(forwarded)` | `null` | bindable |
119
-
120
- ## Calendar.Day
121
-
122
- Inherits all props from `Calendar.DayProps`.
123
-
124
- | Prop | Type | Default | Notes |
125
- |------|------|---------|-------|
126
- | `ref?` | `(forwarded)` | `null` | bindable |
@@ -1,58 +0,0 @@
1
- # Card
2
-
3
- A surface container that can behave as a link or button.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import { Card } from "@signal9/era-ui/card";
9
- ```
10
-
11
- ## Props
12
-
13
- Inherits all props from `HTMLAttributes<HTMLElement>`.
14
- Inherits all props from `AnchorBits`.
15
- Inherits all props from `ButtonBits`.
16
-
17
- | Prop | Type | Default | Notes |
18
- |------|------|---------|-------|
19
- | `ref?` | `CardElement \| null` | `null` | bindable |
20
- | `tone?` | `'elevated' \| 'surface' \| 'well' \| 'flat'` | `'elevated'` | Surface tier the card paints on.
21
- - `elevated` (default): the lifted surface, with a resting shadow. Use
22
- on the page background.
23
- - `surface`: the base surface tier, no shadow. Use when nesting cards
24
- inside another elevated container.
25
- - `well`: recessed. For content the surrounding UI puts INTO the card —
26
- a tool's output pane, a transcript body — the container twin of a
27
- text field's fill.
28
- - `flat`: no background; only the rounded/padded shell. For grouping
29
- content visually without adding contrast.
30
- READ THE CLASSES AND THEY LOOK SWAPPED. They are not, and this is
31
- worth a sentence because a consumer read them, believed it, and
32
- shipped flat cards for months. `surface` paints `bg-well` and `well`
33
- paints `bg-field`, because era's utility names describe FILLS rather
34
- than tiers: `bg-well` is the surface's own resting fill (it is what a
35
- panel is painted with, and it pairs with `shadow-well` when you want
36
- recessed chrome), and `bg-field` is the recessed fill a text input
37
- sits in. The tone names are the tiers; the class names are the paints.
38
- A CARD THAT IS PRESSABLE SHOULD USUALLY BE `elevated`. Passing `href`
39
- or `onclick` turns on the interactive face — hover, focus, press — but
40
- it deliberately does NOT override the tier you asked for, so a
41
- `surface` link card does not get the raised tier's separation and can
42
- read flatter than the static cards around it. That combination was
43
- reported as a bug and it is a choice: a tone that silently changed
44
- under an event handler would be a worse one.
45
- HOW THE TIERS DIFFER IS SURFACE-DEPENDENT, so do not go looking for a
46
- fill difference on every surface. `base` mixes the elevated fill 6%
47
- toward `--color-bright` and adds a resting shadow, so there the tiers
48
- differ in COLOUR. `bevel` sets `--era-surface-bg-elevated` to
49
- `--era-surface-bg` outright — elevation is a chisel, not a tone, which
50
- is bevel's whole premise — so `surface` and `elevated` paint the
51
- IDENTICAL fill there and differ only in relief. A consumer measured
52
- exactly that on 30.8.0 bevel: both tones `oklch(0.195 0 none)` in dark,
53
- `0.863` in light, one variable, side by side. `glass` splits the tiers
54
- its own way again. So the tier is real on every surface; the thing
55
- carrying it is not always the fill. |
56
- | `header?` | `Snippet` | — | Rendered above the body with a subtle divider. |
57
- | `footer?` | `Snippet` | — | Rendered below the body with a subtle divider. |
58
- | `children?` | `Snippet` | — | — |
@@ -1,42 +0,0 @@
1
- # Checkbox
2
-
3
- Toggleable check with indeterminate support.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import * as Checkbox from "@signal9/era-ui/checkbox";
9
- ```
10
-
11
- Composed from sub-components — compose explicitly at the call site:
12
-
13
- - `Checkbox.Root`
14
- - `Checkbox.Group`
15
- - `Checkbox.GroupLabel`
16
-
17
- ## Checkbox.Root
18
-
19
- Inherits all props from `Checkbox.RootProps`.
20
-
21
- | Prop | Type | Default | Notes |
22
- |------|------|---------|-------|
23
- | `ref?` | `(forwarded)` | `null` | bindable |
24
- | `checked?` | `(forwarded)` | `false` | bindable |
25
- | `indeterminate?` | `(forwarded)` | `false` | bindable |
26
-
27
- ## Checkbox.Group
28
-
29
- Inherits all props from `Checkbox.GroupProps`.
30
-
31
- | Prop | Type | Default | Notes |
32
- |------|------|---------|-------|
33
- | `ref?` | `(forwarded)` | `null` | bindable |
34
- | `value?` | `(forwarded)` | `[]` | bindable |
35
-
36
- ## Checkbox.GroupLabel
37
-
38
- Inherits all props from `Checkbox.GroupLabelProps`.
39
-
40
- | Prop | Type | Default | Notes |
41
- |------|------|---------|-------|
42
- | `ref?` | `(forwarded)` | `null` | bindable |
@@ -1,61 +0,0 @@
1
- # Chip
2
-
3
- An interactive, optionally dismissible token.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import { Chip } from "@signal9/era-ui/chip";
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
- | `size?` | `'chip' \| 'pill'` | `'chip'` | `sm` (default) is the standalone free chip; `pill` is the smaller pill
19
- that nests inside an md container (a select trigger, a button). |
20
- | `ondismiss?` | `() => void` | — | — |
21
- | `dismissAs?` | `'button' \| 'span'` | `'button'` | What the dismiss control RENDERS AS. `button` (the default) is right
22
- for a free-standing chip. Use `span` when the chip lives inside
23
- another control.
24
- A <button> inside a <button> is not merely bad manners: it is invalid,
25
- and the HTML parser repairs it by CLOSING the outer control before the
26
- inner one. So the server's markup and the client's DOM disagree, Svelte
27
- discards the page's hydration and re-renders from scratch, and the
28
- chips briefly sit outside the trigger they belong to. era's own
29
- multi-select shipped exactly that (a Chip with `ondismiss` inside
30
- Select.Trigger) and logged node_invalid_placement_ssr on every load.
31
- `span` also drops the control from the accessibility tree rather than
32
- announcing a button inside a button — which is the honest description
33
- of what it is there: a pointer shortcut. The accessible way to remove
34
- a selection is the listbox itself, which is unaffected. Keyboard focus
35
- order is unchanged, because a nested button was never reachable in a
36
- sensible order anyway. |
37
- | `lead?` | `Snippet` | — | Icon rendered BEFORE the label, outside it. Use this rather than putting
38
- an icon in `children`: the label then gets its own box, which is the only
39
- place era's ink centring can reach. |
40
- | `children?` | `Snippet` | — | — |
41
-
42
- ## Usage
43
-
44
- ```svelte
45
- <script>
46
- import { Chip } from '@signal9/era-ui/chip';
47
-
48
- let tags = $state(['alpha', 'beta', 'gamma']);
49
- </script>
50
-
51
- {#each tags as tag}
52
- <Chip ondismiss={() => (tags = tags.filter((t) => t !== tag))}>
53
- {tag}
54
- </Chip>
55
- {/each}
56
- ```
57
-
58
- ## Notes
59
-
60
- - Internal pointerdown/up events on the dismiss button are stopped from bubbling — this prevents accidental toggling when a Chip is nested inside a Select/Popover trigger.
61
- - Uses the `xxs` tier tokens (height, radius, inset). Part of the Badge/Chip/KV "tag" family.
@@ -1,20 +0,0 @@
1
- # Code Block
2
-
3
- A code snippet with optional copy button.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import { CodeBlock } from "@signal9/era-ui/code-block";
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
- | `code?` | `string` | — | — |
19
- | `copyable?` | `boolean` | `true` | — |
20
- | `children?` | `Snippet` | — | — |
@@ -1,30 +0,0 @@
1
- # Collapsible
2
-
3
- Show and hide content sections with a trigger.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import * as Collapsible from "@signal9/era-ui/collapsible";
9
- ```
10
-
11
- Composed from sub-components — compose explicitly at the call site:
12
-
13
- - `Collapsible.Trigger`
14
- - `Collapsible.Content`
15
-
16
- ## Collapsible.Trigger
17
-
18
- Inherits all props from `PartProps<Collapsible.TriggerProps>`.
19
-
20
- | Prop | Type | Default | Notes |
21
- |------|------|---------|-------|
22
- | `ref?` | `(forwarded)` | `null` | bindable |
23
-
24
- ## Collapsible.Content
25
-
26
- Inherits all props from `PartProps<Collapsible.ContentProps>`.
27
-
28
- | Prop | Type | Default | Notes |
29
- |------|------|---------|-------|
30
- | `ref?` | `(forwarded)` | `null` | bindable |
@@ -1,74 +0,0 @@
1
- # Combobox
2
-
3
- Search and select from a filtered list of options.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import * as Combobox from "@signal9/era-ui/combobox";
9
- ```
10
-
11
- Composed from sub-components — compose explicitly at the call site:
12
-
13
- - `Combobox.Input`
14
- - `Combobox.Trigger`
15
- - `Combobox.Content`
16
- - `Combobox.Item`
17
- - `Combobox.Empty`
18
- - `Combobox.Group`
19
- - `Combobox.GroupHeading`
20
-
21
- ## Combobox.Input
22
-
23
- Inherits all props from `Combobox.InputProps`.
24
-
25
- | Prop | Type | Default | Notes |
26
- |------|------|---------|-------|
27
- | `ref?` | `(forwarded)` | `null` | bindable |
28
-
29
- ## Combobox.Trigger
30
-
31
- Inherits all props from `OwnedPartProps<Combobox.TriggerProps>`.
32
-
33
- | Prop | Type | Default | Notes |
34
- |------|------|---------|-------|
35
- | `ref?` | `(forwarded)` | `null` | bindable |
36
-
37
- ## Combobox.Content
38
-
39
- Inherits all props from `PartProps<Combobox.ContentProps>`.
40
-
41
- | Prop | Type | Default | Notes |
42
- |------|------|---------|-------|
43
- | `ref?` | `(forwarded)` | `null` | bindable |
44
-
45
- ## Combobox.Item
46
-
47
- Inherits all props from `Combobox.ItemProps`.
48
-
49
- | Prop | Type | Default | Notes |
50
- |------|------|---------|-------|
51
- | `ref?` | `(forwarded)` | `null` | bindable |
52
-
53
- ## Combobox.Empty
54
-
55
- | Prop | Type | Default | Notes |
56
- |------|------|---------|-------|
57
- | `children?` | `Snippet` | — | — |
58
- | `class?` | `string` | — | — |
59
-
60
- ## Combobox.Group
61
-
62
- Inherits all props from `Combobox.GroupProps`.
63
-
64
- | Prop | Type | Default | Notes |
65
- |------|------|---------|-------|
66
- | `ref?` | `(forwarded)` | `null` | bindable |
67
-
68
- ## Combobox.GroupHeading
69
-
70
- Inherits all props from `PartProps<Combobox.GroupHeadingProps>`.
71
-
72
- | Prop | Type | Default | Notes |
73
- |------|------|---------|-------|
74
- | `ref?` | `(forwarded)` | `null` | bindable |
@@ -1,3 +0,0 @@
1
- # Command Bar
2
-
3
- Terminal-style prompt with ghost completion and drill-in views.
@@ -1,126 +0,0 @@
1
- # Command
2
-
3
- A searchable command menu for quick navigation.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import * as Command from "@signal9/era-ui/command";
9
- ```
10
-
11
- Composed from sub-components — compose explicitly at the call site:
12
-
13
- - `Command.Root`
14
- - `Command.Input`
15
- - `Command.List`
16
- - `Command.Viewport`
17
- - `Command.Empty`
18
- - `Command.Loading`
19
- - `Command.Group`
20
- - `Command.GroupHeading`
21
- - `Command.GroupItems`
22
- - `Command.Item`
23
- - `Command.LinkItem`
24
- - `Command.Separator`
25
-
26
- ## Command.Root
27
-
28
- Inherits all props from `Command.RootProps`.
29
-
30
- | Prop | Type | Default | Notes |
31
- |------|------|---------|-------|
32
- | `bare?` | `boolean` | `false` | Drop the floating-panel chrome (border, bg, padding, shadow) for
33
- embedding inside a surface that already provides it — a pane body, a
34
- sidebar. The host's own padding is then the only edge inset. |
35
- | `ref?` | `(forwarded)` | `null` | bindable |
36
- | `value?` | `(forwarded)` | `''` | bindable |
37
-
38
- ## Command.Input
39
-
40
- Inherits all props from `Command.InputProps`.
41
-
42
- | Prop | Type | Default | Notes |
43
- |------|------|---------|-------|
44
- | `icon?` | `Component<IconProps> \| null` | `null` | Lucide icon rendered inside the field, left of the text (e.g. a search glyph). |
45
- | `ref?` | `(forwarded)` | `null` | bindable |
46
- | `value?` | `(forwarded)` | `''` | bindable |
47
-
48
- ## Command.List
49
-
50
- Inherits all props from `Command.ListProps`.
51
-
52
- | Prop | Type | Default | Notes |
53
- |------|------|---------|-------|
54
- | `ref?` | `(forwarded)` | `null` | bindable |
55
-
56
- ## Command.Viewport
57
-
58
- Inherits all props from `Command.ViewportProps`.
59
-
60
- | Prop | Type | Default | Notes |
61
- |------|------|---------|-------|
62
- | `ref?` | `(forwarded)` | `null` | bindable |
63
-
64
- ## Command.Empty
65
-
66
- Inherits all props from `Command.EmptyProps`.
67
-
68
- | Prop | Type | Default | Notes |
69
- |------|------|---------|-------|
70
- | `ref?` | `(forwarded)` | `null` | bindable |
71
-
72
- ## Command.Loading
73
-
74
- Inherits all props from `Command.LoadingProps`.
75
-
76
- | Prop | Type | Default | Notes |
77
- |------|------|---------|-------|
78
- | `ref?` | `(forwarded)` | `null` | bindable |
79
-
80
- ## Command.Group
81
-
82
- Inherits all props from `Command.GroupProps`.
83
-
84
- | Prop | Type | Default | Notes |
85
- |------|------|---------|-------|
86
- | `ref?` | `(forwarded)` | `null` | bindable |
87
-
88
- ## Command.GroupHeading
89
-
90
- Inherits all props from `Command.GroupHeadingProps`.
91
-
92
- | Prop | Type | Default | Notes |
93
- |------|------|---------|-------|
94
- | `ref?` | `(forwarded)` | `null` | bindable |
95
-
96
- ## Command.GroupItems
97
-
98
- Inherits all props from `Command.GroupItemsProps`.
99
-
100
- | Prop | Type | Default | Notes |
101
- |------|------|---------|-------|
102
- | `ref?` | `(forwarded)` | `null` | bindable |
103
-
104
- ## Command.Item
105
-
106
- Inherits all props from `Command.ItemProps`.
107
-
108
- | Prop | Type | Default | Notes |
109
- |------|------|---------|-------|
110
- | `ref?` | `(forwarded)` | `null` | bindable |
111
-
112
- ## Command.LinkItem
113
-
114
- Inherits all props from `Command.LinkItemProps`.
115
-
116
- | Prop | Type | Default | Notes |
117
- |------|------|---------|-------|
118
- | `ref?` | `(forwarded)` | `null` | bindable |
119
-
120
- ## Command.Separator
121
-
122
- Inherits all props from `Command.SeparatorProps`.
123
-
124
- | Prop | Type | Default | Notes |
125
- |------|------|---------|-------|
126
- | `ref?` | `(forwarded)` | `null` | bindable |
@@ -1,104 +0,0 @@
1
- # Context Menu
2
-
3
- Options and actions triggered by right-click.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import * as ContextMenu from "@signal9/era-ui/context-menu";
9
- ```
10
-
11
- Composed from sub-components — compose explicitly at the call site:
12
-
13
- - `ContextMenu.Root`
14
- - `ContextMenu.Trigger`
15
- - `ContextMenu.Content`
16
- - `ContextMenu.Item`
17
- - `ContextMenu.CheckboxItem`
18
- - `ContextMenu.RadioItem`
19
- - `ContextMenu.Separator`
20
- - `ContextMenu.SubTrigger`
21
- - `ContextMenu.SubContent`
22
- - `ContextMenu.GroupHeading`
23
-
24
- ## ContextMenu.Root
25
-
26
- Inherits all props from `ContextMenu.RootProps`.
27
-
28
- | Prop | Type | Default | Notes |
29
- |------|------|---------|-------|
30
- | `children?` | `Snippet` | — | — |
31
- | `open?` | `(forwarded)` | `false` | bindable |
32
-
33
- ## ContextMenu.Trigger
34
-
35
- Inherits all props from `ContextMenu.TriggerProps`.
36
-
37
- | Prop | Type | Default | Notes |
38
- |------|------|---------|-------|
39
- | `ref?` | `(forwarded)` | `null` | bindable |
40
-
41
- ## ContextMenu.Content
42
-
43
- Inherits all props from `OwnedPartProps<ContextMenu.ContentProps>`.
44
-
45
- | Prop | Type | Default | Notes |
46
- |------|------|---------|-------|
47
- | `ref?` | `(forwarded)` | `null` | bindable |
48
-
49
- ## ContextMenu.Item
50
-
51
- Inherits all props from `PartProps<ContextMenu.ItemProps>`.
52
-
53
- | Prop | Type | Default | Notes |
54
- |------|------|---------|-------|
55
- | `ref?` | `(forwarded)` | `null` | bindable |
56
-
57
- ## ContextMenu.CheckboxItem
58
-
59
- Inherits all props from `ContextMenu.CheckboxItemProps`.
60
-
61
- | Prop | Type | Default | Notes |
62
- |------|------|---------|-------|
63
- | `ref?` | `(forwarded)` | `null` | bindable |
64
- | `checked?` | `(forwarded)` | `false` | bindable |
65
-
66
- ## ContextMenu.RadioItem
67
-
68
- Inherits all props from `ContextMenu.RadioItemProps`.
69
-
70
- | Prop | Type | Default | Notes |
71
- |------|------|---------|-------|
72
- | `ref?` | `(forwarded)` | `null` | bindable |
73
-
74
- ## ContextMenu.Separator
75
-
76
- Inherits all props from `ContextMenu.SeparatorProps`.
77
-
78
- | Prop | Type | Default | Notes |
79
- |------|------|---------|-------|
80
- | `ref?` | `(forwarded)` | `null` | bindable |
81
-
82
- ## ContextMenu.SubTrigger
83
-
84
- Inherits all props from `OwnedPartProps<ContextMenu.SubTriggerProps>`.
85
-
86
- | Prop | Type | Default | Notes |
87
- |------|------|---------|-------|
88
- | `ref?` | `(forwarded)` | `null` | bindable |
89
-
90
- ## ContextMenu.SubContent
91
-
92
- Inherits all props from `OwnedPartProps<ContextMenu.SubContentProps>`.
93
-
94
- | Prop | Type | Default | Notes |
95
- |------|------|---------|-------|
96
- | `ref?` | `(forwarded)` | `null` | bindable |
97
-
98
- ## ContextMenu.GroupHeading
99
-
100
- Inherits all props from `ContextMenu.GroupHeadingProps`.
101
-
102
- | Prop | Type | Default | Notes |
103
- |------|------|---------|-------|
104
- | `ref?` | `(forwarded)` | `null` | bindable |
@@ -1,29 +0,0 @@
1
- # Copy Button
2
-
3
- An icon button that copies text and cross-fades to a result glyph.
4
-
5
- ## Import
6
-
7
- ```ts
8
- import { CopyButton } from "@signal9/era-ui/copy-button";
9
- ```
10
-
11
- ## Props
12
-
13
- Inherits all props from `Omit<HTMLButtonAttributes, 'onclick' | 'children'>`.
14
- Inherits all props from `ButtonVariants`.
15
-
16
- | Prop | Type | Default | Notes |
17
- |------|------|---------|-------|
18
- | `ref?` | `HTMLElement \| null` | `null` | bindable |
19
- | `text` | `string \| (() => string)` | — | The string written to the clipboard. Pass a function when the value
20
- is only knowable at click time (e.g. text read out of the DOM) — it
21
- is resolved on each click, not at render. |
22
- | `onCopy?` | `(status: 'success' \| 'failure') => void` | — | Fires after the write settles, with the outcome. |
23
- | `resetDelay?` | `number` | `1500` | How long the result icon holds before falling back to idle. |
24
- | `label?` | `string` | `'Copy'` | Accessible name in the idle and failure states. |
25
- | `copiedLabel?` | `string` | `'Copied'` | Accessible name while the success icon is showing. |
26
- | `idleIcon?` | `Component<IconProps>` | `Copy` | Idle-state glyph (the "copy" affordance). Swap to match a host
27
- icon set — any component taking lucide's IconProps fits. |
28
- | `successIcon?` | `Component<IconProps>` | `Check` | Glyph shown after a successful write. |
29
- | `failureIcon?` | `Component<IconProps>` | `X` | Glyph shown after a failed write. |