@gunkin/uiify 0.0.13-alpha → 0.0.15-alpha
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/README.md +12 -0
- package/agents/components.md +79 -0
- package/agents/index.md +173 -0
- package/agents/reference/components/accordion.md +35 -0
- package/agents/reference/components/alert-modal.md +63 -0
- package/agents/reference/components/breadcrumb.md +72 -0
- package/agents/reference/components/button.md +40 -0
- package/agents/reference/components/candle-chart.md +107 -0
- package/agents/reference/components/carousel.md +274 -0
- package/agents/reference/components/checkbox.md +32 -0
- package/agents/reference/components/collapsible.md +26 -0
- package/agents/reference/components/color-picker.md +33 -0
- package/agents/reference/components/combobox.md +193 -0
- package/agents/reference/components/context-menu.md +129 -0
- package/agents/reference/components/drawer.md +215 -0
- package/agents/reference/components/dropdown-menu.md +178 -0
- package/agents/reference/components/field.md +76 -0
- package/agents/reference/components/file-upload.md +131 -0
- package/agents/reference/components/form.md +28 -0
- package/agents/reference/components/header.md +44 -0
- package/agents/reference/components/hover-card.md +54 -0
- package/agents/reference/components/input.md +29 -0
- package/agents/reference/components/line-chart.md +104 -0
- package/agents/reference/components/modal.md +106 -0
- package/agents/reference/components/number-field.md +60 -0
- package/agents/reference/components/otp-input.md +68 -0
- package/agents/reference/components/pagination.md +112 -0
- package/agents/reference/components/popup.md +111 -0
- package/agents/reference/components/radio-group.md +37 -0
- package/agents/reference/components/rating.md +43 -0
- package/agents/reference/components/segmented-control.md +51 -0
- package/agents/reference/components/select.md +60 -0
- package/agents/reference/components/skeleton.md +29 -0
- package/agents/reference/components/slider.md +71 -0
- package/agents/reference/components/spinner.md +34 -0
- package/agents/reference/components/switch.md +27 -0
- package/agents/reference/components/table.md +189 -0
- package/agents/reference/components/tabs.md +42 -0
- package/agents/reference/components/tags-input.md +123 -0
- package/agents/reference/components/textarea.md +31 -0
- package/agents/reference/components/toast.md +151 -0
- package/agents/reference/components/toggle-group.md +50 -0
- package/agents/reference/components/toggle.md +26 -0
- package/agents/reference/components/toolbar.md +69 -0
- package/agents/reference/components/tooltip.md +76 -0
- package/agents/reference/components/virtual-scroll.md +97 -0
- package/agents/reference/elements/choice.md +55 -0
- package/agents/reference/elements/details.md +45 -0
- package/agents/reference/elements/dialog.md +43 -0
- package/agents/reference/elements/invoker.md +28 -0
- package/agents/reference/elements/popover.md +53 -0
- package/dist/components/alert-modal/AlertModalParts.js +1 -1
- package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +5 -1
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/types.d.ts +5 -2
- package/dist/components/button/types.d.ts.map +1 -1
- package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
- package/dist/components/carousel/CarouselMarkup.js +8 -0
- package/dist/components/carousel/CarouselMarkup.js.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.js +2 -3
- package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
- package/dist/components/internal/choice-family/types.d.ts +2 -2
- package/dist/components/internal/choice-family/types.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +11 -0
- package/dist/components/pagination/Pagination.js.map +1 -1
- package/dist/components/pagination/PaginationShell.d.ts.map +1 -1
- package/dist/components/pagination/PaginationShell.js +26 -1
- package/dist/components/pagination/PaginationShell.js.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.js +1 -0
- package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.js +1 -0
- package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
- package/dist/components/toggle/Toggle.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.js +12 -1
- package/dist/components/toggle/Toggle.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.js +6 -0
- package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.d.ts +1 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map +1 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.js +19 -4
- package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
- package/dist/components/toggle-group/types.d.ts +3 -2
- package/dist/components/toggle-group/types.d.ts.map +1 -1
- package/dist/components/toolbar/ToolbarShell.d.ts.map +1 -1
- package/dist/components/toolbar/ToolbarShell.js +5 -1
- package/dist/components/toolbar/ToolbarShell.js.map +1 -1
- package/dist/components/toolbar/types.d.ts +2 -0
- package/dist/components/toolbar/types.d.ts.map +1 -1
- package/dist/core/render-native-invoker.d.ts +1 -1
- package/dist/core/render-native-invoker.d.ts.map +1 -1
- package/dist/core/render-native-invoker.js.map +1 -1
- package/dist/styles/index.css +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# hover-card
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/hover-card`
|
|
5
|
+
- Tier 1 (RSC shell + thin client island); state source S1; native element `[popover]`
|
|
6
|
+
- Without JavaScript: degraded-documented
|
|
7
|
+
- Types file: `dist/components/hover-card.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `HoverCard`
|
|
12
|
+
- Types: `HoverCardContentOwnProps`, `HoverCardContentProps`, `HoverCardRootOwnProps`, `HoverCardRootProps`, `HoverCardTriggerOwnProps`, `HoverCardTriggerProps`
|
|
13
|
+
|
|
14
|
+
## Props and shapes
|
|
15
|
+
|
|
16
|
+
### HoverCardRootOwnProps
|
|
17
|
+
|
|
18
|
+
| Member | Type | Required | Description |
|
|
19
|
+
| --- | --- | --- | --- |
|
|
20
|
+
| `closeDelay` | `number` | no | |
|
|
21
|
+
| `defaultOpen` | `boolean` | no | |
|
|
22
|
+
| `id` | `string` | no | |
|
|
23
|
+
| `onOpenChange` | `PopoverChangeHandler` | no | |
|
|
24
|
+
| `open` | `boolean` | no | |
|
|
25
|
+
| `openDelay` | `number` | no | |
|
|
26
|
+
|
|
27
|
+
### HoverCardRootProps
|
|
28
|
+
|
|
29
|
+
Extends: `HoverCardRootOwnProps`
|
|
30
|
+
|
|
31
|
+
| Member | Type | Required | Description |
|
|
32
|
+
| --- | --- | --- | --- |
|
|
33
|
+
| `children` | `ReactNode` | no | |
|
|
34
|
+
|
|
35
|
+
### HoverCardTriggerOwnProps
|
|
36
|
+
|
|
37
|
+
| Member | Type | Required | Description |
|
|
38
|
+
| --- | --- | --- | --- |
|
|
39
|
+
| `children` | `ReactNode` | no | |
|
|
40
|
+
| `className` | `string` | no | |
|
|
41
|
+
|
|
42
|
+
### HoverCardContentOwnProps
|
|
43
|
+
|
|
44
|
+
| Member | Type | Required | Description |
|
|
45
|
+
| --- | --- | --- | --- |
|
|
46
|
+
| `align` | `AnchorAlign` | no | |
|
|
47
|
+
| `children` | `ReactNode` | no | |
|
|
48
|
+
| `className` | `string` | no | |
|
|
49
|
+
| `side` | `AnchorSide` | no | |
|
|
50
|
+
|
|
51
|
+
## Other types
|
|
52
|
+
|
|
53
|
+
- `HoverCardTriggerProps<TAs>`: `RenderableProps<TAs, HoverCardTriggerOwnProps, { open: boolean; positioning: "native" }, HTMLElement>`
|
|
54
|
+
- `HoverCardContentProps<TAs>`: `RenderableProps<TAs, HoverCardContentOwnProps, { open: boolean; positioning: "native" }, HTMLElement>`
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# input
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/input`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `input`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/input.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `Input`
|
|
12
|
+
- Types: `InputOwnProps`, `InputProps`
|
|
13
|
+
|
|
14
|
+
## Props and shapes
|
|
15
|
+
|
|
16
|
+
### InputOwnProps
|
|
17
|
+
|
|
18
|
+
| Member | Type | Required | Description |
|
|
19
|
+
| --- | --- | --- | --- |
|
|
20
|
+
| `value` | `string` | no | |
|
|
21
|
+
| `defaultValue` | `string` | no | |
|
|
22
|
+
| `onValueChange` | `(value: string) => void` | no | |
|
|
23
|
+
| `disabled` | `boolean` | no | |
|
|
24
|
+
| `readOnly` | `boolean` | no | |
|
|
25
|
+
| `invalid` | `boolean` | no | |
|
|
26
|
+
|
|
27
|
+
## Other types
|
|
28
|
+
|
|
29
|
+
- `InputProps<TAs>`: `RenderableProps<TAs, InputOwnProps, InputOwnProps, HTMLInputElement>`
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# line-chart
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/line-chart`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source none; native element `figure>ol>li`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/line-chart.d.ts`
|
|
8
|
+
- Note: Static line segments are computed during render and expressed as percentage CSS custom properties; the decorative CSS line has an accessible table fallback.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `LineChart`
|
|
13
|
+
- Types: `LineChartAxisLabel`, `LineChartData`, `LineChartOwnProps`, `LineChartPointerPosition`, `LineChartProps`
|
|
14
|
+
|
|
15
|
+
## Props and shapes
|
|
16
|
+
|
|
17
|
+
### LineChartData
|
|
18
|
+
|
|
19
|
+
| Member | Type | Required | Description |
|
|
20
|
+
| --- | --- | --- | --- |
|
|
21
|
+
| `time` | `string \| number` | yes | |
|
|
22
|
+
| `value` | `number` | yes | |
|
|
23
|
+
|
|
24
|
+
### LineChartAxisLabel
|
|
25
|
+
|
|
26
|
+
| Member | Type | Required | Description |
|
|
27
|
+
| --- | --- | --- | --- |
|
|
28
|
+
| `label` | `ReactNode` | yes | |
|
|
29
|
+
| `position` | `number` | yes | Position on the axis as a percentage from 0 to 100. |
|
|
30
|
+
|
|
31
|
+
### LineChartPointerPosition
|
|
32
|
+
|
|
33
|
+
| Member | Type | Required | Description |
|
|
34
|
+
| --- | --- | --- | --- |
|
|
35
|
+
| `index` | `number` | yes | |
|
|
36
|
+
| `offsetY` | `number` | yes | Pointer offset inside the point hit area, in CSS pixels. |
|
|
37
|
+
|
|
38
|
+
### LineChartOwnProps
|
|
39
|
+
|
|
40
|
+
| Member | Type | Required | Description |
|
|
41
|
+
| --- | --- | --- | --- |
|
|
42
|
+
| `"aria-label"` | `string` | no | |
|
|
43
|
+
| `activePointIndex` | `number` | no | |
|
|
44
|
+
| `cursorY` | `number` | no | |
|
|
45
|
+
| `data` | `readonly LineChartData[]` | yes | |
|
|
46
|
+
| `interactive` | `boolean` | no | |
|
|
47
|
+
| `onPointClick` | `(index: number) => void` | no | |
|
|
48
|
+
| `onPointPointerLeave` | `() => void` | no | |
|
|
49
|
+
| `onPointPointerMove` | `(position: LineChartPointerPosition) => void` | no | |
|
|
50
|
+
| `selectedPointIndex` | `number` | no | |
|
|
51
|
+
| `xAxis` | `readonly LineChartAxisLabel[]` | no | |
|
|
52
|
+
| `yAxis` | `readonly LineChartAxisLabel[]` | no | |
|
|
53
|
+
|
|
54
|
+
### LineChartClientOwnProps
|
|
55
|
+
|
|
56
|
+
Extends: `LineChartOwnProps`
|
|
57
|
+
|
|
58
|
+
| Member | Type | Required | Description |
|
|
59
|
+
| --- | --- | --- | --- |
|
|
60
|
+
| `visibleCount` | `number` | no | Live mode: sizes point slots so `visibleCount` fill the viewport and virtualizes the full history with a horizontal VirtualScroll. The chart follows new points while the reader is at the newest one; the value scale, axes, readout, and data table follow the visible points. Zoom is disabled. |
|
|
61
|
+
|
|
62
|
+
### LineChartViewProps
|
|
63
|
+
|
|
64
|
+
Internal props the client entry passes to `LineChart`; not part of the public API.
|
|
65
|
+
|
|
66
|
+
Extends: `LineChartOwnProps`
|
|
67
|
+
|
|
68
|
+
| Member | Type | Required | Description |
|
|
69
|
+
| --- | --- | --- | --- |
|
|
70
|
+
| `pointLayer` | `ReactNode` | no | Replaces the static point list (e.g. with a virtualized layer). |
|
|
71
|
+
| `announceReadout` | `boolean` | no | Announce readout changes; off for streaming data. Defaults to `true`. |
|
|
72
|
+
| `slotCount` | `number` | no | Point slots across the content. When set, the crosshair sits at slot centers — `(slotOffset + index + 0.5) / slotCount` — instead of spreading `data` edge to edge. |
|
|
73
|
+
| `slotOffset` | `number` | no | Slot of `data[0]` when `data` is a slice. Defaults to `0`. |
|
|
74
|
+
|
|
75
|
+
### LineChartPointProps
|
|
76
|
+
|
|
77
|
+
| Member | Type | Required | Description |
|
|
78
|
+
| --- | --- | --- | --- |
|
|
79
|
+
| `as` | `"div" \| "li"` | yes | |
|
|
80
|
+
| `point` | `LineChartData` | yes | |
|
|
81
|
+
| `previousPoint` | `LineChartData \| undefined` | yes | |
|
|
82
|
+
| `index` | `number` | yes | Index reported to the pointer and click callbacks, and used for x in the static list. |
|
|
83
|
+
| `count` | `number` | yes | |
|
|
84
|
+
| `min` | `number` | yes | |
|
|
85
|
+
| `max` | `number` | yes | |
|
|
86
|
+
| `interactive` | `boolean` | yes | |
|
|
87
|
+
| `isActive` | `boolean` | yes | |
|
|
88
|
+
| `isSelected` | `boolean` | yes | |
|
|
89
|
+
| `cursorY` | `number \| undefined` | no | |
|
|
90
|
+
| `onPointClick` | `((index: number) => void) \| undefined` | no | |
|
|
91
|
+
| `onPointPointerLeave` | `(() => void) \| undefined` | no | |
|
|
92
|
+
| `onPointPointerMove` | `((position: LineChartPointerPosition) => void) \| undefined` | no | |
|
|
93
|
+
|
|
94
|
+
## Other types
|
|
95
|
+
|
|
96
|
+
- `LineChartProps<TAs>`: `RenderableProps<TAs, LineChartOwnProps, Record<string, never>, HTMLElement>`
|
|
97
|
+
- `LineChartClientProps<TAs>`: `RenderableProps<TAs, LineChartClientOwnProps, Record<string, never>, HTMLElement>`
|
|
98
|
+
|
|
99
|
+
## Sub-entries
|
|
100
|
+
|
|
101
|
+
### `@gunkin/uiify/components/line-chart/client`
|
|
102
|
+
|
|
103
|
+
- Runtime: `LineChartClient`
|
|
104
|
+
- Types: `LineChartAxisLabel`, `LineChartClientOwnProps`, `LineChartClientProps`, `LineChartData`, `LineChartOwnProps`, `LineChartPointerPosition`, `LineChartProps`
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# modal
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/modal`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `dialog + command=show-modal`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/modal.d.ts`
|
|
8
|
+
- Note: True modal via show-modal/request-close; the browser owns inertness, Escape and focus return. Controlled/initially open state lives in @gunkin/uiify/components/modal/client. Trigger/Close built on @gunkin/uiify/elements/dialog. Backdrop tap and swipe-down are optional UIEnhance improvements; without them the modal still closes by icon, Escape and (Chrome/Firefox) backdrop tap.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `Modal`, `ModalBody`, `ModalClose`, `ModalContent`, `ModalDescription`, `ModalFooter`, `ModalGrabber`, `ModalHeader`, `ModalTitle`, `ModalTrigger`
|
|
13
|
+
- Types: `ModalAlign`, `ModalAppearanceProps`, `ModalBackdrop`, `ModalBodyProps`, `ModalCloseOwnProps`, `ModalCloseProps`, `ModalContentOwnProps`, `ModalContentProps`, `ModalDescriptionProps`, `ModalDismiss`, `ModalFooterProps`, `ModalGrabberProps`, `ModalHeaderProps`, `ModalProps`, `ModalSize`, `ModalTitleProps`, `ModalTriggerOwnProps`, `ModalTriggerProps`
|
|
14
|
+
|
|
15
|
+
## Values
|
|
16
|
+
|
|
17
|
+
- `ModalSize`: `"sm" | "md" | "lg" | "full"`
|
|
18
|
+
- `ModalAlign`: `"center" | "start"`
|
|
19
|
+
- `ModalDismiss`: `"any" | "closerequest" | "none"`
|
|
20
|
+
- `ModalBackdrop`: `"opaque" | "blur" | "none"`
|
|
21
|
+
|
|
22
|
+
## Props and shapes
|
|
23
|
+
|
|
24
|
+
### ModalAppearanceProps
|
|
25
|
+
|
|
26
|
+
| Member | Type | Required | Description |
|
|
27
|
+
| --- | --- | --- | --- |
|
|
28
|
+
| `size` | `ModalSize \| undefined` | no | Width step; `full` fills the viewport. Default `md`. |
|
|
29
|
+
| `align` | `ModalAlign \| undefined` | no | Vertical position on tablet and desktop; phones get a bottom sheet unless `size` is `full`. Default `center`. |
|
|
30
|
+
| `dismiss` | `ModalDismiss \| undefined` | no | Native `closedby`: `any` also closes on a backdrop tap, `closerequest` on Escape only, `none` only through your own controls. Default `any`. Engines without `closedby` (Safari) ignore it: Escape still closes the dialog there, and `UIEnhance` honours it only for its own backdrop tap (`any` only) and sheet swipe (off for `none`). |
|
|
31
|
+
| `backdrop` | `ModalBackdrop \| undefined` | no | Backdrop treatment. Default `opaque`. |
|
|
32
|
+
|
|
33
|
+
### ModalProps
|
|
34
|
+
|
|
35
|
+
Extends: `ModalAppearanceProps`
|
|
36
|
+
|
|
37
|
+
| Member | Type | Required | Description |
|
|
38
|
+
| --- | --- | --- | --- |
|
|
39
|
+
| `id` | `string` | yes | |
|
|
40
|
+
| `trigger` | `ReactNode` | yes | |
|
|
41
|
+
| `title` | `ReactNode` | yes | |
|
|
42
|
+
| `description` | `ReactNode` | no | |
|
|
43
|
+
| `children` | `ReactNode` | no | |
|
|
44
|
+
| `closeLabel` | `string` | no | Accessible name of the header close icon. |
|
|
45
|
+
| `footer` | `ReactNode` | no | Actions row pinned under the body. |
|
|
46
|
+
| `className` | `string` | no | |
|
|
47
|
+
|
|
48
|
+
### ModalTriggerOwnProps
|
|
49
|
+
|
|
50
|
+
Own props of the native `show-modal` invoker.
|
|
51
|
+
|
|
52
|
+
| Member | Type | Required | Description |
|
|
53
|
+
| --- | --- | --- | --- |
|
|
54
|
+
| `children` | `ReactNode` | no | |
|
|
55
|
+
| `target` | `string` | yes | `id` of the `ModalContent` this button opens; the browser resolves it at click time. |
|
|
56
|
+
|
|
57
|
+
### ModalCloseOwnProps
|
|
58
|
+
|
|
59
|
+
Own props of the native `request-close` invoker.
|
|
60
|
+
|
|
61
|
+
| Member | Type | Required | Description |
|
|
62
|
+
| --- | --- | --- | --- |
|
|
63
|
+
| `children` | `ReactNode` | no | |
|
|
64
|
+
| `target` | `string` | yes | `id` of the `ModalContent` this button closes. |
|
|
65
|
+
|
|
66
|
+
### ModalContentOwnProps
|
|
67
|
+
|
|
68
|
+
Extends: `ModalAppearanceProps`
|
|
69
|
+
|
|
70
|
+
| Member | Type | Required | Description |
|
|
71
|
+
| --- | --- | --- | --- |
|
|
72
|
+
| `children` | `ReactNode` | no | |
|
|
73
|
+
| `id` | `string` | yes | Unique id supplied by the consumer; referenced by trigger and close `target`. |
|
|
74
|
+
|
|
75
|
+
### ModalClientContentOwnProps
|
|
76
|
+
|
|
77
|
+
Extends: `ModalAppearanceProps`
|
|
78
|
+
|
|
79
|
+
| Member | Type | Required | Description |
|
|
80
|
+
| --- | --- | --- | --- |
|
|
81
|
+
| `children` | `ReactNode` | no | |
|
|
82
|
+
| `defaultOpen` | `boolean` | no | Uncontrolled initial state, applied with `showModal()` after hydration; SSR markup stays closed. |
|
|
83
|
+
| `id` | `string` | yes | |
|
|
84
|
+
| `onOpenChange` | `(open: boolean) => void` | no | Fires once per native or programmatic change with the state the element just entered. Also fires once at mount if the browser opened the dialog natively before hydration. Not reported: a pre-hydration open→close cycle that nets back to closed — the DOM retains no `toggle` history, so there is no evidence left that a transition happened at all. |
|
|
85
|
+
| `onOpenChangeComplete` | `(open: boolean) => void` | no | Fires once per open or close transition, after the dialog's CSS transitions have finished (immediately when there are none). This includes the transition that applies `defaultOpen` after hydration; it does not fire for a dialog that never changes state. |
|
|
86
|
+
| `open` | `boolean` | no | Controlled state, authoritative after hydration. |
|
|
87
|
+
|
|
88
|
+
## Other types
|
|
89
|
+
|
|
90
|
+
- `ModalTriggerProps<TAs>`: `NativeButtonProps<TAs, ModalTriggerOwnProps>`
|
|
91
|
+
- `ModalCloseProps<TAs>`: `NativeButtonProps<TAs, ModalCloseOwnProps>`
|
|
92
|
+
- `ModalContentProps`: `ModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof ModalContentOwnProps | "open" | "popover" | "closedby">` — A plain, initially closed `<dialog>`: `open` and `popover` are not part of the native contract.
|
|
93
|
+
- `ModalClientContentProps`: `ModalClientContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof ModalClientContentOwnProps | "popover" | "closedby">` — Props of the client adapter; `popover` is excluded because the adapter is always modal.
|
|
94
|
+
- `ModalHeaderProps`: `ComponentPropsWithRef<"div">`
|
|
95
|
+
- `ModalTitleProps`: `ComponentPropsWithRef<"h2">`
|
|
96
|
+
- `ModalDescriptionProps`: `ComponentPropsWithRef<"p">`
|
|
97
|
+
- `ModalBodyProps`: `ComponentPropsWithRef<"div">`
|
|
98
|
+
- `ModalFooterProps`: `ComponentPropsWithRef<"div">`
|
|
99
|
+
- `ModalGrabberProps`: `Omit<ComponentPropsWithRef<"div">, "children">`
|
|
100
|
+
|
|
101
|
+
## Sub-entries
|
|
102
|
+
|
|
103
|
+
### `@gunkin/uiify/components/modal/client`
|
|
104
|
+
|
|
105
|
+
- Runtime: `ModalClientContent`
|
|
106
|
+
- Types: `ModalClientContentOwnProps`, `ModalClientContentProps`
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# number-field
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/number-field`
|
|
5
|
+
- Tier 1 (RSC shell + thin client island); state source S1; native element `input[type=number]`
|
|
6
|
+
- Without JavaScript: degraded-documented
|
|
7
|
+
- Types file: `dist/components/number-field.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `NumberField`, `NumberFieldDecrement`, `NumberFieldGroup`, `NumberFieldIncrement`, `NumberFieldInput`, `NumberFieldRoot`
|
|
12
|
+
- Types: `NumberFieldDecrementProps`, `NumberFieldGroupProps`, `NumberFieldIncrementProps`, `NumberFieldInputProps`, `NumberFieldRootOwnProps`, `NumberFieldRootProps`
|
|
13
|
+
|
|
14
|
+
## Props and shapes
|
|
15
|
+
|
|
16
|
+
### NumberFieldContextValue
|
|
17
|
+
|
|
18
|
+
| Member | Type | Required | Description |
|
|
19
|
+
| --- | --- | --- | --- |
|
|
20
|
+
| `clampValueOnBlur` | `boolean` | yes | |
|
|
21
|
+
| `commitInput` | `(raw: string) => void` | yes | |
|
|
22
|
+
| `decrement` | `(multiplier?: number) => void` | yes | |
|
|
23
|
+
| `disabled` | `boolean` | yes | |
|
|
24
|
+
| `displayValue` | `string` | yes | |
|
|
25
|
+
| `formatter` | `Intl.NumberFormat` | yes | |
|
|
26
|
+
| `increment` | `(multiplier?: number) => void` | yes | |
|
|
27
|
+
| `inputId` | `string` | yes | |
|
|
28
|
+
| `inputRef` | `RefObject<HTMLInputElement \| null>` | yes | |
|
|
29
|
+
| `max` | `number \| undefined` | no | |
|
|
30
|
+
| `min` | `number \| undefined` | no | |
|
|
31
|
+
| `numericValue` | `number \| undefined` | yes | |
|
|
32
|
+
| `readOnly` | `boolean` | yes | |
|
|
33
|
+
| `required` | `boolean` | yes | |
|
|
34
|
+
| `setDisplayValue` | `(next: string) => void` | yes | |
|
|
35
|
+
| `setEditing` | `(next: boolean) => void` | yes | |
|
|
36
|
+
|
|
37
|
+
### NumberFieldRootOwnProps
|
|
38
|
+
|
|
39
|
+
| Member | Type | Required | Description |
|
|
40
|
+
| --- | --- | --- | --- |
|
|
41
|
+
| `allowWheel` | `boolean` | no | |
|
|
42
|
+
| `clampValueOnBlur` | `boolean` | no | |
|
|
43
|
+
| `defaultValue` | `number` | no | |
|
|
44
|
+
| `disabled` | `boolean` | no | |
|
|
45
|
+
| `formatOptions` | `Intl.NumberFormatOptions` | no | |
|
|
46
|
+
| `max` | `number` | no | |
|
|
47
|
+
| `min` | `number` | no | |
|
|
48
|
+
| `onValueChange` | `(value: number \| undefined) => void` | no | |
|
|
49
|
+
| `readOnly` | `boolean` | no | |
|
|
50
|
+
| `required` | `boolean` | no | |
|
|
51
|
+
| `step` | `number` | no | |
|
|
52
|
+
| `value` | `number` | no | |
|
|
53
|
+
|
|
54
|
+
## Other types
|
|
55
|
+
|
|
56
|
+
- `NumberFieldRootProps<TAs>`: `RenderableProps<TAs, NumberFieldRootOwnProps, NumberFieldRootOwnProps, HTMLElement>`
|
|
57
|
+
- `NumberFieldGroupProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, { disabled: boolean }, HTMLElement>`
|
|
58
|
+
- `NumberFieldInputProps<TAs>`: `RenderableProps<TAs, Record<string, never>, { disabled: boolean; readOnly: boolean; required: boolean }, HTMLInputElement>`
|
|
59
|
+
- `NumberFieldIncrementProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, { disabled: boolean }, HTMLButtonElement>`
|
|
60
|
+
- `NumberFieldDecrementProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, { disabled: boolean }, HTMLButtonElement>`
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# otp-input
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/otp-input`
|
|
5
|
+
- Tier 2 (Client component — pre-hydration SSR); state source none; native element `input`
|
|
6
|
+
- Without JavaScript: pre-hydration-only
|
|
7
|
+
- Types file: `dist/components/otp-input.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `OtpInput`, `OtpInputHiddenInput`, `OtpInputRoot`, `OtpInputSlot`
|
|
12
|
+
- Types: `OtpInputHiddenInputProps`, `OtpInputRootControlledOwnProps`, `OtpInputRootShellOwnProps`, `OtpInputRootShellProps`, `OtpInputRootProps`, `OtpInputSlotOwnProps`, `OtpInputSlotProps`
|
|
13
|
+
|
|
14
|
+
## Values
|
|
15
|
+
|
|
16
|
+
- `OtpInputType`: `"numeric" | "alphanumeric"`
|
|
17
|
+
|
|
18
|
+
## Props and shapes
|
|
19
|
+
|
|
20
|
+
### OtpInputContextValue
|
|
21
|
+
|
|
22
|
+
| Member | Type | Required | Description |
|
|
23
|
+
| --- | --- | --- | --- |
|
|
24
|
+
| `activeIndex` | `number` | yes | |
|
|
25
|
+
| `autoFocus` | `boolean` | yes | |
|
|
26
|
+
| `disabled` | `boolean` | yes | |
|
|
27
|
+
| `hiddenInputRef` | `React.RefObject<HTMLInputElement \| null>` | yes | |
|
|
28
|
+
| `length` | `number` | yes | |
|
|
29
|
+
| `mask` | `boolean` | yes | |
|
|
30
|
+
| `type` | `OtpInputType` | yes | |
|
|
31
|
+
| `updateValue` | `(raw: string) => void` | yes | |
|
|
32
|
+
| `value` | `string` | yes | |
|
|
33
|
+
| `onHiddenBlur` | `() => void` | yes | |
|
|
34
|
+
| `onHiddenFocus` | `() => void` | yes | |
|
|
35
|
+
|
|
36
|
+
### OtpInputRootShellOwnProps
|
|
37
|
+
|
|
38
|
+
| Member | Type | Required | Description |
|
|
39
|
+
| --- | --- | --- | --- |
|
|
40
|
+
| `autoFocus` | `boolean` | no | |
|
|
41
|
+
| `defaultValue` | `string` | no | |
|
|
42
|
+
| `disabled` | `boolean` | no | |
|
|
43
|
+
| `id` | `string` | no | |
|
|
44
|
+
| `length` | `number` | no | |
|
|
45
|
+
| `mask` | `boolean` | no | |
|
|
46
|
+
| `pattern` | `string` | no | |
|
|
47
|
+
| `type` | `OtpInputType` | no | |
|
|
48
|
+
|
|
49
|
+
### OtpInputRootControlledOwnProps
|
|
50
|
+
|
|
51
|
+
| Member | Type | Required | Description |
|
|
52
|
+
| --- | --- | --- | --- |
|
|
53
|
+
| `onValueChange` | `(value: string) => void` | no | |
|
|
54
|
+
| `onComplete` | `(value: string) => void` | no | |
|
|
55
|
+
| `value` | `string` | no | |
|
|
56
|
+
|
|
57
|
+
### OtpInputSlotOwnProps
|
|
58
|
+
|
|
59
|
+
| Member | Type | Required | Description |
|
|
60
|
+
| --- | --- | --- | --- |
|
|
61
|
+
| `index` | `number` | yes | |
|
|
62
|
+
|
|
63
|
+
## Other types
|
|
64
|
+
|
|
65
|
+
- `OtpInputRootShellProps<TAs>`: `RenderableProps<TAs, OtpInputRootShellOwnProps, OtpInputRootShellOwnProps, HTMLElement>`
|
|
66
|
+
- `OtpInputRootProps<TAs>`: `RenderableProps<TAs, OtpInputRootShellOwnProps & OtpInputRootControlledOwnProps, OtpInputRootShellOwnProps & OtpInputRootControlledOwnProps, HTMLElement>`
|
|
67
|
+
- `OtpInputSlotProps<TAs>`: `RenderableProps<TAs, OtpInputSlotOwnProps, { active: boolean; filled: boolean }, HTMLElement>`
|
|
68
|
+
- `OtpInputHiddenInputProps<TAs>`: `RenderableProps<TAs, { readonly autoFocus?: boolean }, { disabled: boolean }, HTMLInputElement>`
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# pagination
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/pagination`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source none; native element `nav>ol>a`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/pagination.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `buildPaginationItems`, `Pagination`, `PaginationEllipsis`, `PaginationItem`, `PaginationLink`, `PaginationList`, `PaginationRoot`
|
|
12
|
+
- Types: `PaginationItemDescriptor`, `PaginationItemType`, `UsePaginationParams`, `PaginationEllipsisProps`, `PaginationEllipsisOwnProps`, `PaginationItemProps`, `PaginationItemOwnProps`, `PaginationLinkOwnProps`, `PaginationLinkProps`, `PaginationListOwnProps`, `PaginationListProps`, `PaginationRootOwnProps`, `PaginationRootProps`
|
|
13
|
+
|
|
14
|
+
## Values
|
|
15
|
+
|
|
16
|
+
- `PaginationItemType`: `"page" | "ellipsis" | "previous" | "next" | "first" | "last"`
|
|
17
|
+
|
|
18
|
+
## Props and shapes
|
|
19
|
+
|
|
20
|
+
### PaginationPageItem
|
|
21
|
+
|
|
22
|
+
| Member | Type | Required | Description |
|
|
23
|
+
| --- | --- | --- | --- |
|
|
24
|
+
| `disabled` | `boolean` | yes | |
|
|
25
|
+
| `page` | `number` | yes | |
|
|
26
|
+
| `selected` | `boolean` | yes | |
|
|
27
|
+
| `type` | `"page"` | yes | |
|
|
28
|
+
|
|
29
|
+
### PaginationControlItem
|
|
30
|
+
|
|
31
|
+
| Member | Type | Required | Description |
|
|
32
|
+
| --- | --- | --- | --- |
|
|
33
|
+
| `disabled` | `boolean` | yes | |
|
|
34
|
+
| `page` | `number` | no | |
|
|
35
|
+
| `selected` | `false` | yes | |
|
|
36
|
+
| `type` | `Exclude<PaginationItemType, "page">` | yes | |
|
|
37
|
+
|
|
38
|
+
### UsePaginationParams
|
|
39
|
+
|
|
40
|
+
| Member | Type | Required | Description |
|
|
41
|
+
| --- | --- | --- | --- |
|
|
42
|
+
| `boundaryCount` | `number` | no | |
|
|
43
|
+
| `count` | `number` | yes | |
|
|
44
|
+
| `defaultPage` | `number` | no | |
|
|
45
|
+
| `disabled` | `boolean` | no | |
|
|
46
|
+
| `onPageChange` | `(page: number) => void` | no | |
|
|
47
|
+
| `page` | `number` | no | |
|
|
48
|
+
| `showFirstLast` | `boolean` | no | |
|
|
49
|
+
| `siblingCount` | `number` | no | |
|
|
50
|
+
|
|
51
|
+
### UsePaginationReturn
|
|
52
|
+
|
|
53
|
+
| Member | Type | Required | Description |
|
|
54
|
+
| --- | --- | --- | --- |
|
|
55
|
+
| `items` | `readonly PaginationItem[]` | yes | |
|
|
56
|
+
| `page` | `number` | yes | |
|
|
57
|
+
| `setPage` | `(page: number) => void` | yes | |
|
|
58
|
+
|
|
59
|
+
### PaginationContextValue
|
|
60
|
+
|
|
61
|
+
| Member | Type | Required | Description |
|
|
62
|
+
| --- | --- | --- | --- |
|
|
63
|
+
| `count` | `number` | yes | |
|
|
64
|
+
| `items` | `readonly PaginationItem[]` | yes | |
|
|
65
|
+
| `page` | `number` | yes | |
|
|
66
|
+
| `setPage` | `(page: number) => void` | yes | |
|
|
67
|
+
|
|
68
|
+
### PaginationRootOwnProps
|
|
69
|
+
|
|
70
|
+
Extends: `UsePaginationParams`
|
|
71
|
+
|
|
72
|
+
| Member | Type | Required | Description |
|
|
73
|
+
| --- | --- | --- | --- |
|
|
74
|
+
| `"aria-label"` | `string` | no | |
|
|
75
|
+
| `children` | `ReactNode` | no | |
|
|
76
|
+
| `getPageHref` | `(page: number) => string` | no | |
|
|
77
|
+
|
|
78
|
+
### PaginationListOwnProps
|
|
79
|
+
|
|
80
|
+
| Member | Type | Required | Description |
|
|
81
|
+
| --- | --- | --- | --- |
|
|
82
|
+
| `children` | `ReactNode` | no | |
|
|
83
|
+
|
|
84
|
+
### PaginationItemOwnProps
|
|
85
|
+
|
|
86
|
+
| Member | Type | Required | Description |
|
|
87
|
+
| --- | --- | --- | --- |
|
|
88
|
+
| `children` | `ReactNode` | no | |
|
|
89
|
+
|
|
90
|
+
### PaginationLinkOwnProps
|
|
91
|
+
|
|
92
|
+
| Member | Type | Required | Description |
|
|
93
|
+
| --- | --- | --- | --- |
|
|
94
|
+
| `disabled` | `boolean` | no | |
|
|
95
|
+
| `getPageHref` | `(page: number) => string` | no | |
|
|
96
|
+
| `page` | `number` | yes | |
|
|
97
|
+
| `selected` | `boolean` | no | |
|
|
98
|
+
|
|
99
|
+
### PaginationEllipsisOwnProps
|
|
100
|
+
|
|
101
|
+
| Member | Type | Required | Description |
|
|
102
|
+
| --- | --- | --- | --- |
|
|
103
|
+
| `children` | `ReactNode` | no | |
|
|
104
|
+
|
|
105
|
+
## Other types
|
|
106
|
+
|
|
107
|
+
- `PaginationItem`: `PaginationPageItem | PaginationControlItem`
|
|
108
|
+
- `PaginationRootProps<TAs>`: `RenderableProps<TAs, PaginationRootOwnProps, { page: number }, HTMLElement>`
|
|
109
|
+
- `PaginationListProps<TAs>`: `RenderableProps<TAs, PaginationListOwnProps, Record<string, never>, HTMLOListElement>`
|
|
110
|
+
- `PaginationItemProps<TAs>`: `RenderableProps<TAs, PaginationItemOwnProps, Record<string, never>, HTMLLIElement>`
|
|
111
|
+
- `PaginationLinkProps<TAs>`: `RenderableProps<TAs, PaginationLinkOwnProps, { selected: boolean }, HTMLElement>`
|
|
112
|
+
- `PaginationEllipsisProps<TAs>`: `RenderableProps<TAs, PaginationEllipsisOwnProps, Record<string, never>, HTMLElement>`
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# popup
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/popup`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `[popover]+popovertarget`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/popup.d.ts`
|
|
8
|
+
- Note: Native parts anchor to their invoker (implicit anchor) and carry no aria-expanded; Chromium exposes expanded through the accessibility tree, other engines are unmeasured. The legacy Popup.Root compound keeps UIEnhance for its DOM attribute. Trigger/Content/Close built on @gunkin/uiify/elements/popover.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `Popup`, `PopupClose`, `PopupContent`, `PopupTrigger`
|
|
13
|
+
- Types: `AnchorAlign`, `AnchorSide`, `PopupCloseOwnProps`, `PopupCloseProps`, `PopupContentOwnProps`, `PopupContentProps`, `PopupMode`, `PopupRootCloseOwnProps`, `PopupRootCloseProps`, `PopupRootContentOwnProps`, `PopupRootContentProps`, `PopupRootOwnProps`, `PopupRootProps`, `PopupRootTriggerOwnProps`, `PopupRootTriggerProps`, `PopupSurfaceMode`, `PopupTriggerOwnProps`, `PopupTriggerProps`
|
|
14
|
+
|
|
15
|
+
## Values
|
|
16
|
+
|
|
17
|
+
- `PopupMode`: `"auto" | "manual" | "hint"` — Legacy compound modes; `hint` is not part of the native parts API.
|
|
18
|
+
- `PopupSurfaceMode`: `"auto" | "manual"` — Native parts surface modes — the cross-engine baseline.
|
|
19
|
+
- `AnchorSide`: `"top" | "right" | "bottom" | "left"`
|
|
20
|
+
- `AnchorAlign`: `"start" | "center" | "end"`
|
|
21
|
+
- `PopupPartName`: `"trigger" | "content" | "close"`
|
|
22
|
+
|
|
23
|
+
## Props and shapes
|
|
24
|
+
|
|
25
|
+
### PopupInjectedProps
|
|
26
|
+
|
|
27
|
+
| Member | Type | Required | Description |
|
|
28
|
+
| --- | --- | --- | --- |
|
|
29
|
+
| `__mode` | `PopupMode` | no | |
|
|
30
|
+
| `__popupId` | `string` | no | |
|
|
31
|
+
|
|
32
|
+
### PopupContextValue
|
|
33
|
+
|
|
34
|
+
| Member | Type | Required | Description |
|
|
35
|
+
| --- | --- | --- | --- |
|
|
36
|
+
| `id` | `string` | yes | |
|
|
37
|
+
| `mode` | `PopupMode` | yes | |
|
|
38
|
+
|
|
39
|
+
### PopupRootOwnProps
|
|
40
|
+
|
|
41
|
+
| Member | Type | Required | Description |
|
|
42
|
+
| --- | --- | --- | --- |
|
|
43
|
+
| `children` | `ReactNode` | no | |
|
|
44
|
+
| `className` | `string` | no | |
|
|
45
|
+
| `id` | `string` | yes | Stable id for the popover surface and invoker commands. Required. |
|
|
46
|
+
| `mode` | `PopupMode` | no | |
|
|
47
|
+
|
|
48
|
+
### PopupRootProps
|
|
49
|
+
|
|
50
|
+
Extends: `PopupRootOwnProps`, `Omit<HTMLAttributes<HTMLDivElement>, keyof PopupRootOwnProps>`
|
|
51
|
+
|
|
52
|
+
No own members.
|
|
53
|
+
|
|
54
|
+
### PopupRootTriggerOwnProps
|
|
55
|
+
|
|
56
|
+
| Member | Type | Required | Description |
|
|
57
|
+
| --- | --- | --- | --- |
|
|
58
|
+
| `children` | `ReactNode` | no | |
|
|
59
|
+
| `className` | `string` | no | |
|
|
60
|
+
|
|
61
|
+
### PopupRootContentOwnProps
|
|
62
|
+
|
|
63
|
+
| Member | Type | Required | Description |
|
|
64
|
+
| --- | --- | --- | --- |
|
|
65
|
+
| `align` | `AnchorAlign` | no | |
|
|
66
|
+
| `children` | `ReactNode` | no | |
|
|
67
|
+
| `className` | `string` | no | |
|
|
68
|
+
| `side` | `AnchorSide` | no | |
|
|
69
|
+
|
|
70
|
+
### PopupRootCloseOwnProps
|
|
71
|
+
|
|
72
|
+
| Member | Type | Required | Description |
|
|
73
|
+
| --- | --- | --- | --- |
|
|
74
|
+
| `children` | `ReactNode` | no | |
|
|
75
|
+
| `className` | `string` | no | |
|
|
76
|
+
|
|
77
|
+
### PopupTriggerOwnProps
|
|
78
|
+
|
|
79
|
+
| Member | Type | Required | Description |
|
|
80
|
+
| --- | --- | --- | --- |
|
|
81
|
+
| `children` | `ReactNode` | no | |
|
|
82
|
+
| `target` | `string` | yes | `id` of the `PopupContent` this button toggles. |
|
|
83
|
+
|
|
84
|
+
### PopupCloseOwnProps
|
|
85
|
+
|
|
86
|
+
| Member | Type | Required | Description |
|
|
87
|
+
| --- | --- | --- | --- |
|
|
88
|
+
| `children` | `ReactNode` | no | |
|
|
89
|
+
| `target` | `string` | yes | `id` of the `PopupContent` this button hides. |
|
|
90
|
+
|
|
91
|
+
### PopupContentOwnProps
|
|
92
|
+
|
|
93
|
+
| Member | Type | Required | Description |
|
|
94
|
+
| --- | --- | --- | --- |
|
|
95
|
+
| `align` | `AnchorAlign` | no | |
|
|
96
|
+
| `children` | `ReactNode` | no | |
|
|
97
|
+
| `id` | `string` | yes | Unique id supplied by the consumer; referenced by trigger and close `target`. |
|
|
98
|
+
| `mode` | `PopupSurfaceMode` | no | |
|
|
99
|
+
| `side` | `AnchorSide` | no | |
|
|
100
|
+
|
|
101
|
+
## Other types
|
|
102
|
+
|
|
103
|
+
- `PopupRootTriggerProps`: `PopupRootTriggerOwnProps & Omit<HTMLAttributes<HTMLButtonElement>, keyof PopupRootTriggerOwnProps>`
|
|
104
|
+
- `PopupTriggerInternalProps`: `PopupRootTriggerProps & PopupInjectedProps`
|
|
105
|
+
- `PopupRootContentProps`: `PopupRootContentOwnProps & Omit<HTMLAttributes<HTMLDivElement>, keyof PopupRootContentOwnProps>`
|
|
106
|
+
- `PopupContentInternalProps`: `PopupRootContentProps & PopupInjectedProps`
|
|
107
|
+
- `PopupRootCloseProps`: `PopupRootCloseOwnProps & Omit<HTMLAttributes<HTMLButtonElement>, keyof PopupRootCloseOwnProps>`
|
|
108
|
+
- `PopupCloseInternalProps`: `PopupRootCloseProps & PopupInjectedProps`
|
|
109
|
+
- `PopupTriggerProps<TAs>`: `NativeButtonProps<TAs, PopupTriggerOwnProps>`
|
|
110
|
+
- `PopupCloseProps<TAs>`: `NativeButtonProps<TAs, PopupCloseOwnProps>`
|
|
111
|
+
- `PopupContentProps`: `PopupContentOwnProps & Omit<ComponentPropsWithRef<"div">, keyof PopupContentOwnProps | "popover">`
|