@misoto22/kioku-ui 0.0.0 → 0.1.0

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 (111) hide show
  1. package/package.json +1 -1
  2. package/dist/components/Alert.d.ts +0 -7
  3. package/dist/components/Alert.doc.d.ts +0 -11
  4. package/dist/components/Alert.doc.js +0 -15
  5. package/dist/components/Alert.js +0 -149
  6. package/dist/components/AsyncState.d.ts +0 -30
  7. package/dist/components/AsyncState.doc.d.ts +0 -16
  8. package/dist/components/AsyncState.doc.js +0 -16
  9. package/dist/components/AsyncState.js +0 -36
  10. package/dist/components/Badge.d.ts +0 -10
  11. package/dist/components/Badge.doc.d.ts +0 -11
  12. package/dist/components/Badge.doc.js +0 -12
  13. package/dist/components/Badge.js +0 -58
  14. package/dist/components/Button.d.ts +0 -18
  15. package/dist/components/Button.doc.d.ts +0 -11
  16. package/dist/components/Button.doc.js +0 -18
  17. package/dist/components/Button.js +0 -151
  18. package/dist/components/Card.d.ts +0 -6
  19. package/dist/components/Card.doc.d.ts +0 -11
  20. package/dist/components/Card.doc.js +0 -15
  21. package/dist/components/Card.js +0 -41
  22. package/dist/components/CardFooter.d.ts +0 -3
  23. package/dist/components/CardFooter.doc.d.ts +0 -11
  24. package/dist/components/CardFooter.doc.js +0 -12
  25. package/dist/components/CardFooter.js +0 -16
  26. package/dist/components/CardHeader.d.ts +0 -3
  27. package/dist/components/CardHeader.doc.d.ts +0 -11
  28. package/dist/components/CardHeader.doc.js +0 -12
  29. package/dist/components/CardHeader.js +0 -16
  30. package/dist/components/Center.d.ts +0 -3
  31. package/dist/components/Center.doc.d.ts +0 -11
  32. package/dist/components/Center.doc.js +0 -12
  33. package/dist/components/Center.js +0 -15
  34. package/dist/components/Divider.d.ts +0 -3
  35. package/dist/components/Divider.doc.d.ts +0 -11
  36. package/dist/components/Divider.doc.js +0 -12
  37. package/dist/components/Divider.js +0 -12
  38. package/dist/components/EmptyState.d.ts +0 -11
  39. package/dist/components/EmptyState.doc.d.ts +0 -16
  40. package/dist/components/EmptyState.doc.js +0 -25
  41. package/dist/components/EmptyState.js +0 -55
  42. package/dist/components/Field.d.ts +0 -21
  43. package/dist/components/Field.doc.d.ts +0 -16
  44. package/dist/components/Field.doc.js +0 -28
  45. package/dist/components/Field.js +0 -117
  46. package/dist/components/Grid.d.ts +0 -7
  47. package/dist/components/Grid.doc.d.ts +0 -11
  48. package/dist/components/Grid.doc.js +0 -15
  49. package/dist/components/Grid.js +0 -76
  50. package/dist/components/Heading.d.ts +0 -293
  51. package/dist/components/Heading.doc.d.ts +0 -16
  52. package/dist/components/Heading.doc.js +0 -19
  53. package/dist/components/Heading.js +0 -46
  54. package/dist/components/IconButton.d.ts +0 -9
  55. package/dist/components/IconButton.doc.d.ts +0 -16
  56. package/dist/components/IconButton.doc.js +0 -22
  57. package/dist/components/IconButton.js +0 -11
  58. package/dist/components/MetricGrid.d.ts +0 -10
  59. package/dist/components/MetricGrid.doc.d.ts +0 -12
  60. package/dist/components/MetricGrid.doc.js +0 -13
  61. package/dist/components/MetricGrid.js +0 -37
  62. package/dist/components/Section.d.ts +0 -6
  63. package/dist/components/Section.doc.d.ts +0 -11
  64. package/dist/components/Section.doc.js +0 -12
  65. package/dist/components/Section.js +0 -49
  66. package/dist/components/SegmentedControl.d.ts +0 -31
  67. package/dist/components/SegmentedControl.doc.d.ts +0 -16
  68. package/dist/components/SegmentedControl.doc.js +0 -34
  69. package/dist/components/SegmentedControl.js +0 -108
  70. package/dist/components/Skeleton.d.ts +0 -5
  71. package/dist/components/Skeleton.doc.d.ts +0 -11
  72. package/dist/components/Skeleton.doc.js +0 -12
  73. package/dist/components/Skeleton.js +0 -20
  74. package/dist/components/Spinner.d.ts +0 -6
  75. package/dist/components/Spinner.doc.d.ts +0 -12
  76. package/dist/components/Spinner.doc.js +0 -13
  77. package/dist/components/Spinner.js +0 -25
  78. package/dist/components/Stack.d.ts +0 -7
  79. package/dist/components/Stack.doc.d.ts +0 -11
  80. package/dist/components/Stack.doc.js +0 -15
  81. package/dist/components/Stack.js +0 -77
  82. package/dist/components/StatusDot.d.ts +0 -8
  83. package/dist/components/StatusDot.doc.d.ts +0 -16
  84. package/dist/components/StatusDot.doc.js +0 -16
  85. package/dist/components/StatusDot.js +0 -46
  86. package/dist/components/Table.d.ts +0 -20
  87. package/dist/components/Table.doc.d.ts +0 -92
  88. package/dist/components/Table.doc.js +0 -94
  89. package/dist/components/Table.js +0 -205
  90. package/dist/components/Text.d.ts +0 -7
  91. package/dist/components/Text.doc.d.ts +0 -11
  92. package/dist/components/Text.doc.js +0 -15
  93. package/dist/components/Text.js +0 -50
  94. package/dist/components/TextArea.d.ts +0 -16
  95. package/dist/components/TextArea.doc.d.ts +0 -11
  96. package/dist/components/TextArea.doc.js +0 -30
  97. package/dist/components/TextArea.js +0 -47
  98. package/dist/components/TextInput.d.ts +0 -16
  99. package/dist/components/TextInput.doc.d.ts +0 -11
  100. package/dist/components/TextInput.doc.js +0 -30
  101. package/dist/components/TextInput.js +0 -49
  102. package/dist/components/Toggle.d.ts +0 -16
  103. package/dist/components/Toggle.doc.d.ts +0 -11
  104. package/dist/components/Toggle.doc.js +0 -21
  105. package/dist/components/Toggle.js +0 -64
  106. package/dist/components/VisuallyHidden.d.ts +0 -3
  107. package/dist/components/VisuallyHidden.doc.d.ts +0 -11
  108. package/dist/components/VisuallyHidden.doc.js +0 -12
  109. package/dist/components/VisuallyHidden.js +0 -15
  110. package/dist/components/index.d.ts +0 -27
  111. package/dist/components/index.js +0 -28
