@mirohq/design-system-combobox 0.1.0-combobox.3 → 0.1.0-combobox.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 (6) hide show
  1. package/dist/main.js +285 -70
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +285 -70
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +459 -1154
  6. package/package.json +11 -14
package/dist/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import react__default, { ReactNode, FC } from 'react';
3
3
  import * as packages_components_input_src_types from 'packages/components/input/src/types';
4
+ import * as _mirohq_design_system_input from '@mirohq/design-system-input';
4
5
  import { InputProps } from '@mirohq/design-system-input';
5
6
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
6
7
  import { StrictComponentProps } from '@mirohq/design-system-stitches';
@@ -9,45 +10,11 @@ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util'
9
10
  import * as RadixPopover from '@radix-ui/react-popover';
10
11
  import { PopoverPortalProps } from '@radix-ui/react-popover';
11
12
  import * as _ariakit_react from '@ariakit/react';
13
+ import { GroupProps as GroupProps$1 } from '@ariakit/react';
12
14
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
13
15
  import { FormElementProps } from '@mirohq/design-system-base-form';
14
- import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
15
16
 
16
- declare const Trigger: react__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & {
17
- /**
18
- * The content.
19
- */
20
- children?: react__default.ReactNode;
21
- /**
22
- * The size of the trigger.
23
- * @default 'large'
24
- */
25
- size?: InputProps['size'];
26
- /**
27
- * The content that will be rendered inside the Combobox.Trigger when no value or
28
- * defaultValue is set.
29
- */
30
- placeholder?: string | undefined;
31
- }, "ref"> | Omit<packages_components_input_src_types.InputSharedProps & {
32
- clearable?: undefined;
33
- } & {
34
- /**
35
- * The content.
36
- */
37
- children?: react__default.ReactNode;
38
- /**
39
- * The size of the trigger.
40
- * @default 'large'
41
- */
42
- size?: InputProps['size'];
43
- /**
44
- * The content that will be rendered inside the Combobox.Trigger when no value or
45
- * defaultValue is set.
46
- */
47
- placeholder?: string | undefined;
48
- }, "ref">) & react__default.RefAttributes<HTMLInputElement>>;
49
-
50
- declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
17
+ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Omit<_mirohq_design_system_input.InputActionButtonProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
51
18
  'border-widths': {
52
19
  readonly none: 0;
53
20
  readonly sm: "1px";
@@ -280,6 +247,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
280
247
  "text-warning-subtle"?: any;
281
248
  };
282
249
  'font-sizes': {
250
+ readonly 125: "0.625rem";
283
251
  readonly 150: "0.75rem";
284
252
  readonly 175: "0.875rem";
285
253
  readonly 200: "1rem";
@@ -297,17 +265,17 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
297
265
  readonly body: "Open Sans, sans-serif";
298
266
  };
299
267
  radii: {
268
+ readonly 0: "0px";
300
269
  readonly 25: "2px";
301
270
  readonly 50: "4px";
302
271
  readonly 75: "6px";
303
272
  readonly 100: "8px";
304
273
  readonly 200: "16px";
305
- readonly half: "999px";
306
- readonly none: "0px";
274
+ readonly round: "999px";
307
275
  };
308
276
  shadows: {
309
- 50: any;
310
277
  100: any;
278
+ 50: any;
311
279
  "focus-small": any;
312
280
  "focus-small-outline": any;
313
281
  "focus-large": any;
@@ -337,48 +305,6 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
337
305
  readonly 1200: "96px";
338
306
  readonly 1600: "128px";
339
307
  };
340
- 'space-gap': {
341
- readonly 0: any;
342
- readonly 50: any;
343
- readonly 100: any;
344
- readonly 200: any;
345
- readonly 300: any;
346
- };
347
- 'space-inset': {
348
- readonly 0: any;
349
- readonly 50: any;
350
- readonly 100: any;
351
- readonly 150: any;
352
- readonly 200: any;
353
- readonly 300: any;
354
- readonly 400: any;
355
- readonly 500: any;
356
- readonly 600: any;
357
- readonly 700: any;
358
- readonly 800: any;
359
- readonly 1200: any;
360
- readonly 1600: any;
361
- };
362
- 'space-offset': {
363
- readonly 0: any;
364
- readonly 50: any;
365
- readonly 100: any;
366
- readonly 150: any;
367
- readonly 200: any;
368
- readonly 300: any;
369
- readonly 400: any;
370
- readonly 600: any;
371
- readonly 800: any;
372
- readonly 1200: any;
373
- readonly 1600: any;
374
- readonly 'stacking-0': any;
375
- readonly 'stacking-100': any;
376
- readonly 'stacking-200': any;
377
- readonly 'stacking-300': any;
378
- readonly 'stacking-400': any;
379
- readonly 'stacking-500': any;
380
- readonly 'stacking-800': any;
381
- };
382
308
  'stroke-width': {
383
309
  readonly thin: "1.5px";
384
310
  readonly normal: "2px";
@@ -419,7 +345,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
419
345
  readonly borderRightColor: "colors";
420
346
  readonly borderRightStyle: "border-styles";
421
347
  readonly borderRightWidth: "border-widths";
422
- readonly borderSpacing: "space-offset";
348
+ readonly borderSpacing: "space";
423
349
  readonly borderStyle: "border-styles";
424
350
  readonly borderTop: "colors";
425
351
  readonly borderTopColor: "colors";
@@ -432,42 +358,42 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
432
358
  readonly boxShadow: "shadows";
433
359
  readonly caretColor: "colors";
434
360
  readonly color: "colors";
435
- readonly columnGap: "space-gap";
361
+ readonly columnGap: "space";
436
362
  readonly columnRuleColor: "colors";
437
363
  readonly fill: "colors";
438
364
  readonly flexBasis: "sizes";
439
365
  readonly fontFamily: "fonts";
440
366
  readonly fontSize: "font-sizes";
441
367
  readonly fontWeight: "font-weights";
442
- readonly gap: "space-gap";
443
- readonly gridColumnGap: "space-gap";
444
- readonly gridGap: "space-gap";
445
- readonly gridRowGap: "space-gap";
368
+ readonly gap: "space";
369
+ readonly gridColumnGap: "space";
370
+ readonly gridGap: "space";
371
+ readonly gridRowGap: "space";
446
372
  readonly gridTemplateColumns: "sizes";
447
373
  readonly gridTemplateRows: "sizes";
448
374
  readonly height: "sizes";
449
375
  readonly inlineSize: "sizes";
450
- readonly inset: "space-inset";
451
- readonly insetBlock: "space-inset";
452
- readonly insetBlockEnd: "space-inset";
453
- readonly insetBlockStart: "space-inset";
454
- readonly insetInline: "space-inset";
455
- readonly insetInlineEnd: "space-inset";
456
- readonly insetInlineStart: "space-inset";
376
+ readonly inset: "space";
377
+ readonly insetBlock: "space";
378
+ readonly insetBlockEnd: "space";
379
+ readonly insetBlockStart: "space";
380
+ readonly insetInline: "space";
381
+ readonly insetInlineEnd: "space";
382
+ readonly insetInlineStart: "space";
457
383
  readonly left: "space";
458
384
  readonly letterSpacing: "letter-spacings";
459
385
  readonly lineHeight: "line-heights";
460
- readonly margin: "space-offset";
461
- readonly marginBlock: "space-offset";
462
- readonly marginBlockEnd: "space-offset";
463
- readonly marginBlockStart: "space-offset";
464
- readonly marginBottom: "space-offset";
465
- readonly marginInline: "space-offset";
466
- readonly marginInlineEnd: "space-offset";
467
- readonly marginInlineStart: "space-offset";
468
- readonly marginLeft: "space-offset";
469
- readonly marginRight: "space-offset";
470
- readonly marginTop: "space-offset";
386
+ readonly margin: "space";
387
+ readonly marginBlock: "space";
388
+ readonly marginBlockEnd: "space";
389
+ readonly marginBlockStart: "space";
390
+ readonly marginBottom: "space";
391
+ readonly marginInline: "space";
392
+ readonly marginInlineEnd: "space";
393
+ readonly marginInlineStart: "space";
394
+ readonly marginLeft: "space";
395
+ readonly marginRight: "space";
396
+ readonly marginTop: "space";
471
397
  readonly maxBlockSize: "sizes";
472
398
  readonly maxHeight: "sizes";
473
399
  readonly maxInlineSize: "sizes";
@@ -478,41 +404,41 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
478
404
  readonly minWidth: "sizes";
479
405
  readonly outline: "colors";
480
406
  readonly outlineColor: "colors";
481
- readonly padding: "space-inset";
482
- readonly paddingBlock: "space-inset";
483
- readonly paddingBlockEnd: "space-inset";
484
- readonly paddingBlockStart: "space-inset";
485
- readonly paddingBottom: "space-inset";
486
- readonly paddingInline: "space-inset";
487
- readonly paddingInlineEnd: "space-inset";
488
- readonly paddingInlineStart: "space-inset";
489
- readonly paddingLeft: "space-inset";
490
- readonly paddingRight: "space-inset";
491
- readonly paddingTop: "space-inset";
407
+ readonly padding: "space";
408
+ readonly paddingBlock: "space";
409
+ readonly paddingBlockEnd: "space";
410
+ readonly paddingBlockStart: "space";
411
+ readonly paddingBottom: "space";
412
+ readonly paddingInline: "space";
413
+ readonly paddingInlineEnd: "space";
414
+ readonly paddingInlineStart: "space";
415
+ readonly paddingLeft: "space";
416
+ readonly paddingRight: "space";
417
+ readonly paddingTop: "space";
492
418
  readonly right: "space";
493
- readonly rowGap: "space-gap";
494
- readonly scrollMargin: "space-offset";
495
- readonly scrollMarginBlock: "space-offset";
496
- readonly scrollMarginBlockEnd: "space-offset";
497
- readonly scrollMarginBlockStart: "space-offset";
498
- readonly scrollMarginBottom: "space-offset";
499
- readonly scrollMarginInline: "space-offset";
500
- readonly scrollMarginInlineEnd: "space-offset";
501
- readonly scrollMarginInlineStart: "space-offset";
502
- readonly scrollMarginLeft: "space-offset";
503
- readonly scrollMarginRight: "space-offset";
504
- readonly scrollMarginTop: "space-offset";
505
- readonly scrollPadding: "space-inset";
506
- readonly scrollPaddingBlock: "space-inset";
507
- readonly scrollPaddingBlockEnd: "space-inset";
508
- readonly scrollPaddingBlockStart: "space-inset";
509
- readonly scrollPaddingBottom: "space-inset";
510
- readonly scrollPaddingInline: "space-inset";
511
- readonly scrollPaddingInlineEnd: "space-inset";
512
- readonly scrollPaddingInlineStart: "space-inset";
513
- readonly scrollPaddingLeft: "space-inset";
514
- readonly scrollPaddingRight: "space-inset";
515
- readonly scrollPaddingTop: "space-inset";
419
+ readonly rowGap: "space";
420
+ readonly scrollMargin: "space";
421
+ readonly scrollMarginBlock: "space";
422
+ readonly scrollMarginBlockEnd: "space";
423
+ readonly scrollMarginBlockStart: "space";
424
+ readonly scrollMarginBottom: "space";
425
+ readonly scrollMarginInline: "space";
426
+ readonly scrollMarginInlineEnd: "space";
427
+ readonly scrollMarginInlineStart: "space";
428
+ readonly scrollMarginLeft: "space";
429
+ readonly scrollMarginRight: "space";
430
+ readonly scrollMarginTop: "space";
431
+ readonly scrollPadding: "space";
432
+ readonly scrollPaddingBlock: "space";
433
+ readonly scrollPaddingBlockEnd: "space";
434
+ readonly scrollPaddingBlockStart: "space";
435
+ readonly scrollPaddingBottom: "space";
436
+ readonly scrollPaddingInline: "space";
437
+ readonly scrollPaddingInlineEnd: "space";
438
+ readonly scrollPaddingInlineStart: "space";
439
+ readonly scrollPaddingLeft: "space";
440
+ readonly scrollPaddingRight: "space";
441
+ readonly scrollPaddingTop: "space";
516
442
  readonly stroke: "colors";
517
443
  readonly strokeWidth: "stroke-width";
518
444
  readonly textDecorationColor: "colors";
@@ -575,18 +501,77 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
575
501
  _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
576
502
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
577
503
  };
