@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.
Files changed (101) hide show
  1. package/README.md +12 -0
  2. package/agents/components.md +79 -0
  3. package/agents/index.md +173 -0
  4. package/agents/reference/components/accordion.md +35 -0
  5. package/agents/reference/components/alert-modal.md +63 -0
  6. package/agents/reference/components/breadcrumb.md +72 -0
  7. package/agents/reference/components/button.md +40 -0
  8. package/agents/reference/components/candle-chart.md +107 -0
  9. package/agents/reference/components/carousel.md +274 -0
  10. package/agents/reference/components/checkbox.md +32 -0
  11. package/agents/reference/components/collapsible.md +26 -0
  12. package/agents/reference/components/color-picker.md +33 -0
  13. package/agents/reference/components/combobox.md +193 -0
  14. package/agents/reference/components/context-menu.md +129 -0
  15. package/agents/reference/components/drawer.md +215 -0
  16. package/agents/reference/components/dropdown-menu.md +178 -0
  17. package/agents/reference/components/field.md +76 -0
  18. package/agents/reference/components/file-upload.md +131 -0
  19. package/agents/reference/components/form.md +28 -0
  20. package/agents/reference/components/header.md +44 -0
  21. package/agents/reference/components/hover-card.md +54 -0
  22. package/agents/reference/components/input.md +29 -0
  23. package/agents/reference/components/line-chart.md +104 -0
  24. package/agents/reference/components/modal.md +106 -0
  25. package/agents/reference/components/number-field.md +60 -0
  26. package/agents/reference/components/otp-input.md +68 -0
  27. package/agents/reference/components/pagination.md +112 -0
  28. package/agents/reference/components/popup.md +111 -0
  29. package/agents/reference/components/radio-group.md +37 -0
  30. package/agents/reference/components/rating.md +43 -0
  31. package/agents/reference/components/segmented-control.md +51 -0
  32. package/agents/reference/components/select.md +60 -0
  33. package/agents/reference/components/skeleton.md +29 -0
  34. package/agents/reference/components/slider.md +71 -0
  35. package/agents/reference/components/spinner.md +34 -0
  36. package/agents/reference/components/switch.md +27 -0
  37. package/agents/reference/components/table.md +189 -0
  38. package/agents/reference/components/tabs.md +42 -0
  39. package/agents/reference/components/tags-input.md +123 -0
  40. package/agents/reference/components/textarea.md +31 -0
  41. package/agents/reference/components/toast.md +151 -0
  42. package/agents/reference/components/toggle-group.md +50 -0
  43. package/agents/reference/components/toggle.md +26 -0
  44. package/agents/reference/components/toolbar.md +69 -0
  45. package/agents/reference/components/tooltip.md +76 -0
  46. package/agents/reference/components/virtual-scroll.md +97 -0
  47. package/agents/reference/elements/choice.md +55 -0
  48. package/agents/reference/elements/details.md +45 -0
  49. package/agents/reference/elements/dialog.md +43 -0
  50. package/agents/reference/elements/invoker.md +28 -0
  51. package/agents/reference/elements/popover.md +53 -0
  52. package/dist/components/alert-modal/AlertModalParts.js +1 -1
  53. package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
  54. package/dist/components/button/Button.d.ts.map +1 -1
  55. package/dist/components/button/Button.js +5 -1
  56. package/dist/components/button/Button.js.map +1 -1
  57. package/dist/components/button/types.d.ts +5 -2
  58. package/dist/components/button/types.d.ts.map +1 -1
  59. package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
  60. package/dist/components/carousel/CarouselMarkup.js +8 -0
  61. package/dist/components/carousel/CarouselMarkup.js.map +1 -1
  62. package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
  63. package/dist/components/internal/choice-family/ChoiceGroup.js +2 -3
  64. package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
  65. package/dist/components/internal/choice-family/types.d.ts +2 -2
  66. package/dist/components/internal/choice-family/types.d.ts.map +1 -1
  67. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  68. package/dist/components/pagination/Pagination.js +11 -0
  69. package/dist/components/pagination/Pagination.js.map +1 -1
  70. package/dist/components/pagination/PaginationShell.d.ts.map +1 -1
  71. package/dist/components/pagination/PaginationShell.js +26 -1
  72. package/dist/components/pagination/PaginationShell.js.map +1 -1
  73. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
  74. package/dist/components/segmented-control/SegmentedControl.js +1 -0
  75. package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
  76. package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
  77. package/dist/components/segmented-control/client/SegmentedControlClient.js +1 -0
  78. package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
  79. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  80. package/dist/components/toggle/Toggle.js +12 -1
  81. package/dist/components/toggle/Toggle.js.map +1 -1
  82. package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
  83. package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
  84. package/dist/components/toggle-group/ToggleGroup.js +6 -0
  85. package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
  86. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts +1 -1
  87. package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map +1 -1
  88. package/dist/components/toggle-group/client/ToggleGroupClient.js +19 -4
  89. package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
  90. package/dist/components/toggle-group/types.d.ts +3 -2
  91. package/dist/components/toggle-group/types.d.ts.map +1 -1
  92. package/dist/components/toolbar/ToolbarShell.d.ts.map +1 -1
  93. package/dist/components/toolbar/ToolbarShell.js +5 -1
  94. package/dist/components/toolbar/ToolbarShell.js.map +1 -1
  95. package/dist/components/toolbar/types.d.ts +2 -0
  96. package/dist/components/toolbar/types.d.ts.map +1 -1
  97. package/dist/core/render-native-invoker.d.ts +1 -1
  98. package/dist/core/render-native-invoker.d.ts.map +1 -1
  99. package/dist/core/render-native-invoker.js.map +1 -1
  100. package/dist/styles/index.css +1 -1
  101. 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. |