@@ -1,293 +0,0 @@
1
- import { type HTMLAttributes } from 'react';
2
- type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
3
- export type HeadingFamily = 'interface' | 'display';
4
- export interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>, 'className'> {
5
- readonly family?: HeadingFamily;
6
- readonly level: HeadingLevel;
7
- readonly size?: 'page' | 'section' | 'subsection';
8
- }
9
- export declare function Heading({ children, family, level, size, ...props }: HeadingProps): import("react").DetailedReactHTMLElement<{
10
- className?: string;
11
- 'data-style-src'?: string;
12
- style?: import("react").CSSProperties | Readonly<{
13
- [$$Key$$: string]: string | number;
14
- }> | undefined;
15
- id?: string | undefined | undefined;
16
- results?: number | undefined | undefined;
17
- color?: string | undefined | undefined;
18
- content?: string | undefined | undefined;
19
- translate?: "yes" | "no" | undefined | undefined;
20
- hidden?: boolean | undefined | undefined;
21
- slot?: string | undefined | undefined;
22
- title?: string | undefined | undefined;
23
- dir?: string | undefined | undefined;
24
- rel?: string | undefined | undefined;
25
- accessKey?: string | undefined | undefined;
26
- draggable?: (boolean | "false" | "true") | undefined;
27
- inert?: boolean | undefined | undefined;
28
- lang?: string | undefined | undefined;
29
- popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
30
- part?: string | undefined | undefined;
31
- prefix?: string | undefined | undefined;
32
- role?: import("react").AriaRole | undefined;
33
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
34
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
35
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
36
- nonce?: string | undefined | undefined;
37
- tabIndex?: number | undefined | undefined;
38
- defaultChecked?: boolean | undefined | undefined;
39
- defaultValue?: string | number | readonly string[] | undefined;
40
- suppressContentEditableWarning?: boolean | undefined | undefined;
41
- suppressHydrationWarning?: boolean | undefined | undefined;
42
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
43
- autoFocus?: boolean | undefined | undefined;
44
- contextMenu?: string | undefined | undefined;
45
- spellCheck?: (boolean | "false" | "true") | undefined;
46
- radioGroup?: string | undefined | undefined;
47
- about?: string | undefined | undefined;
48
- datatype?: string | undefined | undefined;
49
- inlist?: any;
50
- property?: string | undefined | undefined;
51
- resource?: string | undefined | undefined;
52
- rev?: string | undefined | undefined;
53
- typeof?: string | undefined | undefined;
54
- vocab?: string | undefined | undefined;
55
- autoCorrect?: string | undefined | undefined;
56
- autoSave?: string | undefined | undefined;
57
- itemProp?: string | undefined | undefined;
58
- itemScope?: boolean | undefined | undefined;
59
- itemType?: string | undefined | undefined;
60
- itemID?: string | undefined | undefined;
61
- itemRef?: string | undefined | undefined;
62
- security?: string | undefined | undefined;
63
- unselectable?: "on" | "off" | undefined | undefined;
64
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
65
- popoverTarget?: string | undefined | undefined;
66
- is?: string | undefined | undefined;
67
- exportparts?: string | undefined | undefined;
68
- "aria-activedescendant"?: string | undefined | undefined;
69
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
70
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
71
- "aria-braillelabel"?: string | undefined | undefined;
72
- "aria-brailleroledescription"?: string | undefined | undefined;
73
- "aria-busy"?: (boolean | "false" | "true") | undefined;
74
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
75
- "aria-colcount"?: number | undefined | undefined;
76
- "aria-colindex"?: number | undefined | undefined;
77
- "aria-colindextext"?: string | undefined | undefined;
78
- "aria-colspan"?: number | undefined | undefined;
79
- "aria-controls"?: string | undefined | undefined;
80
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
81
- "aria-describedby"?: string | undefined | undefined;
82
- "aria-description"?: string | undefined | undefined;
83
- "aria-details"?: string | undefined | undefined;
84
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
85
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
86
- "aria-errormessage"?: string | undefined | undefined;
87
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
88
- "aria-flowto"?: string | undefined | undefined;
89
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
90
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
91
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
92
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
93
- "aria-keyshortcuts"?: string | undefined | undefined;
94
- "aria-label"?: string | undefined | undefined;
95
- "aria-labelledby"?: string | undefined | undefined;
96
- "aria-level"?: number | undefined | undefined;
97
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
98
- "aria-modal"?: (boolean | "false" | "true") | undefined;
99
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
100
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
101
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
102
- "aria-owns"?: string | undefined | undefined;
103
- "aria-placeholder"?: string | undefined | undefined;
104
- "aria-posinset"?: number | undefined | undefined;
105
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
106
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
107
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
108
- "aria-required"?: (boolean | "false" | "true") | undefined;
109
- "aria-roledescription"?: string | undefined | undefined;
110
- "aria-rowcount"?: number | undefined | undefined;
111
- "aria-rowindex"?: number | undefined | undefined;
112
- "aria-rowindextext"?: string | undefined | undefined;
113
- "aria-rowspan"?: number | undefined | undefined;
114
- "aria-selected"?: (boolean | "false" | "true") | undefined;
115
- "aria-setsize"?: number | undefined | undefined;
116
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
117
- "aria-valuemax"?: number | undefined | undefined;
118
- "aria-valuemin"?: number | undefined | undefined;
119
- "aria-valuenow"?: number | undefined | undefined;
120
- "aria-valuetext"?: string | undefined | undefined;
121
- dangerouslySetInnerHTML?: {
122
- __html: string | TrustedHTML;
123
- } | undefined | undefined;
124
- onCopy?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
125
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
126
- onCut?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
127
- onCutCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
128
- onPaste?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
129
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
130
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
131
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
132
- onCompositionStart?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
133
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
134
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
135
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
136
- onFocus?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
137
- onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
138
- onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
139
- onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
140
- onChange?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
141
- onChangeCapture?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
142
- onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
143
- onBeforeInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
144
- onInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
145
- onInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
146
- onReset?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
147
- onResetCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
148
- onSubmit?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
149
- onSubmitCapture?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
150
- onInvalid?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
151
- onInvalidCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
152
- onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
153
- onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
154
- onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
155
- onErrorCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
156
- onKeyDown?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
157
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
158
- onKeyPress?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
159
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
160
- onKeyUp?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
161
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
162
- onAbort?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
163
- onAbortCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
164
- onCanPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
165
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
166
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
167
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
168
- onDurationChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
169
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
170
- onEmptied?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
171
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
172
- onEncrypted?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
173
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
174
- onEnded?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
175
- onEndedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
176
- onLoadedData?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
177
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
178
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
179
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
180
- onLoadStart?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
181
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
182
- onPause?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
183
- onPauseCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
184
- onPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
185
- onPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
186
- onPlaying?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
187
- onPlayingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
188
- onProgress?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
189
- onProgressCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
190
- onRateChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
191
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
192
- onSeeked?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
193
- onSeekedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
194
- onSeeking?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
195
- onSeekingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
196
- onStalled?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
197
- onStalledCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
198
- onSuspend?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
199
- onSuspendCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
200
- onTimeUpdate?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
201
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
202
- onVolumeChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
203
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
204
- onWaiting?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
205
- onWaitingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
206
- onAuxClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
207
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
208
- onClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
209
- onClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
210
- onContextMenu?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
211
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
212
- onDoubleClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
213
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
214
- onDrag?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
215
- onDragCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
216
- onDragEnd?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
217
- onDragEndCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
218
- onDragEnter?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
219
- onDragEnterCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
220
- onDragExit?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
221
- onDragExitCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
222
- onDragLeave?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
223
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
224
- onDragOver?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
225
- onDragOverCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
226
- onDragStart?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
227
- onDragStartCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
228
- onDrop?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
229
- onDropCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
230
- onMouseDown?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
231
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
232
- onMouseEnter?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
233
- onMouseLeave?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
234
- onMouseMove?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
235
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
236
- onMouseOut?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
237
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
238
- onMouseOver?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
239
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
240
- onMouseUp?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
241
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
242
- onSelect?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
243
- onSelectCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
244
- onTouchCancel?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
245
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
246
- onTouchEnd?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
247
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
248
- onTouchMove?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
249
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
250
- onTouchStart?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
251
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
252
- onPointerDown?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
253
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
254
- onPointerMove?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
255
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
256
- onPointerUp?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
257
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
258
- onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
259
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
260
- onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
261
- onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
262
- onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
263
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
264
- onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
265
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
266
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
267
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
268
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
269
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
270
- onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
271
- onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
272
- onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
273
- onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
274
- onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
275
- onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
276
- onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
277
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
278
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
279
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
280
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
281
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
282
- onToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
283
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
284
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
285
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
286
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
287
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
288
- onTransitionRun?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
289
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
290
- onTransitionStart?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
291
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
292
- }, HTMLElement>;
293
- export {};
@@ -1,16 +0,0 @@
1
- export declare const headingDoc: {
2
- name: string;
3
- description: string;
4
- props: ({
5
- name: string;
6
- description: string;
7
- required?: undefined;
8
- } | {
9
- name: string;
10
- description: string;
11
- required: true;
12
- })[];
13
- inheritedProps: string[];
14
- example: string;
15
- storyId: string;
16
- };
@@ -1,19 +0,0 @@
1
- import "../styles/stylex.css";
2
- export const headingDoc = {
3
- name: 'Heading',
4
- description: 'Renders a native heading at the requested document level.',
5
- props: [{
6
- name: 'family',
7
- description: 'Optional "interface" family, or explicit "display" family for page-level and editorial headings.'
8
- }, {
9
- name: 'level',
10
- description: 'Required native heading level from 1 through 6.',
11
- required: true
12
- }, {
13
- name: 'size',
14
- description: 'Optional semantic size: "page", "section", or "subsection".'
15
- }],
16
- inheritedProps: ['HTMLAttributes<HTMLHeadingElement> except className'],
17
- example: '<Heading level={2} size="section">Section title</Heading>',
18
- storyId: 'core-heading--default'
19
- };
@@ -1,46 +0,0 @@
1
- import * as stylex from '@stylexjs/stylex';
2
- import { createElement } from 'react';
3
- import { semanticTokens } from '../authoring.stylex.js';
4
- import "../styles/stylex.css";
5
- const styles = {
6
- base: {
7
- kMwMTN: "x1y4yzzg",
8
- kMv6JI: "x69it5h",
9
- k63SB2: "x1sa4947",
10
- kLWn49: "x1vslzj6",
11
- kogj98: "x1ghz6dp",
12
- $$css: true
13
- },
14
- page: {
15
- kGuDYH: "x18wzw5v",
16
- $$css: true
17
- },
18
- section: {
19
- kGuDYH: "xfuxfq0",
20
- $$css: true
21
- },
22
- subsection: {
23
- kGuDYH: "x1fkw5ar",
24
- $$css: true
25
- },
26
- interface: {
27
- kMv6JI: "x69it5h",
28
- $$css: true
29
- },
30
- display: {
31
- kMv6JI: "x13fdfvb",
32
- $$css: true
33
- }
34
- };
35
- export function Heading({
36
- children,
37
- family = 'interface',
38
- level,
39
- size = 'section',
40
- ...props
41
- }) {
42
- return createElement(`h${level}`, {
43
- ...props,
44
- ...stylex.props(styles.base, styles[size], styles[family])
45
- }, children);
46
- }
@@ -1,9 +0,0 @@
1
- import { type ButtonProps, type ButtonVariant, type ControlSize } from './Button.js';
2
- /** Props for an icon-only native action button with a required name. */
3
- export interface IconButtonProps extends Omit<ButtonProps, 'aria-label'> {
4
- readonly 'aria-label': string;
5
- readonly loading?: boolean;
6
- readonly size?: ControlSize;
7
- readonly variant?: ButtonVariant;
8
- }
9
- export declare function IconButton(props: IconButtonProps): import("react").JSX.Element;
@@ -1,16 +0,0 @@
1
- export declare const iconButtonDoc: {
2
- name: string;
3
- description: string;
4
- props: ({
5
- name: string;
6
- description: string;
7
- required: true;
8
- } | {
9
- name: string;
10
- description: string;
11
- required?: undefined;
12
- })[];
13
- inheritedProps: string[];
14
- example: string;
15
- storyId: string;
16
- };
@@ -1,22 +0,0 @@
1
- import "../styles/stylex.css";
2
- export const iconButtonDoc = {
3
- name: 'IconButton',
4
- description: 'Triggers an icon-only action with a required accessible label.',
5
- props: [{
6
- name: 'aria-label',
7
- description: 'Names the icon-only action.',
8
- required: true
9
- }, {
10
- name: 'loading',
11
- description: 'Shows progress and disables native activation.'
12
- }, {
13
- name: 'size',
14
- description: 'Selects the fixed square control size.'
15
- }, {
16
- name: 'variant',
17
- description: 'Selects a semantic visual emphasis.'
18
- }],
19
- inheritedProps: ['ButtonHTMLAttributes<HTMLButtonElement> except aria-label and className'],
20
- example: '<IconButton aria-label="Close"><CloseIcon /></IconButton>',
21
- storyId: 'core-icon-button--default'
22
- };
@@ -1,11 +0,0 @@
1
- import { ActionControl } from './Button.js';
2
-
3
- /** Props for an icon-only native action button with a required name. */
4
- import "../styles/stylex.css";
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- export function IconButton(props) {
7
- return /*#__PURE__*/_jsx(ActionControl, {
8
- ...props,
9
- iconOnly: true
10
- });
11
- }
@@ -1,10 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from 'react';
2
- export interface MetricGridItem {
3
- readonly detail?: ReactNode;
4
- readonly label: ReactNode;
5
- readonly value: ReactNode;
6
- }
7
- export interface MetricGridProps extends Omit<HTMLAttributes<HTMLDListElement>, 'children' | 'className'> {
8
- readonly items: readonly MetricGridItem[];
9
- }
10
- export declare function MetricGrid({ items, ...props }: MetricGridProps): import("react").JSX.Element;
@@ -1,12 +0,0 @@
1
- export declare const metricGridDoc: {
2
- name: string;
3
- description: string;
4
- props: {
5
- name: string;
6
- description: string;
7
- required: true;
8
- }[];
9
- inheritedProps: string[];
10
- example: string;
11
- storyId: string;
12
- };
@@ -1,13 +0,0 @@
1
- import "../styles/stylex.css";
2
- export const metricGridDoc = {
3
- name: 'MetricGrid',
4
- description: 'Presents consumer-supplied labels and values with responsive description-list hierarchy.',
5
- props: [{
6
- name: 'items',
7
- description: 'Supplies metric labels, values, and optional detail.',
8
- required: true
9
- }],
10
- inheritedProps: ['HTMLAttributes<HTMLDListElement> except children and className'],
11
- example: '<MetricGrid items={[{label: "Total", value: "24"}]} />',
12
- storyId: 'core-metric-grid--default'
13
- };
@@ -1,37 +0,0 @@
1
- import * as stylex from '@stylexjs/stylex';
2
- import { semanticTokens } from '../authoring.stylex.js';
3
- import "../styles/stylex.css";
4
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- const minimumColumnWidth = `calc(${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl})`;
6
- export function MetricGrid({
7
- items,
8
- ...props
9
- }) {
10
- return /*#__PURE__*/_jsx("dl", {
11
- ...props,
12
- ...{
13
- className: "xrvj5dj x4nws80 x1tyajke x1ghz6dp"
14
- },
15
- children: items.map((item, index) => /*#__PURE__*/_jsxs("div", {
16
- ...{
17
- className: "x1ixvsy6 xilcjya x7xrhi9 x1jnjmdy xpxnlqs xrvj5dj x1iwn5ga x1cfciu7"
18
- },
19
- children: [/*#__PURE__*/_jsx("dt", {
20
- ...{
21
- className: "x17y7oyd xj0sio9 xltg2ad"
22
- },
23
- children: item.label
24
- }), /*#__PURE__*/_jsx("dd", {
25
- ...{
26
- className: "x1y4yzzg x69it5h xfuxfq0 x1sa4947 x1ghz6dp"
27
- },
28
- children: item.value
29
- }), item.detail ? /*#__PURE__*/_jsx("dd", {
30
- ...{
31
- className: "x1mgtvnk xj0sio9 xltg2ad x1ghz6dp"
32
- },
33
- children: item.detail
34
- }) : null]
35
- }, index))
36
- });
37
- }
@@ -1,6 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- import type { Space } from './Stack.js';
3
- export interface SectionProps extends Omit<HTMLAttributes<HTMLElement>, 'className'> {
4
- readonly padding?: Space;
5
- }
6
- export declare function Section({ children, padding, ...props }: SectionProps): import("react").JSX.Element;
@@ -1,11 +0,0 @@
1
- export declare const sectionDoc: {
2
- name: string;
3
- description: string;
4
- props: {
5
- name: string;
6
- description: string;
7
- }[];
8
- inheritedProps: string[];
9
- example: string;
10
- storyId: string;
11
- };
@@ -1,12 +0,0 @@
1
- import "../styles/stylex.css";
2
- export const sectionDoc = {
3
- name: 'Section',
4
- description: 'Groups related content in a native section landmark.',
5
- props: [{
6
- name: 'padding',
7
- description: 'Optional semantic block-padding token.'
8
- }],
9
- inheritedProps: ['HTMLAttributes<HTMLElement> except className'],
10
- example: '<Section aria-label="Preferences"><Text>Content</Text></Section>',
11
- storyId: 'core-section--default'
12
- };
@@ -1,49 +0,0 @@
1
- import * as stylex from '@stylexjs/stylex';
2
- import { semanticTokens } from '../authoring.stylex.js';
3
- import "../styles/stylex.css";
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- const styles = {
6
- paddingXs: {
7
- k8WAf4: "x10y07nz",
8
- $$css: true
9
- },
10
- paddingSm: {
11
- k8WAf4: "xoeao9w",
12
- $$css: true
13
- },
14
- paddingMd: {
15
- k8WAf4: "x1lr58ck",
16
- $$css: true
17
- },
18
- paddingLg: {
19
- k8WAf4: "x17uk85o",
20
- $$css: true
21
- },
22
- paddingXl: {
23
- k8WAf4: "x18wayz0",
24
- $$css: true
25
- },
26
- padding2xl: {
27
- k8WAf4: "x3x1fh3",
28
- $$css: true
29
- }
30
- };
31
- const paddings = {
32
- xs: styles.paddingXs,
33
- sm: styles.paddingSm,
34
- md: styles.paddingMd,
35
- lg: styles.paddingLg,
36
- xl: styles.paddingXl,
37
- '2xl': styles.padding2xl
38
- };
39
- export function Section({
40
- children,
41
- padding = 'xl',
42
- ...props
43
- }) {
44
- return /*#__PURE__*/_jsx("section", {
45
- ...props,
46
- ...stylex.props(paddings[padding]),
47
- children: children
48
- });
49
- }
@@ -1,31 +0,0 @@
1
- import { type HTMLAttributes, type ReactNode } from 'react';
2
- export interface SegmentedControlOption<Value extends string = string> {
3
- readonly disabled?: boolean;
4
- readonly label: ReactNode;
5
- readonly value: Value;
6
- }
7
- type SharedSegmentedControlProps<Value extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'className' | 'defaultValue' | 'onChange'> & {
8
- readonly disabled?: boolean;
9
- readonly onValueChange?: (value: Value) => void;
10
- readonly options: readonly SegmentedControlOption<Value>[];
11
- readonly orientation?: 'horizontal' | 'vertical';
12
- };
13
- type SegmentedControlAccessibleName = {
14
- readonly 'aria-label': string;
15
- readonly 'aria-labelledby'?: string;
16
- } | {
17
- readonly 'aria-label'?: string;
18
- readonly 'aria-labelledby': string;
19
- };
20
- type ControlledSegmentedControlProps<Value extends string> = SharedSegmentedControlProps<Value> & {
21
- readonly defaultValue?: never;
22
- readonly onValueChange: (value: Value) => void;
23
- readonly value: Value;
24
- };
25
- type UncontrolledSegmentedControlProps<Value extends string> = SharedSegmentedControlProps<Value> & {
26
- readonly defaultValue?: Value;
27
- readonly value?: never;
28
- };
29
- export type SegmentedControlProps<Value extends string = string> = (ControlledSegmentedControlProps<Value> | UncontrolledSegmentedControlProps<Value>) & SegmentedControlAccessibleName;
30
- export declare function SegmentedControl<Value extends string = string>({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, defaultValue, disabled, onValueChange, options, orientation, value, ...props }: SegmentedControlProps<Value>): import("react").JSX.Element;
31
- export {};