@aivenio/aquarium 1.47.0 → 1.48.1

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 (44) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/atoms.cjs +151 -15
  3. package/dist/atoms.mjs +150 -15
  4. package/dist/src/atoms/Alert/Alert.d.ts +14 -0
  5. package/dist/src/atoms/Alert/Alert.js +60 -3
  6. package/dist/src/atoms/Card/Card.d.ts +1 -1
  7. package/dist/src/atoms/DataList/DataList.js +3 -3
  8. package/dist/src/atoms/Navigation/Navigation.js +2 -2
  9. package/dist/src/atoms/Section/Section.d.ts +1 -1
  10. package/dist/src/atoms/Section/Section.js +3 -3
  11. package/dist/src/atoms/Select/Select.js +5 -6
  12. package/dist/src/atoms/Table/Table.d.ts +9 -1
  13. package/dist/src/atoms/Table/Table.js +4 -2
  14. package/dist/src/molecules/Accordion/Accordion.d.ts +1 -0
  15. package/dist/src/molecules/Accordion/Accordion.js +2 -2
  16. package/dist/src/molecules/Alert/Alert.d.ts +7 -1
  17. package/dist/src/molecules/Alert/Alert.js +22 -4
  18. package/dist/src/molecules/Avatar/Avatar.d.ts +5 -0
  19. package/dist/src/molecules/Avatar/Avatar.js +3 -3
  20. package/dist/src/molecules/Banner/Banner.js +3 -2
  21. package/dist/src/molecules/Card/Card.js +2 -2
  22. package/dist/src/molecules/Card/types.d.ts +2 -1
  23. package/dist/src/molecules/DataList/DataList.js +13 -10
  24. package/dist/src/molecules/DataList/DataListSkeleton.js +4 -4
  25. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -3
  26. package/dist/src/molecules/ListItem/ListItem.js +2 -2
  27. package/dist/src/molecules/PageHeader/PageHeader.js +2 -2
  28. package/dist/src/molecules/Pagination/Pagination.js +3 -3
  29. package/dist/src/molecules/Popover/Popover.js +4 -3
  30. package/dist/src/molecules/Section/Section.js +7 -6
  31. package/dist/src/molecules/Table/Table.d.ts +1 -0
  32. package/dist/src/molecules/Table/Table.js +2 -1
  33. package/dist/src/molecules/Template/Template.d.ts +1 -0
  34. package/dist/src/molecules/Template/Template.js +3 -3
  35. package/dist/src/molecules/Typography/Typography.d.ts +4 -0
  36. package/dist/src/molecules/Typography/Typography.js +28 -4
  37. package/dist/src/utils/setupTests.js +2 -2
  38. package/dist/styles.css +62 -6
  39. package/dist/system.cjs +509 -325
  40. package/dist/system.mjs +503 -319
  41. package/dist/tsconfig.module.tsbuildinfo +1 -1
  42. package/dist/types/tailwindGenerated.d.ts +1 -1
  43. package/dist/types/utils.d.ts +3 -0
  44. package/package.json +2 -2
