@aivenio/aquarium 2.1.0 → 2.1.2

package/dist/charts.cjs

@@ -80,7 +80,10 @@ __export(charts_exports, {
   Tooltip: () => Tooltip,
   extractChildByDisplayName: () => extractChildByDisplayName,
   getDisplayName: () => getDisplayName,
+  getXAxisExtent: () => getXAxisExtent,
   getXAxisTicks: () => getXAxisTicks,
+  getXAxisValues: () => getXAxisValues,
+  normalizeAxisDomain: () => normalizeAxisDomain,
   renderXAxis: () => renderXAxis,
   renderXTimeAxis: () => renderXTimeAxis,
   renderYAxis: () => renderYAxis,
@@ -1974,12 +1977,13 @@ function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, se
   };
   return scale;
 }
-function time() {
-  return initRange.apply(calendar(timeTicks, timeTickInterval, timeYear, timeMonth, timeSunday, timeDay, timeHour, timeMinute, second, timeFormat).domain([new Date(2e3, 0, 1), new Date(2e3, 0, 2)]), arguments);
+
+// node_modules/d3-scale/src/utcTime.js
+function utcTime() {
+  return initRange.apply(calendar(utcTicks, utcTickInterval, utcYear, utcMonth, utcSunday, utcDay, utcHour, utcMinute, second, utcFormat).domain([Date.UTC(2e3, 0, 1), Date.UTC(2e3, 0, 2)]), arguments);
 }
 
 // src/charts/lib/utils.ts
-var import_isArray = __toESM(require("lodash/isArray"));
 var import_isDate = __toESM(require("lodash/isDate"));
 var CHART_MARGIN_BOTTOM = 15;
 var CHART_YLABEL_DEFAULT_OFFSET = 10;
@@ -1999,23 +2003,22 @@ var getDisplayName = (Comp) => {
   }
   return Comp.displayName || Comp.name || "Component";
 };