578
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
579
- declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
504
+ }>>>, "size"> & _stitches_react_types_styled_component.TransformProps<{
505
+ size?: "large" | "x-large" | undefined;
506
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Omit<_mirohq_design_system_input.InputActionButtonProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
507
+ size?: "large" | "x-large" | undefined;
508
+ }, {}>;
509
+ declare type StyledActionButtonProps = StrictComponentProps<typeof StyledActionButton>;
580
510
 
581
- interface ContentProps extends StyledContentProps {
511
+ declare type TriggerActionButtonProps = Omit<StyledActionButtonProps, 'label'> & {
582
512
  /**
583
- * Combobox's content.
513
+ * The label text for Trigger's action button when Combobox is empty. Open/Close action will be performed.
514
+ * Will be rendered in a Tooltip.
584
515
  */
585
- children?: ReactNode;
586
- }
587
- declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
516
+ openActionLabel: string;
517
+ /**
518
+ * The label text for Trigger's action button when Combobox has values selected. Clear Combobox values action
519
+ * will be performed. Will be rendered in a Tooltip.
520
+ */
521
+ clearActionLabel: string;
522
+ };
588
523
 
589
- declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
524
+ declare type TriggerProps = InputProps & Pick<TriggerActionButtonProps, 'openActionLabel' | 'clearActionLabel'> & {
525
+ /**
526
+ * The content.
527
+ */
528
+ children?: react__default.ReactNode;
529
+ /**
530
+ * The size of the trigger.
531
+ * @default 'large'
532
+ */
533
+ size?: InputProps['size'];
534
+ /**
535
+ * The content that will be rendered inside the Combobox.Trigger when no value or
536
+ * defaultValue is set.
537
+ */
538
+ placeholder?: string;
539
+ };
540
+ declare const Trigger: react__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & Pick<TriggerActionButtonProps, "openActionLabel" | "clearActionLabel"> & {
541
+ /**
542
+ * The content.
543
+ */
544
+ children?: react__default.ReactNode;
545
+ /**
546
+ * The size of the trigger.
547
+ * @default 'large'
548
+ */
549
+ size?: InputProps['size'];
550
+ /**
551
+ * The content that will be rendered inside the Combobox.Trigger when no value or
552
+ * defaultValue is set.
553
+ */
554
+ placeholder?: string | undefined;
555
+ }, "ref"> | Omit<packages_components_input_src_types.InputSharedProps & {
556
+ clearable?: undefined;
557
+ } & Pick<TriggerActionButtonProps, "openActionLabel" | "clearActionLabel"> & {
558
+ /**
559
+ * The content.
560
+ */
561
+ children?: react__default.ReactNode;
562
+ /**
563
+ * The size of the trigger.
564
+ * @default 'large'
565
+ */
566
+ size?: InputProps['size'];
567
+ /**
568
+ * The content that will be rendered inside the Combobox.Trigger when no value or
569
+ * defaultValue is set.
570
+ */
571
+ placeholder?: string | undefined;
572
+ }, "ref">) & react__default.RefAttributes<HTMLInputElement>>;
573
+
574
+ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
590
575
  'border-widths': {
591
576
  readonly none: 0;
592
577
  readonly sm: "1px";
@@ -819,6 +804,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
819
804
  "text-warning-subtle"?: any;
820
805
  };
821
806
  'font-sizes': {
807
+ readonly 125: "0.625rem";
822
808
  readonly 150: "0.75rem";
823
809
  readonly 175: "0.875rem";
824
810
  readonly 200: "1rem";
@@ -836,17 +822,17 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
836
822
  readonly body: "Open Sans, sans-serif";
837
823
  };
838
824
  radii: {
825
+ readonly 0: "0px";
839
826
  readonly 25: "2px";
840
827
  readonly 50: "4px";
841
828
  readonly 75: "6px";
842
829
  readonly 100: "8px";
843
830
  readonly 200: "16px";
844
- readonly half: "999px";
845
- readonly none: "0px";
831
+ readonly round: "999px";
846
832
  };
847
833
  shadows: {
848
- 50: any;
849
834
  100: any;
835
+ 50: any;
850
836
  "focus-small": any;
851
837
  "focus-small-outline": any;
852
838
  "focus-large": any;
@@ -876,48 +862,6 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
876
862
  readonly 1200: "96px";
877
863
  readonly 1600: "128px";
878
864
  };
879
- 'space-gap': {
880
- readonly 0: any;
881
- readonly 50: any;
882
- readonly 100: any;
883
- readonly 200: any;
884
- readonly 300: any;
885
- };
886
- 'space-inset': {
887
- readonly 0: any;
888
- readonly 50: any;
889
- readonly 100: any;
890
- readonly 150: any;
891
- readonly 200: any;
892
- readonly 300: any;
893
- readonly 400: any;
894
- readonly 500: any;
895
- readonly 600: any;
896
- readonly 700: any;
897
- readonly 800: any;
898
- readonly 1200: any;
899
- readonly 1600: any;
900
- };
901
- 'space-offset': {
902
- readonly 0: any;
903
- readonly 50: any;
904
- readonly 100: any;
905
- readonly 150: any;
906
- readonly 200: any;
907
- readonly 300: any;
908
- readonly 400: any;
909
- readonly 600: any;
910
- readonly 800: any;
911
- readonly 1200: any;
912
- readonly 1600: any;
913
- readonly 'stacking-0': any;
914
- readonly 'stacking-100': any;
915
- readonly 'stacking-200': any;
916
- readonly 'stacking-300': any;
917
- readonly 'stacking-400': any;
918
- readonly 'stacking-500': any;
919
- readonly 'stacking-800': any;
920
- };
921
865
  'stroke-width': {
922
866
  readonly thin: "1.5px";
923
867
  readonly normal: "2px";
@@ -958,7 +902,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
958
902
  readonly borderRightColor: "colors";
959
903
  readonly borderRightStyle: "border-styles";
960
904
  readonly borderRightWidth: "border-widths";
961
- readonly borderSpacing: "space-offset";
905
+ readonly borderSpacing: "space";
962
906
  readonly borderStyle: "border-styles";
963
907
  readonly borderTop: "colors";
964
908
  readonly borderTopColor: "colors";
@@ -971,42 +915,42 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
971
915
  readonly boxShadow: "shadows";
972
916
  readonly caretColor: "colors";
973
917
  readonly color: "colors";
974
- readonly columnGap: "space-gap";
918
+ readonly columnGap: "space";
975
919
  readonly columnRuleColor: "colors";
976
920
  readonly fill: "colors";
977
921
  readonly flexBasis: "sizes";
978
922
  readonly fontFamily: "fonts";
979
923
  readonly fontSize: "font-sizes";
980
924
  readonly fontWeight: "font-weights";
981
- readonly gap: "space-gap";
982
- readonly gridColumnGap: "space-gap";
983
- readonly gridGap: "space-gap";
984
- readonly gridRowGap: "space-gap";
925
+ readonly gap: "space";
926
+ readonly gridColumnGap: "space";
927
+ readonly gridGap: "space";
928
+ readonly gridRowGap: "space";
985
929
  readonly gridTemplateColumns: "sizes";
986
930
  readonly gridTemplateRows: "sizes";
987
931
  readonly height: "sizes";
988
932
  readonly inlineSize: "sizes";
989
- readonly inset: "space-inset";
990
- readonly insetBlock: "space-inset";
991
- readonly insetBlockEnd: "space-inset";
992
- readonly insetBlockStart: "space-inset";
993
- readonly insetInline: "space-inset";
994
- readonly insetInlineEnd: "space-inset";
995
- readonly insetInlineStart: "space-inset";
933
+ readonly inset: "space";
934
+ readonly insetBlock: "space";
935
+ readonly insetBlockEnd: "space";
936
+ readonly insetBlockStart: "space";
937
+ readonly insetInline: "space";
938
+ readonly insetInlineEnd: "space";
939
+ readonly insetInlineStart: "space";
996
940
  readonly left: "space";
997
941
  readonly letterSpacing: "letter-spacings";
998
942
  readonly lineHeight: "line-heights";
999
- readonly margin: "space-offset";
1000
- readonly marginBlock: "space-offset";
1001
- readonly marginBlockEnd: "space-offset";
1002
- readonly marginBlockStart: "space-offset";
1003
- readonly marginBottom: "space-offset";
1004
- readonly marginInline: "space-offset";
1005
- readonly marginInlineEnd: "space-offset";
1006
- readonly marginInlineStart: "space-offset";
1007
- readonly marginLeft: "space-offset";
1008
- readonly marginRight: "space-offset";
1009
- readonly marginTop: "space-offset";
943
+ readonly margin: "space";
944
+ readonly marginBlock: "space";
945
+ readonly marginBlockEnd: "space";
946
+ readonly marginBlockStart: "space";
947
+ readonly marginBottom: "space";
948
+ readonly marginInline: "space";
949
+ readonly marginInlineEnd: "space";
950
+ readonly marginInlineStart: "space";
951
+ readonly marginLeft: "space";
952
+ readonly marginRight: "space";
953
+ readonly marginTop: "space";
1010
954
  readonly maxBlockSize: "sizes";
1011
955
  readonly maxHeight: "sizes";
1012
956
  readonly maxInlineSize: "sizes";
@@ -1017,41 +961,41 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1017
961
  readonly minWidth: "sizes";
1018
962
  readonly outline: "colors";
1019
963
  readonly outlineColor: "colors";
1020
- readonly padding: "space-inset";
1021
- readonly paddingBlock: "space-inset";
1022
- readonly paddingBlockEnd: "space-inset";
1023
- readonly paddingBlockStart: "space-inset";
1024
- readonly paddingBottom: "space-inset";
1025
- readonly paddingInline: "space-inset";
1026
- readonly paddingInlineEnd: "space-inset";
1027
- readonly paddingInlineStart: "space-inset";
1028
- readonly paddingLeft: "space-inset";
1029
- readonly paddingRight: "space-inset";
1030
- readonly paddingTop: "space-inset";
964
+ readonly padding: "space";
965
+ readonly paddingBlock: "space";
966
+ readonly paddingBlockEnd: "space";
967
+ readonly paddingBlockStart: "space";
968
+ readonly paddingBottom: "space";
969
+ readonly paddingInline: "space";
970
+ readonly paddingInlineEnd: "space";
971
+ readonly paddingInlineStart: "space";
972
+ readonly paddingLeft: "space";
973
+ readonly paddingRight: "space";
974
+ readonly paddingTop: "space";
1031
975
  readonly right: "space";
1032
- readonly rowGap: "space-gap";
1033
- readonly scrollMargin: "space-offset";
1034
- readonly scrollMarginBlock: "space-offset";
1035
- readonly scrollMarginBlockEnd: "space-offset";
1036
- readonly scrollMarginBlockStart: "space-offset";
1037
- readonly scrollMarginBottom: "space-offset";
1038
- readonly scrollMarginInline: "space-offset";
1039
- readonly scrollMarginInlineEnd: "space-offset";
1040
- readonly scrollMarginInlineStart: "space-offset";
1041
- readonly scrollMarginLeft: "space-offset";
1042
- readonly scrollMarginRight: "space-offset";
1043
- readonly scrollMarginTop: "space-offset";
1044
- readonly scrollPadding: "space-inset";
1045
- readonly scrollPaddingBlock: "space-inset";
1046
- readonly scrollPaddingBlockEnd: "space-inset";
1047
- readonly scrollPaddingBlockStart: "space-inset";
1048
- readonly scrollPaddingBottom: "space-inset";
1049
- readonly scrollPaddingInline: "space-inset";
1050
- readonly scrollPaddingInlineEnd: "space-inset";
1051
- readonly scrollPaddingInlineStart: "space-inset";
1052
- readonly scrollPaddingLeft: "space-inset";
1053
- readonly scrollPaddingRight: "space-inset";
1054
- readonly scrollPaddingTop: "space-inset";
976
+ readonly rowGap: "space";
977
+ readonly scrollMargin: "space";
978
+ readonly scrollMarginBlock: "space";
979
+ readonly scrollMarginBlockEnd: "space";
980
+ readonly scrollMarginBlockStart: "space";
981
+ readonly scrollMarginBottom: "space";
982
+ readonly scrollMarginInline: "space";
983
+ readonly scrollMarginInlineEnd: "space";
984
+ readonly scrollMarginInlineStart: "space";
985
+ readonly scrollMarginLeft: "space";
986
+ readonly scrollMarginRight: "space";
987
+ readonly scrollMarginTop: "space";
988
+ readonly scrollPadding: "space";
989
+ readonly scrollPaddingBlock: "space";
990
+ readonly scrollPaddingBlockEnd: "space";
991
+ readonly scrollPaddingBlockStart: "space";
992
+ readonly scrollPaddingBottom: "space";
993
+ readonly scrollPaddingInline: "space";
994
+ readonly scrollPaddingInlineEnd: "space";
995
+ readonly scrollPaddingInlineStart: "space";
996
+ readonly scrollPaddingLeft: "space";
997
+ readonly scrollPaddingRight: "space";
998
+ readonly scrollPaddingTop: "space";
1055
999
  readonly stroke: "colors";
1056
1000
  readonly strokeWidth: "stroke-width";
1057
1001
  readonly textDecorationColor: "colors";
@@ -1114,41 +1058,18 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1114
1058
  _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
1115
1059
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
1116
1060
  };
