@razorpay/blade 12.56.1 → 12.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/build/lib/native/components/Accordion/Accordion.js +1 -1
  2. package/build/lib/native/components/Accordion/Accordion.js.map +1 -1
  3. package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js +1 -1
  4. package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js.map +1 -1
  5. package/build/lib/native/components/Charts/DonutChart/DonutChart.native.js +12 -0
  6. package/build/lib/native/components/Charts/DonutChart/DonutChart.native.js.map +1 -0
  7. package/build/lib/native/components/index.js +1 -0
  8. package/build/lib/native/components/index.js.map +1 -1
  9. package/build/lib/native/tokens/theme/bladeTheme.js +1 -1
  10. package/build/lib/native/tokens/theme/bladeTheme.js.map +1 -1
  11. package/build/lib/web/development/components/Accordion/Accordion.js +5 -4
  12. package/build/lib/web/development/components/Accordion/Accordion.js.map +1 -1
  13. package/build/lib/web/development/components/Charts/AreaChart/AreaChart.web.js +1 -1
  14. package/build/lib/web/development/components/Charts/AreaChart/AreaChart.web.js.map +1 -1
  15. package/build/lib/web/development/components/Charts/BarChart/BarChart.web.js +2 -2
  16. package/build/lib/web/development/components/Charts/BarChart/BarChart.web.js.map +1 -1
  17. package/build/lib/web/development/components/Charts/BarChart/BarChartContext.js +1 -1
  18. package/build/lib/web/development/components/Charts/BarChart/BarChartContext.js.map +1 -1
  19. package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js +21 -6
  20. package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map +1 -1
  21. package/build/lib/web/development/components/Charts/CommonChartComponents/tokens.js +4 -1
  22. package/build/lib/web/development/components/Charts/CommonChartComponents/tokens.js.map +1 -1
  23. package/build/lib/web/development/components/Charts/DonutChart/DonutChart.web.js +256 -0
  24. package/build/lib/web/development/components/Charts/DonutChart/DonutChart.web.js.map +1 -0
  25. package/build/lib/web/development/components/Charts/DonutChart/index.js +2 -0
  26. package/build/lib/web/development/components/Charts/DonutChart/index.js.map +1 -0
  27. package/build/lib/web/development/components/Charts/DonutChart/tokens.js +78 -0
  28. package/build/lib/web/development/components/Charts/DonutChart/tokens.js.map +1 -0
  29. package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js +1 -1
  30. package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js.map +1 -1
  31. package/build/lib/web/development/components/Charts/index.js +1 -0
  32. package/build/lib/web/development/components/Charts/index.js.map +1 -1
  33. package/build/lib/web/development/components/Charts/utils/useColorTheme.js +13 -5
  34. package/build/lib/web/development/components/Charts/utils/useColorTheme.js.map +1 -1
  35. package/build/lib/web/development/components/index.js +1 -0
  36. package/build/lib/web/development/components/index.js.map +1 -1
  37. package/build/lib/web/development/tokens/theme/bladeTheme.js +22 -22
  38. package/build/lib/web/development/tokens/theme/bladeTheme.js.map +1 -1
  39. package/build/lib/web/production/components/Accordion/Accordion.js +5 -4
  40. package/build/lib/web/production/components/Accordion/Accordion.js.map +1 -1
  41. package/build/lib/web/production/components/Charts/AreaChart/AreaChart.web.js +1 -1
  42. package/build/lib/web/production/components/Charts/AreaChart/AreaChart.web.js.map +1 -1
  43. package/build/lib/web/production/components/Charts/BarChart/BarChart.web.js +2 -2
  44. package/build/lib/web/production/components/Charts/BarChart/BarChart.web.js.map +1 -1
  45. package/build/lib/web/production/components/Charts/BarChart/BarChartContext.js +1 -1
  46. package/build/lib/web/production/components/Charts/BarChart/BarChartContext.js.map +1 -1
  47. package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js +21 -6
  48. package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map +1 -1
  49. package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js +4 -1
  50. package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js.map +1 -1
  51. package/build/lib/web/production/components/Charts/DonutChart/DonutChart.web.js +256 -0
  52. package/build/lib/web/production/components/Charts/DonutChart/DonutChart.web.js.map +1 -0
  53. package/build/lib/web/production/components/Charts/DonutChart/index.js +2 -0
  54. package/build/lib/web/production/components/Charts/DonutChart/index.js.map +1 -0
  55. package/build/lib/web/production/components/Charts/DonutChart/tokens.js +78 -0
  56. package/build/lib/web/production/components/Charts/DonutChart/tokens.js.map +1 -0
  57. package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js +1 -1
  58. package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js.map +1 -1
  59. package/build/lib/web/production/components/Charts/index.js +1 -0
  60. package/build/lib/web/production/components/Charts/index.js.map +1 -1
  61. package/build/lib/web/production/components/Charts/utils/useColorTheme.js +13 -5
  62. package/build/lib/web/production/components/Charts/utils/useColorTheme.js.map +1 -1
  63. package/build/lib/web/production/components/index.js +1 -0
  64. package/build/lib/web/production/components/index.js.map +1 -1
  65. package/build/lib/web/production/tokens/theme/bladeTheme.js +22 -22
  66. package/build/lib/web/production/tokens/theme/bladeTheme.js.map +1 -1
  67. package/build/types/components/index.d.ts +846 -309
  68. package/build/types/components/index.native.d.ts +632 -221
  69. package/package.json +1 -1
@@ -7,7 +7,7 @@ import * as csstype from 'csstype';
7
7
  import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
8
8
  import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
9
9
  import { AnimationControls, TargetAndTransition, Tween } from 'framer-motion';
10
- import { ReferenceLineProps, XAxisProps, YAxisProps, Tooltip as Tooltip$1, Legend, CartesianGridProps, LineProps, AreaProps, BarProps } from 'recharts';
10
+ import { ReferenceLineProps, XAxisProps, YAxisProps, Tooltip as Tooltip$1, Legend, CartesianGridProps, LineProps, AreaProps, PieProps, CellProps, BarProps } from 'recharts';
11
11
  import { DateValue, DatesRangeValue, DatePickerProps as DatePickerProps$1, DayOfWeek } from '@mantine/dates';
12
12
  export { DateValue, DatesRangeValue } from '@mantine/dates';
13
13
  import { Placement, UseFloatingOptions } from '@floating-ui/react';
@@ -359,172 +359,6 @@ type Spacing = Readonly<{
359
359
  11: 56;
360
360
  }>;
361
361
 
