@easypost/easy-ui 1.0.0-alpha.4 → 1.0.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/Badge/index.js +32 -26
  2. package/Badge/index.mjs +32 -26
  3. package/Banner/index.js +15 -16
  4. package/Banner/index.mjs +15 -16
  5. package/Button/Button.d.ts +61 -0
  6. package/Button/Button.d.ts.map +1 -1
  7. package/Button/index.js +34 -69
  8. package/Button/index.mjs +33 -68
  9. package/CHANGELOG.md +21 -0
  10. package/Card/index.js +84 -5
  11. package/Card/index.mjs +84 -5
  12. package/Checkbox/index.js +84 -72
  13. package/Checkbox/index.mjs +84 -72
  14. package/CodeBlock/index.js +43 -49
  15. package/CodeBlock/index.mjs +43 -49
  16. package/DropdownButton/DropdownButton.d.ts +48 -0
  17. package/DropdownButton/DropdownButton.d.ts.map +1 -1
  18. package/DropdownButton/index.js +29 -101
  19. package/DropdownButton/index.mjs +29 -85
  20. package/HorizontalGrid/index.js +11 -31
  21. package/HorizontalGrid/index.mjs +11 -31
  22. package/HorizontalStack/index.js +48 -4
  23. package/HorizontalStack/index.mjs +48 -4
  24. package/Icon/Icon.d.ts +51 -0
  25. package/Icon/Icon.d.ts.map +1 -1
  26. package/Icon/index.js +38 -4
  27. package/Icon/index.mjs +38 -4
  28. package/IconButton/IconButton.d.ts +62 -0
  29. package/IconButton/IconButton.d.ts.map +1 -1
  30. package/IconButton/index.js +26 -43
  31. package/IconButton/index.mjs +25 -42
  32. package/InputField/Label.d.ts +2 -2
  33. package/InputField/index.js +282 -10
  34. package/InputField/index.mjs +266 -10
  35. package/InputField/utilities.d.ts +1 -1
  36. package/InputField/utilities.d.ts.map +1 -1
  37. package/Menu/MenuOverlay.d.ts.map +1 -1
  38. package/Menu/index.js +178 -1958
  39. package/Menu/index.mjs +168 -1948
  40. package/Menu/utilities.d.ts +11 -0
  41. package/Menu/utilities.d.ts.map +1 -0
  42. package/Notification/index.js +1534 -14
  43. package/Notification/index.mjs +1518 -14
  44. package/Provider/index.js +15 -15
  45. package/Provider/index.mjs +15 -15
  46. package/RadioGroup/index.js +63 -63
  47. package/RadioGroup/index.mjs +63 -63
  48. package/Select/Select.d.ts +88 -0
  49. package/Select/Select.d.ts.map +1 -0
  50. package/Select/Select.stories.d.ts +17 -0
  51. package/Select/Select.stories.d.ts.map +1 -0
  52. package/Select/Select.test.d.ts +2 -0
  53. package/Select/Select.test.d.ts.map +1 -0
  54. package/Select/SelectContext.d.ts +14 -0
  55. package/Select/SelectContext.d.ts.map +1 -0
  56. package/Select/SelectField.d.ts +62 -0
  57. package/Select/SelectField.d.ts.map +1 -0
  58. package/Select/SelectOption.d.ts +23 -0
  59. package/Select/SelectOption.d.ts.map +1 -0
  60. package/Select/SelectOverlay.d.ts +3 -0
  61. package/Select/SelectOverlay.d.ts.map +1 -0
  62. package/Select/SelectSection.d.ts +22 -0
  63. package/Select/SelectSection.d.ts.map +1 -0
  64. package/Select/SelectTrigger.d.ts +30 -0
  65. package/Select/SelectTrigger.d.ts.map +1 -0
  66. package/Select/index.d.ts +2 -0
  67. package/Select/index.d.ts.map +1 -0
  68. package/Select/index.js +816 -0
  69. package/Select/index.mjs +816 -0
  70. package/SelectorErrorTooltip/index.js +102 -11
  71. package/SelectorErrorTooltip/index.mjs +86 -11
  72. package/Text/index.js +85 -4
  73. package/Text/index.mjs +85 -4
  74. package/TextField/index.js +19 -38
  75. package/TextField/index.mjs +19 -38
  76. package/Textarea/index.js +20 -37
  77. package/Textarea/index.mjs +20 -37
  78. package/Theme/index.js +145 -9
  79. package/Theme/index.mjs +145 -9
  80. package/Toggle/index.js +51 -50
  81. package/Toggle/index.mjs +51 -50
  82. package/Tooltip/index.js +299 -10
  83. package/Tooltip/index.mjs +299 -10
  84. package/UnstyledButton/index.js +4 -4
  85. package/UnstyledButton/index.mjs +3 -3
  86. package/VerticalStack/index.js +13 -47
  87. package/VerticalStack/index.mjs +13 -47
  88. package/__chunks__/ExpandMore400-7c5263a4.mjs +49 -0
  89. package/__chunks__/ExpandMore400-92646971.js +65 -0
  90. package/__chunks__/InputIcon-2317befd.mjs +148 -0
  91. package/__chunks__/InputIcon-d3963cf8.js +147 -0
  92. package/__chunks__/{import-e7f45c7e.mjs → import-0561e1ba.mjs} +3 -3
  93. package/__chunks__/{import-b7971a11.mjs → import-19bc38ac.mjs} +72 -34
  94. package/__chunks__/{import-01299af6.js → import-24a482e1.js} +3 -2
  95. package/__chunks__/{import-baa3cd0c.mjs → import-29af6941.mjs} +4 -3
  96. package/__chunks__/{import-0d1b4d93.js → import-2b302763.js} +193 -141
  97. package/__chunks__/{import-ab878fb6.mjs → import-3d962a94.mjs} +205 -153
  98. package/__chunks__/{import-86330a7c.mjs → import-6a831ca1.mjs} +16 -15
  99. package/__chunks__/{import-7545401a.js → import-8b6c0bc7.js} +3 -3
  100. package/__chunks__/{import-63bf0645.js → import-a1e0f814.js} +47 -9
  101. package/__chunks__/{import-3ab42f86.js → import-a2023d8f.js} +35 -22
  102. package/__chunks__/{import-76076ca6.js → import-dea5a24d.js} +15 -14
  103. package/__chunks__/{import-856e0385.mjs → import-f1f4792a.mjs} +36 -23
  104. package/__chunks__/{UnstyledButton-883f0c6c.mjs → index-29d7bca9.mjs} +17 -42
  105. package/__chunks__/{UnstyledButton-96172ec0.js → index-3985350a.js} +17 -42
  106. package/__chunks__/{overlayscrollbars-react.es-c8369a03.mjs → overlayscrollbars-react.es-7f332a3b.mjs} +4 -4
  107. package/__chunks__/{overlayscrollbars-react.es-20563393.js → overlayscrollbars-react.es-f2a0bcff.js} +4 -4
  108. package/__chunks__/{real-module-e4cd2301.mjs → real-module-515df21d.mjs} +1 -1
  109. package/__chunks__/{real-module-ae2a4342.js → real-module-e36b1436.js} +1 -1
  110. package/__chunks__/useTriggerWidth-156b038a.js +2030 -0
  111. package/__chunks__/useTriggerWidth-addcd1d6.mjs +2031 -0
  112. package/package.json +11 -11
  113. package/style.css +1423 -1196
  114. package/utilities/css.js +14 -58
  115. package/utilities/css.mjs +14 -58
  116. package/__chunks__/Card-7bbd41e0.mjs +0 -110
  117. package/__chunks__/Card-dac53c75.js +0 -109
  118. package/__chunks__/HorizontalStack-a441c63f.mjs +0 -80
  119. package/__chunks__/HorizontalStack-a862839b.js +0 -79
  120. package/__chunks__/Icon-3d00481a.js +0 -44
  121. package/__chunks__/Icon-a75b5201.mjs +0 -45
  122. package/__chunks__/InputField-4fbaae06.js +0 -487
  123. package/__chunks__/InputField-a272f602.mjs +0 -472
  124. package/__chunks__/Notification-b8eafec6.mjs +0 -1456
  125. package/__chunks__/Notification-c5b34eb3.js +0 -1471
  126. package/__chunks__/SelectorErrorTooltip-43c5e29e.js +0 -84
  127. package/__chunks__/SelectorErrorTooltip-b6204987.mjs +0 -69
  128. package/__chunks__/Text-1ae70c19.js +0 -102
  129. package/__chunks__/Text-4ae50d5c.mjs +0 -103
  130. package/__chunks__/Theme-4e498252.mjs +0 -132
  131. package/__chunks__/Theme-751e5575.js +0 -131
  132. package/__chunks__/Tooltip-bd55165e.js +0 -317
  133. package/__chunks__/Tooltip-f7e67b21.mjs +0 -318
