@aivenio/aquarium 1.78.0 → 1.80.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/atoms.cjs +124 -24
  2. package/dist/atoms.mjs +124 -24
  3. package/dist/charts.cjs +1 -0
  4. package/dist/charts.mjs +1 -0
  5. package/dist/src/atoms/Section/Section.js +3 -3
  6. package/dist/src/atoms/utils/index.d.ts +234 -0
  7. package/dist/src/atoms/utils/index.js +32 -0
  8. package/dist/src/molecules/Combobox/Combobox.js +6 -1
  9. package/dist/src/molecules/Context/Context.d.ts +2 -1
  10. package/dist/src/molecules/Context/Context.js +6 -4
  11. package/dist/src/molecules/DataList/DataList.d.ts +5 -1
  12. package/dist/src/molecules/DataList/DataList.js +60 -60
  13. package/dist/src/molecules/DataList/DataListComponents.d.ts +2 -1
  14. package/dist/src/molecules/DataList/DataListComponents.js +3 -3
  15. package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
  16. package/dist/src/molecules/DataList/DataListGroup.js +3 -3
  17. package/dist/src/molecules/DataTable/DataTable.d.ts +5 -1
  18. package/dist/src/molecules/DataTable/DataTable.js +36 -36
  19. package/dist/src/molecules/DateField/DateField.d.ts +10 -0
  20. package/dist/src/molecules/DateField/DateField.js +33 -0
  21. package/dist/src/molecules/DateField/DateInput.d.ts +3 -0
  22. package/dist/src/molecules/DateField/DateInput.js +22 -0
  23. package/dist/src/molecules/DatePicker/Button.d.ts +4 -0
  24. package/dist/src/molecules/DatePicker/Button.js +12 -0
  25. package/dist/src/molecules/DatePicker/Calendar.d.ts +6 -0
  26. package/dist/src/molecules/DatePicker/Calendar.js +44 -0
  27. package/dist/src/molecules/DatePicker/DatePicker.d.ts +12 -0
  28. package/dist/src/molecules/DatePicker/DatePicker.js +63 -0
  29. package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -0
  30. package/dist/src/molecules/DatePicker/DateRangePicker.js +68 -0
  31. package/dist/src/molecules/DatePicker/Dialog.d.ts +3 -0
  32. package/dist/src/molecules/DatePicker/Dialog.js +7 -0
  33. package/dist/src/molecules/DatePicker/Popover.d.ts +7 -0
  34. package/dist/src/molecules/DatePicker/Popover.js +27 -0
  35. package/dist/src/molecules/DatePicker/RangeCalendar.d.ts +4 -0
  36. package/dist/src/molecules/DatePicker/RangeCalendar.js +51 -0
  37. package/dist/src/molecules/Field/Field.d.ts +3 -0
  38. package/dist/src/molecules/Field/Field.js +7 -0
  39. package/dist/src/molecules/MultiSelect/MultiSelect.js +6 -1
  40. package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
  41. package/dist/src/molecules/Section/Section.js +4 -6
  42. package/dist/src/molecules/Select/Select.js +6 -1
  43. package/dist/src/molecules/TimeField/TimeField.d.ts +10 -0
  44. package/dist/src/molecules/TimeField/TimeField.js +33 -0
  45. package/dist/src/molecules/TimePicker/TimePicker.d.ts +6 -0
  46. package/dist/src/molecules/TimePicker/TimePicker.js +4 -0
  47. package/dist/src/molecules/Tooltip/Tooltip.d.ts +5 -0
  48. package/dist/src/molecules/Tooltip/Tooltip.js +4 -2
  49. package/dist/src/molecules/index.d.ts +3 -0
  50. package/dist/src/molecules/index.js +4 -1
  51. package/dist/src/utils/mocks/mockScrollIntoView.d.ts +1 -0
  52. package/dist/src/utils/mocks/mockScrollIntoView.js +11 -0
  53. package/dist/src/utils/setupTests.js +3 -1
  54. package/dist/src/utils/tailwind.d.ts +1 -0
  55. package/dist/src/utils/tailwind.js +6 -1
  56. package/dist/styles.css +1942 -1489
  57. package/dist/system.cjs +1094 -548
  58. package/dist/system.mjs +1080 -517
  59. package/dist/tailwind.config.js +2 -1
  60. package/dist/tailwind.theme.json +93 -3
  61. package/dist/tsconfig.module.tsbuildinfo +1 -1
  62. package/dist/types/tailwindGenerated.d.ts +1 -1
  63. package/package.json +8 -15