362
- type UseColorScheme = {
363
- colorScheme: ColorSchemeNames;
364
- setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;
365
- };
366
-
367
- /**
368
- * Brands a type making them act as nominal
369
- * @see https://medium.com/@KevinBGreene/surviving-the-typescript-ecosystem-branding-and-type-tagging-6cf6e516523d
370
- */
371
- type Brand<Type, Name extends string> = Type & {
372
- __brand__?: Name;
373
- };
374
- type NativeOrWebBrand = Brand<any, 'native' | 'web'>;
375
-
376
- declare namespace Platform {
377
- type Name = 'web';
378
- /**
379
- * Right now, the module resolution is set to resolve `.web` files,
380
- *
381
- * Thus Platform.Select<> type will return the `web` type
382
- */
383
- type Select<Options extends {
384
- web: unknown;
385
- native: unknown;
386
- }> = Brand<Options[Name], 'platform-web'>;
387
- type CastNative<T extends NativeOrWebBrand | undefined> = Extract<T, {
388
- __brand__?: 'platform-native' | 'platform-all';
389
- }>;
390
- type CastWeb<T extends NativeOrWebBrand | undefined> = Extract<T, {
391
- __brand__?: 'platform-web' | 'platform-all';
392
- }>;
393
- }
394
-
395
- type BladeProviderProps = {
396
- themeTokens: ThemeTokens;
397
- colorScheme?: ColorSchemeNamesInput;
398
- children: ReactNode;
399
- };
400
-
401
- declare const BladeProvider: ({ themeTokens, colorScheme: initialColorScheme, children, }: BladeProviderProps) => ReactElement;
402
-
403
- type Theme = {
404
- name: ThemeTokens['name'];
405
- border: Border;
406
- breakpoints: Breakpoints;
407
- colors: Colors;
408
- spacing: Spacing;
409
- motion: Motion;
410
- elevation: Elevation;
411
- typography: Typography;
412
- };
413
-
414
- type ThemeContext = UseColorScheme & {
415
- theme: Theme;
416
- platform: TypographyPlatforms;
417
- };
418
- declare const ThemeContext: React$1.Context<ThemeContext>;
419
- declare const useTheme: () => ThemeContext;
420
-
421
- type Duration = {
422
- /** `80` milliseconds */
423
- '2xquick': 80;
424
- /** `160` milliseconds */
425
- xquick: 160;
426
- /** `200` milliseconds */
427
- quick: 200;
428
- /** `280` milliseconds */
429
- moderate: 280;
430
- /** `360` milliseconds */
431
- xmoderate: 360;
432
- /** `480` milliseconds */
433
- gentle: 480;
434
- /** `640` milliseconds */
435
- xgentle: 640;
436
- /** `960` milliseconds */
437
- '2xgentle': 960;
438
- };
439
- type Delay = {
440
- /** `80` milliseconds */
441
- '2xquick': 80;
442
- /** `160` milliseconds */
443
- xquick: 160;
444
- /** `280` milliseconds */
445
- moderate: 280;
446
- /** `480` milliseconds */
447
- gentle: 480;
448
- /** `960` milliseconds */
449
- xgentle: 960;
450
- /** `2000` milliseconds */
451
- long: 2000;
452
- /** `3000` milliseconds */
453
- xlong: 3000;
454
- /** `5000` milliseconds */
455
- '2xlong': 5000;
456
- };
457
- type EasingFactoryFn = {
458
- factory: () => (value: number) => number;
459
- };
460
- type EasingType<Value extends string> = Platform.Select<{
461
- web: Value;
462
- native: EasingFactoryFn;
463
- }>;
464
- type Easing = {
465
- /**
466
- * Linear Easing
467
- *
468
- * Use Case: Marquee, Progress Bar, etc
469
- *
470
- * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
471
- */
472
- linear: EasingType<'cubic-bezier(0, 0, 0, 0)'>;
473
- /**
474
- * Entrance Animation Easing
475
- *
476
- * Use Case: Entry of modals, drawer, dropdown, etc
477
- *
478
- * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
479
- */
480
- entrance: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
481
- /**
482
- * Exit Animation Easing
483
- *
484
- * Use Case: Exit of modals, drawer, dropdown, etc
485
- *
486
- * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
487
- */
488
- exit: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
489
- /**
490
- * Standard Easing
491
- *
492
- * Use Case: Morph
493
- *
494
- * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
495
- */
496
- standard: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
497
- /**
498
- * Emphasized Easing
499
- *
500
- * Use Case: Hover states of interactive items
501
- *
502
- * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
503
- */
504
- emphasized: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
505
- /**
506
- * Overshoot Easing
507
- *
508
- * Use Case: Toast notifications
509
- *
510
- * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
511
- */
512
- overshoot: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
513
- /**
514
- * Error Easing
515
- *
516
- * Use Case: Error States
517
- *
518
- * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
519
- */
520
- shake: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
521
- };
522
- type Motion = Readonly<{
523
- delay: Delay;
524
- duration: Duration;
525
- easing: Easing;
526
- }>;
527
-
528
362
  type DotNotationSpacingStringToken = `spacing.${keyof Spacing}`;