@@ -46,14 +46,33 @@ function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
46
46
  }
47
47
  return ref.current;
48
48
  }
49
- function $704cf1d3b684cc5c$export$619500959fc48b26(defaultId) {
49
+ function $704cf1d3b684cc5c$var$useLegacySSRSafeId(defaultId) {
50
50
  let ctx = React.useContext($704cf1d3b684cc5c$var$SSRContext);
51
51
  if (ctx === $704cf1d3b684cc5c$var$defaultContext && !$704cf1d3b684cc5c$var$canUseDOM)
52
52
  console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
53
53
  let counter = $704cf1d3b684cc5c$var$useCounter(!!defaultId);
54
54
  return defaultId || `react-aria${ctx.prefix}-${counter}`;
55
55
  }
56
+ function $704cf1d3b684cc5c$var$useModernSSRSafeId(defaultId) {
57
+ let id = React.useId();
58
+ let [didSSR] = React.useState($704cf1d3b684cc5c$export$535bd6ca7f90a273());
59
+ let prefix = didSSR ? "react-aria" : `react-aria${$704cf1d3b684cc5c$var$defaultContext.prefix}`;
60
+ return defaultId || `${prefix}-${id}`;
61
+ }
62
+ const $704cf1d3b684cc5c$export$619500959fc48b26 = typeof React["useId"] === "function" ? $704cf1d3b684cc5c$var$useModernSSRSafeId : $704cf1d3b684cc5c$var$useLegacySSRSafeId;
63
+ function $704cf1d3b684cc5c$var$getSnapshot() {
64
+ return false;
65
+ }
66
+ function $704cf1d3b684cc5c$var$getServerSnapshot() {
67
+ return true;
68
+ }
69
+ function $704cf1d3b684cc5c$var$subscribe(onStoreChange) {
70
+ return () => {
71
+ };
72
+ }
56
73
  function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
74
+ if (typeof React["useSyncExternalStore"] === "function")
75
+ return React["useSyncExternalStore"]($704cf1d3b684cc5c$var$subscribe, $704cf1d3b684cc5c$var$getSnapshot, $704cf1d3b684cc5c$var$getServerSnapshot);
57
76
  let cur = React.useContext($704cf1d3b684cc5c$var$SSRContext);
58
77
  return cur.isSSR;
59
78
  }