package/dist/atoms.cjs CHANGED
@@ -4386,6 +4386,9 @@ var tailwind_theme_default = {
4386
4386
  "11/12": "91.666667%",
4387
4387
  full: "100%",
4388
4388
  screen: "100vw",
4389
+ svw: "100svw",
4390
+ lvw: "100lvw",
4391
+ dvw: "100dvw",
4389
4392
  min: "min-content",
4390
4393
  max: "max-content",
4391
4394
  fit: "fit-content"
@@ -4427,12 +4430,32 @@ var tailwind_theme_default = {
4427
4430
  "5/6": "83.333333%",
4428
4431
  full: "100%",
4429
4432
  screen: "100vh",
4433
+ svh: "100svh",
4434
+ lvh: "100lvh",
4435
+ dvh: "100dvh",
4430
4436
  min: "min-content",
4431
4437
  max: "max-content",
4432
4438
  fit: "fit-content"
4433
4439
  },
4434
4440
  maxWidth: {
4435
- "0": "0rem",
4441
+ "0": "0px",
4442
+ "1": "2px",
4443
+ "2": "4px",
4444
+ "3": "8px",
4445
+ "4": "12px",
4446
+ "5": "16px",
4447
+ "6": "24px",
4448
+ "7": "32px",
4449
+ "8": "40px",
4450
+ "9": "48px",
4451
+ "1px": "1px",
4452
+ l1: "16px",
4453
+ l2: "24px",
4454
+ l3: "32px",
4455
+ l4: "48px",
4456
+ l5: "64px",
4457
+ l6: "96px",
4458
+ l7: "160px",
4436
4459
  none: "none",
4437
4460
  xs: "20rem",
4438
4461
  sm: "24rem",
@@ -4476,14 +4499,35 @@ var tailwind_theme_default = {
4476
4499
  l5: "64px",
4477
4500
  l6: "96px",
4478
4501
  l7: "160px",
4502
+ none: "none",
4479
4503
  full: "100%",
4480
4504
  screen: "100vh",
4505
+ svh: "100svh",
4506
+ lvh: "100lvh",
4507
+ dvh: "100dvh",
4481
4508
  min: "min-content",
4482
4509
  max: "max-content",
4483
4510
  fit: "fit-content"
4484
4511
  },
4485
4512
  minWidth: {
4486
4513
  "0": "0px",
4514
+ "1": "2px",
4515
+ "2": "4px",
4516
+ "3": "8px",
4517
+ "4": "12px",
4518
+ "5": "16px",
4519
+ "6": "24px",
4520
+ "7": "32px",
4521
+ "8": "40px",
4522
+ "9": "48px",
4523
+ "1px": "1px",
4524
+ l1: "16px",
4525
+ l2: "24px",
4526
+ l3: "32px",
4527
+ l4: "48px",
4528
+ l5: "64px",
4529
+ l6: "96px",
4530
+ l7: "160px",
4487
4531
  full: "100%",
4488
4532
  min: "min-content",
4489
4533
  max: "max-content",
@@ -4491,8 +4535,28 @@ var tailwind_theme_default = {
4491
4535
  },
4492
4536
  minHeight: {
4493
4537
  "0": "0px",
4538
+ "1": "2px",
4539
+ "2": "4px",
4540
+ "3": "8px",
4541
+ "4": "12px",
4542
+ "5": "16px",
4543
+ "6": "24px",
4544
+ "7": "32px",
4545
+ "8": "40px",
4546
+ "9": "48px",
4547
+ "1px": "1px",
4548
+ l1: "16px",
4549
+ l2: "24px",
4550
+ l3: "32px",
4551
+ l4: "48px",
4552
+ l5: "64px",
4553
+ l6: "96px",
4554
+ l7: "160px",
4494
4555
  full: "100%",
4495
4556
  screen: "100vh",
4557
+ svh: "100svh",
4558
+ lvh: "100lvh",
4559
+ dvh: "100dvh",
4496
4560
  min: "min-content",
4497
4561
  max: "max-content",
4498
4562
  fit: "fit-content"
@@ -4989,6 +5053,12 @@ var tailwind_theme_default = {
4989
5053
  "span-4": "span 4 / span 4",
4990
5054
  "span-5": "span 5 / span 5",
4991
5055
  "span-6": "span 6 / span 6",
5056
+ "span-7": "span 7 / span 7",
5057
+ "span-8": "span 8 / span 8",
5058
+ "span-9": "span 9 / span 9",
5059
+ "span-10": "span 10 / span 10",
5060
+ "span-11": "span 11 / span 11",
5061
+ "span-12": "span 12 / span 12",
4992
5062
  "span-full": "1 / -1"
4993
5063
  },
4994
5064
  gridRowStart: {
@@ -4999,6 +5069,12 @@ var tailwind_theme_default = {
4999
5069
  "5": "5",
5000
5070
  "6": "6",
5001
5071
  "7": "7",
5072
+ "8": "8",
5073
+ "9": "9",
5074
+ "10": "10",
5075
+ "11": "11",
5076
+ "12": "12",
5077
+ "13": "13",
5002
5078
  auto: "auto"
5003
5079
  },
5004
5080
  gridRowEnd: {
@@ -5009,6 +5085,12 @@ var tailwind_theme_default = {
5009
5085
  "5": "5",
5010
5086
  "6": "6",
5011
5087
  "7": "7",
5088
+ "8": "8",
5089
+ "9": "9",
5090
+ "10": "10",
5091
+ "11": "11",
5092
+ "12": "12",
5093
+ "13": "13",
5012
5094
  auto: "auto"
5013
5095
  },
5014
5096
  gridTemplateColumns: {
@@ -5024,7 +5106,8 @@ var tailwind_theme_default = {
5024
5106
  "10": "repeat(10, minmax(0, 1fr))",
5025
5107
  "11": "repeat(11, minmax(0, 1fr))",
5026
5108
  "12": "repeat(12, minmax(0, 1fr))",
5027
- none: "none"
5109
+ none: "none",
5110
+ subgrid: "subgrid"
5028
5111
  },
5029
5112
  gridTemplateRows: {
5030
5113
  "1": "repeat(1, minmax(0, 1fr))",
@@ -5033,7 +5116,14 @@ var tailwind_theme_default = {
5033
5116
  "4": "repeat(4, minmax(0, 1fr))",
5034
5117
  "5": "repeat(5, minmax(0, 1fr))",
5035
5118
  "6": "repeat(6, minmax(0, 1fr))",
5036
- none: "none"
5119
+ "7": "repeat(7, minmax(0, 1fr))",
5120
+ "8": "repeat(8, minmax(0, 1fr))",
5121
+ "9": "repeat(9, minmax(0, 1fr))",
5122
+ "10": "repeat(10, minmax(0, 1fr))",
5123
+ "11": "repeat(11, minmax(0, 1fr))",
5124
+ "12": "repeat(12, minmax(0, 1fr))",
5125
+ none: "none",
5126
+ subgrid: "subgrid"
5037
5127
  },
5038
5128
  keyframes: {
5039
5129
  spin: { to: { transform: "rotate(360deg)" } },
@@ -5063,6 +5153,7 @@ var tailwind_theme_default = {
5063
5153
 
5064
5154
  // src/molecules/Context/Context.tsx
5065
5155
  var import_react10 = __toESM(require("react"));
5156
+ var import_i18n = require("@react-aria/i18n");
5066
5157
  var import_overlays = require("@react-aria/overlays");
5067
5158
 
5068
5159
  // src/utils/breakpoints.ts
@@ -5838,6 +5929,7 @@ var Element = (_a) => {
5838
5929
  var import_react3 = __toESM(require("react"));
5839
5930
 
5840
5931
  // src/utils/tailwind.ts
5932
+ var import_react_aria_components = require("react-aria-components");
5841
5933
  var import_classnames = __toESM(require("classnames"));
5842
5934
  function cleanClassNames(classNames5) {
5843
5935
  const tokens = classNames5.split(/\s+/);
@@ -6671,7 +6763,9 @@ function useTooltipTriggerState(props = {}) {
6671
6763
  // src/molecules/Tooltip/Tooltip.tsx
6672
6764
  var Tooltip = (_a) => {
6673
6765
  var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
6766
+ var _a2;
6674
6767
  const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
6768
+ const display = (_a2 = props.display) != null ? _a2 : inline ? "inline-block" : "block";
6675
6769
  const triggerRef = import_react17.default.useRef(null);
6676
6770
  const overlayRef = import_react17.default.useRef(null);
6677
6771
  const state = useTooltipTriggerState(__spreadValues({ isDisabled, delay }, props));
@@ -6688,41 +6782,41 @@ var Tooltip = (_a) => {
6688
6782
  onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
6689
6783
  });
6690
6784
  const handleClick = (e) => {
6691
- var _a2, _b2;
6692
- (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
6785
+ var _a3, _b2;
6786
+ (_a3 = props.onClick) == null ? void 0 : _a3.call(props, e);
6693
6787
  (_b2 = triggerProps.onClick) == null ? void 0 : _b2.call(triggerProps, e);
6694
6788
  };
6695
6789
  const handleMouseDown = (e) => {
6696
- var _a2, _b2;
6697
- (_a2 = props.onMouseDown) == null ? void 0 : _a2.call(props, e);
6790
+ var _a3, _b2;
6791
+ (_a3 = props.onMouseDown) == null ? void 0 : _a3.call(props, e);
6698
6792
  (_b2 = triggerProps.onMouseDown) == null ? void 0 : _b2.call(triggerProps, e);
6699
6793
  };
6700
6794
  const handleMouseUp = (e) => {
6701
- var _a2, _b2;
6702
- (_a2 = props.onMouseUp) == null ? void 0 : _a2.call(props, e);
6795
+ var _a3, _b2;
6796
+ (_a3 = props.onMouseUp) == null ? void 0 : _a3.call(props, e);
6703
6797
  (_b2 = triggerProps.onMouseUp) == null ? void 0 : _b2.call(triggerProps, e);
6704
6798
  };
6705
6799
  const handlePointerDown = (e) => {
6706
- var _a2, _b2;
6707
- (_a2 = props.onPointerDown) == null ? void 0 : _a2.call(props, e);
6800
+ var _a3, _b2;
6801
+ (_a3 = props.onPointerDown) == null ? void 0 : _a3.call(props, e);
6708
6802
  (_b2 = triggerProps.onPointerDown) == null ? void 0 : _b2.call(triggerProps, e);
6709
6803
  };
6710
6804
  const handlePointerUp = (e) => {
6711
- var _a2, _b2;
6712
- (_a2 = props.onPointerUp) == null ? void 0 : _a2.call(props, e);
6805
+ var _a3, _b2;
6806
+ (_a3 = props.onPointerUp) == null ? void 0 : _a3.call(props, e);
6713
6807
  (_b2 = triggerProps.onPointerUp) == null ? void 0 : _b2.call(triggerProps, e);
6714
6808
  };
6715
6809
  return /* @__PURE__ */ import_react17.default.createElement("div", __spreadProps(__spreadValues({
6716
- className: tw(`${inline ? "inline-block" : "block"}`)
6810
+ className: display
6717
6811
  }, triggerProps), {
6718
6812
  onFocus: (e) => {
6719
- var _a2, _b2;
6720
- (_a2 = triggerProps.onFocus) == null ? void 0 : _a2.call(triggerProps, e);
6813
+ var _a3, _b2;
6814
+ (_a3 = triggerProps.onFocus) == null ? void 0 : _a3.call(triggerProps, e);
6721
6815
  (_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
6722
6816
  },
6723
6817
  onBlur: (e) => {
6724
- var _a2, _b2;
6725
- (_a2 = triggerProps.onBlur) == null ? void 0 : _a2.call(triggerProps, e);
6818
+ var _a3, _b2;
6819
+ (_a3 = triggerProps.onBlur) == null ? void 0 : _a3.call(triggerProps, e);
6726
6820
  (_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
6727
6821
  },
6728
6822
  onClick: handleClick,
@@ -8825,12 +8919,18 @@ ProgressBar.Labels = (_a) => {
8825
8919
  var import_react42 = __toESM(require("react"));
8826
8920
  var import_caretUp2 = __toESM(require_caretUp());
8827
8921
  var Section2 = (_a) => {
8828
- var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8829
- return /* @__PURE__ */ import_react42.default.createElement(Box, __spreadValues({
8830
- component: "section",
8831
- borderColor: "grey-5",
8832
- borderWidth: "1px"
8833
- }, rest), children);
8922
+ var _b = _a, {
8923
+ children,
8924
+ className
8925
+ } = _b, rest = __objRest(_b, [
8926
+ "children",
8927
+ "className"
8928
+ ]);
8929
+ return /* @__PURE__ */ import_react42.default.createElement(Box, __spreadProps(__spreadValues({
8930
+ component: "section"
8931
+ }, rest), {
8932
+ className: classNames(tw("border border-muted"), className)
8933
+ }), children);
8834
8934
  };
8835
8935
  Section2.Header = (_a) => {
8836
8936
  var _b = _a, { children, className, expanded } = _b, rest = __objRest(_b, ["children", "className", "expanded"]);
package/dist/atoms.mjs CHANGED
@@ -4336,6 +4336,9 @@ var tailwind_theme_default = {
4336
4336
  "11/12": "91.666667%",
4337
4337
  full: "100%",
4338
4338
  screen: "100vw",
4339
+ svw: "100svw",
4340
+ lvw: "100lvw",
4341
+ dvw: "100dvw",
4339
4342
  min: "min-content",
4340
4343
  max: "max-content",
4341
4344
  fit: "fit-content"
@@ -4377,12 +4380,32 @@ var tailwind_theme_default = {
4377
4380
  "5/6": "83.333333%",
4378
4381
  full: "100%",
4379
4382
  screen: "100vh",
4383
+ svh: "100svh",
4384
+ lvh: "100lvh",
4385
+ dvh: "100dvh",
4380
4386
  min: "min-content",
4381
4387
  max: "max-content",
4382
4388
  fit: "fit-content"
4383
4389
  },
4384
4390
  maxWidth: {
4385
- "0": "0rem",
4391
+ "0": "0px",
4392
+ "1": "2px",
4393
+ "2": "4px",
4394
+ "3": "8px",
4395
+ "4": "12px",
4396
+ "5": "16px",
4397
+ "6": "24px",
4398
+ "7": "32px",
4399
+ "8": "40px",
4400
+ "9": "48px",
4401
+ "1px": "1px",
4402
+ l1: "16px",
4403
+ l2: "24px",
4404
+ l3: "32px",
4405
+ l4: "48px",
4406
+ l5: "64px",
4407
+ l6: "96px",
4408
+ l7: "160px",
4386
4409
  none: "none",
4387
4410
  xs: "20rem",
4388
4411
  sm: "24rem",
@@ -4426,14 +4449,35 @@ var tailwind_theme_default = {
4426
4449
  l5: "64px",
4427
4450
  l6: "96px",
4428
4451
  l7: "160px",
4452
+ none: "none",
4429
4453
  full: "100%",
4430
4454
  screen: "100vh",
4455
+ svh: "100svh",
4456
+ lvh: "100lvh",
4457
+ dvh: "100dvh",
4431
4458
  min: "min-content",
4432
4459
  max: "max-content",
4433
4460
  fit: "fit-content"
4434
4461
  },
4435
4462
  minWidth: {
4436
4463
  "0": "0px",
4464
+ "1": "2px",
4465
+ "2": "4px",
4466
+ "3": "8px",
4467
+ "4": "12px",
4468
+ "5": "16px",
4469
+ "6": "24px",
4470
+ "7": "32px",
4471
+ "8": "40px",
4472
+ "9": "48px",
4473
+ "1px": "1px",
4474
+ l1: "16px",
4475
+ l2: "24px",
4476
+ l3: "32px",
4477
+ l4: "48px",
4478
+ l5: "64px",
4479
+ l6: "96px",
4480
+ l7: "160px",
4437
4481
  full: "100%",
4438
4482
  min: "min-content",
4439
4483
  max: "max-content",
@@ -4441,8 +4485,28 @@ var tailwind_theme_default = {
4441
4485
  },
4442
4486
  minHeight: {
4443
4487
  "0": "0px",
4488
+ "1": "2px",
4489
+ "2": "4px",
4490
+ "3": "8px",
4491
+ "4": "12px",
4492
+ "5": "16px",
4493
+ "6": "24px",
4494
+ "7": "32px",
4495
+ "8": "40px",
4496
+ "9": "48px",
4497
+ "1px": "1px",
4498
+ l1: "16px",
4499
+ l2: "24px",
4500
+ l3: "32px",
4501
+ l4: "48px",
4502
+ l5: "64px",
4503
+ l6: "96px",
4504
+ l7: "160px",
4444
4505
  full: "100%",
4445
4506
  screen: "100vh",
4507
+ svh: "100svh",
4508
+ lvh: "100lvh",
4509
+ dvh: "100dvh",
4446
4510
  min: "min-content",
4447
4511
  max: "max-content",
4448
4512
  fit: "fit-content"
@@ -4939,6 +5003,12 @@ var tailwind_theme_default = {
4939
5003
  "span-4": "span 4 / span 4",
4940
5004
  "span-5": "span 5 / span 5",
4941
5005
  "span-6": "span 6 / span 6",
5006
+ "span-7": "span 7 / span 7",
5007
+ "span-8": "span 8 / span 8",
5008
+ "span-9": "span 9 / span 9",
5009
+ "span-10": "span 10 / span 10",
5010
+ "span-11": "span 11 / span 11",
5011
+ "span-12": "span 12 / span 12",
4942
5012
  "span-full": "1 / -1"
4943
5013
  },
4944
5014
  gridRowStart: {
@@ -4949,6 +5019,12 @@ var tailwind_theme_default = {
4949
5019
  "5": "5",
4950
5020
  "6": "6",
4951
5021
  "7": "7",
5022
+ "8": "8",
5023
+ "9": "9",
5024
+ "10": "10",
5025
+ "11": "11",
5026
+ "12": "12",
5027
+ "13": "13",
4952
5028
  auto: "auto"
4953
5029
  },
4954
5030
  gridRowEnd: {
@@ -4959,6 +5035,12 @@ var tailwind_theme_default = {
4959
5035
  "5": "5",
4960
5036
  "6": "6",
4961
5037
  "7": "7",
5038
+ "8": "8",
5039
+ "9": "9",
5040
+ "10": "10",
5041
+ "11": "11",
5042
+ "12": "12",
5043
+ "13": "13",
4962
5044
  auto: "auto"
4963
5045
  },
4964
5046
  gridTemplateColumns: {
@@ -4974,7 +5056,8 @@ var tailwind_theme_default = {
4974
5056
  "10": "repeat(10, minmax(0, 1fr))",
4975
5057
  "11": "repeat(11, minmax(0, 1fr))",
4976
5058
  "12": "repeat(12, minmax(0, 1fr))",
4977
- none: "none"
5059
+ none: "none",
5060
+ subgrid: "subgrid"
4978
5061
  },
4979
5062
  gridTemplateRows: {
4980
5063
  "1": "repeat(1, minmax(0, 1fr))",
@@ -4983,7 +5066,14 @@ var tailwind_theme_default = {
4983
5066
  "4": "repeat(4, minmax(0, 1fr))",
4984
5067
  "5": "repeat(5, minmax(0, 1fr))",
4985
5068
  "6": "repeat(6, minmax(0, 1fr))",
4986
- none: "none"
5069
+ "7": "repeat(7, minmax(0, 1fr))",
5070
+ "8": "repeat(8, minmax(0, 1fr))",
5071
+ "9": "repeat(9, minmax(0, 1fr))",
5072
+ "10": "repeat(10, minmax(0, 1fr))",
5073
+ "11": "repeat(11, minmax(0, 1fr))",
5074
+ "12": "repeat(12, minmax(0, 1fr))",
5075
+ none: "none",
5076
+ subgrid: "subgrid"
4987
5077
  },
4988
5078
  keyframes: {
4989
5079
  spin: { to: { transform: "rotate(360deg)" } },
@@ -5013,6 +5103,7 @@ var tailwind_theme_default = {
5013
5103
 
5014
5104
  // src/molecules/Context/Context.tsx
5015
5105
  import React9 from "react";
5106
+ import { I18nProvider } from "@react-aria/i18n";
5016
5107
  import { ModalProvider } from "@react-aria/overlays";
5017
5108
 
5018
5109
  // src/utils/breakpoints.ts
@@ -5788,6 +5879,7 @@ var Element = (_a) => {
5788
5879
  import React2 from "react";
5789
5880
 
5790
5881
  // src/utils/tailwind.ts
5882
+ import { composeRenderProps } from "react-aria-components";
5791
5883
  import originalClassNames from "classnames";
5792
5884
  function cleanClassNames(classNames5) {
5793
5885
  const tokens = classNames5.split(/\s+/);
@@ -6624,7 +6716,9 @@ function useTooltipTriggerState(props = {}) {
6624
6716
  // src/molecules/Tooltip/Tooltip.tsx
6625
6717
  var Tooltip = (_a) => {
6626
6718
  var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
6719
+ var _a2;
6627
6720
  const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
6721
+ const display = (_a2 = props.display) != null ? _a2 : inline ? "inline-block" : "block";
6628
6722
  const triggerRef = React13.useRef(null);
6629
6723
  const overlayRef = React13.useRef(null);
6630
6724
  const state = useTooltipTriggerState(__spreadValues({ isDisabled, delay }, props));
@@ -6641,41 +6735,41 @@ var Tooltip = (_a) => {
6641
6735
  onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
6642
6736
  });
6643
6737
  const handleClick = (e) => {
6644
- var _a2, _b2;
6645
- (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
6738
+ var _a3, _b2;
6739
+ (_a3 = props.onClick) == null ? void 0 : _a3.call(props, e);
6646
6740
  (_b2 = triggerProps.onClick) == null ? void 0 : _b2.call(triggerProps, e);
6647
6741
  };
6648
6742
  const handleMouseDown = (e) => {
6649
- var _a2, _b2;
6650
- (_a2 = props.onMouseDown) == null ? void 0 : _a2.call(props, e);
6743
+ var _a3, _b2;
6744
+ (_a3 = props.onMouseDown) == null ? void 0 : _a3.call(props, e);
6651
6745
  (_b2 = triggerProps.onMouseDown) == null ? void 0 : _b2.call(triggerProps, e);
6652
6746
  };
6653
6747
  const handleMouseUp = (e) => {
6654
- var _a2, _b2;
6655
- (_a2 = props.onMouseUp) == null ? void 0 : _a2.call(props, e);
6748
+ var _a3, _b2;
6749
+ (_a3 = props.onMouseUp) == null ? void 0 : _a3.call(props, e);
6656
6750
  (_b2 = triggerProps.onMouseUp) == null ? void 0 : _b2.call(triggerProps, e);
6657
6751
  };
6658
6752
  const handlePointerDown = (e) => {
6659
- var _a2, _b2;
6660
- (_a2 = props.onPointerDown) == null ? void 0 : _a2.call(props, e);
6753
+ var _a3, _b2;
6754
+ (_a3 = props.onPointerDown) == null ? void 0 : _a3.call(props, e);
6661
6755
  (_b2 = triggerProps.onPointerDown) == null ? void 0 : _b2.call(triggerProps, e);
6662
6756
  };
6663
6757
  const handlePointerUp = (e) => {
6664
- var _a2, _b2;
6665
- (_a2 = props.onPointerUp) == null ? void 0 : _a2.call(props, e);
6758
+ var _a3, _b2;
6759
+ (_a3 = props.onPointerUp) == null ? void 0 : _a3.call(props, e);
6666
6760
  (_b2 = triggerProps.onPointerUp) == null ? void 0 : _b2.call(triggerProps, e);
6667
6761
  };
6668
6762
  return /* @__PURE__ */ React13.createElement("div", __spreadProps(__spreadValues({
6669
- className: tw(`${inline ? "inline-block" : "block"}`)
6763
+ className: display
6670
6764
  }, triggerProps), {
6671
6765
  onFocus: (e) => {
6672
- var _a2, _b2;
6673
- (_a2 = triggerProps.onFocus) == null ? void 0 : _a2.call(triggerProps, e);
6766
+ var _a3, _b2;
6767
+ (_a3 = triggerProps.onFocus) == null ? void 0 : _a3.call(triggerProps, e);
6674
6768
  (_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
6675
6769
  },
6676
6770
  onBlur: (e) => {
6677
- var _a2, _b2;
6678
- (_a2 = triggerProps.onBlur) == null ? void 0 : _a2.call(triggerProps, e);
6771
+ var _a3, _b2;
6772
+ (_a3 = triggerProps.onBlur) == null ? void 0 : _a3.call(triggerProps, e);
6679
6773
  (_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
6680
6774
  },
6681
6775
  onClick: handleClick,
@@ -8778,12 +8872,18 @@ ProgressBar.Labels = (_a) => {
8778
8872
  import React38 from "react";
8779
8873
  var import_caretUp2 = __toESM(require_caretUp());
8780
8874
  var Section2 = (_a) => {
8781
- var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8782
- return /* @__PURE__ */ React38.createElement(Box, __spreadValues({
8783
- component: "section",
8784
- borderColor: "grey-5",
8785
- borderWidth: "1px"
8786
- }, rest), children);
8875
+ var _b = _a, {
8876
+ children,
8877
+ className
8878
+ } = _b, rest = __objRest(_b, [
8879
+ "children",
8880
+ "className"
8881
+ ]);
8882
+ return /* @__PURE__ */ React38.createElement(Box, __spreadProps(__spreadValues({
8883
+ component: "section"
8884
+ }, rest), {
8885
+ className: classNames(tw("border border-muted"), className)
8886
+ }), children);
8787
8887
  };
8788
8888
  Section2.Header = (_a) => {
8789
8889
  var _b = _a, { children, className, expanded } = _b, rest = __objRest(_b, ["children", "className", "expanded"]);
package/dist/charts.cjs CHANGED
@@ -2070,6 +2070,7 @@ var import_react2 = __toESM(require("react"));
2070
2070
  var import_recharts2 = require("recharts");
2071
2071
 
2072
2072
  // src/utils/tailwind.ts
2073
+ var import_react_aria_components = require("react-aria-components");
2073
2074
  var import_classnames = __toESM(require("classnames"));
2074
2075
  function cleanClassNames(classNames2) {
2075
2076
  const tokens = classNames2.split(/\s+/);
package/dist/charts.mjs CHANGED
@@ -1946,6 +1946,7 @@ import React2 from "react";
1946
1946
  import { ResponsiveContainer as _ResponsiveContainer } from "recharts";
1947
1947
 
1948
1948
  // src/utils/tailwind.ts
1949
+ import { composeRenderProps } from "react-aria-components";
1949
1950
  import originalClassNames from "classnames";
1950
1951
  function cleanClassNames(classNames2) {
1951
1952
  const tokens = classNames2.split(/\s+/);
@@ -17,8 +17,8 @@ import { Typography as BaseTypography } from '../../../src/atoms/Typography/Typo
17
17
  import { classNames, tw } from '../../../src/utils/tailwind';
18
18
  import caretUp from '../../../src/icons/caretUp';
19
19
  export const Section = (_a) => {
20
- var { children } = _a, rest = __rest(_a, ["children"]);
21
- return (React.createElement(Box, Object.assign({ component: "section", borderColor: "grey-5", borderWidth: "1px" }, rest), children));
20
+ var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
21
+ return (React.createElement(Box, Object.assign({ component: "section" }, rest, { className: classNames(tw('border border-muted'), className) }), children));
22
22
  };
23
23
  Section.Header = (_a) => {
24
24
  var { children, className, expanded } = _a, rest = __rest(_a, ["children", "className", "expanded"]);
@@ -50,4 +50,4 @@ Section.Body = (_a) => {
50
50
  return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
51
51
  React.createElement(BaseTypography, { htmlTag: "div", color: "default" }, children)));
52
52
  };
53
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFzRSxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDbkgsb0JBQUMsR0FBRyxrQkFBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLFdBQVcsRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFDLEtBQUssSUFBSyxJQUFJLEdBQ3JFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQTBDLEVBQUUsRUFBRTtRQUE5QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUF4QyxxQ0FBMEMsQ0FBRjtJQUFPLE9BQUEsQ0FDL0QsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx1REFBdUQsRUFBRTtZQUMxRCxVQUFVLEVBQUUsUUFBUTtTQUNyQixDQUFDLEVBQ0YsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3ZDLENBQUMsRUFBNkMsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUF0RCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFZLE9BQUEsQ0FDdEQsNkNBQ00sSUFBSSxJQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHFEQUFxRCxFQUFFO1lBQ3hELDZDQUE2QyxFQUFFLFdBQVc7U0FDM0QsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUNGLENBQUM7QUFFRixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxJQUFJLG9CQUFLLEtBQUssSUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsSUFBSSxDQUFDO0FBRXRGLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLG9CQUFLLElBQUksSUFBRSxPQUFPLEVBQUMsSUFBSSxFQUFDLEtBQUssRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLHlCQUF5QixLQUN6RixRQUFRLENBQ1EsQ0FDcEIsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUM1QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsS0FBSyxFQUFDLFNBQVMsS0FDeEMsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN0RCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsd0JBQXdCLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDMUUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ25ELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUM7UUFDeEQsb0JBQUMsY0FBYyxJQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLFNBQVMsSUFDMUMsUUFBUSxDQUNNLENBQ2IsQ0FDUCxDQUFBO0NBQUEsQ0FBQyJ9
53
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFzRSxDQUFDLEVBSTFGLEVBQUUsRUFBRTtRQUpzRixFQUN6RixRQUFRLEVBQ1IsU0FBUyxPQUVWLEVBREksSUFBSSxjQUhrRix5QkFJMUYsQ0FEUTtJQUNILE9BQUEsQ0FDSixvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLElBQUssSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHFCQUFxQixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzNGLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQTBDLEVBQUUsRUFBRTtRQUE5QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUF4QyxxQ0FBMEMsQ0FBRjtJQUFPLE9BQUEsQ0FDL0QsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx1REFBdUQsRUFBRTtZQUMx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