@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,29 +0,0 @@
|
|
|
1
|
-
# Cycle
|
|
2
|
-
|
|
3
|
-
A single button that steps through an ordered set of states.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { Cycle } from "@signal9/era-ui/cycle";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
Inherits all props from `Omit<HTMLButtonAttributes, 'value' | 'children'>`.
|
|
14
|
-
Inherits all props from `Omit<ButtonVariants, 'active'>`.
|
|
15
|
-
|
|
16
|
-
| Prop | Type | Default | Notes |
|
|
17
|
-
|------|------|---------|-------|
|
|
18
|
-
| `ref?` | `HTMLElement \| null` | `null` | bindable |
|
|
19
|
-
| `options` | `CycleOption<T>[]` | — | The stops, in cycle order. Two or more. |
|
|
20
|
-
| `value?` | `T` | `options[0]?.value` | bindable — The current stop. Defaults to the first option. |
|
|
21
|
-
| `onValueChange?` | `(value: T) => void` | — | — |
|
|
22
|
-
| `loop?` | `boolean` | `true` | Wrap past the last stop back to the first. Off = the cycle clamps at both ends. |
|
|
23
|
-
| `label?` | `string` | — | Name of the thing being cycled ("Volume", "Font"). Prefixes the
|
|
24
|
-
accessible name, which otherwise reads as a bare value: a button
|
|
25
|
-
announcing only "Serif" says nothing about what it does. |
|
|
26
|
-
| `children?` | `Snippet<[CycleOption<T>]>` | — | Custom face, rendered once per option and given that option — NOT just
|
|
27
|
-
the current one. Every face stays mounted so the swap can cross-fade in
|
|
28
|
-
both directions, so this is called for all stops and the component owns
|
|
29
|
-
which is visible. |
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
# Date Field
|
|
2
|
-
|
|
3
|
-
Segmented date input with keyboard navigation.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as DateField from "@signal9/era-ui/date-field";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `DateField.Root`
|
|
14
|
-
- `DateField.Input`
|
|
15
|
-
- `DateField.Segment`
|
|
16
|
-
- `DateField.Label`
|
|
17
|
-
|
|
18
|
-
## DateField.Root
|
|
19
|
-
|
|
20
|
-
Inherits all props from `DateField.RootProps`.
|
|
21
|
-
|
|
22
|
-
| Prop | Type | Default | Notes |
|
|
23
|
-
|------|------|---------|-------|
|
|
24
|
-
| `value?` | `(forwarded)` | — | bindable |
|
|
25
|
-
| `placeholder?` | `(forwarded)` | — | bindable |
|
|
26
|
-
|
|
27
|
-
## DateField.Input
|
|
28
|
-
|
|
29
|
-
Inherits all props from `DateField.InputProps`.
|
|
30
|
-
|
|
31
|
-
| Prop | Type | Default | Notes |
|
|
32
|
-
|------|------|---------|-------|
|
|
33
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
34
|
-
|
|
35
|
-
## DateField.Segment
|
|
36
|
-
|
|
37
|
-
Inherits all props from `DateField.SegmentProps`.
|
|
38
|
-
|
|
39
|
-
| Prop | Type | Default | Notes |
|
|
40
|
-
|------|------|---------|-------|
|
|
41
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
42
|
-
|
|
43
|
-
## DateField.Label
|
|
44
|
-
|
|
45
|
-
Inherits all props from `DateField.LabelProps`.
|
|
46
|
-
|
|
47
|
-
| Prop | Type | Default | Notes |
|
|
48
|
-
|------|------|---------|-------|
|
|
49
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,180 +0,0 @@
|
|
|
1
|
-
# Date Picker
|
|
2
|
-
|
|
3
|
-
Date input with a calendar popover.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as DatePicker from "@signal9/era-ui/date-picker";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `DatePicker.Root`
|
|
14
|
-
- `DatePicker.Label`
|
|
15
|
-
- `DatePicker.Input`
|
|
16
|
-
- `DatePicker.Segment`
|
|
17
|
-
- `DatePicker.Trigger`
|
|
18
|
-
- `DatePicker.Content`
|
|
19
|
-
- `DatePicker.Calendar`
|
|
20
|
-
- `DatePicker.Header`
|
|
21
|
-
- `DatePicker.Heading`
|
|
22
|
-
- `DatePicker.PrevButton`
|
|
23
|
-
- `DatePicker.NextButton`
|
|
24
|
-
- `DatePicker.Grid`
|
|
25
|
-
- `DatePicker.GridHead`
|
|
26
|
-
- `DatePicker.GridBody`
|
|
27
|
-
- `DatePicker.GridRow`
|
|
28
|
-
- `DatePicker.HeadCell`
|
|
29
|
-
- `DatePicker.Cell`
|
|
30
|
-
- `DatePicker.Day`
|
|
31
|
-
|
|
32
|
-
## DatePicker.Root
|
|
33
|
-
|
|
34
|
-
Inherits all props from `DatePicker.RootProps`.
|
|
35
|
-
|
|
36
|
-
| Prop | Type | Default | Notes |
|
|
37
|
-
|------|------|---------|-------|
|
|
38
|
-
| `value?` | `(forwarded)` | — | bindable |
|
|
39
|
-
| `placeholder?` | `(forwarded)` | — | bindable |
|
|
40
|
-
| `open?` | `(forwarded)` | `false` | bindable |
|
|
41
|
-
|
|
42
|
-
## DatePicker.Label
|
|
43
|
-
|
|
44
|
-
Inherits all props from `DatePicker.LabelProps`.
|
|
45
|
-
|
|
46
|
-
| Prop | Type | Default | Notes |
|
|
47
|
-
|------|------|---------|-------|
|
|
48
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
49
|
-
|
|
50
|
-
## DatePicker.Input
|
|
51
|
-
|
|
52
|
-
Inherits all props from `DatePicker.InputProps`.
|
|
53
|
-
|
|
54
|
-
| Prop | Type | Default | Notes |
|
|
55
|
-
|------|------|---------|-------|
|
|
56
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
57
|
-
|
|
58
|
-
## DatePicker.Segment
|
|
59
|
-
|
|
60
|
-
Inherits all props from `DatePicker.SegmentProps`.
|
|
61
|
-
|
|
62
|
-
| Prop | Type | Default | Notes |
|
|
63
|
-
|------|------|---------|-------|
|
|
64
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
65
|
-
|
|
66
|
-
## DatePicker.Trigger
|
|
67
|
-
|
|
68
|
-
Inherits all props from `OwnedPartProps<DatePicker.TriggerProps>`.
|
|
69
|
-
|
|
70
|
-
| Prop | Type | Default | Notes |
|
|
71
|
-
|------|------|---------|-------|
|
|
72
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
73
|
-
|
|
74
|
-
## DatePicker.Content
|
|
75
|
-
|
|
76
|
-
Inherits all props from `PartProps<DatePicker.ContentProps>`.
|
|
77
|
-
|
|
78
|
-
| Prop | Type | Default | Notes |
|
|
79
|
-
|------|------|---------|-------|
|
|
80
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
81
|
-
|
|
82
|
-
## DatePicker.Calendar
|
|
83
|
-
|
|
84
|
-
Inherits all props from `DatePicker.CalendarProps`.
|
|
85
|
-
|
|
86
|
-
| Prop | Type | Default | Notes |
|
|
87
|
-
|------|------|---------|-------|
|
|
88
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
89
|
-
|
|
90
|
-
## DatePicker.Header
|
|
91
|
-
|
|
92
|
-
Inherits all props from `DatePicker.HeaderProps`.
|
|
93
|
-
|
|
94
|
-
| Prop | Type | Default | Notes |
|
|
95
|
-
|------|------|---------|-------|
|
|
96
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
97
|
-
|
|
98
|
-
## DatePicker.Heading
|
|
99
|
-
|
|
100
|
-
Inherits all props from `DatePicker.HeadingProps`.
|
|
101
|
-
|
|
102
|
-
| Prop | Type | Default | Notes |
|
|
103
|
-
|------|------|---------|-------|
|
|
104
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
105
|
-
|
|
106
|
-
## DatePicker.PrevButton
|
|
107
|
-
|
|
108
|
-
Inherits all props from `WithoutChildrenOrChild<DatePicker.PrevButtonProps>`.
|
|
109
|
-
Inherits all props from `Pick<ButtonVariants, 'tone' | 'size'>`.
|
|
110
|
-
|
|
111
|
-
| Prop | Type | Default | Notes |
|
|
112
|
-
|------|------|---------|-------|
|
|
113
|
-
| `children?` | `Snippet` | — | — |
|
|
114
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
115
|
-
|
|
116
|
-
## DatePicker.NextButton
|
|
117
|
-
|
|
118
|
-
Inherits all props from `WithoutChildrenOrChild<DatePicker.NextButtonProps>`.
|
|
119
|
-
Inherits all props from `Pick<ButtonVariants, 'tone' | 'size'>`.
|
|
120
|
-
|
|
121
|
-
| Prop | Type | Default | Notes |
|
|
122
|
-
|------|------|---------|-------|
|
|
123
|
-
| `children?` | `Snippet` | — | — |
|
|
124
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
125
|
-
|
|
126
|
-
## DatePicker.Grid
|
|
127
|
-
|
|
128
|
-
Inherits all props from `DatePicker.GridProps`.
|
|
129
|
-
|
|
130
|
-
| Prop | Type | Default | Notes |
|
|
131
|
-
|------|------|---------|-------|
|
|
132
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
133
|
-
|
|
134
|
-
## DatePicker.GridHead
|
|
135
|
-
|
|
136
|
-
Inherits all props from `DatePicker.GridHeadProps`.
|
|
137
|
-
|
|
138
|
-
| Prop | Type | Default | Notes |
|
|
139
|
-
|------|------|---------|-------|
|
|
140
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
141
|
-
|
|
142
|
-
## DatePicker.GridBody
|
|
143
|
-
|
|
144
|
-
Inherits all props from `DatePicker.GridBodyProps`.
|
|
145
|
-
|
|
146
|
-
| Prop | Type | Default | Notes |
|
|
147
|
-
|------|------|---------|-------|
|
|
148
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
149
|
-
|
|
150
|
-
## DatePicker.GridRow
|
|
151
|
-
|
|
152
|
-
Inherits all props from `DatePicker.GridRowProps`.
|
|
153
|
-
|
|
154
|
-
| Prop | Type | Default | Notes |
|
|
155
|
-
|------|------|---------|-------|
|
|
156
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
157
|
-
|
|
158
|
-
## DatePicker.HeadCell
|
|
159
|
-
|
|
160
|
-
Inherits all props from `DatePicker.HeadCellProps`.
|
|
161
|
-
|
|
162
|
-
| Prop | Type | Default | Notes |
|
|
163
|
-
|------|------|---------|-------|
|
|
164
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
165
|
-
|
|
166
|
-
## DatePicker.Cell
|
|
167
|
-
|
|
168
|
-
Inherits all props from `DatePicker.CellProps`.
|
|
169
|
-
|
|
170
|
-
| Prop | Type | Default | Notes |
|
|
171
|
-
|------|------|---------|-------|
|
|
172
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
173
|
-
|
|
174
|
-
## DatePicker.Day
|
|
175
|
-
|
|
176
|
-
Inherits all props from `DatePicker.DayProps`.
|
|
177
|
-
|
|
178
|
-
| Prop | Type | Default | Notes |
|
|
179
|
-
|------|------|---------|-------|
|
|
180
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
# Date Range Field
|
|
2
|
-
|
|
3
|
-
Segmented start/end date input.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as DateRangeField from "@signal9/era-ui/date-range-field";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `DateRangeField.Root`
|
|
14
|
-
- `DateRangeField.Input`
|
|
15
|
-
- `DateRangeField.Segment`
|
|
16
|
-
- `DateRangeField.Label`
|
|
17
|
-
|
|
18
|
-
## DateRangeField.Root
|
|
19
|
-
|
|
20
|
-
Inherits all props from `DateRangeField.RootProps`.
|
|
21
|
-
|
|
22
|
-
| Prop | Type | Default | Notes |
|
|
23
|
-
|------|------|---------|-------|
|
|
24
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
25
|
-
| `value?` | `(forwarded)` | — | bindable |
|
|
26
|
-
| `placeholder?` | `(forwarded)` | — | bindable |
|
|
27
|
-
|
|
28
|
-
## DateRangeField.Input
|
|
29
|
-
|
|
30
|
-
Inherits all props from `DateRangeField.InputProps`.
|
|
31
|
-
|
|
32
|
-
| Prop | Type | Default | Notes |
|
|
33
|
-
|------|------|---------|-------|
|
|
34
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
35
|
-
|
|
36
|
-
## DateRangeField.Segment
|
|
37
|
-
|
|
38
|
-
Inherits all props from `DateRangeField.SegmentProps`.
|
|
39
|
-
|
|
40
|
-
| Prop | Type | Default | Notes |
|
|
41
|
-
|------|------|---------|-------|
|
|
42
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
43
|
-
|
|
44
|
-
## DateRangeField.Label
|
|
45
|
-
|
|
46
|
-
Inherits all props from `DateRangeField.LabelProps`.
|
|
47
|
-
|
|
48
|
-
| Prop | Type | Default | Notes |
|
|
49
|
-
|------|------|---------|-------|
|
|
50
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,180 +0,0 @@
|
|
|
1
|
-
# Date Range Picker
|
|
2
|
-
|
|
3
|
-
Date range input with a calendar popover.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as DateRangePicker from "@signal9/era-ui/date-range-picker";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `DateRangePicker.Root`
|
|
14
|
-
- `DateRangePicker.Label`
|
|
15
|
-
- `DateRangePicker.Input`
|
|
16
|
-
- `DateRangePicker.Segment`
|
|
17
|
-
- `DateRangePicker.Trigger`
|
|
18
|
-
- `DateRangePicker.Content`
|
|
19
|
-
- `DateRangePicker.Calendar`
|
|
20
|
-
- `DateRangePicker.Header`
|
|
21
|
-
- `DateRangePicker.Heading`
|
|
22
|
-
- `DateRangePicker.PrevButton`
|
|
23
|
-
- `DateRangePicker.NextButton`
|
|
24
|
-
- `DateRangePicker.Grid`
|
|
25
|
-
- `DateRangePicker.GridHead`
|
|
26
|
-
- `DateRangePicker.GridBody`
|
|
27
|
-
- `DateRangePicker.GridRow`
|
|
28
|
-
- `DateRangePicker.HeadCell`
|
|
29
|
-
- `DateRangePicker.Cell`
|
|
30
|
-
- `DateRangePicker.Day`
|
|
31
|
-
|
|
32
|
-
## DateRangePicker.Root
|
|
33
|
-
|
|
34
|
-
Inherits all props from `DateRangePicker.RootProps`.
|
|
35
|
-
|
|
36
|
-
| Prop | Type | Default | Notes |
|
|
37
|
-
|------|------|---------|-------|
|
|
38
|
-
| `value?` | `(forwarded)` | — | bindable |
|
|
39
|
-
| `placeholder?` | `(forwarded)` | — | bindable |
|
|
40
|
-
| `open?` | `(forwarded)` | `false` | bindable |
|
|
41
|
-
|
|
42
|
-
## DateRangePicker.Label
|
|
43
|
-
|
|
44
|
-
Inherits all props from `DateRangePicker.LabelProps`.
|
|
45
|
-
|
|
46
|
-
| Prop | Type | Default | Notes |
|
|
47
|
-
|------|------|---------|-------|
|
|
48
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
49
|
-
|
|
50
|
-
## DateRangePicker.Input
|
|
51
|
-
|
|
52
|
-
Inherits all props from `DateRangePicker.InputProps`.
|
|
53
|
-
|
|
54
|
-
| Prop | Type | Default | Notes |
|
|
55
|
-
|------|------|---------|-------|
|
|
56
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
57
|
-
|
|
58
|
-
## DateRangePicker.Segment
|
|
59
|
-
|
|
60
|
-
Inherits all props from `DateRangePicker.SegmentProps`.
|
|
61
|
-
|
|
62
|
-
| Prop | Type | Default | Notes |
|
|
63
|
-
|------|------|---------|-------|
|
|
64
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
65
|
-
|
|
66
|
-
## DateRangePicker.Trigger
|
|
67
|
-
|
|
68
|
-
Inherits all props from `OwnedPartProps<DateRangePicker.TriggerProps>`.
|
|
69
|
-
|
|
70
|
-
| Prop | Type | Default | Notes |
|
|
71
|
-
|------|------|---------|-------|
|
|
72
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
73
|
-
|
|
74
|
-
## DateRangePicker.Content
|
|
75
|
-
|
|
76
|
-
Inherits all props from `PartProps<DateRangePicker.ContentProps>`.
|
|
77
|
-
|
|
78
|
-
| Prop | Type | Default | Notes |
|
|
79
|
-
|------|------|---------|-------|
|
|
80
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
81
|
-
|
|
82
|
-
## DateRangePicker.Calendar
|
|
83
|
-
|
|
84
|
-
Inherits all props from `DateRangePicker.CalendarProps`.
|
|
85
|
-
|
|
86
|
-
| Prop | Type | Default | Notes |
|
|
87
|
-
|------|------|---------|-------|
|
|
88
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
89
|
-
|
|
90
|
-
## DateRangePicker.Header
|
|
91
|
-
|
|
92
|
-
Inherits all props from `DateRangePicker.HeaderProps`.
|
|
93
|
-
|
|
94
|
-
| Prop | Type | Default | Notes |
|
|
95
|
-
|------|------|---------|-------|
|
|
96
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
97
|
-
|
|
98
|
-
## DateRangePicker.Heading
|
|
99
|
-
|
|
100
|
-
Inherits all props from `DateRangePicker.HeadingProps`.
|
|
101
|
-
|
|
102
|
-
| Prop | Type | Default | Notes |
|
|
103
|
-
|------|------|---------|-------|
|
|
104
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
105
|
-
|
|
106
|
-
## DateRangePicker.PrevButton
|
|
107
|
-
|
|
108
|
-
Inherits all props from `WithoutChildrenOrChild<DateRangePicker.PrevButtonProps>`.
|
|
109
|
-
Inherits all props from `Pick<ButtonVariants, 'tone' | 'size'>`.
|
|
110
|
-
|
|
111
|
-
| Prop | Type | Default | Notes |
|
|
112
|
-
|------|------|---------|-------|
|
|
113
|
-
| `children?` | `Snippet` | — | — |
|
|
114
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
115
|
-
|
|
116
|
-
## DateRangePicker.NextButton
|
|
117
|
-
|
|
118
|
-
Inherits all props from `WithoutChildrenOrChild<DateRangePicker.NextButtonProps>`.
|
|
119
|
-
Inherits all props from `Pick<ButtonVariants, 'tone' | 'size'>`.
|
|
120
|
-
|
|
121
|
-
| Prop | Type | Default | Notes |
|
|
122
|
-
|------|------|---------|-------|
|
|
123
|
-
| `children?` | `Snippet` | — | — |
|
|
124
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
125
|
-
|
|
126
|
-
## DateRangePicker.Grid
|
|
127
|
-
|
|
128
|
-
Inherits all props from `DateRangePicker.GridProps`.
|
|
129
|
-
|
|
130
|
-
| Prop | Type | Default | Notes |
|
|
131
|
-
|------|------|---------|-------|
|
|
132
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
133
|
-
|
|
134
|
-
## DateRangePicker.GridHead
|
|
135
|
-
|
|
136
|
-
Inherits all props from `DateRangePicker.GridHeadProps`.
|
|
137
|
-
|
|
138
|
-
| Prop | Type | Default | Notes |
|
|
139
|
-
|------|------|---------|-------|
|
|
140
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
141
|
-
|
|
142
|
-
## DateRangePicker.GridBody
|
|
143
|
-
|
|
144
|
-
Inherits all props from `DateRangePicker.GridBodyProps`.
|
|
145
|
-
|
|
146
|
-
| Prop | Type | Default | Notes |
|
|
147
|
-
|------|------|---------|-------|
|
|
148
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
149
|
-
|
|
150
|
-
## DateRangePicker.GridRow
|
|
151
|
-
|
|
152
|
-
Inherits all props from `DateRangePicker.GridRowProps`.
|
|
153
|
-
|
|
154
|
-
| Prop | Type | Default | Notes |
|
|
155
|
-
|------|------|---------|-------|
|
|
156
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
157
|
-
|
|
158
|
-
## DateRangePicker.HeadCell
|
|
159
|
-
|
|
160
|
-
Inherits all props from `DateRangePicker.HeadCellProps`.
|
|
161
|
-
|
|
162
|
-
| Prop | Type | Default | Notes |
|
|
163
|
-
|------|------|---------|-------|
|
|
164
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
165
|
-
|
|
166
|
-
## DateRangePicker.Cell
|
|
167
|
-
|
|
168
|
-
Inherits all props from `DateRangePicker.CellProps`.
|
|
169
|
-
|
|
170
|
-
| Prop | Type | Default | Notes |
|
|
171
|
-
|------|------|---------|-------|
|
|
172
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
173
|
-
|
|
174
|
-
## DateRangePicker.Day
|
|
175
|
-
|
|
176
|
-
Inherits all props from `DateRangePicker.DayProps`.
|
|
177
|
-
|
|
178
|
-
| Prop | Type | Default | Notes |
|
|
179
|
-
|------|------|---------|-------|
|
|
180
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
# Dialog
|
|
2
|
-
|
|
3
|
-
A modal window for content or user input.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as Dialog from "@signal9/era-ui/dialog";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `Dialog.Root`
|
|
14
|
-
- `Dialog.Trigger`
|
|
15
|
-
- `Dialog.Content`
|
|
16
|
-
- `Dialog.Overlay`
|
|
17
|
-
- `Dialog.Title`
|
|
18
|
-
- `Dialog.Description`
|
|
19
|
-
- `Dialog.Close`
|
|
20
|
-
- `Dialog.Header`
|
|
21
|
-
|
|
22
|
-
## Dialog.Root
|
|
23
|
-
|
|
24
|
-
Inherits all props from `Dialog.RootProps`.
|
|
25
|
-
|
|
26
|
-
| Prop | Type | Default | Notes |
|
|
27
|
-
|------|------|---------|-------|
|
|
28
|
-
| `children?` | `Snippet` | — | — |
|
|
29
|
-
| `open?` | `(forwarded)` | `false` | bindable |
|
|
30
|
-
|
|
31
|
-
## Dialog.Trigger
|
|
32
|
-
|
|
33
|
-
Inherits all props from `WithoutChildrenOrChild<Dialog.TriggerProps>`.
|
|
34
|
-
Inherits all props from `ButtonVariants`.
|
|
35
|
-
|
|
36
|
-
| Prop | Type | Default | Notes |
|
|
37
|
-
|------|------|---------|-------|
|
|
38
|
-
| `children?` | `Snippet` | — | — |
|
|
39
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
40
|
-
|
|
41
|
-
## Dialog.Content
|
|
42
|
-
|
|
43
|
-
Inherits all props from `OwnedPartProps<Dialog.ContentProps>`.
|
|
44
|
-
|
|
45
|
-
| Prop | Type | Default | Notes |
|
|
46
|
-
|------|------|---------|-------|
|
|
47
|
-
| `header?` | `Snippet` | — | A top bar in the pane's grammar — pass `Dialog.Header` (usually holding
|
|
48
|
-
`Dialog.Title`). With it the panel goes sectioned like a Card: the bar
|
|
49
|
-
runs edge to edge, the body keeps the padding, and the radius drops to
|
|
50
|
-
rd-md because the panel's corners are now formed by an md bar holding xxs
|
|
51
|
-
controls — the identical law that sizes the pane's own corners. |
|
|
52
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
53
|
-
|
|
54
|
-
## Dialog.Overlay
|
|
55
|
-
|
|
56
|
-
Inherits all props from `Dialog.OverlayProps`.
|
|
57
|
-
|
|
58
|
-
| Prop | Type | Default | Notes |
|
|
59
|
-
|------|------|---------|-------|
|
|
60
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
61
|
-
|
|
62
|
-
## Dialog.Title
|
|
63
|
-
|
|
64
|
-
Inherits all props from `Dialog.TitleProps`.
|
|
65
|
-
|
|
66
|
-
| Prop | Type | Default | Notes |
|
|
67
|
-
|------|------|---------|-------|
|
|
68
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
69
|
-
|
|
70
|
-
## Dialog.Description
|
|
71
|
-
|
|
72
|
-
Inherits all props from `Dialog.DescriptionProps`.
|
|
73
|
-
|
|
74
|
-
| Prop | Type | Default | Notes |
|
|
75
|
-
|------|------|---------|-------|
|
|
76
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
77
|
-
|
|
78
|
-
## Dialog.Close
|
|
79
|
-
|
|
80
|
-
Inherits all props from `WithoutChildrenOrChild<Dialog.CloseProps>`.
|
|
81
|
-
Inherits all props from `Omit<ButtonVariants, 'active'>`.
|
|
82
|
-
|
|
83
|
-
| Prop | Type | Default | Notes |
|
|
84
|
-
|------|------|---------|-------|
|
|
85
|
-
| `children?` | `Snippet` | — | — |
|
|
86
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
87
|
-
|
|
88
|
-
## Dialog.Header
|
|
89
|
-
|
|
90
|
-
| Prop | Type | Default | Notes |
|
|
91
|
-
|------|------|---------|-------|
|
|
92
|
-
| `dismissable?` | `boolean` | `true` | Render the trailing × (a `Dialog.Close`). Off for flows that must resolve. |
|
|
93
|
-
| `children?` | `Snippet` | — | — |
|
|
94
|
-
| `class?` | `string` | — | — |
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
# Dropdown Menu
|
|
2
|
-
|
|
3
|
-
A menu of selectable items.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import * as DropdownMenu from "@signal9/era-ui/dropdown-menu";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Composed from sub-components — compose explicitly at the call site:
|
|
12
|
-
|
|
13
|
-
- `DropdownMenu.Root`
|
|
14
|
-
- `DropdownMenu.Trigger`
|
|
15
|
-
- `DropdownMenu.Content`
|
|
16
|
-
- `DropdownMenu.Item`
|
|
17
|
-
- `DropdownMenu.CheckboxItem`
|
|
18
|
-
- `DropdownMenu.RadioItem`
|
|
19
|
-
- `DropdownMenu.Separator`
|
|
20
|
-
- `DropdownMenu.SubTrigger`
|
|
21
|
-
- `DropdownMenu.SubContent`
|
|
22
|
-
- `DropdownMenu.GroupHeading`
|
|
23
|
-
|
|
24
|
-
## DropdownMenu.Root
|
|
25
|
-
|
|
26
|
-
Inherits all props from `DropdownMenu.RootProps`.
|
|
27
|
-
|
|
28
|
-
| Prop | Type | Default | Notes |
|
|
29
|
-
|------|------|---------|-------|
|
|
30
|
-
| `children?` | `Snippet` | — | — |
|
|
31
|
-
| `open?` | `(forwarded)` | `false` | bindable |
|
|
32
|
-
|
|
33
|
-
## DropdownMenu.Trigger
|
|
34
|
-
|
|
35
|
-
Inherits all props from `OwnedPartProps<DropdownMenu.TriggerProps>`.
|
|
36
|
-
|
|
37
|
-
| Prop | Type | Default | Notes |
|
|
38
|
-
|------|------|---------|-------|
|
|
39
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
40
|
-
|
|
41
|
-
## DropdownMenu.Content
|
|
42
|
-
|
|
43
|
-
Inherits all props from `OwnedPartProps<DropdownMenu.ContentProps>`.
|
|
44
|
-
|
|
45
|
-
| Prop | Type | Default | Notes |
|
|
46
|
-
|------|------|---------|-------|
|
|
47
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
48
|
-
|
|
49
|
-
## DropdownMenu.Item
|
|
50
|
-
|
|
51
|
-
Inherits all props from `PartProps<DropdownMenu.ItemProps>`.
|
|
52
|
-
|
|
53
|
-
| Prop | Type | Default | Notes |
|
|
54
|
-
|------|------|---------|-------|
|
|
55
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
56
|
-
|
|
57
|
-
## DropdownMenu.CheckboxItem
|
|
58
|
-
|
|
59
|
-
Inherits all props from `DropdownMenu.CheckboxItemProps`.
|
|
60
|
-
|
|
61
|
-
| Prop | Type | Default | Notes |
|
|
62
|
-
|------|------|---------|-------|
|
|
63
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
64
|
-
| `checked?` | `(forwarded)` | `false` | bindable |
|
|
65
|
-
|
|
66
|
-
## DropdownMenu.RadioItem
|
|
67
|
-
|
|
68
|
-
Inherits all props from `DropdownMenu.RadioItemProps`.
|
|
69
|
-
|
|
70
|
-
| Prop | Type | Default | Notes |
|
|
71
|
-
|------|------|---------|-------|
|
|
72
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
73
|
-
|
|
74
|
-
## DropdownMenu.Separator
|
|
75
|
-
|
|
76
|
-
Inherits all props from `DropdownMenu.SeparatorProps`.
|
|
77
|
-
|
|
78
|
-
| Prop | Type | Default | Notes |
|
|
79
|
-
|------|------|---------|-------|
|
|
80
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
81
|
-
|
|
82
|
-
## DropdownMenu.SubTrigger
|
|
83
|
-
|
|
84
|
-
Inherits all props from `OwnedPartProps<DropdownMenu.SubTriggerProps>`.
|
|
85
|
-
|
|
86
|
-
| Prop | Type | Default | Notes |
|
|
87
|
-
|------|------|---------|-------|
|
|
88
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
89
|
-
|
|
90
|
-
## DropdownMenu.SubContent
|
|
91
|
-
|
|
92
|
-
Inherits all props from `OwnedPartProps<DropdownMenu.SubContentProps>`.
|
|
93
|
-
|
|
94
|
-
| Prop | Type | Default | Notes |
|
|
95
|
-
|------|------|---------|-------|
|
|
96
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
97
|
-
|
|
98
|
-
## DropdownMenu.GroupHeading
|
|
99
|
-
|
|
100
|
-
Inherits all props from `DropdownMenu.GroupHeadingProps`.
|
|
101
|
-
|
|
102
|
-
| Prop | Type | Default | Notes |
|
|
103
|
-
|------|------|---------|-------|
|
|
104
|
-
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
# File Upload
|
|
2
|
-
|
|
3
|
-
A file input with click-to-browse and drag-and-drop.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { FileUpload } from "@signal9/era-ui/file-upload";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
Inherits all props from `Omit<HTMLInputAttributes, 'type' | 'files'>`.
|
|
14
|
-
|
|
15
|
-
| Prop | Type | Default | Notes |
|
|
16
|
-
|------|------|---------|-------|
|
|
17
|
-
| `ref?` | `HTMLInputElement \| null` | `null` | bindable |
|
|
18
|
-
| `files?` | `FileList \| null` | `null` | bindable |
|