@@ -377,8 +396,8 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
377
396
  id = $bdb11010cef70236$export$f680877a34711e37(id);
378
397
  if (labelledBy && label) {
379
398
  let ids = /* @__PURE__ */ new Set([
380
- ...labelledBy.trim().split(/\s+/),
381
- id
399
+ id,
400
+ ...labelledBy.trim().split(/\s+/)
382
401
  ]);
383
402
  labelledBy = [
384
403
  ...ids
@@ -511,27 +530,44 @@ function $c87311424ea30a05$export$fedb369cb70207f1() {
511
530
  function $c87311424ea30a05$export$e1865c3bedcd822b() {
512
531
  return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();
513
532
  }
533
+ function $c87311424ea30a05$export$78551043582a6a98() {
534
+ return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
535
+ }
536
+ function $c87311424ea30a05$export$6446a186d09e379e() {
537
+ return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
538
+ }
514
539
  function $c87311424ea30a05$export$a11b0059900ceec8() {
515
540
  return $c87311424ea30a05$var$testUserAgent(/Android/i);
516
541
  }
542
+ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
543
+ const ref = React.useRef(null);
544
+ $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
545
+ ref.current = fn;
546
+ }, [
547
+ fn
548
+ ]);
549
+ return React.useCallback((...args) => {
550
+ const f = ref.current;
551
+ return f(...args);
552
+ }, []);
553
+ }
517
554
  function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
518
- let handlerRef = React.useRef(handler);
519
- handlerRef.current = handler;
555
+ let handleEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);
520
556
  let isDisabled = handler == null;
521
557
  React.useEffect(() => {
522
558
  if (isDisabled)
523
559
  return;
524
560
  let element = ref.current;
525
- let handler2 = (e) => handlerRef.current.call(this, e);
526
- element.addEventListener(event, handler2, options);
561
+ element.addEventListener(event, handleEvent, options);
527
562
  return () => {
528
- element.removeEventListener(event, handler2, options);
563
+ element.removeEventListener(event, handleEvent, options);
529
564
  };
530
565
  }, [
531
566
  ref,
532
567
  event,
533
568
  options,
534
- isDisabled
569
+ isDisabled,
570
+ handleEvent
535
571
  ]);
536
572
  }
537
573
  function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
@@ -626,10 +662,12 @@ exports.$6a7db85432448f7f$export$29bf1b5f2c56cf63 = $6a7db85432448f7f$export$29b
626
662
  exports.$6a7db85432448f7f$export$60278871457622de = $6a7db85432448f7f$export$60278871457622de;
627
663
  exports.$704cf1d3b684cc5c$export$535bd6ca7f90a273 = $704cf1d3b684cc5c$export$535bd6ca7f90a273;
628
664
  exports.$7215afc6de606d6b$export$de79e2c695e052f3 = $7215afc6de606d6b$export$de79e2c695e052f3;
665
+ exports.$8ae05eaa5c114e9c$export$7f54fc3180508a52 = $8ae05eaa5c114e9c$export$7f54fc3180508a52;
629
666
  exports.$9daab02d461809db$export$683480f191c0e3ea = $9daab02d461809db$export$683480f191c0e3ea;
630
667
  exports.$bbed8b41f857bcc0$export$24490316f764c430 = $bbed8b41f857bcc0$export$24490316f764c430;
631
668
  exports.$bdb11010cef70236$export$b4cc09c592e8fdb8 = $bdb11010cef70236$export$b4cc09c592e8fdb8;
632
669
  exports.$bdb11010cef70236$export$f680877a34711e37 = $bdb11010cef70236$export$f680877a34711e37;
670
+ exports.$c87311424ea30a05$export$78551043582a6a98 = $c87311424ea30a05$export$78551043582a6a98;
633
671
  exports.$c87311424ea30a05$export$9ac100e40613ea10 = $c87311424ea30a05$export$9ac100e40613ea10;
634
672
  exports.$c87311424ea30a05$export$e1865c3bedcd822b = $c87311424ea30a05$export$e1865c3bedcd822b;
635
673
  exports.$c87311424ea30a05$export$fedb369cb70207f1 = $c87311424ea30a05$export$fedb369cb70207f1;
