@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,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,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. |
|