@pondipondi/mimas 0.1.4 → 0.2.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 (54) hide show
  1. package/dist/components/crumbs/bubble-input.d.ts +33 -0
  2. package/dist/components/crumbs/{Button.d.ts → button.d.ts} +114 -107
  3. package/dist/components/crumbs/checkbox.d.ts +565 -0
  4. package/dist/components/crumbs/input-group.d.ts +29 -0
  5. package/dist/components/crumbs/input.d.ts +305 -0
  6. package/dist/components/crumbs/{LoadingRing.d.ts → loading-ring.d.ts} +10 -3
  7. package/dist/components/crumbs/select.d.ts +95 -0
  8. package/dist/components/crumbs/tooltip.d.ts +20 -0
  9. package/dist/components/frames/dialog.d.ts +17 -0
  10. package/dist/components/frames/drawer.d.ts +215 -0
  11. package/dist/components/frames/inset.d.ts +7 -0
  12. package/dist/components/frames/modal.d.ts +14 -0
  13. package/dist/components/frames/panel.d.ts +9 -0
  14. package/dist/components/index.d.ts +38 -6
  15. package/dist/components/layout/between.d.ts +7 -0
  16. package/dist/components/layout/centre.d.ts +7 -0
  17. package/dist/components/layout/column.d.ts +7 -0
  18. package/dist/components/layout/flex.d.ts +7 -0
  19. package/dist/components/layout/grid.d.ts +7 -0
  20. package/dist/components/plates/bar-chart.d.ts +55 -0
  21. package/dist/components/plates/heatmap.d.ts +31 -0
  22. package/dist/components/util/icons.d.ts +10 -0
  23. package/dist/components/util/{MimasProvider.d.ts → mimas-provider.d.ts} +1 -1
  24. package/dist/components/util/noise.d.ts +5 -0
  25. package/dist/components/util/palette.d.ts +36 -0
  26. package/dist/components/util/rabbet.d.ts +11 -0
  27. package/dist/config/palettes.d.ts +73 -0
  28. package/dist/hooks/use-async-component.d.ts +49 -0
  29. package/dist/hooks/use-container-width.d.ts +2 -0
  30. package/dist/index.d.ts +1 -0
  31. package/dist/lib/classnames.d.ts +2 -0
  32. package/dist/lib/colour.d.ts +17 -0
  33. package/dist/lib/corners.d.ts +20 -0
  34. package/dist/mimas.cjs.js +135 -10
  35. package/dist/mimas.es.js +16126 -1361
  36. package/dist/stories/Mimas/Crumbs/BubbleInput.stories.d.ts +42 -0
  37. package/dist/stories/Mimas/Crumbs/Button.stories.d.ts +5 -3
  38. package/dist/stories/Mimas/Crumbs/Checkbox.stories.d.ts +313 -0
  39. package/dist/stories/Mimas/Crumbs/Input.stories.d.ts +339 -0
  40. package/dist/stories/Mimas/Crumbs/InputGroup.stories.d.ts +36 -0
  41. package/dist/stories/Mimas/Crumbs/Select.stories.d.ts +13 -0
  42. package/dist/stories/Mimas/Crumbs/Tooltip.stories.d.ts +27 -0
  43. package/dist/stories/Mimas/Frames/Dialog.stories.d.ts +14 -0
  44. package/dist/stories/Mimas/Frames/Drawer.stories.d.ts +28 -0
  45. package/dist/stories/Mimas/Frames/Modal.stories.d.ts +17 -0
  46. package/dist/stories/Mimas/Frames/Panel.stories.d.ts +11 -0
  47. package/dist/stories/Mimas/Plates/BarChart.stories.d.ts +20 -0
  48. package/dist/stories/Mimas/Plates/Heatmap.stories.d.ts +32 -0
  49. package/dist/stories/Mimas/Util/Palette.stories.d.ts +31 -0
  50. package/dist/style.css +1 -1
  51. package/package.json +79 -68
  52. package/dist/components/crumbs/ToggleSet.d.ts +0 -2
  53. package/dist/components/frames/Inset.d.ts +0 -50
  54. package/dist/components/util/Noise.d.ts +0 -2