@@ -31,11 +31,11 @@ var __objRest = (source, exclude) => {
31
31
  return target;
32
32
  };
33
33
  const React = require("react");
34
- const _import = require("./import-63bf0645.js");
35
- const _import$1 = require("./import-0d1b4d93.js");
34
+ const _import = require("./import-a1e0f814.js");
35
+ const _import$1 = require("./import-2b302763.js");
36
36
  const $k7QOs$reactdom = require("react-dom");
37
- const _import$2 = require("./import-76076ca6.js");
38
- const realModule = require("./real-module-ae2a4342.js");
37
+ const _import$2 = require("./import-dea5a24d.js");
38
+ const realModule = require("./real-module-e36b1436.js");
39
39
  const $5c3e21d68f1c4674$var$styles = {
40
40
  border: 0,
41
41
  clip: "rect(0 0 0 0)",
@@ -613,13 +613,15 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
613
613
  lastY = e.changedTouches[0].pageY;
614
614
  };
615
615
  let onTouchMove = (e) => {
616
- if (scrollable === document.documentElement || scrollable === document.body) {
616
+ if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
617
617
  e.preventDefault();
618
618
  return;
619
619
  }
620
620
  let y = e.changedTouches[0].pageY;
621
621
  let scrollTop = scrollable.scrollTop;
622
622
  let bottom = scrollable.scrollHeight - scrollable.clientHeight;
623
+ if (bottom === 0)
624
+ return;
623
625
  if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY)
624
626
  e.preventDefault();
625
627
  lastY = y;
@@ -763,7 +765,7 @@ function $f57aed4a881a3485$export$b47c3594eab58386(props) {
763
765
  let contents = /* @__PURE__ */ React.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
764
766
  return /* @__PURE__ */ $k7QOs$reactdom.createPortal(contents, portalContainer);
765
767
  }
766
- var $61fe14465afefc5e$exports = {};
768
+ var $a2f21f5f14f60553$exports = {};
767
769
  var $773d5888b972f1cf$exports = {};
768
770
  $773d5888b972f1cf$exports = {
769
771
  "dismiss": `تجاهل`
@@ -900,7 +902,7 @@ var $2b2734393847c884$exports = {};
900
902
  $2b2734393847c884$exports = {
901
903
  "dismiss": `關閉`
902
904
  };
903
- $61fe14465afefc5e$exports = {
905
+ $a2f21f5f14f60553$exports = {
904
906
  "ar-AE": $773d5888b972f1cf$exports,
905
907
  "bg-BG": $d11f19852b941573$exports,
906
908
  "cs-CZ": $b983974c2ee1efb3$exports,
@@ -938,7 +940,7 @@ $61fe14465afefc5e$exports = {
938
940
  };
939
941
  function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
940
942
  let _a = props, { onDismiss } = _a, otherProps = __objRest(_a, ["onDismiss"]);
941
- let stringFormatter = realModule.$fca6afa0e843324b$export$f12b703ca79dfbb1(/* @__PURE__ */ $parcel$interopDefault($61fe14465afefc5e$exports));
943
+ let stringFormatter = realModule.$fca6afa0e843324b$export$f12b703ca79dfbb1(/* @__PURE__ */ $parcel$interopDefault($a2f21f5f14f60553$exports));
942
944
  let labels = _import.$313b98861ee5dd6c$export$d6875122194c7b44(otherProps, stringFormatter.format("dismiss"));
943
945
  let onClick = () => {
944
946
  if (onDismiss)
@@ -1006,11 +1008,11 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
1006
1008
  visibleNodes.delete(node);
1007
1009
  hiddenNodes.delete(node);
1008
1010
  }
1009
- for (let node1 of change.addedNodes) {
1010
- if ((node1 instanceof HTMLElement || node1 instanceof SVGElement) && (node1.dataset.liveAnnouncer === "true" || node1.dataset.reactAriaTopLayer === "true"))
1011
- visibleNodes.add(node1);
1012
- else if (node1 instanceof Element)
1013
- walk(node1);
1011
+ for (let node of change.addedNodes) {
1012
+ if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer === "true"))
1013
+ visibleNodes.add(node);
1014
+ else if (node instanceof Element)
1015
+ walk(node);
1014
1016
  }
1015
1017
  }
1016
1018
  }
@@ -1086,21 +1088,32 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
1086
1088
  }
1087
1089
  function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
1088
1090
  let [isOpen, setOpen] = _import$2.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
1091
+ const open = React.useCallback(() => {
1092
+ setOpen(true);
1093
+ }, [
1094
+ setOpen
1095
+ ]);
1096
+ const close = React.useCallback(() => {
1097
+ setOpen(false);
1098
+ }, [
1099
+ setOpen
1100
+ ]);
1101
+ const toggle = React.useCallback(() => {
1102
+ setOpen(!isOpen);
1103
+ }, [
1104
+ setOpen,
1105
+ isOpen
1106
+ ]);
1089
1107
  return {
1090
1108
  isOpen,
1091
1109
  setOpen,
1092
- open() {
1093
- setOpen(true);
1094
- },
1095
- close() {
1096
- setOpen(false);
1097
- },
1098
- toggle() {
1099
- setOpen(!isOpen);
1100
- }
1110
+ open,
1111
+ close,
1112
+ toggle
1101
1113
  };
