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