529
363
  /**
530
364
  * Use this when you want children to be string.
@@ -715,91 +549,257 @@ type ThemeTokens = {
715
549
  typography: TypographyWithPlatforms;
716
550
  };
717
551
 
718
- type ElevationLevels = 'none' | 'lowRaised' | 'midRaised' | 'highRaised';
719
- type ElevationStyles = Readonly<{
720
- elevation: number;
721
- shadowColor: string;
722
- shadowOpacity: number;
723
- shadowRadius: number;
724
- shadowOffset: {
725
- /**
726
- * x-axis
727
- */
728
- width: number;
729
- /**
730
- * y-axis
731
- */
732
- height: number;
733
- };
734
- }>;
735
- type Elevation = Record<ElevationLevels, Platform.Select<{
736
- web: string;
737
- native: ElevationStyles;
738
- }>>;
739
- type ElevationWithColorModes = Record<ColorSchemeModes, Elevation>;
740
-
741
- /**
742
- * Returns the value or the responsive object with that value
743
- *
744
- * ## Usage
745
- *
746
- * Example if you pass string argument, return type will be string or responsive object with string value
747
- *
748
- * `MakeValueResponsive<string>`
749
- * ```ts
750
- * string |
751
- * {
752
- * base?: string;
753
- * xs?: string;
754
- * s?: string;
755
- * // ... other breakpoints
756
- * }
757
- * ```
758
- *
759
- */
760
- type MakeValueResponsive<T> = [T] extends [never] ? never : T | {
761
- [P in keyof Breakpoints]?: T;
552
+ type UseColorScheme = {
553
+ colorScheme: ColorSchemeNames;
554
+ setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;
762
555
  };
556
+
763
557
  /**
764
- * Turns all the values in object into responsive object.
765
- *
766
- * ```ts
767
- * MakeObjectResponsive<{ hello: string}>
768
- *
769
- * // Outputs:
770
- * {
771
- * hello: string | {
772
- * base?: string;
773
- * xs?: string;
774
- * s?: string;
775
- * // ... other breakpoints
776
- * }
777
- * }
778
- * ```
558
+ * Brands a type making them act as nominal
559
+ * @see https://medium.com/@KevinBGreene/surviving-the-typescript-ecosystem-branding-and-type-tagging-6cf6e516523d
779
560
  */
780
- type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string>> = {
781
- [P in K]: MakeValueResponsive<T[P]>;
561
+ type Brand<Type, Name extends string> = Type & {
562
+ __brand__?: Name;
782
563
  };
564
+ type NativeOrWebBrand = Brand<any, 'native' | 'web'>;
783
565
 
784
- type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
785
- type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
786
- type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto' | `min(${string})` | `max(${string})` | 'none' | 'initial' | 'fit-content' | 'max-content' | 'min-content';
787
- /**
788
- * @IMPORTANT
789
- *
790
- * I wish there was better way to re-use jsdoc but I checked and there isn't so we have to explicitly add docs to each prop.
791
- *
792
- * When you want to change a specific token value, you can select the entire block of spacing value mapping and do find and replace on it
793
- *
794
- * Checkout example of find and replace query-
795
- * {@link https://user-images.githubusercontent.com/30949385/221802507-40c7adbc-484a-47b3-9035-ae1e97080b51.png}
796
- *
797
- */
798
- type PaddingProps = MakeObjectResponsive<{
566
+ declare namespace Platform {
567
+ type Name = 'web';
799
568
  /**
800
- * ### Padding Shorthand
569
+ * Right now, the module resolution is set to resolve `.web` files,
801
570
  *
802
- * #### Usage
571
+ * Thus Platform.Select<> type will return the `web` type
572
+ */
573
+ type Select<Options extends {
574
+ web: unknown;
575
+ native: unknown;
576
+ }> = Brand<Options[Name], 'platform-web'>;
577
+ type CastNative<T extends NativeOrWebBrand | undefined> = Extract<T, {
578
+ __brand__?: 'platform-native' | 'platform-all';
579
+ }>;
580
+ type CastWeb<T extends NativeOrWebBrand | undefined> = Extract<T, {
581
+ __brand__?: 'platform-web' | 'platform-all';
582
+ }>;
583
+ }
584
+
585
+ type BladeProviderProps = {
586
+ themeTokens: ThemeTokens;
587
+ colorScheme?: ColorSchemeNamesInput;
588
+ children: ReactNode;
589
+ };
590
+
591
+ declare const BladeProvider: ({ themeTokens, colorScheme: initialColorScheme, children, }: BladeProviderProps) => ReactElement;
592
+
593
+ type Theme = {
594
+ name: ThemeTokens['name'];
595
+ border: Border;
596
+ breakpoints: Breakpoints;
597
+ colors: Colors;
598
+ spacing: Spacing;
599
+ motion: Motion;
600
+ elevation: Elevation;
601
+ typography: Typography;
602
+ };
603
+
604
+ type ThemeContext = UseColorScheme & {
605
+ theme: Theme;
606
+ platform: TypographyPlatforms;
607
+ };
608
+ declare const ThemeContext: React$1.Context<ThemeContext>;
609
+ declare const useTheme: () => ThemeContext;
610
+
611
+ type Duration = {
612
+ /** `80` milliseconds */
613
+ '2xquick': 80;
614
+ /** `160` milliseconds */
615
+ xquick: 160;
616
+ /** `200` milliseconds */
617
+ quick: 200;
618
+ /** `280` milliseconds */
619
+ moderate: 280;
620
+ /** `360` milliseconds */
621
+ xmoderate: 360;
622
+ /** `480` milliseconds */
623
+ gentle: 480;
624
+ /** `640` milliseconds */
625
+ xgentle: 640;
626
+ /** `960` milliseconds */
627
+ '2xgentle': 960;
628
+ };
629
+ type Delay = {
630
+ /** `80` milliseconds */
631
+ '2xquick': 80;
632
+ /** `160` milliseconds */
633
+ xquick: 160;
634
+ /** `280` milliseconds */
635
+ moderate: 280;
636
+ /** `480` milliseconds */
637
+ gentle: 480;
638
+ /** `960` milliseconds */
639
+ xgentle: 960;
640
+ /** `2000` milliseconds */
641
+ long: 2000;
642
+ /** `3000` milliseconds */
643
+ xlong: 3000;
644
+ /** `5000` milliseconds */
645
+ '2xlong': 5000;
646
+ };
647
+ type EasingFactoryFn = {
648
+ factory: () => (value: number) => number;
649
+ };
650
+ type EasingType<Value extends string> = Platform.Select<{
651
+ web: Value;
652
+ native: EasingFactoryFn;
653
+ }>;
654
+ type Easing = {
655
+ /**
656
+ * Linear Easing
657
+ *
658
+ * Use Case: Marquee, Progress Bar, etc
659
+ *
660
+ * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
661
+ */
662
+ linear: EasingType<'cubic-bezier(0, 0, 0, 0)'>;
663
+ /**
664
+ * Entrance Animation Easing
665
+ *
666
+ * Use Case: Entry of modals, drawer, dropdown, etc
667
+ *
668
+ * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
669
+ */
670
+ entrance: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
671
+ /**
672
+ * Exit Animation Easing
673
+ *
674
+ * Use Case: Exit of modals, drawer, dropdown, etc
675
+ *
676
+ * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
677
+ */
678
+ exit: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
679
+ /**
680
+ * Standard Easing
681
+ *
682
+ * Use Case: Morph
683
+ *
684
+ * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
685
+ */
686
+ standard: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
687
+ /**
688
+ * Emphasized Easing
689
+ *
690
+ * Use Case: Hover states of interactive items
691
+ *
692
+ * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
693
+ */
694
+ emphasized: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
695
+ /**
696
+ * Overshoot Easing
697
+ *
698
+ * Use Case: Toast notifications
699
+ *
700
+ * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
701
+ */
702
+ overshoot: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
703
+ /**
704
+ * Error Easing
705
+ *
706
+ * Use Case: Error States
707
+ *
708
+ * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
709
+ */
710
+ shake: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
711
+ };
712
+ type Motion = Readonly<{
713
+ delay: Delay;
714
+ duration: Duration;
715
+ easing: Easing;
716
+ }>;
717
+
718
+ type ElevationLevels = 'none' | 'lowRaised' | 'midRaised' | 'highRaised';
719
+ type ElevationStyles = Readonly<{
720
+ elevation: number;
721
+ shadowColor: string;
722
+ shadowOpacity: number;
723
+ shadowRadius: number;
724
+ shadowOffset: {
725
+ /**
726
+ * x-axis
727
+ */
728
+ width: number;
729
+ /**
730
+ * y-axis
731
+ */
732
+ height: number;
733
+ };
734
+ }>;
735
+ type Elevation = Record<ElevationLevels, Platform.Select<{
736
+ web: string;
737
+ native: ElevationStyles;
738
+ }>>;
739
+ type ElevationWithColorModes = Record<ColorSchemeModes, Elevation>;
740
+
741
+ /**
742
+ * Returns the value or the responsive object with that value
743
+ *
744
+ * ## Usage
745
+ *
746
+ * Example if you pass string argument, return type will be string or responsive object with string value
747
+ *
748
+ * `MakeValueResponsive<string>`
749
+ * ```ts
750
+ * string |
751
+ * {
752
+ * base?: string;
753
+ * xs?: string;
754
+ * s?: string;
755
+ * // ... other breakpoints
756
+ * }
757
+ * ```
758
+ *
759
+ */
760
+ type MakeValueResponsive<T> = [T] extends [never] ? never : T | {
761
+ [P in keyof Breakpoints]?: T;
762
+ };
763
+ /**
764
+ * Turns all the values in object into responsive object.
765
+ *
766
+ * ```ts
767
+ * MakeObjectResponsive<{ hello: string}>
768
+ *
769
+ * // Outputs:
770
+ * {
771
+ * hello: string | {
772
+ * base?: string;
773
+ * xs?: string;
774
+ * s?: string;
775
+ * // ... other breakpoints
776
+ * }
777
+ * }
778
+ * ```
779
+ */
780
+ type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string>> = {
781
+ [P in K]: MakeValueResponsive<T[P]>;
782
+ };
783
+
784
+ type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
785
+ type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
786
+ type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto' | `min(${string})` | `max(${string})` | 'none' | 'initial' | 'fit-content' | 'max-content' | 'min-content';
787
+ /**
788
+ * @IMPORTANT
789
+ *
790
+ * I wish there was better way to re-use jsdoc but I checked and there isn't so we have to explicitly add docs to each prop.
791
+ *
792
+ * When you want to change a specific token value, you can select the entire block of spacing value mapping and do find and replace on it
793
+ *
794
+ * Checkout example of find and replace query-
795
+ * {@link https://user-images.githubusercontent.com/30949385/221802507-40c7adbc-484a-47b3-9035-ae1e97080b51.png}
796
+ *
797
+ */
798
+ type PaddingProps = MakeObjectResponsive<{
799
+ /**
800
+ * ### Padding Shorthand
801
+ *
802
+ * #### Usage
803
803
  *
804
804
  * ```jsx
805
805
  * padding="spacing.3"
@@ -2819,7 +2819,7 @@ type AccordionProps = {
2819
2819
  * Accepts `AccordionItem` child nodes
2820
2820
  */
2821
2821
  children: React__default.ReactElement | React__default.ReactElement[];
2822
- } & TestID & StyledPropsBlade;
2822
+ } & TestID & StyledPropsBlade & Pick<BoxProps, 'minWidth' | 'maxWidth'>;
2823
2823
 
2824
2824
  declare const Accordion: React__default.ForwardRefExoticComponent<{
2825
2825
  defaultExpandedIndex?: number | undefined;
@@ -2838,55 +2838,441 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
2838
2838
  readonly l?: SpacingValueType | undefined;
2839
2839
  readonly xl?: SpacingValueType | undefined;
2840
2840
  } | undefined;
2841
- children: ReactElement<any, string | React__default.JSXElementConstructor<any>> | ReactElement<any, string | React__default.JSXElementConstructor<any>>[];
2842
- } & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
2843
- bottom: SpacingValueType | {
2844
- readonly base?: SpacingValueType | undefined;
2845
- readonly xs?: SpacingValueType | undefined;
2846
- readonly s?: SpacingValueType | undefined;
2847
- readonly m?: SpacingValueType | undefined;
2848
- readonly l?: SpacingValueType | undefined;
2849
- readonly xl?: SpacingValueType | undefined;
2841
+ children: ReactElement<any, string | React__default.JSXElementConstructor<any>> | ReactElement<any, string | React__default.JSXElementConstructor<any>>[];
2842
+ } & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
2843
+ bottom: SpacingValueType | {
2844
+ readonly base?: SpacingValueType | undefined;
2845
+ readonly xs?: SpacingValueType | undefined;
2846
+ readonly s?: SpacingValueType | undefined;
2847
+ readonly m?: SpacingValueType | undefined;
2848
+ readonly l?: SpacingValueType | undefined;
2849
+ readonly xl?: SpacingValueType | undefined;
2850
+ };
2851
+ left: SpacingValueType | {
2852
+ readonly base?: SpacingValueType | undefined;
2853
+ readonly xs?: SpacingValueType | undefined;
2854
+ readonly s?: SpacingValueType | undefined;
2855
+ readonly m?: SpacingValueType | undefined;
2856
+ readonly l?: SpacingValueType | undefined;
2857
+ readonly xl?: SpacingValueType | undefined;
2858
+ };
2859
+ position?: csstype.Property.Position | {
2860
+ readonly base?: csstype.Property.Position | undefined;
2861
+ readonly xs?: csstype.Property.Position | undefined;
2862
+ readonly s?: csstype.Property.Position | undefined;
2863
+ readonly m?: csstype.Property.Position | undefined;
2864
+ readonly l?: csstype.Property.Position | undefined;
2865
+ readonly xl?: csstype.Property.Position | undefined;
2866
+ } | undefined;
2867
+ right: SpacingValueType | {
2868
+ readonly base?: SpacingValueType | undefined;
2869
+ readonly xs?: SpacingValueType | undefined;
2870
+ readonly s?: SpacingValueType | undefined;
2871
+ readonly m?: SpacingValueType | undefined;
2872
+ readonly l?: SpacingValueType | undefined;
2873
+ readonly xl?: SpacingValueType | undefined;
2874
+ };
2875
+ top: SpacingValueType | {
2876
+ readonly base?: SpacingValueType | undefined;
2877
+ readonly xs?: SpacingValueType | undefined;
2878
+ readonly s?: SpacingValueType | undefined;
2879
+ readonly m?: SpacingValueType | undefined;
2880
+ readonly l?: SpacingValueType | undefined;
2881
+ readonly xl?: SpacingValueType | undefined;
2882
+ };
2883
+ zIndex?: csstype.Property.ZIndex | {
2884
+ readonly base?: csstype.Property.ZIndex | undefined;
2885
+ readonly xs?: csstype.Property.ZIndex | undefined;
2886
+ readonly s?: csstype.Property.ZIndex | undefined;
2887
+ readonly m?: csstype.Property.ZIndex | undefined;
2888
+ readonly l?: csstype.Property.ZIndex | undefined;
2889
+ readonly xl?: csstype.Property.ZIndex | undefined;
2890
+ } | undefined;
2891
+ __brand__?: "platform-web" | {
2892
+ readonly base?: "platform-web" | undefined;
2893
+ readonly xs?: "platform-web" | undefined;
2894
+ readonly s?: "platform-web" | undefined;
2895
+ readonly m?: "platform-web" | undefined;
2896
+ readonly l?: "platform-web" | undefined;
2897
+ readonly xl?: "platform-web" | undefined;
2898
+ } | undefined;
2899
+ } & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
2900
+ width: SpacingValueType | {
2901
+ readonly base?: SpacingValueType | undefined;
2902
+ readonly xs?: SpacingValueType | undefined;
2903
+ readonly s?: SpacingValueType | undefined;
2904
+ readonly m?: SpacingValueType | undefined;
2905
+ readonly l?: SpacingValueType | undefined;
2906
+ readonly xl?: SpacingValueType | undefined;
2907
+ };
2908
+ display?: csstype.Property.Display | {
2909
+ readonly base?: csstype.Property.Display | undefined;
2910
+ readonly xs?: csstype.Property.Display | undefined;
2911
+ readonly s?: csstype.Property.Display | undefined;
2912
+ readonly m?: csstype.Property.Display | undefined;
2913
+ readonly l?: csstype.Property.Display | undefined;
2914
+ readonly xl?: csstype.Property.Display | undefined;
2915
+ } | undefined;
2916
+ height: SpacingValueType | {
2917
+ readonly base?: SpacingValueType | undefined;
2918
+ readonly xs?: SpacingValueType | undefined;
2919
+ readonly s?: SpacingValueType | undefined;
2920
+ readonly m?: SpacingValueType | undefined;
2921
+ readonly l?: SpacingValueType | undefined;
2922
+ readonly xl?: SpacingValueType | undefined;
2923
+ };
2924
+ maxHeight: SpacingValueType | {
2925
+ readonly base?: SpacingValueType | undefined;
2926
+ readonly xs?: SpacingValueType | undefined;
2927
+ readonly s?: SpacingValueType | undefined;
2928
+ readonly m?: SpacingValueType | undefined;
2929
+ readonly l?: SpacingValueType | undefined;
2930
+ readonly xl?: SpacingValueType | undefined;
2931
+ };
2932
+ maxWidth: SpacingValueType | {
2933
+ readonly base?: SpacingValueType | undefined;
2934
+ readonly xs?: SpacingValueType | undefined;
2935
+ readonly s?: SpacingValueType | undefined;
2936
+ readonly m?: SpacingValueType | undefined;
2937
+ readonly l?: SpacingValueType | undefined;
2938
+ readonly xl?: SpacingValueType | undefined;
2939
+ };
2940
+ minHeight: SpacingValueType | {
2941
+ readonly base?: SpacingValueType | undefined;
2942
+ readonly xs?: SpacingValueType | undefined;
2943
+ readonly s?: SpacingValueType | undefined;
2944
+ readonly m?: SpacingValueType | undefined;
2945
+ readonly l?: SpacingValueType | undefined;
2946
+ readonly xl?: SpacingValueType | undefined;
2947
+ };
2948
+ minWidth: SpacingValueType | {
2949
+ readonly base?: SpacingValueType | undefined;
2950
+ readonly xs?: SpacingValueType | undefined;
2951
+ readonly s?: SpacingValueType | undefined;
2952
+ readonly m?: SpacingValueType | undefined;
2953
+ readonly l?: SpacingValueType | undefined;
2954
+ readonly xl?: SpacingValueType | undefined;
2955
+ };
2956
+ overflowX?: csstype.Property.OverflowX | {
2957
+ readonly base?: csstype.Property.OverflowX | undefined;
2958
+ readonly xs?: csstype.Property.OverflowX | undefined;
2959
+ readonly s?: csstype.Property.OverflowX | undefined;
2960
+ readonly m?: csstype.Property.OverflowX | undefined;
2961
+ readonly l?: csstype.Property.OverflowX | undefined;
2962
+ readonly xl?: csstype.Property.OverflowX | undefined;
2963
+ } | undefined;
2964
+ overflowY?: csstype.Property.OverflowY | {
2965
+ readonly base?: csstype.Property.OverflowY | undefined;
2966
+ readonly xs?: csstype.Property.OverflowY | undefined;
2967
+ readonly s?: csstype.Property.OverflowY | undefined;
2968
+ readonly m?: csstype.Property.OverflowY | undefined;
2969
+ readonly l?: csstype.Property.OverflowY | undefined;
2970
+ readonly xl?: csstype.Property.OverflowY | undefined;
2971
+ } | undefined;
2972
+ textAlign?: csstype.Property.TextAlign | {
2973
+ readonly base?: csstype.Property.TextAlign | undefined;
2974
+ readonly xs?: csstype.Property.TextAlign | undefined;
2975
+ readonly s?: csstype.Property.TextAlign | undefined;
2976
+ readonly m?: csstype.Property.TextAlign | undefined;
2977
+ readonly l?: csstype.Property.TextAlign | undefined;
2978
+ readonly xl?: csstype.Property.TextAlign | undefined;
2979
+ } | undefined;
2980
+ whiteSpace?: csstype.Property.WhiteSpace | {
2981
+ readonly base?: csstype.Property.WhiteSpace | undefined;
2982
+ readonly xs?: csstype.Property.WhiteSpace | undefined;
2983
+ readonly s?: csstype.Property.WhiteSpace | undefined;
2984
+ readonly m?: csstype.Property.WhiteSpace | undefined;
2985
+ readonly l?: csstype.Property.WhiteSpace | undefined;
2986
+ readonly xl?: csstype.Property.WhiteSpace | undefined;
2987
+ } | undefined;
2988
+ overflow?: csstype.Property.Overflow | {
2989
+ readonly base?: csstype.Property.Overflow | undefined;
2990
+ readonly xs?: csstype.Property.Overflow | undefined;
2991
+ readonly s?: csstype.Property.Overflow | undefined;
2992
+ readonly m?: csstype.Property.Overflow | undefined;
2993
+ readonly l?: csstype.Property.Overflow | undefined;
2994
+ readonly xl?: csstype.Property.Overflow | undefined;
2995
+ } | undefined;
2996
+ __brand__?: "platform-web" | {
2997
+ readonly base?: "platform-web" | undefined;
2998
+ readonly xs?: "platform-web" | undefined;
2999
+ readonly s?: "platform-web" | undefined;
3000
+ readonly m?: "platform-web" | undefined;
3001
+ readonly l?: "platform-web" | undefined;
3002
+ readonly xl?: "platform-web" | undefined;
3003
+ } | undefined;
3004
+ }, "display"> & Pick<{
3005
+ elevation?: ElevationLevels | {
3006
+ readonly base?: ElevationLevels | undefined;
3007
+ readonly xs?: ElevationLevels | undefined;
3008
+ readonly s?: ElevationLevels | undefined;
3009
+ readonly m?: ElevationLevels | undefined;
3010
+ readonly l?: ElevationLevels | undefined;
3011
+ readonly xl?: ElevationLevels | undefined;
3012
+ } | undefined;
3013
+ backdropFilter?: csstype.Property.BackdropFilter | {
3014
+ readonly base?: csstype.Property.BackdropFilter | undefined;
3015
+ readonly xs?: csstype.Property.BackdropFilter | undefined;
3016
+ readonly s?: csstype.Property.BackdropFilter | undefined;
3017
+ readonly m?: csstype.Property.BackdropFilter | undefined;
3018
+ readonly l?: csstype.Property.BackdropFilter | undefined;
3019
+ readonly xl?: csstype.Property.BackdropFilter | undefined;
3020
+ } | undefined;
3021
+ backgroundImage?: csstype.Property.BackgroundImage | {
3022
+ readonly base?: csstype.Property.BackgroundImage | undefined;
3023
+ readonly xs?: csstype.Property.BackgroundImage | undefined;
3024
+ readonly s?: csstype.Property.BackgroundImage | undefined;
3025
+ readonly m?: csstype.Property.BackgroundImage | undefined;
3026
+ readonly l?: csstype.Property.BackgroundImage | undefined;
3027
+ readonly xl?: csstype.Property.BackgroundImage | undefined;
3028
+ } | undefined;
3029
+ backgroundOrigin?: csstype.Property.BackgroundOrigin | {
3030
+ readonly base?: csstype.Property.BackgroundOrigin | undefined;
3031
+ readonly xs?: csstype.Property.BackgroundOrigin | undefined;
3032
+ readonly s?: csstype.Property.BackgroundOrigin | undefined;
3033
+ readonly m?: csstype.Property.BackgroundOrigin | undefined;
3034
+ readonly l?: csstype.Property.BackgroundOrigin | undefined;
3035
+ readonly xl?: csstype.Property.BackgroundOrigin | undefined;
3036
+ } | undefined;
3037
+ backgroundRepeat?: csstype.Property.BackgroundRepeat | {
3038
+ readonly base?: csstype.Property.BackgroundRepeat | undefined;
3039
+ readonly xs?: csstype.Property.BackgroundRepeat | undefined;
3040
+ readonly s?: csstype.Property.BackgroundRepeat | undefined;
3041
+ readonly m?: csstype.Property.BackgroundRepeat | undefined;
3042
+ readonly l?: csstype.Property.BackgroundRepeat | undefined;
3043
+ readonly xl?: csstype.Property.BackgroundRepeat | undefined;
3044
+ } | undefined;
3045
+ backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
3046
+ readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
3047
+ readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
3048
+ readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
3049
+ readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
3050
+ readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
3051
+ readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
3052
+ } | undefined;
3053
+ borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
3054
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3055
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3056
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3057
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3058
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3059
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3060
+ };
3061
+ borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
3062
+ readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3063
+ readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3064
+ readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3065
+ readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3066
+ readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3067
+ readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3068
+ };
3069
+ borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
3070
+ readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3071
+ readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3072
+ readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3073
+ readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3074
+ readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3075
+ readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3076
+ };
3077
+ borderBottomStyle?: csstype.Property.BorderBottomStyle | {
3078
+ readonly base?: csstype.Property.BorderBottomStyle | undefined;
3079
+ readonly xs?: csstype.Property.BorderBottomStyle | undefined;
3080
+ readonly s?: csstype.Property.BorderBottomStyle | undefined;
3081
+ readonly m?: csstype.Property.BorderBottomStyle | undefined;
3082
+ readonly l?: csstype.Property.BorderBottomStyle | undefined;
3083
+ readonly xl?: csstype.Property.BorderBottomStyle | undefined;
3084
+ } | undefined;
3085
+ borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
3086
+ readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3087
+ readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3088
+ readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3089
+ readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3090
+ readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3091
+ readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3092
+ };
3093
+ borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
3094
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3095
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3096
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3097
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3098
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3099
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3100
+ };
3101
+ borderLeftStyle?: csstype.Property.BorderLeftStyle | {
3102
+ readonly base?: csstype.Property.BorderLeftStyle | undefined;
3103
+ readonly xs?: csstype.Property.BorderLeftStyle | undefined;
3104
+ readonly s?: csstype.Property.BorderLeftStyle | undefined;
3105
+ readonly m?: csstype.Property.BorderLeftStyle | undefined;
3106
+ readonly l?: csstype.Property.BorderLeftStyle | undefined;
3107
+ readonly xl?: csstype.Property.BorderLeftStyle | undefined;
3108
+ } | undefined;
3109
+ borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
3110
+ readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3111
+ readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3112
+ readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3113
+ readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3114
+ readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3115
+ readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3116
+ };
3117
+ borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
3118
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3119
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3120
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3121
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3122
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3123
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3124
+ };
3125
+ borderRightStyle?: csstype.Property.BorderRightStyle | {
3126
+ readonly base?: csstype.Property.BorderRightStyle | undefined;
3127
+ readonly xs?: csstype.Property.BorderRightStyle | undefined;
3128
+ readonly s?: csstype.Property.BorderRightStyle | undefined;
3129
+ readonly m?: csstype.Property.BorderRightStyle | undefined;
3130
+ readonly l?: csstype.Property.BorderRightStyle | undefined;
3131
+ readonly xl?: csstype.Property.BorderRightStyle | undefined;
3132
+ } | undefined;
3133
+ borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
3134
+ readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3135
+ readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3136
+ readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3137
+ readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3138
+ readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3139
+ readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3140
+ };
3141
+ borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
3142
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3143
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3144
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3145
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3146
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3147
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3148
+ };
3149
+ borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
3150
+ readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3151
+ readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3152
+ readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3153
+ readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3154
+ readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3155
+ readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3156
+ };
3157
+ borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
3158
+ readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3159
+ readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3160
+ readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3161
+ readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3162
+ readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3163
+ readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3164
+ };
3165
+ borderTopStyle?: csstype.Property.BorderTopStyle | {
3166
+ readonly base?: csstype.Property.BorderTopStyle | undefined;
3167
+ readonly xs?: csstype.Property.BorderTopStyle | undefined;
3168
+ readonly s?: csstype.Property.BorderTopStyle | undefined;
3169
+ readonly m?: csstype.Property.BorderTopStyle | undefined;
3170
+ readonly l?: csstype.Property.BorderTopStyle | undefined;
3171
+ readonly xl?: csstype.Property.BorderTopStyle | undefined;
3172
+ } | undefined;
3173
+ borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
3174
+ readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3175
+ readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3176
+ readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3177
+ readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3178
+ readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3179
+ readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3180
+ };
3181
+ clipPath?: csstype.Property.ClipPath | {
3182
+ readonly base?: csstype.Property.ClipPath | undefined;
3183
+ readonly xs?: csstype.Property.ClipPath | undefined;
3184
+ readonly s?: csstype.Property.ClipPath | undefined;
3185
+ readonly m?: csstype.Property.ClipPath | undefined;
3186
+ readonly l?: csstype.Property.ClipPath | undefined;
3187
+ readonly xl?: csstype.Property.ClipPath | undefined;
3188
+ } | undefined;
3189
+ opacity?: csstype.Property.Opacity | {
3190
+ readonly base?: csstype.Property.Opacity | undefined;
3191
+ readonly xs?: csstype.Property.Opacity | undefined;
3192
+ readonly s?: csstype.Property.Opacity | undefined;
3193
+ readonly m?: csstype.Property.Opacity | undefined;
3194
+ readonly l?: csstype.Property.Opacity | undefined;
3195
+ readonly xl?: csstype.Property.Opacity | undefined;
3196
+ } | undefined;
3197
+ pointerEvents?: csstype.Property.PointerEvents | {
3198
+ readonly base?: csstype.Property.PointerEvents | undefined;
3199
+ readonly xs?: csstype.Property.PointerEvents | undefined;
3200
+ readonly s?: csstype.Property.PointerEvents | undefined;
3201
+ readonly m?: csstype.Property.PointerEvents | undefined;
3202
+ readonly l?: csstype.Property.PointerEvents | undefined;
3203
+ readonly xl?: csstype.Property.PointerEvents | undefined;
3204
+ } | undefined;
3205
+ transform?: csstype.Property.Transform | {
3206
+ readonly base?: csstype.Property.Transform | undefined;
3207
+ readonly xs?: csstype.Property.Transform | undefined;
3208
+ readonly s?: csstype.Property.Transform | undefined;
3209
+ readonly m?: csstype.Property.Transform | undefined;
3210
+ readonly l?: csstype.Property.Transform | undefined;
3211
+ readonly xl?: csstype.Property.Transform | undefined;
3212
+ } | undefined;
3213
+ transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
3214
+ readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
3215
+ readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
3216
+ readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
3217
+ readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
3218
+ readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
3219
+ readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
3220
+ } | undefined;
3221
+ visibility?: csstype.Property.Visibility | {
3222
+ readonly base?: csstype.Property.Visibility | undefined;
3223
+ readonly xs?: csstype.Property.Visibility | undefined;
3224
+ readonly s?: csstype.Property.Visibility | undefined;
3225
+ readonly m?: csstype.Property.Visibility | undefined;
3226
+ readonly l?: csstype.Property.Visibility | undefined;
3227
+ readonly xl?: csstype.Property.Visibility | undefined;
3228
+ } | undefined;
3229
+ backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
3230
+ readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
3231
+ readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
3232
+ readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
3233
+ readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
3234
+ readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
3235
+ readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
3236
+ } | undefined;
3237
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
3238
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3239
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3240
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3241
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3242
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3243
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
2850
3244
  };