1117
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
1118
- declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
1061
+ }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
1062
+ declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
1119
1063
 
1120
- interface ItemProps extends StyledItemProps {
1121
- /**
1122
- * The value given as data when submitted with a name.
1123
- */
1124
- value: string;
1125
- /**
1126
- * When true, prevents the user from interacting with the item.
1127
- * @default false
1128
- */
1129
- disabled?: boolean;
1130
- /**
1131
- * Optional text used for typeahead purposes. By default the typeahead
1132
- * behavior will use the Combobox's item text. Use this when the content is
1133
- * complex, or you have non-textual content inside.
1134
- */
1135
- textValue?: string;
1064
+ interface ContentProps extends StyledContentProps {
1136
1065
  /**
1137
- * Item's content.
1066
+ * Combobox's content.
1138
1067
  */
1139
1068
  children?: ReactNode;
1140
1069
  }
1141
- declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1142
-
1143
- interface PortalProps extends PopoverPortalProps {
1144
- /**
1145
- * Specify a container element to portal the content into.
1146
- */
1147
- container?: HTMLElement | null;
1148
- }
1149
- declare const Portal: react__default.FC<PortalProps>;
1070
+ declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1150
1071
 
1151
- declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1072
+ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1152
1073
  'border-widths': {
1153
1074
  readonly none: 0;
1154
1075
  readonly sm: "1px";
@@ -1381,6 +1302,7 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1381
1302
  "text-warning-subtle"?: any;
1382
1303
  };
1383
1304
  'font-sizes': {
1305
+ readonly 125: "0.625rem";
1384
1306
  readonly 150: "0.75rem";
1385
1307
  readonly 175: "0.875rem";
1386
1308
  readonly 200: "1rem";
@@ -1398,17 +1320,17 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1398
1320
  readonly body: "Open Sans, sans-serif";
1399
1321
  };
1400
1322
  radii: {
1323
+ readonly 0: "0px";
1401
1324
  readonly 25: "2px";
1402
1325
  readonly 50: "4px";
1403
1326
  readonly 75: "6px";
1404
1327
  readonly 100: "8px";
1405
1328
  readonly 200: "16px";
1406
- readonly half: "999px";
1407
- readonly none: "0px";
1329
+ readonly round: "999px";
1408
1330
  };
1409
1331
  shadows: {
1410
- 50: any;
1411
1332
  100: any;
1333
+ 50: any;
1412
1334
  "focus-small": any;
1413
1335
  "focus-small-outline": any;
1414
1336
  "focus-large": any;
@@ -1438,48 +1360,6 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1438
1360
  readonly 1200: "96px";
1439
1361
  readonly 1600: "128px";
1440
1362
  };
1441
- 'space-gap': {
1442
- readonly 0: any;
1443
- readonly 50: any;
1444
- readonly 100: any;
1445
- readonly 200: any;
1446
- readonly 300: any;
1447
- };
1448
- 'space-inset': {
1449
- readonly 0: any;
1450
- readonly 50: any;
1451
- readonly 100: any;
1452
- readonly 150: any;
1453
- readonly 200: any;
1454
- readonly 300: any;
1455
- readonly 400: any;
1456
- readonly 500: any;
1457
- readonly 600: any;
1458
- readonly 700: any;
1459
- readonly 800: any;
1460
- readonly 1200: any;
1461
- readonly 1600: any;
1462
- };
1463
- 'space-offset': {
1464
- readonly 0: any;
1465
- readonly 50: any;
1466
- readonly 100: any;
1467
- readonly 150: any;
1468
- readonly 200: any;
1469
- readonly 300: any;
1470
- readonly 400: any;
1471
- readonly 600: any;
1472
- readonly 800: any;
1473
- readonly 1200: any;
1474
- readonly 1600: any;
1475
- readonly 'stacking-0': any;
1476
- readonly 'stacking-100': any;
1477
- readonly 'stacking-200': any;
1478
- readonly 'stacking-300': any;
1479
- readonly 'stacking-400': any;
1480
- readonly 'stacking-500': any;
1481
- readonly 'stacking-800': any;
1482
- };
1483
1363
  'stroke-width': {
1484
1364
  readonly thin: "1.5px";
1485
1365
  readonly normal: "2px";
@@ -1520,7 +1400,7 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1520
1400
  readonly borderRightColor: "colors";
1521
1401
  readonly borderRightStyle: "border-styles";
1522
1402
  readonly borderRightWidth: "border-widths";
1523
- readonly borderSpacing: "space-offset";
1403
+ readonly borderSpacing: "space";
1524
1404
  readonly borderStyle: "border-styles";
1525
1405
  readonly borderTop: "colors";
1526
1406
  readonly borderTopColor: "colors";
@@ -1533,42 +1413,42 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1533
1413
  readonly boxShadow: "shadows";
1534
1414
  readonly caretColor: "colors";
1535
1415
  readonly color: "colors";
1536
- readonly columnGap: "space-gap";
1416
+ readonly columnGap: "space";
1537
1417
  readonly columnRuleColor: "colors";
1538
1418
  readonly fill: "colors";
1539
1419
  readonly flexBasis: "sizes";
1540
1420
  readonly fontFamily: "fonts";
1541
1421
  readonly fontSize: "font-sizes";
1542
1422
  readonly fontWeight: "font-weights";
1543
- readonly gap: "space-gap";
1544
- readonly gridColumnGap: "space-gap";
1545
- readonly gridGap: "space-gap";
1546
- readonly gridRowGap: "space-gap";
1423
+ readonly gap: "space";
1424
+ readonly gridColumnGap: "space";
1425
+ readonly gridGap: "space";
1426
+ readonly gridRowGap: "space";
1547
1427
  readonly gridTemplateColumns: "sizes";
1548
1428
  readonly gridTemplateRows: "sizes";
1549
1429
  readonly height: "sizes";
1550
1430
  readonly inlineSize: "sizes";
1551
- readonly inset: "space-inset";
1552
- readonly insetBlock: "space-inset";
1553
- readonly insetBlockEnd: "space-inset";
1554
- readonly insetBlockStart: "space-inset";
1555
- readonly insetInline: "space-inset";
1556
- readonly insetInlineEnd: "space-inset";
1557
- readonly insetInlineStart: "space-inset";
1431
+ readonly inset: "space";
1432
+ readonly insetBlock: "space";
1433
+ readonly insetBlockEnd: "space";
1434
+ readonly insetBlockStart: "space";
1435
+ readonly insetInline: "space";
1436
+ readonly insetInlineEnd: "space";
1437
+ readonly insetInlineStart: "space";
1558
1438
  readonly left: "space";
1559
1439
  readonly letterSpacing: "letter-spacings";
1560
1440
  readonly lineHeight: "line-heights";
1561
- readonly margin: "space-offset";
1562
- readonly marginBlock: "space-offset";
1563
- readonly marginBlockEnd: "space-offset";
1564
- readonly marginBlockStart: "space-offset";
1565
- readonly marginBottom: "space-offset";
1566
- readonly marginInline: "space-offset";
1567
- readonly marginInlineEnd: "space-offset";
1568
- readonly marginInlineStart: "space-offset";
1569
- readonly marginLeft: "space-offset";
1570
- readonly marginRight: "space-offset";
1571
- readonly marginTop: "space-offset";
1441
+ readonly margin: "space";
1442
+ readonly marginBlock: "space";
1443
+ readonly marginBlockEnd: "space";
1444
+ readonly marginBlockStart: "space";
1445
+ readonly marginBottom: "space";
1446
+ readonly marginInline: "space";
1447
+ readonly marginInlineEnd: "space";
1448
+ readonly marginInlineStart: "space";
1449
+ readonly marginLeft: "space";
1450
+ readonly marginRight: "space";
1451
+ readonly marginTop: "space";
1572
1452
  readonly maxBlockSize: "sizes";
1573
1453
  readonly maxHeight: "sizes";
1574
1454
  readonly maxInlineSize: "sizes";
@@ -1579,41 +1459,41 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1579
1459
  readonly minWidth: "sizes";
1580
1460
  readonly outline: "colors";
1581
1461
  readonly outlineColor: "colors";
1582
- readonly padding: "space-inset";
1583
- readonly paddingBlock: "space-inset";
1584
- readonly paddingBlockEnd: "space-inset";
1585
- readonly paddingBlockStart: "space-inset";
1586
- readonly paddingBottom: "space-inset";
1587
- readonly paddingInline: "space-inset";
1588
- readonly paddingInlineEnd: "space-inset";
1589
- readonly paddingInlineStart: "space-inset";
1590
- readonly paddingLeft: "space-inset";
1591
- readonly paddingRight: "space-inset";
1592
- readonly paddingTop: "space-inset";
1462
+ readonly padding: "space";
1463
+ readonly paddingBlock: "space";
1464
+ readonly paddingBlockEnd: "space";
1465
+ readonly paddingBlockStart: "space";
1466
+ readonly paddingBottom: "space";
1467
+ readonly paddingInline: "space";
1468
+ readonly paddingInlineEnd: "space";
1469
+ readonly paddingInlineStart: "space";
1470
+ readonly paddingLeft: "space";
1471
+ readonly paddingRight: "space";
1472
+ readonly paddingTop: "space";
1593
1473
  readonly right: "space";
1594
- readonly rowGap: "space-gap";
1595
- readonly scrollMargin: "space-offset";
1596
- readonly scrollMarginBlock: "space-offset";
1597
- readonly scrollMarginBlockEnd: "space-offset";
1598
- readonly scrollMarginBlockStart: "space-offset";
1599
- readonly scrollMarginBottom: "space-offset";
1600
- readonly scrollMarginInline: "space-offset";
1601
- readonly scrollMarginInlineEnd: "space-offset";
1602
- readonly scrollMarginInlineStart: "space-offset";
1603
- readonly scrollMarginLeft: "space-offset";
1604
- readonly scrollMarginRight: "space-offset";
1605
- readonly scrollMarginTop: "space-offset";
1606
- readonly scrollPadding: "space-inset";
1607
- readonly scrollPaddingBlock: "space-inset";
1608
- readonly scrollPaddingBlockEnd: "space-inset";
1609
- readonly scrollPaddingBlockStart: "space-inset";
1610
- readonly scrollPaddingBottom: "space-inset";
1611
- readonly scrollPaddingInline: "space-inset";
1612
- readonly scrollPaddingInlineEnd: "space-inset";
1613
- readonly scrollPaddingInlineStart: "space-inset";
1614
- readonly scrollPaddingLeft: "space-inset";
1615
- readonly scrollPaddingRight: "space-inset";
1616
- readonly scrollPaddingTop: "space-inset";
1474
+ readonly rowGap: "space";
1475
+ readonly scrollMargin: "space";
1476
+ readonly scrollMarginBlock: "space";
1477
+ readonly scrollMarginBlockEnd: "space";
1478
+ readonly scrollMarginBlockStart: "space";
1479
+ readonly scrollMarginBottom: "space";
1480
+ readonly scrollMarginInline: "space";
1481
+ readonly scrollMarginInlineEnd: "space";
1482
+ readonly scrollMarginInlineStart: "space";
1483
+ readonly scrollMarginLeft: "space";
1484
+ readonly scrollMarginRight: "space";
1485
+ readonly scrollMarginTop: "space";
1486
+ readonly scrollPadding: "space";
1487
+ readonly scrollPaddingBlock: "space";
1488
+ readonly scrollPaddingBlockEnd: "space";
1489
+ readonly scrollPaddingBlockStart: "space";
1490
+ readonly scrollPaddingBottom: "space";
1491
+ readonly scrollPaddingInline: "space";
1492
+ readonly scrollPaddingInlineEnd: "space";
1493
+ readonly scrollPaddingInlineStart: "space";
1494
+ readonly scrollPaddingLeft: "space";
1495
+ readonly scrollPaddingRight: "space";
1496
+ readonly scrollPaddingTop: "space";
1617
1497
  readonly stroke: "colors";
1618
1498
  readonly strokeWidth: "stroke-width";
1619
1499
  readonly textDecorationColor: "colors";
@@ -1676,11 +1556,41 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1676
1556
  _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
1677
1557
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
1678
1558
  };
1679
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
1680
- declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
1559
+ }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
1560
+ declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
1561
+
1562
+ interface ItemProps extends StyledItemProps {
1563
+ /**
1564
+ * The value given as data when submitted with a name.
1565
+ */
1566
+ value: string;
1567
+ /**
1568
+ * When true, prevents the user from interacting with the item.
1569
+ * @default false
1570
+ */
1571
+ disabled?: boolean;
1572
+ /**
1573
+ * Optional text used for typeahead purposes. By default the typeahead
1574
+ * behavior will use the Combobox's item text. Use this when the content is
1575
+ * complex, or you have non-textual content inside.
1576
+ */
1577
+ textValue?: string;
1578
+ /**
1579
+ * Item's content.
1580
+ */
1581
+ children?: ReactNode;
1582
+ }
1583
+ declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1681
1584
 