package/dist/atoms.mjs CHANGED
@@ -4589,6 +4589,7 @@ var require_resolveTheme = __commonJS({
4589
4589
 
4590
4590
  // src/atoms/Alert/Alert.tsx
4591
4591
  import React16 from "react";
4592
+ import { useId } from "@react-aria/utils";
4592
4593
 
4593
4594
  // src/molecules/Button/Button.tsx
4594
4595
  import React14 from "react";
@@ -5210,8 +5211,8 @@ import React2 from "react";
5210
5211
 
5211
5212
  // src/utils/tailwind.ts
5212
5213
  import originalClassNames from "classnames";
5213
- function cleanClassNames(classNames3) {
5214
- const tokens = classNames3.split(/\s+/);
5214
+ function cleanClassNames(classNames4) {
5215
+ const tokens = classNames4.split(/\s+/);
5215
5216
  return tokens.filter((item) => item).join(" ");
5216
5217
  }
5217
5218
  function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
@@ -6506,12 +6507,116 @@ Alert.Dismiss = (_a) => {
6506
6507
  var _b = _a, { type } = _b, rest = __objRest(_b, ["type"]);
6507
6508
  return /* @__PURE__ */ React16.createElement("div", {
6508
6509
  className: tw("h-[20px] col-start-3 row-start-1")
6509
- }, /* @__PURE__ */ React16.createElement(IconButton, __spreadProps(__spreadValues({}, rest), {
6510
+ }, /* @__PURE__ */ React16.createElement(Button.Icon, __spreadProps(__spreadValues({}, rest), {
6510
6511
  UNSAFE_className: tw("-m-2"),
6511
6512
  tooltip: "Dismiss",
6512
6513
  icon: import_cross2.default
6513
6514
  })));
6514
6515
  };
6516
+ var Banner = (_a) => {
6517
+ var _b = _a, {
6518
+ children,
6519
+ className,
6520
+ type
6521
+ } = _b, rest = __objRest(_b, [
6522
+ "children",
6523
+ "className",
6524
+ "type"
6525
+ ]);
6526
+ return /* @__PURE__ */ React16.createElement("div", __spreadProps(__spreadValues({}, rest), {
6527
+ role: type === "error" || type === "warning" ? "alert" : "status",
6528
+ className: classNames(
6529
+ tw("relative flex px-[60px] justify-center", {
6530
+ "bg-error-5": type === "error",
6531
+ "bg-primary-5": type === "information",
6532
+ "bg-success-5": type === "success",
6533
+ "bg-warning-5": type === "warning"
6534
+ }),
6535
+ className
6536
+ )
6537
+ }), children);
6538
+ };
6539
+ Alert.Banner = Banner;
6540
+ Alert.Banner.displayName = "Alert.Banner";
6541
+ Banner.Content = (_a) => {
6542
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
6543
+ return /* @__PURE__ */ React16.createElement("div", __spreadValues({
6544
+ className: classNames(
6545
+ tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-3 text-center z-10"),
6546
+ className
6547
+ )
6548
+ }, props));
6549
+ };
6550
+ Banner.Content.displayName = "Alert.Banner.Content";
6551
+ Banner.Dismiss = (_a) => {
6552
+ var _b = _a, { type } = _b, rest = __objRest(_b, ["type"]);
6553
+ return /* @__PURE__ */ React16.createElement("div", {
6554
+ className: tw("h-[20px] absolute right-4 top-[18px]")
6555
+ }, /* @__PURE__ */ React16.createElement(Button.Icon, __spreadProps(__spreadValues({}, rest), {
6556
+ UNSAFE_className: tw("-m-2"),
6557
+ tooltip: "Dismiss",
6558
+ icon: import_cross2.default
6559
+ })));
6560
+ };
6561
+ Banner.Dismiss.displayName = "Alert.Banner.Dismiss";
6562
+ var ILLUSTRATION_COLORS = {
6563
+ information: { stroke: tw("stroke-primary-60"), fill: tw("fill-primary-10") },
6564
+ success: { stroke: tw("stroke-success-40"), fill: tw("fill-success-10") },
6565
+ warning: { stroke: tw("stroke-warning-100"), fill: tw("fill-warning-20") },
6566
+ error: { stroke: tw("stroke-error-100"), fill: tw("fill-error-10") }
6567
+ };
6568
+ var IllustrationLeft = (_a) => {
6569
+ var _b = _a, { type } = _b, props = __objRest(_b, ["type"]);
6570
+ const clipPathId = useId();
6571
+ return /* @__PURE__ */ React16.createElement("svg", __spreadValues({
6572
+ xmlns: "http://www.w3.org/2000/svg",
6573
+ width: 120,
6574
+ height: 48,
6575
+ fill: "none"
6576
+ }, props), /* @__PURE__ */ React16.createElement("g", {
6577
+ clipPath: `url(#${clipPathId})`
6578
+ }, /* @__PURE__ */ React16.createElement("path", {
6579
+ className: ILLUSTRATION_COLORS[type].fill,
6580
+ d: "M25.68 105.063c-4.556 17.047 5.533 34.57 22.537 39.138 17.003 4.568 34.48-5.55 39.037-22.597L136.75-63.593c4.555-17.046-5.536-34.57-22.538-39.137-17.003-4.567-34.48 5.55-39.036 22.596L25.68 105.063Z"
6581
+ }), /* @__PURE__ */ React16.createElement("path", {
6582
+ className: ILLUSTRATION_COLORS[type].stroke,
6583
+ strokeWidth: 2,
6584
+ d: "M-71.39 445.432c-29.483-7.92-46.981-38.306-39.08-67.87l87.385-326.96c7.901-29.562 38.211-47.105 67.693-39.185 29.481 7.92 46.983 38.306 39.082 67.869l-87.385 326.96c-7.901 29.564-38.211 47.107-67.694 39.186Z"
6585
+ })), /* @__PURE__ */ React16.createElement("defs", null, /* @__PURE__ */ React16.createElement("clipPath", {
6586
+ id: clipPathId
6587
+ }, /* @__PURE__ */ React16.createElement("path", {
6588
+ fill: "#fff",
6589
+ d: "M-38-23h188v200H-38z"
6590
+ }))));
6591
+ };
6592
+ Banner.IllustrationLeft = IllustrationLeft;
6593
+ Banner.IllustrationLeft.displayName = "Alert.Banner.IllustrationLeft";
6594
+ var IllustrationRight = (_a) => {
6595
+ var _b = _a, { type } = _b, props = __objRest(_b, ["type"]);
6596
+ const clipPathId = useId();
6597
+ return /* @__PURE__ */ React16.createElement("svg", __spreadValues({
6598
+ xmlns: "http://www.w3.org/2000/svg",
6599
+ width: 120,
6600
+ height: 48,
6601
+ fill: "none"
6602
+ }, props), /* @__PURE__ */ React16.createElement("g", {
6603
+ clipPath: `url(#${clipPathId})`
6604
+ }, /* @__PURE__ */ React16.createElement("path", {
6605
+ className: ILLUSTRATION_COLORS[type].fill,
6606
+ d: "M114.341 71.088c11.599-20.12 4.741-45.834-15.32-57.433-20.06-11.6-45.727-4.691-57.326 15.43L-84.32 247.67c-11.599 20.119-4.739 45.835 15.321 57.433 20.06 11.599 45.726 4.69 57.325-15.429L114.341 71.088Z"
6607
+ }), /* @__PURE__ */ React16.createElement("path", {
6608
+ className: ILLUSTRATION_COLORS[type].stroke,
6609
+ strokeWidth: 2.632,
6610
+ d: "M353.696-328.567c34.785 20.113 46.681 64.704 26.564 99.599L157.785 156.939c-20.115 34.892-64.626 46.87-99.409 26.758-34.782-20.112-46.682-64.706-26.566-99.598l222.475-385.907c20.116-34.894 64.626-46.872 99.411-26.759Z"
6611
+ })), /* @__PURE__ */ React16.createElement("defs", null, /* @__PURE__ */ React16.createElement("clipPath", {
6612
+ id: clipPathId
6613
+ }, /* @__PURE__ */ React16.createElement("path", {
6614
+ fill: "#fff",
6615
+ d: "m151.148 255.847-239.01-64.043 68.13-254.266L219.278 1.58z"
6616
+ }))));
6617
+ };
6618
+ Banner.IllustrationRight = IllustrationRight;
6619
+ Banner.IllustrationRight.displayName = "Alert.Banner.IllustrationRight";
6515
6620
 
6516
6621
  // src/atoms/Card/Card.tsx
6517
6622
  import React19 from "react";
@@ -6519,7 +6624,9 @@ import isNumber from "lodash/isNumber";
6519
6624
 
6520
6625
  // src/molecules/Typography/Typography.tsx
6521
6626
  import React17 from "react";
6627
+ import classNames3 from "classnames";
6522
6628
  var Typography2 = (props) => /* @__PURE__ */ React17.createElement(Typography, __spreadValues({}, props));
6629
+ Typography2.displayName = "Typography";
6523
6630
  Typography2.LargeHeading = (_a) => {
6524
6631
  var _b = _a, { htmlTag = "h1" } = _b, props = __objRest(_b, ["htmlTag"]);
6525
6632
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6527,6 +6634,7 @@ Typography2.LargeHeading = (_a) => {
6527
6634
  variant: "large-heading"
6528
6635
  }));
6529
6636
  };
6637
+ Typography2.LargeHeading.displayName = "Typography.LargeHeading";
6530
6638
  Typography2.Heading = (_a) => {
6531
6639
  var _b = _a, { htmlTag = "h1", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
6532
6640
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6534,6 +6642,7 @@ Typography2.Heading = (_a) => {
6534
6642
  variant: "heading"
6535
6643
  }));
6536
6644
  };
6645
+ Typography2.Heading.displayName = "Typography.Heading";
6537
6646
  Typography2.Subheading = (_a) => {
6538
6647
  var _b = _a, { htmlTag = "h2", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
6539
6648
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6541,6 +6650,7 @@ Typography2.Subheading = (_a) => {
6541
6650
  variant: "subheading"
6542
6651
  }));
6543
6652
  };
6653
+ Typography2.Subheading.displayName = "Typography.Subheading";
6544
6654
  Typography2.LargeStrong = (_a) => {
6545
6655
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6546
6656
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6548,6 +6658,7 @@ Typography2.LargeStrong = (_a) => {
6548
6658
  variant: "large-strong"
6549
6659
  }));
