ingred-ui 19.3.0 → 19.5.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.
@@ -1,12 +1,21 @@
1
1
  import * as React from "react";
2
- export type CheckBoxProps = React.ComponentPropsWithoutRef<"input"> & {
2
+ export declare enum CheckboxSize {
3
+ SMALL = "small",
4
+ MEDIUM = "medium"
5
+ }
6
+ type CheckBoxPropsBase = Omit<React.ComponentPropsWithoutRef<"input">, "size">;
7
+ export type CheckBoxProps = CheckBoxPropsBase & {
3
8
  indeterminate?: boolean;
4
9
  error?: boolean;
5
10
  inputRef?: React.Ref<HTMLInputElement>;
11
+ disabled?: boolean;
12
+ size?: CheckboxSize;
6
13
  };
7
- declare const Checkbox: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
14
+ declare const Checkbox: React.ForwardRefExoticComponent<CheckBoxPropsBase & {
8
15
  indeterminate?: boolean | undefined;
9
16
  error?: boolean | undefined;
10
17
  inputRef?: React.Ref<HTMLInputElement> | undefined;
18
+ disabled?: boolean | undefined;
19
+ size?: CheckboxSize | undefined;
11
20
  } & React.RefAttributes<HTMLLabelElement>>;
12
21
  export default Checkbox;
@@ -1,14 +1,315 @@
1
1
  import React from "react";
2
2
  import { StoryObj } from "@storybook/react";
3
- import { CheckBoxProps } from "./Checkbox";
3
+ import { CheckBoxProps, CheckboxSize } from "./Checkbox";
4
4
  declare const _default: {
5
5
  title: string;
6
- component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
6
+ component: React.ForwardRefExoticComponent<{
7
+ children?: React.ReactNode;
8
+ form?: string | undefined;
9
+ slot?: string | undefined;
10
+ style?: React.CSSProperties | undefined;
11
+ title?: string | undefined;
12
+ pattern?: string | undefined;
13
+ value?: string | number | readonly string[] | undefined;
14
+ type?: React.HTMLInputTypeAttribute | undefined;
15
+ name?: string | undefined;
16
+ key?: React.Key | null | undefined;
17
+ defaultChecked?: boolean | undefined;
18
+ defaultValue?: string | number | readonly string[] | undefined;
19
+ suppressContentEditableWarning?: boolean | undefined;
20
+ suppressHydrationWarning?: boolean | undefined;
21
+ accessKey?: string | undefined;
22
+ className?: string | undefined;
23
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
24
+ contextMenu?: string | undefined;
25
+ dir?: string | undefined;
26
+ draggable?: (boolean | "true" | "false") | undefined;
27
+ hidden?: boolean | undefined;
28
+ id?: string | undefined;
29
+ lang?: string | undefined;
30
+ placeholder?: string | undefined;
31
+ spellCheck?: (boolean | "true" | "false") | undefined;
32
+ tabIndex?: number | undefined;
33
+ translate?: "no" | "yes" | undefined;
34
+ radioGroup?: string | undefined;
35
+ role?: React.AriaRole | undefined;
36
+ about?: string | undefined;
37
+ datatype?: string | undefined;
38
+ inlist?: any;
39
+ prefix?: string | undefined;
40
+ property?: string | undefined;
41
+ resource?: string | undefined;
42
+ typeof?: string | undefined;
43
+ vocab?: string | undefined;
44
+ autoCapitalize?: string | undefined;
45
+ autoCorrect?: string | undefined;
46
+ autoSave?: string | undefined;
47
+ color?: string | undefined;
48
+ itemProp?: string | undefined;
49
+ itemScope?: boolean | undefined;
50
+ itemType?: string | undefined;
51
+ itemID?: string | undefined;
52
+ itemRef?: string | undefined;
53
+ results?: number | undefined;
54
+ security?: string | undefined;
55
+ unselectable?: "on" | "off" | undefined;
56
+ inputMode?: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
57
+ is?: string | undefined;
58
+ 'aria-activedescendant'?: string | undefined;
59
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
60
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
61
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
62
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
63
+ 'aria-colcount'?: number | undefined;
64
+ 'aria-colindex'?: number | undefined;
65
+ 'aria-colspan'?: number | undefined;
66
+ 'aria-controls'?: string | undefined;
67
+ 'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
68
+ 'aria-describedby'?: string | undefined;
69
+ 'aria-details'?: string | undefined;
70
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
71
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
72
+ 'aria-errormessage'?: string | undefined;
73
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
74
+ 'aria-flowto'?: string | undefined;
75
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
76
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
77
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
78
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
79
+ 'aria-keyshortcuts'?: string | undefined;
80
+ 'aria-label'?: string | undefined;
81
+ 'aria-labelledby'?: string | undefined;
82
+ 'aria-level'?: number | undefined;
83
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
85
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
86
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
87
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
+ 'aria-owns'?: string | undefined;
89
+ 'aria-placeholder'?: string | undefined;
90
+ 'aria-posinset'?: number | undefined;
91
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
93
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
95
+ 'aria-roledescription'?: string | undefined;
96
+ 'aria-rowcount'?: number | undefined;
97
+ 'aria-rowindex'?: number | undefined;
98
+ 'aria-rowspan'?: number | undefined;
99
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
100
+ 'aria-setsize'?: number | undefined;
101
+ 'aria-sort'?: "other" | "none" | "ascending" | "descending" | undefined;
102
+ 'aria-valuemax'?: number | undefined;
103
+ 'aria-valuemin'?: number | undefined;
104
+ 'aria-valuenow'?: number | undefined;
105
+ 'aria-valuetext'?: string | undefined;
106
+ dangerouslySetInnerHTML?: {
107
+ __html: string;
108
+ } | undefined;
109
+ onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
110
+ onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
111
+ onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
112
+ onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
113
+ onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
114
+ onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
115
+ onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
116
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
117
+ onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
118
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
119
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
120
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
121
+ onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
122
+ onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
123
+ onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
124
+ onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
125
+ onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
126
+ onChangeCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
127
+ onBeforeInput?: React.FormEventHandler<HTMLInputElement> | undefined;
128
+ onBeforeInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
129
+ onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
130
+ onInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
131
+ onReset?: React.FormEventHandler<HTMLInputElement> | undefined;
132
+ onResetCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
133
+ onSubmit?: React.FormEventHandler<HTMLInputElement> | undefined;
134
+ onSubmitCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
135
+ onInvalid?: React.FormEventHandler<HTMLInputElement> | undefined;
136
+ onInvalidCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
137
+ onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
138
+ onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
139
+ onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
140
+ onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
141
+ onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
142
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
143
+ onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
144
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
145
+ onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
146
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
147
+ onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
148
+ onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
149
+ onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
150
+ onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
151
+ onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
152
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
153
+ onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
154
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
155
+ onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
156
+ onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
157
+ onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
158
+ onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
159
+ onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
160
+ onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
161
+ onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
162
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
163
+ onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
164
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
165
+ onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
166
+ onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
167
+ onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
168
+ onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
169
+ onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
170
+ onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
171
+ onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
172
+ onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
173
+ onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
174
+ onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
175
+ onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
176
+ onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
177
+ onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
178
+ onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
179
+ onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
180
+ onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
181
+ onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
182
+ onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
183
+ onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
184
+ onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
185
+ onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
186
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
187
+ onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
188
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
189
+ onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
190
+ onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
191
+ onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
192
+ onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
193
+ onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
194
+ onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
195
+ onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
196
+ onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
197
+ onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
198
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
199
+ onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
200
+ onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
201
+ onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
202
+ onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
203
+ onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
204
+ onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
205
+ onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
206
+ onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
207
+ onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
208
+ onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
209
+ onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
210
+ onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
211
+ onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
212
+ onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
213
+ onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
214
+ onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
215
+ onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
216
+ onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
217
+ onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
218
+ onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
219
+ onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
220
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
221
+ onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
222
+ onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
223
+ onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
224
+ onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
225
+ onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
226
+ onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
227
+ onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
228
+ onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
229
+ onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
230
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
231
+ onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
232
+ onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
233
+ onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
234
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
235
+ onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
236
+ onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
237
+ onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
238
+ onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
239
+ onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
240
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
241
+ onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
242
+ onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
243
+ onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
244
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
245
+ onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
246
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
247
+ onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
248
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
249
+ onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
250
+ onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
251
+ onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
252
+ onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
253
+ onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
254
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
255
+ onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
256
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
257
+ onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
258
+ onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
259
+ onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
260
+ onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
261
+ onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
262
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
263
+ onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
264
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
265
+ onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
266
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
267
+ onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
268
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
269
+ height?: string | number | undefined;
270
+ max?: string | number | undefined;
271
+ min?: string | number | undefined;
272
+ width?: string | number | undefined;
273
+ crossOrigin?: string | undefined;
274
+ alt?: string | undefined;
275
+ src?: string | undefined;
276
+ autoFocus?: boolean | undefined;
277
+ disabled?: boolean | undefined;
278
+ formAction?: string | undefined;
279
+ formEncType?: string | undefined;
280
+ formMethod?: string | undefined;
281
+ formNoValidate?: boolean | undefined;
282
+ formTarget?: string | undefined;
283
+ autoComplete?: string | undefined;
284
+ accept?: string | undefined;
285
+ capture?: boolean | "user" | "environment" | undefined;
286
+ checked?: boolean | undefined;
287
+ enterKeyHint?: "search" | "enter" | "next" | "done" | "go" | "previous" | "send" | undefined;
288
+ list?: string | undefined;
289
+ maxLength?: number | undefined;
290
+ minLength?: number | undefined;
291
+ multiple?: boolean | undefined;
292
+ readOnly?: boolean | undefined;
293
+ required?: boolean | undefined;
294
+ step?: string | number | undefined;
295
+ } & {
7
296
  indeterminate?: boolean | undefined;
8
297
  error?: boolean | undefined;
9
298
  inputRef?: React.Ref<HTMLInputElement> | undefined;
299
+ disabled?: boolean | undefined;
300
+ size?: CheckboxSize | undefined;
10
301
  } & React.RefAttributes<HTMLLabelElement>>;
11
302
  argTypes: {
303
+ size: {
304
+ type: string;
305
+ options: string[];
306
+ };
307
+ checked: {
308
+ control: string;
309
+ };
310
+ disabled: {
311
+ control: string;
312
+ };
12
313
  onChange: {
13
314
  action: string;
14
315
  };
@@ -1,12 +1,17 @@
1
+ import { CheckboxSize } from "./Checkbox";
1
2
  export declare const Checkbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
2
3
  indeterminate: boolean;
3
4
  error: boolean;
5
+ disabled: boolean;
6
+ _size: CheckboxSize;
4
7
  }, never>;
5
8
  export declare const Container: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
6
9
  disabled: boolean;
7
10
  }, never>;
8
11
  export declare const Span: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
12
+ size: CheckboxSize;
9
13
  hasChild: boolean;
10
14
  indeterminate: boolean;
11
15
  error: boolean;
16
+ disabled: boolean;
12
17
  }, never>;
