unifyedx-storybook-new 0.1.7 → 0.1.9

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.
@@ -1,6 +1,8 @@
1
- import React, { forwardRef, createElement, useState, useMemo, useId as useId$1, createContext, useContext, useCallback, useRef, useLayoutEffect, useEffect, Fragment, useImperativeHandle } from 'react';
2
- import { Popover as Popover$1, PopoverButton, PopoverPanel, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, TabGroup, TabList, Tab, TabPanels, RadioGroup as RadioGroup$1, Listbox, ListboxButton, ListboxOptions, ListboxOption, SwitchGroup, Switch } from '@headlessui/react';
1
+ import * as React from 'react';
2
+ import React__default, { forwardRef, createElement, useState, useMemo, useId as useId$2, createContext, useContext, useCallback, useRef, useLayoutEffect, useEffect, Fragment, useImperativeHandle } from 'react';
3
+ import { Popover as Popover$1, PopoverButton, PopoverPanel, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, TabGroup, TabList, Tab, TabPanels, RadioGroup as RadioGroup$1, Listbox, ListboxButton, ListboxOptions, ListboxOption, SwitchGroup, Switch, Menu as Menu$1, MenuButton, MenuItems, MenuItem } from '@headlessui/react';
3
4
  import { motion, AnimatePresence } from 'framer-motion';
5
+ import * as ReactDOM from 'react-dom';
4
6
 
5
7
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
6
8
 
@@ -374,7 +376,7 @@ function requireReactJsxRuntime_development () {
374
376
  node._store &&
375
377
  (node._store.validated = 1);
376
378
  }
377
- var React$1 = React,
379
+ var React = React__default,
378
380
  REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
379
381
  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
380
382
  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -390,7 +392,7 @@ function requireReactJsxRuntime_development () {
390
392
  REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
391
393
  REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
392
394
  ReactSharedInternals =
393
- React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
395
+ React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
394
396
  hasOwnProperty = Object.prototype.hasOwnProperty,
395
397
  isArrayImpl = Array.isArray,
396
398
  createTask = console.createTask
@@ -398,15 +400,15 @@ function requireReactJsxRuntime_development () {
398
400
  : function () {
399
401
  return null;
400
402
  };
401
- React$1 = {
403
+ React = {
402
404
  "react-stack-bottom-frame": function (callStackForError) {
403
405
  return callStackForError();
404
406
  }
405
407
  };
406
408
  var specialPropKeyWarningShown;
407
409
  var didWarnAboutElementRef = {};
408
- var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
409
- React$1,
410
+ var unknownOwnerDebugStack = React["react-stack-bottom-frame"].bind(
411
+ React,
410
412
  UnknownOwner
411
413
  )();
412
414
  var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -581,11 +583,11 @@ const createLucideIcon = (iconName, iconNode) => {
581
583
  */
582
584
 
583
585
 
584
- const __iconNode$l = [
586
+ const __iconNode$m = [
585
587
  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
586
588
  ["path", { d: "M19 12H5", key: "x3x0zl" }]
587
589
  ];
588
- const ArrowLeft = createLucideIcon("arrow-left", __iconNode$l);
590
+ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$m);
589
591
 
590
592
  /**
591
593
  * @license lucide-react v0.525.0 - ISC
@@ -595,13 +597,13 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$l);
595
597
  */
596
598
 
597
599
 
598
- const __iconNode$k = [
600
+ const __iconNode$l = [
599
601
  ["path", { d: "M8 2v4", key: "1cmpym" }],
600
602
  ["path", { d: "M16 2v4", key: "4m81vk" }],
601
603
  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
602
604
  ["path", { d: "M3 10h18", key: "8toen8" }]
603
605
  ];
604
- const Calendar$1 = createLucideIcon("calendar", __iconNode$k);
606
+ const Calendar$1 = createLucideIcon("calendar", __iconNode$l);
605
607
 
606
608
  /**
607
609
  * @license lucide-react v0.525.0 - ISC
@@ -611,8 +613,8 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$k);
611
613
  */
612
614
 
613
615
 
614
- const __iconNode$j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
615
- const Check = createLucideIcon("check", __iconNode$j);
616
+ const __iconNode$k = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
617
+ const Check = createLucideIcon("check", __iconNode$k);
616
618
 
617
619
  /**
618
620
  * @license lucide-react v0.525.0 - ISC
@@ -622,8 +624,8 @@ const Check = createLucideIcon("check", __iconNode$j);
622
624
  */
623
625
 
624
626
 
625
- const __iconNode$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
626
- const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
627
+ const __iconNode$j = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
628
+ const ChevronDown = createLucideIcon("chevron-down", __iconNode$j);
627
629
 
628
630
  /**
629
631
  * @license lucide-react v0.525.0 - ISC
@@ -633,8 +635,8 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
633
635
  */
634
636
 
635
637
 
636
- const __iconNode$h = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
637
- const ChevronLeft = createLucideIcon("chevron-left", __iconNode$h);
638
+ const __iconNode$i = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
639
+ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$i);
638
640
 
639
641
  /**
640
642
  * @license lucide-react v0.525.0 - ISC
@@ -644,8 +646,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$h);
644
646
  */
645
647
 
646
648
 
647
- const __iconNode$g = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
648
- const ChevronRight = createLucideIcon("chevron-right", __iconNode$g);
649
+ const __iconNode$h = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
650
+ const ChevronRight = createLucideIcon("chevron-right", __iconNode$h);
649
651
 
650
652
  /**
651
653
  * @license lucide-react v0.525.0 - ISC
@@ -655,11 +657,11 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$g);
655
657
  */
656
658
 
657
659
 
658
- const __iconNode$f = [
660
+ const __iconNode$g = [
659
661
  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
660
662
  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
661
663
  ];
662
- const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$f);
664
+ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$g);
663
665
 
664
666
  /**
665
667
  * @license lucide-react v0.525.0 - ISC
@@ -669,11 +671,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$f);
669
671
  */
670
672
 
671
673
 
672
- const __iconNode$e = [
674
+ const __iconNode$f = [
673
675
  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
674
676
  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
675
677
  ];
676
- const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$e);
678
+ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$f);
677
679
 
678
680
  /**
679
681
  * @license lucide-react v0.525.0 - ISC
@@ -683,11 +685,11 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$e);
683
685
  */
684
686
 
685
687
 
686
- const __iconNode$d = [
688
+ const __iconNode$e = [
687
689
  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
688
690
  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
689
691
  ];
690
- const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$d);
692
+ const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$e);
691
693
 
692
694
  /**
693
695
  * @license lucide-react v0.525.0 - ISC
@@ -697,11 +699,11 @@ const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$d);
697
699
  */
698
700
 
699
701
 
700
- const __iconNode$c = [
702
+ const __iconNode$d = [
701
703
  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
702
704
  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
703
705
  ];
704
- const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$c);
706
+ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$d);
705
707
 
706
708
  /**
707
709
  * @license lucide-react v0.525.0 - ISC
@@ -711,12 +713,27 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$c);
711
713
  */
712
714
 
713
715
 
714
- const __iconNode$b = [
716
+ const __iconNode$c = [
715
717
  ["path", { d: "M12 13v8", key: "1l5pq0" }],
716
718
  ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
717
719
  ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
718
720
  ];
719
- const CloudUpload = createLucideIcon("cloud-upload", __iconNode$b);
721
+ const CloudUpload = createLucideIcon("cloud-upload", __iconNode$c);
722
+
723
+ /**
724
+ * @license lucide-react v0.525.0 - ISC
725
+ *
726
+ * This source code is licensed under the ISC license.
727
+ * See the LICENSE file in the root directory of this source tree.
728
+ */
729
+
730
+
731
+ const __iconNode$b = [
732
+ ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
733
+ ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
734
+ ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
735
+ ];
736
+ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$b);
720
737
 
721
738
  /**
722
739
  * @license lucide-react v0.525.0 - ISC
@@ -1024,7 +1041,7 @@ const Avatar = ({
1024
1041
  ] });
1025
1042
  };
1026
1043
  const AvatarGroup = ({ children, max = 4, ...props }) => {
1027
- const avatars = React.Children.toArray(children);
1044
+ const avatars = React__default.Children.toArray(children);
1028
1045
  const visibleAvatars = avatars.slice(0, max);
1029
1046
  const hiddenCount = avatars.length - max;
1030
1047
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "avatar-group-container", ...props, children: [
@@ -2399,7 +2416,7 @@ const Checkbox = ({
2399
2416
  onChange,
2400
2417
  ...props
2401
2418
  }) => {
2402
- const autoId = useId$1();
2419
+ const autoId = useId$2();
2403
2420
  const checkboxId = id || autoId;
2404
2421
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `checkbox-container ${className || ""}`, children: [
2405
2422
  /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: checkboxId, className: "checkbox-wrapper", children: [
@@ -7432,7 +7449,7 @@ function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames =
7432
7449
  * @deprecated Use `PreviousMonthButton` or `@link NextMonthButton` instead.
7433
7450
  */
7434
7451
  function Button(props) {
7435
- return React.createElement("button", { ...props });
7452
+ return React__default.createElement("button", { ...props });
7436
7453
  }
7437
7454
 
7438
7455
  /**
@@ -7442,7 +7459,7 @@ function Button(props) {
7442
7459
  * @see https://daypicker.dev/guides/custom-components
7443
7460
  */
7444
7461
  function CaptionLabel(props) {
7445
- return React.createElement("span", { ...props });
7462
+ return React__default.createElement("span", { ...props });
7446
7463
  }
7447
7464
 
7448
7465
  /**
@@ -7453,11 +7470,11 @@ function CaptionLabel(props) {
7453
7470
  */