6550
6660
  };
6661
+ Typography2.LargeStrong.displayName = "Typography.LargeStrong";
6551
6662
  Typography2.Large = (_a) => {
6552
6663
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6553
6664
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6555,6 +6666,7 @@ Typography2.Large = (_a) => {
6555
6666
  variant: "large"
6556
6667
  }));
6557
6668
  };
6669
+ Typography2.Large.displayName = "Typography.Large";
6558
6670
  Typography2.DefaultStrong = (_a) => {
6559
6671
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6560
6672
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6562,6 +6674,7 @@ Typography2.DefaultStrong = (_a) => {
6562
6674
  variant: "default-strong"
6563
6675
  }));
6564
6676
  };
6677
+ Typography2.DefaultStrong.displayName = "Typography.DefaultStrong";
6565
6678
  Typography2.Default = (_a) => {
6566
6679
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6567
6680
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6569,6 +6682,7 @@ Typography2.Default = (_a) => {
6569
6682
  variant: "default"
6570
6683
  }));
6571
6684
  };
6685
+ Typography2.Default.displayName = "Typography.Default";
6572
6686
  Typography2.Paragraph = (_a) => {
6573
6687
  var _b = _a, { htmlTag = "p", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
6574
6688
  return /* @__PURE__ */ React17.createElement(Typography2.Default, __spreadProps(__spreadValues({}, props), {
@@ -6576,20 +6690,30 @@ Typography2.Paragraph = (_a) => {
6576
6690
  }));
6577
6691
  };
6578
6692
  Typography2.P = Typography2.Paragraph;
6579
- Typography2.SmallStrong = (_a) => {
6693
+ Typography2.Paragraph.displayName = "Typography.Paragraph";
6694
+ Typography2.Small = (_a) => {
6580
6695
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6581
6696
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
6582
6697
  htmlTag,
6583
- variant: "small-strong"
6698
+ variant: "small"
6584
6699
  }));
6585
6700
  };