@@ -0,0 +1,339 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ component: import("react").ForwardRefExoticComponent<import("@/components").InputProps & import("react").RefAttributes<HTMLInputElement>>;
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ tags: string[];
8
+ argTypes: {
9
+ size: {
10
+ control: "radio";
11
+ options: string[];
12
+ };
13
+ corners: {
14
+ control: "radio";
15
+ options: string[];
16
+ };
17
+ };
18
+ args: {
19
+ placeholder: string;
20
+ size: "large";
21
+ corners: "round";
22
+ };
23
+ decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
24
+ startIcon?: import("react").ReactNode;
25
+ endIcon?: import("react").ReactNode;
26
+ clearable?: boolean;
27
+ form?: string | undefined;
28
+ slot?: string | undefined;
29
+ style?: import("react").CSSProperties | undefined;
30
+ title?: string | undefined;
31
+ pattern?: string | undefined;
32
+ defaultChecked?: boolean | undefined;
33
+ defaultValue?: string | number | readonly string[] | undefined;
34
+ suppressContentEditableWarning?: boolean | undefined;
35
+ suppressHydrationWarning?: boolean | undefined;
36
+ accessKey?: string | undefined;
37
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
38
+ autoFocus?: boolean | undefined;
39
+ className?: string | undefined;
40
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
41
+ contextMenu?: string | undefined;
42
+ dir?: string | undefined;
43
+ draggable?: (boolean | "true" | "false") | undefined;
44
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
45
+ hidden?: boolean | undefined;
46
+ id?: string | undefined;
47
+ lang?: string | undefined;
48
+ nonce?: string | undefined;
49
+ spellCheck?: (boolean | "true" | "false") | undefined;
50
+ tabIndex?: number | undefined;
51
+ translate?: "yes" | "no" | undefined;
52
+ radioGroup?: string | undefined;
53
+ role?: import("react").AriaRole | undefined;
54
+ about?: string | undefined;
55
+ content?: string | undefined;
56
+ datatype?: string | undefined;
57
+ inlist?: any;
58
+ prefix?: string | undefined;
59
+ property?: string | undefined;
60
+ rel?: string | undefined;
61
+ resource?: string | undefined;
62
+ rev?: string | undefined;
63
+ typeof?: string | undefined;
64
+ vocab?: string | undefined;
65
+ autoCorrect?: string | undefined;
66
+ autoSave?: string | undefined;
67
+ color?: string | undefined;
68
+ itemProp?: string | undefined;
69
+ itemScope?: boolean | undefined;
70
+ itemType?: string | undefined;
71
+ itemID?: string | undefined;
72
+ itemRef?: string | undefined;
73
+ results?: number | undefined;
74
+ security?: string | undefined;
75
+ unselectable?: "on" | "off" | undefined;
76
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
77
+ is?: string | undefined;
78
+ exportparts?: string | undefined;
79
+ part?: string | undefined;
80
+ "aria-activedescendant"?: string | undefined;
81
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
82
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
83
+ "aria-braillelabel"?: string | undefined;
84
+ "aria-brailleroledescription"?: string | undefined;
85
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
86
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
87
+ "aria-colcount"?: number | undefined;
88
+ "aria-colindex"?: number | undefined;
89
+ "aria-colindextext"?: string | undefined;
90
+ "aria-colspan"?: number | undefined;
91
+ "aria-controls"?: string | undefined;
92
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
93
+ "aria-describedby"?: string | undefined;
94
+ "aria-description"?: string | undefined;
95
+ "aria-details"?: string | undefined;
96
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
97
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
98
+ "aria-errormessage"?: string | undefined;
99
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
100
+ "aria-flowto"?: string | undefined;
101
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
102
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
103
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
104
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
105
+ "aria-keyshortcuts"?: string | undefined;
106
+ "aria-label"?: string | undefined;
107
+ "aria-labelledby"?: string | undefined;
108
+ "aria-level"?: number | undefined;
109
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
110
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
111
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
112
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
113
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
114
+ "aria-owns"?: string | undefined;
115
+ "aria-placeholder"?: string | undefined;
116
+ "aria-posinset"?: number | undefined;
117
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
118
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
119
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
120
+ "aria-required"?: (boolean | "true" | "false") | undefined;
121
+ "aria-roledescription"?: string | undefined;
122
+ "aria-rowcount"?: number | undefined;
123
+ "aria-rowindex"?: number | undefined;
124
+ "aria-rowindextext"?: string | undefined;
125
+ "aria-rowspan"?: number | undefined;
126
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
127
+ "aria-setsize"?: number | undefined;
128
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
129
+ "aria-valuemax"?: number | undefined;
130
+ "aria-valuemin"?: number | undefined;
131
+ "aria-valuenow"?: number | undefined;
132
+ "aria-valuetext"?: string | undefined;
133
+ children?: import("react").ReactNode | undefined;
134
+ dangerouslySetInnerHTML?: {
135
+ __html: string | TrustedHTML;
136
+ } | undefined;
137
+ onCopy?: import("react").ClipboardEventHandler<HTMLInputElement>;
138
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
139
+ onCut?: import("react").ClipboardEventHandler<HTMLInputElement>;
140
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
141
+ onPaste?: import("react").ClipboardEventHandler<HTMLInputElement>;
142
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
143
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement>;
144
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
145
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement>;
146
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
147
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement>;
148
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
149
+ onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
150
+ onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement>;
151
+ onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
152
+ onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement>;
153
+ onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
154
+ onChangeCapture?: import("react").FormEventHandler<HTMLInputElement>;
155
+ onBeforeInput?: import("react").InputEventHandler<HTMLInputElement>;
156
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement>;
157
+ onInput?: import("react").FormEventHandler<HTMLInputElement>;
158
+ onInputCapture?: import("react").FormEventHandler<HTMLInputElement>;
159
+ onReset?: import("react").FormEventHandler<HTMLInputElement>;
160
+ onResetCapture?: import("react").FormEventHandler<HTMLInputElement>;
161
+ onSubmit?: import("react").FormEventHandler<HTMLInputElement>;
162
+ onSubmitCapture?: import("react").FormEventHandler<HTMLInputElement>;
163
+ onInvalid?: import("react").FormEventHandler<HTMLInputElement>;
164
+ onInvalidCapture?: import("react").FormEventHandler<HTMLInputElement>;
165
+ onLoad?: import("react").ReactEventHandler<HTMLInputElement>;
166
+ onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement>;
167
+ onError?: import("react").ReactEventHandler<HTMLInputElement>;
168
+ onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement>;
169
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
170
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
171
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement>;
172
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
173
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement>;
174
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
175
+ onAbort?: import("react").ReactEventHandler<HTMLInputElement>;
176
+ onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement>;
177
+ onCanPlay?: import("react").ReactEventHandler<HTMLInputElement>;
178
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement>;
179
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement>;
180
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement>;
181
+ onDurationChange?: import("react").ReactEventHandler<HTMLInputElement>;
182
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
183
+ onEmptied?: import("react").ReactEventHandler<HTMLInputElement>;
184
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
185
+ onEncrypted?: import("react").ReactEventHandler<HTMLInputElement>;
186
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
187
+ onEnded?: import("react").ReactEventHandler<HTMLInputElement>;
188
+ onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
189
+ onLoadedData?: import("react").ReactEventHandler<HTMLInputElement>;
190
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement>;
191
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement>;
192
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement>;
193
+ onLoadStart?: import("react").ReactEventHandler<HTMLInputElement>;
194
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement>;
195
+ onPause?: import("react").ReactEventHandler<HTMLInputElement>;
196
+ onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement>;
197
+ onPlay?: import("react").ReactEventHandler<HTMLInputElement>;
198
+ onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement>;
199
+ onPlaying?: import("react").ReactEventHandler<HTMLInputElement>;
200
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
201
+ onProgress?: import("react").ReactEventHandler<HTMLInputElement>;
202
+ onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement>;
203
+ onRateChange?: import("react").ReactEventHandler<HTMLInputElement>;
204
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
205
+ onSeeked?: import("react").ReactEventHandler<HTMLInputElement>;
206
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
207
+ onSeeking?: import("react").ReactEventHandler<HTMLInputElement>;
208
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
209
+ onStalled?: import("react").ReactEventHandler<HTMLInputElement>;
210
+ onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement>;
211
+ onSuspend?: import("react").ReactEventHandler<HTMLInputElement>;
212
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement>;
213
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement>;
214
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement>;
215
+ onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement>;
216
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
217
+ onWaiting?: import("react").ReactEventHandler<HTMLInputElement>;
218
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
219
+ onAuxClick?: import("react").MouseEventHandler<HTMLInputElement>;
220
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
221
+ onClick?: import("react").MouseEventHandler<HTMLInputElement>;
222
+ onClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
223
+ onContextMenu?: import("react").MouseEventHandler<HTMLInputElement>;
224
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement>;
225
+ onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement>;
226
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
227
+ onDrag?: import("react").DragEventHandler<HTMLInputElement>;
228
+ onDragCapture?: import("react").DragEventHandler<HTMLInputElement>;
229
+ onDragEnd?: import("react").DragEventHandler<HTMLInputElement>;
230
+ onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement>;
231
+ onDragEnter?: import("react").DragEventHandler<HTMLInputElement>;
232
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement>;
233
+ onDragExit?: import("react").DragEventHandler<HTMLInputElement>;
234
+ onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement>;
235
+ onDragLeave?: import("react").DragEventHandler<HTMLInputElement>;
236
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement>;
237
+ onDragOver?: import("react").DragEventHandler<HTMLInputElement>;
238
+ onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement>;
239
+ onDragStart?: import("react").DragEventHandler<HTMLInputElement>;
240
+ onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement>;
241
+ onDrop?: import("react").DragEventHandler<HTMLInputElement>;
242
+ onDropCapture?: import("react").DragEventHandler<HTMLInputElement>;
243
+ onMouseDown?: import("react").MouseEventHandler<HTMLInputElement>;
244
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement>;
245
+ onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement>;
246
+ onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement>;
247
+ onMouseMove?: import("react").MouseEventHandler<HTMLInputElement>;
248
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement>;
249
+ onMouseOut?: import("react").MouseEventHandler<HTMLInputElement>;
250
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement>;
251
+ onMouseOver?: import("react").MouseEventHandler<HTMLInputElement>;
252
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement>;
253
+ onMouseUp?: import("react").MouseEventHandler<HTMLInputElement>;
254
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement>;
255
+ onSelect?: import("react").ReactEventHandler<HTMLInputElement>;
256
+ onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement>;
257
+ onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement>;
258
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement>;
259
+ onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement>;
260
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement>;
261
+ onTouchMove?: import("react").TouchEventHandler<HTMLInputElement>;
262
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement>;
263
+ onTouchStart?: import("react").TouchEventHandler<HTMLInputElement>;
264
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement>;
265
+ onPointerDown?: import("react").PointerEventHandler<HTMLInputElement>;
266
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement>;
267
+ onPointerMove?: import("react").PointerEventHandler<HTMLInputElement>;
268
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement>;
269
+ onPointerUp?: import("react").PointerEventHandler<HTMLInputElement>;
270
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement>;
271
+ onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement>;
272
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement>;
273
+ onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement>;
274
+ onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement>;
275
+ onPointerOver?: import("react").PointerEventHandler<HTMLInputElement>;
276
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement>;
277
+ onPointerOut?: import("react").PointerEventHandler<HTMLInputElement>;
278
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement>;
279
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement>;
280
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement>;
281
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement>;
282
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement>;
283
+ onScroll?: import("react").UIEventHandler<HTMLInputElement>;
284
+ onScrollCapture?: import("react").UIEventHandler<HTMLInputElement>;
285
+ onWheel?: import("react").WheelEventHandler<HTMLInputElement>;
286
+ onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement>;
287
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement>;
288
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
289
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement>;
290
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
291
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement>;
292
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
293
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement>;
294
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement>;
295
+ height?: number | string | undefined;
296
+ max?: number | string | undefined;
297
+ min?: number | string | undefined;
298
+ name?: string | undefined;
299
+ type?: import("react").HTMLInputTypeAttribute | undefined;
300
+ width?: number | string | undefined;
301
+ disabled?: boolean | undefined;
302
+ formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
303
+ formEncType?: string | undefined;
304
+ formMethod?: string | undefined;
305
+ formNoValidate?: boolean | undefined;
306
+ formTarget?: string | undefined;
307
+ value?: string | readonly string[] | number | undefined;
308
+ autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
309
+ alt?: string | undefined;
310
+ src?: string | undefined;
311
+ accept?: string | undefined;
312
+ capture?: boolean | "user" | "environment" | undefined;
313
+ checked?: boolean | undefined;
314
+ list?: string | undefined;
315
+ maxLength?: number | undefined;
316
+ minLength?: number | undefined;
317
+ multiple?: boolean | undefined;
318
+ placeholder?: string | undefined;
319
+ readOnly?: boolean | undefined;
320
+ required?: boolean | undefined;
321
+ step?: number | string | undefined;
322
+ size?: "small" | "medium" | "large";
323
+ corners?: "circle" | "sharp" | "round";
324
+ leftCorners?: "circle" | "none" | "sharp" | "round";
325
+ ref?: import("react").LegacyRef<HTMLInputElement>;
326
+ key?: import("react").Key | null | undefined;
327
+ }>) => import("react/jsx-runtime").JSX.Element)[];
328
+ };
329
+ export default meta;
330
+ type Story = StoryObj<typeof meta>;
331
+ export declare const Basic: Story;
332
+ export declare const WithLabel: Story;
333
+ export declare const Disabled: Story;
334
+ /** Sizes line up with the Button scale: small, medium, large. */
335
+ export declare const Sizes: Story;
336
+ /** Pass any node to `startIcon` or `endIcon`. */
337
+ export declare const WithIcons: Story;
338
+ /** `clearable` adds a ✕ in the trailing slot whenever the field has content. */
339
+ export declare const Clearable: Story;
@@ -0,0 +1,36 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ component: ({ children, size, corners, className, }: import("../../../components/crumbs/input-group").InputGroupProps) => import("react/jsx-runtime").JSX.Element;
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ tags: string[];
8
+ argTypes: {
9
+ size: {
10
+ control: "radio";
11
+ options: string[];
12
+ };
13
+ corners: {
14
+ control: "radio";
15
+ options: string[];
16
+ };
17
+ };
18
+ args: {
19
+ size: "medium";
20
+ corners: "round";
21
+ };
22
+ };
23
+ export default meta;
24
+ type Story = StoryObj<typeof meta>;
25
+ /** Grouping buttons — the original use case. */
26
+ export declare const Buttons: Story;
27
+ /** Grouped fields share a single border. Stretch them with `className="w-full"`. */
28
+ export declare const Fields: Story;
29
+ /** A field paired with an action — the field grows, the button hugs its content. */
30
+ export declare const InputWithButton: Story;
31
+ /** Mix control types in one group — Button, Input, Select, Button — all flush. */
32
+ export declare const ButtonInputSelectButton: Story;
33
+ /** Checkboxes join up the same way — sharp inner edges, group corners on the outside. */
34
+ export declare const Checkboxes: Story;
35
+ /** Any child type works, so long as it accepts `corners` / `leftCorners` / `size`. */
36
+ export declare const Corners: Story;
@@ -0,0 +1,13 @@
1
+ import { Select } from "@/components";
2
+ import type { Meta, StoryObj } from "@storybook/react";
3
+ declare const meta: Meta<typeof Select>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ /** The batteries-included form: pass `items`, get a styled select. */
7
+ export declare const Basic: Story;
8
+ /**
9
+ * `renderItem` and `renderSelected` let you draw options however you like — and
10
+ * they can differ. Here the list shows a swatch, the name, and its mid shade,
11
+ * while the trigger keeps just the swatch and name.
12
+ */
13
+ export declare const CustomRender: Story;
@@ -0,0 +1,27 @@
1
+ import type { TooltipProps } from "@/components";
2
+ import type { StoryObj } from "@storybook/react";
3
+ declare function TooltipStory(props: Omit<TooltipProps, "children">): import("react/jsx-runtime").JSX.Element;
4
+ declare const meta: {
5
+ component: typeof TooltipStory;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ side: {
12
+ control: "radio";
13
+ options: string[];
14
+ };
15
+ };
16
+ args: {
17
+ content: string;
18
+ side: "top";
19
+ };
20
+ };
21
+ export default meta;
22
+ type Story = StoryObj<typeof meta>;
23
+ export declare const Basic: Story;
24
+ /** Tooltips on all four sides. */
25
+ export declare const Sides: Story;
26
+ /** Low-level parts for custom composition. */
27
+ export declare const Custom: Story;
@@ -0,0 +1,14 @@
1
+ import { Dialog } from "@/components";
2
+ import type { StoryObj } from "@storybook/react";
3
+ declare const meta: {
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ tags: string[];
8
+ };
9
+ export default meta;
10
+ type Story = StoryObj<typeof Dialog>;
11
+ /** Composed from the low-level parts, in the same spirit as shadcn's dialog. */
12
+ export declare const Basic: Story;
13
+ /** The close button in the corner can be hidden when the footer already has one. */
14
+ export declare const HideCloseButton: Story;
@@ -0,0 +1,28 @@
1
+ import type { DrawerProps } from "@/components";
2
+ import type { StoryObj } from "@storybook/react";
3
+ declare function DrawerStory(props: Omit<DrawerProps, "trigger" | "children">): import("react/jsx-runtime").JSX.Element;
4
+ declare const meta: {
5
+ component: typeof DrawerStory;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ side: {
12
+ control: "radio";
13
+ options: string[];
14
+ };
15
+ };
16
+ args: {
17
+ title: string;
18
+ description: string;
19
+ side: "right";
20
+ };
21
+ };
22
+ export default meta;
23
+ type Story = StoryObj<typeof meta>;
24
+ export declare const Basic: Story;
25
+ /** Drawers sliding in from all four edges. */
26
+ export declare const Sides: Story;
27
+ /** Low-level parts for custom composition. */
28
+ export declare const Custom: Story;
@@ -0,0 +1,17 @@
1
+ import { Modal } from "@/components";
2
+ import type { StoryObj } from "@storybook/react";
3
+ declare const meta: {
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ tags: string[];
8
+ };
9
+ export default meta;
10
+ type Story = StoryObj<typeof Modal>;
11
+ /**
12
+ * `Modal` is built for `useAsyncComponent`: `activate()` opens it and returns
13
+ * a promise that resolves once the user confirms or cancels.
14
+ */
15
+ export declare const Confirm: Story;
16
+ /** A slow `onConfirm` keeps the confirm button in its loading state. */
17
+ export declare const AsyncConfirm: Story;
@@ -0,0 +1,11 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ import { Panel } from "@/components";
3
+ declare const meta: {
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ tags: string[];
8
+ };
9
+ export default meta;
10
+ type Story = StoryObj<typeof Panel>;
11
+ export declare const Primary: Story;
@@ -0,0 +1,20 @@
1
+ import { type PaletteName } from "@/components";
2
+ import type { Meta, StoryObj } from "@storybook/react";
3
+ type DemoArgs = {
4
+ palette: PaletteName;
5
+ goal: number;
6
+ colourByValue: boolean;
7
+ };
8
+ declare const meta: Meta<DemoArgs>;
9
+ export default meta;
10
+ type Story = StoryObj<DemoArgs>;
11
+ /** A weekly time series with interactive controls. */
12
+ export declare const Playground: Story;
13
+ /** Unordered categories, shaded by value like any other dataset. */
14
+ export declare const Categories: Story;
15
+ /** A goal line and a rolling-average line, each with its own style and label. */
16
+ export declare const Thresholds: Story;
17
+ /** Custom tooltip rendering, mirroring Heatmap's `formatTooltip`. */
18
+ export declare const CustomTooltip: Story;
19
+ /** The same dataset rendered under every bundled palette. */
20
+ export declare const Palettes: Story;
@@ -0,0 +1,32 @@
1
+ import { type PaletteName } from "@/components";
2
+ import type { Meta, StoryObj } from "@storybook/react";
3
+ type DemoArgs = {
4
+ palette: PaletteName;
5
+ goal: number;
6
+ };
7
+ declare const meta: Meta<DemoArgs>;
8
+ export default meta;
9
+ type Story = StoryObj<DemoArgs>;
10
+ /** Full-year heatmap with interactive controls. Switch palettes from the Controls panel. */
11
+ export declare const Playground: Story;
12
+ /**
13
+ * The same dataset rendered under every bundled palette.
14
+ * Scroll to compare how each ramp reads against the dark surface.
15
+ */
16
+ export declare const Palettes: Story;
17
+ /**
18
+ * Many short 2-4 day runs scattered across the year.
19
+ * The ring appears on each active pellet; the downward pip links consecutive
20
+ * days within the same week column. Gaps between runs prevent any single
21
+ * streak from dominating — shows the "sporadic but habitual" pattern.
22
+ */
23
+ export declare const ShortStreaks: Story;
24
+ /**
25
+ * A handful of long multi-week runs with clear breaks between them.
26
+ * The pip connectors link every day within a week column, forming a
27
+ * visible vertical thread through each active column — shows the
28
+ * "deep focus period" pattern.
29
+ */
30
+ export declare const LongStreaks: Story;
31
+ /** A marker dot calls out specific days, e.g. milestones or notes. */
32
+ export declare const Markers: Story;
@@ -0,0 +1,31 @@
1
+ import { type PaletteName } from "@/components";
2
+ import type { Meta, StoryObj } from "@storybook/react";
3
+ type DemoArgs = {
4
+ palette: PaletteName;
5
+ };
6
+ declare const meta: Meta<DemoArgs>;
7
+ export default meta;
8
+ type Story = StoryObj<DemoArgs>;
9
+ /**
10
+ * Wrapping any subtree in `<Palette primary={…}>` re-themes the `primary` role
11
+ * for everything inside it. Notice only `colour="primary"` controls change —
12
+ * the neutral "Cancel" button keeps inheriting the base role.
13
+ */
14
+ export declare const Playground: Story;
15
+ /**
16
+ * The same primary components rendered under every bundled palette — no new
17
+ * variants, just a different `<Palette>` scope per row.
18
+ */
19
+ export declare const Swatches: Story;
20
+ /**
21
+ * Palettes nest: an inner `<Palette>` overrides the outer one for just its
22
+ * subtree, and everything outside it keeps the outer scope.
23
+ */
24
+ export declare const Nested: Story;
25
+ /**
26
+ * The `base` role drives every neutral surface — panels, default buttons,
27
+ * borders, muted text. Swapping it re-tints the whole UI cool or warm, while
28
+ * `primary` stays put.
29
+ */
30
+ export declare const Neutrals: Story;
31
+ export declare const Arbitrary: Story;