1102
1114
  }
1103
1115
  exports.$2a41e45df1593e64$export$d39e1813b3bdd0e1 = $2a41e45df1593e64$export$d39e1813b3bdd0e1;
1116
+ exports.$5c3e21d68f1c4674$export$a966af930f325cab = $5c3e21d68f1c4674$export$a966af930f325cab;
1104
1117
  exports.$628037886ba31236$export$f9d5c8beee7d008d = $628037886ba31236$export$f9d5c8beee7d008d;
1105
1118
  exports.$86ea4cb521eb2e37$export$2317d149ed6f78c4 = $86ea4cb521eb2e37$export$2317d149ed6f78c4;
1106
1119
  exports.$f2f8a6077418541e$export$542a6fd13ac93354 = $f2f8a6077418541e$export$542a6fd13ac93354;
@@ -2,26 +2,30 @@
2
2
  const React = require("react");
3
3
  function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
4
4
  let [stateValue, setStateValue] = React.useState(value || defaultValue);
5
- let ref = React.useRef(value !== void 0);
6
- let wasControlled = ref.current;
5
+ let isControlledRef = React.useRef(value !== void 0);
7
6
  let isControlled = value !== void 0;
8
- let stateRef = React.useRef(stateValue);
9
- if (wasControlled !== isControlled)
10
- console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
11
- ref.current = isControlled;
7
+ React.useEffect(() => {
8
+ let wasControlled = isControlledRef.current;
9
+ if (wasControlled !== isControlled)
10
+ console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
11
+ isControlledRef.current = isControlled;
12
+ }, [
13
+ isControlled
14
+ ]);
15
+ let currentValue = isControlled ? value : stateValue;
12
16
  let setValue = React.useCallback((value2, ...args) => {
13
17
  let onChangeCaller = (value3, ...onChangeArgs) => {
14
18
  if (onChange) {
15
- if (!Object.is(stateRef.current, value3))
19
+ if (!Object.is(currentValue, value3))
16
20
  onChange(value3, ...onChangeArgs);
17
21
  }
18
22
  if (!isControlled)
19
- stateRef.current = value3;
23
+ currentValue = value3;
20
24
  };
21
25
  if (typeof value2 === "function") {
22
26
  console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320");
23
27
  let updateFunction = (oldValue, ...functionArgs) => {
24
- let interceptedValue = value2(isControlled ? stateRef.current : oldValue, ...functionArgs);
28
+ let interceptedValue = value2(isControlled ? currentValue : oldValue, ...functionArgs);
25
29
  onChangeCaller(interceptedValue, ...args);
26
30
  if (!isControlled)
27
31
  return interceptedValue;
@@ -35,14 +39,11 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
35
39
  }
36
40
  }, [
37
41
  isControlled,
42
+ currentValue,
38
43
  onChange
39
44
  ]);
40
- if (isControlled)
41
- stateRef.current = value;
42
- else
43
- value = stateValue;
44
45
  return [
45
- value,
46
+ currentValue,
46
47
  setValue
47
48
  ];
48
49
  }
@@ -30,11 +30,11 @@ var __objRest = (source, exclude) => {
30
30
  return target;
31
31
  };
32
32
  import React__default, { useState, useMemo, useCallback, useRef, useEffect, useContext } from "react";
33
- import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, l as $9daab02d461809db$export$683480f191c0e3ea, o as $704cf1d3b684cc5c$export$535bd6ca7f90a273, b as $bdb11010cef70236$export$f680877a34711e37, m as $313b98861ee5dd6c$export$d6875122194c7b44, p as $c87311424ea30a05$export$fedb369cb70207f1, q as $ff5963eb1fccf552$export$e08e3b67e392101e, r as $62d8ded9296f3872$export$cfa2225e87938781 } from "./import-b7971a11.mjs";
34
- import { d as $9ab94262bd0047c7$export$420e68273165f4ec, j as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, k as $9bf71ea28793e738$export$1258395f99bf9cbf } from "./import-ab878fb6.mjs";
33
+ import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, o as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, q as $9daab02d461809db$export$683480f191c0e3ea, e as $704cf1d3b684cc5c$export$535bd6ca7f90a273, b as $bdb11010cef70236$export$f680877a34711e37, c as $313b98861ee5dd6c$export$d6875122194c7b44, l as $c87311424ea30a05$export$fedb369cb70207f1, r as $ff5963eb1fccf552$export$e08e3b67e392101e, s as $62d8ded9296f3872$export$cfa2225e87938781 } from "./import-19bc38ac.mjs";
34
+ import { b as $9ab94262bd0047c7$export$420e68273165f4ec, c as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, d as $9bf71ea28793e738$export$1258395f99bf9cbf } from "./import-3d962a94.mjs";
35
35
  import $k7QOs$reactdom from "react-dom";