6586
- Typography2.Small = (_a) => {
6701
+ Typography2.Small.displayName = "Typography.Small";
6702
+ Typography2.SmallStrong = (_a) => {
6587
6703
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6588
6704
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
6589
6705
  htmlTag,
6590
- variant: "small"
6706
+ variant: "small-strong"
6591
6707
  }));
6592
6708
  };
6709
+ Typography2.SmallStrong.displayName = "Typography.SmallStrong";
6710
+ Typography2.Strong = (_a) => {
6711
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
6712
+ return /* @__PURE__ */ React17.createElement("strong", __spreadValues({
6713
+ className: classNames3(tw("font-semibold"), className)
6714
+ }, props));
6715
+ };
6716
+ Typography2.Strong.displayName = "Typography.Strong";
6593
6717
  Typography2.Caption = (_a) => {
6594
6718
  var _b = _a, { htmlTag = "div", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
6595
6719
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6597,6 +6721,7 @@ Typography2.Caption = (_a) => {
6597
6721
  variant: "caption"
6598
6722
  }));
6599
6723
  };
6724
+ Typography2.Caption.displayName = "Typography.Caption";
6600
6725
  Typography2.LargeText = (_a) => {
6601
6726
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6602
6727
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6604,6 +6729,7 @@ Typography2.LargeText = (_a) => {
6604
6729
  variant: "large-strong"
6605
6730
  }));
6606
6731
  };
6732
+ Typography2.LargeText.displayName = "Typography.LargeText";
6607
6733
  Typography2.MediumText = (_a) => {
6608
6734
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6609
6735
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6611,6 +6737,7 @@ Typography2.MediumText = (_a) => {
6611
6737
  variant: "default-strong"
6612
6738
  }));
6613
6739
  };
6740
+ Typography2.MediumText.displayName = "Typography.MediumText";
6614
6741
  Typography2.Text = (_a) => {
6615
6742
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6616
6743
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6618,6 +6745,7 @@ Typography2.Text = (_a) => {
6618
6745
  variant: "default"
6619
6746
  }));
6620
6747
  };
6748
+ Typography2.Text.displayName = "Typography.Text";
6621
6749
  Typography2.SmallText = (_a) => {
6622
6750
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6623
6751
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6625,6 +6753,7 @@ Typography2.SmallText = (_a) => {
6625
6753
  variant: "small"
6626
6754
  }));
6627
6755
  };
6756
+ Typography2.SmallText.displayName = "Typography.SmallText";
6628
6757
  Typography2.SmallTextBold = (_a) => {
6629
6758
  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
6630
6759
  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
@@ -6632,6 +6761,7 @@ Typography2.SmallTextBold = (_a) => {
6632
6761
  variant: "small-strong"
6633
6762
  }));
6634
6763
  };
6764
+ Typography2.SmallTextBold.displayName = "Typography.SmallTextBold";
6635
6765
 
6636
6766
  // src/atoms/LineClamp/LineClamp.tsx
6637
6767
  import React18 from "react";
@@ -7288,7 +7418,7 @@ var Navigation = (_a) => {
7288
7418
  className: classNames(tw("bg-grey-0 h-full"))
7289
7419
  }, /* @__PURE__ */ React29.createElement("ul", __spreadProps(__spreadValues({}, rest), {
7290
7420
  className: classNames(tw("flex flex-col h-full"), className),
7291
- role: "menu"
7421
+ role: "menubar"
7292
7422
  }), children));
7293
7423
  };
7294
7424
  var Header = (_a) => {
@@ -7551,15 +7681,15 @@ var Group2 = React33.forwardRef((_a, ref) => {
7551
7681
  });
7552
7682
  var Item3 = React33.forwardRef(
7553
7683
  (_a, ref) => {
7554
- var _b = _a, { highlighted, selected, className, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "children"]);
7684
+ var _b = _a, { highlighted, selected, className, disabled, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "disabled", "children"]);
7555
7685
  return /* @__PURE__ */ React33.createElement("li", __spreadValues({
7556
7686
  ref,
7557
7687
  className: classNames(className, "flex items-center gap-x-3 p-3 typography-small", {
7558
- "cursor-pointer": !props.disabled,
7559
- "bg-grey-0": highlighted,
7560
- "text-grey-20": props.disabled,
7561
- "hover:bg-grey-0": !props.disabled
7562
- })
7688
+ "cursor-pointer hover:bg-grey-0": !disabled,
7689
+ "cursor-not-allowed opacity-40 grayscale": disabled,
7690
+ "bg-grey-0": highlighted
7691
+ }),
7692
+ "aria-disabled": disabled || void 0
7563
7693
  }, props), /* @__PURE__ */ React33.createElement("span", {
7564
7694
  className: tw("grow flex gap-x-3")
7565
7695
  }, children), selected && /* @__PURE__ */ React33.createElement(InlineIcon, {
@@ -7845,11 +7975,14 @@ var TableSortCell = (_a) => {
7845
7975
  className: getSortCellIconClassNames(direction === "ascending")
7846
7976
  }))));