2851
- left: SpacingValueType | {
2852
- readonly base?: SpacingValueType | undefined;
2853
- readonly xs?: SpacingValueType | undefined;
2854
- readonly s?: SpacingValueType | undefined;
2855
- readonly m?: SpacingValueType | undefined;
2856
- readonly l?: SpacingValueType | undefined;
2857
- readonly xl?: SpacingValueType | undefined;
3245
+ borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
3246
+ readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3247
+ readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3248
+ readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3249
+ readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3250
+ readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
3251
+ readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
2858
3252
  };
2859
- position?: csstype.Property.Position | {
2860
- readonly base?: csstype.Property.Position | undefined;
2861
- readonly xs?: csstype.Property.Position | undefined;
2862
- readonly s?: csstype.Property.Position | undefined;
2863
- readonly m?: csstype.Property.Position | undefined;
2864
- readonly l?: csstype.Property.Position | undefined;
2865
- readonly xl?: csstype.Property.Position | undefined;
3253
+ borderStyle?: csstype.Property.BorderStyle | {
3254
+ readonly base?: csstype.Property.BorderStyle | undefined;
3255
+ readonly xs?: csstype.Property.BorderStyle | undefined;
3256
+ readonly s?: csstype.Property.BorderStyle | undefined;
3257
+ readonly m?: csstype.Property.BorderStyle | undefined;
3258
+ readonly l?: csstype.Property.BorderStyle | undefined;
3259
+ readonly xl?: csstype.Property.BorderStyle | undefined;
2866
3260
  } | undefined;
2867
- right: SpacingValueType | {
2868
- readonly base?: SpacingValueType | undefined;
2869
- readonly xs?: SpacingValueType | undefined;
2870
- readonly s?: SpacingValueType | undefined;
2871
- readonly m?: SpacingValueType | undefined;
2872
- readonly l?: SpacingValueType | undefined;
2873
- readonly xl?: SpacingValueType | undefined;
2874
- };
2875
- top: SpacingValueType | {
2876
- readonly base?: SpacingValueType | undefined;
2877
- readonly xs?: SpacingValueType | undefined;
2878
- readonly s?: SpacingValueType | undefined;
2879
- readonly m?: SpacingValueType | undefined;
2880
- readonly l?: SpacingValueType | undefined;
2881
- readonly xl?: SpacingValueType | undefined;
3261
+ borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
3262
+ readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3263
+ readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3264
+ readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3265
+ readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3266
+ readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
3267
+ readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
2882
3268
  };
2883
- zIndex?: csstype.Property.ZIndex | {
2884
- readonly base?: csstype.Property.ZIndex | undefined;
2885
- readonly xs?: csstype.Property.ZIndex | undefined;
2886
- readonly s?: csstype.Property.ZIndex | undefined;
2887
- readonly m?: csstype.Property.ZIndex | undefined;
2888
- readonly l?: csstype.Property.ZIndex | undefined;
2889
- readonly xl?: csstype.Property.ZIndex | undefined;
3269
+ transition?: csstype.Property.Transition<string & {}> | {
3270
+ readonly base?: csstype.Property.Transition<string & {}> | undefined;
3271
+ readonly xs?: csstype.Property.Transition<string & {}> | undefined;
3272
+ readonly s?: csstype.Property.Transition<string & {}> | undefined;
3273
+ readonly m?: csstype.Property.Transition<string & {}> | undefined;
3274
+ readonly l?: csstype.Property.Transition<string & {}> | undefined;
3275
+ readonly xl?: csstype.Property.Transition<string & {}> | undefined;
2890
3276
  } | undefined;
2891
3277
  __brand__?: "platform-web" | {
2892
3278
  readonly base?: "platform-web" | undefined;
@@ -2896,7 +3282,7 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
2896
3282
  readonly l?: "platform-web" | undefined;
2897
3283
  readonly xl?: "platform-web" | undefined;
2898
3284
  } | undefined;
2899
- } & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
3285
+ }, "visibility">, "__brand__">> & Pick<Partial<PaddingProps & MarginProps & {
2900
3286
  width: SpacingValueType | {
2901
3287
  readonly base?: SpacingValueType | undefined;
2902
3288
  readonly xs?: SpacingValueType | undefined;
@@ -3001,7 +3387,77 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
3001
3387
  readonly l?: "platform-web" | undefined;
3002
3388
  readonly xl?: "platform-web" | undefined;
3003
3389
  } | undefined;
3004
- }, "display"> & Pick<{
3390
+ } & FlexboxProps & {
3391
+ bottom: SpacingValueType | {
3392
+ readonly base?: SpacingValueType | undefined;
3393
+ readonly xs?: SpacingValueType | undefined;
3394
+ readonly s?: SpacingValueType | undefined;
3395
+ readonly m?: SpacingValueType | undefined;
3396
+ readonly l?: SpacingValueType | undefined;
3397
+ readonly xl?: SpacingValueType | undefined;
3398
+ };
3399
+ left: SpacingValueType | {
3400
+ readonly base?: SpacingValueType | undefined;
3401
+ readonly xs?: SpacingValueType | undefined;
3402
+ readonly s?: SpacingValueType | undefined;
3403
+ readonly m?: SpacingValueType | undefined;
3404
+ readonly l?: SpacingValueType | undefined;
3405
+ readonly xl?: SpacingValueType | undefined;
3406
+ };
3407
+ position?: csstype.Property.Position | {
3408
+ readonly base?: csstype.Property.Position | undefined;
3409
+ readonly xs?: csstype.Property.Position | undefined;
3410
+ readonly s?: csstype.Property.Position | undefined;
3411
+ readonly m?: csstype.Property.Position | undefined;
3412
+ readonly l?: csstype.Property.Position | undefined;
3413
+ readonly xl?: csstype.Property.Position | undefined;
3414
+ } | undefined;
3415
+ right: SpacingValueType | {
3416
+ readonly base?: SpacingValueType | undefined;
3417
+ readonly xs?: SpacingValueType | undefined;
3418
+ readonly s?: SpacingValueType | undefined;
3419
+ readonly m?: SpacingValueType | undefined;
3420
+ readonly l?: SpacingValueType | undefined;
3421
+ readonly xl?: SpacingValueType | undefined;
3422
+ };
3423
+ top: SpacingValueType | {
3424
+ readonly base?: SpacingValueType | undefined;
3425
+ readonly xs?: SpacingValueType | undefined;
3426
+ readonly s?: SpacingValueType | undefined;
3427
+ readonly m?: SpacingValueType | undefined;
3428
+ readonly l?: SpacingValueType | undefined;
3429
+ readonly xl?: SpacingValueType | undefined;
3430
+ };
3431
+ zIndex?: csstype.Property.ZIndex | {
3432
+ readonly base?: csstype.Property.ZIndex | undefined;
3433
+ readonly xs?: csstype.Property.ZIndex | undefined;
3434
+ readonly s?: csstype.Property.ZIndex | undefined;
3435
+ readonly m?: csstype.Property.ZIndex | undefined;
3436
+ readonly l?: csstype.Property.ZIndex | undefined;
3437
+ readonly xl?: csstype.Property.ZIndex | undefined;
3438
+ } | undefined;
3439
+ __brand__?: "platform-web" | {
3440
+ readonly base?: "platform-web" | undefined;
3441
+ readonly xs?: "platform-web" | undefined;
3442
+ readonly s?: "platform-web" | undefined;
3443
+ readonly m?: "platform-web" | undefined;
3444
+ readonly l?: "platform-web" | undefined;
3445
+ readonly xl?: "platform-web" | undefined;
3446
+ } | undefined;
3447
+ } & GridProps & {
3448
+ onMouseOver: React__default.MouseEventHandler<HTMLElement>;
3449
+ onMouseEnter: React__default.MouseEventHandler<HTMLElement>;
3450
+ onMouseLeave: React__default.MouseEventHandler<HTMLElement>;
3451
+ onScroll: React__default.UIEventHandler<HTMLElement>;
3452
+ } & {
3453
+ draggable: boolean;
3454
+ onDragStart: React__default.DragEventHandler<HTMLElement>;
3455
+ onDragEnter: React__default.DragEventHandler<HTMLElement>;
3456
+ onDragLeave: React__default.DragEventHandler<HTMLElement>;
3457
+ onDragOver: React__default.DragEventHandler<HTMLElement>;
3458
+ onDragEnd: React__default.DragEventHandler<HTMLElement>;
3459
+ onDrop: React__default.DragEventHandler<HTMLElement>;
3460
+ } & {
3005
3461
  elevation?: ElevationLevels | {
3006
3462
  readonly base?: ElevationLevels | undefined;
3007
3463
  readonly xs?: ElevationLevels | undefined;
@@ -3282,7 +3738,15 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
3282
3738
  readonly l?: "platform-web" | undefined;
3283
3739
  readonly xl?: "platform-web" | undefined;
3284
3740
  } | undefined;
3285
- }, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
3741
+ } & MakeObjectResponsive<{
3742
+ backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
3743
+ }, "backgroundColor"> & {
3744
+ as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
3745
+ } & {
3746
+ children?: React__default.ReactNode | React__default.ReactNode[];
3747
+ tabIndex?: number | undefined;
3748
+ id?: string | undefined;
3749
+ } & TestID & DataAnalyticsAttribute>, "maxWidth" | "minWidth"> & React__default.RefAttributes<BladeElementRef>>;
3286
3750
 