@@ -30,3 +30,4 @@ export declare const WithSwitch: StoryObj<typeof ContextMenu2>;
30
30
  export declare const WithTextInput: StoryObj<typeof ContextMenu2>;
31
31
  export declare const Nest: StoryObj<typeof ContextMenu2>;
32
32
  export declare const Anchor: StoryObj<typeof ContextMenu2>;
33
+ export declare const Sortable: StoryObj<typeof ContextMenu2>;
@@ -0,0 +1,22 @@
1
+ import React, { type ReactNode, type ReactElement } from "react";
2
+ import { type UniqueIdentifier } from "@dnd-kit/core";
3
+ export declare const ContextMenu2SortableContext: React.Context<{
4
+ isSorting: boolean;
5
+ setIsSorting: (_: boolean) => void;
6
+ }>;
7
+ type ContextMenu2SortableContainerProps = {
8
+ order: UniqueIdentifier[];
9
+ children: ReactElement[];
10
+ onOrderChange: (order: UniqueIdentifier[]) => void;
11
+ };
12
+ export declare const ContextMenu2SortableGroup: ({ order, children, onOrderChange, }: ContextMenu2SortableContainerProps) => JSX.Element;
13
+ type ContextMenu2SortableItemProps = {
14
+ id: UniqueIdentifier;
15
+ disabled?: boolean;
16
+ children: ReactNode;
17
+ };
18
+ export declare const ContextMenu2SortableItem: {
19
+ ({ id, disabled, children, }: ContextMenu2SortableItemProps): JSX.Element;
20
+ displayName: string;
21
+ };
22
+ export {};
@@ -6,6 +6,6 @@ export declare const ContextMenu2SwitchItem: import("styled-components").StyledC
6
6
  checked?: boolean | undefined;
