@mlw-packages/react-components 1.7.15 → 1.7.17

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.
package/dist/index.css CHANGED
@@ -620,6 +620,10 @@ body {
620
620
  margin-left: -0.25rem;
621
621
  margin-right: -0.25rem;
622
622
  }
623
+ .-my-1\.5 {
624
+ margin-top: -0.375rem;
625
+ margin-bottom: -0.375rem;
626
+ }
623
627
  .mx-0\.5 {
624
628
  margin-left: 0.125rem;
625
629
  margin-right: 0.125rem;
@@ -675,6 +679,9 @@ body {
675
679
  .-me-1 {
676
680
  margin-inline-end: -0.25rem;
677
681
  }
682
+ .-me-2 {
683
+ margin-inline-end: -0.5rem;
684
+ }
678
685
  .-ml-4 {
679
686
  margin-left: -1rem;
680
687
  }
@@ -756,6 +763,9 @@ body {
756
763
  .ms-6 {
757
764
  margin-inline-start: 1.5rem;
758
765
  }
766
+ .mt-0\.5 {
767
+ margin-top: 0.125rem;
768
+ }
759
769
  .mt-1 {
760
770
  margin-top: 0.25rem;
761
771
  }
@@ -1933,6 +1943,9 @@ body {
1933
1943
  --tw-border-opacity: 1;
1934
1944
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
1935
1945
  }
1946
+ .border-black\/40 {
1947
+ border-color: rgb(0 0 0 / 0.4);
1948
+ }
1936
1949
  .border-blue-200 {
1937
1950
  --tw-border-opacity: 1;
1938
1951
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -2196,6 +2209,9 @@ body {
2196
2209
  --tw-bg-opacity: 1;
2197
2210
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2198
2211
  }
2212
+ .bg-gray-200\/50 {
2213
+ background-color: rgb(229 231 235 / 0.5);
2214
+ }
2199
2215
  .bg-gray-400 {
2200
2216
  --tw-bg-opacity: 1;
2201
2217
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
@@ -2788,6 +2804,9 @@ body {
2788
2804
  .text-\[0\.8rem\] {
2789
2805
  font-size: 0.8rem;
2790
2806
  }
2807
+ .text-\[1\.4rem\] {
2808
+ font-size: 1.4rem;
2809
+ }
2791
2810
  .text-\[10px\] {
2792
2811
  font-size: 10px;
2793
2812
  }
@@ -2903,9 +2922,6 @@ body {
2903
2922
  --tw-text-opacity: 1;
2904
2923
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2905
2924
  }
2906
- .text-black\/80 {
2907
- color: rgb(0 0 0 / 0.8);
2908
- }
2909
2925
  .text-blue-400 {
2910
2926
  --tw-text-opacity: 1;
2911
2927
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
@@ -2964,6 +2980,9 @@ body {
2964
2980
  --tw-text-opacity: 1;
2965
2981
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
2966
2982
  }
2983
+ .text-gray-900\/80 {
2984
+ color: rgb(17 24 39 / 0.8);
2985
+ }
2967
2986
  .text-green-400 {
2968
2987
  --tw-text-opacity: 1;
2969
2988
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
@@ -3991,6 +4010,9 @@ body {
3991
4010
  --tw-bg-opacity: 1;
3992
4011
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
3993
4012
  }
4013
+ .hover\:bg-gray-200\/40:hover {
4014
+ background-color: rgb(229 231 235 / 0.4);
4015
+ }
3994
4016
  .hover\:bg-green-600:hover {
3995
4017
  --tw-bg-opacity: 1;
3996
4018
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
@@ -4448,9 +4470,15 @@ body {
4448
4470
  --tw-scale-y: 1.1;
4449
4471
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4450
4472
  }
4473
+ .group:hover .group-hover\:text-destructive {
4474
+ color: hsl(var(--destructive));
4475
+ }
4451
4476
  .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
4452
4477
  opacity: 1;
4453
4478
  }
4479
+ .group:hover .group-hover\:opacity-100 {
4480
+ opacity: 1;
4481
+ }
4454
4482
  .group.toast .group-\[\.toast\]\:text-neutral-600 {
4455
4483
  --tw-text-opacity: 1;
4456
4484
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
@@ -5327,6 +5355,9 @@ body {
5327
5355
  .dark\:bg-emerald-400\/25:is(.dark *) {
5328
5356
  background-color: rgb(52 211 153 / 0.25);
5329
5357
  }
5358
+ .dark\:bg-gray-700\/25:is(.dark *) {
5359
+ background-color: rgb(55 65 81 / 0.25);
5360
+ }
5330
5361
  .dark\:bg-gray-800:is(.dark *) {
5331
5362
  --tw-bg-opacity: 1;
5332
5363
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
@@ -5415,6 +5446,9 @@ body {
5415
5446
  --tw-text-opacity: 1;
5416
5447
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
5417
5448
  }
5449
+ .dark\:text-gray-200\/90:is(.dark *) {
5450
+ color: rgb(229 231 235 / 0.9);
5451
+ }
5418
5452
  .dark\:text-gray-300:is(.dark *) {
5419
5453
  --tw-text-opacity: 1;
5420
5454
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
@@ -5793,6 +5827,10 @@ body {
5793
5827
  .sm\:text-left {
5794
5828
  text-align: left;
5795
5829
  }
5830
+ .sm\:text-3xl {
5831
+ font-size: 1.875rem;
5832
+ line-height: 2.25rem;
5833
+ }
5796
5834
  .sm\:text-\[0\.95rem\] {
5797
5835
  font-size: 0.95rem;
5798
5836
  }
@@ -5904,6 +5942,14 @@ body {
5904
5942
  .md\:p-4 {
5905
5943
  padding: 1rem;
5906
5944
  }
5945
+ .md\:px-6 {
5946
+ padding-left: 1.5rem;
5947
+ padding-right: 1.5rem;
5948
+ }
5949
+ .md\:py-4 {
5950
+ padding-top: 1rem;
5951
+ padding-bottom: 1rem;
5952
+ }
5907
5953
  .md\:text-left {
5908
5954
  text-align: left;
5909
5955
  }
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React$1 from 'react';
2
- import React__default, { ReactNode } from 'react';
2
+ import React__default, { ReactNode, ComponentPropsWithoutRef } from 'react';
3
3
  import * as SelectPrimitive from '@radix-ui/react-select';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -254,125 +254,32 @@ type valueFormatter = (props: {
254
254
  }) => string;
255
255
  declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
256
256
 
257
- declare function maxForKeys(processedData: Array<Record<string, unknown>>, keys: string[]): number;
258
- declare function minForKeys(processedData: Array<Record<string, unknown>>, keys: string[]): number;
257
+ declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
259
258
 
260
- declare const TITLE_CLASSNAME = "text-xl font-semibold text-foreground mb-3";
261
- declare function buildPercentFormatter(decimals?: number): (v: number | string) => string;
262
- declare function createFinalValueFormatter(valueFormatter?: valueFormatter, formatBR?: boolean): valueFormatter | undefined;
263
- declare function createYTickFormatter(finalValueFormatter?: valueFormatter): (v: number | string) => string;
264
-
265
- declare function generateColors(dataKeys: string[], colors: string[], mapperConfig: Record<string, {
266
- color?: string;
267
- } | undefined>): Record<string, string>;
268
-
269
- declare function adaptDataForTooltip(universalData: Record<string, unknown>, xAxisKey: string): Record<string, string | number> & {
270
- name: string;
271
- };
272
-
273
- type Primitive = string | number | boolean | null | undefined;
274
- interface ChartData {
275
- [key: string]: Primitive;
276
- name?: string;
259
+ interface ChartData$1 {
260
+ [key: string]: string | number | boolean | null | undefined;
277
261
  }
278
- interface XAxisConfig$1 {
262
+ interface XAxisConfig$2 {
279
263
  dataKey: string;
280
264
  label?: string;
281
265
  valueFormatter?: (value: string | number) => string;
282
266
  autoLabel?: boolean;
283
267
  }
284
- type ValueFormatter = (value: string | number) => string | number;
285
- type FinalValueFormatter = (value: number | string | null | undefined) => string;
286
- type SeriesProp = {
268
+ interface BiaxialConfig {
269
+ key: string[];
270
+ label?: string;
271
+ percentage?: boolean;
272
+ decimals?: number;
273
+ stroke?: string | Record<string, string>;
274
+ }
275
+ type SeriesProp$1 = {
287
276
  bar?: string[];
288
277
  line?: string[];
289
278
  area?: string[];
290
279
  };
291
- type SeriesEntry = {
292
- type: "bar" | "line" | "area";
293
- key: string;
294
- };
295
- type SeriesCounts = {
296
- bar: number;
297
- line: number;
298
- area: number;
299
- };
300
- type YAxisSide = "left" | "right";
301
- type YAxisMap = Record<string, YAxisSide>;
302
- interface MapperConfigEntry {
303
- label?: string;
304
- valueFormatter?: ValueFormatter;
305
- color?: string;
306
- type?: "number" | "string" | "auto";
307
- visible?: boolean;
308
- }
309
- type MapperConfig = Record<string, MapperConfigEntry>;
310
- interface YAxisOptions {
311
- label?: string;
312
- stroke?: string;
313
- width?: number;
314
- percent?: boolean;
315
- percentDecimals?: number;
316
- }
317
- type YAxes = Partial<{
318
- left: YAxisOptions;
319
- right: YAxisOptions;
320
- }>;
321
- interface TooltipItem {
322
- id: string;
323
- data: ChartData;
324
- position: {
325
- top: number;
326
- left: number;
327
- };
328
- }
329
- type TooltipAdaptedRow = Record<string, string | number> & {
330
- name: string;
331
- };
332
- interface ChartHooksArgs {
333
- width?: number | string;
334
- measuredWidth?: number | null;
335
- points?: number;
336
- seriesCounts?: SeriesCounts;
337
- niceMax?: number;
338
- yAxes?: YAxes;
339
- yAxisLabel?: string;
340
- chartMargin?: Partial<{
341
- top: number;
342
- right: number;
343
- left: number;
344
- bottom: number;
345
- }>;
346
- showLabels?: boolean;
347
- showLegend?: boolean;
348
- xAxisLabel?: string;
349
- }
350
-
351
- declare function computeSeriesOrder(series: SeriesProp | undefined, mapperConfig: Record<string, unknown>): SeriesEntry[];
352
- declare function computeProcessedData(data: Array<Record<string, unknown>>, xAxisKey: string): Array<Record<string, unknown> & {
353
- name: string;
354
- }>;
355
- declare function computeAllKeys(seriesOrder: SeriesEntry[]): string[];
356
- declare function computeLeftRightKeys(allKeys: string[], yAxisMap?: YAxisMap): {
357
- leftKeys: string[];
358
- rightKeys: string[];
359
- };
360
- declare function computeNiceMax(value: number): number;
361
- declare function computeChartWidth(dataLength: number, seriesCounts: SeriesCounts, niceMax: number, opts?: {
362
- minWidth?: number;
363
- maxWidth?: number;
364
- }): number;
365
- declare function computeLabelSample(keys: string[], candidates: number[], yTickFormatter: (v: number | string) => string): string;
366
- declare function computeEstimatedAxisNeeded(labelSample: string, axisLabel?: string, containerPaddingLeft?: number, defaultLeftMargin?: number): number;
367
- declare function computeAxisLabelWidth(label?: string): number;
368
-
369
- declare function estimateTextWidth(text: string | number | undefined): number;
370
-
371
280
  interface ChartProps {
372
- data: ChartData[];
373
- series?: SeriesProp;
374
- yAxisMap?: YAxisMap;
375
- yAxes?: YAxes;
281
+ data: ChartData$1[];
282
+ series?: SeriesProp$1;
376
283
  className?: string;
377
284
  chartMargin?: Partial<{
378
285
  top: number;
@@ -393,9 +300,11 @@ interface ChartProps {
393
300
  labelMap?: Record<string, string>;
394
301
  valueFormatter?: valueFormatter;
395
302
  categoryFormatter?: (value: string | number) => string;
303
+ periodLabel?: string;
396
304
  xAxisLabel?: string;
397
305
  yAxisLabel?: string;
398
- xAxis?: XAxisConfig$1 | string;
306
+ xAxis?: XAxisConfig$2 | string;
307
+ biaxial?: BiaxialConfig | string | string[];
399
308
  enableHighlights?: boolean;
400
309
  enableShowOnly?: boolean;
401
310
  enablePeriodsDropdown?: boolean;
@@ -403,14 +312,13 @@ interface ChartProps {
403
312
  showTooltipTotal?: boolean;
404
313
  maxTooltips?: number;
405
314
  formatBR?: boolean;
406
- periodLabel?: string;
407
315
  }
408
316
  declare const Chart: React__default.FC<ChartProps>;
409
317
 
410
318
  interface BarChartData {
411
319
  [key: string]: string | number | boolean | null | undefined;
412
320
  }
413
- interface XAxisConfig {
321
+ interface XAxisConfig$1 {
414
322
  dataKey: string;
415
323
  label?: string;
416
324
  valueFormatter?: (value: string | number) => string;
@@ -443,7 +351,7 @@ interface BarChartProps {
443
351
  titlePosition?: "left" | "center" | "right";
444
352
  showLabels?: boolean;
445
353
  labelMap?: Record<string, string>;
446
- xAxis?: XAxisConfig | string;
354
+ xAxis?: XAxisConfig$1 | string;
447
355
  mapper?: DataMapper | string[];
448
356
  yAxis?: DataMapper | string[];
449
357
  autoDetect?: boolean;
@@ -632,20 +540,80 @@ interface UseChartHighlightsReturn {
632
540
  }
633
541
  declare const useChartHighlights: () => UseChartHighlightsReturn;
634
542
 
635
- declare function useChartLayout(args: {
636
- width: number | string | undefined;
637
- measuredWidth: number | null;
638
- points: number;
639
- seriesCounts: SeriesCounts;
640
- niceMax: number;
641
- yAxes?: Partial<{
642
- left: {
643
- label?: string;
644
- };
645
- right: {
646
- label?: string;
647
- };
648
- }>;
543
+ interface NoDataProps {
544
+ paddingLeft?: number;
545
+ height?: number | string;
546
+ message?: string;
547
+ className?: string;
548
+ }
549
+ declare const NoData: React__default.FC<NoDataProps>;
550
+
551
+ type Primitive = string | number | boolean | null | undefined;
552
+ interface ChartData {
553
+ [key: string]: Primitive;
554
+ name?: string;
555
+ }
556
+ interface XAxisConfig {
557
+ dataKey: string;
558
+ label?: string;
559
+ valueFormatter?: (value: string | number) => string;
560
+ autoLabel?: boolean;
561
+ }
562
+ type ValueFormatter = (value: string | number) => string | number;
563
+ type FinalValueFormatter = (value: number | string | null | undefined) => string;
564
+ type SeriesProp = {
565
+ bar?: string[];
566
+ line?: string[];
567
+ area?: string[];
568
+ };
569
+ type SeriesEntry = {
570
+ type: "bar" | "line" | "area";
571
+ key: string;
572
+ };
573
+ type SeriesCounts = {
574
+ bar: number;
575
+ line: number;
576
+ area: number;
577
+ };
578
+ type YAxisSide = "left" | "right";
579
+ type YAxisMap = Record<string, YAxisSide>;
580
+ interface MapperConfigEntry {
581
+ label?: string;
582
+ valueFormatter?: ValueFormatter;
583
+ color?: string;
584
+ type?: "number" | "string" | "auto";
585
+ visible?: boolean;
586
+ }
587
+ type MapperConfig = Record<string, MapperConfigEntry>;
588
+ interface YAxisOptions {
589
+ label?: string;
590
+ stroke?: string;
591
+ width?: number;
592
+ percent?: boolean;
593
+ percentDecimals?: number;
594
+ }
595
+ type YAxes = Partial<{
596
+ left: YAxisOptions;
597
+ right: YAxisOptions;
598
+ }>;
599
+ interface TooltipItem {
600
+ id: string;
601
+ data: ChartData;
602
+ position: {
603
+ top: number;
604
+ left: number;
605
+ };
606
+ }
607
+ type TooltipAdaptedRow = Record<string, string | number> & {
608
+ name: string;
609
+ };
610
+ interface ChartHooksArgs {
611
+ width?: number | string;
612
+ measuredWidth?: number | null;
613
+ points?: number;
614
+ seriesCounts?: SeriesCounts;
615
+ niceMax?: number;
616
+ yAxes?: YAxes;
649
617
  yAxisLabel?: string;
650
618
  chartMargin?: Partial<{
651
619
  top: number;
@@ -655,35 +623,8 @@ declare function useChartLayout(args: {
655
623
  }>;
656
624
  showLabels?: boolean;
657
625
  showLegend?: boolean;
658
- xAxisLabel?: string | undefined;
659
- leftLabelSample?: string;
660
- rightLabelSample?: string;
661
- }): {
662
- readonly containerPaddingLeft: 16;
663
- readonly computedWidth: number;
664
- readonly measuredInner: number | undefined;
665
- readonly effectiveChartWidth: number;
666
- readonly chartInnerWidth: number;
667
- readonly finalChartLeftMargin: number;
668
- readonly finalChartRightMargin: number;
669
- readonly finalChartTopMargin: number;
670
- readonly finalChartBottomMargin: number;
671
- readonly leftYAxisLabelDx: number;
672
- readonly rightYAxisLabelDx: number;
673
- };
674
-
675
- declare function useMeasureWidth<T extends HTMLElement = HTMLDivElement>(): {
676
- readonly wrapperRef: React$1.RefObject<T | null>;
677
- readonly measuredWidth: number | null;
678
- };
679
-
680
- interface NoDataProps {
681
- paddingLeft?: number;
682
- height?: number | string;
683
- message?: string;
684
- className?: string;
626
+ xAxisLabel?: string;
685
627
  }
686
- declare const NoData: React__default.FC<NoDataProps>;
687
628
 
688
629
  declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
689
630
  declare const AvatarImageBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
@@ -1485,9 +1426,10 @@ declare function DebouncedInput({ value: initialValue, onChange, debounce, label
1485
1426
  interface AgendaViewProps {
1486
1427
  currentDate: Date;
1487
1428
  events: CalendarEvent[];
1488
- onEventSelect: (event: CalendarEvent) => void;
1429
+ onEventSelect?: (event: CalendarEvent) => void;
1430
+ showUndatedEvents?: boolean;
1489
1431
  }
1490
- declare function AgendaView({ currentDate, events, onEventSelect, }: AgendaViewProps): react_jsx_runtime.JSX.Element;
1432
+ declare function AgendaView({ currentDate, events, onEventSelect, showUndatedEvents, }: AgendaViewProps): react_jsx_runtime.JSX.Element;
1491
1433
 
1492
1434
  interface CalendarDndProviderProps {
1493
1435
  children: ReactNode;
@@ -1562,8 +1504,9 @@ interface EventCalendarProps {
1562
1504
  onEventDelete?: (eventId: string) => void;
1563
1505
  className?: string;
1564
1506
  initialView?: CalendarView;
1507
+ mode?: "agenda-only" | "default";
1565
1508
  }
1566
- declare function EventCalendar({ events, onEventAdd, onEventUpdate, onEventDelete, className, initialView, }: EventCalendarProps): react_jsx_runtime.JSX.Element;
1509
+ declare function EventCalendar({ events, onEventAdd, onEventUpdate, onEventDelete, className, initialView, mode, }: EventCalendarProps): react_jsx_runtime.JSX.Element;
1567
1510
 
1568
1511
  interface EventDialogProps {
1569
1512
  event: CalendarEvent | null;
@@ -1577,6 +1520,7 @@ declare function EventDialog({ event, isOpen, onClose, onSave, onDelete, }: Even
1577
1520
  interface EventItemProps {
1578
1521
  event: CalendarEvent;
1579
1522
  view: "month" | "week" | "day" | "agenda";
1523
+ agendaOnly?: boolean;
1580
1524
  isDragging?: boolean;
1581
1525
  onClick?: (e: React.MouseEvent) => void;
1582
1526
  showTime?: boolean;
@@ -1590,7 +1534,7 @@ interface EventItemProps {
1590
1534
  onMouseDown?: (e: React.MouseEvent) => void;
1591
1535
  onTouchStart?: (e: React.TouchEvent) => void;
1592
1536
  }
1593
- declare function EventItem({ event, view, isDragging, onClick, showTime, currentTime, isFirstDay, isLastDay, children, className, dndListeners, dndAttributes, onMouseDown, onTouchStart, }: EventItemProps): react_jsx_runtime.JSX.Element;
1537
+ declare function EventItem({ event, view, isDragging, onClick, showTime, currentTime, isFirstDay, isLastDay, children, className, dndListeners, dndAttributes, onMouseDown, onTouchStart, agendaOnly, }: EventItemProps): react_jsx_runtime.JSX.Element;
1594
1538
 
1595
1539
  interface EventsPopupProps {
1596
1540
  date: Date;
@@ -1600,7 +1544,7 @@ interface EventsPopupProps {
1600
1544
  left: number;
1601
1545
  };
1602
1546
  onClose: () => void;
1603
- onEventSelect: (event: CalendarEvent) => void;
1547
+ onEventSelect?: (event: CalendarEvent) => void;
1604
1548
  }
1605
1549
  declare function EventsPopup({ date, events, position, onClose, onEventSelect, }: EventsPopupProps): react_jsx_runtime.JSX.Element;
1606
1550
 
@@ -1639,6 +1583,7 @@ interface CalendarEvent {
1639
1583
  description?: string;
1640
1584
  start: Date;
1641
1585
  end: Date;
1586
+ attend_date?: Date | null;
1642
1587
  allDay?: boolean;
1643
1588
  color?: EventColor;
1644
1589
  location?: string;
@@ -1661,13 +1606,7 @@ declare function isMultiDayEvent(event: CalendarEvent): boolean;
1661
1606
  * Filter events for a specific day
1662
1607
  */
1663
1608
  declare function getEventsForDay(events: CalendarEvent[], day: Date): CalendarEvent[];
1664
- /**
1665
- * Sort events with multi-day events first, then by start time
1666
- */
1667
1609
  declare function sortEvents(events: CalendarEvent[]): CalendarEvent[];
1668
- /**
1669
- * Get multi-day events that span across a specific day (but don't start on that day)
1670
- */
1671
1610
  declare function getSpanningEventsForDay(events: CalendarEvent[], day: Date): CalendarEvent[];
1672
1611
  /**
1673
1612
  * Get all events visible on a specific day (starting, ending, or spanning)
@@ -1707,6 +1646,38 @@ interface CheckboxTreeProps {
1707
1646
  }
1708
1647
  declare function CheckboxTree({ tree, renderNode }: CheckboxTreeProps): React__default.ReactNode;
1709
1648
 
1649
+ declare function MultiSelectBase({ children, values, defaultValues, onValuesChange, disabled, empty, error, }: {
1650
+ children: ReactNode;
1651
+ values?: string[];
1652
+ defaultValues?: string[];
1653
+ onValuesChange?: (values: string[]) => void;
1654
+ disabled?: boolean;
1655
+ empty?: ReactNode;
1656
+ error?: string;
1657
+ }): react_jsx_runtime.JSX.Element;
1658
+ declare function MultiSelectTriggerBase({ className, children, error: propError, ...props }: {
1659
+ className?: string;
1660
+ children?: ReactNode;
1661
+ } & ComponentPropsWithoutRef<typeof ButtonBase> & ErrorMessageProps): react_jsx_runtime.JSX.Element;
1662
+ declare function MultiSelectValueBase({ placeholder, clickToRemove, className, overflowBehavior, ...props }: {
1663
+ placeholder?: string;
1664
+ clickToRemove?: boolean;
1665
+ overflowBehavior?: "wrap" | "wrap-when-open" | "cutoff";
1666
+ } & Omit<ComponentPropsWithoutRef<"div">, "children">): react_jsx_runtime.JSX.Element;
1667
+ declare function MultiSelectContentBase({ search, children, ...props }: {
1668
+ search?: boolean | {
1669
+ placeholder?: string;
1670
+ emptyMessage?: string;
1671
+ };
1672
+ children: ReactNode;
1673
+ } & Omit<ComponentPropsWithoutRef<typeof CommandBase>, "children">): react_jsx_runtime.JSX.Element;
1674
+ declare function MultiSelectItemBase({ value, children, badgeLabel, onSelect, ...props }: {
1675
+ badgeLabel?: ReactNode;
1676
+ value: string;
1677
+ } & Omit<ComponentPropsWithoutRef<typeof CommandItemBase>, "value">): react_jsx_runtime.JSX.Element;
1678
+ declare function MultiSelectGroupBase(props: ComponentPropsWithoutRef<typeof CommandGroupBase>): react_jsx_runtime.JSX.Element;
1679
+ declare function MultiSelectSeparatorBase(props: ComponentPropsWithoutRef<typeof CommandSeparatorBase>): react_jsx_runtime.JSX.Element;
1680
+
1710
1681
  declare function useIsMobile(): boolean;
1711
1682
 
1712
1683
  interface Position {
@@ -1726,4 +1697,4 @@ declare const useDrag: (options?: UseDragOptions) => {
1726
1697
  isDragging: boolean;
1727
1698
  };
1728
1699
 
1729
- export { AddButton, AgendaDaysToShow, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, type AvatarComboboxItem, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, type BadgeColorType, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, type CalendarEvent, type CalendarProps, type CalendarView, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, type ChartData, type ChartHooksArgs, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DebouncedInput, type DebouncedInputProps, DefaultEndHour, DefaultStartHour, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, EditButton, EndHour, ErrorMessage, EventCalendar, type EventColor, EventDialog, EventGap, EventHeight, EventItem, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, type FinalValueFormatter, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesCounts, type SeriesEntry, type SeriesProp, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StatusIndicator, type StatusProps, SwitchBase, TITLE_CLASSNAME, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, ViewButton, VisibilityButton, WeekCellsHeight, WeekView, type XAxisConfig$1 as XAxisConfig, type YAxes, type YAxisMap, type YAxisOptions, type YAxisSide, adaptDataForTooltip, addHoursToDate, badgeVariants, buildPercentFormatter, buttonVariantsBase, compactTick, computeAllKeys, computeAxisLabelWidth, computeChartWidth, computeEstimatedAxisNeeded, computeLabelSample, computeLeftRightKeys, computeNiceMax, computeProcessedData, computeSeriesOrder, convert12HourTo24Hour, createFinalValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, estimateTextWidth, formatFieldName, generateAdditionalColors, generateColors, getAgendaEventsForDay, getAllEventsForDay, getArrowByType, getBorderRadiusClasses, getDateByType, getEventColorClasses, getEventsForDay, getSpanningEventsForDay, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isValid12Hour, isValidHour, isValidMinuteOrSecond, maxForKeys, minForKeys, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, toast, useCalendarDnd, useChartHighlights, useChartLayout, useCurrentTimeIndicator, useDrag, useEventVisibility, useIsMobile, useMeasureWidth, useTheme, type valueFormatter };
1700
+ export { AddButton, AgendaDaysToShow, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, type AvatarComboboxItem, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, type BadgeColorType, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, type CalendarEvent, type CalendarProps, type CalendarView, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, type ChartData, type ChartHooksArgs, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DebouncedInput, type DebouncedInputProps, DefaultEndHour, DefaultStartHour, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, EditButton, EndHour, ErrorMessage, EventCalendar, type EventColor, EventDialog, EventGap, EventHeight, EventItem, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, type FinalValueFormatter, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MoreButton, MultiCombobox, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesCounts, type SeriesEntry, type SeriesProp, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, ViewButton, VisibilityButton, WeekCellsHeight, WeekView, type XAxisConfig, type YAxes, type YAxisMap, type YAxisOptions, type YAxisSide, addHoursToDate, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getAgendaEventsForDay, getAllEventsForDay, getArrowByType, getBorderRadiusClasses, getDateByType, getEventColorClasses, getEventsForDay, getSpanningEventsForDay, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, toast, useCalendarDnd, useChartHighlights, useCurrentTimeIndicator, useDrag, useEventVisibility, useIsMobile, useTheme, type valueFormatter };