@stackone/malachite 2.62.1 → 2.63.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 (36) hide show
  1. package/COMPONENTS.md +2 -0
  2. package/dist/assets/icons/caret_double_left.svg.js +6 -0
  3. package/dist/assets/icons/caret_double_left.svg.js.map +1 -0
  4. package/dist/assets/icons/caret_double_right.svg.js +6 -0
  5. package/dist/assets/icons/caret_double_right.svg.js.map +1 -0
  6. package/dist/components/Chat/ChatThread.js +1 -2
  7. package/dist/components/Chat/ChatThread.js.map +1 -1
  8. package/dist/components/CustomIcons/CaretDoubleLeftIcon.js +21 -0
  9. package/dist/components/CustomIcons/CaretDoubleLeftIcon.js.map +1 -0
  10. package/dist/components/CustomIcons/CaretDoubleRightIcon.js +21 -0
  11. package/dist/components/CustomIcons/CaretDoubleRightIcon.js.map +1 -0
  12. package/dist/components/CustomIcons/index.js +306 -300
  13. package/dist/components/CustomIcons/index.js.map +1 -1
  14. package/dist/components/DatePicker.js +36 -0
  15. package/dist/components/DatePicker.js.map +1 -0
  16. package/dist/components/DatePickerField.js +246 -0
  17. package/dist/components/DatePickerField.js.map +1 -0
  18. package/dist/components/DatePickerPanel.js +399 -0
  19. package/dist/components/DatePickerPanel.js.map +1 -0
  20. package/dist/components/DatePickerTrigger.js +68 -0
  21. package/dist/components/DatePickerTrigger.js.map +1 -0
  22. package/dist/components/DateRangePicker.js +43 -0
  23. package/dist/components/DateRangePicker.js.map +1 -0
  24. package/dist/components/dateMath.js +153 -0
  25. package/dist/components/dateMath.js.map +1 -0
  26. package/dist/components/datePickerStyles.js +46 -0
  27. package/dist/components/datePickerStyles.js.map +1 -0
  28. package/dist/components/useDatePickerDraft.js +126 -0
  29. package/dist/components/useDatePickerDraft.js.map +1 -0
  30. package/dist/index.d.ts +233 -101
  31. package/dist/index.js +431 -423
  32. package/dist/index.js.map +1 -1
  33. package/dist/tailwind.css.js +1 -1
  34. package/dist/theme.js +372 -349
  35. package/dist/theme.js.map +1 -1
  36. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -485,17 +485,21 @@ export declare interface CardStripProps {
485
485
  /** Palette for the strip's rule. Pass the tone of whatever card is selected. */
486
486
  export declare type CardStripTone = 'profile' | 'library' | 'editing';
487
487
 
488
- export declare const CaretDownIcon: React.FC<IconProps_16>;
488
+ export declare const CaretDoubleLeftIcon: React.FC<IconProps_16>;
489
489
 
490
- export declare const CaretLeftIcon: React.FC<IconProps_17>;
490
+ export declare const CaretDoubleRightIcon: React.FC<IconProps_17>;
491
491
 
492
- export declare const CaretRightIcon: React.FC<IconProps_18>;
492
+ export declare const CaretDownIcon: React.FC<IconProps_18>;
493
493
 
494
- export declare const CaretUpIcon: React.FC<IconProps_19>;
494
+ export declare const CaretLeftIcon: React.FC<IconProps_19>;
495
+
496
+ export declare const CaretRightIcon: React.FC<IconProps_20>;
497
+
498
+ export declare const CaretUpIcon: React.FC<IconProps_21>;
495
499
 
496
500
  export declare type ChangeKind = 'changed' | 'added' | 'removed';
497
501
 
498
- export declare const ChangePasswordIcon: React.FC<IconProps_20>;
502
+ export declare const ChangePasswordIcon: React.FC<IconProps_22>;
499
503
 
500
504
  /**
501
505
  * Reviewing changes a machine made: one note per changed thing, a card for what it removed
@@ -891,13 +895,13 @@ export declare interface CheckboxProps {
891
895
  id?: string;
892
896
  }
893
897
 
894
- export declare const CheckCircleFilled: React.FC<IconProps_21>;
898
+ export declare const CheckCircleFilled: React.FC<IconProps_23>;
895
899
 
896
- export declare const CheckIcon: React.FC<IconProps_22>;
900
+ export declare const CheckIcon: React.FC<IconProps_24>;
897
901
 
898
- export declare const CheckmarkIcon: React.FC<IconProps_23>;
902
+ export declare const CheckmarkIcon: React.FC<IconProps_25>;
899
903
 
900
- export declare const ChevronsUpDownIcon: React.FC<IconProps_24>;
904
+ export declare const ChevronsUpDownIcon: React.FC<IconProps_26>;
901
905
 
902
906
  /**
903
907
  * Text clamped to `lines`, revealing the full text on hover / keyboard focus when
@@ -921,9 +925,9 @@ export declare interface ClampTextProps {
921
925
  className?: string;
922
926
  }
923
927
 
924
- export declare const ClearIcon: React.FC<IconProps_25>;
928
+ export declare const ClearIcon: React.FC<IconProps_27>;
925
929
 
926
- export declare const CloseIcon: React.FC<IconProps_26>;
930
+ export declare const CloseIcon: React.FC<IconProps_28>;
927
931
 
928
932
  export declare const CodeBlock: default_2.FC<CodeBlockProps>;
929
933
 
@@ -976,7 +980,7 @@ declare interface CodeBlockProps {
976
980
  'aria-labelledby'?: string;
977
981
  }
978
982
 
979
- export declare const CodeIcon: React.FC<IconProps_27>;
983
+ export declare const CodeIcon: React.FC<IconProps_29>;
980
984
 
981
985
  export declare interface CodeTextProps {
982
986
  bold?: boolean;
@@ -1005,7 +1009,7 @@ export declare interface CollapsibleSectionProps {
1005
1009
  children: default_2.ReactNode;
1006
1010
  }
1007
1011
 
1008
- export declare const CommandKeyIcon: React.FC<IconProps_28>;
1012
+ export declare const CommandKeyIcon: React.FC<IconProps_30>;
1009
1013
 
1010
1014
  export declare const CommandPalette: CommandPaletteComponent;
1011
1015
 
@@ -1173,7 +1177,7 @@ export declare interface ConnectionHeaderProps {
1173
1177
  className?: string;
1174
1178
  }
1175
1179
 
1176
- export declare const ConnectorIcon: React.FC<IconProps_29>;
1180
+ export declare const ConnectorIcon: React.FC<IconProps_31>;
1177
1181
 
1178
1182
  /**
1179
1183
  * The text half of the 28/32/42 control ladder. Keys are control sizes, which deliberately do
@@ -1184,11 +1188,11 @@ declare type ControlSize = 'small' | 'medium' | 'large';
1184
1188
 
1185
1189
  declare type ControlWidth = string | number;
1186
1190
 
1187
- export declare const CopyIcon: React.FC<IconProps_30>;
1191
+ export declare const CopyIcon: React.FC<IconProps_32>;
1188
1192
 
1189
- export declare const CsvIcon: React.FC<IconProps_31>;
1193
+ export declare const CsvIcon: React.FC<IconProps_33>;
1190
1194
 
1191
- export declare const CustomFieldIcon: React.FC<IconProps_32>;
1195
+ export declare const CustomFieldIcon: React.FC<IconProps_34>;
1192
1196
 
1193
1197
  export declare const CustomIcons: {
1194
1198
  AccountIcon: FC<IconProps>;
@@ -1206,6 +1210,8 @@ export declare const CustomIcons: {
1206
1210
  BiDirectionalArrowsIcon: FC<IconProps>;
1207
1211
  BuildingIcon: FC<IconProps>;
1208
1212
  CardIcon: FC<IconProps>;
1213
+ CaretDoubleLeftIcon: FC<IconProps>;
1214
+ CaretDoubleRightIcon: FC<IconProps>;
1209
1215
  CaretDownIcon: FC<IconProps>;
1210
1216
  CaretLeftIcon: FC<IconProps>;
1211
1217
  CaretRightIcon: FC<IconProps>;
@@ -1311,9 +1317,114 @@ export declare const CustomIcons: {
1311
1317
 
1312
1318
  export declare const darkTheme: MalachiteTheme;
1313
1319
 
1314
- export declare const DashboardIcon: React.FC<IconProps_33>;
1320
+ export declare const DashboardIcon: React.FC<IconProps_35>;
1321
+
1322
+ declare const DATE_PICKER_TOKENS: readonly ["hoverBackground", "subtleHoverBackground", "outsideForeground", "selectedBackground", "selectedHoverBorder", "todayBorder", "todayHoverBorder", "rangeBackground", "pressedOpacity"];
1323
+
1324
+ export declare const DateIcon: React.FC<IconProps_36>;
1325
+
1326
+ /** A string without an offset (`2025-01-20`, `2025-01-20T10:00`) is read in the picker's
1327
+ * `timeZone`; one with `Z` or an offset names that instant. */
1328
+ export declare type DateInput = Date | string | number;
1329
+
1330
+ export declare type DateMinuteStep = 1 | 2 | 5 | 10 | 15 | 20 | 30;
1331
+
1332
+ export declare const DatePicker: default_2.FC<DatePickerProps>;
1333
+
1334
+ declare interface DatePickerBaseProps {
1335
+ name: FieldPath<FieldValues> | string;
1336
+ formControl?: Control<FieldValues, unknown>;
1337
+ label?: string;
1338
+ hint?: string;
1339
+ description?: string;
1340
+ tooltip?: string;
1341
+ helperText?: default_2.ReactNode;
1342
+ required?: boolean;
1343
+ requiredIndicator?: RequiredIndicator;
1344
+ placeholder?: string;
1345
+ /** `minute` and `second` add time columns and an Apply step. */
1346
+ precision?: DatePickerPrecision;
1347
+ minuteStep?: DateMinuteStep;
1348
+ /** `utc` shows the UTC calendar day and suffixes times with "UTC". */
1349
+ timeZone?: DatePickerTimeZone;
1350
+ weekStartsOn?: WeekStart;
1351
+ /** Earliest selectable instant. */
1352
+ min?: DateInput;
1353
+ /** Latest selectable instant. */
1354
+ max?: DateInput;
1355
+ /** Receives the start of each day in `timeZone`. */
1356
+ isDateDisabled?: (day: Date) => boolean;
1357
+ /** Clearing reports `null` to `onChange`. */
1358
+ clearable?: boolean;
1359
+ disabled?: boolean;
1360
+ loading?: boolean;
1361
+ error?: boolean;
1362
+ /** Paint only, never announced: convey `chosen` in the surrounding controls' ARIA. */
1363
+ tone?: DatePickerTone;
1364
+ tag?: DatePickerTag;
1365
+ size?: DatePickerSize;
1366
+ fullWidth?: boolean;
1367
+ width?: ControlWidth;
1368
+ /** Names the trigger from the light DOM, where `htmlFor` cannot reach into the shadow root. */
1369
+ id?: string;
1370
+ 'aria-label'?: string;
1371
+ 'aria-labelledby'?: string;
1372
+ }
1373
+
1374
+ export declare type DatePickerPrecision = 'day' | 'minute' | 'second';
1375
+
1376
+ export declare interface DatePickerProps extends DatePickerBaseProps {
1377
+ /** Controlled value. `null` is a controlled empty field; leave it out to stay uncontrolled. */
1378
+ value?: DateInput | null;
1379
+ defaultValue?: DateInput | null;
1380
+ onChange?: (value: Date | null) => void;
1381
+ /** Applies at once and closes the picker, with no Apply step. */
1382
+ presets?: DateSinglePreset[];
1383
+ }
1315
1384
 
1316
- export declare const DateIcon: React.FC<IconProps_34>;
1385
+ export declare type DatePickerSize = 'small' | 'medium' | 'large';
1386
+
1387
+ export declare interface DatePickerTag {
1388
+ label: string;
1389
+ type?: 'default' | 'warning' | 'error';
1390
+ }
1391
+
1392
+ export declare type DatePickerTimeZone = 'local' | 'utc';
1393
+
1394
+ declare type DatePickerToken = (typeof DATE_PICKER_TOKENS)[number];
1395
+
1396
+ export declare type DatePickerTone = 'default' | 'chosen' | 'pending';
1397
+
1398
+ /** Pass a function for a relative preset, so it is measured when clicked. */
1399
+ export declare interface DatePreset<T> {
1400
+ label: string;
1401
+ value: T | (() => T);
1402
+ }
1403
+
1404
+ export declare interface DateRange {
1405
+ start: Date;
1406
+ end: Date;
1407
+ }
1408
+
1409
+ export declare interface DateRangeInput {
1410
+ start: DateInput;
1411
+ end: DateInput;
1412
+ }
1413
+
1414
+ export declare const DateRangePicker: default_2.FC<DateRangePickerProps>;
1415
+
1416
+ export declare interface DateRangePickerProps extends DatePickerBaseProps {
1417
+ /** Controlled value. `null` is a controlled empty field; leave it out to stay uncontrolled. */
1418
+ value?: DateRangeInput | null;
1419
+ defaultValue?: DateRangeInput | null;
1420
+ onChange?: (value: DateRange | null) => void;
1421
+ /** Applies at once and closes the picker, with no Apply step. */
1422
+ presets?: DateRangePreset[];
1423
+ }
1424
+
1425
+ export declare type DateRangePreset = DatePreset<DateRangeInput>;
1426
+
1427
+ export declare type DateSinglePreset = DatePreset<DateInput>;
1317
1428
 
1318
1429
  export declare const defaultTheme: MalachiteTheme;
1319
1430
 
@@ -1326,9 +1437,9 @@ declare interface DefinitionRowProps {
1326
1437
  description: string;
1327
1438
  }
1328
1439
 
1329
- export declare const DisabledIcon: React.FC<IconProps_36>;
1440
+ export declare const DisabledIcon: React.FC<IconProps_38>;
1330
1441
 
1331
- export declare const DisableIcon: React.FC<IconProps_35>;
1442
+ export declare const DisableIcon: React.FC<IconProps_37>;
1332
1443
 
1333
1444
  /**
1334
1445
  * The expand/collapse triangle used by disclosure UI (Accordion, expandable rows).
@@ -1346,7 +1457,7 @@ export declare interface DisclosureArrowProps {
1346
1457
  className?: string;
1347
1458
  }
1348
1459
 
1349
- export declare const DismissIcon: React.FC<IconProps_37>;
1460
+ export declare const DismissIcon: React.FC<IconProps_39>;
1350
1461
 
1351
1462
  export declare const Divider: default_2.FC<DividerProps>;
1352
1463
 
@@ -1377,11 +1488,11 @@ export declare enum DividerVariant {
1377
1488
  Emphasis = "emphasis"
1378
1489
  }
1379
1490
 
1380
- export declare const DocIcon: React.FC<IconProps_38>;
1491
+ export declare const DocIcon: React.FC<IconProps_40>;
1381
1492
 
1382
- export declare const DoubleCheckIcon: React.FC<IconProps_39>;
1493
+ export declare const DoubleCheckIcon: React.FC<IconProps_41>;
1383
1494
 
1384
- export declare const DownloadIcon: React.FC<IconProps_40>;
1495
+ export declare const DownloadIcon: React.FC<IconProps_42>;
1385
1496
 
1386
1497
  export declare const Dropdown: ({ items, onItemSelected, defaultValue, value, disabled, error, tone, label, hint, rightSideContent, tooltip, name, required, requiredIndicator, loading, menuLoading, formControl, description, helperText, placeholder, search, showSubtitleInTrigger, subtitleLayout, clearable, size, fullWidth, width, minWidth, menuAlign, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: DropdownProps) => JSX_2.Element;
1387
1498
 
@@ -1477,7 +1588,7 @@ declare type DropdownTriggerModeProps = {
1477
1588
  showSubtitleInTrigger?: never;
1478
1589
  };
1479
1590
 
1480
- export declare const EditIcon: React.FC<IconProps_41>;
1591
+ export declare const EditIcon: React.FC<IconProps_43>;
1481
1592
 
1482
1593
  declare interface EllipsisTextProps {
1483
1594
  children: default_2.ReactNode;
@@ -1515,11 +1626,11 @@ export declare interface EmptyLayoutProps {
1515
1626
  style?: default_2.CSSProperties;
1516
1627
  }
1517
1628
 
1518
- export declare const EnableIcon: React.FC<IconProps_42>;
1629
+ export declare const EnableIcon: React.FC<IconProps_44>;
1519
1630
 
1520
- export declare const EnumIcon: React.FC<IconProps_43>;
1631
+ export declare const EnumIcon: React.FC<IconProps_45>;
1521
1632
 
1522
- export declare const ErrorCircleFilled: React.FC<IconProps_44>;
1633
+ export declare const ErrorCircleFilled: React.FC<IconProps_46>;
1523
1634
 
1524
1635
  /**
1525
1636
  * The space before the header: the arrow's own inset, its glyph and the gap after it.
@@ -1541,13 +1652,13 @@ declare const ExpandableRowControls: default_2.FC<{
1541
1652
  style?: default_2.CSSProperties;
1542
1653
  }>;
1543
1654
 
1544
- export declare const ExpandIcon: React.FC<IconProps_45>;
1655
+ export declare const ExpandIcon: React.FC<IconProps_47>;
1545
1656
 
1546
- export declare const ExternalLinkIcon: React.FC<IconProps_46>;
1657
+ export declare const ExternalLinkIcon: React.FC<IconProps_48>;
1547
1658
 
1548
- export declare const EyeClosedIcon: React.FC<IconProps_47>;
1659
+ export declare const EyeClosedIcon: React.FC<IconProps_49>;
1549
1660
 
1550
- export declare const EyeIcon: React.FC<IconProps_48>;
1661
+ export declare const EyeIcon: React.FC<IconProps_50>;
1551
1662
 
1552
1663
  /**
1553
1664
  * Something a form has to show but does not ask for — a computed list, a generated value —
@@ -1567,7 +1678,7 @@ export declare interface FieldBlockProps {
1567
1678
  style?: default_2.CSSProperties;
1568
1679
  }
1569
1680
 
1570
- export declare const FieldCoverageIcon: React.FC<IconProps_49>;
1681
+ export declare const FieldCoverageIcon: React.FC<IconProps_51>;
1571
1682
 
1572
1683
  export declare interface FieldErrorState {
1573
1684
  error: boolean;
@@ -1599,13 +1710,13 @@ export declare interface FieldGroupProps {
1599
1710
  style?: default_2.CSSProperties;
1600
1711
  }
1601
1712
 
1602
- export declare const FieldMappingIcon: React.FC<IconProps_50>;
1713
+ export declare const FieldMappingIcon: React.FC<IconProps_52>;
1603
1714
 
1604
- export declare const FilledCaretDownIcon: React.FC<IconProps_51>;
1715
+ export declare const FilledCaretDownIcon: React.FC<IconProps_53>;
1605
1716
 
1606
- export declare const FilledCaretRightIcon: React.FC<IconProps_52>;
1717
+ export declare const FilledCaretRightIcon: React.FC<IconProps_54>;
1607
1718
 
1608
- export declare const FilterIcon: React.FC<IconProps_53>;
1719
+ export declare const FilterIcon: React.FC<IconProps_55>;
1609
1720
 
1610
1721
  export declare const FilterSearch: default_2.FC<FilterSearchProps>;
1611
1722
 
@@ -1746,7 +1857,7 @@ export declare interface FooterNavProps {
1746
1857
  className?: string;
1747
1858
  }
1748
1859
 
1749
- export declare const ForbiddenIcon: React.FC<IconProps_54>;
1860
+ export declare const ForbiddenIcon: React.FC<IconProps_56>;
1750
1861
 
1751
1862
  export declare const Form: default_2.FC<FormProps>;
1752
1863
 
@@ -1792,7 +1903,7 @@ declare interface FormSectionTitleProps {
1792
1903
  style?: default_2.CSSProperties;
1793
1904
  }
1794
1905
 
1795
- export declare const ForwardArrowIcon: React.FC<IconProps_55>;
1906
+ export declare const ForwardArrowIcon: React.FC<IconProps_57>;
1796
1907
 
1797
1908
  /**
1798
1909
  * Get current theme values from CSS custom properties
@@ -1804,7 +1915,7 @@ export declare function getCurrentTheme(): MalachiteTheme;
1804
1915
  */
1805
1916
  export declare function getCurrentThemeMode(): 'light' | 'dark';
1806
1917
 
1807
- export declare const GlobeIcon: React.FC<IconProps_56>;
1918
+ export declare const GlobeIcon: React.FC<IconProps_58>;
1808
1919
 
1809
1920
  export declare const IconBadge: default_2.FC<IconBadgeProps>;
1810
1921
 
@@ -1971,6 +2082,20 @@ declare interface IconProps_116 {
1971
2082
  onClick?: () => void;
1972
2083
  }
1973
2084
 
2085
+ declare interface IconProps_117 {
2086
+ size?: number | string;
2087
+ className?: string;
2088
+ style?: CSSProperties;
2089
+ onClick?: () => void;
2090
+ }
2091
+
2092
+ declare interface IconProps_118 {
2093
+ size?: number | string;
2094
+ className?: string;
2095
+ style?: CSSProperties;
2096
+ onClick?: () => void;
2097
+ }
2098
+
1974
2099
  declare interface IconProps_12 {
1975
2100
  size?: number | string;
1976
2101
  className?: string;
@@ -2643,13 +2768,13 @@ declare interface IconProps_99 {
2643
2768
  onClick?: () => void;
2644
2769
  }
2645
2770
 
2646
- export declare const InboxIcon: React.FC<IconProps_57>;
2771
+ export declare const InboxIcon: React.FC<IconProps_59>;
2647
2772
 
2648
- export declare const InfoCircleFilled: React.FC<IconProps_58>;
2773
+ export declare const InfoCircleFilled: React.FC<IconProps_60>;
2649
2774
 
2650
- export declare const InfoFilledIcon: React.FC<IconProps_59>;
2775
+ export declare const InfoFilledIcon: React.FC<IconProps_61>;
2651
2776
 
2652
- export declare const InfoIcon: React.FC<IconProps_60>;
2777
+ export declare const InfoIcon: React.FC<IconProps_62>;
2653
2778
 
2654
2779
  /**
2655
2780
  * Initialize the theme system - should be called on app startup
@@ -2727,7 +2852,7 @@ declare type InputType = 'text' | 'password' | 'number' | 'email' | 'tel' | 'url
2727
2852
 
2728
2853
  declare type InputVariant = 'default' | 'ghost';
2729
2854
 
2730
- export declare const IntegrationsIcon: React.FC<IconProps_61>;
2855
+ export declare const IntegrationsIcon: React.FC<IconProps_63>;
2731
2856
 
2732
2857
  export declare const Keycap: default_2.FC<KeycapProps>;
2733
2858
 
@@ -2744,7 +2869,7 @@ export declare interface KeycapProps {
2744
2869
 
2745
2870
  export declare type KeycapSize = 'small' | 'medium';
2746
2871
 
2747
- export declare const KeyIcon: React.FC<IconProps_62>;
2872
+ export declare const KeyIcon: React.FC<IconProps_64>;
2748
2873
 
2749
2874
  export declare const KeyValueList: default_2.FC<KeyValueListProps> & {
2750
2875
  Row: typeof Row;
@@ -2776,13 +2901,13 @@ export declare interface KeyValueListRowProps {
2776
2901
 
2777
2902
  export declare type KeyValueListSize = 'small' | 'medium';
2778
2903
 
2779
- export declare const LayoutIcon: React.FC<IconProps_63>;
2904
+ export declare const LayoutIcon: React.FC<IconProps_65>;
2780
2905
 
2781
- export declare const LibraryIcon: React.FC<IconProps_64>;
2906
+ export declare const LibraryIcon: React.FC<IconProps_66>;
2782
2907
 
2783
2908
  export declare const Link: default_2.FC<LinkProps>;
2784
2909
 
2785
- export declare const LinkIcon: React.FC<IconProps_65>;
2910
+ export declare const LinkIcon: React.FC<IconProps_67>;
2786
2911
 
2787
2912
  export declare interface LinkProps {
2788
2913
  href: string;
@@ -2808,7 +2933,7 @@ declare interface LinkProps_2 {
2808
2933
  fontSize?: 'sm' | 'base';
2809
2934
  }
2810
2935
 
2811
- export declare const ListChecksIcon: React.FC<IconProps_66>;
2936
+ export declare const ListChecksIcon: React.FC<IconProps_68>;
2812
2937
 
2813
2938
  export declare const LoadingBar: default_2.FC<LoadingBarProps>;
2814
2939
 
@@ -2836,9 +2961,9 @@ export declare type LoadingBarSize = 'small' | 'medium' | 'large';
2836
2961
 
2837
2962
  export declare type LoadingBarVariant = 'default' | 'warning' | 'error';
2838
2963
 
2839
- export declare const LogsIcon: React.FC<IconProps_67>;
2964
+ export declare const LogsIcon: React.FC<IconProps_69>;
2840
2965
 
2841
- export declare const MagicWandIcon: React.FC<IconProps_68>;
2966
+ export declare const MagicWandIcon: React.FC<IconProps_70>;
2842
2967
 
2843
2968
  /**
2844
2969
  * MalachiteContext provides a Shadow DOM context with theme setup for Malachite components.
@@ -2999,6 +3124,10 @@ export declare interface MalachiteTheme {
2999
3124
  border: string;
3000
3125
  backgroundGlass: string;
3001
3126
  };
3127
+ /** Overrides for DatePicker / DateRangePicker's derived states. Override-only: nothing
3128
+ * is emitted until a consumer sets a key, so each state otherwise derives from `text`
3129
+ * and `accent` wherever those resolve, subtree overrides included. */
3130
+ datePicker?: Partial<Record<DatePickerToken, string>>;
3002
3131
  control: {
3003
3132
  borderHover: string;
3004
3133
  };
@@ -3317,9 +3446,9 @@ export declare interface MalachiteTheme {
3317
3446
  };
3318
3447
  }
3319
3448
 
3320
- export declare const ManageTeamIcon: React.FC<IconProps_69>;
3449
+ export declare const ManageTeamIcon: React.FC<IconProps_71>;
3321
3450
 
3322
- export declare const ManualWebhookIcon: React.FC<IconProps_70>;
3451
+ export declare const ManualWebhookIcon: React.FC<IconProps_72>;
3323
3452
 
3324
3453
  /** `inert` draws links without an anchor, for markdown inside a <button>. */
3325
3454
  export declare type MarkdownLinks = 'interactive' | 'inert';
@@ -3340,15 +3469,15 @@ export declare interface MarkdownProps {
3340
3469
  /** `inline`: one line of inline syntax, with no autolinked emails or URLs. */
3341
3470
  export declare type MarkdownVariant = 'block' | 'flow' | 'inline';
3342
3471
 
3343
- export declare const MarkReadIcon: React.FC<IconProps_71>;
3472
+ export declare const MarkReadIcon: React.FC<IconProps_73>;
3344
3473
 
3345
- export declare const MarkUnreadIcon: React.FC<IconProps_72>;
3474
+ export declare const MarkUnreadIcon: React.FC<IconProps_74>;
3346
3475
 
3347
- export declare const MembersIcon: React.FC<IconProps_73>;
3476
+ export declare const MembersIcon: React.FC<IconProps_75>;
3348
3477
 
3349
3478
  export declare const Modal: default_2.FC<ModalProps>;
3350
3479
 
3351
- export declare const ModalIcon: React.FC<IconProps_74>;
3480
+ export declare const ModalIcon: React.FC<IconProps_76>;
3352
3481
 
3353
3482
  export declare interface ModalProps {
3354
3483
  open: boolean;
@@ -3412,9 +3541,9 @@ export declare type ModalSize = 'small' | 'medium' | 'large';
3412
3541
 
3413
3542
  export declare type ModalTrayTone = 'neutral' | 'warning' | 'error' | 'success';
3414
3543
 
3415
- export declare const MoreHorizontalIcon: React.FC<IconProps_75>;
3544
+ export declare const MoreHorizontalIcon: React.FC<IconProps_77>;
3416
3545
 
3417
- export declare const MoreVerticalIcon: React.FC<IconProps_76>;
3546
+ export declare const MoreVerticalIcon: React.FC<IconProps_78>;
3418
3547
 
3419
3548
  export declare const MultiSelect: default_2.FC<MultiSelectProps>;
3420
3549
 
@@ -3506,9 +3635,9 @@ export declare type MultiSelectSize = 'small' | 'medium' | 'large';
3506
3635
 
3507
3636
  declare type NativeProps = Omit<default_2.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'color' | 'title'>;
3508
3637
 
3509
- export declare const NavbarCollapseIcon: React.FC<IconProps_77>;
3638
+ export declare const NavbarCollapseIcon: React.FC<IconProps_79>;
3510
3639
 
3511
- export declare const NavbarExpandIcon: React.FC<IconProps_78>;
3640
+ export declare const NavbarExpandIcon: React.FC<IconProps_80>;
3512
3641
 
3513
3642
  export declare const NavItem: default_2.ForwardRefExoticComponent<NavItemProps & default_2.RefAttributes<HTMLElement>>;
3514
3643
 
@@ -3550,7 +3679,7 @@ export declare interface NavItemLinkProps extends NavItemBaseProps {
3550
3679
 
3551
3680
  export declare type NavItemProps = NavItemLinkProps | NavItemAsChildProps;
3552
3681
 
3553
- export declare const NotFoundIcon: React.FC<IconProps_79>;
3682
+ export declare const NotFoundIcon: React.FC<IconProps_81>;
3554
3683
 
3555
3684
  export declare const NumberTag: default_2.FC<NumberTagProps>;
3556
3685
 
@@ -3565,7 +3694,7 @@ export declare interface NumberTagProps {
3565
3694
  className?: string;
3566
3695
  }
3567
3696
 
3568
- export declare const OrganizationIcon: React.FC<IconProps_80>;
3697
+ export declare const OrganizationIcon: React.FC<IconProps_82>;
3569
3698
 
3570
3699
  export declare const OverflowRow: default_2.FC<OverflowRowProps>;
3571
3700
 
@@ -3658,6 +3787,7 @@ export declare interface PartialMalachiteTheme {
3658
3787
  tooltip?: Partial<MalachiteTheme['colors']['tooltip']>;
3659
3788
  primary?: Partial<MalachiteTheme['colors']['primary']>;
3660
3789
  accent?: Partial<NonNullable<MalachiteTheme['colors']['accent']>>;
3790
+ datePicker?: MalachiteTheme['colors']['datePicker'];
3661
3791
  control?: Partial<MalachiteTheme['colors']['control']>;
3662
3792
  outline?: Partial<MalachiteTheme['colors']['outline']>;
3663
3793
  secondary?: Partial<MalachiteTheme['colors']['secondary']>;
@@ -3739,11 +3869,11 @@ declare type PillButtonTone = 'default' | 'assistant';
3739
3869
 
3740
3870
  declare type PillButtonVariant = 'default' | 'inverted';
3741
3871
 
3742
- export declare const PinIcon: React.FC<IconProps_81>;
3872
+ export declare const PinIcon: React.FC<IconProps_83>;
3743
3873
 
3744
- export declare const PlaygroundIcon: React.FC<IconProps_82>;
3874
+ export declare const PlaygroundIcon: React.FC<IconProps_84>;
3745
3875
 
3746
- export declare const PlusIcon: React.FC<IconProps_83>;
3876
+ export declare const PlusIcon: React.FC<IconProps_85>;
3747
3877
 
3748
3878
  export declare const Popover: default_2.FC<PopoverProps> & {
3749
3879
  Header: default_2.FC< PopoverHeaderProps>;
@@ -3804,7 +3934,7 @@ export declare type PopoverPlacement = FloatingPlacement;
3804
3934
 
3805
3935
  export declare type PopoverProps = PopoverBaseProps & PopoverName;
3806
3936
 
3807
- export declare const PreviewIcon: React.FC<IconProps_84>;
3937
+ export declare const PreviewIcon: React.FC<IconProps_86>;
3808
3938
 
3809
3939
  /** A translucent rounded card that groups {@link PreviewTreeRow}s into a tree preview. */
3810
3940
  export declare const PreviewTree: default_2.FC<PreviewTreeProps>;
@@ -3825,7 +3955,7 @@ declare interface PreviewTreeRowProps {
3825
3955
  expanded?: boolean;
3826
3956
  }
3827
3957
 
3828
- export declare const ProgrammaticWebhookIcon: React.FC<IconProps_85>;
3958
+ export declare const ProgrammaticWebhookIcon: React.FC<IconProps_87>;
3829
3959
 
3830
3960
  export declare const Progress: default_2.FC<ProgressProps>;
3831
3961
 
@@ -3876,7 +4006,7 @@ declare interface ProgressValueProps extends ProgressCommonProps {
3876
4006
  max?: never;
3877
4007
  }
3878
4008
 
3879
- export declare const PulseIcon: React.FC<IconProps_86>;
4009
+ export declare const PulseIcon: React.FC<IconProps_88>;
3880
4010
 
3881
4011
  export declare const QueryInput: default_2.FC<QueryInputProps>;
3882
4012
 
@@ -3953,7 +4083,7 @@ export declare interface RadioProps {
3953
4083
  id?: string;
3954
4084
  }
3955
4085
 
3956
- export declare const RefreshIcon: React.FC<IconProps_87>;
4086
+ export declare const RefreshIcon: React.FC<IconProps_89>;
3957
4087
 
3958
4088
  export declare interface RegularLayoutProps {
3959
4089
  breadcrumbLinks?: BreadcrumbLink[];
@@ -3985,9 +4115,9 @@ export declare interface RegularLayoutProps {
3985
4115
  style?: default_2.CSSProperties;
3986
4116
  }
3987
4117
 
3988
- export declare const RejectIcon: React.FC<IconProps_88>;
4118
+ export declare const RejectIcon: React.FC<IconProps_90>;
3989
4119
 
3990
- export declare const ReloadIcon: React.FC<IconProps_89>;
4120
+ export declare const ReloadIcon: React.FC<IconProps_91>;
3991
4121
 
3992
4122
  /**
3993
4123
  * Renders an in-app link through the app's own link component, spreading every field onto it:
@@ -4002,9 +4132,9 @@ export declare type RenderLink = (props: {
4002
4132
  'aria-label'?: string;
4003
4133
  }) => default_2.ReactNode;
4004
4134
 
4005
- export declare const ReplyIcon: React.FC<IconProps_90>;
4135
+ export declare const ReplyIcon: React.FC<IconProps_92>;
4006
4136
 
4007
- export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_91>;
4137
+ export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_93>;
4008
4138
 
4009
4139
  export declare type RequiredIndicator = 'optional-suffix' | 'asterisk' | 'none';
4010
4140
 
@@ -4031,7 +4161,7 @@ export declare type RowVariant = 'success' | 'warning' | 'error' | 'info';
4031
4161
  /** Forwards a ref to the input, so a consumer can focus the field. */
4032
4162
  export declare const Search: default_2.ForwardRefExoticComponent<SearchProps & default_2.RefAttributes<HTMLInputElement>>;
4033
4163
 
4034
- export declare const SearchIcon: React.FC<IconProps_92>;
4164
+ export declare const SearchIcon: React.FC<IconProps_94>;
4035
4165
 
4036
4166
  export declare interface SearchProps {
4037
4167
  value: string;
@@ -4087,7 +4217,7 @@ declare interface SectionTitleProps {
4087
4217
  style?: default_2.CSSProperties;
4088
4218
  }
4089
4219
 
4090
- export declare const SecurityIcon: React.FC<IconProps_93>;
4220
+ export declare const SecurityIcon: React.FC<IconProps_95>;
4091
4221
 
4092
4222
  /**
4093
4223
  * A rounded track of mutually-exclusive options — the segmented "one of these" control.
@@ -4257,7 +4387,7 @@ export declare interface SelectionBarProps {
4257
4387
  className?: string;
4258
4388
  }
4259
4389
 
4260
- export declare const SendIcon: React.FC<IconProps_94>;
4390
+ export declare const SendIcon: React.FC<IconProps_96>;
4261
4391
 
4262
4392
  export declare const SettingRow: default_2.FC<SettingRowProps>;
4263
4393
 
@@ -4279,7 +4409,7 @@ export declare interface SettingRowProps {
4279
4409
  className?: string;
4280
4410
  }
4281
4411
 
4282
- export declare const SettingsIcon: React.FC<IconProps_95>;
4412
+ export declare const SettingsIcon: React.FC<IconProps_97>;
4283
4413
 
4284
4414
  /**
4285
4415
  * ShadowEscape renders its children OUTSIDE the Shadow DOM to avoid React hook issues.
@@ -4429,7 +4559,7 @@ export declare interface SidePanelProps {
4429
4559
  children: default_2.ReactNode;
4430
4560
  }
4431
4561
 
4432
- export declare const SignOutIcon: React.FC<IconProps_96>;
4562
+ export declare const SignOutIcon: React.FC<IconProps_98>;
4433
4563
 
4434
4564
  export declare const Skeleton: {
4435
4565
  Button: default_2.FC<SkeletonButtonProps>;
@@ -4463,11 +4593,11 @@ declare type SkeletonShape = 'default' | 'round' | 'circle' | 'square';
4463
4593
 
4464
4594
  declare type SkeletonSize = 'small' | 'default' | 'large';
4465
4595
 
4466
- export declare const SliderIcon: React.FC<IconProps_97>;
4596
+ export declare const SliderIcon: React.FC<IconProps_99>;
4467
4597
 
4468
- export declare const SortIcon: React.FC<IconProps_98>;
4598
+ export declare const SortIcon: React.FC<IconProps_100>;
4469
4599
 
4470
- export declare const SourceIcon: React.FC<IconProps_99>;
4600
+ export declare const SourceIcon: React.FC<IconProps_101>;
4471
4601
 
4472
4602
  export declare const Spacer: default_2.FC<SpacerProps>;
4473
4603
 
@@ -4491,7 +4621,7 @@ export declare enum SpacingSize {
4491
4621
  Large = "large"
4492
4622
  }
4493
4623
 
4494
- export declare const SparkleIcon: React.FC<IconProps_100>;
4624
+ export declare const SparkleIcon: React.FC<IconProps_102>;
4495
4625
 
4496
4626
  export declare const Spinner: default_2.FC<SpinnerProps>;
4497
4627
 
@@ -4511,7 +4641,7 @@ declare interface SplitScreenLayoutProps {
4511
4641
  footer?: default_2.ReactNode;
4512
4642
  }
4513
4643
 
4514
- export declare const StarIcon: React.FC<IconProps_101>;
4644
+ export declare const StarIcon: React.FC<IconProps_103>;
4515
4645
 
4516
4646
  export declare const StatBadge: default_2.FC<StatBadgeProps>;
4517
4647
 
@@ -4583,7 +4713,7 @@ export declare interface StatusBadgeProps {
4583
4713
 
4584
4714
  export declare type StatusBadgeType = 'success' | 'error' | 'warning' | 'info';
4585
4715
 
4586
- export declare const StepCurrentIcon: React.FC<IconProps_102>;
4716
+ export declare const StepCurrentIcon: React.FC<IconProps_104>;
4587
4717
 
4588
4718
  export declare const Stepper: default_2.FC<StepperProps>;
4589
4719
 
@@ -4624,7 +4754,7 @@ export declare interface StepTabsProps {
4624
4754
  className?: string;
4625
4755
  }
4626
4756
 
4627
- export declare const StepUpcomingIcon: React.FC<IconProps_103>;
4757
+ export declare const StepUpcomingIcon: React.FC<IconProps_105>;
4628
4758
 
4629
4759
  export declare type SubtitleLayout = 'inline' | 'stacked';
4630
4760
 
@@ -4763,7 +4893,7 @@ export declare interface SwatchProps {
4763
4893
  style?: default_2.CSSProperties;
4764
4894
  }
4765
4895
 
4766
- export declare const SyntheticWebhookIcon: React.FC<IconProps_104>;
4896
+ export declare const SyntheticWebhookIcon: React.FC<IconProps_106>;
4767
4897
 
4768
4898
  export declare interface TabItem {
4769
4899
  key: string;
@@ -5075,9 +5205,9 @@ export declare interface ThemeScopeProps {
5075
5205
  children?: default_2.ReactNode;
5076
5206
  }
5077
5207
 
5078
- export declare const ThumbsDownIcon: React.FC<IconProps_105>;
5208
+ export declare const ThumbsDownIcon: React.FC<IconProps_107>;
5079
5209
 
5080
- export declare const ThumbsUpIcon: React.FC<IconProps_106>;
5210
+ export declare const ThumbsUpIcon: React.FC<IconProps_108>;
5081
5211
 
5082
5212
  export declare const Toggle: default_2.ForwardRefExoticComponent<ToggleProps & default_2.RefAttributes<HTMLElement>>;
5083
5213
 
@@ -5196,11 +5326,11 @@ declare interface TooltipProps {
5196
5326
  focusableTrigger?: boolean;
5197
5327
  }
5198
5328
 
5199
- export declare const TrashIcon: React.FC<IconProps_107>;
5329
+ export declare const TrashIcon: React.FC<IconProps_109>;
5200
5330
 
5201
- export declare const TriangleDownIcon: React.FC<IconProps_108>;
5331
+ export declare const TriangleDownIcon: React.FC<IconProps_110>;
5202
5332
 
5203
- export declare const TriangleRightIcon: React.FC<IconProps_109>;
5333
+ export declare const TriangleRightIcon: React.FC<IconProps_111>;
5204
5334
 
5205
5335
  /**
5206
5336
  * TruncatedTooltip renders its children in a single-line truncating container
@@ -5244,9 +5374,9 @@ export declare const Typography: {
5244
5374
  Text: FC<TextProps>;
5245
5375
  };
5246
5376
 
5247
- export declare const UnarchiveIcon: React.FC<IconProps_110>;
5377
+ export declare const UnarchiveIcon: React.FC<IconProps_112>;
5248
5378
 
5249
- export declare const UploadIcon: React.FC<IconProps_111>;
5379
+ export declare const UploadIcon: React.FC<IconProps_113>;
5250
5380
 
5251
5381
  export declare const UsageCard: default_2.FC<UsageCardProps>;
5252
5382
 
@@ -5268,15 +5398,17 @@ export declare const useHasOpenOverlay: () => boolean;
5268
5398
 
5269
5399
  export declare const useSidebarCollapsed: () => boolean;
5270
5400
 
5271
- export declare const WarningCircleFilled: React.FC<IconProps_112>;
5401
+ export declare const WarningCircleFilled: React.FC<IconProps_114>;
5402
+
5403
+ export declare const WarningTriangleIcon: React.FC<IconProps_115>;
5272
5404
 
5273
- export declare const WarningTriangleIcon: React.FC<IconProps_113>;
5405
+ export declare const WebhookEventsIcon: React.FC<IconProps_116>;
5274
5406
 
5275
- export declare const WebhookEventsIcon: React.FC<IconProps_114>;
5407
+ export declare const WebhookIcon: React.FC<IconProps_117>;
5276
5408
 
5277
- export declare const WebhookIcon: React.FC<IconProps_115>;
5409
+ export declare const WebhookSigningSecretIcon: React.FC<IconProps_118>;
5278
5410
 
5279
- export declare const WebhookSigningSecretIcon: React.FC<IconProps_116>;
5411
+ export declare type WeekStart = 'monday' | 'sunday';
5280
5412
 
5281
5413
  export declare type WidthSize = 'large' | 'medium' | 'small' | 'xsmall';
5282
5414