7847
7977
  };
7978
+ var Caption = ({ children }) => /* @__PURE__ */ React36.createElement(Typography2.Caption, {
7979
+ htmlTag: "caption"
7980
+ }, children);
7848
7981
  var Item4 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React36.createElement("div", {
7849
7982
  className: tw("flex gap-4 items-center")
7850
7983
  }, image && /* @__PURE__ */ React36.createElement("img", {
7851
7984
  src: image,
7852
- alt: imageAlt,
7985
+ alt: imageAlt != null ? imageAlt : "",
7853
7986
  style: { width: imageSize, height: imageSize }
7854
7987
  }), /* @__PURE__ */ React36.createElement("div", null, title, caption && /* @__PURE__ */ React36.createElement(Typography2.Caption, null, caption)));
7855
7988
  Table.Head = React36.memo(TableHead);
@@ -7858,8 +7991,10 @@ Table.Row = React36.memo(TableRow);
7858
7991
  Table.Cell = React36.memo(TableCell);
7859
7992
  Table.SortCell = React36.memo(TableSortCell);
7860
7993
  Table.SelectCell = React36.memo(TableSelectCell);
7994
+ Table.Caption = Caption;
7861
7995
  export {
7862
7996
  Alert,
7997
+ Caption,
7863
7998
  Card,
7864
7999
  Checkbox,
7865
8000
  Chip,
@@ -2,18 +2,32 @@ import React from 'react';
2
2
  import { type ButtonProps } from '../../../src/molecules/Button/Button';
3
3
  import { Typography } from '../../../src/atoms/Typography/Typography';
4
4
  declare type DivProps = React.HTMLProps<HTMLDivElement>;
5
+ declare type SvgProps = React.SVGProps<SVGSVGElement>;
5
6
  declare type TypographyProps = React.ComponentProps<typeof Typography>;
6
7
  export declare type AlertType = 'error' | 'information' | 'success' | 'warning';
7
8
  declare type AlertProps = {
8
9
  type: AlertType;
9
10
  dense?: boolean;
10
11
  };
12
+ declare type ComposedBannerProps = {
13
+ Content: React.FC<DivProps>;
14
+ Dismiss: React.FC<ButtonProps>;
15
+ IllustrationLeft: React.FC<SvgProps & {
16
+ type: AlertType;
17
+ }>;
18
+ IllustrationRight: React.FC<SvgProps & {
19
+ type: AlertType;
20
+ }>;
21
+ };
11
22
  declare type ComposedAlertProps = {
12
23
  Title: React.FC<TypographyProps>;
13
24
  Description: React.FC<TypographyProps>;
14
25
  Actions: React.FC<DivProps>;
15
26
  Icon: React.FC<AlertProps>;
16
27
  Dismiss: React.FC<ButtonProps>;
28
+ Banner: ComposedBannerProps & React.FC<DivProps & {
29
+ type: AlertType;
30
+ }>;
17
31
  };
18
32
  export declare const Alert: ComposedAlertProps & React.FC<AlertProps & DivProps>;
19
33
  export {};
@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React from 'react';
13
- import { IconButton } from '../../../src/molecules/Button/Button';
13
+ import { useId } from '@react-aria/utils';
14
+ import { Button } from '../../../src/molecules/Button/Button';
14
15
  import { Icon } from '../../../src/molecules/Icon/Icon';
15
16
  import { Typography } from '../../../src/atoms/Typography/Typography';
16
17
  import { classNames, tw } from '../../../src/utils/tailwind';
@@ -69,6 +70,62 @@ Alert.Icon = (_a) => {
69
70
  Alert.Dismiss = (_a) => {
70
71
  var { type } = _a, rest = __rest(_a, ["type"]);
71
72
  return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
72
- React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
73
+ React.createElement(Button.Icon, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
73
74
  };
74
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLElBQUksRUFBa0IsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxvQkFBb0IsQ0FBQztBQUN0QyxPQUFPLE9BQU8sTUFBTSxzQkFBc0IsQ0FBQztBQUMzQyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQXdCNUMsTUFBTSxVQUFVLEdBQWU7SUFDN0IsV0FBVyxFQUFFO1FBQ1gsSUFBSSxFQUFFLElBQUk7UUFDVixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFNM0UsRUFBRSxFQUFFO1FBTnVFLEVBQzFFLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLEtBQUssT0FFTixFQURJLElB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
75
+ const Banner = (_a) => {
76
+ var { children, className, type } = _a, rest = __rest(_a, ["children", "className", "type"]);
77
+ return (React.createElement("div", Object.assign({}, rest, { role: type === 'error' || type === 'warning' ? 'alert' : 'status', className: classNames(tw('relative flex px-[60px] justify-center', {
78
+ 'bg-error-5': type === 'error',
79
+ 'bg-primary-5': type === 'information',
80
+ 'bg-success-5': type === 'success',
81
+ 'bg-warning-5': type === 'warning',
82
+ }), className) }), children));
83
+ };
84
+ Alert.Banner = Banner;
85
+ Alert.Banner.displayName = 'Alert.Banner';
86
+ Banner.Content = (_a) => {
87
+ var { className } = _a, props = __rest(_a, ["className"]);
88
+ return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row flex-wrap gap-x-3 items-center justify-center py-3 text-center z-10'), className) }, props)));
89
+ };
90
+ Banner.Content.displayName = 'Alert.Banner.Content';
91
+ Banner.Dismiss = (_a) => {
92
+ var { type } = _a, rest = __rest(_a, ["type"]);
93
+ return (React.createElement("div", { className: tw('h-[20px] absolute right-4 top-[18px]') },
94
+ React.createElement(Button.Icon, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
95
+ };
96
+ Banner.Dismiss.displayName = 'Alert.Banner.Dismiss';
97
+ const ILLUSTRATION_COLORS = {
98
+ information: { stroke: tw('stroke-primary-60'), fill: tw('fill-primary-10') },
99
+ success: { stroke: tw('stroke-success-40'), fill: tw('fill-success-10') },
100
+ warning: { stroke: tw('stroke-warning-100'), fill: tw('fill-warning-20') },
101
+ error: { stroke: tw('stroke-error-100'), fill: tw('fill-error-10') },
102
+ };
103
+ const IllustrationLeft = (_a) => {
104
+ var { type } = _a, props = __rest(_a, ["type"]);
105
+ // Need unique ids for Axe
106
+ const clipPathId = useId();
107
+ return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 120, height: 48, fill: "none" }, props),
108
+ React.createElement("g", { clipPath: `url(#${clipPathId})` },
109
+ React.createElement("path", { className: ILLUSTRATION_COLORS[type].fill, d: "M25.68 105.063c-4.556 17.047 5.533 34.57 22.537 39.138 17.003 4.568 34.48-5.55 39.037-22.597L136.75-63.593c4.555-17.046-5.536-34.57-22.538-39.137-17.003-4.567-34.48 5.55-39.036 22.596L25.68 105.063Z" }),
110
+ React.createElement("path", { className: ILLUSTRATION_COLORS[type].stroke, strokeWidth: 2, d: "M-71.39 445.432c-29.483-7.92-46.981-38.306-39.08-67.87l87.385-326.96c7.901-29.562 38.211-47.105 67.693-39.185 29.481 7.92 46.983 38.306 39.082 67.869l-87.385 326.96c-7.901 29.564-38.211 47.107-67.694 39.186Z" })),
111
+ React.createElement("defs", null,
112
+ React.createElement("clipPath", { id: clipPathId },
113
+ React.createElement("path", { fill: "#fff", d: "M-38-23h188v200H-38z" })))));
114
+ };
115
+ Banner.IllustrationLeft = IllustrationLeft;
116
+ Banner.IllustrationLeft.displayName = 'Alert.Banner.IllustrationLeft';
117
+ const IllustrationRight = (_a) => {
118
+ var { type } = _a, props = __rest(_a, ["type"]);
119
+ // Need unique ids for Axe
120
+ const clipPathId = useId();
121
+ return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 120, height: 48, fill: "none" }, props),
122
+ React.createElement("g", { clipPath: `url(#${clipPathId})` },
123
+ React.createElement("path", { className: ILLUSTRATION_COLORS[type].fill, d: "M114.341 71.088c11.599-20.12 4.741-45.834-15.32-57.433-20.06-11.6-45.727-4.691-57.326 15.43L-84.32 247.67c-11.599 20.119-4.739 45.835 15.321 57.433 20.06 11.599 45.726 4.69 57.325-15.429L114.341 71.088Z" }),
124
+ React.createElement("path", { className: ILLUSTRATION_COLORS[type].stroke, strokeWidth: 2.632, d: "M353.696-328.567c34.785 20.113 46.681 64.704 26.564 99.599L157.785 156.939c-20.115 34.892-64.626 46.87-99.409 26.758-34.782-20.112-46.682-64.706-26.566-99.598l222.475-385.907c20.116-34.894 64.626-46.872 99.411-26.759Z" })),
125
+ React.createElement("defs", null,
126
+ React.createElement("clipPath", { id: clipPathId },
127
+ React.createElement("path", { fill: "#fff", d: "m151.148 255.847-239.01-64.043 68.13-254.266L219.278 1.58z" })))));
128
+ };
129
+ Banner.IllustrationRight = IllustrationRight;
130
+ Banner.IllustrationRight.displayName = 'Alert.Banner.IllustrationRight';
131
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsTUFBTSxFQUFvQixNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQWtCLE1BQU0seUJBQXlCLENBQUM7QUFFL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxJQUFJLE1BQU0sb0JBQW9CLENBQUM7QUFDdEMsT0FBTyxPQUFPLE1BQU0sc0JBQXNCLENBQUM7QUFDM0MsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUFpQzVDLE1BQU0sVUFBVSxHQUFlO0lBQzdCLFdBQVcsRUFBRTtRQUNYLElBQUksRUFBRSxJQUFJO1FBQ1YsS0FBSyxFQUFFLFNBQVM7S0FDakI7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLEVBQUUsT0FBTztRQUNiLEtBQUssRUFBRSxZQUFZO0tBQ3BCO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFLEtBQUs7UUFDWCxLQUFLLEVBQUUsVUFBVTtLQUNsQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBTTNFLEVBQUUsRUFBRTtRQU51RSxFQUMxRSxRQUFR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
@@ -34,7 +34,7 @@ declare const Image: React.FC<DivProps & Either<{
34
34
  imageHeight?: LimitedCssDimension;
35
35
  }> & {
36
36
  image: string;
37
- imageAlt: string | undefined;
37
+ imageAlt?: string;
38
38
  }>;