1682
- interface GroupProps extends StyledGroupProps {
1585
+ interface PortalProps extends PopoverPortalProps {
1586
+ /**
1587
+ * Specify a container element to portal the content into.
1588
+ */
1589
+ container?: HTMLElement | null;
1683
1590
  }
1591
+ declare const Portal: react__default.FC<PortalProps>;
1592
+
1593
+ declare type GroupProps = GroupProps$1;
1684
1594
  declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1685
1595
 
1686
1596
  declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
@@ -1916,6 +1826,7 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1916
1826
  "text-warning-subtle"?: any;
1917
1827
  };
1918
1828
  'font-sizes': {
1829
+ readonly 125: "0.625rem";
1919
1830
  readonly 150: "0.75rem";
1920
1831
  readonly 175: "0.875rem";
1921
1832
  readonly 200: "1rem";
@@ -1933,17 +1844,17 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1933
1844
  readonly body: "Open Sans, sans-serif";
1934
1845
  };
1935
1846
  radii: {
1847
+ readonly 0: "0px";
1936
1848
  readonly 25: "2px";
1937
1849
  readonly 50: "4px";
1938
1850
  readonly 75: "6px";
1939
1851
  readonly 100: "8px";
1940
1852
  readonly 200: "16px";
1941
- readonly half: "999px";
1942
- readonly none: "0px";
1853
+ readonly round: "999px";
1943
1854
  };
1944
1855
  shadows: {
1945
- 50: any;
1946
1856
  100: any;
1857
+ 50: any;
1947
1858
  "focus-small": any;
1948
1859
  "focus-small-outline": any;
1949
1860
  "focus-large": any;
@@ -1973,48 +1884,6 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1973
1884
  readonly 1200: "96px";
1974
1885
  readonly 1600: "128px";
1975
1886
  };