36
- import { a as $9446cca9a3875146$export$7d15b64cf5a3a4c4, $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./import-86330a7c.mjs";
37
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./real-module-e4cd2301.mjs";
36
+ import { a as $9446cca9a3875146$export$7d15b64cf5a3a4c4, $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./import-6a831ca1.mjs";
37
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./real-module-515df21d.mjs";
38
38
  const $5c3e21d68f1c4674$var$styles = {
39
39
  border: 0,
40
40
  clip: "rect(0 0 0 0)",
@@ -612,13 +612,15 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
612
612
  lastY = e.changedTouches[0].pageY;
613
613
  };
614
614
  let onTouchMove = (e) => {
615
- if (scrollable === document.documentElement || scrollable === document.body) {
615
+ if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
616
616
  e.preventDefault();
617
617
  return;
618
618
  }
619
619
  let y = e.changedTouches[0].pageY;
620
620
  let scrollTop = scrollable.scrollTop;
621
621
  let bottom = scrollable.scrollHeight - scrollable.clientHeight;
622
+ if (bottom === 0)
623
+ return;
622
624
  if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY)
623
625
  e.preventDefault();
624
626
  lastY = y;
@@ -762,7 +764,7 @@ function $f57aed4a881a3485$export$b47c3594eab58386(props) {
762
764
  let contents = /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
763
765
  return /* @__PURE__ */ $k7QOs$reactdom.createPortal(contents, portalContainer);
764
766
  }
765
- var $61fe14465afefc5e$exports = {};
767
+ var $a2f21f5f14f60553$exports = {};
766
768
  var $773d5888b972f1cf$exports = {};
767
769
  $773d5888b972f1cf$exports = {
768
770
  "dismiss": `تجاهل`
@@ -899,7 +901,7 @@ var $2b2734393847c884$exports = {};
899
901
  $2b2734393847c884$exports = {
900
902
  "dismiss": `關閉`
901
903
  };
902
- $61fe14465afefc5e$exports = {
904
+ $a2f21f5f14f60553$exports = {
903
905
  "ar-AE": $773d5888b972f1cf$exports,
904
906
  "bg-BG": $d11f19852b941573$exports,
905
907
  "cs-CZ": $b983974c2ee1efb3$exports,
@@ -937,7 +939,7 @@ $61fe14465afefc5e$exports = {
937
939
  };
938
940
  function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
939
941
  let _a = props, { onDismiss } = _a, otherProps = __objRest(_a, ["onDismiss"]);
940
- let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1(/* @__PURE__ */ $parcel$interopDefault($61fe14465afefc5e$exports));
942
+ let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1(/* @__PURE__ */ $parcel$interopDefault($a2f21f5f14f60553$exports));
941
943
  let labels = $313b98861ee5dd6c$export$d6875122194c7b44(otherProps, stringFormatter.format("dismiss"));
942
944
  let onClick = () => {
943
945
  if (onDismiss)
@@ -1005,11 +1007,11 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
1005
1007
  visibleNodes.delete(node);
1006
1008
  hiddenNodes.delete(node);
1007
1009
  }
1008
- for (let node1 of change.addedNodes) {
1009
- if ((node1 instanceof HTMLElement || node1 instanceof SVGElement) && (node1.dataset.liveAnnouncer === "true" || node1.dataset.reactAriaTopLayer === "true"))
1010
- visibleNodes.add(node1);
1011
- else if (node1 instanceof Element)
1012
- walk(node1);
1010
+ for (let node of change.addedNodes) {
1011
+ if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer === "true"))
1012
+ visibleNodes.add(node);
1013
+ else if (node instanceof Element)
1014
+ walk(node);
1013
1015
  }
1014
1016
  }
1015
1017
  }
@@ -1085,18 +1087,28 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
1085
1087
  }
1086
1088
  function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
1087
1089
  let [isOpen, setOpen] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
1090
+ const open = useCallback(() => {
1091
+ setOpen(true);
1092
+ }, [
1093
+ setOpen
1094
+ ]);
1095
+ const close = useCallback(() => {
1096
+ setOpen(false);
1097
+ }, [
1098
+ setOpen
1099
+ ]);
1100
+ const toggle = useCallback(() => {
1101
+ setOpen(!isOpen);
1102
+ }, [
1103
+ setOpen,
1104
+ isOpen
1105
+ ]);
1088
1106
  return {
1089
1107
  isOpen,
1090
1108
  setOpen,
1091
- open() {
1092
- setOpen(true);
1093
- },
1094
- close() {
1095
- setOpen(false);
1096
- },
1097
- toggle() {
1098
- setOpen(!isOpen);
1099
- }
1109
+ open,
1110
+ close,
1111
+ toggle
1100
1112
  };
1101
1113
  }
1102
1114
  export {
@@ -1105,5 +1117,6 @@ export {
1105
1117
  $f2f8a6077418541e$export$542a6fd13ac93354 as b,
1106
1118
  $f57aed4a881a3485$export$b47c3594eab58386 as c,
1107
1119
  $86ea4cb521eb2e37$export$2317d149ed6f78c4 as d,
1108
- $2a41e45df1593e64$export$d39e1813b3bdd0e1 as e
1120
+ $5c3e21d68f1c4674$export$a966af930f325cab as e,
1121
+ $2a41e45df1593e64$export$d39e1813b3bdd0e1 as f
1109
1122
  };
@@ -29,11 +29,11 @@ var __objRest = (source, exclude) => {
29
29
  }
30
30
  return target;
31
31
  };
