@aivenio/aquarium 1.52.1 → 1.53.0

package/dist/charts.mjs

@@ -2095,11 +2095,32 @@ BarChart.Tooltip = Tooltip;
 import { Cell } from "recharts";
 import {} from "recharts";
 
-// src/charts/Legend/Legend.tsx
+// src/charts/Label/Label.tsx
 import React6 from "react";
+import { Label as _Label, LabelList as _LabelList } from "recharts";
+var XLabel = Object.assign((props) => /* @__PURE__ */ React6.createElement(_Label, __spreadValues({
+  position: "insideBottom",
+  offset: -3
+}, props)), _Label);
+var YLabel = Object.assign(
+  (props) => /* @__PURE__ */ React6.createElement(_Label, __spreadValues({
+    position: "insideLeft",
+    angle: -90,
+    offset: 10
+  }, props)),
+  _Label
+);
+var Label = {
+  XLabel,
+  YLabel
+};
+var LabelList = _LabelList;
+
+// src/charts/Legend/Legend.tsx
+import React7 from "react";
 import { Legend as _Legend } from "recharts";
-var Legend = React6.forwardRef((props, _ref) => {
-  return /* @__PURE__ */ React6.createElement(_Legend, __spreadProps(__spreadValues({}, props), {
+var Legend = React7.forwardRef((props, _ref) => {
+  return /* @__PURE__ */ React7.createElement(_Legend, __spreadProps(__spreadValues({}, props), {
     margin: __spreadProps(__spreadValues({}, props.margin), { top: 0 })
   }));
 });
@@ -2114,10 +2135,10 @@ Legend.defaultProps = {
 };
 
 // src/charts/LineChart/LineChart.tsx
-import React7 from "react";
+import React8 from "react";
 import { Line as _Line, LineChart as _LineChart } from "recharts";
 var renderChildren2 = (props) => {
-  return React7.Children.map(props.children, (child) => {
+  return React8.Children.map(props.children, (child) => {
     switch (getDisplayName(child.type)) {
       case Axis.XAxis.displayName: {
         return renderXAxis(child, props);
@@ -2136,10 +2157,10 @@ var renderChildren2 = (props) => {
 };
 var LineChart = (props) => {
   const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
-  return /* @__PURE__ */ React7.createElement(ResponsiveContainer, {
+  return /* @__PURE__ */ React8.createElement(ResponsiveContainer, {
     width: props.width,
     height: props.height
-  }, /* @__PURE__ */ React7.createElement(_LineChart, {
+  }, /* @__PURE__ */ React8.createElement(_LineChart, {
     data: props.data,
     style: { stroke: "#fff", strokeWidth: 1 },
     margin: {
@@ -2149,10 +2170,10 @@ var LineChart = (props) => {
       bottom: 5
     },
     accessibilityLayer: tooltip !== void 0
-  }, /* @__PURE__ */ React7.createElement(CartesianGrid, null), renderChildren2(props)));
+  }, /* @__PURE__ */ React8.createElement(CartesianGrid, null), renderChildren2(props)));
 };
 var Line = Object.assign(
-  (props) => /* @__PURE__ */ React7.createElement(_Line, __spreadProps(__spreadValues({
+  (props) => /* @__PURE__ */ React8.createElement(_Line, __spreadProps(__spreadValues({
     type: "monotone"
   }, props), {
     strokeWidth: 2,
@@ -2164,12 +2185,12 @@ var Line = Object.assign(
 LineChart.Line = Line;
 
 // src/charts/PieChart/DoughnutChart.tsx
-import React11 from "react";
+import React12 from "react";
 import isNil from "lodash/isNil";
 import { Cell as Cell2, Customized, Pie as _Pie, PieChart as _PieChart } from "recharts";
 
 // src/charts/PieChart/ChartValue.tsx
-import React8 from "react";
+import React9 from "react";
 
 // src/utils/tailwind.ts
 import originalClassNames from "classnames";
@@ -2196,21 +2217,21 @@ function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, class
 // src/charts/PieChart/ChartValue.tsx
 var ChartValue = (props) => {
   const { value, unit: unit2, caption } = props;
-  return /* @__PURE__ */ React8.createElement("p", {
+  return /* @__PURE__ */ React9.createElement("p", {
     className: tw(
       "typography-large-heading text-grey-90 text-center leading-tight absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
     )
-  }, value, unit2, caption && /* @__PURE__ */ React8.createElement("span", {
+  }, value, unit2, caption && /* @__PURE__ */ React9.createElement("span", {
     className: tw("block", "typography-small text-grey-60")
   }, caption));
 };
 
 // src/charts/PieChart/renderPieChildren.tsx
-import React10 from "react";
+import React11 from "react";
 import { Legend as Legend2 } from "recharts";
 
 // src/charts/PieChart/TooltipContentWrapper.tsx
-import React9 from "react";
+import React10 from "react";
 import isFunction from "lodash/isFunction";
 var TooltipContentWrapper = (_a) => {
   var _b = _a, {
@@ -2226,28 +2247,28 @@ var TooltipContentWrapper = (_a) => {
     });
   });
   const propsWithPayload = __spreadProps(__spreadValues({}, props), { payload });
-  if (React9.isValidElement(content)) {
-    return React9.cloneElement(content, propsWithPayload);
+  if (React10.isValidElement(content)) {
+    return React10.cloneElement(content, propsWithPayload);
   }
   if (isFunction(content)) {
-    return React9.createElement(content, propsWithPayload);
+    return React10.createElement(content, propsWithPayload);
   }
-  return /* @__PURE__ */ React9.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React10.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), {
     payload
   }));
 };
 
 // src/charts/PieChart/renderPieChildren.tsx
 var renderPieChildren = (children) => {
-  return React10.Children.map(children, (child) => {
+  return React11.Children.map(children, (child) => {
     switch (getDisplayName(child.type)) {
       case Tooltip.displayName: {
-        return React10.cloneElement(child, { content: /* @__PURE__ */ React10.createElement(TooltipContentWrapper, {
+        return React11.cloneElement(child, { content: /* @__PURE__ */ React11.createElement(TooltipContentWrapper, {
           content: child.props.content
         }) });
       }
       case Legend2.displayName: {
-        return React10.cloneElement(child, { verticalAlign: "top", align: "center" });
+        return React11.cloneElement(child, { verticalAlign: "top", align: "center" });
       }
       default: {
         return child;
@@ -2259,9 +2280,9 @@ var renderPieChildren = (children) => {
 // src/charts/PieChart/DoughnutChart.tsx
 var refSize = 300;
 var DoughnutChart = (props) => {
-  const [containerWidth, setContainerWidth] = React11.useState(0);
-  const [containerHeight, setContainerHeight] = React11.useState(0);
-  const [activeIndex, setActiveIndex] = React11.useState(null);
+  const [containerWidth, setContainerWidth] = React12.useState(0);
+  const [containerHeight, setContainerHeight] = React12.useState(0);
+  const [activeIndex, setActiveIndex] = React12.useState(null);
   const [chartValue, _children] = extractChildByDisplayName(props.children, ChartValue.displayName);
   const [pie, children] = extractChildByDisplayName(_children, DoughnutChart.Doughnut.displayName);
   const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
@@ -2284,7 +2305,7 @@ var DoughnutChart = (props) => {
     const yMargin = (containerHeight - refSize * scale) / 2;
     const x = cx - refSize / 2 * scale;
     const y = (yOffset + yMargin) / scale;
-    return /* @__PURE__ */ React11.createElement("foreignObject", {
+    return /* @__PURE__ */ React12.createElement("foreignObject", {
       width: refSize,
       height: refSize,
       x,
@@ -2293,13 +2314,13 @@ var DoughnutChart = (props) => {
     }, chartValue);
   };
   const highlightActive = activeIndex !== null && tooltip;
-  return /* @__PURE__ */ React11.createElement(ResponsiveContainer, {
+  return /* @__PURE__ */ React12.createElement(ResponsiveContainer, {
     onResize,
     width: props.width,
     height: props.height
-  }, /* @__PURE__ */ React11.createElement(_PieChart, null, chartValue && /* @__PURE__ */ React11.createElement(Customized, {
+  }, /* @__PURE__ */ React12.createElement(_PieChart, null, chartValue && /* @__PURE__ */ React12.createElement(Customized, {
     component: renderChartValue
-  }), pie && /* @__PURE__ */ React11.createElement(_Pie, __spreadProps(__spreadValues({}, pie.props), {
+  }), pie && /* @__PURE__ */ React12.createElement(_Pie, __spreadProps(__spreadValues({}, pie.props), {
     onMouseEnter: (_, index) => setActiveIndex(index),
     onMouseLeave: () => setActiveIndex(null),
     activeIndex,
@@ -2307,7 +2328,7 @@ var DoughnutChart = (props) => {
     activeShape: { className: highlightActive ? "active" : void 0 }
   })), renderPieChildren(children)));
 };
-var Doughnut = Object.assign((props) => /* @__PURE__ */ React11.createElement(_Pie, __spreadValues({}, props)), _Pie);
+var Doughnut = Object.assign((props) => /* @__PURE__ */ React12.createElement(_Pie, __spreadValues({}, props)), _Pie);
 Doughnut.defaultProps = Object.assign({}, _Pie.defaultProps, {
   isAnimationActive: false,
   innerRadius: "60%",
@@ -2318,18 +2339,18 @@ DoughnutChart.ChartValue = ChartValue;
 DoughnutChart.Cell = Cell2;
 
 // src/charts/PieChart/PieChart.tsx
-import React12 from "react";
+import React13 from "react";
 import { Cell as Cell3, Pie as _Pie2, PieChart as _PieChart2 } from "recharts";
 var PieChart = (props) => {
-  return /* @__PURE__ */ React12.createElement(ResponsiveContainer, {
+  return /* @__PURE__ */ React13.createElement(ResponsiveContainer, {
     width: props.width,
     height: props.height
-  }, /* @__PURE__ */ React12.createElement(_PieChart2, {
+  }, /* @__PURE__ */ React13.createElement(_PieChart2, {
     width: 500,
     height: 500
   }, renderPieChildren(props.children)));
 };
-var Pie = Object.assign((props) => /* @__PURE__ */ React12.createElement(_Pie2, __spreadValues({}, props)), _Pie2);
+var Pie = Object.assign((props) => /* @__PURE__ */ React13.createElement(_Pie2, __spreadValues({}, props)), _Pie2);
 Pie.defaultProps = Object.assign({}, _Pie2.defaultProps, {
   isAnimationActive: false,
   innerRadius: 0,
@@ -2339,20 +2360,20 @@ PieChart.Pie = Pie;
 PieChart.Cell = Cell3;
 
 // src/charts/Reference/Reference.tsx
-import React13 from "react";
+import React14 from "react";
 import {
   ReferenceArea as _ReferenceArea,
   ReferenceLine as _ReferenceLine
 } from "recharts";
 var ReferenceLine = Object.assign(
-  (props) => /* @__PURE__ */ React13.createElement(_ReferenceLine, __spreadProps(__spreadValues({}, props), {
+  (props) => /* @__PURE__ */ React14.createElement(_ReferenceLine, __spreadProps(__spreadValues({}, props), {
     strokeDasharray: "9 3",
     strokeWidth: 2
   })),
   _ReferenceLine
 );
 var ReferenceArea = Object.assign(
-  (props) => /* @__PURE__ */ React13.createElement(_ReferenceArea, __spreadProps(__spreadValues({}, props), {
+  (props) => /* @__PURE__ */ React14.createElement(_ReferenceArea, __spreadProps(__spreadValues({}, props), {
     strokeWidth: 0,
     fillOpacity: 0.1
   })),
@@ -2372,6 +2393,8 @@ export {
   Cell,
   Doughnut,
   DoughnutChart,
+  Label,
+  LabelList,
   Legend,
   Line,
   LineChart,

package/dist/src/atoms/Alert/Alert.js

@@ -85,7 +85,7 @@ Alert.Banner = Banner;
 Alert.Banner.displayName = 'Alert.Banner';
 Banner.Content = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    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)));
+    return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10'), className) }, props)));
 };
 Banner.Content.displayName = 'Alert.Banner.Content';
 Banner.Dismiss = (_a) => {

package/dist/src/atoms/Card/Card.d.ts

@@ -17,7 +17,11 @@ declare type CardProps = {
     fullWidth?: boolean;
     enableMinWidth?: boolean;
     disabled?: boolean;
+    /** @deprecated Use `role="button"` prop instead. */
     clickable?: boolean;
+    role?: 'button' | 'checkbox' | 'radio';
+    modality?: 'keyboard' | 'pointer';
+    checked?: boolean;
 };
 declare type CardComponent = ComposedCardProps & React.ForwardRefExoticComponent<CardProps & DivProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Card: CardComponent;

package/dist/src/atoms/Card/Card.js

@@ -16,12 +16,17 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
 import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export const Card = React.forwardRef((_a, ref) => {
-    var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
-    return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: classNames(tw('border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5', {
+    var { disabled, clickable: _clickable, fullWidth, enableMinWidth = true, checked = false, className, children, role = _clickable ? 'button' : undefined, modality } = _a, rest = __rest(_a, ["disabled", "clickable", "fullWidth", "enableMinWidth", "checked", "className", "children", "role", "modality"]);
+    const clickable = Boolean(role !== undefined && !disabled);
+    const checkable = role === 'checkbox' || role === 'radio';
+    return (React.createElement("div", Object.assign({ ref: ref, role: role, "aria-checked": checkable ? checked : undefined }, rest, { className: classNames(tw('border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5 bg-white outline-none shadow-card-default', {
             'w-[280px]': !fullWidth,
             'w-full': Boolean(fullWidth),
+            'border-grey-5': !checked,
+            'border-primary-80 shadow-card-checked': checked,
             'min-w-[280px]': Boolean(fullWidth) && Boolean(enableMinWidth),
-            'active:bg-grey-5 cursor-pointer hover:border-grey-50 focusable': Boolean(clickable && !disabled),
+            'cursor-pointer hover:bg-primary-5 hover:shadow-card-hover active:bg-white active:shadow-card-active': clickable,
+            'focusable': clickable && modality === 'keyboard',
             'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
         }), className) }), children));
 });
@@ -68,4 +73,4 @@ export const getTitleContent = ({ title, clampTitle, dense = false, }) => {
     }
     return titleContent;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEwQnBELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxDQUFDLEVBQXVGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBaEcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLGNBQWMsR0FBRyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXJGLGlGQUF1RixDQUFGO0lBQVksT0FBQSxDQUNoRywyQ0FDRSxHQUFHLEVBQUUsR0FBRyxJQUNKLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkVBQTJFLEVBQUU7WUFDOUUsV0FBVyxFQUFFLENBQUMsU0FBUztZQUN2QixRQUFRLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQztZQUM1QixlQUFlLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxjQUFjLENBQUM7WUFDOUQsZ0VBQWdFLEVBQUUsT0FBTyxDQUFDLFNBQVMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUNqRyx1REFBdUQsRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQzNFLENBQUMsRUFDRixTQUFTLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE4QnBELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxDQUNFLEVBV0MsRUFDRCxHQUFHLEVBQ0gsRUFBRTtRQWJGLEVBQ0UsUUFBUSxFQUNSLFNBQVMsRUFBRSxVQUFVLEVBQ3JCLFNBQVMsRUFDVCxjQUFjLEdBQUcsSUFBSSxFQUNyQixPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxRQUFRLEVBQ1IsSUFBSSxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3hDLFFBQVEsT0FFVCxFQURJLElBQUksY0FWVCxnSEFXQyxDQURRO0lBSVQsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzRCxNQUFNLFNBQVMsR0FBRyxJQUFJLEtBQUssVUFBVSxJQUFJLElBQUksS0FBSyxPQUFPLENBQUM7SUFDMUQsT0FBTyxDQUNMLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFFLElBQUksa0JBQ0ksU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFD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

package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 declare type DivAttributes = React.HTMLAttributes<HTMLDivElement>;
 declare type DropdownMenuProps = DivAttributes & {
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
+    minHeight?: React.CSSProperties['minHeight'];
+    maxHeight?: React.CSSProperties['maxHeight'];
+    minWidth?: React.CSSProperties['minWidth'];
+    maxWidth?: React.CSSProperties['maxWidth'];
 };
 declare type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>> & {
     ContentContainer: typeof ContentContainer;

package/dist/src/atoms/DropdownMenu/DropdownMenu.js

@@ -16,8 +16,8 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
 import { classNames, tw } from '../../../src/utils/tailwind';
 import tick from '../../../src/icons/tick';
 export const DropdownMenu = React.forwardRef((_a, ref) => {
-    var { maxHeight = '450px', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["maxHeight", "minWidth", "maxWidth", "className", "children"]);
-    return (React.createElement("div", Object.assign({ ref: ref, style: { maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70') }, props), children));
+    var { minHeight, maxHeight = '100%', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["minHeight", "maxHeight", "minWidth", "maxWidth", "className", "children"]);
+    return (React.createElement("div", Object.assign({ ref: ref, style: { minHeight, maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70') }, props), children));
 });
 const ContentContainer = ({ children }) => (React.createElement("div", { className: tw('p-3 overflow-y-auto overflow-x-hidden') }, children));
 DropdownMenu.ContentContainer = ContentContainer;
@@ -62,4 +62,4 @@ const EmptyStateContainer = (_a) => {
     return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
 };
 DropdownMenu.EmptyStateContainer = EmptyStateContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBc0JsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsK0VBQStFLENBQUMsSUFDN0csS0FBSyxHQUVSLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUN1QixDQUFDO0FBRTNCLE1BQU0sZ0JBQWdCLEdBQXNDLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDNUUsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyx1Q0FBdUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBdUJsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBOEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUF2RyxFQUFFLFNBQVMsRUFBRSxTQUFTLEdBQUcsTUFBTSxFQUFFLFFBQVEsR0FBRyxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQTVGLDJFQUE4RixDQUFGO0lBQVksT0FBQSxDQUN2RywyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxFQUNuRCxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSwrRUFBK0UsQ0FBQyxJQUM3RyxLQUFLLEdBRVIsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ3VCLENBQUM7QUFFM0IsTUFBTSxnQkFBZ0IsR0FBc0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM1RSw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLHVDQUF1QyxD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

package/dist/src/charts/Label/Label.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Label as _Label, LabelList as _LabelList, type LabelProps } from 'recharts';
+export declare const Label: {
+    XLabel: ((props: LabelProps) => React.JSX.Element) & typeof _Label;
+    YLabel: ((props: LabelProps) => React.JSX.Element) & typeof _Label;
+};
+export declare const LabelList: typeof _LabelList;

package/dist/src/charts/Label/Label.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Label as _Label, LabelList as _LabelList } from 'recharts';
+const XLabel = Object.assign((props) => React.createElement(_Label, Object.assign({ position: "insideBottom", offset: -3 }, props)), _Label);
+const YLabel = Object.assign((props) => React.createElement(_Label, Object.assign({ position: "insideLeft", angle: -90, offset: 10 }, props)), _Label);
+export const Label = {
+    XLabel,
+    YLabel,
+};
+export const LabelList = _LabelList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0xhYmVsL0xhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssSUFBSSxNQUFNLEVBQUUsU0FBUyxJQUFJLFVBQVUsRUFBbUIsTUFBTSxVQUFVLENBQUM7QUFFckYsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUFDLG9CQUFDLE1BQU0sa0JBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLElBQU0sS0FBSyxFQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFFdkgsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FDMUIsQ0FBQyxLQUFpQixFQUFFLEVBQUUsQ0FBQyxvQkFBQyxNQUFNLGtCQUFDLFFBQVEsRUFBQyxZQUFZLEVBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLElBQU0sS0FBSyxFQUFJLEVBQzFGLE1BQU0sQ0FDUCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHO0lBQ25CLE1BQU07SUFDTixNQUFNO0NBQ1AsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxVQUFVLENBQUMifQ==

package/dist/src/charts/index.d.ts

@@ -4,6 +4,7 @@ export * from './BarChart/BarChart';
 export * from './Cell/Cell';
 export * from './Container/Container';
 export * from './Grid/Grid';
+export * from './Label/Label';
 export * from './Legend/Legend';
 export * from './lib/timeIntervals';
 export * from './lib/utils';

package/dist/src/charts/index.js

@@ -4,6 +4,7 @@ export * from './BarChart/BarChart';
 export * from './Cell/Cell';
 export * from './Container/Container';
 export * from './Grid/Grid';
+export * from './Label/Label';
 export * from './Legend/Legend';
 export * from './lib/timeIntervals';
 export * from './lib/utils';
@@ -12,4 +13,4 @@ export * from './PieChart/DoughnutChart';
 export * from './PieChart/PieChart';
 export * from './Reference/Reference';
 export * from './Tooltip/Tooltip';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMifQ==

package/dist/src/molecules/Badge/Badge.js

@@ -39,16 +39,16 @@ const createBadge = (type, displayName) => {
 };
 const NotificationBadge = (_a) => {
     var { children, top = '-2px', right = '-2px' } = _a, props = __rest(_a, ["children", "top", "right"]);
-    return (React.createElement("div", Object.assign({ className: classNames('Aquarium-Badge.Notification', tw('relative inline-flex')) }, props),
+    return (React.createElement("div", Object.assign({}, props, { className: classNames('Aquarium-Badge.Notification', tw('relative inline-flex')) }),
         children,
         React.createElement("span", { style: { top, right }, className: tw('absolute rounded-full w-[6px] h-[6px] bg-error-70') })));
 };
 const DotBadge = (_a) => {
     var { dense = false } = _a, props = __rest(_a, ["dense"]);
-    return (React.createElement("span", Object.assign({ className: classNames('Aquarium-Badge.Dot', tw('rounded-full bg-current', {
+    return (React.createElement("span", Object.assign({}, props, { className: classNames('Aquarium-Badge.Dot', tw('rounded-full bg-current', {
             'w-[6px] h-[6px]': dense,
             'w-[9px] h-[9px]': !dense,
-        })) }, props)));
+        })) })));
 };
 export const Badge = createBadge('default', 'Badge');
 Badge.Notification = NotificationBadge;
@@ -57,4 +57,4 @@ Badge.Dot = DotBadge;
 Badge.Dot.displayName = 'Badge.Dot';
 export const TabBadge = createBadge('tab', 'TabBadge');
 export const ChipBadge = createBadge('chip', 'ChipBadge');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQStCaEQsTUFBTSxXQUFXLEdBQUcsQ0FBNEIsSUFBZ0MsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDdkcsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckUsTUFBTSxFQUFFLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEdBQUcsS0FBSyxLQUFjLEtBQUssRUFBZCxJQUFJLFVBQUssS0FBSyxFQUF6RSwyQ0FBaUUsQ0FBUSxDQUFDO1FBQ2hGLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVsQyxPQUFPLENBQ0wsOENBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQywwQkFBMEIsRUFBRTtnQkFDN0IsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsdUJBQXVCLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQzVDLFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU07Z0JBQzNCLGlEQUFpRCxFQUFFLENBQUMsS0FBSztnQkFDekQsWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLE1BQU0sRUFBRSxLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0s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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQStCaEQsTUFBTSxXQUFXLEdBQUcsQ0FBNEIsSUFBZ0MsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDdkcsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckUsTUFBTSxFQUFFLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEdBQUcsS0FBSyxLQUFjLEtBQUssRUFBZCxJQUFJLFVBQUssS0FBSyxFQUF6RSwyQ0FBaUUsQ0FBUSxDQUFDO1FBQ2hGLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVsQyxPQUFPLENBQ0wsOENBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQywwQkFBMEIsRUFBRTtnQkFDN0IsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsdUJBQXVCLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQzVDLFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU07Z0JBQzNCLGlEQUFpRCxFQUFFLENBQUMsS0FBSztnQkFDekQsWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLE1BQU0sRUFBRSxLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0s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

package/dist/src/molecules/Box/Box.d.ts

@@ -9,6 +9,7 @@ declare type Props = {
     borderWidth?: React.CSSProperties['borderWidth'];
     borderColor?: keyof (typeof twTheme)['backgroundColor'];
     justifyContent?: React.CSSProperties['justifyContent'];
+    justifySelf?: React.CSSProperties['justifySelf'];
     alignContent?: React.CSSProperties['alignContent'];
     alignItems?: React.CSSProperties['alignItems'];
     alignSelf?: React.CSSProperties['alignSelf'];
@@ -20,10 +21,12 @@ declare type Props = {
     gap?: keyof (typeof twTheme)['gap'];
     colGap?: keyof (typeof twTheme)['gap'];
     rowGap?: keyof (typeof twTheme)['gap'];
+    className?: string;
+    role?: React.HTMLProps<HTMLDivElement>['role'];
 };
 export declare type BoxProps<C extends React.ElementType = 'div'> = ElementProps<C> & Props & TailwindifyProps<Props>;
 export declare const Box: {
-    <C extends React.ElementType<any> = "div">({ style, color, borderColor, borderRadius, borderWidth, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap, ...rest }: BoxProps<C>): JSX.Element;
+    <C extends React.ElementType<any> = "div">({ style, color, borderColor, borderRadius, borderWidth, justifyContent, justifySelf, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap, ...rest }: BoxProps<C>): JSX.Element;
     Flex: {
         <C_1 extends React.ElementType<any> = "div">(props: BoxProps<C_1>): React.JSX.Element;
         displayName: string;

package/dist/src/molecules/Box/Box.js

@@ -16,7 +16,7 @@ import { Element } from '../../../src/molecules/Element/Element';
 import { createSimpleComponent } from '../../../src/utils/createComponent';
 import { useStyle } from '../../../src/utils/useStyle';
 export const Box = (_a) => {
-    var { style, color, borderColor, borderRadius, borderWidth, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap } = _a, rest = __rest(_a, ["style", "color", "borderColor", "borderRadius", "borderWidth", "justifyContent", "alignContent", "alignItems", "alignSelf", "flexDirection", "flexWrap", "flex", "grow", "shrink", "display", "padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "backgroundColor", "width", "height", "maxWidth", "maxHeight", "minWidth", "minHeight", "gap", "colGap", "rowGap"]);
+    var { style, color, borderColor, borderRadius, borderWidth, justifyContent, justifySelf, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap } = _a, rest = __rest(_a, ["style", "color", "borderColor", "borderRadius", "borderWidth", "justifyContent", "justifySelf", "alignContent", "alignItems", "alignSelf", "flexDirection", "flexWrap", "flex", "grow", "shrink", "display", "padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "backgroundColor", "width", "height", "maxWidth", "maxHeight", "minWidth", "minHeight", "gap", "colGap", "rowGap"]);
     const styles = useStyle({
         padding,
         display,
@@ -25,6 +25,7 @@ export const Box = (_a) => {
         borderRadius,
         borderWidth,
         justifyContent,
+        justifySelf,
         alignContent,
         alignItems,
         alignSelf,
@@ -59,4 +60,4 @@ const FlexBox = (props) => React.createElement(Box, Object.assign({ display: "fl
 FlexBox.displayName = 'Box.Flex';
 Box.Flex = FlexBox;
 export const BorderBox = createSimpleComponent(Box, { className: 'rounded border', borderColor: 'grey-10' }, 'BorderBox');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLE9BQU8sTUFBTSxxQkFBcUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsT0FBTyxFQUFxQixNQUFNLCtCQUErQixDQUFDO0FBRzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCOUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQXNDLEVBeUMzQyxFQUFlLEVBQUU7UUF6QzBCLEVBQ3ZELEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLFlBQVksRUFDWixXQUFXLEVBQ1gsY0FBYyxFQUNkLFlBQVksRUFDWixVQUFVLEVBQ1YsU0FBUyxFQUNULGFBQWEsRUFDYixRQUFRLEVBQ1IsSUFBSSxFQUNKLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFVBQVUsRUFDVixZQUFZLEVBQ1osYUFBYSxFQUNiLFdBQVcsRUFDWCxNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixVQUFVLEVBQ1YsZUFBZSxFQUNmLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEVBQ1IsU0FBUyxFQUNULEdBQUcsRUFDSCxNQUFNLEVBQ04sTUFBTSxPQUVNLEVBRFQsSUFBSSxjQXhDZ0QsNmVBeUN4RCxDQURRO0lBRVAsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO1FBQ3RCLE9BQU87UUFDUCxPQUFPO1FBQ1AsS0FBSztRQUNMLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDcEUsWUFBWTtRQUNaLFdBQVc7UUFDWCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixTQUFTO1FBQ1QsYUFBYTtRQUNiLFFBQVE7UUFDUixVQUFVLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQzdELGFBQWEsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUMvRCxXQUFXLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDM0QsTUFBTTtRQUNOLFNBQVMsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUNyRCxXQUFXLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQzNELFVBQVUsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN2RCxlQUFlO1FBQ2YsS0FBSztRQUNMLE1BQU07UUFDTixRQUFRO1FBQ1IsU0FBUztRQUNULFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUSxFQUFFLElBQUk7UUFDZCxVQUFVLEVBQUUsTUFBTTtRQUNsQixJQUFJO1FBQ0osR0FBRztRQUNILFNBQVMsRUFBRSxNQUFNO1FBQ2pCLE1BQU07S0FDUCxDQUFDLENBQUM7SUFFSCxPQUFPLG9CQUFDLE9BQU8sa0JBQUMsS0FBSyxrQ0FBTyxNQUFNLEdBQUssS0FBSyxLQUFTLElBQXdCLEVBQUksQ0FBQztBQUNwRixDQUFDLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBRyxDQUFzQyxLQUFrQixFQUFFLEVBQUUsQ0FBQyxvQkFBQyxHQUFHLGtCQUFDLE9BQU8sRUFBQyxNQUFNLElBQUssS0FBSyxFQUFJLENBQUM7QUFDL0csT0FBTyxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7QUFDakMsR0FBRyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7QUFFbkIsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLHFCQUFxQixDQUM1QyxHQUFHLEVBQ0gsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxFQUN2RCxXQUFXLENBQ1osQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLE9BQU8sTUFBTSxxQkFBcUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsT0FBTyxFQUFxQixNQUFNLCtCQUErQixDQUFDO0FBRzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTJCOUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQXNDLEVBMEMzQyxFQUFlLEVBQUU7UUExQzBCLEVBQ3ZELEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLFlBQVksRUFDWixXQUFXLEVBQ1gsY0FBYyxFQUNkLFdBQVcsRUFDWCxZQUFZLEVBQ1osVUFBVSxFQUNWLFNBQVMsRUFDVCxhQUFhLEVBQ2IsUUFBUSxFQUNSLElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixVQUFVLEVBQ1YsWUFBWSxFQUNaLGFBQWEsRUFDYixXQUFXLEVBQ1gsTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osVUFBVSxFQUNWLGVBQWUsRUFDZixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxHQUFHLEVBQ0gsTUFBTSxFQUNOLE1BQU0sT0FFTSxFQURULElBQUksY0F6Q2dELDRmQTBDeEQsQ0FEUTtJQUVQLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztRQUN0QixPQUFPO1FBQ1AsT0FBTztRQUNQLEtBQUs7UUFDTCxXQUFXLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1FBQ3BFLFlBQVk7UUFDWixXQUFXO1FBQ1gsY0FBYztRQUNkLFdBQVc7UUFDWCxZQUFZO1FBQ1osVUFBVTtRQUNWLFNBQVM7UUFDVCxhQUFhO1FBQ2IsUUFBUTtRQUNSLFVBQVUsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUN6RCxZQUFZLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDN0QsYUFBYSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQy9ELFdBQVcsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUMzRCxNQUFNO1FBQ04sU0FBUyxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQ3JELFdBQVcsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN6RCxZQUFZLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDM0QsVUFBVSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQ3ZELGVBQWU7UUFDZixLQUFLO1FBQ0wsTUFBTTtRQUNOLFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUTtRQUNSLFNBQVM7UUFDVCxRQUFRLEVBQUUsSUFBSTtRQUNkLFVBQVUsRUFBRSxNQUFNO1FBQ2xCLElBQUk7UUFDSixHQUFHO1FBQ0gsU0FBUyxFQUFFLE1BQU07UUFDakIsTUFBTTtLQUNQLENBQUMsQ0FBQztJQUVILE9BQU8sb0JBQUMsT0FBTyxrQkFBQyxLQUFLLGtDQUFPLE1BQU0sR0FBSyxLQUFLLEtBQVMsSUFBd0IsRUFBSSxDQUFDO0FBQ3BGLENBQUMsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUFHLENBQXNDLEtBQWtCLEVBQUUsRUFBRSxDQUFDLG9CQUFDLEdBQUcsa0JBQUMsT0FBTyxFQUFDLE1BQU0sSUFBSyxLQUFLLEVBQUksQ0FBQztBQUMvRyxPQUFPLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQztBQUNqQyxHQUFHLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztBQUVuQixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcscUJBQXFCLENBQzVDLEdBQUcsRUFDSCxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEVBQ3ZELFdBQVcsQ0FDWixDQUFDIn0=

package/dist/src/molecules/Card/Card.d.ts

@@ -3,6 +3,7 @@ import { Card as CardBase } from '../../../src/atoms/Card/Card';
 import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
 import { type Either } from '../../../types/utils';
 import { CompactCard } from './Compact';
+import { CardGroup } from './Group';
 import { type ActionableCard, type ClickableCard, type IconCard, type ImageCard } from './types';
 export declare type CardProps = Either<ClickableCard, ActionableCard> & Either<ImageCard, IconCard> & {
     /** Short and concise card title as a string. If a custom title is needed, check out the custom title story in our storybook. */
@@ -26,6 +27,7 @@ export declare type CardProps = Either<ClickableCard, ActionableCard> & Either<I
 declare type ComposedCardProps = {
     Skeleton: typeof CardSkeleton;
     Compact: typeof CompactCard;
+    Group: typeof CardGroup;
     Title: typeof CardBase.Title;
 };
 export declare const Card: ComposedCardProps & React.FC<React.PropsWithChildren<CardProps>>;