3287
3751
  type DividerProps = {
3288
3752
  /**
@@ -12557,13 +13021,24 @@ type ChartYAxisProps = Omit<YAxisProps, 'tick' | 'label' | 'dataKey' | 'stroke'>
12557
13021
  */
12558
13022
  dataKey?: string;
12559
13023
  };
13024
+ type Layout = 'horizontal' | 'vertical';
13025
+ type Align = 'left' | 'right';
12560
13026
  type ChartTooltipProps = ComponentProps<typeof Tooltip$1>;
12561
- type ChartLegendProps = ComponentProps<typeof Legend>;
13027
+ type ChartLegendProps = ComponentProps<typeof Legend> & {
13028
+ layout?: Layout;
13029
+ align?: Align;
13030
+ };
12562
13031
  type ChartCartesianGridProps = Omit<CartesianGridProps, 'strokeDasharray' | 'verticalFill' | 'horizontalFill'>;
12563
13032
  type ChartsCategoricalColorToken = `chart.background.categorical.${ChartColorCategories}.${keyof ChartCategoricalEmphasis}`;
12564
13033
  type ChartSequentialColorToken = `chart.background.sequential.${Exclude<ChartColorCategories, 'gray'>}.${keyof ChartSequentialEmphasis}`;
12565
13034
 
