@lindle/linoardo 1.0.3 → 1.0.4

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 (8) hide show
  1. package/dist/index.cjs +839 -44
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +438 -7
  4. package/dist/index.d.ts +438 -7
  5. package/dist/index.js +817 -46
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +1272 -9
  8. package/package.json +2 -1
package/dist/index.d.ts CHANGED
@@ -4,22 +4,453 @@ type Palette = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'danger'
4
4
  type IconLibrary$1 = 'mdi';
5
5
  type PropIcon = string | readonly [IconLibrary$1, string];
6
6
 
7
- type ContainmentVariant = 'solid' | 'outline' | 'text' | 'ghost';
7
+ type ContainmentVariant = 'solid' | 'outline' | 'text' | 'ghost' | 'bw';
8
8
  type ContainmentSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
9
9
 
10
- type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
10
+ /**
11
+ * Containment button supporting variant, size, block layout and loading states.
12
+ */
13
+ declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
11
14
  variant?: ContainmentVariant;
12
15
  color?: Palette;
13
16
  size?: ContainmentSize;
14
17
  block?: boolean;
15
18
  loading?: boolean;
19
+ loadingText?: string;
16
20
  icon?: PropIcon;
21
+ } & React$1.RefAttributes<HTMLButtonElement>>;
22
+
23
+ type ChipVariant = ContainmentVariant;
24
+ type ChipSize = 'small' | 'medium' | 'large';
25
+ type NativeChipProps = Omit<React$1.HTMLAttributes<HTMLSpanElement>, 'color'>;
26
+ type ChipProps = NativeChipProps & {
27
+ /**
28
+ * Visual variant shared across Containment components.
29
+ * @default 'solid'
30
+ */
31
+ variant?: ChipVariant;
32
+ /**
33
+ * Palette token controlling background/border colors.
34
+ * @default 'primary'
35
+ */
36
+ color?: Palette;
37
+ /**
38
+ * Controls the compactness of the chip.
39
+ * @default 'medium'
40
+ */
41
+ size?: ChipSize;
42
+ /**
43
+ * Renders a fully rounded chip when true.
44
+ * @default true
45
+ */
46
+ pill?: boolean;
47
+ /**
48
+ * Toggles the selected state, useful for filter chips.
49
+ * @default false
50
+ */
51
+ selected?: boolean;
52
+ /**
53
+ * Enables the close affordance.
54
+ * @default false
55
+ */
56
+ closable?: boolean;
57
+ /**
58
+ * Icon used for the close button.
59
+ * @default 'mdi-close'
60
+ */
61
+ closeIcon?: PropIcon;
62
+ /**
63
+ * Callback invoked when the close icon is activated.
64
+ */
65
+ onClose?: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
66
+ /**
67
+ * Shows the filter indicator circle/checkmark.
68
+ * @default false
69
+ */
70
+ filter?: boolean;
71
+ /**
72
+ * Icon used for the filter selected state.
73
+ * @default 'mdi-check-bold'
74
+ */
75
+ filterIcon?: PropIcon;
76
+ /**
77
+ * Icon rendered before the chip content.
78
+ */
79
+ prependIcon?: PropIcon;
80
+ /**
81
+ * Icon rendered after the chip content (before the close icon).
82
+ */
83
+ appendIcon?: PropIcon;
84
+ /**
85
+ * Disables interactions and applies muted styles.
86
+ * @default false
87
+ */
88
+ disabled?: boolean;
17
89
  };
18
90
 