1976
- 'space-gap': {
1977
- readonly 0: any;
1978
- readonly 50: any;
1979
- readonly 100: any;
1980
- readonly 200: any;
1981
- readonly 300: any;
1982
- };
1983
- 'space-inset': {
1984
- readonly 0: any;
1985
- readonly 50: any;
1986
- readonly 100: any;
1987
- readonly 150: any;
1988
- readonly 200: any;
1989
- readonly 300: any;
1990
- readonly 400: any;
1991
- readonly 500: any;
1992
- readonly 600: any;
1993
- readonly 700: any;
1994
- readonly 800: any;
1995
- readonly 1200: any;
1996
- readonly 1600: any;
1997
- };
1998
- 'space-offset': {
1999
- readonly 0: any;
2000
- readonly 50: any;
2001
- readonly 100: any;
2002
- readonly 150: any;
2003
- readonly 200: any;
2004
- readonly 300: any;
2005
- readonly 400: any;
2006
- readonly 600: any;
2007
- readonly 800: any;
2008
- readonly 1200: any;
2009
- readonly 1600: any;
2010
- readonly 'stacking-0': any;
2011
- readonly 'stacking-100': any;
2012
- readonly 'stacking-200': any;
2013
- readonly 'stacking-300': any;
2014
- readonly 'stacking-400': any;
2015
- readonly 'stacking-500': any;
2016
- readonly 'stacking-800': any;
2017
- };
2018
1887
  'stroke-width': {
2019
1888
  readonly thin: "1.5px";
2020
1889
  readonly normal: "2px";
@@ -2055,7 +1924,7 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2055
1924
  readonly borderRightColor: "colors";
2056
1925
  readonly borderRightStyle: "border-styles";
2057
1926
  readonly borderRightWidth: "border-widths";
2058
- readonly borderSpacing: "space-offset";
1927
+ readonly borderSpacing: "space";
2059
1928
  readonly borderStyle: "border-styles";
2060
1929
  readonly borderTop: "colors";
2061
1930
  readonly borderTopColor: "colors";
@@ -2068,42 +1937,42 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2068
1937
  readonly boxShadow: "shadows";
2069
1938
  readonly caretColor: "colors";
2070
1939
  readonly color: "colors";
2071
- readonly columnGap: "space-gap";
1940
+ readonly columnGap: "space";
2072
1941
  readonly columnRuleColor: "colors";
2073
1942
  readonly fill: "colors";
2074
1943
  readonly flexBasis: "sizes";
2075
1944
  readonly fontFamily: "fonts";
2076
1945
  readonly fontSize: "font-sizes";
2077
1946
  readonly fontWeight: "font-weights";
2078
- readonly gap: "space-gap";
2079
- readonly gridColumnGap: "space-gap";
2080
- readonly gridGap: "space-gap";
2081
- readonly gridRowGap: "space-gap";
1947
+ readonly gap: "space";
1948
+ readonly gridColumnGap: "space";
1949
+ readonly gridGap: "space";
1950
+ readonly gridRowGap: "space";
2082
1951
  readonly gridTemplateColumns: "sizes";
2083
1952
  readonly gridTemplateRows: "sizes";
2084
1953
  readonly height: "sizes";
2085
1954
  readonly inlineSize: "sizes";
2086
- readonly inset: "space-inset";
2087
- readonly insetBlock: "space-inset";
2088
- readonly insetBlockEnd: "space-inset";
2089
- readonly insetBlockStart: "space-inset";
2090
- readonly insetInline: "space-inset";
2091
- readonly insetInlineEnd: "space-inset";
2092
- readonly insetInlineStart: "space-inset";
1955
+ readonly inset: "space";
1956
+ readonly insetBlock: "space";
1957
+ readonly insetBlockEnd: "space";
1958
+ readonly insetBlockStart: "space";
1959
+ readonly insetInline: "space";
1960
+ readonly insetInlineEnd: "space";
1961
+ readonly insetInlineStart: "space";
2093
1962
  readonly left: "space";
2094
1963
  readonly letterSpacing: "letter-spacings";
2095
1964
  readonly lineHeight: "line-heights";
2096
- readonly margin: "space-offset";
2097
- readonly marginBlock: "space-offset";
2098
- readonly marginBlockEnd: "space-offset";
2099
- readonly marginBlockStart: "space-offset";
2100
- readonly marginBottom: "space-offset";
2101
- readonly marginInline: "space-offset";
2102
- readonly marginInlineEnd: "space-offset";
2103
- readonly marginInlineStart: "space-offset";
2104
- readonly marginLeft: "space-offset";
2105
- readonly marginRight: "space-offset";
2106
- readonly marginTop: "space-offset";
1965
+ readonly margin: "space";
1966
+ readonly marginBlock: "space";
1967
+ readonly marginBlockEnd: "space";
1968
+ readonly marginBlockStart: "space";
1969
+ readonly marginBottom: "space";
1970
+ readonly marginInline: "space";
1971
+ readonly marginInlineEnd: "space";
1972
+ readonly marginInlineStart: "space";
1973
+ readonly marginLeft: "space";
1974
+ readonly marginRight: "space";
1975
+ readonly marginTop: "space";
2107
1976
  readonly maxBlockSize: "sizes";
2108
1977
  readonly maxHeight: "sizes";
2109
1978
  readonly maxInlineSize: "sizes";
@@ -2114,41 +1983,41 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2114
1983
  readonly minWidth: "sizes";
2115
1984
  readonly outline: "colors";
2116
1985
  readonly outlineColor: "colors";
2117
- readonly padding: "space-inset";
2118
- readonly paddingBlock: "space-inset";
2119
- readonly paddingBlockEnd: "space-inset";
2120
- readonly paddingBlockStart: "space-inset";
2121
- readonly paddingBottom: "space-inset";
2122
- readonly paddingInline: "space-inset";
2123
- readonly paddingInlineEnd: "space-inset";
2124
- readonly paddingInlineStart: "space-inset";
2125
- readonly paddingLeft: "space-inset";
2126
- readonly paddingRight: "space-inset";
2127
- readonly paddingTop: "space-inset";
1986
+ readonly padding: "space";
1987
+ readonly paddingBlock: "space";
1988
+ readonly paddingBlockEnd: "space";
1989
+ readonly paddingBlockStart: "space";
1990
+ readonly paddingBottom: "space";
1991
+ readonly paddingInline: "space";
1992
+ readonly paddingInlineEnd: "space";
1993
+ readonly paddingInlineStart: "space";
1994
+ readonly paddingLeft: "space";
1995
+ readonly paddingRight: "space";
1996
+ readonly paddingTop: "space";
2128
1997
  readonly right: "space";
2129
- readonly rowGap: "space-gap";
2130
- readonly scrollMargin: "space-offset";
2131
- readonly scrollMarginBlock: "space-offset";
2132
- readonly scrollMarginBlockEnd: "space-offset";
2133
- readonly scrollMarginBlockStart: "space-offset";
2134
- readonly scrollMarginBottom: "space-offset";
2135
- readonly scrollMarginInline: "space-offset";
2136
- readonly scrollMarginInlineEnd: "space-offset";
2137
- readonly scrollMarginInlineStart: "space-offset";
2138
- readonly scrollMarginLeft: "space-offset";
2139
- readonly scrollMarginRight: "space-offset";
2140
- readonly scrollMarginTop: "space-offset";
2141
- readonly scrollPadding: "space-inset";
2142
- readonly scrollPaddingBlock: "space-inset";
2143
- readonly scrollPaddingBlockEnd: "space-inset";
2144
- readonly scrollPaddingBlockStart: "space-inset";
2145
- readonly scrollPaddingBottom: "space-inset";
2146
- readonly scrollPaddingInline: "space-inset";
2147
- readonly scrollPaddingInlineEnd: "space-inset";
2148
- readonly scrollPaddingInlineStart: "space-inset";
2149
- readonly scrollPaddingLeft: "space-inset";
2150
- readonly scrollPaddingRight: "space-inset";
2151
- readonly scrollPaddingTop: "space-inset";
1998
+ readonly rowGap: "space";
1999
+ readonly scrollMargin: "space";
2000
+ readonly scrollMarginBlock: "space";
2001
+ readonly scrollMarginBlockEnd: "space";
2002
+ readonly scrollMarginBlockStart: "space";
2003
+ readonly scrollMarginBottom: "space";
2004
+ readonly scrollMarginInline: "space";
2005
+ readonly scrollMarginInlineEnd: "space";
2006
+ readonly scrollMarginInlineStart: "space";
2007
+ readonly scrollMarginLeft: "space";
2008
+ readonly scrollMarginRight: "space";
2009
+ readonly scrollMarginTop: "space";
2010
+ readonly scrollPadding: "space";
2011
+ readonly scrollPaddingBlock: "space";
2012
+ readonly scrollPaddingBlockEnd: "space";
2013
+ readonly scrollPaddingBlockStart: "space";
2014
+ readonly scrollPaddingBottom: "space";
2015
+ readonly scrollPaddingInline: "space";
2016
+ readonly scrollPaddingInlineEnd: "space";
2017
+ readonly scrollPaddingInlineStart: "space";
2018
+ readonly scrollPaddingLeft: "space";
2019
+ readonly scrollPaddingRight: "space";
2020
+ readonly scrollPaddingTop: "space";
2152
2021
  readonly stroke: "colors";
2153
2022
  readonly strokeWidth: "stroke-width";
2154
2023
  readonly textDecorationColor: "colors";
@@ -2218,7 +2087,15 @@ interface GroupLabelProps extends StyledGroupLabelProps {
2218
2087
  }
2219
2088
  declare const GroupLabel: react__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
2220
2089
 
2221
- declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
2090
+ interface ValueProps {
2091
+ /**
2092
+ * Remove chip label used to make the button recognizable by the screen readers.
2093
+ */
2094
+ removeChipAriaLabel?: string;
2095
+ }
2096
+ declare const Value: FC<ValueProps>;
2097
+
2098
+ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
2222
2099
  'border-widths': {
2223
2100
  readonly none: 0;
2224
2101
  readonly sm: "1px";
@@ -2451,6 +2328,7 @@ declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2451
2328
  "text-warning-subtle"?: any;
2452
2329
  };
2453
2330
  'font-sizes': {
2331
+ readonly 125: "0.625rem";
2454
2332
  readonly 150: "0.75rem";
2455
2333
  readonly 175: "0.875rem";
2456
2334
  readonly 200: "1rem";
@@ -2468,17 +2346,17 @@ declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2468
2346
  readonly body: "Open Sans, sans-serif";
2469
2347
  };
2470
2348
  radii: {
2349
+ readonly 0: "0px";
2471
2350
  readonly 25: "2px";
2472
2351
  readonly 50: "4px";
2473
2352
  readonly 75: "6px";
2474
2353
  readonly 100: "8px";
2475
2354
  readonly 200: "16px";
2476
- readonly half: "999px";
2477
- readonly none: "0px";
2355
+ readonly round: "999px";
2478
2356
  };
2479
2357
  shadows: {
2480
- 50: any;
2481
2358
  100: any;
2359
+ 50: any;
2482
2360
  "focus-small": any;
2483
2361
  "focus-small-outline": any;
2484
2362
  "focus-large": any;
@@ -2508,48 +2386,6 @@ declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2508
2386
  readonly 1200: "96px";
2509
2387
  readonly 1600: "128px";
2510
2388
  };
2511
- 'space-gap': {
2512
- readonly 0: any;
2513
- readonly 50: any;
2514
- readonly 100: any;
2515
- readonly 200: any;
2516
- readonly 300: any;
2517
- };
2518
- 'space-inset': {
2519
- readonly 0: any;
2520
- readonly 50: any;
2521
- readonly 100: any;
2522
- readonly 150: any;
2523
- readonly 200: any;
2524
- readonly 300: any;
2525
- readonly 400: any;
2526
- readonly 500: any;
2527
- readonly 600: any;
2528
- readonly 700: any;
2529
- readonly 800: any;
2530
- readonly 1200: any;
2531
- readonly 1600: any;
2532
- };
2533
- 'space-offset': {
2534
- readonly 0: any;
2535
- readonly 50: any;
2536
- readonly 100: any;
2537
- readonly 150: any;
2538
- readonly 200: any;
2539
- readonly 300: any;
2540
- readonly 400: any;
2541
- readonly 600: any;
2542
- readonly 800: any;
2543
- readonly 1200: any;
2544
- readonly 1600: any;
2545
- readonly 'stacking-0': any;
2546
- readonly 'stacking-100': any;
2547
- readonly 'stacking-200': any;
2548
- readonly 'stacking-300': any;
2549
- readonly 'stacking-400': any;
2550
- readonly 'stacking-500': any;
2551
- readonly 'stacking-800': any;
2552
- };
2553
2389
  'stroke-width': {
2554
2390
  readonly thin: "1.5px";
2555
2391
  readonly normal: "2px";
@@ -2590,7 +2426,7 @@ declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2590
2426
  readonly borderRightColor: "colors";
2591
2427
  readonly borderRightStyle: "border-styles";
2592
2428
  readonly borderRightWidth: "border-widths";
2593
- readonly borderSpacing: "space-offset";
2429
+ readonly borderSpacing: "space";
2594
2430
  readonly borderStyle: "border-styles";
2595
2431
  readonly borderTop: "colors";
2596
2432
  readonly borderTopColor: "colors";
@@ -2603,42 +2439,42 @@ declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2603
2439
  readonly boxShadow: "shadows";
2604
2440
  readonly caretColor: "colors";
2605
2441
  readonly color: "colors";
2606
- readonly columnGap: "space-gap";
2442
+ readonly columnGap: "space";
2607
2443
  readonly columnRuleColor: "colors";
2608
2444
  readonly fill: "colors";
2609
2445
  readonly flexBasis: "sizes";
2610
2446
  readonly fontFamily: "fonts";
2611
2447
  readonly fontSize: "font-sizes";
2612
2448
  readonly fontWeight: "font-weights";
2613
- readonly gap: "space-gap";
2614
- readonly gridColumnGap: "space-gap";
2615
- readonly gridGap: "space-gap";
2616
- readonly gridRowGap: "space-gap";
2449
+ readonly gap: "space";
2450
+ readonly gridColumnGap: "space";
2451
+ readonly gridGap: "space";
2452
+ readonly gridRowGap: "space";
2617
2453
  readonly gridTemplateColumns: "sizes";
2618
2454
  readonly gridTemplateRows: "sizes";
2619
2455
  readonly height: "sizes";
2620
2456
  readonly inlineSize: "sizes";
2621
- readonly inset: "space-inset";
2622
- readonly insetBlock: "space-inset";
2623
- readonly insetBlockEnd: "space-inset";
2624
- readonly insetBlockStart: "space-inset";
2625
- readonly insetInline: "space-inset";
2626
- readonly insetInlineEnd: "space-inset";
2627
- readonly insetInlineStart: "space-inset";
2457
+ readonly inset: "space";
2458
+ readonly insetBlock: "space";
2459
+ readonly insetBlockEnd: "space";
2460
+ readonly insetBlockStart: "space";
2461
+ readonly insetInline: "space";
2462
+ readonly insetInlineEnd: "space";
2463
+ readonly insetInlineStart: "space";
2628
2464
  readonly left: "space";
2629
2465
  readonly letterSpacing: "letter-spacings";
2630
2466
  readonly lineHeight: "line-heights";
2631
- readonly margin: "space-offset";
2632
- readonly marginBlock: "space-offset";
2633
- readonly marginBlockEnd: "space-offset";
2634
- readonly marginBlockStart: "space-offset";
2635
- readonly marginBottom: "space-offset";
2636
- readonly marginInline: "space-offset";
2637
- readonly marginInlineEnd: "space-offset";
2638
- readonly marginInlineStart: "space-offset";
2639
- readonly marginLeft: "space-offset";
2640
- readonly marginRight: "space-offset";
2641
- readonly marginTop: "space-offset";
2467
+ readonly margin: "space";
2468
+ readonly marginBlock: "space";
2469
+ readonly marginBlockEnd: "space";
2470
+ readonly marginBlockStart: "space";
2471
+ readonly marginBottom: "space";
2472
+ readonly marginInline: "space";
2473
+ readonly marginInlineEnd: "space";
2474
+ readonly marginInlineStart: "space";
2475
+ readonly marginLeft: "space";
2476
+ readonly marginRight: "space";
2477
+ readonly marginTop: "space";
2642
2478
  readonly maxBlockSize: "sizes";
2643
2479
  readonly maxHeight: "sizes";
2644
2480
  readonly maxInlineSize: "sizes";
@@ -2649,41 +2485,41 @@ declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2649
2485
  readonly minWidth: "sizes";
2650
2486
  readonly outline: "colors";
2651
2487
  readonly outlineColor: "colors";
2652
- readonly padding: "space-inset";
2653
- readonly paddingBlock: "space-inset";
2654
- readonly paddingBlockEnd: "space-inset";
2655
- readonly paddingBlockStart: "space-inset";
2656
- readonly paddingBottom: "space-inset";
2657
- readonly paddingInline: "space-inset";
2658
- readonly paddingInlineEnd: "space-inset";
2659
- readonly paddingInlineStart: "space-inset";
2660
- readonly paddingLeft: "space-inset";
2661
- readonly paddingRight: "space-inset";
2662
- readonly paddingTop: "space-inset";
2488
+ readonly padding: "space";
2489
+ readonly paddingBlock: "space";
2490
+ readonly paddingBlockEnd: "space";
2491
+ readonly paddingBlockStart: "space";
2492
+ readonly paddingBottom: "space";
2493
+ readonly paddingInline: "space";
2494
+ readonly paddingInlineEnd: "space";
2495
+ readonly paddingInlineStart: "space";
2496
+ readonly paddingLeft: "space";
2497
+ readonly paddingRight: "space";
2498
+ readonly paddingTop: "space";
2663
2499
  readonly right: "space";
2664
- readonly rowGap: "space-gap";
2665
- readonly scrollMargin: "space-offset";
2666
- readonly scrollMarginBlock: "space-offset";
2667
- readonly scrollMarginBlockEnd: "space-offset";
2668
- readonly scrollMarginBlockStart: "space-offset";
2669
- readonly scrollMarginBottom: "space-offset";
2670
- readonly scrollMarginInline: "space-offset";
2671
- readonly scrollMarginInlineEnd: "space-offset";
2672
- readonly scrollMarginInlineStart: "space-offset";
2673
- readonly scrollMarginLeft: "space-offset";
2674
- readonly scrollMarginRight: "space-offset";
2675
- readonly scrollMarginTop: "space-offset";
2676
- readonly scrollPadding: "space-inset";
2677
- readonly scrollPaddingBlock: "space-inset";
2678
- readonly scrollPaddingBlockEnd: "space-inset";
2679
- readonly scrollPaddingBlockStart: "space-inset";
2680
- readonly scrollPaddingBottom: "space-inset";
2681
- readonly scrollPaddingInline: "space-inset";
2682
- readonly scrollPaddingInlineEnd: "space-inset";
2683
- readonly scrollPaddingInlineStart: "space-inset";
2684
- readonly scrollPaddingLeft: "space-inset";
2685
- readonly scrollPaddingRight: "space-inset";
2686
- readonly scrollPaddingTop: "space-inset";
2500
+ readonly rowGap: "space";
2501
+ readonly scrollMargin: "space";
2502
+ readonly scrollMarginBlock: "space";
2503
+ readonly scrollMarginBlockEnd: "space";
2504
+ readonly scrollMarginBlockStart: "space";
2505
+ readonly scrollMarginBottom: "space";
2506
+ readonly scrollMarginInline: "space";
2507
+ readonly scrollMarginInlineEnd: "space";
2508
+ readonly scrollMarginInlineStart: "space";
2509
+ readonly scrollMarginLeft: "space";
2510
+ readonly scrollMarginRight: "space";
2511
+ readonly scrollMarginTop: "space";
2512
+ readonly scrollPadding: "space";
2513
+ readonly scrollPaddingBlock: "space";
2514
+ readonly scrollPaddingBlockEnd: "space";
2515
+ readonly scrollPaddingBlockStart: "space";
2516
+ readonly scrollPaddingBottom: "space";
2517
+ readonly scrollPaddingInline: "space";
2518
+ readonly scrollPaddingInlineEnd: "space";
2519
+ readonly scrollPaddingInlineStart: "space";
2520
+ readonly scrollPaddingLeft: "space";
2521
+ readonly scrollPaddingRight: "space";
2522
+ readonly scrollPaddingTop: "space";
2687
2523
  readonly stroke: "colors";
2688
2524
  readonly strokeWidth: "stroke-width";
2689
2525
  readonly textDecorationColor: "colors";
@@ -2747,25 +2583,30 @@ declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2747
2583
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
2748
2584
  };
2749
2585
  }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