7454
7471
  function Chevron(props) {
7455
7472
  const { size = 24, orientation = "left", className } = props;
7456
- return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
7457
- orientation === "up" && (React.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
7458
- orientation === "down" && (React.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
7459
- orientation === "left" && (React.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
7460
- orientation === "right" && (React.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" }))));
7473
+ return (React__default.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
7474
+ orientation === "up" && (React__default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
7475
+ orientation === "down" && (React__default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
7476
+ orientation === "left" && (React__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
7477
+ orientation === "right" && (React__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" }))));
7461
7478
  }
7462
7479
 
7463
7480
  /**
@@ -7472,7 +7489,7 @@ function Chevron(props) {
7472
7489
  */
7473
7490
  function Day(props) {
7474
7491
  const { day, modifiers, ...tdProps } = props;
7475
- return React.createElement("td", { ...tdProps });
7492
+ return React__default.createElement("td", { ...tdProps });
7476
7493
  }
7477
7494
 
7478
7495
  /**
@@ -7483,12 +7500,12 @@ function Day(props) {
7483
7500
  */
7484
7501
  function DayButton(props) {
7485
7502
  const { day, modifiers, ...buttonProps } = props;
7486
- const ref = React.useRef(null);
7487
- React.useEffect(() => {
7503
+ const ref = React__default.useRef(null);
7504
+ React__default.useEffect(() => {
7488
7505
  if (modifiers.focused)
7489
7506
  ref.current?.focus();
7490
7507
  }, [modifiers.focused]);
7491
- return React.createElement("button", { ref: ref, ...buttonProps });
7508
+ return React__default.createElement("button", { ref: ref, ...buttonProps });
7492
7509
  }
7493
7510
 
7494
7511
  /**
@@ -7501,11 +7518,11 @@ function Dropdown(props) {
7501
7518
  const { options, className, components, classNames, ...selectProps } = props;
7502
7519
  const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
7503
7520
  const selectedOption = options?.find(({ value }) => value === selectProps.value);
7504
- return (React.createElement("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
7505
- React.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => (React.createElement(components.Option, { key: value, value: value, disabled: disabled }, label)))),
7506
- React.createElement("span", { className: classNames[UI.CaptionLabel], "aria-hidden": true },
7521
+ return (React__default.createElement("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
7522
+ React__default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => (React__default.createElement(components.Option, { key: value, value: value, disabled: disabled }, label)))),
7523
+ React__default.createElement("span", { className: classNames[UI.CaptionLabel], "aria-hidden": true },
7507
7524
  selectedOption?.label,
7508
- React.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] }))));
7525
+ React__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] }))));
7509
7526
  }
7510
7527
 
7511
7528
  /**
@@ -7515,7 +7532,7 @@ function Dropdown(props) {
7515
7532
  * @see https://daypicker.dev/guides/custom-components
7516
7533
  */
7517
7534
  function DropdownNav(props) {
7518
- return React.createElement("div", { ...props });
7535
+ return React__default.createElement("div", { ...props });
7519
7536
  }
7520
7537
 
7521
7538
  /**
@@ -7525,7 +7542,7 @@ function DropdownNav(props) {
7525
7542
  * @see https://daypicker.dev/guides/custom-components
7526
7543
  */
7527
7544
  function Footer(props) {
7528
- return React.createElement("div", { ...props });
7545
+ return React__default.createElement("div", { ...props });
7529
7546
  }
7530
7547
 
7531
7548
  /**
@@ -7537,7 +7554,7 @@ function Footer(props) {
7537
7554
  */
7538
7555
  function Month$1(props) {
7539
7556
  const { calendarMonth, displayIndex, ...divProps } = props;
7540
- return React.createElement("div", { ...divProps }, props.children);
7557
+ return React__default.createElement("div", { ...divProps }, props.children);
7541
7558
  }
7542
7559
 
7543
7560
  /**
@@ -7548,7 +7565,7 @@ function Month$1(props) {
7548
7565
  */
7549
7566
  function MonthCaption(props) {
7550
7567
  const { calendarMonth, displayIndex, ...divProps } = props;
7551
- return React.createElement("div", { ...divProps });
7568
+ return React__default.createElement("div", { ...divProps });
7552
7569
  }
7553
7570
 
7554
7571
  /**
@@ -7558,7 +7575,7 @@ function MonthCaption(props) {
7558
7575
  * @see https://daypicker.dev/guides/custom-components
7559
7576
  */
7560
7577
  function MonthGrid(props) {
7561
- return React.createElement("table", { ...props });
7578
+ return React__default.createElement("table", { ...props });
7562
7579
  }
7563
7580
 
7564
7581
  /**
@@ -7568,7 +7585,7 @@ function MonthGrid(props) {
7568
7585
  * @see https://daypicker.dev/guides/custom-components
7569
7586
  */
7570
7587
  function Months(props) {
7571
- return React.createElement("div", { ...props });
7588
+ return React__default.createElement("div", { ...props });
7572
7589
  }
7573
7590
 
7574
7591
  /** @ignore */
@@ -7601,7 +7618,7 @@ function useDayPicker() {
7601
7618
  */
7602
7619
  function MonthsDropdown(props) {
7603
7620
  const { components } = useDayPicker();
7604
- return React.createElement(components.Dropdown, { ...props });
7621
+ return React__default.createElement(components.Dropdown, { ...props });
7605
7622
  }
7606
7623
 
7607
7624
  /**
@@ -7623,11 +7640,11 @@ function Nav(props) {
7623
7640
  onPreviousClick?.(e);
7624
7641
  }
7625
7642
  }, [previousMonth, onPreviousClick]);
7626
- return (React.createElement("nav", { ...navProps },
7627
- React.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick },
7628
- React.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: "left" })),
7629
- React.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick },
7630
- React.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, orientation: "right", className: classNames[UI.Chevron] }))));
7643
+ return (React__default.createElement("nav", { ...navProps },
7644
+ React__default.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick },
7645
+ React__default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: "left" })),
7646
+ React__default.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick },
7647
+ React__default.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, orientation: "right", className: classNames[UI.Chevron] }))));
7631
7648
  }
7632
7649
 
7633
7650
  /**
@@ -7638,7 +7655,7 @@ function Nav(props) {
7638
7655
  */
7639
7656
  function NextMonthButton(props) {
7640
7657
  const { components } = useDayPicker();
7641
- return React.createElement(components.Button, { ...props });
7658
+ return React__default.createElement(components.Button, { ...props });
7642
7659
  }
7643
7660
 
7644
7661
  /**
@@ -7648,7 +7665,7 @@ function NextMonthButton(props) {
7648
7665
  * @see https://daypicker.dev/guides/custom-components
7649
7666
  */
7650
7667
  function Option(props) {
7651
- return React.createElement("option", { ...props });
7668
+ return React__default.createElement("option", { ...props });
7652
7669
  }
7653
7670
 
7654
7671
  /**
@@ -7659,7 +7676,7 @@ function Option(props) {
7659
7676
  */
7660
7677
  function PreviousMonthButton(props) {
7661
7678
  const { components } = useDayPicker();
7662
- return React.createElement(components.Button, { ...props });
7679
+ return React__default.createElement(components.Button, { ...props });
7663
7680
  }
7664
7681
 
7665
7682
  /**
@@ -7670,7 +7687,7 @@ function PreviousMonthButton(props) {
7670
7687
  */
7671
7688
  function Root(props) {
7672
7689
  const { rootRef, ...rest } = props;
7673
- return React.createElement("div", { ...rest, ref: rootRef });
7690
+ return React__default.createElement("div", { ...rest, ref: rootRef });
7674
7691
  }
7675
7692
 
7676
7693
  /**
@@ -7680,7 +7697,7 @@ function Root(props) {
7680
7697
  * @see https://daypicker.dev/guides/custom-components
7681
7698
  */
7682
7699
  function Select$1(props) {
7683
- return React.createElement("select", { ...props });
7700
+ return React__default.createElement("select", { ...props });
7684
7701
  }
7685
7702
 
7686
7703
  /**
@@ -7691,7 +7708,7 @@ function Select$1(props) {
7691
7708
  */
7692
7709
  function Week(props) {
7693
7710
  const { week, ...trProps } = props;
7694
- return React.createElement("tr", { ...trProps });
7711
+ return React__default.createElement("tr", { ...trProps });
7695
7712
  }
7696
7713
 
7697
7714
  /**
@@ -7701,7 +7718,7 @@ function Week(props) {
7701
7718
  * @see https://daypicker.dev/guides/custom-components
7702
7719
  */
7703
7720
  function Weekday(props) {
7704
- return React.createElement("th", { ...props });
7721
+ return React__default.createElement("th", { ...props });
7705
7722
  }
7706
7723
 
7707
7724
  /**
@@ -7711,8 +7728,8 @@ function Weekday(props) {
7711
7728
  * @see https://daypicker.dev/guides/custom-components
7712
7729
  */
7713
7730
  function Weekdays(props) {
7714
- return (React.createElement("thead", { "aria-hidden": true },
7715
- React.createElement("tr", { ...props })));
7731
+ return (React__default.createElement("thead", { "aria-hidden": true },
7732
+ React__default.createElement("tr", { ...props })));
7716
7733
  }
7717
7734
 
7718
7735
  /**
@@ -7723,7 +7740,7 @@ function Weekdays(props) {
7723
7740
  */
7724
7741
  function WeekNumber(props) {
7725
7742
  const { week, ...thProps } = props;
7726
- return React.createElement("th", { ...thProps });
7743
+ return React__default.createElement("th", { ...thProps });
7727
7744
  }
7728
7745
 
7729
7746
  /**
@@ -7733,7 +7750,7 @@ function WeekNumber(props) {
7733
7750
  * @see https://daypicker.dev/guides/custom-components
7734
7751
  */
7735
7752
  function WeekNumberHeader(props) {
7736
- return React.createElement("th", { ...props });
7753
+ return React__default.createElement("th", { ...props });
7737
7754
  }
7738
7755
 
7739
7756
  /**
@@ -7743,7 +7760,7 @@ function WeekNumberHeader(props) {
7743
7760
  * @see https://daypicker.dev/guides/custom-components
7744
7761
  */
7745
7762
  function Weeks(props) {
7746
- return React.createElement("tbody", { ...props });
7763
+ return React__default.createElement("tbody", { ...props });
7747
7764
  }
7748
7765
 
7749
7766
  /**
@@ -7754,7 +7771,7 @@ function Weeks(props) {
7754
7771
  */
7755
7772
  function YearsDropdown(props) {
7756
7773
  const { components } = useDayPicker();
7757
- return React.createElement(components.Dropdown, { ...props });
7774
+ return React__default.createElement(components.Dropdown, { ...props });
7758
7775
  }
7759
7776
 
7760
7777
  const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
@@ -9650,24 +9667,24 @@ function DayPicker(initialProps) {
9650
9667
  labels,
9651
9668
  formatters
9652
9669
  };
9653
- return (React.createElement(dayPickerContext.Provider, { value: contextValue },
9654
- React.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
9655
- React.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
9656
- !props.hideNavigation && !navLayout && (React.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
9670
+ return (React__default.createElement(dayPickerContext.Provider, { value: contextValue },
9671
+ React__default.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
9672
+ React__default.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
9673
+ !props.hideNavigation && !navLayout && (React__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
9657
9674
  months.map((calendarMonth, displayIndex) => {
9658
9675
  const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
9659
9676
  const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
9660
- return (React.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
9677
+ return (React__default.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
9661
9678
  navLayout === "around" &&
9662
9679
  !props.hideNavigation &&
9663
- displayIndex === 0 && (React.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
9664
- React.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
9665
- React.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
9680
+ displayIndex === 0 && (React__default.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
9681
+ React__default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
9682
+ React__default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React__default.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
9666
9683
  captionLayout === "dropdown" ||
9667
- captionLayout === "dropdown-months" ? (React.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
9684
+ captionLayout === "dropdown-months" ? (React__default.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React__default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
9668
9685
  captionLayout === "dropdown" ||
9669
- captionLayout === "dropdown-years" ? (React.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
9670
- React.createElement("span", { role: "status", "aria-live": "polite", style: {
9686
+ captionLayout === "dropdown-years" ? (React__default.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React__default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
9687
+ React__default.createElement("span", { role: "status", "aria-live": "polite", style: {
9671
9688
  border: 0,
9672
9689
  clip: "rect(0 0 0 0)",
9673
9690
  height: "1px",
@@ -9678,22 +9695,22 @@ function DayPicker(initialProps) {
9678
9695
  width: "1px",
9679
9696
  whiteSpace: "nowrap",
9680
9697
  wordWrap: "normal"
9681
- } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
9698
+ } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React__default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
9682
9699
  navLayout === "around" &&
9683
9700
  !props.hideNavigation &&
9684
- displayIndex === numberOfMonths - 1 && (React.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
9685
- React.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
9701
+ displayIndex === numberOfMonths - 1 && (React__default.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
9702
+ React__default.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
9686
9703
  displayIndex === numberOfMonths - 1 &&
9687
9704
  navLayout === "after" &&
9688
- !props.hideNavigation && (React.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
9689
- React.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
9705
+ !props.hideNavigation && (React__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
9706
+ React__default.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
9690
9707
  undefined, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
9691
- !props.hideWeekdays && (React.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
9692
- showWeekNumber && (React.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
9693
- weekdays.map((weekday, i) => (React.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
9694
- React.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
9695
- return (React.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
9696
- showWeekNumber && (React.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
9708
+ !props.hideWeekdays && (React__default.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
9709
+ showWeekNumber && (React__default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
9710
+ weekdays.map((weekday, i) => (React__default.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
9711
+ React__default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
9712
+ return (React__default.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
9713
+ showWeekNumber && (React__default.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
9697
9714
  locale
9698
9715
  }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
9699
9716
  week.days.map((day) => {
@@ -9717,14 +9734,14 @@ function DayPicker(initialProps) {
9717
9734
  const ariaLabel = !isInteractive && !modifiers.hidden
9718
9735
  ? labelGridcell(date, modifiers, dateLib.options, dateLib)
9719
9736
  : undefined;
9720
- return (React.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
9737
+ return (React__default.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
9721
9738
  ? dateLib.format(date, "yyyy-MM")
9722
- : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (React.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: modifiers.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
9739
+ : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (React__default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: modifiers.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
9723
9740
  formatDay(day.date, dateLib.options, dateLib))));
9724
9741
  })));
9725
9742
  })))));
9726
9743
  })),
9727
- props.footer && (React.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
9744
+ props.footer && (React__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
9728
9745
  }
9729
9746
 
9730
9747
  const Popover = ({ children }) => {
@@ -9877,86 +9894,86 @@ var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return "string"==type
9877
9894
  function namesPlugin(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return "transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g);}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"]);}
9878
9895
 
9879
9896
  var glyphs = {
9880
- '3d': /*#__PURE__*/React.createElement("path", {
9897
+ '3d': /*#__PURE__*/React__default.createElement("path", {
9881
9898
  d: "M18 14.625V3.375L9 0 0 3.375v11.25L9 18l9-3.375zM9 2.136l5.918 2.22-5.98 2.242-5.919-2.22L9 2.137zM2 13.239V5.065l6.438 2.414v8.174L2 13.24zM9.438 15.7L16 13.239V5.018l-6.563 2.46V15.7z",
9882
9899
  transform: "translate(15 10)",
9883
9900
  fillRule: "evenodd"
9884
9901
  }),
9885
- acrobat: /*#__PURE__*/React.createElement("path", {
9902
+ acrobat: /*#__PURE__*/React__default.createElement("path", {
9886
9903
  d: "M10.15 1.095C9.938.33 9.42-.051 8.984.005c-.528.068-1.09.382-1.314.876-.63 1.416.685 5.582.887 6.279-1.28 3.863-5.66 11.5-7.806 12.017-.045-.505.225-1.965 3.055-3.785.146-.157.315-.348.393-.472-2.392 1.168-5.492 3.044-3.628 4.448.102.079.259.146.439.213 1.426.528 3.425-1.201 5.435-5.121 2.213-.73 3.999-1.28 6.526-1.662 2.762 1.875 4.616 2.257 5.874 1.774.348-.135.898-.573 1.055-1.145-1.022 1.258-3.414.382-5.323-.82 1.763-.191 3.582-.303 4.369-.056 1 .314.965.808.954.876.079-.27.191-.708-.022-1.056-.842-1.37-4.706-.573-6.11-.427-2.212-1.336-3.74-3.717-4.358-5.436.573-2.212 1.19-3.818.742-5.413zm-.954 4.638C8.826 4.42 8.309 1.5 9.14.556c1.628.932.618 3.144.056 5.177zm3.044 6.514c-2.134.393-3.583.944-5.66 1.764.617-1.202 1.785-4.268 2.346-6.29.787 1.573 1.741 3.111 3.314 4.526z",
9887
9904
  transform: "translate(14 9)",
9888
9905
  fillRule: "evenodd"
9889
9906
  }),
9890
- android: /*#__PURE__*/React.createElement("path", {
9907
+ android: /*#__PURE__*/React__default.createElement("path", {
9891
9908
  d: "M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z",
9892
9909
  transform: "translate(12 8)"
9893
9910
  }),
9894
- audio: /*#__PURE__*/React.createElement("path", {
9911
+ audio: /*#__PURE__*/React__default.createElement("path", {
9895
9912
  d: "M.25 4.75v4.5h3L7 13V1L3.25 4.75h-3zM10.375 7A3.375 3.375 0 0 0 8.5 3.977v6.037A3.355 3.355 0 0 0 10.375 7zM8.5.421v1.545A5.254 5.254 0 0 1 12.25 7a5.254 5.254 0 0 1-3.75 5.032v1.545A6.747 6.747 0 0 0 13.75 7 6.747 6.747 0 0 0 8.5.421z",
9896
9913
  transform: "translate(17 12)",
9897
9914
  fillRule: "evenodd"
9898
9915
  }),
9899
- binary: /*#__PURE__*/React.createElement("path", {
9916
+ binary: /*#__PURE__*/React__default.createElement("path", {
9900
9917
  d: "M2.338 6.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504C1.274.928.538 2 .538 3.608c0 1.56.576 2.504 1.8 2.504zM1.61 3.408c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zM2.418 5.2c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568zm7.03.8l.088-.944H8.36V.896L7.272.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zm5.199 0l.088-.944h-1.176V.896L12.47.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zM4.25 14l.088-.944H3.162v-4.16l-1.088.088v.592L.89 9.688l.024.824h1.16v2.544H.754V14zm5.198 0l.088-.944H8.36v-4.16l-1.088.088v.592l-1.184.112.024.824h1.16v2.544h-1.32V14zm3.287.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504-1.192 0-1.928 1.072-1.928 2.68 0 1.56.576 2.504 1.8 2.504zm-.728-2.704c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zm.808 1.792c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568z",
9901
9918
  transform: "translate(16 11)",
9902
9919
  fillRule: "evenodd"
9903
9920
  }),
9904
- code: /*#__PURE__*/React.createElement("path", {
9921
+ code: /*#__PURE__*/React__default.createElement("path", {
9905
9922
  d: "M4.078 13.67c-1.875-.527-2.812-1.738-2.812-3.634V9.49C1.266 8.437.844 7.911 0 7.911V6.138c.844 0 1.266-.529 1.266-1.586v-.64c.015-.938.257-1.696.726-2.274C2.466 1.06 3.162.64 4.078.38l.492 1.375c-.656.25-.997.95-1.023 2.102v.695c0 1.167-.482 1.99-1.445 2.469.963.479 1.445 1.304 1.445 2.476v.688c.026 1.15.367 1.851 1.023 2.101l-.492 1.383zm7.844 0c1.875-.527 2.812-1.738 2.812-3.634V9.49c0-1.052.422-1.578 1.266-1.578V6.138c-.844 0-1.266-.529-1.266-1.586v-.64c-.015-.938-.257-1.696-.726-2.274-.474-.578-1.17-.998-2.086-1.258l-.492 1.375c.656.25.997.95 1.023 2.102v.695c0 1.167.482 1.99 1.445 2.469-.963.479-1.445 1.304-1.445 2.476v.688c-.026 1.15-.367 1.851-1.023 2.101l.492 1.383z",
9906
9923
  transform: "translate(16 13)",
9907
9924
  fillRule: "evenodd"
9908
9925
  }),
9909
- code2: /*#__PURE__*/React.createElement("path", {
9926
+ code2: /*#__PURE__*/React__default.createElement("path", {
9910
9927
  d: "M7.4 10.6L2.8 6l4.6-4.6L6 0 0 6l6 6 1.4-1.4zm5.2 0L17.2 6l-4.6-4.6L14 0l6 6-6 6-1.4-1.4z",
9911
9928
  transform: "translate(14 14)",
9912
9929
  fillRule: "evenodd"
9913
9930
  }),
9914
- compressed: /*#__PURE__*/React.createElement("path", {
9931
+ compressed: /*#__PURE__*/React__default.createElement("path", {
9915
9932
  d: "M.25 0A.25.25 0 0 0 0 .25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 1.75V.25A.25.25 0 0 0 1.75 0H.25zM1 17a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H1zm0 4v3h2v-3H1zM2 2.25A.25.25 0 0 1 2.25 2h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 3.75v-1.5zM.25 4a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 5.75v-1.5A.25.25 0 0 0 1.75 4H.25zM2 6.25A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 7.75v-1.5zM.25 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 9.75v-1.5A.25.25 0 0 0 1.75 8H.25zM2 10.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM.25 12a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25H.25zM2 14.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5z",
9916
9933
  transform: "translate(15 1)",
9917
9934
  fillRule: "evenodd"
9918
9935
  }),
9919
- document: /*#__PURE__*/React.createElement("path", {
9936
+ document: /*#__PURE__*/React__default.createElement("path", {
9920
9937
  d: "M12 4H0v2h12V4zM0 10h18V8H0v2zM0 0v2h18V0H0z",
9921
9938
  transform: "translate(15 15)",
9922
9939
  fillRule: "evenodd"
9923
9940
  }),
9924
- drive: /*#__PURE__*/React.createElement("path", {
9941
+ drive: /*#__PURE__*/React__default.createElement("path", {
9925
9942
  d: "M2.199.289A.5.5 0 0 1 2.652 0h8.696a.5.5 0 0 1 .453.289l1.867 4a.5.5 0 0 1-.453.711H.785a.5.5 0 0 1-.453-.711l1.867-4zM13 6H1a.752.752 0 0 0-.75.75v4.5c0 .412.338.75.75.75h12c.412 0 .75-.338.75-.75v-4.5A.752.752 0 0 0 13 6zm-9.75 4.5c-.825 0-1.5-.675-1.5-1.5s.675-1.5 1.5-1.5 1.5.675 1.5 1.5-.675 1.5-1.5 1.5z",
9926
9943
  transform: "translate(17 13)",
9927
9944
  fillRule: "evenodd"
9928
9945
  }),
9929
- font: /*#__PURE__*/React.createElement("path", {
9946
+ font: /*#__PURE__*/React__default.createElement("path", {
9930
9947
  d: "M3.722 8.702l-.686 1.89c-.053.14-.094.28-.123.421-.03.135-.044.252-.044.352 0 .304.097.527.29.668.2.14.501.21.905.21h.414V13H.083v-.756h.343c.176 0 .325-.018.448-.053a.81.81 0 0 0 .334-.22c.1-.105.193-.249.281-.43.094-.182.197-.416.308-.704L5.787.15h1.406l4.07 11.136c.07.187.14.343.21.466.077.123.165.222.264.298.1.07.214.12.343.15.129.03.281.044.457.044h.237V13H7.826v-.756h.413c.72 0 1.081-.287 1.081-.862 0-.1-.014-.202-.044-.307a3.274 3.274 0 0 0-.105-.36l-.72-2.013H3.72zM7.009 4.65c-.188-.533-.36-1.031-.519-1.494a15.92 15.92 0 0 1-.378-1.354 7.12 7.12 0 0 1-.15.633 16.95 16.95 0 0 1-.395 1.283c-.082.229-.175.484-.28.765L4.063 7.796h4.061L7.009 4.65zm8.411 5.74c0 .562.117.984.351 1.265.24.275.61.413 1.108.413.363 0 .691-.059.984-.176.3-.117.551-.284.756-.5.211-.218.372-.481.483-.792.112-.31.168-.656.168-1.037V8.104l-1.152.053c-.51.023-.937.088-1.283.193-.34.1-.615.243-.826.43a1.546 1.546 0 0 0-.457.678c-.088.27-.132.58-.132.931zm2.18-6.32c-.346 0-.627.05-.844.15a1.182 1.182 0 0 0-.501.404 1.594 1.594 0 0 0-.237.624c-.041.24-.062.5-.062.782-.498 0-.879-.085-1.143-.255-.257-.17-.386-.463-.386-.879 0-.31.085-.574.255-.79.17-.218.401-.393.694-.528.299-.14.644-.243 1.037-.308a7.76 7.76 0 0 1 1.257-.097c.55 0 1.031.056 1.441.167.41.106.753.282 1.029.528.275.246.48.568.615.967.14.392.21.876.21 1.45v4.667c0 .252.021.46.062.624a.928.928 0 0 0 .194.395c.088.1.202.17.343.211.146.041.319.062.518.062h.053V13H19.7l-.281-1.547h-.15c-.187.252-.369.483-.544.694-.176.211-.37.393-.58.545-.211.152-.452.27-.721.352a3.053 3.053 0 0 1-.958.131c-.399 0-.77-.058-1.116-.175a2.369 2.369 0 0 1-.888-.519 2.516 2.516 0 0 1-.58-.896c-.14-.364-.211-.791-.211-1.284 0-.955.34-1.664 1.02-2.127.68-.462 1.707-.714 3.084-.755l1.495-.053V6.285a6.93 6.93 0 0 0-.053-.888 1.778 1.778 0 0 0-.229-.703 1.14 1.14 0 0 0-.51-.457c-.216-.111-.51-.167-.878-.167z",
9931
9948
  transform: "translate(13 12)",
9932
9949
  fillRule: "evenodd"
9933
9950
  }),
9934
- image: /*#__PURE__*/React.createElement("path", {
9951
+ image: /*#__PURE__*/React__default.createElement("path", {
9935
9952
  d: "M13 0L9.25 5l2.85 3.8-1.6 1.2C8.81 7.75 6 4 6 4l-6 8h22L13 0z",
9936
9953
  transform: "translate(13 14)",
9937
9954
  fillRule: "evenodd"
9938
9955
  }),
9939
- presentation: /*#__PURE__*/React.createElement("path", {
9956
+ presentation: /*#__PURE__*/React__default.createElement("path", {
9940
9957
  d: "M2 4H0v10c0 1.1.9 2 2 2h14v-2H2V4zm16-4H6C4.9 0 4 .9 4 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 10H6V2h12v8z",
9941
9958
  transform: "matrix(-1 0 0 1 34 12)",
9942
9959
  fillRule: "evenodd"
9943
9960
  }),
9944
- settings: /*#__PURE__*/React.createElement("path", {
9961
+ settings: /*#__PURE__*/React__default.createElement("path", {
9945
9962
  d: "M13.572 8.735c.03-.24.053-.48.053-.735s-.023-.495-.053-.735l1.583-1.237a.378.378 0 0 0 .09-.48l-1.5-2.595a.377.377 0 0 0-.457-.165l-1.868.75a5.48 5.48 0 0 0-1.268-.735L9.868.815A.366.366 0 0 0 9.5.5h-3a.366.366 0 0 0-.367.315l-.285 1.988a5.762 5.762 0 0 0-1.268.735l-1.868-.75a.366.366 0 0 0-.457.165l-1.5 2.595a.37.37 0 0 0 .09.48l1.583 1.237c-.03.24-.053.488-.053.735 0 .248.022.495.053.735L.845 9.973a.378.378 0 0 0-.09.48l1.5 2.595c.09.165.292.225.458.165l1.867-.75c.39.3.81.547 1.268.735l.285 1.987c.022.18.18.315.367.315h3a.366.366 0 0 0 .367-.315l.285-1.988a5.762 5.762 0 0 0 1.268-.734l1.867.75c.173.067.368 0 .458-.165l1.5-2.595a.378.378 0 0 0-.09-.48l-1.582-1.238zM8 10.625A2.628 2.628 0 0 1 5.375 8 2.628 2.628 0 0 1 8 5.375 2.628 2.628 0 0 1 10.625 8 2.628 2.628 0 0 1 8 10.625z",
9946
9963
  transform: "translate(16 11)",
9947
9964
  fillRule: "evenodd"
9948
9965
  }),
9949
- spreadsheet: /*#__PURE__*/React.createElement("path", {
9966
+ spreadsheet: /*#__PURE__*/React__default.createElement("path", {
9950
9967
  d: "M0 8h6V5H0v3zm0 5h6v-3H0v3zM0 3h6V0H0v3zm8 5h12V5H8v3zm0 5h12v-3H8v3zM8 0v3h12V0H8z",
9951
9968
  transform: "translate(14 14)",
9952
9969
  fillRule: "evenodd"
9953
9970
  }),
9954
- vector: /*#__PURE__*/React.createElement("path", {
9971
+ vector: /*#__PURE__*/React__default.createElement("path", {
9955
9972
  d: "M14.5 2V1a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v1H3.937a2 2 0 1 0 0 1h3.936A9 9 0 0 0 3 11v1h2v-1a7.003 7.003 0 0 1 4.594-6.576A1 1 0 0 0 10.5 5h3a1 1 0 0 0 .906-.576A7.003 7.003 0 0 1 19 11v1h2v-1a9 9 0 0 0-4.873-8h3.936a2 2 0 1 0 0-1H14.5zm-1-1h-3v3h3V1zM2 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm19 1a1 1 0 1 0 2 0 1 1 0 0 0-2 0z",
9956
9973
  transform: "translate(12 14)",
9957
9974
  fillRule: "evenodd"
9958
9975
  }),
9959
- video: /*#__PURE__*/React.createElement("path", {
9976
+ video: /*#__PURE__*/React__default.createElement("path", {
9960
9977
  d: "M10.75 3.875V1.25A.752.752 0 0 0 10 .5H1a.752.752 0 0 0-.75.75v7.5c0 .412.338.75.75.75h9c.412 0 .75-.338.75-.75V6.125l3 3V.875l-3 3z",
9961
9978
  transform: "translate(17 14)"
9962
9979
  })
@@ -10014,7 +10031,7 @@ var FOLD = {
10014
10031
  };
10015
10032
  var LABEL_HEIGHT = 14;
10016
10033
 
10017
- var useId = React.useId || function () {
10034
+ var useId$1 = React__default.useId || function () {
10018
10035
  var i = 0;
10019
10036
  return function () {
10020
10037
  return i++;
@@ -10041,86 +10058,86 @@ var FileIcon = function FileIcon(_ref) {
10041
10058
  _ref$radius = _ref.radius,
10042
10059
  radius = _ref$radius === void 0 ? 4 : _ref$radius,
10043
10060
  type = _ref.type;
10044
- var id = useId();
10061
+ var id = useId$1();
10045
10062
  var UNIQUE_ID = typeof jest === 'undefined' ? id : '';
10046
- return /*#__PURE__*/React.createElement("svg", {
10063
+ return /*#__PURE__*/React__default.createElement("svg", {
10047
10064
  xmlns: "http://www.w3.org/2000/svg",
10048
10065
  viewBox: "0 0 " + VIEWBOX.WIDTH + " " + VIEWBOX.HEIGHT,
10049
10066
  width: "100%",
10050
10067
  style: {
10051
10068
  maxWidth: '100%'
10052
10069
  }
10053
- }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
10070
+ }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
10054
10071
  id: "pageRadius" + UNIQUE_ID
10055
- }, /*#__PURE__*/React.createElement("rect", {
10072
+ }, /*#__PURE__*/React__default.createElement("rect", {
10056
10073
  x: ICON.X_OFFSET,
10057
10074
  y: "0",
10058
10075
  rx: radius,
10059
10076
  ry: radius,
10060
10077
  width: ICON.WIDTH,
10061
10078
  height: ICON.HEIGHT
10062
- })), /*#__PURE__*/React.createElement("clipPath", {
10079
+ })), /*#__PURE__*/React__default.createElement("clipPath", {
10063
10080
  id: "foldCrop" + UNIQUE_ID
10064
- }, /*#__PURE__*/React.createElement("rect", {
10081
+ }, /*#__PURE__*/React__default.createElement("rect", {
10065
10082
  width: ICON.WIDTH,
10066
10083
  height: FOLD.HEIGHT,
10067
10084
  transform: "rotate(-45 0 " + FOLD.HEIGHT + ")"
10068
- })), /*#__PURE__*/React.createElement("linearGradient", {
10085
+ })), /*#__PURE__*/React__default.createElement("linearGradient", {
10069
10086
  x1: "100%",
10070
10087
  y1: "0%",
10071
10088
  y2: "100%",
10072
10089
  id: "pageGradient" + UNIQUE_ID
10073
- }, /*#__PURE__*/React.createElement("stop", {
10090
+ }, /*#__PURE__*/React__default.createElement("stop", {
10074
10091
  stopColor: gradientColor,
10075
10092
  stopOpacity: gradientOpacity,
10076
10093
  offset: "0%"
10077
- }), /*#__PURE__*/React.createElement("stop", {
10094
+ }), /*#__PURE__*/React__default.createElement("stop", {
10078
10095
  stopColor: gradientColor,
10079
10096
  stopOpacity: "0",
10080
10097
  offset: "66.67%"
10081
- }))), /*#__PURE__*/React.createElement("g", {
10098
+ }))), /*#__PURE__*/React__default.createElement("g", {
10082
10099
  id: "file",
10083
10100
  clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
10084
- }, fold ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
10101
+ }, fold ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("path", {
10085
10102
  d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
10086
10103
  fill: color
10087
- }), /*#__PURE__*/React.createElement("path", {
10104
+ }), /*#__PURE__*/React__default.createElement("path", {
10088
10105
  d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
10089
10106
  fill: "url(#pageGradient" + UNIQUE_ID + ")"
10090
- })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
10107
+ })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("rect", {
10091
10108
  x: ICON.X_OFFSET,
10092
10109
  y: "0",
10093
10110
  width: ICON.WIDTH,
10094
10111
  height: ICON.HEIGHT,
10095
10112
  fill: color
10096
- }), /*#__PURE__*/React.createElement("rect", {
10113
+ }), /*#__PURE__*/React__default.createElement("rect", {
10097
10114
  x: ICON.X_OFFSET,
10098
10115
  y: "0",
10099
10116
  width: ICON.WIDTH,
10100
10117
  height: ICON.HEIGHT,
10101
10118
  fill: "url(#pageGradient" + UNIQUE_ID + ")"
10102
- }))), fold && /*#__PURE__*/React.createElement("g", {
10119
+ }))), fold && /*#__PURE__*/React__default.createElement("g", {
10103
10120
  transform: "translate(28 " + FOLD.HEIGHT + ") rotate(-90)"
10104
- }, /*#__PURE__*/React.createElement("rect", {
10121
+ }, /*#__PURE__*/React__default.createElement("rect", {
10105
10122
  width: ICON.WIDTH,
10106
10123
  height: ICON.HEIGHT,
10107
10124
  fill: foldColor || w$1(color).darken(0.1).toHex(),
10108
10125
  rx: radius,
10109
10126
  ry: radius,
10110
10127
  clipPath: "url(#foldCrop" + UNIQUE_ID + ")"
10111
- })), extension && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("g", {
10128
+ })), extension && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("g", {
10112
10129
  id: "label" + UNIQUE_ID
10113
- }, /*#__PURE__*/React.createElement("rect", {
10130
+ }, /*#__PURE__*/React__default.createElement("rect", {
10114
10131
  fill: labelColor || w$1(color).darken(0.3).toHex(),
10115
10132
  x: ICON.X_OFFSET,
10116
10133
  y: ICON.HEIGHT - LABEL_HEIGHT,
10117
10134
  width: ICON.WIDTH,
10118
10135
  height: LABEL_HEIGHT,
10119
10136
  clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
10120
- })), /*#__PURE__*/React.createElement("g", {
10137
+ })), /*#__PURE__*/React__default.createElement("g", {
10121
10138
  id: "labelText" + UNIQUE_ID,
10122
10139
  transform: "translate(" + ICON.X_OFFSET + " 34)"
10123
- }, /*#__PURE__*/React.createElement("text", {
10140
+ }, /*#__PURE__*/React__default.createElement("text", {
10124
10141
  x: ICON.WIDTH / 2,
10125
10142
  y: "10",
10126
10143
  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
@@ -10134,7 +10151,7 @@ var FileIcon = function FileIcon(_ref) {
10134
10151
  textTransform: labelUppercase ? 'uppercase' : 'none',
10135
10152
  userSelect: 'none'
10136
10153
  }
10137
- }, extension))), type && /*#__PURE__*/React.createElement("g", {
10154
+ }, extension))), type && /*#__PURE__*/React__default.createElement("g", {
10138
10155
  transform: "translate(-4 " + (!extension ? 6 : 0) + ")",
10139
10156
  fill: glyphColor || w$1(color).darken(0.15).toHex()
10140
10157
  }, glyphs[type]));
@@ -36877,7 +36894,7 @@ function requireDayCell () {
36877
36894
  value: true
36878
36895
  });
36879
36896
  DayCell.rangeShape = DayCell.default = void 0;
36880
- var _react = _interopRequireWildcard(React);
36897
+ var _react = _interopRequireWildcard(React__default);
36881
36898
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
36882
36899
  var _classnames = _interopRequireDefault(requireClassnames());
36883
36900
  var _dateFns = /*@__PURE__*/ requireDateFns();
@@ -37214,7 +37231,7 @@ function requireMonth () {
37214
37231
  value: true
37215
37232
  });
37216
37233
  Month.default = void 0;
37217
- var _react = _interopRequireWildcard(React);
37234
+ var _react = _interopRequireWildcard(React__default);
37218
37235
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
37219
37236
  var _DayCell = _interopRequireWildcard(requireDayCell());
37220
37237
  var _dateFns = /*@__PURE__*/ requireDateFns();
@@ -37354,7 +37371,7 @@ function requireDateInput () {
37354
37371
  value: true
37355
37372
  });
37356
37373
  DateInput.default = void 0;
37357
- var _react = _interopRequireWildcard(React);
37374
+ var _react = _interopRequireWildcard(React__default);
37358
37375
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
37359
37376
  var _classnames = _interopRequireDefault(requireClassnames());
37360
37377
  var _dateFns = /*@__PURE__*/ requireDateFns();
@@ -37500,7 +37517,7 @@ function requireReactList () {
37500
37517
  (function (exports) {
37501
37518
  (function (global, factory) {
37502
37519
  {
37503
- factory(exports, React, requireJsxRuntime());
37520
+ factory(exports, React__default, requireJsxRuntime());
37504
37521
  }
37505
37522
  })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : reactList, function (_exports, _react, _jsxRuntime) {
37506
37523
 
@@ -38299,7 +38316,7 @@ function requireCalendar () {
38299
38316
  value: true
38300
38317
  });
38301
38318
  Calendar.default = void 0;
38302
- var _react = _interopRequireWildcard(React);
38319
+ var _react = _interopRequireWildcard(React__default);
38303
38320
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
38304
38321
  var _DayCell = requireDayCell();
38305
38322
  var _Month = _interopRequireDefault(requireMonth());
@@ -38927,7 +38944,7 @@ function requireDateRange () {
38927
38944
  value: true
38928
38945
  });
38929
38946
  DateRange.default = void 0;
38930
- var _react = _interopRequireWildcard(React);
38947
+ var _react = _interopRequireWildcard(React__default);
38931
38948
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
38932
38949
  var _Calendar = _interopRequireDefault(requireCalendar());
38933
38950
  var _DayCell = requireDayCell();
@@ -39243,7 +39260,7 @@ function requireInputRangeField () {
39243
39260
  value: true
39244
39261
  });
39245
39262
  InputRangeField.default = void 0;
39246
- var _react = _interopRequireWildcard(React);
39263
+ var _react = _interopRequireWildcard(React__default);
39247
39264
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
39248
39265
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
39249
39266
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -39329,7 +39346,7 @@ function requireDefinedRange () {
39329
39346
  value: true
39330
39347
  });
39331
39348
  DefinedRange.default = void 0;
39332
- var _react = _interopRequireWildcard(React);
39349
+ var _react = _interopRequireWildcard(React__default);
39333
39350
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
39334
39351
  var _styles = _interopRequireDefault(requireStyles());
39335
39352
  var _defaultRanges = requireDefaultRanges();
@@ -39485,7 +39502,7 @@ function requireDateRangePicker () {
39485
39502
  value: true
39486
39503
  });
39487
39504
  DateRangePicker.default = void 0;
39488
- var _react = _interopRequireWildcard(React);
39505
+ var _react = _interopRequireWildcard(React__default);
39489
39506
  var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
39490
39507
  var _DateRange = _interopRequireDefault(requireDateRange());
39491
39508
  var _DefinedRange = _interopRequireDefault(requireDefinedRange());
@@ -41116,7 +41133,7 @@ const arrow$1 = options => ({
41116
41133
  * clipping boundary. Alternative to `autoPlacement`.
41117
41134
  * @see https://floating-ui.com/docs/flip
41118
41135
  */
41119
- const flip$1 = function (options) {
41136
+ const flip$2 = function (options) {
41120
41137
  if (options === void 0) {
41121
41138
  options = {};
41122
41139
  }
@@ -41294,7 +41311,7 @@ async function convertValueToCoords(state, options) {
41294
41311
  * object may be passed.
41295
41312
  * @see https://floating-ui.com/docs/offset
41296
41313
  */
41297
- const offset$1 = function (options) {
41314
+ const offset$2 = function (options) {
41298
41315
  if (options === void 0) {
41299
41316
  options = 0;
41300
41317
  }
@@ -41333,7 +41350,7 @@ const offset$1 = function (options) {
41333
41350
  * keep it in view when it will overflow the clipping boundary.
41334
41351
  * @see https://floating-ui.com/docs/shift
41335
41352
  */
41336
- const shift$1 = function (options) {
41353
+ const shift$2 = function (options) {
41337
41354
  if (options === void 0) {
41338
41355
  options = {};
41339
41356
  }
@@ -42228,14 +42245,14 @@ function autoUpdate(reference, floating, update, options) {
42228
42245
  * object may be passed.
42229
42246
  * @see https://floating-ui.com/docs/offset
42230
42247
  */
42231
- const offset = offset$1;
42248
+ const offset$1 = offset$2;
42232
42249
 
42233
42250
  /**
42234
42251
  * Optimizes the visibility of the floating element by shifting it in order to
42235
42252
  * keep it in view when it will overflow the clipping boundary.
42236
42253
  * @see https://floating-ui.com/docs/shift
42237
42254
  */
42238
- const shift = shift$1;
42255
+ const shift$1 = shift$2;
42239
42256
 
42240
42257
  /**
42241
42258
  * Optimizes the visibility of the floating element by flipping the `placement`
@@ -42243,7 +42260,7 @@ const shift = shift$1;
42243
42260
  * clipping boundary. Alternative to `autoPlacement`.
42244
42261
  * @see https://floating-ui.com/docs/flip
42245
42262
  */
42246
- const flip = flip$1;
42263
+ const flip$1 = flip$2;
42247
42264
 
42248
42265
  /**
42249
42266
  * Provides data to position an inner element of the floating element so that it
@@ -42281,7 +42298,7 @@ const computePosition = (reference, floating, options) => {
42281
42298
  * @copyright ReactTooltip Team
42282
42299
  * @license MIT
42283
42300
  */
42284
- const h="react-tooltip-core-styles",w="react-tooltip-base-styles",b={core:false,base:false};function S({css:e,id:t=w,type:o="base",ref:l}){var r,n;if(!e||"undefined"==typeof document||b[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(r=null===process||void 0===process?void 0:process.env)||void 0===r?void 0:r.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t=h),l||(l={});const{insertAt:i}=l;if(document.getElementById(t))return;const c=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===i&&c.firstChild?c.insertBefore(s,c.firstChild):c.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),b[o]=true;}const E=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:l="top",offset:r=10,strategy:n="absolute",middlewares:i=[offset(Number(r)),flip({fallbackAxisSideDirection:"start"}),shift({padding:5})],border:c,arrowSize:s=8})=>{if(!e)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};if(null===t)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};const a=i;return o?(a.push(arrow({element:o,padding:5})),computePosition(e,t,{placement:l,strategy:n,middleware:a}).then((({x:e,y:t,placement:o,middlewareData:l})=>{var r,n;const i={left:`${e}px`,top:`${t}px`,border:c},{x:a,y:u}=null!==(r=l.arrow)&&void 0!==r?r:{x:0,y:0},d=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",p=c&&{borderBottom:c,borderRight:c};let v=0;if(c){const e=`${c}`.match(/(\d+)px/);v=(null==e?void 0:e[1])?Number(e[1]):1;}return {tooltipStyles:i,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=u?`${u}px`:"",right:"",bottom:"",...p,[d]:`-${s/2+v}px`},place:o}}))):computePosition(e,t,{placement:"bottom",strategy:n,middleware:a}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},A=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),_=(e,t,o)=>{let l=null;const r=function(...r){const n=()=>{l=null;};!l&&(e.apply(this,r),l=setTimeout(n,t));};return r.cancel=()=>{l&&(clearTimeout(l),l=null);},r},O=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,k=(e,t)=>{if(e===t)return true;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>k(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return false;if(!O(e)||!O(t))return e===t;const o=Object.keys(e),l=Object.keys(t);return o.length===l.length&&o.every((o=>k(e[o],t[o])))},T=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return false;const t=getComputedStyle(e);return ["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return "auto"===o||"scroll"===o}))},L=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(T(t))return t;t=t.parentElement;}return document.scrollingElement||document.documentElement},C="undefined"!=typeof window?useLayoutEffect:useEffect,R=e=>{e.current&&(clearTimeout(e.current),e.current=null);},x="DEFAULT_TOOLTIP_ID",N={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},$=createContext({getTooltipData:()=>N});function z(e=x){return useContext($).getTooltipData(e)}var B={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},D={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const q=({forwardRef:t,id:l,className:i,classNameArrow:c,variant:u="dark",anchorId:d,anchorSelect:p,place:v="top",offset:m=10,events:h=["hover"],openOnClick:w=false,positionStrategy:b="absolute",middlewares:S,wrapper:g,delayShow:A=0,delayHide:O=0,float:T=false,hidden:x=false,noArrow:N=false,clickable:$=false,closeOnEsc:I=false,closeOnScroll:j=false,closeOnResize:q=false,openEvents:H,closeEvents:M,globalCloseEvents:W,imperativeModeOnly:P,style:V,position:F,afterShow:K,afterHide:U,disableTooltip:X,content:Y,contentWrapperRef:G,isOpen:Z,defaultIsOpen:J=false,setIsOpen:Q,activeAnchor:ee,setActiveAnchor:te,border:oe,opacity:le,arrowColor:re,arrowSize:ne=8,role:ie="tooltip"})=>{var ce;const se=useRef(null),ae=useRef(null),ue=useRef(null),de=useRef(null),pe=useRef(null),[ve,me]=useState({tooltipStyles:{},tooltipArrowStyles:{},place:v}),[fe,ye]=useState(false),[he,we]=useState(false),[be,Se]=useState(null),ge=useRef(false),Ee=useRef(null),{anchorRefs:Ae,setActiveAnchor:_e}=z(l),Oe=useRef(false),[ke,Te]=useState([]),Le=useRef(false),Ce=w||h.includes("click"),Re=Ce||(null==H?void 0:H.click)||(null==H?void 0:H.dblclick)||(null==H?void 0:H.mousedown),xe=H?{...H}:{mouseover:true,focus:true,mouseenter:false,click:false,dblclick:false,mousedown:false};!H&&Ce&&Object.assign(xe,{mouseenter:false,focus:false,mouseover:false,click:true});const Ne=M?{...M}:{mouseout:true,blur:true,mouseleave:false,click:false,dblclick:false,mouseup:false};!M&&Ce&&Object.assign(Ne,{mouseleave:false,blur:false,mouseout:false});const $e=W?{...W}:{escape:I||false,scroll:j||false,resize:q||false,clickOutsideAnchor:Re||false};P&&(Object.assign(xe,{mouseover:false,focus:false,mouseenter:false,click:false,dblclick:false,mousedown:false}),Object.assign(Ne,{mouseout:false,blur:false,mouseleave:false,click:false,dblclick:false,mouseup:false}),Object.assign($e,{escape:false,scroll:false,resize:false,clickOutsideAnchor:false})),C((()=>(Le.current=true,()=>{Le.current=false;})),[]);const Ie=e=>{Le.current&&(e&&we(true),setTimeout((()=>{Le.current&&(null==Q||Q(e),void 0===Z&&ye(e));}),10));};useEffect((()=>{if(void 0===Z)return ()=>null;Z&&we(true);const e=setTimeout((()=>{ye(Z);}),10);return ()=>{clearTimeout(e);}}),[Z]),useEffect((()=>{if(fe!==ge.current)if(R(pe),ge.current=fe,fe)null==K||K();else {const e=(e=>{const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,o,l]=t;return Number(o)*("ms"===l?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));pe.current=setTimeout((()=>{we(false),Se(null),null==U||U();}),e+25);}}),[fe]);const ze=e=>{me((t=>k(t,e)?t:e));},je=(e=A)=>{R(ue),he?Ie(true):ue.current=setTimeout((()=>{Ie(true);}),e);},Be=(e=O)=>{R(de),de.current=setTimeout((()=>{Oe.current||Ie(false);}),e);},De=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==o?void 0:o.isConnected))return te(null),void _e({current:null});A?je():Ie(true),te(o),_e({current:o}),R(de);},qe=()=>{$?Be(O||100):O?Be():Ie(false),R(ue);},He=({x:e,y:t})=>{var o;const l={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};E({place:null!==(o=null==be?void 0:be.place)&&void 0!==o?o:v,offset:m,elementReference:l,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{ze(e);}));},Me=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};He(o),Ee.current=o;},We=e=>{var t;if(!fe)return;const o=e.target;if(!o.isConnected)return;if(null===(t=se.current)||void 0===t?void 0:t.contains(o))return;[document.querySelector(`[id='${d}']`),...ke].some((e=>null==e?void 0:e.contains(o)))||(Ie(false),R(ue));},Pe=_(De,50),Ve=_(qe,50),Fe=e=>{Ve.cancel(),Pe(e);},Ke=()=>{Pe.cancel(),Ve();},Ue=useCallback((()=>{var e,t;const o=null!==(e=null==be?void 0:be.position)&&void 0!==e?e:F;o?He(o):T?Ee.current&&He(Ee.current):(null==ee?void 0:ee.isConnected)&&E({place:null!==(t=null==be?void 0:be.place)&&void 0!==t?t:v,offset:m,elementReference:ee,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{Le.current&&ze(e);}));}),[fe,ee,Y,V,v,null==be?void 0:be.place,m,b,F,null==be?void 0:be.position,T,ne]);useEffect((()=>{var e,t;const o=new Set(Ae);ke.forEach((e=>{(null==X?void 0:X(e))||o.add({current:e});}));const l=document.querySelector(`[id='${d}']`);l&&!(null==X?void 0:X(l))&&o.add({current:l});const r=()=>{Ie(false);},n=L(ee),i=L(se.current);$e.scroll&&(window.addEventListener("scroll",r),null==n||n.addEventListener("scroll",r),null==i||i.addEventListener("scroll",r));let c=null;$e.resize?window.addEventListener("resize",r):ee&&se.current&&(c=autoUpdate(ee,se.current,Ue,{ancestorResize:true,elementResize:true,layoutShift:true}));const s=e=>{"Escape"===e.key&&Ie(false);};$e.escape&&window.addEventListener("keydown",s),$e.clickOutsideAnchor&&window.addEventListener("click",We);const a=[],u=e=>Boolean((null==e?void 0:e.target)&&(null==ee?void 0:ee.contains(e.target))),p=e=>{fe&&u(e)||De(e);},v=e=>{fe&&u(e)&&qe();},m=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],y=["click","dblclick","mousedown","mouseup"];Object.entries(xe).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Fe}):y.includes(e)&&a.push({event:e,listener:p}));})),Object.entries(Ne).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Ke}):y.includes(e)&&a.push({event:e,listener:v}));})),T&&a.push({event:"pointermove",listener:Me});const h=()=>{Oe.current=true;},w=()=>{Oe.current=false,qe();},b=$&&(Ne.mouseout||Ne.mouseleave);return b&&(null===(e=se.current)||void 0===e||e.addEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.addEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.addEventListener(e,t);}));})),()=>{var e,t;$e.scroll&&(window.removeEventListener("scroll",r),null==n||n.removeEventListener("scroll",r),null==i||i.removeEventListener("scroll",r)),$e.resize?window.removeEventListener("resize",r):null==c||c(),$e.clickOutsideAnchor&&window.removeEventListener("click",We),$e.escape&&window.removeEventListener("keydown",s),b&&(null===(e=se.current)||void 0===e||e.removeEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.removeEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.removeEventListener(e,t);}));}));}}),[ee,Ue,he,Ae,ke,H,M,W,Ce,A,O]),useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p)&&void 0!==t?t:"";!o&&l&&(o=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=[],r=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){e.target.getAttribute("data-tooltip-id")===l?t.push(e.target):e.oldValue===l&&r.push(e.target);}if("childList"===e.type){if(ee){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{r.push(...t.filter((e=>e.matches(o)))),r.push(...t.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}t.some((e=>{var t;return !!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,ee))&&(we(false),Ie(false),te(null),R(ue),R(de),true)}));}if(o)try{const l=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...l.filter((e=>e.matches(o)))),t.push(...l.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}}})),(t.length||r.length)&&Te((e=>[...e.filter((e=>!r.includes(e))),...t]));}));return r.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:["data-tooltip-id"],attributeOldValue:true}),()=>{r.disconnect();}}),[l,p,null==be?void 0:be.anchorSelect,ee]),useEffect((()=>{Ue();}),[Ue]),useEffect((()=>{if(!(null==G?void 0:G.current))return ()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ue()));}));return e.observe(G.current),()=>{e.disconnect();}}),[Y,null==G?void 0:G.current]),useEffect((()=>{var e;const t=document.querySelector(`[id='${d}']`),o=[...ke,t];ee&&o.includes(ee)||te(null!==(e=ke[0])&&void 0!==e?e:t);}),[d,ke,ee]),useEffect((()=>(J&&Ie(true),()=>{R(ue),R(de);})),[]),useEffect((()=>{var e;let t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p;if(!t&&l&&(t=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));Te(e);}catch(e){Te([]);}}),[l,p,null==be?void 0:be.anchorSelect]),useEffect((()=>{ue.current&&(R(ue),je(A));}),[A]);const Xe=null!==(ce=null==be?void 0:be.content)&&void 0!==ce?ce:Y,Ye=fe&&Object.keys(ve.tooltipStyles).length>0;return useImperativeHandle(t,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect);}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}Se(null!=e?e:null),(null==e?void 0:e.delay)?je(e.delay):Ie(true);},close:e=>{(null==e?void 0:e.delay)?Be(e.delay):Ie(false);},activeAnchor:ee,place:ve.place,isOpen:Boolean(he&&!x&&Xe&&Ye)}))),he&&!x&&Xe?React.createElement(g,{id:l,role:ie,className:classNames("react-tooltip",B.tooltip,D.tooltip,D[u],i,`react-tooltip__place-${ve.place}`,B[Ye?"show":"closing"],Ye?"react-tooltip__show":"react-tooltip__closing","fixed"===b&&B.fixed,$&&B.clickable),onTransitionEnd:e=>{R(pe),fe||"opacity"!==e.propertyName||(we(false),Se(null),null==U||U());},style:{...V,...ve.tooltipStyles,opacity:void 0!==le&&Ye?le:void 0},ref:se},Xe,React.createElement(g,{className:classNames("react-tooltip-arrow",B.arrow,D.arrow,c,N&&B.noArrow),style:{...ve.tooltipArrowStyles,background:re?`linear-gradient(to right bottom, transparent 50%, ${re} 50%)`:void 0,"--rt-arrow-size":`${ne}px`},ref:ae})):null},H=({content:t})=>React.createElement("span",{dangerouslySetInnerHTML:{__html:t}}),M=React.forwardRef((({id:t,anchorId:l,anchorSelect:n,content:i,html:c,render:a,className:u,classNameArrow:d,variant:p="dark",place:v="top",offset:m=10,wrapper:f="div",children:h=null,events:w=["hover"],openOnClick:b=false,positionStrategy:S="absolute",middlewares:g,delayShow:E=0,delayHide:_=0,float:O=false,hidden:k=false,noArrow:T=false,clickable:L=false,closeOnEsc:C=false,closeOnScroll:R=false,closeOnResize:x=false,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j=false,style:B,position:D,isOpen:M,defaultIsOpen:W=false,disableStyleInjection:P=false,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,role:J="tooltip"},Q)=>{const[ee,te]=useState(i),[oe,le]=useState(c),[re,ne]=useState(v),[ie,ce]=useState(p),[se,ae]=useState(m),[ue,de]=useState(E),[pe,ve]=useState(_),[me,fe]=useState(O),[ye,he]=useState(k),[we,be]=useState(f),[Se,ge]=useState(w),[Ee,Ae]=useState(S),[_e,Oe]=useState(null),[ke,Te]=useState(null),Le=useRef(P),{anchorRefs:Ce,activeAnchor:Re}=z(t),xe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var l;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(l=null==e?void 0:e.getAttribute(o))&&void 0!==l?l:null;}return t}),{}),Ne=e=>{const t={place:e=>{var t;ne(null!==(t=e)&&void 0!==t?t:v);},content:e=>{te(null!=e?e:i);},html:e=>{le(null!=e?e:c);},variant:e=>{var t;ce(null!==(t=e)&&void 0!==t?t:p);},offset:e=>{ae(null===e?m:Number(e));},wrapper:e=>{var t;be(null!==(t=e)&&void 0!==t?t:f);},events:e=>{const t=null==e?void 0:e.split(" ");ge(null!=t?t:w);},"position-strategy":e=>{var t;Ae(null!==(t=e)&&void 0!==t?t:S);},"delay-show":e=>{de(null===e?E:Number(e));},"delay-hide":e=>{ve(null===e?_:Number(e));},float:e=>{fe(null===e?O:"true"===e);},hidden:e=>{he(null===e?k:"true"===e);},"class-name":e=>{Oe(e);}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var l;null===(l=t[e])||void 0===l||l.call(t,o);}));};useEffect((()=>{te(i);}),[i]),useEffect((()=>{le(c);}),[c]),useEffect((()=>{ne(v);}),[v]),useEffect((()=>{ce(p);}),[p]),useEffect((()=>{ae(m);}),[m]),useEffect((()=>{de(E);}),[E]),useEffect((()=>{ve(_);}),[_]),useEffect((()=>{fe(O);}),[O]),useEffect((()=>{he(k);}),[k]),useEffect((()=>{Ae(S);}),[S]),useEffect((()=>{Le.current!==P&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");}),[P]),useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===P,disableBase:P}}));}),[]),useEffect((()=>{var e;const o=new Set(Ce);let r=n;if(!r&&t&&(r=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),r)try{document.querySelectorAll(r).forEach((e=>{o.add({current:e});}));}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`);}const i=document.querySelector(`[id='${l}']`);if(i&&o.add({current:i}),!o.size)return ()=>null;const c=null!==(e=null!=ke?ke:i)&&void 0!==e?e:Re.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!c||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=xe(c);Ne(o);}));})),a={attributes:true,childList:false,subtree:false};if(c){const e=xe(c);Ne(e),s.observe(c,a);}return ()=>{s.disconnect();}}),[Ce,Re,ke,l,n]),useEffect((()=>{(null==B?void 0:B.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),V&&!A("border",`${V}`)&&console.warn(`[react-tooltip] "${V}" is not a valid \`border\`.`),(null==B?void 0:B.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),F&&!A("opacity",`${F}`)&&console.warn(`[react-tooltip] "${F}" is not a valid \`opacity\`.`);}),[]);let $e=h;const Ie=useRef(null);if(a){const t=a({content:(null==ke?void 0:ke.getAttribute("data-tooltip-content"))||ee||null,activeAnchor:ke});$e=t?React.createElement("div",{ref:Ie,className:"react-tooltip-content-wrapper"},t):null;}else ee&&($e=ee);oe&&($e=React.createElement(H,{content:oe}));const ze={forwardRef:Q,id:t,anchorId:l,anchorSelect:n,className:classNames(u,_e),classNameArrow:d,content:$e,contentWrapperRef:Ie,place:re,variant:ie,offset:se,wrapper:we,events:Se,openOnClick:b,positionStrategy:Ee,middlewares:g,delayShow:ue,delayHide:pe,float:me,hidden:ye,noArrow:T,clickable:L,closeOnEsc:C,closeOnScroll:R,closeOnResize:x,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j,style:B,position:D,isOpen:M,defaultIsOpen:W,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,activeAnchor:ke,setActiveAnchor:e=>Te(e),role:J};return React.createElement(q,{...ze})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||S({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||S({css:`
42301
+ const h="react-tooltip-core-styles",w="react-tooltip-base-styles",b={core:false,base:false};function S({css:e,id:t=w,type:o="base",ref:l}){var r,n;if(!e||"undefined"==typeof document||b[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(r=null===process||void 0===process?void 0:process.env)||void 0===r?void 0:r.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t=h),l||(l={});const{insertAt:i}=l;if(document.getElementById(t))return;const c=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===i&&c.firstChild?c.insertBefore(s,c.firstChild):c.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),b[o]=true;}const E=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:l="top",offset:r=10,strategy:n="absolute",middlewares:i=[offset$1(Number(r)),flip$1({fallbackAxisSideDirection:"start"}),shift$1({padding:5})],border:c,arrowSize:s=8})=>{if(!e)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};if(null===t)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};const a=i;return o?(a.push(arrow({element:o,padding:5})),computePosition(e,t,{placement:l,strategy:n,middleware:a}).then((({x:e,y:t,placement:o,middlewareData:l})=>{var r,n;const i={left:`${e}px`,top:`${t}px`,border:c},{x:a,y:u}=null!==(r=l.arrow)&&void 0!==r?r:{x:0,y:0},d=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",p=c&&{borderBottom:c,borderRight:c};let v=0;if(c){const e=`${c}`.match(/(\d+)px/);v=(null==e?void 0:e[1])?Number(e[1]):1;}return {tooltipStyles:i,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=u?`${u}px`:"",right:"",bottom:"",...p,[d]:`-${s/2+v}px`},place:o}}))):computePosition(e,t,{placement:"bottom",strategy:n,middleware:a}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},A=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),_=(e,t,o)=>{let l=null;const r=function(...r){const n=()=>{l=null;};!l&&(e.apply(this,r),l=setTimeout(n,t));};return r.cancel=()=>{l&&(clearTimeout(l),l=null);},r},O=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,k=(e,t)=>{if(e===t)return true;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>k(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return false;if(!O(e)||!O(t))return e===t;const o=Object.keys(e),l=Object.keys(t);return o.length===l.length&&o.every((o=>k(e[o],t[o])))},T=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return false;const t=getComputedStyle(e);return ["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return "auto"===o||"scroll"===o}))},L=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(T(t))return t;t=t.parentElement;}return document.scrollingElement||document.documentElement},C="undefined"!=typeof window?useLayoutEffect:useEffect,R=e=>{e.current&&(clearTimeout(e.current),e.current=null);},x="DEFAULT_TOOLTIP_ID",N={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},$=createContext({getTooltipData:()=>N});function z(e=x){return useContext($).getTooltipData(e)}var B={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},D={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const q=({forwardRef:t,id:l,className:i,classNameArrow:c,variant:u="dark",anchorId:d,anchorSelect:p,place:v="top",offset:m=10,events:h=["hover"],openOnClick:w=false,positionStrategy:b="absolute",middlewares:S,wrapper:g,delayShow:A=0,delayHide:O=0,float:T=false,hidden:x=false,noArrow:N=false,clickable:$=false,closeOnEsc:I=false,closeOnScroll:j=false,closeOnResize:q=false,openEvents:H,closeEvents:M,globalCloseEvents:W,imperativeModeOnly:P,style:V,position:F,afterShow:K,afterHide:U,disableTooltip:X,content:Y,contentWrapperRef:G,isOpen:Z,defaultIsOpen:J=false,setIsOpen:Q,activeAnchor:ee,setActiveAnchor:te,border:oe,opacity:le,arrowColor:re,arrowSize:ne=8,role:ie="tooltip"})=>{var ce;const se=useRef(null),ae=useRef(null),ue=useRef(null),de=useRef(null),pe=useRef(null),[ve,me]=useState({tooltipStyles:{},tooltipArrowStyles:{},place:v}),[fe,ye]=useState(false),[he,we]=useState(false),[be,Se]=useState(null),ge=useRef(false),Ee=useRef(null),{anchorRefs:Ae,setActiveAnchor:_e}=z(l),Oe=useRef(false),[ke,Te]=useState([]),Le=useRef(false),Ce=w||h.includes("click"),Re=Ce||(null==H?void 0:H.click)||(null==H?void 0:H.dblclick)||(null==H?void 0:H.mousedown),xe=H?{...H}:{mouseover:true,focus:true,mouseenter:false,click:false,dblclick:false,mousedown:false};!H&&Ce&&Object.assign(xe,{mouseenter:false,focus:false,mouseover:false,click:true});const Ne=M?{...M}:{mouseout:true,blur:true,mouseleave:false,click:false,dblclick:false,mouseup:false};!M&&Ce&&Object.assign(Ne,{mouseleave:false,blur:false,mouseout:false});const $e=W?{...W}:{escape:I||false,scroll:j||false,resize:q||false,clickOutsideAnchor:Re||false};P&&(Object.assign(xe,{mouseover:false,focus:false,mouseenter:false,click:false,dblclick:false,mousedown:false}),Object.assign(Ne,{mouseout:false,blur:false,mouseleave:false,click:false,dblclick:false,mouseup:false}),Object.assign($e,{escape:false,scroll:false,resize:false,clickOutsideAnchor:false})),C((()=>(Le.current=true,()=>{Le.current=false;})),[]);const Ie=e=>{Le.current&&(e&&we(true),setTimeout((()=>{Le.current&&(null==Q||Q(e),void 0===Z&&ye(e));}),10));};useEffect((()=>{if(void 0===Z)return ()=>null;Z&&we(true);const e=setTimeout((()=>{ye(Z);}),10);return ()=>{clearTimeout(e);}}),[Z]),useEffect((()=>{if(fe!==ge.current)if(R(pe),ge.current=fe,fe)null==K||K();else {const e=(e=>{const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,o,l]=t;return Number(o)*("ms"===l?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));pe.current=setTimeout((()=>{we(false),Se(null),null==U||U();}),e+25);}}),[fe]);const ze=e=>{me((t=>k(t,e)?t:e));},je=(e=A)=>{R(ue),he?Ie(true):ue.current=setTimeout((()=>{Ie(true);}),e);},Be=(e=O)=>{R(de),de.current=setTimeout((()=>{Oe.current||Ie(false);}),e);},De=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==o?void 0:o.isConnected))return te(null),void _e({current:null});A?je():Ie(true),te(o),_e({current:o}),R(de);},qe=()=>{$?Be(O||100):O?Be():Ie(false),R(ue);},He=({x:e,y:t})=>{var o;const l={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};E({place:null!==(o=null==be?void 0:be.place)&&void 0!==o?o:v,offset:m,elementReference:l,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{ze(e);}));},Me=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};He(o),Ee.current=o;},We=e=>{var t;if(!fe)return;const o=e.target;if(!o.isConnected)return;if(null===(t=se.current)||void 0===t?void 0:t.contains(o))return;[document.querySelector(`[id='${d}']`),...ke].some((e=>null==e?void 0:e.contains(o)))||(Ie(false),R(ue));},Pe=_(De,50),Ve=_(qe,50),Fe=e=>{Ve.cancel(),Pe(e);},Ke=()=>{Pe.cancel(),Ve();},Ue=useCallback((()=>{var e,t;const o=null!==(e=null==be?void 0:be.position)&&void 0!==e?e:F;o?He(o):T?Ee.current&&He(Ee.current):(null==ee?void 0:ee.isConnected)&&E({place:null!==(t=null==be?void 0:be.place)&&void 0!==t?t:v,offset:m,elementReference:ee,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{Le.current&&ze(e);}));}),[fe,ee,Y,V,v,null==be?void 0:be.place,m,b,F,null==be?void 0:be.position,T,ne]);useEffect((()=>{var e,t;const o=new Set(Ae);ke.forEach((e=>{(null==X?void 0:X(e))||o.add({current:e});}));const l=document.querySelector(`[id='${d}']`);l&&!(null==X?void 0:X(l))&&o.add({current:l});const r=()=>{Ie(false);},n=L(ee),i=L(se.current);$e.scroll&&(window.addEventListener("scroll",r),null==n||n.addEventListener("scroll",r),null==i||i.addEventListener("scroll",r));let c=null;$e.resize?window.addEventListener("resize",r):ee&&se.current&&(c=autoUpdate(ee,se.current,Ue,{ancestorResize:true,elementResize:true,layoutShift:true}));const s=e=>{"Escape"===e.key&&Ie(false);};$e.escape&&window.addEventListener("keydown",s),$e.clickOutsideAnchor&&window.addEventListener("click",We);const a=[],u=e=>Boolean((null==e?void 0:e.target)&&(null==ee?void 0:ee.contains(e.target))),p=e=>{fe&&u(e)||De(e);},v=e=>{fe&&u(e)&&qe();},m=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],y=["click","dblclick","mousedown","mouseup"];Object.entries(xe).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Fe}):y.includes(e)&&a.push({event:e,listener:p}));})),Object.entries(Ne).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Ke}):y.includes(e)&&a.push({event:e,listener:v}));})),T&&a.push({event:"pointermove",listener:Me});const h=()=>{Oe.current=true;},w=()=>{Oe.current=false,qe();},b=$&&(Ne.mouseout||Ne.mouseleave);return b&&(null===(e=se.current)||void 0===e||e.addEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.addEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.addEventListener(e,t);}));})),()=>{var e,t;$e.scroll&&(window.removeEventListener("scroll",r),null==n||n.removeEventListener("scroll",r),null==i||i.removeEventListener("scroll",r)),$e.resize?window.removeEventListener("resize",r):null==c||c(),$e.clickOutsideAnchor&&window.removeEventListener("click",We),$e.escape&&window.removeEventListener("keydown",s),b&&(null===(e=se.current)||void 0===e||e.removeEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.removeEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.removeEventListener(e,t);}));}));}}),[ee,Ue,he,Ae,ke,H,M,W,Ce,A,O]),useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p)&&void 0!==t?t:"";!o&&l&&(o=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=[],r=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){e.target.getAttribute("data-tooltip-id")===l?t.push(e.target):e.oldValue===l&&r.push(e.target);}if("childList"===e.type){if(ee){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{r.push(...t.filter((e=>e.matches(o)))),r.push(...t.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}t.some((e=>{var t;return !!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,ee))&&(we(false),Ie(false),te(null),R(ue),R(de),true)}));}if(o)try{const l=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...l.filter((e=>e.matches(o)))),t.push(...l.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}}})),(t.length||r.length)&&Te((e=>[...e.filter((e=>!r.includes(e))),...t]));}));return r.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:["data-tooltip-id"],attributeOldValue:true}),()=>{r.disconnect();}}),[l,p,null==be?void 0:be.anchorSelect,ee]),useEffect((()=>{Ue();}),[Ue]),useEffect((()=>{if(!(null==G?void 0:G.current))return ()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ue()));}));return e.observe(G.current),()=>{e.disconnect();}}),[Y,null==G?void 0:G.current]),useEffect((()=>{var e;const t=document.querySelector(`[id='${d}']`),o=[...ke,t];ee&&o.includes(ee)||te(null!==(e=ke[0])&&void 0!==e?e:t);}),[d,ke,ee]),useEffect((()=>(J&&Ie(true),()=>{R(ue),R(de);})),[]),useEffect((()=>{var e;let t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p;if(!t&&l&&(t=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));Te(e);}catch(e){Te([]);}}),[l,p,null==be?void 0:be.anchorSelect]),useEffect((()=>{ue.current&&(R(ue),je(A));}),[A]);const Xe=null!==(ce=null==be?void 0:be.content)&&void 0!==ce?ce:Y,Ye=fe&&Object.keys(ve.tooltipStyles).length>0;return useImperativeHandle(t,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect);}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}Se(null!=e?e:null),(null==e?void 0:e.delay)?je(e.delay):Ie(true);},close:e=>{(null==e?void 0:e.delay)?Be(e.delay):Ie(false);},activeAnchor:ee,place:ve.place,isOpen:Boolean(he&&!x&&Xe&&Ye)}))),he&&!x&&Xe?React__default.createElement(g,{id:l,role:ie,className:classNames("react-tooltip",B.tooltip,D.tooltip,D[u],i,`react-tooltip__place-${ve.place}`,B[Ye?"show":"closing"],Ye?"react-tooltip__show":"react-tooltip__closing","fixed"===b&&B.fixed,$&&B.clickable),onTransitionEnd:e=>{R(pe),fe||"opacity"!==e.propertyName||(we(false),Se(null),null==U||U());},style:{...V,...ve.tooltipStyles,opacity:void 0!==le&&Ye?le:void 0},ref:se},Xe,React__default.createElement(g,{className:classNames("react-tooltip-arrow",B.arrow,D.arrow,c,N&&B.noArrow),style:{...ve.tooltipArrowStyles,background:re?`linear-gradient(to right bottom, transparent 50%, ${re} 50%)`:void 0,"--rt-arrow-size":`${ne}px`},ref:ae})):null},H=({content:t})=>React__default.createElement("span",{dangerouslySetInnerHTML:{__html:t}}),M=React__default.forwardRef((({id:t,anchorId:l,anchorSelect:n,content:i,html:c,render:a,className:u,classNameArrow:d,variant:p="dark",place:v="top",offset:m=10,wrapper:f="div",children:h=null,events:w=["hover"],openOnClick:b=false,positionStrategy:S="absolute",middlewares:g,delayShow:E=0,delayHide:_=0,float:O=false,hidden:k=false,noArrow:T=false,clickable:L=false,closeOnEsc:C=false,closeOnScroll:R=false,closeOnResize:x=false,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j=false,style:B,position:D,isOpen:M,defaultIsOpen:W=false,disableStyleInjection:P=false,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,role:J="tooltip"},Q)=>{const[ee,te]=useState(i),[oe,le]=useState(c),[re,ne]=useState(v),[ie,ce]=useState(p),[se,ae]=useState(m),[ue,de]=useState(E),[pe,ve]=useState(_),[me,fe]=useState(O),[ye,he]=useState(k),[we,be]=useState(f),[Se,ge]=useState(w),[Ee,Ae]=useState(S),[_e,Oe]=useState(null),[ke,Te]=useState(null),Le=useRef(P),{anchorRefs:Ce,activeAnchor:Re}=z(t),xe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var l;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(l=null==e?void 0:e.getAttribute(o))&&void 0!==l?l:null;}return t}),{}),Ne=e=>{const t={place:e=>{var t;ne(null!==(t=e)&&void 0!==t?t:v);},content:e=>{te(null!=e?e:i);},html:e=>{le(null!=e?e:c);},variant:e=>{var t;ce(null!==(t=e)&&void 0!==t?t:p);},offset:e=>{ae(null===e?m:Number(e));},wrapper:e=>{var t;be(null!==(t=e)&&void 0!==t?t:f);},events:e=>{const t=null==e?void 0:e.split(" ");ge(null!=t?t:w);},"position-strategy":e=>{var t;Ae(null!==(t=e)&&void 0!==t?t:S);},"delay-show":e=>{de(null===e?E:Number(e));},"delay-hide":e=>{ve(null===e?_:Number(e));},float:e=>{fe(null===e?O:"true"===e);},hidden:e=>{he(null===e?k:"true"===e);},"class-name":e=>{Oe(e);}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var l;null===(l=t[e])||void 0===l||l.call(t,o);}));};useEffect((()=>{te(i);}),[i]),useEffect((()=>{le(c);}),[c]),useEffect((()=>{ne(v);}),[v]),useEffect((()=>{ce(p);}),[p]),useEffect((()=>{ae(m);}),[m]),useEffect((()=>{de(E);}),[E]),useEffect((()=>{ve(_);}),[_]),useEffect((()=>{fe(O);}),[O]),useEffect((()=>{he(k);}),[k]),useEffect((()=>{Ae(S);}),[S]),useEffect((()=>{Le.current!==P&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");}),[P]),useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===P,disableBase:P}}));}),[]),useEffect((()=>{var e;const o=new Set(Ce);let r=n;if(!r&&t&&(r=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),r)try{document.querySelectorAll(r).forEach((e=>{o.add({current:e});}));}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`);}const i=document.querySelector(`[id='${l}']`);if(i&&o.add({current:i}),!o.size)return ()=>null;const c=null!==(e=null!=ke?ke:i)&&void 0!==e?e:Re.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!c||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=xe(c);Ne(o);}));})),a={attributes:true,childList:false,subtree:false};if(c){const e=xe(c);Ne(e),s.observe(c,a);}return ()=>{s.disconnect();}}),[Ce,Re,ke,l,n]),useEffect((()=>{(null==B?void 0:B.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),V&&!A("border",`${V}`)&&console.warn(`[react-tooltip] "${V}" is not a valid \`border\`.`),(null==B?void 0:B.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),F&&!A("opacity",`${F}`)&&console.warn(`[react-tooltip] "${F}" is not a valid \`opacity\`.`);}),[]);let $e=h;const Ie=useRef(null);if(a){const t=a({content:(null==ke?void 0:ke.getAttribute("data-tooltip-content"))||ee||null,activeAnchor:ke});$e=t?React__default.createElement("div",{ref:Ie,className:"react-tooltip-content-wrapper"},t):null;}else ee&&($e=ee);oe&&($e=React__default.createElement(H,{content:oe}));const ze={forwardRef:Q,id:t,anchorId:l,anchorSelect:n,className:classNames(u,_e),classNameArrow:d,content:$e,contentWrapperRef:Ie,place:re,variant:ie,offset:se,wrapper:we,events:Se,openOnClick:b,positionStrategy:Ee,middlewares:g,delayShow:ue,delayHide:pe,float:me,hidden:ye,noArrow:T,clickable:L,closeOnEsc:C,closeOnScroll:R,closeOnResize:x,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j,style:B,position:D,isOpen:M,defaultIsOpen:W,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,activeAnchor:ke,setActiveAnchor:e=>Te(e),role:J};return React__default.createElement(q,{...ze})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||S({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||S({css:`
42285
42302
  .styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"});}));
42286
42303
 
42287
42304
  const Tooltip = ({
@@ -42297,9 +42314,9 @@ const Tooltip = ({
42297
42314
  // For external styling of the tooltip itself
42298
42315
  ...props
42299
42316
  }) => {
42300
- const tooltipId = React.useId();
42317
+ const tooltipId = React__default.useId();
42301
42318
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
42302
- React.cloneElement(children, { "data-tooltip-id": tooltipId }),
42319
+ React__default.cloneElement(children, { "data-tooltip-id": tooltipId }),
42303
42320
  /* @__PURE__ */ jsxRuntimeExports.jsx(
42304
42321
  M,
42305
42322
  {
@@ -43226,4 +43243,579 @@ const PageHeader = ({
43226
43243
  ] });
43227
43244
  };
43228
43245
 
43229
- export { Avatar, AvatarGroup, Badge, Breadcrumbs, Button$1 as Button, Checkbox, DatePicker, DateRangePicker$1 as DateRangePicker, FileUploadModal, FullScreenLoader, GenericFilter, Input, Modal, PageHeader, PageLayout, Pagination, RadioGroup, SearchBar, Select, Sidebar, Spinner, Textarea, ToggleSwitch, Tooltip, UnifyedCoreButton, WizardModal };
43246
+ var isClient$1 = typeof document !== 'undefined';
43247
+
43248
+ var noop$1 = function noop() {};
43249
+ var index$1 = isClient$1 ? useLayoutEffect : noop$1;
43250
+
43251
+ // https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
43252
+ const SafeReact$1 = {
43253
+ ...React
43254
+ };
43255
+ const useInsertionEffect = SafeReact$1.useInsertionEffect;
43256
+ const useSafeInsertionEffect = useInsertionEffect || (fn => fn());
43257
+ function useEffectEvent(callback) {
43258
+ const ref = React.useRef(() => {
43259
+ if (process.env.NODE_ENV !== "production") {
43260
+ throw new Error('Cannot call an event handler while rendering.');
43261
+ }
43262
+ });
43263
+ useSafeInsertionEffect(() => {
43264
+ ref.current = callback;
43265
+ });
43266
+ return React.useCallback(function () {
43267
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
43268
+ args[_key] = arguments[_key];
43269
+ }
43270
+ return ref.current == null ? void 0 : ref.current(...args);
43271
+ }, []);
43272
+ }
43273
+
43274
+ var isClient = typeof document !== 'undefined';
43275
+
43276
+ var noop = function noop() {};
43277
+ var index = isClient ? useLayoutEffect : noop;
43278
+
43279
+ // Fork of `fast-deep-equal` that only does the comparisons we need and compares
43280
+ // functions
43281
+ function deepEqual(a, b) {
43282
+ if (a === b) {
43283
+ return true;
43284
+ }
43285
+ if (typeof a !== typeof b) {
43286
+ return false;
43287
+ }
43288
+ if (typeof a === 'function' && a.toString() === b.toString()) {
43289
+ return true;
43290
+ }
43291
+ let length;
43292
+ let i;
43293
+ let keys;
43294
+ if (a && b && typeof a === 'object') {
43295
+ if (Array.isArray(a)) {
43296
+ length = a.length;
43297
+ if (length !== b.length) return false;
43298
+ for (i = length; i-- !== 0;) {
43299
+ if (!deepEqual(a[i], b[i])) {
43300
+ return false;
43301
+ }
43302
+ }
43303
+ return true;
43304
+ }
43305
+ keys = Object.keys(a);
43306
+ length = keys.length;
43307
+ if (length !== Object.keys(b).length) {
43308
+ return false;
43309
+ }
43310
+ for (i = length; i-- !== 0;) {
43311
+ if (!{}.hasOwnProperty.call(b, keys[i])) {
43312
+ return false;
43313
+ }
43314
+ }
43315
+ for (i = length; i-- !== 0;) {
43316
+ const key = keys[i];
43317
+ if (key === '_owner' && a.$$typeof) {
43318
+ continue;
43319
+ }
43320
+ if (!deepEqual(a[key], b[key])) {
43321
+ return false;
43322
+ }
43323
+ }
43324
+ return true;
43325
+ }
43326
+ return a !== a && b !== b;
43327
+ }
43328
+
43329
+ function getDPR(element) {
43330
+ if (typeof window === 'undefined') {
43331
+ return 1;
43332
+ }
43333
+ const win = element.ownerDocument.defaultView || window;
43334
+ return win.devicePixelRatio || 1;
43335
+ }
43336
+
43337
+ function roundByDPR(element, value) {
43338
+ const dpr = getDPR(element);
43339
+ return Math.round(value * dpr) / dpr;
43340
+ }
43341
+
43342
+ function useLatestRef(value) {
43343
+ const ref = React.useRef(value);
43344
+ index(() => {
43345
+ ref.current = value;
43346
+ });
43347
+ return ref;
43348
+ }
43349
+
43350
+ /**
43351
+ * Provides data to position a floating element.
43352
+ * @see https://floating-ui.com/docs/useFloating
43353
+ */
43354
+ function useFloating$1(options) {
43355
+ if (options === void 0) {
43356
+ options = {};
43357
+ }
43358
+ const {
43359
+ placement = 'bottom',
43360
+ strategy = 'absolute',
43361
+ middleware = [],
43362
+ platform,
43363
+ elements: {
43364
+ reference: externalReference,
43365
+ floating: externalFloating
43366
+ } = {},
43367
+ transform = true,
43368
+ whileElementsMounted,
43369
+ open
43370
+ } = options;
43371
+ const [data, setData] = React.useState({
43372
+ x: 0,
43373
+ y: 0,
43374
+ strategy,
43375
+ placement,
43376
+ middlewareData: {},
43377
+ isPositioned: false
43378
+ });
43379
+ const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
43380
+ if (!deepEqual(latestMiddleware, middleware)) {
43381
+ setLatestMiddleware(middleware);
43382
+ }
43383
+ const [_reference, _setReference] = React.useState(null);
43384
+ const [_floating, _setFloating] = React.useState(null);
43385
+ const setReference = React.useCallback(node => {
43386
+ if (node !== referenceRef.current) {
43387
+ referenceRef.current = node;
43388
+ _setReference(node);
43389
+ }
43390
+ }, []);
43391
+ const setFloating = React.useCallback(node => {
43392
+ if (node !== floatingRef.current) {
43393
+ floatingRef.current = node;
43394
+ _setFloating(node);
43395
+ }
43396
+ }, []);
43397
+ const referenceEl = externalReference || _reference;
43398
+ const floatingEl = externalFloating || _floating;
43399
+ const referenceRef = React.useRef(null);
43400
+ const floatingRef = React.useRef(null);
43401
+ const dataRef = React.useRef(data);
43402
+ const hasWhileElementsMounted = whileElementsMounted != null;
43403
+ const whileElementsMountedRef = useLatestRef(whileElementsMounted);
43404
+ const platformRef = useLatestRef(platform);
43405
+ const openRef = useLatestRef(open);
43406
+ const update = React.useCallback(() => {
43407
+ if (!referenceRef.current || !floatingRef.current) {
43408
+ return;
43409
+ }
43410
+ const config = {
43411
+ placement,
43412
+ strategy,
43413
+ middleware: latestMiddleware
43414
+ };
43415
+ if (platformRef.current) {
43416
+ config.platform = platformRef.current;
43417
+ }
43418
+ computePosition(referenceRef.current, floatingRef.current, config).then(data => {
43419
+ const fullData = {
43420
+ ...data,
43421
+ // The floating element's position may be recomputed while it's closed
43422
+ // but still mounted (such as when transitioning out). To ensure
43423
+ // `isPositioned` will be `false` initially on the next open, avoid
43424
+ // setting it to `true` when `open === false` (must be specified).
43425
+ isPositioned: openRef.current !== false
43426
+ };
43427
+ if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
43428
+ dataRef.current = fullData;
43429
+ ReactDOM.flushSync(() => {
43430
+ setData(fullData);
43431
+ });
43432
+ }
43433
+ });
43434
+ }, [latestMiddleware, placement, strategy, platformRef, openRef]);
43435
+ index(() => {
43436
+ if (open === false && dataRef.current.isPositioned) {
43437
+ dataRef.current.isPositioned = false;
43438
+ setData(data => ({
43439
+ ...data,
43440
+ isPositioned: false
43441
+ }));
43442
+ }
43443
+ }, [open]);
43444
+ const isMountedRef = React.useRef(false);
43445
+ index(() => {
43446
+ isMountedRef.current = true;
43447
+ return () => {
43448
+ isMountedRef.current = false;
43449
+ };
43450
+ }, []);
43451
+ index(() => {
43452
+ if (referenceEl) referenceRef.current = referenceEl;
43453
+ if (floatingEl) floatingRef.current = floatingEl;
43454
+ if (referenceEl && floatingEl) {
43455
+ if (whileElementsMountedRef.current) {
43456
+ return whileElementsMountedRef.current(referenceEl, floatingEl, update);
43457
+ }
43458
+ update();
43459
+ }
43460
+ }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
43461
+ const refs = React.useMemo(() => ({
43462
+ reference: referenceRef,
43463
+ floating: floatingRef,
43464
+ setReference,
43465
+ setFloating
43466
+ }), [setReference, setFloating]);
43467
+ const elements = React.useMemo(() => ({
43468
+ reference: referenceEl,
43469
+ floating: floatingEl
43470
+ }), [referenceEl, floatingEl]);
43471
+ const floatingStyles = React.useMemo(() => {
43472
+ const initialStyles = {
43473
+ position: strategy,
43474
+ left: 0,
43475
+ top: 0
43476
+ };
43477
+ if (!elements.floating) {
43478
+ return initialStyles;
43479
+ }
43480
+ const x = roundByDPR(elements.floating, data.x);
43481
+ const y = roundByDPR(elements.floating, data.y);
43482
+ if (transform) {
43483
+ return {
43484
+ ...initialStyles,
43485
+ transform: "translate(" + x + "px, " + y + "px)",
43486
+ ...(getDPR(elements.floating) >= 1.5 && {
43487
+ willChange: 'transform'
43488
+ })
43489
+ };
43490
+ }
43491
+ return {
43492
+ position: strategy,
43493
+ left: x,
43494
+ top: y
43495
+ };
43496
+ }, [strategy, transform, elements.floating, data.x, data.y]);
43497
+ return React.useMemo(() => ({
43498
+ ...data,
43499
+ update,
43500
+ refs,
43501
+ elements,
43502
+ floatingStyles
43503
+ }), [data, update, refs, elements, floatingStyles]);
43504
+ }
43505
+
43506
+ /**
43507
+ * Modifies the placement by translating the floating element along the
43508
+ * specified axes.
43509
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
43510
+ * object may be passed.
43511
+ * @see https://floating-ui.com/docs/offset
43512
+ */
43513
+ const offset = (options, deps) => ({
43514
+ ...offset$1(options),
43515
+ options: [options, deps]
43516
+ });
43517
+
43518
+ /**
43519
+ * Optimizes the visibility of the floating element by shifting it in order to
43520
+ * keep it in view when it will overflow the clipping boundary.
43521
+ * @see https://floating-ui.com/docs/shift
43522
+ */
43523
+ const shift = (options, deps) => ({
43524
+ ...shift$1(options),
43525
+ options: [options, deps]
43526
+ });
43527
+
43528
+ /**
43529
+ * Optimizes the visibility of the floating element by flipping the `placement`
43530
+ * in order to keep it in view when the preferred placement(s) will overflow the
43531
+ * clipping boundary. Alternative to `autoPlacement`.
43532
+ * @see https://floating-ui.com/docs/flip
43533
+ */
43534
+ const flip = (options, deps) => ({
43535
+ ...flip$1(options),
43536
+ options: [options, deps]
43537
+ });
43538
+
43539
+ // https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
43540
+ const SafeReact = {
43541
+ ...React
43542
+ };
43543
+
43544
+ let serverHandoffComplete = false;
43545
+ let count = 0;
43546
+ const genId = () => // Ensure the id is unique with multiple independent versions of Floating UI
43547
+ // on <React 18
43548
+ "floating-ui-" + Math.random().toString(36).slice(2, 6) + count++;
43549
+ function useFloatingId() {
43550
+ const [id, setId] = React.useState(() => serverHandoffComplete ? genId() : undefined);
43551
+ index$1(() => {
43552
+ if (id == null) {
43553
+ setId(genId());
43554
+ }
43555
+ // eslint-disable-next-line react-hooks/exhaustive-deps
43556
+ }, []);
43557
+ React.useEffect(() => {
43558
+ serverHandoffComplete = true;
43559
+ }, []);
43560
+ return id;
43561
+ }
43562
+ const useReactId = SafeReact.useId;
43563
+
43564
+ /**
43565
+ * Uses React 18's built-in `useId()` when available, or falls back to a
43566
+ * slightly less performant (requiring a double render) implementation for
43567
+ * earlier React versions.
43568
+ * @see https://floating-ui.com/docs/react-utils#useid
43569
+ */
43570
+ const useId = useReactId || useFloatingId;
43571
+
43572
+ let devMessageSet;
43573
+ if (process.env.NODE_ENV !== "production") {
43574
+ devMessageSet = /*#__PURE__*/new Set();
43575
+ }
43576
+ function error() {
43577
+ var _devMessageSet3;
43578
+ for (var _len2 = arguments.length, messages = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
43579
+ messages[_key2] = arguments[_key2];
43580
+ }
43581
+ const message = "Floating UI: " + messages.join(' ');
43582
+ if (!((_devMessageSet3 = devMessageSet) != null && _devMessageSet3.has(message))) {
43583
+ var _devMessageSet4;
43584
+ (_devMessageSet4 = devMessageSet) == null || _devMessageSet4.add(message);
43585
+ console.error(message);
43586
+ }
43587
+ }
43588
+
43589
+ function createEventEmitter() {
43590
+ const map = new Map();
43591
+ return {
43592
+ emit(event, data) {
43593
+ var _map$get;
43594
+ (_map$get = map.get(event)) == null || _map$get.forEach(listener => listener(data));
43595
+ },
43596
+ on(event, listener) {
43597
+ if (!map.has(event)) {
43598
+ map.set(event, new Set());
43599
+ }
43600
+ map.get(event).add(listener);
43601
+ },
43602
+ off(event, listener) {
43603
+ var _map$get2;
43604
+ (_map$get2 = map.get(event)) == null || _map$get2.delete(listener);
43605
+ }
43606
+ };
43607
+ }
43608
+
43609
+ const FloatingNodeContext = /*#__PURE__*/React.createContext(null);
43610
+ const FloatingTreeContext = /*#__PURE__*/React.createContext(null);
43611
+
43612
+ /**
43613
+ * Returns the parent node id for nested floating elements, if available.
43614
+ * Returns `null` for top-level floating elements.
43615
+ */
43616
+ const useFloatingParentNodeId = () => {
43617
+ var _React$useContext;
43618
+ return ((_React$useContext = React.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
43619
+ };
43620
+
43621
+ /**
43622
+ * Returns the nearest floating tree context, if available.
43623
+ */
43624
+ const useFloatingTree = () => React.useContext(FloatingTreeContext);
43625
+
43626
+ function useFloatingRootContext(options) {
43627
+ const {
43628
+ open = false,
43629
+ onOpenChange: onOpenChangeProp,
43630
+ elements: elementsProp
43631
+ } = options;
43632
+ const floatingId = useId();
43633
+ const dataRef = React.useRef({});
43634
+ const [events] = React.useState(() => createEventEmitter());
43635
+ const nested = useFloatingParentNodeId() != null;
43636
+ if (process.env.NODE_ENV !== "production") {
43637
+ const optionDomReference = elementsProp.reference;
43638
+ if (optionDomReference && !isElement(optionDomReference)) {
43639
+ error('Cannot pass a virtual element to the `elements.reference` option,', 'as it must be a real DOM element. Use `refs.setPositionReference()`', 'instead.');
43640
+ }
43641
+ }
43642
+ const [positionReference, setPositionReference] = React.useState(elementsProp.reference);
43643
+ const onOpenChange = useEffectEvent((open, event, reason) => {
43644
+ dataRef.current.openEvent = open ? event : undefined;
43645
+ events.emit('openchange', {
43646
+ open,
43647
+ event,
43648
+ reason,
43649
+ nested
43650
+ });
43651
+ onOpenChangeProp == null || onOpenChangeProp(open, event, reason);
43652
+ });
43653
+ const refs = React.useMemo(() => ({
43654
+ setPositionReference
43655
+ }), []);
43656
+ const elements = React.useMemo(() => ({
43657
+ reference: positionReference || elementsProp.reference || null,
43658
+ floating: elementsProp.floating || null,
43659
+ domReference: elementsProp.reference
43660
+ }), [positionReference, elementsProp.reference, elementsProp.floating]);
43661
+ return React.useMemo(() => ({
43662
+ dataRef,
43663
+ open,
43664
+ onOpenChange,
43665
+ elements,
43666
+ events,
43667
+ floatingId,
43668
+ refs
43669
+ }), [open, onOpenChange, elements, events, floatingId, refs]);
43670
+ }
43671
+
43672
+ /**
43673
+ * Provides data to position a floating element and context to add interactions.
43674
+ * @see https://floating-ui.com/docs/useFloating
43675
+ */
43676
+ function useFloating(options) {
43677
+ if (options === void 0) {
43678
+ options = {};
43679
+ }
43680
+ const {
43681
+ nodeId
43682
+ } = options;
43683
+ const internalRootContext = useFloatingRootContext({
43684
+ ...options,
43685
+ elements: {
43686
+ reference: null,
43687
+ floating: null,
43688
+ ...options.elements
43689
+ }
43690
+ });
43691
+ const rootContext = options.rootContext || internalRootContext;
43692
+ const computedElements = rootContext.elements;
43693
+ const [_domReference, setDomReference] = React.useState(null);
43694
+ const [positionReference, _setPositionReference] = React.useState(null);
43695
+ const optionDomReference = computedElements == null ? void 0 : computedElements.domReference;
43696
+ const domReference = optionDomReference || _domReference;
43697
+ const domReferenceRef = React.useRef(null);
43698
+ const tree = useFloatingTree();
43699
+ index$1(() => {
43700
+ if (domReference) {
43701
+ domReferenceRef.current = domReference;
43702
+ }
43703
+ }, [domReference]);
43704
+ const position = useFloating$1({
43705
+ ...options,
43706
+ elements: {
43707
+ ...computedElements,
43708
+ ...(positionReference && {
43709
+ reference: positionReference
43710
+ })
43711
+ }
43712
+ });
43713
+ const setPositionReference = React.useCallback(node => {
43714
+ const computedPositionReference = isElement(node) ? {
43715
+ getBoundingClientRect: () => node.getBoundingClientRect(),
43716
+ getClientRects: () => node.getClientRects(),
43717
+ contextElement: node
43718
+ } : node;
43719
+ // Store the positionReference in state if the DOM reference is specified externally via the
43720
+ // `elements.reference` option. This ensures that it won't be overridden on future renders.
43721
+ _setPositionReference(computedPositionReference);
43722
+ position.refs.setReference(computedPositionReference);
43723
+ }, [position.refs]);
43724
+ const setReference = React.useCallback(node => {
43725
+ if (isElement(node) || node === null) {
43726
+ domReferenceRef.current = node;
43727
+ setDomReference(node);
43728
+ }
43729
+
43730
+ // Backwards-compatibility for passing a virtual element to `reference`
43731
+ // after it has set the DOM reference.
43732
+ if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||
43733
+ // Don't allow setting virtual elements using the old technique back to
43734
+ // `null` to support `positionReference` + an unstable `reference`
43735
+ // callback ref.
43736
+ node !== null && !isElement(node)) {
43737
+ position.refs.setReference(node);
43738
+ }
43739
+ }, [position.refs]);
43740
+ const refs = React.useMemo(() => ({
43741
+ ...position.refs,
43742
+ setReference,
43743
+ setPositionReference,
43744
+ domReference: domReferenceRef
43745
+ }), [position.refs, setReference, setPositionReference]);
43746
+ const elements = React.useMemo(() => ({
43747
+ ...position.elements,
43748
+ domReference: domReference
43749
+ }), [position.elements, domReference]);
43750
+ const context = React.useMemo(() => ({
43751
+ ...position,
43752
+ ...rootContext,
43753
+ refs,
43754
+ elements,
43755
+ nodeId
43756
+ }), [position, refs, elements, nodeId, rootContext]);
43757
+ index$1(() => {
43758
+ rootContext.dataRef.current.floatingContext = context;
43759
+ const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);
43760
+ if (node) {
43761
+ node.context = context;
43762
+ }
43763
+ });
43764
+ return React.useMemo(() => ({
43765
+ ...position,
43766
+ context,
43767
+ refs,
43768
+ elements
43769
+ }), [position, refs, elements, context]);
43770
+ }
43771
+
43772
+ const OptionsMenu = ({
43773
+ options = [],
43774
+ onSelect,
43775
+ triggerIcon: TriggerIcon = EllipsisVertical
43776
+ }) => {
43777
+ const { refs, floatingStyles } = useFloating({
43778
+ whileElementsMounted: autoUpdate,
43779
+ middleware: [offset(5), flip(), shift({ padding: 5 })]
43780
+ });
43781
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { as: "div", className: "options-menu-wrapper", children: [
43782
+ /* @__PURE__ */ jsxRuntimeExports.jsx(MenuButton, { ref: refs.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriggerIcon, { size: 20 }) }),
43783
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
43784
+ Transition,
43785
+ {
43786
+ as: Fragment,
43787
+ enter: "transition ease-out duration-100",
43788
+ enterFrom: "transform opacity-0 scale-95",
43789
+ enterTo: "transform opacity-100 scale-100",
43790
+ leave: "transition ease-in duration-75",
43791
+ leaveFrom: "transform opacity-100 scale-100",
43792
+ leaveTo: "transform opacity-0 scale-95",
43793
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(
43794
+ MenuItems,
43795
+ {
43796
+ ref: refs.setFloating,
43797
+ style: floatingStyles,
43798
+ className: "options-menu-panel",
43799
+ children: options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "options-menu-item-wrapper", children: [
43800
+ option.dividerBefore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "menu-divider" }),
43801
+ /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { children: ({ active }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
43802
+ "button",
43803
+ {
43804
+ onClick: () => onSelect(option),
43805
+ className: `options-menu-item ${active ? "active" : ""}`,
43806
+ disabled: option.disabled,
43807
+ children: [
43808
+ option.icon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "item-icon", children: option.icon }),
43809
+ option.label
43810
+ ]
43811
+ }
43812
+ ) })
43813
+ ] }, option.label))
43814
+ }
43815
+ )
43816
+ }
43817
+ )
43818
+ ] });
43819
+ };
43820
+
43821
+ export { Avatar, AvatarGroup, Badge, Breadcrumbs, Button$1 as Button, Checkbox, DatePicker, DateRangePicker$1 as DateRangePicker, FileUploadModal, FullScreenLoader, GenericFilter, Input, Modal, OptionsMenu, PageHeader, PageLayout, Pagination, RadioGroup, SearchBar, Select, Sidebar, Spinner, Textarea, ToggleSwitch, Tooltip, UnifyedCoreButton, WizardModal };