32
- import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, n as $5dc95899b306f630$export$c9058316764c140e } from "./import-b7971a11.mjs";
32
+ import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, z as $5dc95899b306f630$export$c9058316764c140e } from "./import-19bc38ac.mjs";
33
33
  import React__default, { forwardRef, useRef } from "react";
34
34
  import { classNames } from "../utilities/css.mjs";
35
35
  import { o as omit } from "./omit-f17deb8f.mjs";
36
- import { b as $f6c31cce2adf654f$export$45712eceda6fad21, c as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./import-ab878fb6.mjs";
36
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./import-3d962a94.mjs";
37
37
  function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
38
38
  let {
39
39
  elementType = "button",
@@ -107,50 +107,25 @@ function logWarningIfInvalidColorVariantCombination(color, variant) {
107
107
  link: ["primary", "secondary"]
108
108
  };
109
109
  if (!((_a = validColorVariantCombinations[variant]) == null ? void 0 : _a.includes(color))) {
110
- console.warn(
111
- `The color '${color}' is not supported with the '${variant}' variant`
112
- );
110
+ console.warn(`The color '${color}' is not supported with the '${variant}' variant`);
113
111
  }
114
112
  }
115
113
  function omitReactAriaSpecificProps(props) {
116
- return omit(props, [
117
- "onPress",
118
- "onPressChange",
119
- "onPressStart",
120
- "onPressEnd",
121
- "onPressUp"
122
- ]);
114
+ return omit(props, ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp"]);
123
115
  }
124
- const UnstyledButton = forwardRef(
125
- (props, inRef) => {
126
- const _a = props, {
127
- className = "",
128
- href = "",
129
- children = "Button",
130
- isDisabled = false
131
- } = _a, restProps = __objRest(_a, [
132
- "className",
133
- "href",
134
- "children",
135
- "isDisabled"
136
- ]);
137
- const ref = useRef(null);
138
- const As = href ? "a" : "button";
139
- const { buttonProps: elementProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(
140
- __spreadProps(__spreadValues({}, props), { elementType: As }),
141
- ref
142
- );
143
- return /* @__PURE__ */ React__default.createElement(
144
- As,
145
- __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
146
- disabled: isDisabled,
147
- ref: $5dc95899b306f630$export$c9058316764c140e(ref, inRef),
148
- className: classNames(className)
149
- }),
150
- children
151
- );
152
- }
153
- );
116
+ const UnstyledButton = forwardRef((props, inRef) => {
117
+ const _a = props, { className = "", href = "", children = "Button", isDisabled = false } = _a, restProps = __objRest(_a, ["className", "href", "children", "isDisabled"]);
118
+ const ref = useRef(null);
119
+ const As = href ? "a" : "button";
120
+ const { buttonProps: elementProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
121
+ elementType: As
122
+ }), ref);
123
+ return React__default.createElement(As, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
124
+ disabled: isDisabled,
125
+ ref: $5dc95899b306f630$export$c9058316764c140e(ref, inRef),
126
+ className: classNames(className)
127
+ }), children);
128
+ });
154
129
  UnstyledButton.displayName = "UnstyledButton";
155
130
  export {
156
131
  UnstyledButton as U,
@@ -30,11 +30,11 @@ var __objRest = (source, exclude) => {
30
30
  }
31
31
  return target;
32
32
  };
33
- const _import$1 = require("./import-63bf0645.js");
33
+ const _import$1 = require("./import-a1e0f814.js");
34
34
  const React = require("react");
35
35
  const utilities_css = require("../utilities/css.js");
36
36
  const omit = require("./omit-fca26542.js");
37
- const _import = require("./import-0d1b4d93.js");
37
+ const _import = require("./import-2b302763.js");
38
38
  function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
39
39
  let {
40
40
  elementType = "button",
@@ -108,50 +108,25 @@ function logWarningIfInvalidColorVariantCombination(color, variant) {
108
108
  link: ["primary", "secondary"]
109
109
  };
110
110
  if (!((_a = validColorVariantCombinations[variant]) == null ? void 0 : _a.includes(color))) {
111
- console.warn(
112
- `The color '${color}' is not supported with the '${variant}' variant`
113
- );
111
+ console.warn(`The color '${color}' is not supported with the '${variant}' variant`);
114
112
  }
115
113
  }