2750
- declare type StyledChipProps = StrictComponentProps<typeof StyledChip>;
2586
+ declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
2751
2587
 
2752
- declare type ValueProps = StyledChipProps & {
2753
- /**
2754
- * Remove chip label used to make the button recognizable by the screen readers.
2755
- */
2756
- removeChipAriaLabel?: string;
2757
- };
2758
- declare const Value: FC<ValueProps>;
2588
+ interface SeparatorProps extends StyledSeparatorProps {
2589
+ }
2590
+ declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
2759
2591
 
2760
2592
  declare type Direction = 'ltr' | 'rtl';
2761
2593
 
2594
+ type types_Direction = Direction;
2595
+ declare namespace types {
2596
+ export {
2597
+ types_Direction as Direction,
2598
+ };
2599
+ }
2600
+
2762
2601
  interface ComboboxProps$1 extends FormElementProps {
2763
2602
  open?: boolean;
2764
2603
  defaultOpen?: boolean;
2765
2604
  value?: string[];
2766
2605
  defaultValue?: string[];
2767
- searchValue?: string;
2606
+ onSearchValueChange?: (value: string) => void;
2768
2607
  direction?: Direction;
2608
+ autoFilter?: boolean;
2609
+ noResultsText?: ReactNode;
2769
2610
  }
2770
2611
  declare type ComboboxProviderProps = ComboboxProps$1;
2771
2612
 
@@ -2784,6 +2625,10 @@ interface ComboboxProps extends ComboboxProviderProps {
2784
2625
  * Event handler called when the value changes.
2785
2626
  */
2786
2627
  onValueChange?: (value: string[]) => void;
2628
+ /**
2629
+ * Event handler called when the trigger input value changes.
2630
+ */
2631
+ onSearchValueChange?: (value: string) => void;
2787
2632
  /**
2788
2633
  * The open state of the combobox when it is initially rendered. Use when you do
2789
2634
  * not need to control its open state.
@@ -2814,9 +2659,18 @@ interface ComboboxProps extends ComboboxProviderProps {
2814
2659
  * The content of the combobox
2815
2660
  */
2816
2661
  children?: react__default.ReactNode;
2662
+ /**
2663
+ * Enables/disabled automatic filtering.
2664
+ * @default true
2665
+ */
2666
+ autoFilter?: boolean;
2667
+ /**
2668
+ * Text that is displayed when there are no items to display.
2669
+ */
2670
+ noResultsText: ReactNode;
2817
2671
  }
