@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,37 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# radio-group
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/radio-group`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/radio-group.d.ts`
|
|
8
|
+
- Note: Data-driven native radio group; browser owns selection. Built on @gunkin/uiify/elements/choice.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `RadioGroup`
|
|
13
|
+
- Types: `RadioGroupItem`, `RadioGroupProps`
|
|
14
|
+
|
|
15
|
+
## Props and shapes
|
|
16
|
+
|
|
17
|
+
### RadioGroupItem
|
|
18
|
+
|
|
19
|
+
| Member | Type | Required | Description |
|
|
20
|
+
| --- | --- | --- | --- |
|
|
21
|
+
| `value` | `string` | yes | |
|
|
22
|
+
| `label` | `ReactNode` | yes | |
|
|
23
|
+
| `disabled` | `boolean` | no | |
|
|
24
|
+
| `className` | `string` | no | |
|
|
25
|
+
|
|
26
|
+
### RadioGroupProps
|
|
27
|
+
|
|
28
|
+
| Member | Type | Required | Description |
|
|
29
|
+
| --- | --- | --- | --- |
|
|
30
|
+
| `id` | `string` | yes | |
|
|
31
|
+
| `items` | `readonly RadioGroupItem[]` | yes | |
|
|
32
|
+
| `defaultValue` | `string` | no | |
|
|
33
|
+
| `name` | `string` | no | |
|
|
34
|
+
| `disabled` | `boolean` | no | |
|
|
35
|
+
| `orientation` | `"horizontal" \| "vertical"` | no | |
|
|
36
|
+
| `className` | `string` | no | |
|
|
37
|
+
| `"aria-label"` | `string` | no | |
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# rating
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/rating`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/rating.d.ts`
|
|
8
|
+
- Note: Native radio group; hover preview and persisted selection are pure CSS (:checked/:hover sibling rules), no JS. Controlled value/onValueChange lives in the separate rating/client entry. Built on @gunkin/uiify/elements/choice.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `Rating`
|
|
13
|
+
- Types: `RatingProps`
|
|
14
|
+
|
|
15
|
+
## Props and shapes
|
|
16
|
+
|
|
17
|
+
### RatingProps
|
|
18
|
+
|
|
19
|
+
| Member | Type | Required | Description |
|
|
20
|
+
| --- | --- | --- | --- |
|
|
21
|
+
| `id` | `string` | yes | |
|
|
22
|
+
| `defaultValue` | `number` | no | |
|
|
23
|
+
| `max` | `number` | no | |
|
|
24
|
+
| `readOnly` | `boolean` | no | |
|
|
25
|
+
| `disabled` | `boolean` | no | |
|
|
26
|
+
| `className` | `string` | no | |
|
|
27
|
+
| `"aria-label"` | `string` | no | |
|
|
28
|
+
|
|
29
|
+
### RatingClientProps
|
|
30
|
+
|
|
31
|
+
Extends: `RatingProps`
|
|
32
|
+
|
|
33
|
+
| Member | Type | Required | Description |
|
|
34
|
+
| --- | --- | --- | --- |
|
|
35
|
+
| `value` | `number` | no | |
|
|
36
|
+
| `onValueChange` | `(value: number) => void` | no | |
|
|
37
|
+
|
|
38
|
+
## Sub-entries
|
|
39
|
+
|
|
40
|
+
### `@gunkin/uiify/components/rating/client`
|
|
41
|
+
|
|
42
|
+
- Runtime: `RatingClient`
|
|
43
|
+
- Types: `RatingClientProps`
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# segmented-control
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/segmented-control`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/segmented-control.d.ts`
|
|
8
|
+
- Note: Built on @gunkin/uiify/elements/choice.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `SegmentedControl`
|
|
13
|
+
- Types: `SegmentedControlClientProps`, `SegmentedControlItem`, `SegmentedControlProps`
|
|
14
|
+
|
|
15
|
+
## Props and shapes
|
|
16
|
+
|
|
17
|
+
### SegmentedControlItem
|
|
18
|
+
|
|
19
|
+
Extends: `ChoiceItem`
|
|
20
|
+
|
|
21
|
+
No own members.
|
|
22
|
+
|
|
23
|
+
### SegmentedControlProps
|
|
24
|
+
|
|
25
|
+
| Member | Type | Required | Description |
|
|
26
|
+
| --- | --- | --- | --- |
|
|
27
|
+
| `id` | `string` | yes | |
|
|
28
|
+
| `items` | `readonly SegmentedControlItem[]` | yes | |
|
|
29
|
+
| `defaultValue` | `string` | no | |
|
|
30
|
+
| `disabled` | `boolean` | no | |
|
|
31
|
+
| `orientation` | `ChoiceOrientation` | no | |
|
|
32
|
+
| `fullWidth` | `boolean` | no | |
|
|
33
|
+
| `className` | `string` | no | |
|
|
34
|
+
| `"aria-label"` | `string` | no | |
|
|
35
|
+
| `"aria-labelledby"` | `string` | no | |
|
|
36
|
+
|
|
37
|
+
### SegmentedControlClientProps
|
|
38
|
+
|
|
39
|
+
Extends: `SegmentedControlProps`
|
|
40
|
+
|
|
41
|
+
| Member | Type | Required | Description |
|
|
42
|
+
| --- | --- | --- | --- |
|
|
43
|
+
| `value` | `string` | no | |
|
|
44
|
+
| `onValueChange` | `(value: string) => void` | no | |
|
|
45
|
+
|
|
46
|
+
## Sub-entries
|
|
47
|
+
|
|
48
|
+
### `@gunkin/uiify/components/segmented-control/client`
|
|
49
|
+
|
|
50
|
+
- Runtime: `SegmentedControlClient`
|
|
51
|
+
- Types: `SegmentedControlClientProps`
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# select
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/select`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `select`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/select.d.ts`
|
|
8
|
+
- Note: Native text-only select; appearance:base-select is a Chrome+Safari cosmetic enhancement and Firefox keeps the OS picker.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `Select`, `SelectContent`, `SelectGroup`, `SelectItem`, `SelectRoot`, `SelectSeparator`
|
|
13
|
+
- Types: `SelectContentOwnProps`, `SelectGroupOwnProps`, `SelectGroupProps`, `SelectItemOwnProps`, `SelectItemProps`, `SelectRootOwnProps`, `SelectRootProps`, `SelectSeparatorOwnProps`, `SelectSeparatorProps`
|
|
14
|
+
|
|
15
|
+
## Props and shapes
|
|
16
|
+
|
|
17
|
+
### SelectRootOwnProps
|
|
18
|
+
|
|
19
|
+
| Member | Type | Required | Description |
|
|
20
|
+
| --- | --- | --- | --- |
|
|
21
|
+
| `children` | `ReactNode` | no | |
|
|
22
|
+
| `value` | `string` | no | |
|
|
23
|
+
| `defaultValue` | `string` | no | |
|
|
24
|
+
| `onValueChange` | `(value: string) => void` | no | |
|
|
25
|
+
| `name` | `string` | no | |
|
|
26
|
+
| `disabled` | `boolean` | no | |
|
|
27
|
+
|
|
28
|
+
### SelectContentOwnProps
|
|
29
|
+
|
|
30
|
+
| Member | Type | Required | Description |
|
|
31
|
+
| --- | --- | --- | --- |
|
|
32
|
+
| `children` | `ReactNode` | no | |
|
|
33
|
+
|
|
34
|
+
### SelectItemOwnProps
|
|
35
|
+
|
|
36
|
+
| Member | Type | Required | Description |
|
|
37
|
+
| --- | --- | --- | --- |
|
|
38
|
+
| `children` | `ReactNode` | no | |
|
|
39
|
+
| `disabled` | `boolean` | no | |
|
|
40
|
+
| `value` | `string` | yes | |
|
|
41
|
+
|
|
42
|
+
### SelectGroupOwnProps
|
|
43
|
+
|
|
44
|
+
| Member | Type | Required | Description |
|
|
45
|
+
| --- | --- | --- | --- |
|
|
46
|
+
| `children` | `ReactNode` | no | |
|
|
47
|
+
| `label` | `string` | yes | |
|
|
48
|
+
|
|
49
|
+
### SelectSeparatorOwnProps
|
|
50
|
+
|
|
51
|
+
| Member | Type | Required | Description |
|
|
52
|
+
| --- | --- | --- | --- |
|
|
53
|
+
| `children` | `never` | no | |
|
|
54
|
+
|
|
55
|
+
## Other types
|
|
56
|
+
|
|
57
|
+
- `SelectRootProps<TAs>`: `RenderableProps<TAs, SelectRootOwnProps, SelectRootOwnProps, HTMLSelectElement>`
|
|
58
|
+
- `SelectItemProps<TAs>`: `RenderableProps<TAs, SelectItemOwnProps, { disabled: boolean }, HTMLOptionElement>`
|
|
59
|
+
- `SelectGroupProps<TAs>`: `RenderableProps<TAs, SelectGroupOwnProps, SelectGroupOwnProps, HTMLOptGroupElement>`
|
|
60
|
+
- `SelectSeparatorProps<TAs>`: `RenderableProps<TAs, SelectSeparatorOwnProps, Record<string, never>, HTMLHRElement>`
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# skeleton
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/skeleton`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source none; native element `div`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/skeleton.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `Skeleton`
|
|
12
|
+
- Types: `SkeletonOwnProps`, `SkeletonProps`
|
|
13
|
+
|
|
14
|
+
## Props and shapes
|
|
15
|
+
|
|
16
|
+
### SkeletonOwnProps
|
|
17
|
+
|
|
18
|
+
| Member | Type | Required | Description |
|
|
19
|
+
| --- | --- | --- | --- |
|
|
20
|
+
| `circle` | `boolean` | no | |
|
|
21
|
+
| `height` | `number \| string` | no | |
|
|
22
|
+
| `loading` | `boolean` | no | |
|
|
23
|
+
| `variant` | `"pulse" \| "shimmer" \| "none"` | no | |
|
|
24
|
+
| `width` | `number \| string` | no | |
|
|
25
|
+
| `children` | `ReactNode` | no | |
|
|
26
|
+
|
|
27
|
+
## Other types
|
|
28
|
+
|
|
29
|
+
- `SkeletonProps<TAs>`: `RenderableProps<TAs, SkeletonOwnProps, { loading: boolean }, HTMLElement>`
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# slider
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/slider`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=range]`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/slider.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `Slider`
|
|
12
|
+
- Types: `SliderOwnProps`, `SliderProps`
|
|
13
|
+
|
|
14
|
+
## Props and shapes
|
|
15
|
+
|
|
16
|
+
### SliderMark
|
|
17
|
+
|
|
18
|
+
| Member | Type | Required | Description |
|
|
19
|
+
| --- | --- | --- | --- |
|
|
20
|
+
| `value` | `number` | yes | |
|
|
21
|
+
| `label` | `ReactNode` | no | |
|
|
22
|
+
|
|
23
|
+
### SliderOwnProps
|
|
24
|
+
|
|
25
|
+
| Member | Type | Required | Description |
|
|
26
|
+
| --- | --- | --- | --- |
|
|
27
|
+
| `value` | `number` | no | |
|
|
28
|
+
| `defaultValue` | `number` | no | |
|
|
29
|
+
| `onValueChange` | `(value: number) => void` | no | |
|
|
30
|
+
| `min` | `number` | no | |
|
|
31
|
+
| `max` | `number` | no | |
|
|
32
|
+
| `step` | `number` | no | |
|
|
33
|
+
| `disabled` | `boolean` | no | |
|
|
34
|
+
|
|
35
|
+
### SliderClientOwnProps
|
|
36
|
+
|
|
37
|
+
| Member | Type | Required | Description |
|
|
38
|
+
| --- | --- | --- | --- |
|
|
39
|
+
| `value` | `SliderClientValue` | no | |
|
|
40
|
+
| `defaultValue` | `SliderClientValue` | no | |
|
|
41
|
+
| `onValueChange` | `(value: SliderClientValue) => void` | no | |
|
|
42
|
+
| `min` | `number` | no | |
|
|
43
|
+
| `max` | `number` | no | |
|
|
44
|
+
| `step` | `number \| null` | no | |
|
|
45
|
+
| `disabled` | `boolean` | no | |
|
|
46
|
+
| `orientation` | `"horizontal" \| "vertical"` | no | |
|
|
47
|
+
| `marks` | `readonly SliderMark[]` | no | |
|
|
48
|
+
| `thumbLabels` | `readonly [string, string]` | no | |
|
|
49
|
+
| `"aria-label"` | `string` | no | |
|
|
50
|
+
| `"aria-labelledby"` | `string` | no | |
|
|
51
|
+
|
|
52
|
+
### SliderClientRenderState
|
|
53
|
+
|
|
54
|
+
| Member | Type | Required | Description |
|
|
55
|
+
| --- | --- | --- | --- |
|
|
56
|
+
| `disabled` | `boolean` | yes | |
|
|
57
|
+
| `orientation` | `"horizontal" \| "vertical"` | yes | |
|
|
58
|
+
| `value` | `SliderClientValue` | yes | |
|
|
59
|
+
|
|
60
|
+
## Other types
|
|
61
|
+
|
|
62
|
+
- `SliderClientValue`: `number | readonly [number, number]`
|
|
63
|
+
- `SliderClientProps<TAs>`: `RenderableProps<TAs, SliderClientOwnProps, SliderClientRenderState, HTMLDivElement>`
|
|
64
|
+
- `SliderProps<TAs>`: `RenderableProps<TAs, SliderOwnProps, SliderOwnProps, HTMLInputElement>`
|
|
65
|
+
|
|
66
|
+
## Sub-entries
|
|
67
|
+
|
|
68
|
+
### `@gunkin/uiify/components/slider/client`
|
|
69
|
+
|
|
70
|
+
- Runtime: `SliderClient`
|
|
71
|
+
- Types: `SliderClientOwnProps`, `SliderClientProps`, `SliderClientRenderState`, `SliderClientValue`, `SliderMark`
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# spinner
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/spinner`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source none; native element `div`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/spinner.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `Spinner`
|
|
12
|
+
- Types: `SpinnerAlign`, `SpinnerOwnProps`, `SpinnerProps`, `SpinnerSize`
|
|
13
|
+
|
|
14
|
+
## Values
|
|
15
|
+
|
|
16
|
+
- `SpinnerAlign`: `"center" | "fixed" | "absolute"`
|
|
17
|
+
- `SpinnerSize`: `"sm" | "md" | "lg"`
|
|
18
|
+
|
|
19
|
+
## Props and shapes
|
|
20
|
+
|
|
21
|
+
### SpinnerOwnProps
|
|
22
|
+
|
|
23
|
+
| Member | Type | Required | Description |
|
|
24
|
+
| --- | --- | --- | --- |
|
|
25
|
+
| `align` | `SpinnerAlign` | no | |
|
|
26
|
+
| `children` | `ReactNode` | no | |
|
|
27
|
+
| `delay` | `number` | no | |
|
|
28
|
+
| `label` | `string` | no | |
|
|
29
|
+
| `showLabel` | `boolean` | no | |
|
|
30
|
+
| `size` | `SpinnerSize` | no | |
|
|
31
|
+
|
|
32
|
+
## Other types
|
|
33
|
+
|
|
34
|
+
- `SpinnerProps<TAs>`: `RenderableProps<TAs, SpinnerOwnProps, { visible: boolean }, HTMLElement>`
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# switch
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/switch`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=checkbox]`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/switch.d.ts`
|
|
8
|
+
|
|
9
|
+
## Exports
|
|
10
|
+
|
|
11
|
+
- Runtime: `Switch`
|
|
12
|
+
- Types: `SwitchOwnProps`, `SwitchProps`
|
|
13
|
+
|
|
14
|
+
## Props and shapes
|
|
15
|
+
|
|
16
|
+
### SwitchOwnProps
|
|
17
|
+
|
|
18
|
+
| Member | Type | Required | Description |
|
|
19
|
+
| --- | --- | --- | --- |
|
|
20
|
+
| `checked` | `boolean` | no | |
|
|
21
|
+
| `defaultChecked` | `boolean` | no | |
|
|
22
|
+
| `onCheckedChange` | `(checked: boolean) => void` | no | |
|
|
23
|
+
| `disabled` | `boolean` | no | |
|
|
24
|
+
|
|
25
|
+
## Other types
|
|
26
|
+
|
|
27
|
+
- `SwitchProps<TAs>`: `RenderableProps<TAs, SwitchOwnProps, SwitchOwnProps, HTMLInputElement>`
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# table
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/table`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source none; native element `table`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/table.d.ts`
|
|
8
|
+
- Note: Native semantic Table parts; selection, sorting and expansion use the explicit /client entry.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `Table`, `TableFooter`, `TableRowHeader`, `TableBody`, `TableCaption`, `TableCell`, `TableColumnHeader`, `TableHeader`, `TableRoot`, `TableRow`
|
|
13
|
+
- Types: `TableFooterProps`, `TableRowHeaderProps`, `TableStickySectionOwnProps`, `TableStickyCellOwnProps`, `TableBodyProps`, `TableCaptionProps`, `TableCellProps`, `TableColumnHeaderOwnProps`, `TableColumnHeaderProps`, `TableContextValue`, `TableInteractiveRootOwnProps`, `TableHeaderProps`, `TableRowSelectOwnProps`, `TableRowOwnProps`, `TableRowProps`, `TableStore`, `TableStoreOptions`, `TableRootProps`, `SelectionMode`, `SortDescriptor`, `SortDirection`
|
|
14
|
+
|
|
15
|
+
## Values
|
|
16
|
+
|
|
17
|
+
- `SortDirection`: `"ascending" | "descending"`
|
|
18
|
+
- `SelectionMode`: `"none" | "single" | "multiple"`
|
|
19
|
+
- `SelectionBehavior`: `"toggle" | "replace"`
|
|
20
|
+
|
|
21
|
+
## Props and shapes
|
|
22
|
+
|
|
23
|
+
### SortDescriptor
|
|
24
|
+
|
|
25
|
+
| Member | Type | Required | Description |
|
|
26
|
+
| --- | --- | --- | --- |
|
|
27
|
+
| `column` | `string` | yes | |
|
|
28
|
+
| `direction` | `SortDirection` | yes | |
|
|
29
|
+
|
|
30
|
+
### TableStoreOptions
|
|
31
|
+
|
|
32
|
+
| Member | Type | Required | Description |
|
|
33
|
+
| --- | --- | --- | --- |
|
|
34
|
+
| `defaultSelectedKeys` | `Iterable<string>` | no | |
|
|
35
|
+
| `defaultSortDescriptor` | `SortDescriptor \| null` | no | |
|
|
36
|
+
| `onSelectionChange` | `((selectedKeys: Set<string>) => void) \| undefined` | no | |
|
|
37
|
+
| `onSortChange` | `((descriptor: SortDescriptor \| null) => void) \| undefined` | no | |
|
|
38
|
+
| `selectedKeys` | `Iterable<string>` | no | |
|
|
39
|
+
| `selectionBehavior` | `SelectionBehavior` | no | |
|
|
40
|
+
| `selectionMode` | `SelectionMode` | no | |
|
|
41
|
+
| `sortDescriptor` | `SortDescriptor \| null` | no | |
|
|
42
|
+
|
|
43
|
+
### TableStore
|
|
44
|
+
|
|
45
|
+
| Member | Type | Required | Description |
|
|
46
|
+
| --- | --- | --- | --- |
|
|
47
|
+
| `getRowIds` | `() => string[]` | yes | |
|
|
48
|
+
| `getSelectedKeys` | `() => Set<string>` | yes | |
|
|
49
|
+
| `getSelectionState` | `() => "none" \| "some" \| "all"` | yes | |
|
|
50
|
+
| `getServerSelectedSnapshot` | `() => Set<string>` | yes | |
|
|
51
|
+
| `getServerSortSnapshot` | `() => SortDescriptor \| null` | yes | |
|
|
52
|
+
| `getSortSnapshot` | `() => SortDescriptor \| null` | yes | |
|
|
53
|
+
| `isRowSelected` | `(id: string) => boolean` | yes | |
|
|
54
|
+
| `registerRow` | `(id: string) => () => void` | yes | |
|
|
55
|
+
| `setRowDisabled` | `(id: string, disabled: boolean) => void` | yes | |
|
|
56
|
+
| `setRowIds` | `(ids: readonly string[]) => void` | yes | |
|
|
57
|
+
| `setSelectedKeys` | `(keys: Iterable<string>) => void` | yes | |
|
|
58
|
+
| `setSortDescriptor` | `(descriptor: SortDescriptor \| null) => void` | yes | |
|
|
59
|
+
| `subscribe` | `(listener: () => void) => () => void` | yes | |
|
|
60
|
+
| `subscribeRow` | `(id: string, listener: () => void) => () => void` | yes | |
|
|
61
|
+
| `subscribeSelection` | `(listener: () => void) => () => void` | yes | |
|
|
62
|
+
| `subscribeSort` | `(listener: () => void) => () => void` | yes | |
|
|
63
|
+
| `syncSelectedKeys` | `(keys: Iterable<string>) => void` | yes | |
|
|
64
|
+
| `syncSortDescriptor` | `(descriptor: SortDescriptor \| null) => void` | yes | |
|
|
65
|
+
| `toggleRow` | `(id: string, toggleOptions?: { readonly disabled?: boolean; readonly metaKey?: boolean; readonly shiftKey?: boolean; }) => void` | yes | |
|
|
66
|
+
| `toggleSelectAll` | `() => void` | yes | |
|
|
67
|
+
| `toggleSort` | `(column: string) => void` | yes | |
|
|
68
|
+
| `updateOptions` | `(nextOptions: TableStoreOptions) => void` | yes | |
|
|
69
|
+
|
|
70
|
+
### TableContextValue
|
|
71
|
+
|
|
72
|
+
| Member | Type | Required | Description |
|
|
73
|
+
| --- | --- | --- | --- |
|
|
74
|
+
| `inBody` | `boolean` | yes | |
|
|
75
|
+
| `interactive` | `boolean` | yes | |
|
|
76
|
+
| `instanceId` | `string` | yes | |
|
|
77
|
+
| `expandedKeys` | `Set<string>` | yes | |
|
|
78
|
+
| `toggleExpanded` | `(id: string) => void` | yes | |
|
|
79
|
+
| `store` | `TableStore` | yes | |
|
|
80
|
+
|
|
81
|
+
### TableRootOwnProps
|
|
82
|
+
|
|
83
|
+
| Member | Type | Required | Description |
|
|
84
|
+
| --- | --- | --- | --- |
|
|
85
|
+
| `"aria-label"` | `string` | no | |
|
|
86
|
+
| `"aria-labelledby"` | `string` | no | |
|
|
87
|
+
| `layout` | `"auto" \| "fixed"` | no | |
|
|
88
|
+
| `size` | `"sm" \| "md" \| "lg"` | no | |
|
|
89
|
+
| `variant` | `"solid" \| "outline" \| "ghost"` | no | |
|
|
90
|
+
|
|
91
|
+
### TableInteractiveRootOwnProps
|
|
92
|
+
|
|
93
|
+
| Member | Type | Required | Description |
|
|
94
|
+
| --- | --- | --- | --- |
|
|
95
|
+
| `defaultSelectedKeys` | `Iterable<string>` | no | |
|
|
96
|
+
| `onSelectionChange` | `(selectedKeys: Set<string>) => void` | no | |
|
|
97
|
+
| `onSortChange` | `(descriptor: SortDescriptor \| null) => void` | no | |
|
|
98
|
+
| `selectedKeys` | `Iterable<string>` | no | |
|
|
99
|
+
| `selectionBehavior` | `SelectionBehavior` | no | |
|
|
100
|
+
| `selectionMode` | `SelectionMode` | no | |
|
|
101
|
+
|
|
102
|
+
### TableRowOwnProps
|
|
103
|
+
|
|
104
|
+
Extends: `TableStickySectionOwnProps`
|
|
105
|
+
|
|
106
|
+
| Member | Type | Required | Description |
|
|
107
|
+
| --- | --- | --- | --- |
|
|
108
|
+
| `disabled` | `boolean` | no | |
|
|
109
|
+
| `id` | `string` | yes | |
|
|
110
|
+
| `selected` | `boolean` | no | |
|
|
111
|
+
|
|
112
|
+
### TableColumnHeaderOwnProps
|
|
113
|
+
|
|
114
|
+
Extends: `TableStickyCellOwnProps`
|
|
115
|
+
|
|
116
|
+
| Member | Type | Required | Description |
|
|
117
|
+
| --- | --- | --- | --- |
|
|
118
|
+
| `allowsSorting` | `boolean` | no | |
|
|
119
|
+
| `children` | `ReactNode` | no | |
|
|
120
|
+
| `id` | `string` | yes | |
|
|
121
|
+
| `onClick` | `React.MouseEventHandler<HTMLTableCellElement>` | no | |
|
|
122
|
+
| `sortDirection` | `SortDescriptor["direction"] \| null` | no | |
|
|
123
|
+
|
|
124
|
+
### TableRowSelectOwnProps
|
|
125
|
+
|
|
126
|
+
| Member | Type | Required | Description |
|
|
127
|
+
| --- | --- | --- | --- |
|
|
128
|
+
| `rowId` | `string` | yes | |
|
|
129
|
+
|
|
130
|
+
### TableClientRootOwnProps
|
|
131
|
+
|
|
132
|
+
Extends: `TableRootOwnProps`
|
|
133
|
+
|
|
134
|
+
| Member | Type | Required | Description |
|
|
135
|
+
| --- | --- | --- | --- |
|
|
136
|
+
| `defaultSelectedKeys` | `Iterable<string>` | no | |
|
|
137
|
+
| `defaultSortDescriptor` | `SortDescriptor \| null` | no | |
|
|
138
|
+
| `onSelectionChange` | `(selectedKeys: Set<string>) => void` | no | |
|
|
139
|
+
| `onSortChange` | `(descriptor: SortDescriptor \| null) => void` | no | |
|
|
140
|
+
| `selectedKeys` | `Iterable<string>` | no | |
|
|
141
|
+
| `selectionBehavior` | `SelectionBehavior` | no | |
|
|
142
|
+
| `selectionMode` | `SelectionMode` | no | |
|
|
143
|
+
| `sortDescriptor` | `SortDescriptor \| null` | no | |
|
|
144
|
+
| `expandedKeys` | `Iterable<string>` | no | |
|
|
145
|
+
| `defaultExpandedKeys` | `Iterable<string>` | no | |
|
|
146
|
+
| `onExpandedChange` | `(keys: Set<string>) => void` | no | |
|
|
147
|
+
|
|
148
|
+
### TableStickySectionOwnProps
|
|
149
|
+
|
|
150
|
+
| Member | Type | Required | Description |
|
|
151
|
+
| --- | --- | --- | --- |
|
|
152
|
+
| `sticky` | `boolean` | no | |
|
|
153
|
+
|
|
154
|
+
### TableStickyCellOwnProps
|
|
155
|
+
|
|
156
|
+
| Member | Type | Required | Description |
|
|
157
|
+
| --- | --- | --- | --- |
|
|
158
|
+
| `align` | `"start" \| "center" \| "end"` | no | |
|
|
159
|
+
| `sticky` | `"start" \| "end"` | no | |
|
|
160
|
+
| `children` | `ReactNode` | no | |
|
|
161
|
+
|
|
162
|
+
### TableExpandTriggerProps
|
|
163
|
+
|
|
164
|
+
Extends: `Omit<ComponentPropsWithRef<"button">, "aria-expanded" | "aria-controls">`
|
|
165
|
+
|
|
166
|
+
| Member | Type | Required | Description |
|
|
167
|
+
| --- | --- | --- | --- |
|
|
168
|
+
| `rowId` | `string` | yes | |
|
|
169
|
+
|
|
170
|
+
### TableExpandedRowProps
|
|
171
|
+
|
|
172
|
+
Extends: `Omit<ComponentPropsWithRef<"tr">, "hidden" | "id">`
|
|
173
|
+
|
|
174
|
+
| Member | Type | Required | Description |
|
|
175
|
+
| --- | --- | --- | --- |
|
|
176
|
+
| `rowId` | `string` | yes | |
|
|
177
|
+
|
|
178
|
+
## Other types
|
|
179
|
+
|
|
180
|
+
- `TableRootProps<TAs>`: `RenderableProps<TAs, TableRootOwnProps, Record<string, never>, HTMLTableElement>`
|
|
181
|
+
- `TableHeaderProps<TAs>`: `RenderableProps<TAs, TableStickySectionOwnProps, Record<string, never>, HTMLTableSectionElement>`
|
|
182
|
+
- `TableBodyProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, Record<string, never>, HTMLTableSectionElement>`
|
|
183
|
+
- `TableRowProps<TAs>`: `RenderableProps<TAs, TableRowOwnProps, { selected: boolean }, HTMLTableRowElement>`
|
|
184
|
+
- `TableColumnHeaderProps<TAs>`: `RenderableProps<TAs, TableColumnHeaderOwnProps, Record<string, never>, HTMLTableCellElement>`
|
|
185
|
+
- `TableCellProps<TAs>`: `RenderableProps<TAs, TableStickyCellOwnProps, Record<string, never>, HTMLTableCellElement>`
|
|
186
|
+
- `TableCaptionProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, Record<string, never>, HTMLTableCaptionElement>`
|
|
187
|
+
- `TableClientRootProps<TAs>`: `RenderableProps<TAs, TableClientRootOwnProps, Record<string, never>, HTMLTableElement>`
|
|
188
|
+
- `TableFooterProps<TAs>`: `RenderableProps<TAs, TableStickySectionOwnProps, Record<string, never>, HTMLTableSectionElement>`
|
|
189
|
+
- `TableRowHeaderProps<TAs>`: `RenderableProps<TAs, TableStickyCellOwnProps, Record<string, never>, HTMLTableCellElement>`
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# tabs
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/tabs`
|
|
5
|
+
- Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
|
|
6
|
+
- Without JavaScript: full
|
|
7
|
+
- Types file: `dist/components/tabs.d.ts`
|
|
8
|
+
- Note: Data-driven native radio switcher; CSS-only panels. Built on @gunkin/uiify/elements/choice.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `Tabs`
|
|
13
|
+
- Types: `TabsItem`, `TabsProps`
|
|
14
|
+
|
|
15
|
+
## Props and shapes
|
|
16
|
+
|
|
17
|
+
### TabsStore
|
|
18
|
+
|
|
19
|
+
| Member | Type | Required | Description |
|
|
20
|
+
| --- | --- | --- | --- |
|
|
21
|
+
| `getValue` | `() => string \| undefined` | yes | |
|
|
22
|
+
| `isSelected` | `(itemValue: string) => boolean` | yes | |
|
|
23
|
+
| `setValue` | `(next: string \| undefined) => void` | yes | |
|
|
24
|
+
| `subscribe` | `(listener: () => void) => () => void` | yes | |
|
|
25
|
+
| `subscribeItem` | `(itemValue: string, listener: () => void) => () => void` | yes | |
|
|
26
|
+
|
|
27
|
+
### TabsItem
|
|
28
|
+
|
|
29
|
+
Extends: `ChoicePanelItem`
|
|
30
|
+
|
|
31
|
+
No own members.
|
|
32
|
+
|
|
33
|
+
### TabsProps
|
|
34
|
+
|
|
35
|
+
| Member | Type | Required | Description |
|
|
36
|
+
| --- | --- | --- | --- |
|
|
37
|
+
| `id` | `string` | yes | |
|
|
38
|
+
| `items` | `readonly TabsItem[]` | yes | |
|
|
39
|
+
| `defaultValue` | `string` | no | |
|
|
40
|
+
| `orientation` | `ChoiceOrientation` | no | |
|
|
41
|
+
| `className` | `string` | no | |
|
|
42
|
+
| `append` | `ReactNode` | no | Optional control rendered at the end of the tab bar. |
|