7
7
  disabled?: boolean | undefined;
8
8
  children: ReactNode;
9
- onChange: (checked: boolean) => void;
9
+ onChange?: ((checked: boolean) => void) | undefined;
10
10
  } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, Theme, never>;
11
11
  export {};
@@ -8,3 +8,4 @@ export { ContextMenu2SwitchItem } from "./ContextMenu2SwitchItem";
8
8
  export { ContextMenu2TextInputItem } from "./ContextMenu2TextInputItem";
9
9
  export { ContextMenu2SeparatorItem } from "./ContextMenu2SeparatorItem";
10
10
  export { ContextMenu2ButtonControlsItem } from "./ContextMenu2ButtonControlsItem";
11
+ export { ContextMenu2SortableGroup, ContextMenu2SortableItem, } from "./ContextMenu2SortableItem";
@@ -18,5 +18,5 @@ export declare const AllowedKeys: {
18
18
  readonly "9": "9";
19
19
  };
20
20
  export declare const numberKeys: string[];
21
- export declare const allowedKeys: ("0" | "1" | "4" | "2" | "3" | "5" | "6" | "7" | "Backspace" | "Delete" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "Tab" | "8" | "9")[];
21
+ export declare const allowedKeys: ("0" | "1" | "4" | "2" | "3" | "5" | "6" | "8" | "7" | "Backspace" | "Delete" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "Tab" | "9")[];
22
22
  export type AllowedKeys = (typeof AllowedKeys)[keyof typeof AllowedKeys];