2818
- declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials$1;
2819
- interface Partials$1 {
2672
+ declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials;
2673
+ interface Partials {
2820
2674
  Portal: typeof Portal;
2821
2675
  Trigger: typeof Trigger;
2822
2676
  Content: typeof Content;
@@ -2824,556 +2678,7 @@ interface Partials$1 {
2824
2678
  Group: typeof Group;
2825
2679
  GroupLabel: typeof GroupLabel;
2826
2680
  Value: typeof Value;
2681
+ Separator: typeof Separator;
2827
2682
  }
2828
2683
 
2829
- declare const LeftSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"span">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
2830
- 'border-widths': {
2831
- readonly none: 0;
2832
- readonly sm: "1px";
2833
- readonly md: "2px";
2834
- readonly lg: "4px";
2835
- };
2836
- colors: {
2837
- readonly black: any;
2838
- readonly 'blue-50': any;
2839
- readonly 'blue-100': any;
2840
- readonly 'blue-150': any;
2841
- readonly 'blue-200': any;
2842
- readonly 'blue-250': any;
2843
- readonly 'blue-300': any;
2844
- readonly 'blue-350': any;
2845
- readonly 'blue-400': any;
2846
- readonly 'blue-450': any;
2847
- readonly 'blue-500': any;
2848
- readonly 'blue-550': any;
2849
- readonly 'blue-600': any;
2850
- readonly 'blue-650': any;
2851
- readonly 'blue-700': any;
2852
- readonly 'blue-750': any;
2853
- readonly 'blue-800': any;
2854
- readonly 'blue-850': any;
2855
- readonly 'blue-900': any;
2856
- readonly 'blue-950': any;
2857
- readonly 'gray-50': any;
2858
- readonly 'gray-100': any;
2859
- readonly 'gray-150': any;
2860
- readonly 'gray-200': any;
2861
- readonly 'gray-250': any;
2862
- readonly 'gray-300': any;
2863
- readonly 'gray-350': any;
2864
- readonly 'gray-400': any;
2865
- readonly 'gray-450': any;
2866
- readonly 'gray-500': any;
2867
- readonly 'gray-550': any;
2868
- readonly 'gray-600': any;
2869
- readonly 'gray-650': any;
2870
- readonly 'gray-700': any;
2871
- readonly 'gray-750': any;
2872
- readonly 'gray-800': any;
2873
- readonly 'gray-850': any;
2874
- readonly 'gray-900': any;
2875
- readonly 'gray-950': any;
2876
- readonly 'green-50': any;
2877
- readonly 'green-100': any;
2878
- readonly 'green-150': any;
2879
- readonly 'green-200': any;
2880
- readonly 'green-250': any;
2881
- readonly 'green-300': any;
2882
- readonly 'green-350': any;
2883
- readonly 'green-400': any;
2884
- readonly 'green-450': any;
2885
- readonly 'green-500': any;
2886
- readonly 'green-550': any;
2887
- readonly 'green-600': any;
2888
- readonly 'green-650': any;
2889
- readonly 'green-700': any;
2890
- readonly 'green-750': any;
2891
- readonly 'green-800': any;
2892
- readonly 'green-850': any;
2893
- readonly 'green-900': any;
2894
- readonly 'green-950': any;
2895
- readonly 'red-50': any;
2896
- readonly 'red-100': any;
2897
- readonly 'red-150': any;
2898
- readonly 'red-200': any;
2899
- readonly 'red-250': any;
2900
- readonly 'red-300': any;
2901
- readonly 'red-350': any;
2902
- readonly 'red-400': any;
2903
- readonly 'red-450': any;
2904
- readonly 'red-500': any;
2905
- readonly 'red-550': any;
2906
- readonly 'red-600': any;
2907
- readonly 'red-650': any;
2908
- readonly 'red-700': any;
2909
- readonly 'red-750': any;
2910
- readonly 'red-800': any;
2911
- readonly 'red-850': any;
2912
- readonly 'red-900': any;
2913
- readonly 'red-950': any;
2914
- readonly transparent: any;
2915
- readonly white: any;
2916
- readonly 'yellow-50': any;
2917
- readonly 'yellow-100': any;
2918
- readonly 'yellow-150': any;
2919
- readonly 'yellow-200': any;
2920
- readonly 'yellow-250': any;
2921
- readonly 'yellow-300': any;
2922
- readonly 'yellow-350': any;
2923
- readonly 'yellow-400': any;
2924
- readonly 'yellow-450': any;
2925
- readonly 'yellow-500': any;
2926
- readonly 'yellow-550': any;
2927
- readonly 'yellow-600': any;
2928
- readonly 'yellow-650': any;
2929
- readonly 'yellow-700': any;
2930
- readonly 'yellow-750': any;
2931
- readonly 'yellow-800': any;
2932
- readonly 'yellow-850': any;
2933
- readonly 'yellow-900': any;
2934
- readonly 'yellow-950': any;
2935
- "background-alpha-active"?: any;
2936
- "background-alpha-hover"?: any;
2937
- "background-danger-prominent"?: any;
2938
- "background-danger-prominent-active"?: any;
2939
- "background-danger-prominent-hover"?: any;
2940
- "background-danger-subtle"?: any;
2941
- "background-danger-subtle-active"?: any;
2942
- "background-danger-subtle-hover"?: any;
2943
- "background-neutrals"?: any;
2944
- "background-neutrals-active"?: any;
2945
- "background-neutrals-container"?: any;
2946
- "background-neutrals-controls-disabled"?: any;
2947
- "background-neutrals-disabled"?: any;
2948
- "background-neutrals-hover"?: any;
2949
- "background-neutrals-inactive"?: any;
2950
- "background-neutrals-inactive-hover"?: any;
2951
- "background-neutrals-inverted"?: any;
2952
- "background-neutrals-inverted-subtle"?: any;
2953
- "background-neutrals-page"?: any;
2954
- "background-neutrals-page-subtle"?: any;
2955
- "background-neutrals-scrollbar"?: any;
2956
- "background-neutrals-scrollbar-active"?: any;
2957
- "background-neutrals-scrollbar-hover"?: any;
2958
- "background-neutrals-subtle"?: any;
2959
- "background-neutrals-subtle-active"?: any;
2960
- "background-neutrals-subtle-hover"?: any;
2961
- "background-primary-prominent"?: any;
2962
- "background-primary-prominent-active"?: any;
2963
- "background-primary-prominent-hover"?: any;
2964
- "background-primary-prominent-selected"?: any;
2965
- "background-primary-subtle"?: any;
2966
- "background-primary-subtle-active"?: any;
2967
- "background-primary-subtle-hover"?: any;
2968
- "background-primary-subtle-selected"?: any;
2969
- "background-success"?: any;
2970
- "background-success-prominent"?: any;
2971
- "background-success-prominent-active"?: any;
2972
- "background-success-prominent-hover"?: any;
2973
- "background-warning-prominent"?: any;
2974
- "background-warning-subtle"?: any;
2975
- "border-danger"?: any;
2976
- "border-danger-active"?: any;
2977
- "border-danger-hover"?: any;
2978
- "border-focus-error-inner"?: any;
2979
- "border-focus-error-middle"?: any;
2980
- "border-focus-error-outer"?: any;
2981
- "border-focus-inner"?: any;
2982
- "border-focus-middle"?: any;
2983
- "border-focus-outer"?: any;
2984
- "border-focus-success-inner"?: any;
2985
- "border-focus-success-middle"?: any;
2986
- "border-focus-success-outer"?: any;
2987
- "border-neutrals"?: any;
2988
- "border-neutrals-active"?: any;
2989
- "border-neutrals-controls"?: any;
2990
- "border-neutrals-controls-disabled"?: any;
2991
- "border-neutrals-disabled"?: any;
2992
- "border-neutrals-hover"?: any;
2993
- "border-neutrals-inverted"?: any;
2994
- "border-neutrals-subtle"?: any;
2995
- "border-neutrals-text"?: any;
2996
- "border-neutrals-text-active"?: any;
2997
- "border-neutrals-text-hover"?: any;
2998
- "border-neutrals-text-subtle"?: any;
2999
- "border-neutrals-text-subtle-active"?: any;
3000
- "border-neutrals-text-subtle-hover"?: any;
3001
- "border-neutrals-transparent"?: any;
3002
- "border-primary"?: any;
3003
- "border-primary-active"?: any;
3004
- "border-primary-hover"?: any;
3005
- "border-primary-inverted"?: any;
3006
- "border-success"?: any;
3007
- "border-success-active"?: any;
3008
- "border-success-hover"?: any;
3009
- "border-warning"?: any;
3010
- "icon-danger"?: any;
3011
- "icon-danger-active"?: any;
3012
- "icon-danger-hover"?: any;
3013
- "icon-danger-inverted"?: any;
3014
- "icon-neutrals"?: any;
3015
- "icon-neutrals-disabled"?: any;
3016
- "icon-neutrals-inactive"?: any;
3017
- "icon-neutrals-inactive-hover"?: any;
3018
- "icon-neutrals-inverted"?: any;
3019
- "icon-neutrals-search"?: any;
3020
- "icon-neutrals-subtle"?: any;
3021
- "icon-neutrals-text"?: any;
3022
- "icon-primary"?: any;
3023
- "icon-primary-active"?: any;
3024
- "icon-primary-hover"?: any;
3025
- "icon-primary-inverted"?: any;
3026
- "icon-primary-selected"?: any;
3027
- "icon-success"?: any;
3028
- "icon-success-active"?: any;
3029
- "icon-success-hover"?: any;
3030
- "icon-success-inverted"?: any;
3031
- "icon-warning"?: any;
3032
- "icon-warning-prominent"?: any;
3033
- "icon-warning-subtle"?: any;
3034
- "text-danger"?: any;
3035
- "text-danger-active"?: any;
3036
- "text-danger-hover"?: any;
3037
- "text-danger-inverted"?: any;
3038
- "text-neutrals"?: any;
3039
- "text-neutrals-active"?: any;
3040
- "text-neutrals-disabled"?: any;
3041
- "text-neutrals-hover"?: any;
3042
- "text-neutrals-inverted"?: any;
3043
- "text-neutrals-placeholder"?: any;
3044
- "text-neutrals-placeholder-only"?: any;
3045
- "text-neutrals-subtle"?: any;
3046
- "text-neutrals-subtle-active"?: any;
3047
- "text-neutrals-subtle-hover"?: any;
3048
- "text-primary"?: any;
3049
- "text-primary-active"?: any;
3050
- "text-primary-hover"?: any;
3051
- "text-primary-inverted"?: any;
3052
- "text-primary-inverted-subtle"?: any;
3053
- "text-primary-selected"?: any;
3054
- "text-success"?: any;
3055
- "text-success-active"?: any;
3056
- "text-success-hover"?: any;
3057
- "text-success-inverted"?: any;
3058
- "text-warning"?: any;
3059
- "text-warning-subtle"?: any;
3060
- };
3061
- 'font-sizes': {
3062
- readonly 150: "0.75rem";
3063
- readonly 175: "0.875rem";
3064
- readonly 200: "1rem";
3065
- readonly 225: "1.125rem";
3066
- readonly 250: "1.25rem";
3067
- readonly 300: "1.5rem";
3068
- readonly 400: "2rem";
3069
- readonly 500: "2.5rem";
3070
- readonly 600: "3rem";
3071
- readonly 800: "4rem";
3072
- readonly 900: "4.5rem";
3073
- };
3074
- fonts: {
3075
- readonly heading: "Roobert, sans-serif";
3076
- readonly body: "Open Sans, sans-serif";
3077
- };
3078
- radii: {
3079
- readonly 25: "2px";
3080
- readonly 50: "4px";
3081
- readonly 75: "6px";
3082
- readonly 100: "8px";
3083
- readonly 200: "16px";
3084
- readonly half: "999px";
3085
- readonly none: "0px";
3086
- };
3087
- shadows: {
3088
- 50: any;
3089
- 100: any;
3090
- "focus-small": any;
3091
- "focus-small-outline": any;
3092
- "focus-large": any;
3093
- "focus-controls": any;
3094
- "focus-controls-error": any;
3095
- "focus-controls-success": any;
3096
- };
3097
- sizes: {
3098
- readonly number: string;
3099
- readonly 'icon-200': "16px";
3100
- readonly 'icon-300': "24px";
3101
- readonly 'icon-400': "32px";
3102
- };
3103
- space: {
3104
- readonly 0: "0px";
3105
- readonly 25: "2px";
3106
- readonly 50: "4px";
3107
- readonly 100: "8px";
3108
- readonly 150: "12px";
3109
- readonly 200: "16px";
3110
- readonly 300: "24px";
3111
- readonly 400: "32px";
3112
- readonly 500: "40px";
3113
- readonly 600: "48px";
3114
- readonly 700: "56px";
3115
- readonly 800: "64px";
3116
- readonly 1200: "96px";
3117
- readonly 1600: "128px";
3118
- };
3119
- 'space-gap': {
3120
- readonly 0: any;
3121
- readonly 50: any;
3122
- readonly 100: any;
3123
- readonly 200: any;
3124
- readonly 300: any;
3125
- };
3126
- 'space-inset': {
3127
- readonly 0: any;
3128
- readonly 50: any;
3129
- readonly 100: any;
3130
- readonly 150: any;
3131
- readonly 200: any;
3132
- readonly 300: any;
3133
- readonly 400: any;
3134
- readonly 500: any;
3135
- readonly 600: any;
3136
- readonly 700: any;
3137
- readonly 800: any;
3138
- readonly 1200: any;
3139
- readonly 1600: any;
3140
- };
3141
- 'space-offset': {
3142
- readonly 0: any;
3143
- readonly 50: any;
3144
- readonly 100: any;
3145
- readonly 150: any;
3146
- readonly 200: any;
3147
- readonly 300: any;
3148
- readonly 400: any;
3149
- readonly 600: any;
3150
- readonly 800: any;
3151
- readonly 1200: any;
3152
- readonly 1600: any;
3153
- readonly 'stacking-0': any;
3154
- readonly 'stacking-100': any;
3155
- readonly 'stacking-200': any;
3156
- readonly 'stacking-300': any;
3157
- readonly 'stacking-400': any;
3158
- readonly 'stacking-500': any;
3159
- readonly 'stacking-800': any;
3160
- };
3161
- 'stroke-width': {
3162
- readonly thin: "1.5px";
3163
- readonly normal: "2px";
3164
- readonly bold: "4px";
3165
- };
3166
- 'z-indices': {
3167
- readonly dropdownMenu: 100;
3168
- readonly select: 200;
3169
- readonly popover: 300;
3170
- readonly tooltip: 400;
3171
- };
3172
- }, {
3173
- readonly background: "colors";
3174
- readonly backgroundColor: "colors";
3175
- readonly backgroundImage: "colors";
3176
- readonly blockSize: "sizes";
3177
- readonly border: "colors";
3178
- readonly borderBlock: "colors";
3179
- readonly borderBlockEnd: "colors";
3180
- readonly borderBlockStart: "colors";
3181
- readonly borderBottom: "colors";
3182
- readonly borderBottomColor: "colors";
3183
- readonly borderBottomLeftRadius: "radii";
3184
- readonly borderBottomRightRadius: "radii";
3185
- readonly borderBottomStyle: "border-styles";
3186
- readonly borderBottomWidth: "border-widths";
3187
- readonly borderColor: "colors";
3188
- readonly borderImage: "colors";
3189
- readonly borderInline: "colors";
3190
- readonly borderInlineEnd: "colors";
3191
- readonly borderInlineStart: "colors";
3192
- readonly borderLeft: "colors";
3193
- readonly borderLeftColor: "colors";
3194
- readonly borderLeftStyle: "border-styles";
3195
- readonly borderLeftWidth: "border-widths";
3196
- readonly borderRadius: "radii";
3197
- readonly borderRight: "colors";
3198
- readonly borderRightColor: "colors";
3199
- readonly borderRightStyle: "border-styles";
3200
- readonly borderRightWidth: "border-widths";
3201
- readonly borderSpacing: "space-offset";
3202
- readonly borderStyle: "border-styles";
3203
- readonly borderTop: "colors";
3204
- readonly borderTopColor: "colors";
3205
- readonly borderTopLeftRadius: "radii";
3206
- readonly borderTopRightRadius: "radii";
3207
- readonly borderTopStyle: "border-styles";
3208
- readonly borderTopWidth: "border-widths";
3209
- readonly borderWidth: "border-widths";
3210
- readonly bottom: "space";
3211
- readonly boxShadow: "shadows";
3212
- readonly caretColor: "colors";
3213
- readonly color: "colors";
3214
- readonly columnGap: "space-gap";
3215
- readonly columnRuleColor: "colors";
3216
- readonly fill: "colors";
3217
- readonly flexBasis: "sizes";
3218
- readonly fontFamily: "fonts";
3219
- readonly fontSize: "font-sizes";
3220
- readonly fontWeight: "font-weights";
3221
- readonly gap: "space-gap";
3222
- readonly gridColumnGap: "space-gap";
3223
- readonly gridGap: "space-gap";
3224
- readonly gridRowGap: "space-gap";
3225
- readonly gridTemplateColumns: "sizes";
3226
- readonly gridTemplateRows: "sizes";
3227
- readonly height: "sizes";
3228
- readonly inlineSize: "sizes";
3229
- readonly inset: "space-inset";
3230
- readonly insetBlock: "space-inset";
3231
- readonly insetBlockEnd: "space-inset";
3232
- readonly insetBlockStart: "space-inset";
3233
- readonly insetInline: "space-inset";
3234
- readonly insetInlineEnd: "space-inset";
3235
- readonly insetInlineStart: "space-inset";
3236
- readonly left: "space";
3237
- readonly letterSpacing: "letter-spacings";
3238
- readonly lineHeight: "line-heights";
3239
- readonly margin: "space-offset";
3240
- readonly marginBlock: "space-offset";
3241
- readonly marginBlockEnd: "space-offset";
3242
- readonly marginBlockStart: "space-offset";
3243
- readonly marginBottom: "space-offset";
3244
- readonly marginInline: "space-offset";
3245
- readonly marginInlineEnd: "space-offset";
3246
- readonly marginInlineStart: "space-offset";
3247
- readonly marginLeft: "space-offset";
3248
- readonly marginRight: "space-offset";
3249
- readonly marginTop: "space-offset";
3250
- readonly maxBlockSize: "sizes";
3251
- readonly maxHeight: "sizes";
3252
- readonly maxInlineSize: "sizes";
3253
- readonly maxWidth: "sizes";
3254
- readonly minBlockSize: "sizes";
3255
- readonly minHeight: "sizes";
3256
- readonly minInlineSize: "sizes";
3257
- readonly minWidth: "sizes";
3258
- readonly outline: "colors";
3259
- readonly outlineColor: "colors";
3260
- readonly padding: "space-inset";
3261
- readonly paddingBlock: "space-inset";
3262
- readonly paddingBlockEnd: "space-inset";
3263
- readonly paddingBlockStart: "space-inset";
3264
- readonly paddingBottom: "space-inset";
3265
- readonly paddingInline: "space-inset";
3266
- readonly paddingInlineEnd: "space-inset";
3267
- readonly paddingInlineStart: "space-inset";
3268
- readonly paddingLeft: "space-inset";
3269
- readonly paddingRight: "space-inset";
3270
- readonly paddingTop: "space-inset";
3271
- readonly right: "space";
3272
- readonly rowGap: "space-gap";
3273
- readonly scrollMargin: "space-offset";
3274
- readonly scrollMarginBlock: "space-offset";
3275
- readonly scrollMarginBlockEnd: "space-offset";
3276
- readonly scrollMarginBlockStart: "space-offset";
3277
- readonly scrollMarginBottom: "space-offset";
3278
- readonly scrollMarginInline: "space-offset";
3279
- readonly scrollMarginInlineEnd: "space-offset";
3280
- readonly scrollMarginInlineStart: "space-offset";
3281
- readonly scrollMarginLeft: "space-offset";
3282
- readonly scrollMarginRight: "space-offset";
3283
- readonly scrollMarginTop: "space-offset";
3284
- readonly scrollPadding: "space-inset";
3285
- readonly scrollPaddingBlock: "space-inset";
3286
- readonly scrollPaddingBlockEnd: "space-inset";
3287
- readonly scrollPaddingBlockStart: "space-inset";
3288
- readonly scrollPaddingBottom: "space-inset";
3289
- readonly scrollPaddingInline: "space-inset";
3290
- readonly scrollPaddingInlineEnd: "space-inset";
3291
- readonly scrollPaddingInlineStart: "space-inset";
3292
- readonly scrollPaddingLeft: "space-inset";
3293
- readonly scrollPaddingRight: "space-inset";
3294
- readonly scrollPaddingTop: "space-inset";
3295
- readonly stroke: "colors";
3296
- readonly strokeWidth: "stroke-width";
3297
- readonly textDecorationColor: "colors";
3298
- readonly textShadow: "shadows";
3299
- readonly top: "space";
3300
- readonly transition: "transitions";
3301
- readonly width: "sizes";
3302
- readonly zIndex: "z-indices";
3303
- }, {
3304
- paddingX: (value: {
3305
- readonly [$$PropertyValue]: "padding";
3306
- }) => {
3307
- paddingLeft: {
3308
- readonly [$$PropertyValue]: "padding";
3309
- };
3310
- paddingRight: {
3311
- readonly [$$PropertyValue]: "padding";
3312
- };
3313
- };
3314
- paddingY: (value: {
3315
- readonly [$$PropertyValue]: "padding";
3316
- }) => {
3317
- paddingTop: {
3318
- readonly [$$PropertyValue]: "padding";
3319
- };
3320
- paddingBottom: {
3321
- readonly [$$PropertyValue]: "padding";
3322
- };
3323
- };
3324
- marginX: (value: {
3325
- readonly [$$PropertyValue]: "margin";
3326
- }) => {
3327
- marginLeft: {
3328
- readonly [$$PropertyValue]: "margin";
3329
- };
3330
- marginRight: {
3331
- readonly [$$PropertyValue]: "margin";
3332
- };
3333
- };
3334
- marginY: (value: {
3335
- readonly [$$PropertyValue]: "margin";
3336
- }) => {
3337
- marginTop: {
3338
- readonly [$$PropertyValue]: "margin";
3339
- };
3340
- marginBottom: {
3341
- readonly [$$PropertyValue]: "margin";
3342
- };
3343
- };
3344
- square: (value: {
3345
- readonly [$$PropertyValue]: "width";
3346
- }) => {
3347
- width: {
3348
- readonly [$$PropertyValue]: "width";
3349
- };
3350
- height: {
3351
- readonly [$$PropertyValue]: "width";
3352
- };
3353
- };
3354
- _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
3355
- '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
3356
- };
3357
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"span">>, {}, {}>;
3358
-
3359
- declare type ChipProps = StyledChipProps & {
3360
- /**
3361
- * Event handler called when the chip's remove button is clicked.
3362
- */
3363
- onRemove?: (event: react__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
3364
- /**
3365
- * When true, prevents the user from interacting with the item.
3366
- * @default false
3367
- */
3368
- disabled?: boolean;
3369
- /**
3370
- * Remove chip label used to make the button recognizable by the screen readers.
3371
- */
3372
- removeChipAriaLabel?: string;
3373
- };
3374
- declare const Chip: react__default.ForwardRefExoticComponent<ChipProps> & Partials;
3375
- interface Partials {
3376
- LeftSlot: typeof LeftSlot;
3377
- }
3378
-
3379
- export { Chip, ChipProps, Combobox, ComboboxProps };
2684
+ export { Combobox, ContentProps as ComboboxContentProps, GroupLabelProps as ComboboxGroupLabelProps, GroupProps as ComboboxGroupProps, ItemProps as ComboboxItemProps, ComboboxProps, TriggerProps as ComboboxTriggerProps, types as ComboboxTypes, ValueProps as ComboboxValueProps };