116
114
  function omitReactAriaSpecificProps(props) {
117
- return omit.omit(props, [
118
- "onPress",
119
- "onPressChange",
120
- "onPressStart",
121
- "onPressEnd",
122
- "onPressUp"
123
- ]);
115
+ return omit.omit(props, ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp"]);
124
116
  }
125
- const UnstyledButton = React.forwardRef(
126
- (props, inRef) => {
127
- const _a = props, {
128
- className = "",
129
- href = "",
130
- children = "Button",
131
- isDisabled = false
132
- } = _a, restProps = __objRest(_a, [
133
- "className",
134
- "href",
135
- "children",
136
- "isDisabled"
137
- ]);
138
- const ref = React.useRef(null);
139
- const As = href ? "a" : "button";
140
- const { buttonProps: elementProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(
141
- __spreadProps(__spreadValues({}, props), { elementType: As }),
142
- ref
143
- );
144
- return /* @__PURE__ */ React.createElement(
145
- As,
146
- __spreadProps(__spreadValues({}, _import$1.$3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
147
- disabled: isDisabled,
148
- ref: _import$1.$5dc95899b306f630$export$c9058316764c140e(ref, inRef),
149
- className: utilities_css.classNames(className)
150
- }),
151
- children
152
- );
153
- }
154
- );
117
+ const UnstyledButton = React.forwardRef((props, inRef) => {
118
+ const _a = props, { className = "", href = "", children = "Button", isDisabled = false } = _a, restProps = __objRest(_a, ["className", "href", "children", "isDisabled"]);
119
+ const ref = React.useRef(null);
120
+ const As = href ? "a" : "button";
121
+ const { buttonProps: elementProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
122
+ elementType: As
123
+ }), ref);
124
+ return React.createElement(As, __spreadProps(__spreadValues({}, _import$1.$3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
125
+ disabled: isDisabled,
126
+ ref: _import$1.$5dc95899b306f630$export$c9058316764c140e(ref, inRef),
127
+ className: utilities_css.classNames(className)
128
+ }), children);
129
+ });
155
130
  UnstyledButton.displayName = "UnstyledButton";
156
131
  exports.UnstyledButton = UnstyledButton;
157
132
  exports.logWarningIfInvalidColorVariantCombination = logWarningIfInvalidColorVariantCombination;
@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
29
29
  import React__default, { useMemo, useRef, useEffect, forwardRef, useImperativeHandle } from "react";
30
30
  /*!
31
31
  * OverlayScrollbars
32
- * Version: 2.2.0
32
+ * Version: 2.2.1
33
33
  *
34
34
  * Copyright (c) Rene Haas | KingSora.
35
35
  * https://github.com/KingSora
@@ -2041,9 +2041,9 @@ const getScrollbarHandleLengthRatio = (t2, n2, o2, s2) => {
2041
2041
  const r3 = n3[t3];
2042
2042
  return Qt(0, Kt(1, c3 / (c3 + r3)));
2043
2043
  }
2044
- const e2 = o2 ? "w" : "h";
2045
- const c2 = offsetSize(t2)[e2];
2046
- const r2 = offsetSize(n2)[e2];
2044
+ const e2 = o2 ? "width" : "height";
2045
+ const c2 = getBoundingClientRect(t2)[e2];
2046
+ const r2 = getBoundingClientRect(n2)[e2];
2047
2047
  return Qt(0, Kt(1, c2 / r2));
2048
2048
  };
2049
2049
  const getScrollbarHandleOffsetRatio = (t2, n2, o2, s2, e2, c2) => {
@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
30
30
  const React = require("react");
31
31
  /*!
32
32
  * OverlayScrollbars
33
- * Version: 2.2.0
33
+ * Version: 2.2.1
34
34
  *
35
35
  * Copyright (c) Rene Haas | KingSora.
36
36
  * https://github.com/KingSora
@@ -2042,9 +2042,9 @@ const getScrollbarHandleLengthRatio = (t2, n2, o2, s2) => {
2042
2042
  const r3 = n3[t3];
2043
2043
  return Qt(0, Kt(1, c3 / (c3 + r3)));
2044
2044
  }
2045
- const e2 = o2 ? "w" : "h";
2046
- const c2 = offsetSize(t2)[e2];
2047
- const r2 = offsetSize(n2)[e2];
2045
+ const e2 = o2 ? "width" : "height";
2046
+ const c2 = getBoundingClientRect(t2)[e2];
2047
+ const r2 = getBoundingClientRect(n2)[e2];
2048
2048
  return Qt(0, Kt(1, c2 / r2));
2049
2049
  };
2050
2050
  const getScrollbarHandleOffsetRatio = (t2, n2, o2, s2, e2, c2) => {
@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
15
15
  return a;
16
16
  };
17
17
  import React__default, { useContext, useMemo, useState, useEffect } from "react";
18
- import { o as $704cf1d3b684cc5c$export$535bd6ca7f90a273 } from "./import-b7971a11.mjs";
18
+ import { e as $704cf1d3b684cc5c$export$535bd6ca7f90a273 } from "./import-19bc38ac.mjs";
19
19
  class $5b160d28a433310d$export$c17fa47878dc55b6 {
20
20
  /** Returns a localized string for the given key and locale. */
21
21
  getStringForLocale(key, locale) {
@@ -16,7 +16,7 @@ var __spreadValues = (a, b) => {
16
16
  return a;
17
17
  };
18
18
  const React = require("react");
19
- const _import = require("./import-63bf0645.js");
19
+ const _import = require("./import-a1e0f814.js");
20
20
  class $5b160d28a433310d$export$c17fa47878dc55b6 {
21
21
  /** Returns a localized string for the given key and locale. */
22
22
  getStringForLocale(key, locale) {