@gunkin/uiify 0.0.14-alpha → 0.0.16-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 +46 -1
- package/agents/components.md +80 -0
- package/agents/index.md +179 -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-of-contents.md +185 -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 -3
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/button/types.d.ts +5 -4
- 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/dropdown-menu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.js +0 -2
- package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
- package/dist/components/dropdown-menu/types.d.ts +0 -1
- package/dist/components/dropdown-menu/types.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.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/table-of-contents/TableOfContents.d.ts +22 -0
- package/dist/components/table-of-contents/TableOfContents.d.ts.map +1 -0
- package/dist/components/table-of-contents/TableOfContents.js +142 -0
- package/dist/components/table-of-contents/TableOfContents.js.map +1 -0
- package/dist/components/table-of-contents/client/TableOfContentsClient.d.ts +18 -0
- package/dist/components/table-of-contents/client/TableOfContentsClient.d.ts.map +1 -0
- package/dist/components/table-of-contents/client/TableOfContentsClient.js +140 -0
- package/dist/components/table-of-contents/client/TableOfContentsClient.js.map +1 -0
- package/dist/components/table-of-contents/client/TableOfContentsClientParts.d.ts +7 -0
- package/dist/components/table-of-contents/client/TableOfContentsClientParts.d.ts.map +1 -0
- package/dist/components/table-of-contents/client/TableOfContentsClientParts.js +48 -0
- package/dist/components/table-of-contents/client/TableOfContentsClientParts.js.map +1 -0
- package/dist/components/table-of-contents/client/index.d.ts +5 -0
- package/dist/components/table-of-contents/client/index.d.ts.map +1 -0
- package/dist/components/table-of-contents/client/index.js +23 -0
- package/dist/components/table-of-contents/client/index.js.map +1 -0
- package/dist/components/table-of-contents/client/table-of-contents-context.d.ts +3 -0
- package/dist/components/table-of-contents/client/table-of-contents-context.d.ts.map +1 -0
- package/dist/components/table-of-contents/client/table-of-contents-context.js +7 -0
- package/dist/components/table-of-contents/client/table-of-contents-context.js.map +1 -0
- package/dist/components/table-of-contents/client/table-of-contents-interactions.d.ts +3 -0
- package/dist/components/table-of-contents/client/table-of-contents-interactions.d.ts.map +1 -0
- package/dist/components/table-of-contents/client/table-of-contents-interactions.js +144 -0
- package/dist/components/table-of-contents/client/table-of-contents-interactions.js.map +1 -0
- package/dist/components/table-of-contents/client/table-of-contents-pointer.d.ts +3 -0
- package/dist/components/table-of-contents/client/table-of-contents-pointer.d.ts.map +1 -0
- package/dist/components/table-of-contents/client/table-of-contents-pointer.js +94 -0
- package/dist/components/table-of-contents/client/table-of-contents-pointer.js.map +1 -0
- package/dist/components/table-of-contents/client.d.ts +1 -0
- package/dist/components/table-of-contents/client.js +1 -0
- package/dist/components/table-of-contents/index.d.ts +3 -0
- package/dist/components/table-of-contents/index.d.ts.map +1 -0
- package/dist/components/table-of-contents/index.js +21 -0
- package/dist/components/table-of-contents/index.js.map +1 -0
- package/dist/components/table-of-contents/scrollspy-selection.d.ts +4 -0
- package/dist/components/table-of-contents/scrollspy-selection.d.ts.map +1 -0
- package/dist/components/table-of-contents/scrollspy-selection.js +31 -0
- package/dist/components/table-of-contents/scrollspy-selection.js.map +1 -0
- package/dist/components/table-of-contents/scrollspy.d.ts +4 -0
- package/dist/components/table-of-contents/scrollspy.d.ts.map +1 -0
- package/dist/components/table-of-contents/scrollspy.js +178 -0
- package/dist/components/table-of-contents/scrollspy.js.map +1 -0
- package/dist/components/table-of-contents/types.d.ts +123 -0
- package/dist/components/table-of-contents/types.d.ts.map +1 -0
- package/dist/components/table-of-contents/types.js +1 -0
- package/dist/components/table-of-contents/types.js.map +1 -0
- package/dist/components/table-of-contents.d.ts +1 -0
- package/dist/components/table-of-contents.js +1 -0
- 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 -1
- 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 -6
- package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
- package/dist/components/toggle-group/types.d.ts +3 -3
- 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 -2
- package/dist/components/toolbar/ToolbarShell.js.map +1 -1
- package/dist/components/toolbar/types.d.ts +2 -1
- 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 +4 -2
- package/skills/uiify/SKILL.md +167 -0
- package/skills/uiify/scripts/lint.mjs +56 -0
- package/skills/uiify/scripts/static.mjs +95 -0
|
@@ -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,185 @@
|
|
|
1
|
+
<!-- Generated from the package source. Do not edit by hand. -->
|
|
2
|
+
# table-of-contents
|
|
3
|
+
|
|
4
|
+
- Import: `@gunkin/uiify/components/table-of-contents`
|
|
5
|
+
- Tier 2 (Client component — pre-hydration SSR); state source S1; native element `nav + button[popovertarget] + [popover] + a[href]`
|
|
6
|
+
- Without JavaScript: pre-hydration-only
|
|
7
|
+
- Types file: `dist/components/table-of-contents.d.ts`
|
|
8
|
+
- Note: Base entry is a server-pure native navigation shell; /client adds enhancements. Native links and popover invocation/dismissal work without JavaScript.
|
|
9
|
+
|
|
10
|
+
## Exports
|
|
11
|
+
|
|
12
|
+
- Runtime: `TableOfContents`, `TableOfContentsRoot`, `TableOfContentsTrigger`, `TableOfContentsRail`, `TableOfContentsIndicator`, `TableOfContentsContent`, `TableOfContentsList`, `TableOfContentsLink`
|
|
13
|
+
- Types: `TableOfContentsLevel`, `TableOfContentsRootOwnProps`, `TableOfContentsRootProps`, `TableOfContentsTriggerOwnProps`, `TableOfContentsTriggerProps`, `TableOfContentsRailOwnProps`, `TableOfContentsRailProps`, `TableOfContentsIndicatorOwnProps`, `TableOfContentsIndicatorProps`, `TableOfContentsContentOwnProps`, `TableOfContentsContentProps`, `TableOfContentsListOwnProps`, `TableOfContentsListProps`, `TableOfContentsLinkOwnProps`, `TableOfContentsLinkProps`
|
|
14
|
+
|
|
15
|
+
## Values
|
|
16
|
+
|
|
17
|
+
- `TableOfContentsLevel`: `1 | 2 | 3 | 4 | 5 | 6`
|
|
18
|
+
|
|
19
|
+
## Props and shapes
|
|
20
|
+
|
|
21
|
+
### TableOfContentsRootOwnProps
|
|
22
|
+
|
|
23
|
+
| Member | Type | Required | Description |
|
|
24
|
+
| --- | --- | --- | --- |
|
|
25
|
+
| `children` | `ReactNode` | no | |
|
|
26
|
+
|
|
27
|
+
### TableOfContentsTriggerOwnProps
|
|
28
|
+
|
|
29
|
+
| Member | Type | Required | Description |
|
|
30
|
+
| --- | --- | --- | --- |
|
|
31
|
+
| `children` | `ReactNode` | no | |
|
|
32
|
+
| `target` | `string` | yes | |
|
|
33
|
+
|
|
34
|
+
### TableOfContentsRailOwnProps
|
|
35
|
+
|
|
36
|
+
| Member | Type | Required | Description |
|
|
37
|
+
| --- | --- | --- | --- |
|
|
38
|
+
| `children` | `ReactNode` | no | |
|
|
39
|
+
|
|
40
|
+
### TableOfContentsIndicatorOwnProps
|
|
41
|
+
|
|
42
|
+
| Member | Type | Required | Description |
|
|
43
|
+
| --- | --- | --- | --- |
|
|
44
|
+
| `ref` | `Ref<HTMLElement>` | no | |
|
|
45
|
+
| `style` | `CSSProperties` | no | |
|
|
46
|
+
| `children` | `ReactNode` | no | |
|
|
47
|
+
| `value` | `string` | yes | Stable target ID matching a Link fragment. |
|
|
48
|
+
| `level` | `TableOfContentsLevel` | no | |
|
|
49
|
+
| `selected` | `boolean` | no | |
|
|
50
|
+
|
|
51
|
+
### TableOfContentsContentOwnProps
|
|
52
|
+
|
|
53
|
+
| Member | Type | Required | Description |
|
|
54
|
+
| --- | --- | --- | --- |
|
|
55
|
+
| `children` | `ReactNode` | no | |
|
|
56
|
+
| `id` | `string` | yes | |
|
|
57
|
+
| `side` | `AnchorSide` | no | |
|
|
58
|
+
| `align` | `AnchorAlign` | no | |
|
|
59
|
+
|
|
60
|
+
### TableOfContentsListOwnProps
|
|
61
|
+
|
|
62
|
+
| Member | Type | Required | Description |
|
|
63
|
+
| --- | --- | --- | --- |
|
|
64
|
+
| `children` | `ReactNode` | no | |
|
|
65
|
+
|
|
66
|
+
### TableOfContentsLinkOwnProps
|
|
67
|
+
|
|
68
|
+
| Member | Type | Required | Description |
|
|
69
|
+
| --- | --- | --- | --- |
|
|
70
|
+
| `style` | `CSSProperties` | no | |
|
|
71
|
+
| `"aria-current"` | `AriaAttributes["aria-current"]` | no | |
|
|
72
|
+
| `children` | `ReactNode` | no | |
|
|
73
|
+
| `href` | `string` | yes | Native same-page anchor; external URLs are not tracked by scrollspy. |
|
|
74
|
+
| `level` | `TableOfContentsLevel` | no | |
|
|
75
|
+
| `selected` | `boolean` | no | |
|
|
76
|
+
|
|
77
|
+
### TableOfContentsTargetSnapshot
|
|
78
|
+
|
|
79
|
+
| Member | Type | Required | Description |
|
|
80
|
+
| --- | --- | --- | --- |
|
|
81
|
+
| `value` | `string` | yes | |
|
|
82
|
+
| `start` | `number` | yes | |
|
|
83
|
+
| `visible` | `boolean` | yes | |
|
|
84
|
+
|
|
85
|
+
### TableOfContentsScrollSnapshot
|
|
86
|
+
|
|
87
|
+
| Member | Type | Required | Description |
|
|
88
|
+
| --- | --- | --- | --- |
|
|
89
|
+
| `targets` | `readonly TableOfContentsTargetSnapshot[]` | yes | |
|
|
90
|
+
| `viewportStart` | `number` | yes | |
|
|
91
|
+
| `viewportEnd` | `number` | yes | |
|
|
92
|
+
| `offset` | `number` | yes | |
|
|
93
|
+
| `contentEnd` | `number \| null` | yes | |
|
|
94
|
+
|
|
95
|
+
### TableOfContentsObserverOptions
|
|
96
|
+
|
|
97
|
+
| Member | Type | Required | Description |
|
|
98
|
+
| --- | --- | --- | --- |
|
|
99
|
+
| `root` | `HTMLElement` | yes | |
|
|
100
|
+
| `scrollTarget` | `string \| undefined` | no | |
|
|
101
|
+
| `contentTarget` | `string \| undefined` | no | |
|
|
102
|
+
| `offset` | `number` | yes | |
|
|
103
|
+
| `onValueChange` | `(value: string \| null) => void` | yes | |
|
|
104
|
+
|
|
105
|
+
### TableOfContentsObserver
|
|
106
|
+
|
|
107
|
+
| Member | Type | Required | Description |
|
|
108
|
+
| --- | --- | --- | --- |
|
|
109
|
+
| `refresh` | `() => void` | yes | |
|
|
110
|
+
| `destroy` | `() => void` | yes | |
|
|
111
|
+
|
|
112
|
+
### TableOfContentsClientRootOwnProps
|
|
113
|
+
|
|
114
|
+
Extends: `TableOfContentsRootOwnProps`
|
|
115
|
+
|
|
116
|
+
| Member | Type | Required | Description |
|
|
117
|
+
| --- | --- | --- | --- |
|
|
118
|
+
| `ref` | `Ref<HTMLElement>` | no | |
|
|
119
|
+
| `className` | `string` | no | |
|
|
120
|
+
| `style` | `CSSProperties` | no | |
|
|
121
|
+
| `onClick` | `MouseEventHandler<HTMLElement>` | no | |
|
|
122
|
+
| `scrollSpy` | `boolean` | no | |
|
|
123
|
+
| `scrollTarget` | `string` | no | Scroll-container element ID; omitted tracks the owning window. |
|
|
124
|
+
| `contentTarget` | `string` | no | Content element ID used for target scope and end-of-content selection. |
|
|
125
|
+
| `offset` | `number` | no | |
|
|
126
|
+
| `value` | `string \| null` | no | |
|
|
127
|
+
| `defaultValue` | `string \| null` | no | |
|
|
128
|
+
| `onValueChange` | `(value: string \| null) => void` | no | |
|
|
129
|
+
| `open` | `boolean` | no | |
|
|
130
|
+
| `defaultOpen` | `boolean` | no | Applied after hydration; the native SSR surface starts closed. |
|
|
131
|
+
| `onOpenChange` | `(open: boolean) => void` | no | |
|
|
132
|
+
| `openOnHover` | `boolean` | no | |
|
|
133
|
+
| `openDelay` | `number` | no | |
|
|
134
|
+
| `closeDelay` | `number` | no | |
|
|
135
|
+
|
|
136
|
+
### TableOfContentsClientContextValue
|
|
137
|
+
|
|
138
|
+
| Member | Type | Required | Description |
|
|
139
|
+
| --- | --- | --- | --- |
|
|
140
|
+
| `value` | `string \| null` | yes | |
|
|
141
|
+
| `open` | `boolean` | yes | |
|
|
142
|
+
| `documentUrl` | `string \| undefined` | yes | |
|
|
143
|
+
|
|
144
|
+
### TableOfContentsInteractionOptions
|
|
145
|
+
|
|
146
|
+
| Member | Type | Required | Description |
|
|
147
|
+
| --- | --- | --- | --- |
|
|
148
|
+
| `root` | `HTMLElement` | yes | |
|
|
149
|
+
| `getOpen` | `() => boolean` | yes | |
|
|
150
|
+
| `requestOpen` | `(open: boolean) => void` | yes | |
|
|
151
|
+
| `controlled` | `boolean` | yes | |
|
|
152
|
+
| `openOnHover` | `boolean` | yes | |
|
|
153
|
+
| `openDelay` | `number` | yes | |
|
|
154
|
+
| `closeDelay` | `number` | yes | |
|
|
155
|
+
|
|
156
|
+
### TableOfContentsInteractions
|
|
157
|
+
|
|
158
|
+
| Member | Type | Required | Description |
|
|
159
|
+
| --- | --- | --- | --- |
|
|
160
|
+
| `click` | `(event: MouseEvent) => void` | yes | |
|
|
161
|
+
| `destroy` | `() => void` | yes | |
|
|
162
|
+
|
|
163
|
+
### TableOfContentsPointerOptions
|
|
164
|
+
|
|
165
|
+
| Member | Type | Required | Description |
|
|
166
|
+
| --- | --- | --- | --- |
|
|
167
|
+
| `root` | `HTMLElement` | yes | |
|
|
168
|
+
|
|
169
|
+
## Other types
|
|
170
|
+
|
|
171
|
+
- `TableOfContentsRootProps<TAs>`: `RenderableProps<TAs, TableOfContentsRootOwnProps, Record<string, never>, HTMLElement>`
|
|
172
|
+
- `TableOfContentsTriggerProps<TAs>`: `NativeButtonProps<TAs, TableOfContentsTriggerOwnProps>`
|
|
173
|
+
- `TableOfContentsRailProps<TAs>`: `RenderableProps<TAs, TableOfContentsRailOwnProps, Record<string, never>, HTMLElement>`
|
|
174
|
+
- `TableOfContentsIndicatorProps<TAs>`: `RenderableProps<TAs, TableOfContentsIndicatorOwnProps, { selected: boolean }, HTMLElement>`
|
|
175
|
+
- `TableOfContentsContentProps<TAs>`: `RenderableProps<TAs, TableOfContentsContentOwnProps, Record<string, never>, HTMLElement>`
|
|
176
|
+
- `TableOfContentsListProps<TAs>`: `RenderableProps<TAs, TableOfContentsListOwnProps, Record<string, never>, HTMLElement>`
|
|
177
|
+
- `TableOfContentsLinkProps<TAs>`: `RenderableProps<TAs, TableOfContentsLinkOwnProps, { selected: boolean }, HTMLAnchorElement>`
|
|
178
|
+
- `TableOfContentsClientRootProps<TAs>`: `RenderableProps<TAs, TableOfContentsClientRootOwnProps, { value: string | null; open: boolean }, HTMLElement>`
|
|
179
|
+
|
|
180
|
+
## Sub-entries
|
|
181
|
+
|
|
182
|
+
### `@gunkin/uiify/components/table-of-contents/client`
|
|
183
|
+
|
|
184
|
+
- Runtime: `TableOfContents`, `TableOfContentsRoot`, `TableOfContentsTrigger`, `TableOfContentsContent`, `TableOfContentsLink`, `TableOfContentsIndicator`, `TableOfContentsRail`, `TableOfContentsList`
|
|
185
|
+
- Types: `TableOfContentsClientRootOwnProps`, `TableOfContentsClientRootProps`, `TableOfContentsLevel`, `TableOfContentsTriggerProps`, `TableOfContentsRailProps`, `TableOfContentsContentProps`, `TableOfContentsListProps`, `TableOfContentsLinkProps`, `TableOfContentsIndicatorProps`
|