39
39
  declare const Title: React.FC<React.ComponentProps<typeof Box.Flex>>;
40
40
  declare const Content: React.FC<DivProps & {
@@ -26,7 +26,7 @@ export const DataList = (_a) => {
26
26
  };
27
27
  const HeadCell = (_a) => {
28
28
  var { className, sticky, align, stickyColumn } = _a, rest = __rest(_a, ["className", "sticky", "align", "stickyColumn"]);
29
- return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getHeadCellClassNames(sticky, stickyColumn), getAlignClassNames(align), className) })));
29
+ return (React.createElement("div", Object.assign({ role: "cell" }, rest, { className: classNames(cellClassNames, getHeadCellClassNames(sticky, stickyColumn), getAlignClassNames(align), className) })));
30
30
  };
31
31
  const Cell = (_a) => {
32
32
  var { className, align, stickyColumn } = _a, rest = __rest(_a, ["className", "align", "stickyColumn"]);
@@ -47,7 +47,7 @@ const SubGroupSpacing = (_a) => {
47
47
  };
48
48
  const SortCell = (_a) => {
49
49
  var { children, direction = 'none', onClick, sticky } = _a, rest = __rest(_a, ["children", "direction", "onClick", "sticky"]);
50
- return (React.createElement(HeadCell, Object.assign({}, rest, { "aria-sort": direction, role: "cell", sticky: sticky }),
50
+ return (React.createElement(HeadCell, Object.assign({}, rest, { "aria-sort": direction, role: "columnheader", sticky: sticky }),
51
51
  React.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: "button", tabIndex: -1, onClick: onClick },
52
52
  children,
53
53
  React.createElement("div", { "data-sort-icons": true, className: tw('flex flex-col', {
@@ -66,4 +66,4 @@ DataList.SubGroupSpacing = SubGroupSpacing;
66
66
  DataList.SubGroupSpacing.displayName = 'DataList.SubGroupSpacing';
67
67
  DataList.Row = Row;
68
68
  DataList.Row.displayName = 'DataList.Row';
69
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
69
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
@@ -14,7 +14,7 @@ import { classNames, tw } from '../../../src/utils/tailwind';
14
14
  export const Navigation = (_a) => {
15
15
  var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
16
16
  return (React.createElement("nav", { className: classNames(tw('bg-grey-0 h-full')) },
17
- React.createElement("ul", Object.assign({}, rest, { className: classNames(tw('flex flex-col h-full'), className), role: "menu" }), children)));
17
+ React.createElement("ul", Object.assign({}, rest, { className: classNames(tw('flex flex-col h-full'), className), role: "menubar" }), children)));
18
18
  };
19
19
  const Header = (_a) => {
20
20
  var { className } = _a, rest = __rest(_a, ["className"]);
@@ -47,4 +47,4 @@ Navigation.Footer = Footer;
47
47
  Navigation.Section = Section;
48
48
  Navigation.Item = Item;
49
49
  Navigation.Divider = Divider;
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUM5Ryw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxNQUFNLEtBQ3BGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ2hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsS0FBSyxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQ3ZFLDRCQUFJLElBQUksRUFBQyxjQUFjLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDMUMsS0FBSyxJQUFJLENBQ1IsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsb0VBQW9FLENBQUMsSUFDeEcsS0FBSyxDQUNGLENBQ1A7UUFDRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNqRixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM1RCwwQ0FBSSxJQUFJLEVBQUMsV0FBVyxJQUFLLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQStDLENBQUMsRUFBOEIsRUFBRSxFQUFFO1FBQWxDLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBNUIsdUJBQThCLENBQUY7SUFBTyxPQUFBLENBQzNGLDRCQUFJLElBQUksRUFBQyxjQUFjO1FBQ3JCLDJDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyw2RkFBNkYsRUFBRTtnQkFDaEcsY0FBYyxFQUFFLENBQUMsTUFBTTtnQkFDdkIsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDLE1BQU07YUFDNUIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0MsQ0FDTixDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0FBQzdCLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3ZCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDIn0=
50
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUM5Ryw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxTQUFTLEtBQ3ZGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ2hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsS0FBSyxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQ3ZFLDRCQUFJLElBQUksRUFBQyxjQUFjLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDMUMsS0FBSyxJQUFJLENBQ1IsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsb0VBQW9FLENBQUMsSUFDeEcsS0FBSyxDQUNGLENBQ1A7UUFDRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNqRixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM1RCwwQ0FBSSxJQUFJLEVBQUMsV0FBVyxJQUFLLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQStDLENBQUMsRUFBOEIsRUFBRSxFQUFFO1FBQWxDLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBNUIsdUJBQThCLENBQUY7SUFBTyxPQUFBLENBQzNGLDRCQUFJLElBQUksRUFBQyxjQUFjO1FBQ3JCLDJDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyw2RkFBNkYsRUFBRTtnQkFDaEcsY0FBYyxFQUFFLENBQUMsTUFBTTtnQkFDdkIsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDLE1BQU07YUFDNUIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0MsQ0FDTixDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0FBQzdCLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3ZCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDIn0=
@@ -5,7 +5,7 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
5
5
  declare type DivProps = React.HTMLProps<HTMLDivElement>;
6
6
  declare type ComposedSectionProps = {
7
7
  Header: React.FC<DivProps & {
8
- collapsible: boolean;
8
+ expanded: boolean;
9
9
  }>;
10
10
  TitleContainer: React.FC<DivProps & {
11
11
  collapsible: boolean;
@@ -21,8 +21,8 @@ export const Section = (_a) => {
21
21
  return (React.createElement(Box, Object.assign({ component: "section", borderColor: "grey-5", borderWidth: "1px" }, rest), children));
22
22
  };
23
23
  Section.Header = (_a) => {
24
- var { children, className, collapsible } = _a, rest = __rest(_a, ["children", "className", "collapsible"]);
25
- return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 flex gap-5 justify-between items-center h-[72px]', { 'bg-grey-0': collapsible }), className) }), children));
24
+ var { children, className, expanded } = _a, rest = __rest(_a, ["children", "className", "expanded"]);
25
+ return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 flex gap-5 justify-between items-center h-[72px]', { 'bg-grey-0': expanded }), className) }), children));
26
26
  };
27
27
  Section.TitleContainer = (_a) => {
28
28
  var { children, className, collapsible } = _a, rest = __rest(_a, ["children", "className", "collapsible"]);
@@ -46,4 +46,4 @@ Section.Body = (_a) => {
46
46
  return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
47
47
  React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
48
48
  };
49
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWN4QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUMsV0FBVyxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUMsS0FBSyxJQUFLLElBQUksR0FDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBNkMsRUFBRSxFQUFFO1FBQWpELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLE9BQVcsRUFBTixJQUFJLGNBQTNDLHdDQUE2QyxDQUFGO0lBQU8sT0FBQSxDQUNsRSw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxFQUFFLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQ3pGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLGNBQWMsR0FBRyxDQUFDLEVBQTZDLEVBQUUsRUFBRTtRQUFqRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFPLE9BQUEsQ0FDMUUsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQzVGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQztBQUV0RixPQUFPLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUN6QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyx5QkFBeUIsS0FDdkYsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUMsb0JBQUMsVUFBVSxDQUFDLEtBQUssb0JBQUssSUFBSSxJQUFFLEtBQUssRUFBQyxTQUFTLEtBQ3hDLFFBQVEsQ0FDUSxDQUNwQixDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdEQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzFFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNuRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxDQUFDO1FBQ3hELG9CQUFDLGNBQWMsSUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxTQUFTLElBQzFDLFFBQVEsQ0FDTSxDQUNiLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWN4QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUMsV0FBVyxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUMsS0FBSyxJQUFLLElBQUksR0FDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBMEMsRUFBRSxFQUFFO1FBQTlDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXhDLHFDQUEwQyxDQUFGO0lBQU8sT0FBQSxDQUMvRCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQ3RGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLGNBQWMsR0FBRyxDQUFDLEVBQTZDLEVBQUUsRUFBRTtRQUFqRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFPLE9BQUEsQ0FDMUUsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQzVGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQztBQUV0RixPQUFPLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUN6QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyx5QkFBeUIsS0FDdkYsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUMsb0JBQUMsVUFBVSxDQUFDLEtBQUssb0JBQUssSUFBSSxJQUFFLEtBQUssRUFBQyxTQUFTLEtBQ3hDLFFBQVEsQ0FDUSxDQUNwQixDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdEQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzFFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNuRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxDQUFDO1FBQ3hELG9CQUFDLGNBQWMsSUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxTQUFTLElBQzFDLFFBQVEsQ0FDTSxDQUNiLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==