19
- /**
20
- * Containment button supporting variant, size, block layout and loading states.
21
- */
22
- declare const Button: React$1.FC<ButtonProps>;
91
+ declare const Chip: React$1.ForwardRefExoticComponent<{
92
+ defaultChecked?: boolean | undefined | undefined;
93
+ defaultValue?: string | number | readonly string[] | undefined;
94
+ suppressContentEditableWarning?: boolean | undefined | undefined;
95
+ suppressHydrationWarning?: boolean | undefined | undefined;
96
+ accessKey?: string | undefined | undefined;
97
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
98
+ autoFocus?: boolean | undefined | undefined;
99
+ className?: string | undefined | undefined;
100
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
101
+ contextMenu?: string | undefined | undefined;
102
+ dir?: string | undefined | undefined;
103
+ draggable?: (boolean | "true" | "false") | undefined;
104
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
105
+ hidden?: boolean | undefined | undefined;
106
+ id?: string | undefined | undefined;
107
+ lang?: string | undefined | undefined;
108
+ nonce?: string | undefined | undefined;
109
+ slot?: string | undefined | undefined;
110
+ spellCheck?: (boolean | "true" | "false") | undefined;
111
+ style?: React$1.CSSProperties | undefined;
112
+ tabIndex?: number | undefined | undefined;
113
+ title?: string | undefined | undefined;
114
+ translate?: "yes" | "no" | undefined | undefined;
115
+ radioGroup?: string | undefined | undefined;
116
+ role?: React$1.AriaRole | undefined;
117
+ about?: string | undefined | undefined;
118
+ content?: string | undefined | undefined;
119
+ datatype?: string | undefined | undefined;
120
+ inlist?: any;
121
+ prefix?: string | undefined | undefined;
122
+ property?: string | undefined | undefined;
123
+ rel?: string | undefined | undefined;
124
+ resource?: string | undefined | undefined;
125
+ rev?: string | undefined | undefined;
126
+ typeof?: string | undefined | undefined;
127
+ vocab?: string | undefined | undefined;
128
+ autoCorrect?: string | undefined | undefined;
129
+ autoSave?: string | undefined | undefined;
130
+ itemProp?: string | undefined | undefined;
131
+ itemScope?: boolean | undefined | undefined;
132
+ itemType?: string | undefined | undefined;
133
+ itemID?: string | undefined | undefined;
134
+ itemRef?: string | undefined | undefined;
135
+ results?: number | undefined | undefined;
136
+ security?: string | undefined | undefined;
137
+ unselectable?: "on" | "off" | undefined | undefined;
138
+ popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
139
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
140
+ popoverTarget?: string | undefined | undefined;
141
+ inert?: boolean | undefined | undefined;
142
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
143
+ is?: string | undefined | undefined;
144
+ exportparts?: string | undefined | undefined;
145
+ part?: string | undefined | undefined;
146
+ "aria-activedescendant"?: string | undefined | undefined;
147
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
148
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
149
+ "aria-braillelabel"?: string | undefined | undefined;
150
+ "aria-brailleroledescription"?: string | undefined | undefined;
151
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
152
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
153
+ "aria-colcount"?: number | undefined | undefined;
154
+ "aria-colindex"?: number | undefined | undefined;
155
+ "aria-colindextext"?: string | undefined | undefined;
156
+ "aria-colspan"?: number | undefined | undefined;
157
+ "aria-controls"?: string | undefined | undefined;
158
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
159
+ "aria-describedby"?: string | undefined | undefined;
160
+ "aria-description"?: string | undefined | undefined;
161
+ "aria-details"?: string | undefined | undefined;
162
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
163
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
164
+ "aria-errormessage"?: string | undefined | undefined;
165
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
166
+ "aria-flowto"?: string | undefined | undefined;
167
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
168
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
169
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
170
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
171
+ "aria-keyshortcuts"?: string | undefined | undefined;
172
+ "aria-label"?: string | undefined | undefined;
173
+ "aria-labelledby"?: string | undefined | undefined;
174
+ "aria-level"?: number | undefined | undefined;
175
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
176
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
177
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
178
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
179
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
180
+ "aria-owns"?: string | undefined | undefined;
181
+ "aria-placeholder"?: string | undefined | undefined;
182
+ "aria-posinset"?: number | undefined | undefined;
183
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
184
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
185
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
186
+ "aria-required"?: (boolean | "true" | "false") | undefined;
187
+ "aria-roledescription"?: string | undefined | undefined;
188
+ "aria-rowcount"?: number | undefined | undefined;
189
+ "aria-rowindex"?: number | undefined | undefined;
190
+ "aria-rowindextext"?: string | undefined | undefined;
191
+ "aria-rowspan"?: number | undefined | undefined;
192
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
193
+ "aria-setsize"?: number | undefined | undefined;
194
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
195
+ "aria-valuemax"?: number | undefined | undefined;
196
+ "aria-valuemin"?: number | undefined | undefined;
197
+ "aria-valuenow"?: number | undefined | undefined;
198
+ "aria-valuetext"?: string | undefined | undefined;
199
+ children?: React$1.ReactNode;
200
+ dangerouslySetInnerHTML?: {
201
+ __html: string | TrustedHTML;
202
+ } | undefined | undefined;
203
+ onCopy?: React$1.ClipboardEventHandler<HTMLSpanElement> | undefined;
204
+ onCopyCapture?: React$1.ClipboardEventHandler<HTMLSpanElement> | undefined;
205
+ onCut?: React$1.ClipboardEventHandler<HTMLSpanElement> | undefined;
206
+ onCutCapture?: React$1.ClipboardEventHandler<HTMLSpanElement> | undefined;
207
+ onPaste?: React$1.ClipboardEventHandler<HTMLSpanElement> | undefined;
208
+ onPasteCapture?: React$1.ClipboardEventHandler<HTMLSpanElement> | undefined;
209
+ onCompositionEnd?: React$1.CompositionEventHandler<HTMLSpanElement> | undefined;
210
+ onCompositionEndCapture?: React$1.CompositionEventHandler<HTMLSpanElement> | undefined;
211
+ onCompositionStart?: React$1.CompositionEventHandler<HTMLSpanElement> | undefined;
212
+ onCompositionStartCapture?: React$1.CompositionEventHandler<HTMLSpanElement> | undefined;
213
+ onCompositionUpdate?: React$1.CompositionEventHandler<HTMLSpanElement> | undefined;
214
+ onCompositionUpdateCapture?: React$1.CompositionEventHandler<HTMLSpanElement> | undefined;
215
+ onFocus?: React$1.FocusEventHandler<HTMLSpanElement> | undefined;
216
+ onFocusCapture?: React$1.FocusEventHandler<HTMLSpanElement> | undefined;
217
+ onBlur?: React$1.FocusEventHandler<HTMLSpanElement> | undefined;
218
+ onBlurCapture?: React$1.FocusEventHandler<HTMLSpanElement> | undefined;
219
+ onChange?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
220
+ onChangeCapture?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
221
+ onBeforeInput?: React$1.InputEventHandler<HTMLSpanElement> | undefined;
222
+ onBeforeInputCapture?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
223
+ onInput?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
224
+ onInputCapture?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
225
+ onReset?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
226
+ onResetCapture?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
227
+ onSubmit?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
228
+ onSubmitCapture?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
229
+ onInvalid?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
230
+ onInvalidCapture?: React$1.FormEventHandler<HTMLSpanElement> | undefined;
231
+ onLoad?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
232
+ onLoadCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
233
+ onError?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
234
+ onErrorCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
235
+ onKeyDown?: React$1.KeyboardEventHandler<HTMLSpanElement> | undefined;
236
+ onKeyDownCapture?: React$1.KeyboardEventHandler<HTMLSpanElement> | undefined;
237
+ onKeyPress?: React$1.KeyboardEventHandler<HTMLSpanElement> | undefined;
238
+ onKeyPressCapture?: React$1.KeyboardEventHandler<HTMLSpanElement> | undefined;
239
+ onKeyUp?: React$1.KeyboardEventHandler<HTMLSpanElement> | undefined;
240
+ onKeyUpCapture?: React$1.KeyboardEventHandler<HTMLSpanElement> | undefined;
241
+ onAbort?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
242
+ onAbortCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
243
+ onCanPlay?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
244
+ onCanPlayCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
245
+ onCanPlayThrough?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
246
+ onCanPlayThroughCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
247
+ onDurationChange?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
248
+ onDurationChangeCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
249
+ onEmptied?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
250
+ onEmptiedCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
251
+ onEncrypted?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
252
+ onEncryptedCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
253
+ onEnded?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
254
+ onEndedCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
255
+ onLoadedData?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
256
+ onLoadedDataCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
257
+ onLoadedMetadata?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
258
+ onLoadedMetadataCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
259
+ onLoadStart?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
260
+ onLoadStartCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
261
+ onPause?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
262
+ onPauseCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
263
+ onPlay?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
264
+ onPlayCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
265
+ onPlaying?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
266
+ onPlayingCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
267
+ onProgress?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
268
+ onProgressCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
269
+ onRateChange?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
270
+ onRateChangeCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
271
+ onSeeked?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
272
+ onSeekedCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
273
+ onSeeking?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
274
+ onSeekingCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
275
+ onStalled?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
276
+ onStalledCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
277
+ onSuspend?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
278
+ onSuspendCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
279
+ onTimeUpdate?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
280
+ onTimeUpdateCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
281
+ onVolumeChange?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
282
+ onVolumeChangeCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
283
+ onWaiting?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
284
+ onWaitingCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
285
+ onAuxClick?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
286
+ onAuxClickCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
287
+ onClick?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
288
+ onClickCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
289
+ onContextMenu?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
290
+ onContextMenuCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
291
+ onDoubleClick?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
292
+ onDoubleClickCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
293
+ onDrag?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
294
+ onDragCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
295
+ onDragEnd?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
296
+ onDragEndCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
297
+ onDragEnter?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
298
+ onDragEnterCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
299
+ onDragExit?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
300
+ onDragExitCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
301
+ onDragLeave?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
302
+ onDragLeaveCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
303
+ onDragOver?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
304
+ onDragOverCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
305
+ onDragStart?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
306
+ onDragStartCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
307
+ onDrop?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
308
+ onDropCapture?: React$1.DragEventHandler<HTMLSpanElement> | undefined;
309
+ onMouseDown?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
310
+ onMouseDownCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
311
+ onMouseEnter?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
312
+ onMouseLeave?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
313
+ onMouseMove?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
314
+ onMouseMoveCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
315
+ onMouseOut?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
316
+ onMouseOutCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
317
+ onMouseOver?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
318
+ onMouseOverCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
319
+ onMouseUp?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
320
+ onMouseUpCapture?: React$1.MouseEventHandler<HTMLSpanElement> | undefined;
321
+ onSelect?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
322
+ onSelectCapture?: React$1.ReactEventHandler<HTMLSpanElement> | undefined;
323
+ onTouchCancel?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
324
+ onTouchCancelCapture?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
325
+ onTouchEnd?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
326
+ onTouchEndCapture?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
327
+ onTouchMove?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
328
+ onTouchMoveCapture?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
329
+ onTouchStart?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
330
+ onTouchStartCapture?: React$1.TouchEventHandler<HTMLSpanElement> | undefined;
331
+ onPointerDown?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
332
+ onPointerDownCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
333
+ onPointerMove?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
334
+ onPointerMoveCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
335
+ onPointerUp?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
336
+ onPointerUpCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
337
+ onPointerCancel?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
338
+ onPointerCancelCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
339
+ onPointerEnter?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
340
+ onPointerLeave?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
341
+ onPointerOver?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
342
+ onPointerOverCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
343
+ onPointerOut?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
344
+ onPointerOutCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
345
+ onGotPointerCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
346
+ onGotPointerCaptureCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
347
+ onLostPointerCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
348
+ onLostPointerCaptureCapture?: React$1.PointerEventHandler<HTMLSpanElement> | undefined;
349
+ onScroll?: React$1.UIEventHandler<HTMLSpanElement> | undefined;
350
+ onScrollCapture?: React$1.UIEventHandler<HTMLSpanElement> | undefined;
351
+ onScrollEnd?: React$1.UIEventHandler<HTMLSpanElement> | undefined;
352
+ onScrollEndCapture?: React$1.UIEventHandler<HTMLSpanElement> | undefined;
353
+ onWheel?: React$1.WheelEventHandler<HTMLSpanElement> | undefined;
354
+ onWheelCapture?: React$1.WheelEventHandler<HTMLSpanElement> | undefined;
355
+ onAnimationStart?: React$1.AnimationEventHandler<HTMLSpanElement> | undefined;
356
+ onAnimationStartCapture?: React$1.AnimationEventHandler<HTMLSpanElement> | undefined;
357
+ onAnimationEnd?: React$1.AnimationEventHandler<HTMLSpanElement> | undefined;
358
+ onAnimationEndCapture?: React$1.AnimationEventHandler<HTMLSpanElement> | undefined;
359
+ onAnimationIteration?: React$1.AnimationEventHandler<HTMLSpanElement> | undefined;
360
+ onAnimationIterationCapture?: React$1.AnimationEventHandler<HTMLSpanElement> | undefined;
361
+ onToggle?: React$1.ToggleEventHandler<HTMLSpanElement> | undefined;
362
+ onBeforeToggle?: React$1.ToggleEventHandler<HTMLSpanElement> | undefined;
363
+ onTransitionCancel?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
364
+ onTransitionCancelCapture?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
365
+ onTransitionEnd?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
366
+ onTransitionEndCapture?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
367
+ onTransitionRun?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
368
+ onTransitionRunCapture?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
369
+ onTransitionStart?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
370
+ onTransitionStartCapture?: React$1.TransitionEventHandler<HTMLSpanElement> | undefined;
371
+ } & {
372
+ variant?: ChipVariant;
373
+ color?: Palette;
374
+ size?: ChipSize;
375
+ pill?: boolean;
376
+ selected?: boolean;
377
+ closable?: boolean;
378
+ closeIcon?: PropIcon;
379
+ onClose?: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
380
+ filter?: boolean;
381
+ filterIcon?: PropIcon;
382
+ prependIcon?: PropIcon;
383
+ appendIcon?: PropIcon;
384
+ disabled?: boolean;
385
+ } & React$1.RefAttributes<HTMLSpanElement>>;
386
+
387
+ type ListVariant = ContainmentVariant;
388
+ type ListDensity = 'default' | 'comfortable' | 'compact';
389
+ type ListLines = 'one' | 'two' | 'three';
390
+ type ListRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'pill';
391
+
392
+ interface ListItemProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'title'> {
393
+ component?: React$1.ElementType;
394
+ href?: string;
395
+ target?: string;
396
+ rel?: string;
397
+ type?: 'button' | 'submit' | 'reset';
398
+ title?: React$1.ReactNode;
399
+ subtitle?: React$1.ReactNode;
400
+ overline?: React$1.ReactNode;
401
+ prepend?: React$1.ReactNode;
402
+ append?: React$1.ReactNode;
403
+ active?: boolean;
404
+ disabled?: boolean;
405
+ inset?: boolean;
406
+ density?: ListDensity;
407
+ lines?: ListLines;
408
+ }
409
+ declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLElement>>;
410
+
411
+ interface ListProps extends React$1.HTMLAttributes<HTMLDivElement> {
412
+ variant?: ListVariant;
413
+ density?: ListDensity;
414
+ lines?: ListLines;
415
+ nav?: boolean;
416
+ divided?: boolean;
417
+ rounded?: ListRounded;
418
+ color?: Palette;
419
+ }
420
+ declare const List: React$1.ForwardRefExoticComponent<ListProps & React$1.RefAttributes<HTMLDivElement>>;
421
+
422
+ type MenuPlacement = 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
423
+ interface MenuActivatorRenderProps {
424
+ ref: (node: HTMLElement | null) => void;
425
+ id: string;
426
+ 'aria-haspopup': 'menu';
427
+ 'aria-expanded': boolean;
428
+ 'aria-controls': string;
429
+ onClick: React$1.MouseEventHandler<HTMLElement>;
430
+ onKeyDown: React$1.KeyboardEventHandler<HTMLElement>;
431
+ onMouseEnter?: React$1.MouseEventHandler<HTMLElement>;
432
+ onMouseLeave?: React$1.MouseEventHandler<HTMLElement>;
433
+ disabled?: boolean;
434
+ open: boolean;
435
+ }
436
+ interface MenuProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'children'> {
437
+ activator: (props: MenuActivatorRenderProps) => React$1.ReactNode;
438
+ children: React$1.ReactNode;
439
+ open?: boolean;
440
+ defaultOpen?: boolean;
441
+ onOpenChange?: (open: boolean) => void;
442
+ placement?: MenuPlacement;
443
+ openOnHover?: boolean;
444
+ closeOnContentClick?: boolean;
445
+ matchActivatorWidth?: boolean;
446
+ keepMounted?: boolean;
447
+ disabled?: boolean;
448
+ scrim?: boolean;
449
+ contentClassName?: string;
450
+ contentProps?: React$1.HTMLAttributes<HTMLDivElement>;
451
+ overlayClassName?: string;
452
+ }
453
+ declare const Menu: React$1.ForwardRefExoticComponent<MenuProps & React$1.RefAttributes<HTMLDivElement>>;
23
454
 
24
455
  type InputVariant = 'outline' | 'filled' | 'underlined';
25
456
  type StatusMessage = string;
@@ -50,4 +481,4 @@ type InputProp = React.InputHTMLAttributes<HTMLInputElement> & InputStatusProps
50
481
 
51
482
  declare const Input: React.FC<InputProp>;
52
483
 
53
- export { Button, Input };
484
+ export { Button, Chip, type ChipProps, type ChipSize, type ChipVariant, Input, List, type ListDensity, ListItem, type ListItemProps, type ListLines, type ListProps, type ListRounded, type ListVariant, Menu, type MenuActivatorRenderProps, type MenuPlacement, type MenuProps };