-var isDateArray = (arr) => arr.every(import_isDate.default);
-var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
+var isDateArray = (arr) => Array.isArray(arr) && arr.every(import_isDate.default);
+var isNumberOrDate = (value) => Number.isFinite(value) || (0, import_isDate.default)(value);
+var getXAxisTicks = ({ dataKey, ticks: ticks2, domain }, chartProps) => {
   var _a;
-  if (!ticks2 || (0, import_isArray.default)(ticks2)) {
+  if (!ticks2 || Array.isArray(ticks2)) {
     return ticks2 != null ? ticks2 : void 0;
   }
-  const xValues = ((_a = chartProps.data) != null ? _a : []).map(
-    (datum) => typeof dataKey === "function" ? dataKey(datum) : dataKey ? datum[dataKey] : void 0
-  );
-  if (!isDateArray(xValues)) {
-    console.warn(
-      "Time intervals can only be used with date values. Please make sure that `dataKey` prop refers to a prop type of `Date`."
-    );
+  const normalizedDomain = normalizeAxisDomain(domain);
+  const [domainMin, domainMax] = (_a = domainExtent(normalizedDomain)) != null ? _a : [];
+  const [dataMin, dataMax] = getXAxisExtent(chartProps.data, dataKey);
+  const min = isNumberOrDate(domainMin) ? Number(domainMin) : dataMin;
+  const max = isNumberOrDate(domainMax) ? Number(domainMax) : dataMax;
+  if (min === void 0 || max === void 0) {
     return void 0;
   }
-  const [min = new Date(), max = new Date()] = extent(xValues);
-  return time().domain([min, max]).ticks(ticks2).map((v) => v.valueOf());
+  return utcTime().domain([min, max]).ticks(ticks2).map((v) => v.valueOf());
 };
 var extractChildByDisplayName = (children, name) => {
   const childIndex = children.findIndex((child) => getDisplayName(child.type) === name);
@@ -2026,6 +2029,20 @@ var extractChildByDisplayName = (children, name) => {
   const remainingChildren = children.slice(0, childIndex).concat(children.slice(childIndex + 1));
   return [foundChild, remainingChildren];
 };
+var normalizeAxisDomain = (domain) => {
+  return isDateArray(domain) ? domain.map((d) => d.valueOf()) : domain;
+};
+var getXAxisValues = (data = [], dataKey) => {
+  return data.map((datum) => typeof dataKey === "function" ? dataKey(datum) : dataKey ? datum[dataKey] : void 0);
+};
+var getXAxisExtent = (data = [], dataKey) => extent(getXAxisValues(data, dataKey));
+var domainExtent = (domain) => {
+  if (!Array.isArray(domain)) {
+    return void 0;
+  }
+  const [min, max] = domain;
+  return Number.isFinite(min) && Number.isFinite(max) ? [min, max] : void 0;
+};
 
 // src/charts/Axis/Axis.tsx
 var XTimeAxis = () => null;
@@ -2036,19 +2053,25 @@ XAxis.Time = XTimeAxis;
 var YAxis = () => null;
 YAxis.displayName = "Axis.YAxis";
 var renderXAxis = (child, chartProps) => {
-  const _a = child.props, { tickLine = false, ticks: ticks2 } = _a, props = __objRest(_a, ["tickLine", "ticks"]);
-  const xticks = getXAxisTicks(child.props, chartProps);
+  const _a = child.props, { tickLine = false, ticks: ticks2, domain } = _a, props = __objRest(_a, ["tickLine", "ticks", "domain"]);
+  const xticks = getXAxisTicks(__spreadValues({ domain }, child.props), chartProps);
   return /* @__PURE__ */ import_react.default.createElement(import_recharts.XAxis, __spreadValues({
     tickLine,
-    ticks: xticks
+    ticks: xticks,
+    domain
   }, props));
 };
 var renderXTimeAxis = (child, chartProps) => {
-  const _a = child.props, { tickLine = false, ticks: ticks2 } = _a, props = __objRest(_a, ["tickLine", "ticks"]);
-  const xticks = getXAxisTicks(child.props, chartProps);
+  const _a = child.props, { tickLine = false, ticks: ticks2, domain, utc = true } = _a, props = __objRest(_a, ["tickLine", "ticks", "domain", "utc"]);
+  const xticks = getXAxisTicks(__spreadValues({ domain }, child.props), chartProps);
+  const normalizedDomain = normalizeAxisDomain(domain);
+  const [min, max] = getXAxisExtent(chartProps.data, child.props.dataKey);
+  const effectiveDomain = normalizedDomain != null ? normalizedDomain : min !== void 0 && max !== void 0 ? [Number(min), Number(max)] : ["auto", "auto"];
   return /* @__PURE__ */ import_react.default.createElement(import_recharts.XAxis, __spreadValues({
-    scale: "time",
+    scale: utc ? "utc" : "time",
+    type: "number",
     allowDataOverflow: true,
+    domain: effectiveDomain,
     tickLine,
     ticks: xticks
   }, props));
@@ -2626,7 +2649,10 @@ var Reference = {
   Tooltip,
   extractChildByDisplayName,
   getDisplayName,
+  getXAxisExtent,
   getXAxisTicks,
+  getXAxisValues,
+  normalizeAxisDomain,
   renderXAxis,
   renderXTimeAxis,
   renderYAxis,

package/dist/charts.mjs

@@ -1850,12 +1850,13 @@ function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, se
   };
   return scale;
 }
-function time() {
-  return initRange.apply(calendar(timeTicks, timeTickInterval, timeYear, timeMonth, timeSunday, timeDay, timeHour, timeMinute, second, timeFormat).domain([new Date(2e3, 0, 1), new Date(2e3, 0, 2)]), arguments);
+
+// node_modules/d3-scale/src/utcTime.js
+function utcTime() {
+  return initRange.apply(calendar(utcTicks, utcTickInterval, utcYear, utcMonth, utcSunday, utcDay, utcHour, utcMinute, second, utcFormat).domain([Date.UTC(2e3, 0, 1), Date.UTC(2e3, 0, 2)]), arguments);
 }
 
 // src/charts/lib/utils.ts
-import isArray from "lodash/isArray";
 import isDate from "lodash/isDate";
 var CHART_MARGIN_BOTTOM = 15;
 var CHART_YLABEL_DEFAULT_OFFSET = 10;
@@ -1875,23 +1876,22 @@ var getDisplayName = (Comp) => {
   }
   return Comp.displayName || Comp.name || "Component";
 };
-var isDateArray = (arr) => arr.every(isDate);
-var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
+var isDateArray = (arr) => Array.isArray(arr) && arr.every(isDate);
+var isNumberOrDate = (value) => Number.isFinite(value) || isDate(value);
+var getXAxisTicks = ({ dataKey, ticks: ticks2, domain }, chartProps) => {
   var _a;
-  if (!ticks2 || isArray(ticks2)) {
+  if (!ticks2 || Array.isArray(ticks2)) {
     return ticks2 != null ? ticks2 : void 0;
   }
-  const xValues = ((_a = chartProps.data) != null ? _a : []).map(
-    (datum) => typeof dataKey === "function" ? dataKey(datum) : dataKey ? datum[dataKey] : void 0
-  );
-  if (!isDateArray(xValues)) {
-    console.warn(
-      "Time intervals can only be used with date values. Please make sure that `dataKey` prop refers to a prop type of `Date`."
-    );
+  const normalizedDomain = normalizeAxisDomain(domain);
+  const [domainMin, domainMax] = (_a = domainExtent(normalizedDomain)) != null ? _a : [];
+  const [dataMin, dataMax] = getXAxisExtent(chartProps.data, dataKey);
+  const min = isNumberOrDate(domainMin) ? Number(domainMin) : dataMin;
+  const max = isNumberOrDate(domainMax) ? Number(domainMax) : dataMax;
+  if (min === void 0 || max === void 0) {
     return void 0;
   }
-  const [min = new Date(), max = new Date()] = extent(xValues);
-  return time().domain([min, max]).ticks(ticks2).map((v) => v.valueOf());
+  return utcTime().domain([min, max]).ticks(ticks2).map((v) => v.valueOf());
 };
 var extractChildByDisplayName = (children, name) => {
   const childIndex = children.findIndex((child) => getDisplayName(child.type) === name);
@@ -1902,6 +1902,20 @@ var extractChildByDisplayName = (children, name) => {
   const remainingChildren = children.slice(0, childIndex).concat(children.slice(childIndex + 1));
   return [foundChild, remainingChildren];
 };
+var normalizeAxisDomain = (domain) => {
+  return isDateArray(domain) ? domain.map((d) => d.valueOf()) : domain;
+};
+var getXAxisValues = (data = [], dataKey) => {
+  return data.map((datum) => typeof dataKey === "function" ? dataKey(datum) : dataKey ? datum[dataKey] : void 0);
+};
+var getXAxisExtent = (data = [], dataKey) => extent(getXAxisValues(data, dataKey));
+var domainExtent = (domain) => {
+  if (!Array.isArray(domain)) {
+    return void 0;
+  }
+  const [min, max] = domain;
+  return Number.isFinite(min) && Number.isFinite(max) ? [min, max] : void 0;
+};
 
 // src/charts/Axis/Axis.tsx
 var XTimeAxis = () => null;
@@ -1912,19 +1926,25 @@ XAxis.Time = XTimeAxis;
 var YAxis = () => null;
 YAxis.displayName = "Axis.YAxis";
 var renderXAxis = (child, chartProps) => {
-  const _a = child.props, { tickLine = false, ticks: ticks2 } = _a, props = __objRest(_a, ["tickLine", "ticks"]);
-  const xticks = getXAxisTicks(child.props, chartProps);
+  const _a = child.props, { tickLine = false, ticks: ticks2, domain } = _a, props = __objRest(_a, ["tickLine", "ticks", "domain"]);
+  const xticks = getXAxisTicks(__spreadValues({ domain }, child.props), chartProps);
   return /* @__PURE__ */ React.createElement(_XAxis, __spreadValues({
     tickLine,
-    ticks: xticks
+    ticks: xticks,
+    domain
   }, props));
 };
 var renderXTimeAxis = (child, chartProps) => {
-  const _a = child.props, { tickLine = false, ticks: ticks2 } = _a, props = __objRest(_a, ["tickLine", "ticks"]);
-  const xticks = getXAxisTicks(child.props, chartProps);
+  const _a = child.props, { tickLine = false, ticks: ticks2, domain, utc = true } = _a, props = __objRest(_a, ["tickLine", "ticks", "domain", "utc"]);
+  const xticks = getXAxisTicks(__spreadValues({ domain }, child.props), chartProps);
+  const normalizedDomain = normalizeAxisDomain(domain);
+  const [min, max] = getXAxisExtent(chartProps.data, child.props.dataKey);
+  const effectiveDomain = normalizedDomain != null ? normalizedDomain : min !== void 0 && max !== void 0 ? [Number(min), Number(max)] : ["auto", "auto"];
   return /* @__PURE__ */ React.createElement(_XAxis, __spreadValues({
-    scale: "time",
+    scale: utc ? "utc" : "time",
+    type: "number",
     allowDataOverflow: true,
+    domain: effectiveDomain,
     tickLine,
     ticks: xticks
   }, props));
@@ -2504,7 +2524,10 @@ export {
   Tooltip,
   extractChildByDisplayName,
   getDisplayName,
+  getXAxisExtent,
   getXAxisTicks,
+  getXAxisValues,
+  normalizeAxisDomain,
   renderXAxis,
   renderXTimeAxis,
   renderYAxis,

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

@@ -10,7 +10,17 @@ export declare type XAxisProps = Omit<_XAxisProps, 'allowDataOverflow' | 'ticks'
      */
     ticks?: _XAxisProps['ticks'] | TimeInterval | null;
 };
-export declare type XTimeAxisProps = Omit<XAxisProps, 'allowDataOverflow'>;
+export declare type XTimeAxisProps = Omit<XAxisProps, 'domain'> & {
+    /**
+     * XTimeAxis extends `domain` prop to also support date values.
+     */
+    domain?: _XAxisProps['domain'] | [Date, Date];
+    /**
+     * If `utc` is set to true, the time axis will be using in UTC time.
+     * @default true
+     */
+    utc?: boolean;
+};
 declare const XTimeAxis: React.FC<XTimeAxisProps>;
 export declare const renderXAxis: (child: React.ReactElement<XAxisProps>, chartProps: ChartProps) => React.JSX.Element;
 export declare const renderXTimeAxis: (child: React.ReactElement<XTimeAxisProps>, chartProps: ChartProps) => React.JSX.Element;

package/dist/src/charts/Axis/Axis.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { XAxis as _XAxis, YAxis as _YAxis } from 'recharts';
-import { getXAxisTicks } from '../../../src/charts/lib/utils';
+import { getXAxisExtent, getXAxisTicks, normalizeAxisDomain } from '../../../src/charts/lib/utils';
 const XTimeAxis = () => null;
 XTimeAxis.displayName = 'Axis.XAxis.Time';
 const XAxis = () => null;
@@ -20,14 +20,21 @@ XAxis.Time = XTimeAxis;
 const YAxis = () => null;
 YAxis.displayName = 'Axis.YAxis';
 export const renderXAxis = (child, chartProps) => {
-    const _a = child.props, { tickLine = false, ticks } = _a, props = __rest(_a, ["tickLine", "ticks"]);
-    const xticks = getXAxisTicks(child.props, chartProps);
-    return React.createElement(_XAxis, Object.assign({ tickLine: tickLine, ticks: xticks }, props));
+    const _a = child.props, { tickLine = false, ticks, domain } = _a, props = __rest(_a, ["tickLine", "ticks", "domain"]);
+    const xticks = getXAxisTicks(Object.assign({ domain }, child.props), chartProps);
+    return React.createElement(_XAxis, Object.assign({ tickLine: tickLine, ticks: xticks, domain: domain }, props));
 };
 export const renderXTimeAxis = (child, chartProps) => {
-    const _a = child.props, { tickLine = false, ticks } = _a, props = __rest(_a, ["tickLine", "ticks"]);
-    const xticks = getXAxisTicks(child.props, chartProps);
-    return React.createElement(_XAxis, Object.assign({ scale: "time", allowDataOverflow: true, tickLine: tickLine, ticks: xticks }, props));
+    const _a = child.props, { tickLine = false, ticks, domain, utc = true } = _a, props = __rest(_a, ["tickLine", "ticks", "domain", "utc"]);
+    const xticks = getXAxisTicks(Object.assign({ domain }, child.props), chartProps);
+    // We've extended the domain prop to also support date values so we need to normalize
+    // those values to numeric values before passing them to the XAxis component.
+    const normalizedDomain = normalizeAxisDomain(domain);
+    // Get min and max values from the data.
+    const [min, max] = getXAxisExtent(chartProps.data, child.props.dataKey);
+    // Prefer provided domain values over data values. If we can't get data values, default to 'auto'.
+    const effectiveDomain = normalizedDomain !== null && normalizedDomain !== void 0 ? normalizedDomain : (min !== undefined && max !== undefined ? [Number(min), Number(max)] : ['auto', 'auto']);
+    return (React.createElement(_XAxis, Object.assign({ scale: utc ? 'utc' : 'time', type: "number", allowDataOverflow: true, domain: effectiveDomain, tickLine: tickLine, ticks: xticks }, props)));
 };
 export const renderYAxis = (child, _props) => {
     const _a = child.props, { axisLine = false, tickLine = false } = _a, props = __rest(_a, ["axisLine", "tickLine"]);
@@ -37,4 +44,4 @@ export const Axis = {
     XAxis,
     YAxis,
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXhpcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jaGFydHMvQXhpcy9BeGlzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxJQUFJLE1BQU0sRUFBa0MsS0FBSyxJQUFJLE1BQU0sRUFBbUIsTUFBTSxVQUFVLENBQUM7QUFHN0csT0FBTyxFQUFtQixhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQWF0RSxNQUFNLFNBQVMsR0FBNkIsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDO0FBQ3ZELFNBQVMsQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLENBQUM7QUFFMUMsTUFBTSxLQUFLLEdBRVAsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDO0FBQ2YsS0FBSyxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFDakMsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7QUFFdkIsTUFBTSxLQUFLLEdBQXlCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQztBQUMvQyxLQUFLLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQztBQUVqQyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFxQyxFQUFFLFVBQXNCLEVBQUUsRUFBRTtJQUMzRixNQUFNLEtBQXdDLEtBQUssQ0FBQyxLQUFLLEVBQW5ELEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxLQUFLLE9BQTBCLEVBQXJCLEtBQUssY0FBbkMscUJBQXFDLENBQWMsQ0FBQztJQUMxRCxNQUFNLE1BQU0sR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN0RCxPQUFPLG9CQUFDLE1BQU0sa0JBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxJQUFNLEtBQUssRUFBSSxDQUFDO0FBQ2xFLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLEtBQXlDLEVBQUUsVUFBc0IsRUFBRSxFQUFFO0lBQ25HLE1BQU0sS0FBd0MsS0FBSyxDQUFDLEtBQUssRUFBbkQsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLEtBQUssT0FBMEIsRUFBckIsS0FBSyxjQUFuQyxxQkFBcUMsQ0FBYyxDQUFDO0lBQzFELE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3RELE9BQU8sb0JBQUMsTUFBTSxrQkFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLGlCQUFpQixRQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sSUFBTSxLQUFLLEVBQUksQ0FBQztBQUNqRyxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFxQyxFQUFFLE1BQWtCLEVBQUUsRUFBRTtJQUN2RixNQUFNLEtBQW1ELEtBQUssQ0FBQyxLQUFLLEVBQTlELEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxPQUEwQixFQUFyQixLQUFLLGNBQTlDLHdCQUFnRCxDQUFjLENBQUM7SUFDckUsT0FBTyxvQkFBQyxNQUFNLGtCQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsSUFBTSxLQUFLLEVBQUksQ0FBQztBQUN2RSxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUc7SUFDbEIsS0FBSztJQUNMLEtBQUs7Q0FDTixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXhpcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jaGFydHMvQXhpcy9BeGlzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxJQUFJLE1BQU0sRUFBa0MsS0FBSyxJQUFJLE1BQU0sRUFBbUIsTUFBTSxVQUFVLENBQUM7QUFHN0csT0FBTyxFQUFtQixjQUFjLEVBQUUsYUFBYSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUF3QjNHLE1BQU0sU0FBUyxHQUE2QixHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFDdkQsU0FBUyxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztBQUUxQyxNQUFNLEtBQUssR0FFUCxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFDZixLQUFLLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQztBQUNqQyxLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztBQUV2QixNQUFNLEtBQUssR0FBeUIsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDO0FBQy9DLEtBQUssQ0FBQyxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQXFDLEVBQUUsVUFBc0IsRUFBRSxFQUFFO0lBQzNGLE1BQU0sS0FBZ0QsS0FBSyxDQUFDLEtBQUssRUFBM0QsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQTBCLEVBQXJCLEtBQUssY0FBM0MsK0JBQTZDLENBQWMsQ0FBQztJQUNsRSxNQUFNLE1BQU0sR0FBRyxhQUFhLGlCQUFHLE1BQU0sSUFBSyxLQUFLLENBQUMsS0FBSyxHQUFJLFVBQVUsQ0FBQyxDQUFDO0lBQ3JFLE9BQU8sb0JBQUMsTUFBTSxrQkFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBTSxLQUFLLEVBQUksQ0FBQztBQUNsRixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxLQUF5QyxFQUFFLFVBQXNCLEVBQUUsRUFBRTtJQUNuRyxNQUFNLEtBQTRELEtBQUssQ0FBQyxLQUFLLEVBQXZFLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsR0FBRyxJQUFJLE9BQTBCLEVBQXJCLEtBQUssY0FBdkQsc0NBQXlELENBQWMsQ0FBQztJQUM5RSxNQUFNLE1BQU0sR0FBRyxhQUFhLGlCQUFHLE1BQU0sSUFBSyxLQUFLLENBQUMsS0FBSyxHQUFJLFVBQVUsQ0FBQyxDQUFDO0lBRXJFLHFGQUFxRjtJQUNyRiw2RUFBNkU7SUFDN0UsTUFBTSxnQkFBZ0IsR0FBRyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVyRCx3Q0FBd0M7SUFDeEMsTUFBTSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsR0FBRyxjQUFjLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXhFLGtHQUFrRztJQUNsRyxNQUFNLGVBQWUsR0FDbkIsZ0JBQWdCLGFBQWhCLGdCQUFnQixjQUFoQixnQkFBZ0IsR0FBSSxDQUFDLEdBQUcsS0FBSyxTQUFTLElBQUksR0FBRyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFL0csT0FBTyxDQUNMLG9CQUFDLE1BQU0sa0JBQ0wsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQzNCLElBQUksRUFBQyxRQUFRLEVBQ2IsaUJBQWlCLFFBQ2pCLE1BQU0sRUFBRSxlQUFlLEVBQ3ZCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxNQUFNLElBQ1QsS0FBSyxFQUNULENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQXFDLEVBQUUsTUFBa0IsRUFBRSxFQUFFO0lBQ3ZGLE1BQU0sS0FBbUQsS0FBSyxDQUFDLEtBQUssRUFBOUQsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQTBCLEVBQXJCLEtBQUssY0FBOUMsd0JBQWdELENBQWMsQ0FBQztJQUNyRSxPQUFPLG9CQUFDLE1BQU0sa0JBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFNLEtBQUssRUFBSSxDQUFDO0FBQ3ZFLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRztJQUNsQixLQUFLO0lBQ0wsS0FBSztDQUNOLENBQUMifQ==

package/dist/src/charts/lib/utils.d.ts

@@ -1,4 +1,6 @@
-import { type XAxisProps } from '../../../src/charts/Axis/Axis';
+import { type Numeric } from 'd3-array';
+import { type XAxisProps, type XTimeAxisProps } from '../../../src/charts/Axis/Axis';
+import type { AxisDomain } from 'recharts/types/util/types';
 export declare const CHART_MARGIN_BOTTOM = 15;
 export declare const CHART_YLABEL_DEFAULT_OFFSET = 10;
 export declare const CHART_XLABEL_DEFAULT_OFFSET: number;
@@ -12,5 +14,8 @@ export declare type ChartProps = {
     data?: Array<Record<string, unknown>>;
 };
 export declare const getDisplayName: (Comp: React.ComponentType | string) => string;
-export declare const getXAxisTicks: ({ dataKey, ticks }: XAxisProps, chartProps: ChartProps) => Array<number | string> | undefined;
+export declare const getXAxisTicks: ({ dataKey, ticks, domain }: XAxisProps | XTimeAxisProps, chartProps: ChartProps) => Array<number | string> | undefined;
 export declare const extractChildByDisplayName: (children: React.ReactElement[], name?: string) => [React.ReactElement | undefined, React.ReactElement[]];
+export declare const normalizeAxisDomain: (domain: AxisDomain | [Date, Date] | undefined) => AxisDomain | undefined;
+export declare const getXAxisValues: (data: ChartProps['data'], dataKey: XAxisProps['dataKey']) => Numeric[];
+export declare const getXAxisExtent: (data: ChartProps['data'], dataKey: XAxisProps['dataKey']) => [Numeric, Numeric] | [undefined, undefined];

package/dist/src/charts/lib/utils.js

@@ -1,6 +1,5 @@
 import { extent } from 'd3-array';
-import { scaleTime } from 'd3-scale';
-import isArray from 'lodash/isArray';
+import { scaleUtc } from 'd3-scale';
 import isDate from 'lodash/isDate';
 export const CHART_MARGIN_BOTTOM = 15;
 export const CHART_YLABEL_DEFAULT_OFFSET = 10;
@@ -25,22 +24,29 @@ export const getDisplayName = (Comp) => {
     }
     return Comp.displayName || Comp.name || 'Component';
 };
-const isDateArray = (arr) => arr.every(isDate);
-export const getXAxisTicks = ({ dataKey, ticks }, chartProps) => {
+const isDateArray = (arr) => Array.isArray(arr) && arr.every(isDate);
+const isNumberOrDate = (value) => Number.isFinite(value) || isDate(value);
+export const getXAxisTicks = ({ dataKey, ticks, domain }, chartProps) => {
     var _a;
     // Either ticks are not provided or we don't have to process them.
-    if (!ticks || isArray(ticks)) {
+    if (!ticks || Array.isArray(ticks)) {
         return ticks !== null && ticks !== void 0 ? ticks : undefined;
     }
-    // Extract x-axis values and interpolate tick values from them if they all are dates.
-    const xValues = ((_a = chartProps.data) !== null && _a !== void 0 ? _a : []).map((datum) => typeof dataKey === 'function' ? dataKey(datum) : dataKey ? datum[dataKey] : undefined);
-    if (!isDateArray(xValues)) {
-        // eslint-disable-next-line no-console
-        console.warn('Time intervals can only be used with date values. Please make sure that `dataKey` prop refers to a prop type of `Date`.');
+    // If domain values are provided as dates, convert them to numeric values.
+    const normalizedDomain = normalizeAxisDomain(domain);
+    // Get min and max values from the domain.
+    const [domainMin, domainMax] = (_a = domainExtent(normalizedDomain)) !== null && _a !== void 0 ? _a : [];
+    // Get min and max values from the data.
+    const [dataMin, dataMax] = getXAxisExtent(chartProps.data, dataKey);
+    // Prefer domain values over data values.
+    const min = isNumberOrDate(domainMin) ? Number(domainMin) : dataMin;
+    const max = isNumberOrDate(domainMax) ? Number(domainMax) : dataMax;
+    if (min === undefined || max === undefined) {
         return undefined;
     }
-    const [min = new Date(), max = new Date()] = extent(xValues);
-    return scaleTime()
+    // At this point, we should have min and max values as number either from domain or from data.
+    // We can now interpolate the ticks based on the provided time interval.
+    return scaleUtc()
         .domain([min, max])
         .ticks(ticks)
         .map((v) => v.valueOf());
@@ -54,4 +60,22 @@ export const extractChildByDisplayName = (children, name) => {
     const remainingChildren = children.slice(0, childIndex).concat(children.slice(childIndex + 1));
     return [foundChild, remainingChildren];
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2xpYi91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDckMsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxNQUFNLE1BQU0sZUFBZSxDQUFDO0FBSW5DLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUN0QyxNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRyxFQUFFLENBQUM7QUFDOUMsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsMkJBQTJCLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyw2REFBNkQ7QUFFMUk7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRztJQUM3QixHQUFHLEVBQUUsRUFBRTtJQUNQLEtBQUssRUFBRSxFQUFFO0lBQ1QsSUFBSSxFQUFFLEVBQUU7SUFDUixNQUFNLEVBQUUsbUJBQW1CO0NBQzVCLENBQUM7QUFNRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxJQUFrQyxFQUFFLEVBQUU7SUFDbkUsSUFBSSxPQUFPLElBQUksS0FBSyxRQUFRLEVBQUU7UUFDNUIsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUVELElBQUksQ0FBQyxJQUFJLEVBQUU7UUFDVCxPQUFPLEVBQUUsQ0FBQztLQUNYO0lBRUQsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksV0FBVyxDQUFDO0FBQ3RELENBQUMsQ0FBQztBQUVGLE1BQU0sV0FBVyxHQUFHLENBQUMsR0FBVSxFQUFpQixFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUVyRSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FDM0IsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFjLEVBQzlCLFVBQXNCLEVBQ2MsRUFBRTs7SUFDdEMsa0VBQWtFO0lBQ2xFLElBQUksQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzVCLE9BQU8sS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksU0FBUyxDQUFDO0tBQzNCO0lBRUQscUZBQXFGO0lBQ3JGLE1BQU0sT0FBTyxHQUFHLENBQUMsTUFBQSxVQUFVLENBQUMsSUFBSSxtQ0FBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUNwRCxPQUFPLE9BQU8sS0FBSyxVQUFVLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FDdEYsQ0FBQztJQUVGLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDekIsc0NBQXNDO1FBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQ1YseUhBQXlILENBQzFILENBQUM7UUFDRixPQUFPLFNBQVMsQ0FBQztLQUNsQjtJQUVELE1BQU0sQ0FBQyxHQUFHLEdBQUcsSUFBSSxJQUFJLEVBQUUsRUFBRSxHQUFHLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM3RCxPQUFPLFNBQVMsRUFBRTtTQUNmLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztTQUNsQixLQUFLLENBQUMsS0FBSyxDQUFDO1NBQ1osR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztBQUM3QixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxDQUN2QyxRQUE4QixFQUM5QixJQUFhLEVBQzJDLEVBQUU7SUFDMUQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQztJQUV0RixJQUFJLFVBQVUsS0FBSyxDQUFDLENBQUMsRUFBRTtRQUNyQixPQUFPLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0tBQzlCO0lBRUQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMzQyxNQUFNLGlCQUFpQixHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRS9GLE9BQU8sQ0FBQyxVQUFVLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztBQUN6QyxDQUFDLENBQUMifQ==
+// AxisDomain type doesn't support Date values, so we need to convert them to numeric values when provided.
+export const normalizeAxisDomain = (domain) => {
+    return isDateArray(domain) ? domain.map((d) => d.valueOf()) : domain;
+};
+// Extract x-axis values from the data.
+export const getXAxisValues = (data = [], dataKey) => {
+    return data.map((datum) => (typeof dataKey === 'function' ? dataKey(datum) : dataKey ? datum[dataKey] : undefined));
+};
+// Get min and max values from the x-axis data.
+export const getXAxisExtent = (data = [], dataKey) => extent(getXAxisValues(data, dataKey));
+// Get min and max values from the domain if possible.
+const domainExtent = (domain) => {
+    if (!Array.isArray(domain)) {
+        return undefined;
+    }
+    const [min, max] = domain;
+    return Number.isFinite(min) && Number.isFinite(max) ? [min, max] : undefined;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2xpYi91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFnQixNQUFNLFVBQVUsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sTUFBTSxNQUFNLGVBQWUsQ0FBQztBQU1uQyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxFQUFFLENBQUM7QUFDdEMsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsRUFBRSxDQUFDO0FBQzlDLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUFHLDJCQUEyQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsNkRBQTZEO0FBRTFJOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUc7SUFDN0IsR0FBRyxFQUFFLEVBQUU7SUFDUCxLQUFLLEVBQUUsRUFBRTtJQUNULElBQUksRUFBRSxFQUFFO0lBQ1IsTUFBTSxFQUFFLG1CQUFtQjtDQUM1QixDQUFDO0FBTUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsSUFBa0MsRUFBRSxFQUFFO0lBQ25FLElBQUksT0FBTyxJQUFJLEtBQUssUUFBUSxFQUFFO1FBQzVCLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ1QsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUVELE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLFdBQVcsQ0FBQztBQUN0RCxDQUFDLENBQUM7QUFFRixNQUFNLFdBQVcsR0FBRyxDQUFDLEdBQVEsRUFBaUIsRUFBRSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUV6RixNQUFNLGNBQWMs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

package/dist/src/molecules/Avatar/Avatar.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { Box } from '../../../src/molecules/Box/Box';
 import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
 import { classNames, tw } from '../../../src/utils/tailwind';
-export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image, index) => image ? React.createElement(Avatar, { key: image !== null && image !== void 0 ? image : index, image: image, imageAlt: "" }) : React.createElement(Avatar.Skeleton, { key: image !== null && image !== void 0 ? image : index }))));
+export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image, index) => image ? React.createElement(Avatar, { key: `${image}.${index}`, image: image, imageAlt: "" }) : React.createElement(Avatar.Skeleton, { key: index }))));
 export const Avatar = ({ image, imageAlt = '' }) => (React.createElement("img", { src: image, className: classNames(tw('w-[32px] h-[32px]'), 'Aquarium-Avatar'), alt: imageAlt }));
 const AvatarSkeleton = () => React.createElement(Skeleton, { height: 32, width: 32, className: tw('rounded-full') });
 Avatar.Skeleton = AvatarSkeleton;
 Avatar.Skeleton.displayName = 'Avatar.Skeleton';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBVXBELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNyRSxvQkFBQyxHQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLCtCQUErQixDQUFDLElBQy9ELE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLElBQUMsR0FBRyxFQUFFLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsb0JBQUMsTUFBTSxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksS0FBSyxHQUFJLENBQzdHLENBQ0csQ0FDUCxDQUFDO0FBY0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFnRSxDQUFDLEVBQUUsS0FBSyxFQUFFLFFBQVEsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDL0csNkJBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLGlCQUFpQixDQUFDLEVBQUUsR0FBRyxFQUFFLFFBQVEsR0FBSSxDQUN0RyxDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxHQUFJLENBQUM7QUFFMUcsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7QUFDakMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBVXBELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNyRSxvQkFBQyxHQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLCtCQUErQixDQUFDLElBQy9ELE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLElBQUMsR0FBRyxFQUFFLEdBQUcsS0FBSyxJQUFJLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLLEdBQUksQ0FDekcsQ0FDRyxDQUNQLENBQUM7QUFjRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQWdFLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUMvRyw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsaUJBQWlCLENBQUMsRUFBRSxHQUFHLEVBQUUsUUFBUSxHQUFJLENBQ3RHLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEdBQUksQ0FBQztBQUUxRyxNQUFNLENBQUMsUUFBUSxHQUFHLGNBQWMsQ0FBQztBQUNqQyxNQUFNLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQyJ9

package/dist/src/molecules/Pagination/Pagination.js

@@ -32,7 +32,7 @@ export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, has
             React.createElement(Button.Icon, { "aria-label": "Previous", onClick: () => onPageChange(currentPage - 1), icon: chevronLeft, disabled: !hasPreviousPage }),
             React.createElement(Box, { paddingX: "4" },
                 React.createElement(Typography.Small, { color: "default" }, "Page")),
-            React.createElement(InputBase, { "aria-label": "Page", className: classNames(tw('text-center max-w-[40px]'), 'no-arrows'), type: "number", min: 1, max: totalPages, value: value, onChange: ({ target: { value } }) => setValue(value), onKeyDown: ({ key, currentTarget }) => {
+            React.createElement(InputBase, { "aria-label": "Page", className: classNames(tw('text-center'), 'no-arrows'), type: "number", min: 1, max: totalPages, value: value, onChange: ({ target: { value } }) => setValue(value), onKeyDown: ({ key, currentTarget }) => {
                     if (key === 'Enter') {
                         currentTarget.blur();
                     }
@@ -49,4 +49,4 @@ export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, has
             React.createElement(Button.Icon, { "aria-label": "Last", onClick: () => onPageChange(totalPages), icon: chevronForward, disabled: !hasNextPage })),
         pageSizes && React.createElement("div", null)));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLGVBQWUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQVlsRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThCLENBQUMsRUFDcEQsV0FBVyxFQUNYLFVBQVUsRUFDVixRQUFRLEVBQ1IsV0FBVyxFQUNYLGVBQWUsRUFDZixZQUFZLEVBQ1osU0FBUyxFQUNULGdCQUFnQixHQUNqQixFQUFFLEVBQUU7SUFDSCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQWtCLFdBQVcsQ0FBQyxDQUFDO0lBRXZFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4QixDQUFDLEVBQUUsQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLGVBQWUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQVlsRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThCLENBQUMsRUFDcEQsV0FBVyxFQUNYLFVBQVUsRUFDVixRQUFRLEVBQ1IsV0FBVyxFQUNYLGVBQWUsRUFDZixZQUFZLEVBQ1osU0FBUyxFQUNULGdCQUFnQixHQUNqQixFQUFFLEVBQUU7SUFDSCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQWtCLFdBQVcsQ0FBQyxDQUFDO0lBRXZFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4QixDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO0lBRWxCLE9BQU8sQ0FDTCxvQkFBQyxHQUFHLElBQ0YsU0FBUyxFQUFFLFVBQVUsQ0FDbkIscUJBQXFCLEVBQ3JCLEVBQUUsQ0FBQyxFQUFFLGtDQUFrQyxFQUFFLENBQUMsQ0FBQyxTQUFTLEVBQUUsaUNBQWlDLEVBQUUsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUN2RyxFQUNELGVBQWUsRUFBQyxPQUFPLEVBQ3ZCLE9BQU8sRUFBQyxHQUFHO1FBRVYsU0FBUyxJQUFJLGdCQUFnQixJQUFJLE9BQU8sUUFBUSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDL0Qsb0JBQUMsR0FBRyxJQUFDLE9BQU8sRUFBQyxNQUFNLEVBQUMsVUFBVSxFQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsR0FBRztZQUM3QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxJQUFDLEtBQUssRUFBQyxPQUFPLHNCQUFtQztZQUNsRSw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQztnQkFDaEMsb0JBQUMsVUFBVSxrQkFDRSxnQkFBZ0IsRUFDM0IsT0FBTyxFQUFFLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxFQUNqRCxLQUFLLEVBQUUsUUFBUSxDQUFDLFFBQVEsRUFBRSxFQUMxQixRQUFRLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRTt3QkFDakIsSUFBSSxJQUFJLEVBQUU7NEJBQ1IsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDOzRCQUMvQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dDQUNuQixnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQzs2QkFDM0I7eUJBQ0Y7b0JBQ0gsQ0FBQyxHQUNELENBQ0UsQ0FDRixDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0YsZ0NBQU8sQ0FDUjtRQUNELG9CQUFDLEdBQUcsSUFBQyxPQUFPLEVBQUMsTUFBTSxFQUFDLGNBQWMsRUFBQyxRQUFRLEVBQUMsVUFBVSxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQztZQUNuRixvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFDQyxPQUFPLEVBQ2xCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQzlCLElBQUksRUFBRSxlQUFlLEVBQ3JCLFFBQVEsRUFBRSxDQUFDLGVBQWUsR0FDMUI7WUFDRixvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFDQyxVQUFVLEVBQ3JCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxFQUM1QyxJQUFJLEVBQUUsV0FBVyxFQUNqQixRQUFRLEVBQUUsQ0FBQyxlQUFlLEdBQzFCO1lBQ0Ysb0JBQUMsR0FBRyxJQUFDLFFBQVEsRUFBQyxHQUFHO2dCQUNmLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLElBQUMsS0FBSyxFQUFDLFNBQVMsV0FBd0IsQ0FDckQ7WUFDTixvQkFBQyxTQUFTLGtCQUNHLE1BQU0sRUFDakIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEVBQUUsV0FBVyxDQUFDLEVBQ3JELElBQUksRUFBQyxRQUFRLEVBQ2IsR0FBRyxFQUFFLENBQUMsRUFDTixHQUFHLEVBQUUsVUFBVSxFQUNmLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQ3BELFNBQVMsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUU7b0JBQ3BDLElBQUksR0FBRyxLQUFLLE9BQU8sRUFBRTt3QkFDbkIsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO3FCQUN0QjtnQkFDSCxDQUFDLEVBQ0QsTUFBTSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUU7b0JBQ2hDLE1BQU0sV0FBVyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDcEMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQzVFLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDeEIsQ0FBQyxHQUNEO1lBQ0Ysb0JBQUMsR0FBRyxJQUFDLFFBQVEsRUFBQyxHQUFHO2dCQUNmLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLElBQUMsS0FBSyxFQUFDLFNBQVM7O29CQUFLLFVBQVUsQ0FBb0IsQ0FDaEU7WUFDTixvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFDQyxNQUFNLEVBQ2pCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxFQUM1QyxJQUFJLEVBQUUsWUFBWSxFQUNsQixRQUFRLEVBQUUsQ0FBQyxXQUFXLEdBQ3RCO1lBQ0Ysb0JBQUMsTUFBTSxDQUFDLElBQUksa0JBQ0MsTUFBTSxFQUNqQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxFQUN2QyxJQUFJLEVBQUUsY0FBYyxFQUNwQixRQUFRLEVBQUUsQ0FBQyxXQUFXLEdBQ3RCLENBQ0U7UUFDTCxTQUFTLElBQUksZ0NBQU8sQ0FDakIsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/styles.css

@@ -1371,9 +1371,6 @@ input[type='number'].no-arrows {
 .max-w-\[320px\]{
   max-width: 320px;
 }
-.max-w-\[40px\]{
-  max-width: 40px;
-}
 .max-w-\[600px\]{
   max-width: 600px;
 }

package/dist/system.cjs

@@ -8528,11 +8528,11 @@ var AvatarStack = ({ images }) => /* @__PURE__ */ import_react29.default.createE
   className: tw("[&>*:not(:first-child)]:-ml-3")
 }, images.map(
   (image, index) => image ? /* @__PURE__ */ import_react29.default.createElement(Avatar, {
-    key: image != null ? image : index,
+    key: `${image}.${index}`,
     image,
     imageAlt: ""
   }) : /* @__PURE__ */ import_react29.default.createElement(Avatar.Skeleton, {
-    key: image != null ? image : index
+    key: index
   })
 ));
 var Avatar = ({ image, imageAlt = "" }) => /* @__PURE__ */ import_react29.default.createElement("img", {
@@ -11101,7 +11101,7 @@ var Pagination = ({
     color: "default"
   }, "Page")), /* @__PURE__ */ import_react65.default.createElement(InputBase, {
     "aria-label": "Page",
-    className: classNames(tw("text-center max-w-[40px]"), "no-arrows"),
+    className: classNames(tw("text-center"), "no-arrows"),
     type: "number",
     min: 1,
     max: totalPages,

package/dist/system.mjs

@@ -8368,11 +8368,11 @@ var AvatarStack = ({ images }) => /* @__PURE__ */ React24.createElement(Box, {
   className: tw("[&>*:not(:first-child)]:-ml-3")
 }, images.map(
   (image, index) => image ? /* @__PURE__ */ React24.createElement(Avatar, {
-    key: image != null ? image : index,
+    key: `${image}.${index}`,
     image,
     imageAlt: ""
   }) : /* @__PURE__ */ React24.createElement(Avatar.Skeleton, {
-    key: image != null ? image : index
+    key: index
   })
 ));
 var Avatar = ({ image, imageAlt = "" }) => /* @__PURE__ */ React24.createElement("img", {
@@ -10941,7 +10941,7 @@ var Pagination = ({
     color: "default"
   }, "Page")), /* @__PURE__ */ React59.createElement(InputBase, {
     "aria-label": "Page",
-    className: classNames(tw("text-center max-w-[40px]"), "no-arrows"),
+    className: classNames(tw("text-center"), "no-arrows"),
     type: "number",
     min: 1,
     max: totalPages,