12566
- type colorTheme = 'default';
13035
+ /**
13036
+ * The color theme of the chart.
13037
+ * @default 'categorical'
13038
+ * @description The color theme of the chart.
13039
+ *
13040
+ */
13041
+ type ColorTheme = 'categorical';
12567
13042
 
12568
13043
  interface ChartLineProps {
12569
13044
  /**
@@ -12614,20 +13089,21 @@ interface ChartLineProps {
12614
13089
  /**
12615
13090
  * @private
12616
13091
  */
12617
- _colorTheme?: colorTheme;
13092
+ _colorTheme?: ColorTheme;
12618
13093
  }
12619
- type data$2 = {
13094
+ type data$3 = {
12620
13095
  [key: string]: unknown;
12621
13096
  };
12622
13097
  type ChartLineWrapperProps = {
12623
13098
  /**
12624
- * The color theme of the line chart.
13099
+ * The color theme of the chart.
13100
+ * @default 'categorical'
12625
13101
  */
12626
- colorTheme?: colorTheme;
13102
+ colorTheme?: ColorTheme;
12627
13103
  /**
12628
13104
  * Chart data to be rendered
12629
13105
  */
12630
- data: data$2[];
13106
+ data: data$3[];
12631
13107
  children: React.ReactNode;
12632
13108
  } & BoxProps;
12633
13109
 
@@ -12678,26 +13154,86 @@ type ChartAreaProps = {
12678
13154
  /**
12679
13155
  * @private
12680
13156
  */
12681
- _colorTheme?: colorTheme;
13157
+ _colorTheme?: ColorTheme;
12682
13158
  };
12683
- type data$1 = {
13159
+ type data$2 = {
12684
13160
  [key: string]: string | number | null;
12685
13161
  };
12686
13162
  type ChartAreaWrapperProps = {
12687
13163
  children?: React.ReactNode;
12688
13164
  /**
12689
- * The color theme of the line chart.
13165
+ * The color theme of the chart.
13166
+ * @default 'categorical'
12690
13167
  */
12691
- colorTheme?: colorTheme;
13168
+ colorTheme?: ColorTheme;
12692
13169
  /**
12693
13170
  * Chart data to be rendered
12694
13171
  */
12695
- data: data$1[];
13172
+ data: data$2[];
12696
13173
  } & BoxProps;
12697
13174
 
12698
13175
  declare const ChartArea: React__default.FC<ChartAreaProps>;
12699
13176
  declare const ChartAreaWrapper: React__default.FC<ChartAreaWrapperProps & TestID & DataAnalyticsAttribute>;
12700
13177
 
13178
+ type data$1 = {
13179
+ [key: string]: unknown;
13180
+ };
13181
+ type ChartRadius = 'small' | 'medium' | 'large';
13182
+ type ChartDonutProps = {
13183
+ /**
13184
+ * The data key of the Donut chart.
13185
+ */
13186
+ dataKey: PieProps['dataKey'];
13187
+ /**
13188
+ * The name key of the Donut chart.
13189
+ */
13190
+ nameKey: PieProps['name'];
13191
+ /**
13192
+ * The x coordinate of the Donut chart.
13193
+ */
13194
+ cx?: PieProps['cx'];
13195
+ cy?: PieProps['cy'];
13196
+ /**
13197
+ * The radius of the Donut chart.
13198
+ */
13199
+ radius?: ChartRadius;
13200
+ /**
13201
+ * The children of the Donut chart.
13202
+ */
13203
+ children?: React.ReactNode;
13204
+ /**
13205
+ * The data of the Donut chart.
13206
+ */
13207
+ data: data$1[];
13208
+ /**
13209
+ * The color theme of the chart.
13210
+ * @default 'categorical'
13211
+ */
13212
+ colorTheme?: ColorTheme;
13213
+ /**
13214
+ * The type of the Donut chart.
13215
+ */
13216
+ type?: 'circle' | 'semicircle';
13217
+ };
13218
+ type Content = {
13219
+ value?: string;
13220
+ label?: string;
13221
+ };
13222
+ type ChartDonutWrapperProps = {
13223
+ /**
13224
+ * Content to be displayed at center of donut chart
13225
+ */
13226
+ content?: Content | React.ReactNode;
13227
+ children?: React.ReactNode;
13228
+ } & BoxProps;
13229
+ type ChartDonutCellProps = CellProps & {
13230
+ color?: ChartsCategoricalColorToken | ChartSequentialColorToken;
13231
+ };
13232
+
13233
+ declare const ChartDonutCell: React__default.FC<ChartDonutCellProps>;
13234
+ declare const ChartDonutWrapper: React__default.FC<ChartDonutWrapperProps & TestID & DataAnalyticsAttribute>;
13235
+ declare const ChartDonut: React__default.FC<ChartDonutProps>;
13236
+
12701
13237
  type ChartBarProps = {
12702
13238
  /**
12703
13239
  * The data key of the bar chart.
@@ -12739,9 +13275,10 @@ type data = {
12739
13275
  type ChartBarWrapperProps = {
12740
13276
  children?: React.ReactNode;
12741
13277
  /**
12742
- * The color theme of the bar chart.
13278
+ * The color theme of the chart.
13279
+ * @default 'categorical'
12743
13280
  */
12744
- colorTheme?: colorTheme;
13281
+ colorTheme?: ColorTheme;
12745
13282
  /**
12746
13283
  * The layout of the bar chart.
12747
13284
  */
@@ -26217,4 +26754,4 @@ declare const PreviewBody: (PreviewBodyProps: PreviewBodyProps) => React__defaul
26217
26754
  declare const PreviewFooter: (PreviewFooterProps: PreviewFooterProps) => React__default.ReactElement;
26218
26755
  declare const Preview: ({ children, onFullScreen: onFullScreenProp, onZoomChange, zoomScaleStep, isDragAndZoomDisabled, defaultZoom, onDragChange, }: PreviewProps) => React__default.ReactElement;
26219
26756
 
26220
- export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };
26757
+ export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };