@dynatrace/strato-components 3.4.1 → 3.5.2

package/esm/charts/xy-chart-adoption/histogram/transformer-thresholds-to-xy.js

@@ -0,0 +1,83 @@
+import { defineAxisId } from "./utils/define-axis-id.js";
+import {
+  isDynamicNumeric,
+  isDynamicNumericRange,
+  isStatic,
+  isStaticRange
+} from "../../core/types/type-guards.js";
+const X_AXIS_ID = "x-axis";
+function buildPositionToAxisIdMap(units) {
+  if (units.length <= 1) {
+    const axisId = units.length === 1 ? defineAxisId(units[0]) : "";
+    return { left: axisId, right: axisId };
+  }
+  const map = {};
+  units.forEach((unit, index) => {
+    const position = index % 2 === 0 ? "left" : "right";
+    if (!(position in map)) {
+      map[position] = defineAxisId(unit);
+    }
+  });
+  return map;
+}
+function mapHistogramThresholdsToXY(thresholds, units) {
+  if (!thresholds) {
+    return [];
+  }
+  const positionToAxisId = buildPositionToAxisIdMap(units);
+  const flatThresholds = [
+    ...thresholds.leftThreshold ?? [],
+    ...thresholds.rightThreshold ?? []
+  ];
+  return flatThresholds.reduce(
+    (result, threshold) => {
+      const position = threshold.position ?? "left";
+      const yAxisId = positionToAxisId[position];
+      if (!yAxisId) {
+        return result;
+      }
+      const { data, color, label, strokeOnly } = threshold;
+      if (isStatic(data)) {
+        result.push({
+          data: { y: data.value },
+          color,
+          label,
+          strokeOnly,
+          yAxisId
+        });
+      } else if (isStaticRange(data)) {
+        result.push({
+          data: { yMin: data.min, yMax: data.max },
+          color,
+          label,
+          strokeOnly,
+          yAxisId
+        });
+      } else if (isDynamicNumeric(data)) {
+        result.push({
+          data: data.map((d) => ({ y: d.value, x: d.point })),
+          color,
+          label,
+          strokeOnly,
+          yAxisId,
+          xAxisId: X_AXIS_ID
+        });
+      } else if (isDynamicNumericRange(data)) {
+        result.push({
+          data: data.map((d) => ({ yMin: d.min, yMax: d.max, x: d.point })),
+          color,
+          label,
+          strokeOnly,
+          yAxisId,
+          xAxisId: X_AXIS_ID
+        });
+      }
+      return result;
+    },
+    []
+  );
+}
+export {
+  mapHistogramThresholdsToXY
+};
+//# sourceMappingURL=transformer-thresholds-to-xy.js.map

package/esm/charts/xy-chart-adoption/histogram/transformer-thresholds-to-xy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/transformer-thresholds-to-xy.ts"],
+  "sourcesContent": ["import { defineAxisId } from './utils/define-axis-id.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport {\n  isDynamicNumeric,\n  isDynamicNumericRange,\n  isStatic,\n  isStaticRange,\n} from '../../core/types/type-guards.js';\nimport type { HistogramThresholdsConfig } from '../../histogram/types/histogram-props.js';\nimport type { XYChartThresholdIndicatorProps } from '../../xy-chart/types/xy-chart-props.js';\n\nconst X_AXIS_ID = 'x-axis';\n\nfunction buildPositionToAxisIdMap(units: ChartUnit[]): Record<string, string> {\n  if (units.length <= 1) {\n    const axisId = units.length === 1 ? defineAxisId(units[0]) : '';\n    return { left: axisId, right: axisId };\n  }\n\n  const map: Record<string, string> = {};\n  units.forEach((unit, index) => {\n    const position = index % 2 === 0 ? 'left' : 'right';\n    if (!(position in map)) {\n      map[position] = defineAxisId(unit);\n    }\n  });\n\n  return map;\n}\n\nexport function mapHistogramThresholdsToXY(\n  thresholds: HistogramThresholdsConfig | undefined,\n  units: ChartUnit[],\n): XYChartThresholdIndicatorProps[] {\n  if (!thresholds) {\n    return [];\n  }\n\n  const positionToAxisId = buildPositionToAxisIdMap(units);\n  // `config.thresholds` is bucketed by axis position. Each item already\n  // carries its `position`, so flattening both buckets restores the original\n  // slot-shaped list this transformer reasons about.\n  const flatThresholds = [\n    ...(thresholds.leftThreshold ?? []),\n    ...(thresholds.rightThreshold ?? []),\n  ];\n\n  return flatThresholds.reduce<XYChartThresholdIndicatorProps[]>(\n    (result, threshold) => {\n      const position = threshold.position ?? 'left';\n      const yAxisId = positionToAxisId[position];\n\n      if (!yAxisId) {\n        return result;\n      }\n\n      const { data, color, label, strokeOnly } = threshold;\n\n      if (isStatic(data)) {\n        result.push({\n          data: { y: data.value },\n          color,\n          label,\n          strokeOnly,\n          yAxisId,\n        });\n      } else if (isStaticRange(data)) {\n        result.push({\n          data: { yMin: data.min, yMax: data.max },\n          color,\n          label,\n          strokeOnly,\n          yAxisId,\n        });\n      } else if (isDynamicNumeric(data)) {\n        result.push({\n          data: data.map((d) => ({ y: d.value, x: d.point })),\n          color,\n          label,\n          strokeOnly,\n          yAxisId,\n          xAxisId: X_AXIS_ID,\n        });\n      } else if (isDynamicNumericRange(data)) {\n        result.push({\n          data: data.map((d) => ({ yMin: d.min, yMax: d.max, x: d.point })),\n          color,\n          label,\n          strokeOnly,\n          yAxisId,\n          xAxisId: X_AXIS_ID,\n        });\n      }\n\n      return result;\n    },\n    [],\n  );\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,MAAM,YAAY;AAElB,SAAS,yBAAyB,OAA4C;AAC5E,MAAI,MAAM,UAAU,GAAG;AACrB,UAAM,SAAS,MAAM,WAAW,IAAI,aAAa,MAAM,CAAC,CAAC,IAAI;AAC7D,WAAO,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,EACvC;AAEA,QAAM,MAA8B,CAAC;AACrC,QAAM,QAAQ,CAAC,MAAM,UAAU;AAC7B,UAAM,WAAW,QAAQ,MAAM,IAAI,SAAS;AAC5C,QAAI,EAAE,YAAY,MAAM;AACtB,UAAI,QAAQ,IAAI,aAAa,IAAI;AAAA,IACnC;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,SAAS,2BACd,YACA,OACkC;AAClC,MAAI,CAAC,YAAY;AACf,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,mBAAmB,yBAAyB,KAAK;AAIvD,QAAM,iBAAiB;AAAA,IACrB,GAAI,WAAW,iBAAiB,CAAC;AAAA,IACjC,GAAI,WAAW,kBAAkB,CAAC;AAAA,EACpC;AAEA,SAAO,eAAe;AAAA,IACpB,CAAC,QAAQ,cAAc;AACrB,YAAM,WAAW,UAAU,YAAY;AACvC,YAAM,UAAU,iBAAiB,QAAQ;AAEzC,UAAI,CAAC,SAAS;AACZ,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,MAAM,OAAO,OAAO,WAAW,IAAI;AAE3C,UAAI,SAAS,IAAI,GAAG;AAClB,eAAO,KAAK;AAAA,UACV,MAAM,EAAE,GAAG,KAAK,MAAM;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH,WAAW,cAAc,IAAI,GAAG;AAC9B,eAAO,KAAK;AAAA,UACV,MAAM,EAAE,MAAM,KAAK,KAAK,MAAM,KAAK,IAAI;AAAA,UACvC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH,WAAW,iBAAiB,IAAI,GAAG;AACjC,eAAO,KAAK;AAAA,UACV,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,MAAM,EAAE;AAAA,UAClD;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,QACX,CAAC;AAAA,MACH,WAAW,sBAAsB,IAAI,GAAG;AACtC,eAAO,KAAK;AAAA,UACV,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,GAAG,EAAE,MAAM,EAAE;AAAA,UAChE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/histogram/utils/axis-props-mapping.js

@@ -1,13 +1,14 @@
 import { defineAxisId } from "./define-axis-id.js";
-const buildYAxisProps = (index, unit, axesConfig) => {
-  const position = index % 2 === 0 ? "left" : "right";
+const buildYAxisProps = (index, unit, axesConfig, valueRepresentation) => {
+  const position = valueRepresentation === "relative" || index % 2 === 0 ? "left" : "right";
   const axisConfig = axesConfig[position];
   return {
     ...axisConfig,
     type: axisConfig?.type ?? "numerical",
     position,
     id: defineAxisId(unit),
-    unit
+    unit,
+    valueRepresentation
   };
 };
 export {

package/esm/charts/xy-chart-adoption/histogram/utils/axis-props-mapping.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/histogram/utils/axis-props-mapping.ts"],
-  "sourcesContent": ["import { defineAxisId } from './define-axis-id.js';\nimport type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport type { MappedPositionedAxes, YAxisProps } from '../types/slots.js';\n\nexport const buildYAxisProps = (\n  index: number,\n  unit: ChartUnit,\n  axesConfig: MappedPositionedAxes,\n): YAxisProps => {\n  const position = index % 2 === 0 ? 'left' : 'right';\n  const axisConfig = axesConfig[position];\n  return {\n    ...axisConfig,\n    type: axisConfig?.type ?? 'numerical',\n    position,\n    id: defineAxisId(unit),\n    unit,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAItB,MAAM,kBAAkB,CAC7B,OACA,MACA,eACe;AACf,QAAM,WAAW,QAAQ,MAAM,IAAI,SAAS;AAC5C,QAAM,aAAa,WAAW,QAAQ;AACtC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,YAAY,QAAQ;AAAA,IAC1B;AAAA,IACA,IAAI,aAAa,IAAI;AAAA,IACrB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { defineAxisId } from './define-axis-id.js';\nimport type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport type { ValueRepresentation } from '../../../core/types/scales.js';\nimport type { MappedPositionedAxes, YAxisProps } from '../types/slots.js';\n\nexport const buildYAxisProps = (\n  index: number,\n  unit: ChartUnit,\n  axesConfig: MappedPositionedAxes,\n  valueRepresentation?: ValueRepresentation,\n): YAxisProps => {\n  const position =\n    valueRepresentation === 'relative' || index % 2 === 0 ? 'left' : 'right';\n  const axisConfig = axesConfig[position];\n  return {\n    ...axisConfig,\n    type: axisConfig?.type ?? 'numerical',\n    position,\n    id: defineAxisId(unit),\n    unit,\n    valueRepresentation,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAKtB,MAAM,kBAAkB,CAC7B,OACA,MACA,YACA,wBACe;AACf,QAAM,WACJ,wBAAwB,cAAc,QAAQ,MAAM,IAAI,SAAS;AACnE,QAAM,aAAa,WAAW,QAAQ;AACtC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,YAAY,QAAQ;AAAA,IAC1B;AAAA,IACA,IAAI,aAAa,IAAI;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/utils/build-histogram-imperative-handle.js

@@ -0,0 +1,18 @@
+import { serializeHistogramConfig } from "./serialize-histogram-config.js";
+const buildHistogramImperativeHandle = (xyRef, config) => ({
+  get element() {
+    return xyRef.current?.element ?? null;
+  },
+  getConfig: () => serializeHistogramConfig(config),
+  downloadData: () => xyRef.current?.downloadData(),
+  exploreMode: () => xyRef.current?.exploreMode(),
+  zoomMode: () => xyRef.current?.zoomMode(),
+  panMode: () => xyRef.current?.panMode(),
+  zoomIn: () => xyRef.current?.zoomIn(),
+  zoomOut: () => xyRef.current?.zoomOut(),
+  reset: () => xyRef.current?.reset()
+});
+export {
+  buildHistogramImperativeHandle
+};
+//# sourceMappingURL=build-histogram-imperative-handle.js.map

package/esm/charts/xy-chart-adoption/histogram/utils/build-histogram-imperative-handle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/histogram/utils/build-histogram-imperative-handle.ts"],
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport { serializeHistogramConfig } from './serialize-histogram-config.js';\nimport type { HistogramChartConfiguration } from '../../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../../histogram/types/histogram-ref.js';\nimport type { XYChartRef } from '../../../xy-chart/types/xy-chart.js';\n\n/**\n * Builds the Histogram-shaped imperative handle for `HistogramToXY`.\n *\n * - All programmatic interaction methods are delegated to the inner\n *   `XYChart` ref.\n * - `getConfig()` returns a Histogram-shaped serialized payload built from\n *   the resolved `HistogramChartConfiguration` (see\n *   `serializeHistogramConfig`).\n */\nexport const buildHistogramImperativeHandle = (\n  xyRef: RefObject<XYChartRef | null>,\n  config: HistogramChartConfiguration,\n): HistogramChartRef => ({\n  get element() {\n    return xyRef.current?.element ?? null;\n  },\n  getConfig: () => serializeHistogramConfig(config),\n  downloadData: () => xyRef.current?.downloadData(),\n  exploreMode: () => xyRef.current?.exploreMode(),\n  zoomMode: () => xyRef.current?.zoomMode(),\n  panMode: () => xyRef.current?.panMode(),\n  zoomIn: () => xyRef.current?.zoomIn(),\n  zoomOut: () => xyRef.current?.zoomOut(),\n  reset: () => xyRef.current?.reset(),\n});\n"],
+  "mappings": "AAEA,SAAS,gCAAgC;AAclC,MAAM,iCAAiC,CAC5C,OACA,YACuB;AAAA,EACvB,IAAI,UAAU;AACZ,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC;AAAA,EACA,WAAW,MAAM,yBAAyB,MAAM;AAAA,EAChD,cAAc,MAAM,MAAM,SAAS,aAAa;AAAA,EAChD,aAAa,MAAM,MAAM,SAAS,YAAY;AAAA,EAC9C,UAAU,MAAM,MAAM,SAAS,SAAS;AAAA,EACxC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,QAAQ,MAAM,MAAM,SAAS,OAAO;AAAA,EACpC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,OAAO,MAAM,MAAM,SAAS,MAAM;AACpC;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/histogram/utils/build-y-axes-config.js

@@ -0,0 +1,28 @@
+const mapYAxisToInternal = (yAxis, position) => {
+  if (!yAxis) {
+    return void 0;
+  }
+  const { position: _position, scale, ...rest } = yAxis;
+  return {
+    ...rest,
+    type: scale === "log" ? "log" : "numerical",
+    position
+  };
+};
+const buildYAxesConfigFromConfig = (config) => {
+  const left = mapYAxisToInternal(config.yAxis.left, "left");
+  const right = mapYAxisToInternal(config.yAxis.right, "right");
+  const result = {};
+  if (left) {
+    result.left = left;
+  }
+  if (right) {
+    result.right = right;
+  }
+  return result;
+};
+export {
+  buildYAxesConfigFromConfig,
+  mapYAxisToInternal
+};
+//# sourceMappingURL=build-y-axes-config.js.map

package/esm/charts/xy-chart-adoption/histogram/utils/build-y-axes-config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/histogram/utils/build-y-axes-config.ts"],
+  "sourcesContent": ["import type {\n  HistogramChartConfiguration,\n  HistogramChartYAxisProps,\n} from '../../../histogram/types/histogram-props.js';\nimport type { MappedPositionedAxes, YAxisProps } from '../types/slots.js';\n\n/**\n * Maps a Histogram y-axis (left or right) into the partial XYChart-compatible\n * y-axis representation used by `buildYAxisProps`.\n */\nexport const mapYAxisToInternal = (\n  yAxis: HistogramChartYAxisProps | undefined,\n  position: 'left' | 'right',\n): Omit<YAxisProps, 'id'> | undefined => {\n  if (!yAxis) {\n    return undefined;\n  }\n  // Strip the histogram-specific `scale` key; convert `scale` \u2192 XYChart axis\n  // `type`. The `position` is supplied explicitly by the caller.\n  const { position: _position, scale, ...rest } = yAxis;\n  return {\n    ...rest,\n    type: scale === 'log' ? 'log' : 'numerical',\n    position,\n  };\n};\n\n/**\n * Builds the `MappedPositionedAxes` shape expected by `buildYAxisProps`\n * from a fully resolved `HistogramChartConfiguration`.\n */\nexport const buildYAxesConfigFromConfig = (\n  config: HistogramChartConfiguration,\n): MappedPositionedAxes => {\n  const left = mapYAxisToInternal(config.yAxis.left, 'left');\n  const right = mapYAxisToInternal(config.yAxis.right, 'right');\n  const result: MappedPositionedAxes = {};\n  if (left) {\n    result.left = left;\n  }\n  if (right) {\n    result.right = right;\n  }\n  return result;\n};\n"],
+  "mappings": "AAUO,MAAM,qBAAqB,CAChC,OACA,aACuC;AACvC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAGA,QAAM,EAAE,UAAU,WAAW,OAAO,GAAG,KAAK,IAAI;AAChD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,UAAU,QAAQ,QAAQ;AAAA,IAChC;AAAA,EACF;AACF;AAMO,MAAM,6BAA6B,CACxC,WACyB;AACzB,QAAM,OAAO,mBAAmB,OAAO,MAAM,MAAM,MAAM;AACzD,QAAM,QAAQ,mBAAmB,OAAO,MAAM,OAAO,OAAO;AAC5D,QAAM,SAA+B,CAAC;AACtC,MAAI,MAAM;AACR,WAAO,OAAO;AAAA,EAChB;AACA,MAAI,OAAO;AACT,WAAO,QAAQ;AAAA,EACjB;AACA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/histogram/utils/derive-xychart-props-from-config.js

@@ -0,0 +1,15 @@
+const pickOnZoomChange = (config, rootOnZoomChange) => rootOnZoomChange ?? config.interactions?.onZoomChange;
+const deriveXYChartPropsFromConfig = (config, rootOnZoomChange) => ({
+  xAxisConfig: config.xAxis,
+  disableZoom: config.interactions?.zoom?.enabled === false,
+  disablePan: config.interactions?.pan?.enabled === false,
+  toolbarEnabled: config.toolbar?.enabled !== false,
+  toolbarPlacement: config.toolbar?.placement,
+  toolbarIntents: config.toolbar?.intents,
+  onZoomChange: pickOnZoomChange(config, rootOnZoomChange)
+});
+export {
+  deriveXYChartPropsFromConfig,
+  pickOnZoomChange
+};
+//# sourceMappingURL=derive-xychart-props-from-config.js.map

package/esm/charts/xy-chart-adoption/histogram/utils/derive-xychart-props-from-config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/histogram/utils/derive-xychart-props-from-config.ts"],
+  "sourcesContent": ["import type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport type {\n  HistogramChartConfiguration,\n  HistogramChartXAxisConfig,\n} from '../../../histogram/types/histogram-props.js';\n\nexport type DerivedXYChartProps = {\n  /** Resolved x-axis config (defaults applied). */\n  xAxisConfig: HistogramChartXAxisConfig;\n  /** Whether the XYChart x-axis should disable zoom. */\n  disableZoom: boolean;\n  /** Whether the XYChart x-axis should disable pan. */\n  disablePan: boolean;\n  /** Whether the XYChart toolbar should be visible. */\n  toolbarEnabled: boolean;\n  /** Toolbar placement (or undefined if defaults should apply). */\n  toolbarPlacement: ToolbarPlacement | undefined;\n  /** Resolved toolbar intents. */\n  toolbarIntents: IntentProps[] | undefined;\n  /**\n   * Effective onZoomChange handler. Histogram exposes it both at root-prop\n   * level and (after merging) inside `interactions`. Root prop wins.\n   */\n  onZoomChange: ZoomChangeHandler | undefined;\n};\n\n/**\n * Picks the `onZoomChange` handler from a resolved Histogram configuration.\n * `createHistogramConfiguration` stores it under `interactions.onZoomChange`\n * when it originates from props; root-prop values still win when provided\n * directly.\n */\nexport const pickOnZoomChange = (\n  config: HistogramChartConfiguration,\n  rootOnZoomChange: ZoomChangeHandler | undefined,\n): ZoomChangeHandler | undefined =>\n  rootOnZoomChange ??\n  (config.interactions as { onZoomChange?: ZoomChangeHandler } | undefined)\n    ?.onZoomChange;\n\n/**\n * Derives the props the `HistogramToXY` adapter needs to forward to the\n * underlying `XYChart` (and its slots) from a resolved\n * `HistogramChartConfiguration`.\n */\nexport const deriveXYChartPropsFromConfig = (\n  config: HistogramChartConfiguration,\n  rootOnZoomChange: ZoomChangeHandler | undefined,\n): DerivedXYChartProps => ({\n  xAxisConfig: config.xAxis,\n  disableZoom: config.interactions?.zoom?.enabled === false,\n  disablePan: config.interactions?.pan?.enabled === false,\n  toolbarEnabled: config.toolbar?.enabled !== false,\n  toolbarPlacement: config.toolbar?.placement,\n  toolbarIntents: config.toolbar?.intents,\n  onZoomChange: pickOnZoomChange(config, rootOnZoomChange),\n});\n"],
+  "mappings": "AAkCO,MAAM,mBAAmB,CAC9B,QACA,qBAEA,oBACC,OAAO,cACJ;AAOC,MAAM,+BAA+B,CAC1C,QACA,sBACyB;AAAA,EACzB,aAAa,OAAO;AAAA,EACpB,aAAa,OAAO,cAAc,MAAM,YAAY;AAAA,EACpD,YAAY,OAAO,cAAc,KAAK,YAAY;AAAA,EAClD,gBAAgB,OAAO,SAAS,YAAY;AAAA,EAC5C,kBAAkB,OAAO,SAAS;AAAA,EAClC,gBAAgB,OAAO,SAAS;AAAA,EAChC,cAAc,iBAAiB,QAAQ,gBAAgB;AACzD;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/histogram/utils/serialize-histogram-config.js

@@ -0,0 +1,10 @@
+import { ChartType } from "../../../core/types/chart-types.js";
+import { normalizeConfig } from "../../../histogram/utils/histogram-configuration.js";
+const serializeHistogramConfig = (config) => JSON.stringify({
+  type: ChartType.Histogram,
+  ...normalizeConfig(config)
+});
+export {
+  serializeHistogramConfig
+};
+//# sourceMappingURL=serialize-histogram-config.js.map

package/esm/charts/xy-chart-adoption/histogram/utils/serialize-histogram-config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/histogram/utils/serialize-histogram-config.ts"],
+  "sourcesContent": ["import { ChartType } from '../../../core/types/chart-types.js';\nimport type { HistogramChartConfiguration } from '../../../histogram/types/histogram-props.js';\nimport { normalizeConfig } from '../../../histogram/utils/histogram-configuration.js';\n\n/**\n * Produces the same Histogram-shaped serialized config payload as the\n * legacy `HistogramChartImperativeHandler.getConfig()`.\n *\n * This is the single source of truth for the export shape consumed by the\n * `HistogramChartConfig` import API and `HistogramChartRef.getConfig()`.\n */\nexport const serializeHistogramConfig = (\n  config: HistogramChartConfiguration,\n): string =>\n  JSON.stringify({\n    type: ChartType.Histogram,\n    ...normalizeConfig(config),\n  });\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AASzB,MAAM,2BAA2B,CACtC,WAEA,KAAK,UAAU;AAAA,EACb,MAAM,UAAU;AAAA,EAChB,GAAG,gBAAgB,MAAM;AAC3B,CAAC;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.js

@@ -0,0 +1,26 @@
+import { singleLineName } from "../../core/utils/single-line-name.js";
+function transformTimeseriesDataToXYChart(data) {
+  const units = /* @__PURE__ */ new Set();
+  const seriesProps = [];
+  data.forEach((series, index) => {
+    const { datapoints, name, unit, ...extraSeriesProps } = series;
+    const seriesName = singleLineName(name);
+    const seriesId = index.toString();
+    const xyData = datapoints.map((datapoint) => ({
+      ...extraSeriesProps,
+      start: datapoint.start,
+      end: datapoint.end,
+      center: datapoint.center,
+      value: datapoint.value,
+      seriesName,
+      seriesId
+    }));
+    seriesProps.push({ data: xyData, unit });
+    units.add(unit);
+  });
+  return { seriesProps, units };
+}
+export {
+  transformTimeseriesDataToXYChart
+};
+//# sourceMappingURL=transformer-data-to-xy.js.map

package/esm/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.ts"],
+  "sourcesContent": ["import type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { Timeseries } from '../../core/types/timeseries.js';\nimport { singleLineName } from '../../core/utils/single-line-name.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\ninterface TransformTimeseriesDataResult {\n  seriesProps: SeriesProps[];\n  units: Set<ChartUnit>;\n}\n\ntype SeriesProps = {\n  data: XYChartData[];\n  unit: ChartUnit;\n};\n\nexport function transformTimeseriesDataToXYChart(\n  data: Timeseries[],\n): TransformTimeseriesDataResult {\n  const units: Set<ChartUnit> = new Set();\n  const seriesProps: SeriesProps[] = [];\n\n  data.forEach((series, index) => {\n    const { datapoints, name, unit, ...extraSeriesProps } = series;\n\n    const seriesName = singleLineName(name);\n    const seriesId = index.toString();\n\n    const xyData: XYChartData[] = datapoints.map((datapoint) => ({\n      ...extraSeriesProps,\n      start: datapoint.start,\n      end: datapoint.end,\n      center: datapoint.center,\n      value: datapoint.value,\n      seriesName,\n      seriesId,\n    }));\n\n    seriesProps.push({ data: xyData, unit });\n    units.add(unit);\n  });\n\n  return { seriesProps, units };\n}\n"],
+  "mappings": "AAEA,SAAS,sBAAsB;AAaxB,SAAS,iCACd,MAC+B;AAC/B,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,cAA6B,CAAC;AAEpC,OAAK,QAAQ,CAAC,QAAQ,UAAU;AAC9B,UAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI;AAExD,UAAM,aAAa,eAAe,IAAI;AACtC,UAAM,WAAW,MAAM,SAAS;AAEhC,UAAM,SAAwB,WAAW,IAAI,CAAC,eAAe;AAAA,MAC3D,GAAG;AAAA,MACH,OAAO,UAAU;AAAA,MACjB,KAAK,UAAU;AAAA,MACf,QAAQ,UAAU;AAAA,MAClB,OAAO,UAAU;AAAA,MACjB;AAAA,MACA;AAAA,IACF,EAAE;AAEF,gBAAY,KAAK,EAAE,MAAM,QAAQ,KAAK,CAAC;AACvC,UAAM,IAAI,IAAI;AAAA,EAChB,CAAC;AAED,SAAO,EAAE,aAAa,MAAM;AAC9B;",
+  "names": []
+}

package/esm/content/accordion/Accordion.css

@@ -1,45 +1,45 @@
-._12zc70k0-3-4-1 {
+._12zc70k0-3-5-2 {
   width: 100%;
-  color: var(--_bx32h0-3-4-1);
+  color: var(--_bx32h0-3-5-2);
 }
-._12zc70k1-3-4-1 {
+._12zc70k1-3-5-2 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-4-1 {
+._12zc70k2-3-5-2 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-4-1 {
+._12zc70k3-3-5-2 {
   transition-duration: var(--dt-animations-expand-collapse-duration-fast, 250ms);
   transition-timing-function: var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-property: transform;
 }
-._12zc70k4-3-4-1 {
+._12zc70k4-3-5-2 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-4-1 {
+._12zc70k5-3-5-2 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-4-1 {
+._12zc70k6-3-5-2 {
   transform: rotate(0);
 }
-._12zc70k7-3-4-1 {
+._12zc70k7-3-5-2 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-4-1 {
+._12zc70k8-3-5-2 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-4-1);
+  color: var(--_bx32h0-3-5-2);
 }
-._12zc70k9-3-4-1 {
+._12zc70k9-3-5-2 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-4-1 {
+._12zc70ka-3-5-2 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-4-1 {
+  ._12zc70k3-3-5-2 {
     transition-duration: 0s;
   }
 }

package/esm/content/accordion/Accordion.sty.js

@@ -2,14 +2,14 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./Accordion.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-4-1", variantClassNames: { size: { "default": "_12zc70k9-3-4-1", condensed: "_12zc70ka-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
-var accordionContentWrapperCSS = "_12zc70k7-3-4-1";
-var accordionDividerMarginCSS = { "default": "_12zc70k1-3-4-1", condensed: "_12zc70k2-3-4-1" };
-var accordionLabelCSS = "_12zc70k0-3-4-1";
-var accordionTriggerIconCSS = "_12zc70k3-3-4-1";
-var accordionTriggerIconEndCSS = "_12zc70k5-3-4-1";
-var accordionTriggerIconExpandedCSS = "_12zc70k6-3-4-1";
-var accordionTriggerIconStartCSS = "_12zc70k4-3-4-1";
+var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-5-2", variantClassNames: { size: { "default": "_12zc70k9-3-5-2", condensed: "_12zc70ka-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var accordionContentWrapperCSS = "_12zc70k7-3-5-2";
+var accordionDividerMarginCSS = { "default": "_12zc70k1-3-5-2", condensed: "_12zc70k2-3-5-2" };
+var accordionLabelCSS = "_12zc70k0-3-5-2";
+var accordionTriggerIconCSS = "_12zc70k3-3-5-2";
+var accordionTriggerIconEndCSS = "_12zc70k5-3-5-2";
+var accordionTriggerIconExpandedCSS = "_12zc70k6-3-5-2";
+var accordionTriggerIconStartCSS = "_12zc70k4-3-5-2";
 export {
   accordionContentCSS,
   accordionContentWrapperCSS,

package/esm/content/accordion/Accordion.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/Accordion.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-4-1',variantClassNames:{size:{'default':'_12zc70k9-3-4-1',condensed:'_12zc70ka-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-4-1';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-4-1',condensed:'_12zc70k2-3-4-1'};\nexport var accordionLabelCSS = '_12zc70k0-3-4-1';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-4-1';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-4-1';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-4-1';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-4-1';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-5-2',variantClassNames:{size:{'default':'_12zc70k9-3-5-2',condensed:'_12zc70ka-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-5-2';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-5-2',condensed:'_12zc70k2-3-5-2'};\nexport var accordionLabelCSS = '_12zc70k0-3-5-2';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-5-2';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-5-2';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-5-2';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,6BAA6B;AACjC,IAAI,4BAA4B,EAAC,WAAU,mBAAkB,WAAU,kBAAiB;AACxF,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,6BAA6B;AACjC,IAAI,kCAAkC;AACtC,IAAI,+BAA+B;",
   "names": []
 }

package/esm/content/ai-loading-indicator/AiLoadingIndicator.css

@@ -1,4 +1,4 @@
-@keyframes _1te6oqj4-3-4-1 {
+@keyframes _1te6oqj4-3-5-2 {
   0% {
     background-position: 20% 0%;
   }
@@ -6,27 +6,27 @@
     background-position: -120% 100%;
   }
 }
-._1te6oqj5-3-4-1 {
-  --_1te6oqj0-3-4-1: #CB53F6;
-  --_1te6oqj1-3-4-1: #7FF8F9;
-  --_1te6oqj2-3-4-1: 15%;
-  --_1te6oqj3-3-4-1: 5%;
+._1te6oqj5-3-5-2 {
+  --_1te6oqj0-3-5-2: #CB53F6;
+  --_1te6oqj1-3-5-2: #7FF8F9;
+  --_1te6oqj2-3-5-2: 15%;
+  --_1te6oqj3-3-5-2: 5%;
   position: relative;
-  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-4-1) 0%, var(--_1te6oqj1-3-4-1) 100%);
+  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-5-2) 0%, var(--_1te6oqj1-3-5-2) 100%);
   background-size: 200% 600%;
   background-position: 0% 0%;
   background-clip: text;
   color: transparent;
-  animation-name: _1te6oqj4-3-4-1;
+  animation-name: _1te6oqj4-3-5-2;
   animation-duration: var(--dt-timings-slowest-gentle, 1500ms);
   animation-iteration-count: infinite;
   animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1te6oqj6-3-4-1 {
+._1te6oqj6-3-5-2 {
   padding-top: calc(var(--dt-spacings-size-20, 20px) / 2 - 0.5lh);
   min-width: 0;
 }
-._1te6oqj7-3-4-1 {
+._1te6oqj7-3-5-2 {
   width: var(--dt-spacings-size-20, 20px);
   min-height: 1lh;
   display: flex;
@@ -34,12 +34,12 @@
   align-items: center;
   flex-shrink: 0;
 }
-._1te6oqj7-3-4-1 svg {
+._1te6oqj7-3-5-2 svg {
   display: block;
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
 }
-._1te6oqj8-3-4-1 {
+._1te6oqj8-3-5-2 {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;

package/esm/content/ai-loading-indicator/AiLoadingIndicator.sty.js

@@ -1,8 +1,8 @@
 import "./AiLoadingIndicator.css";
-var container = "_1te6oqj8-3-4-1";
-var iconWrapper = "_1te6oqj7-3-4-1";
-var label = "_1te6oqj6-3-4-1";
-var labelAnimation = "_1te6oqj5-3-4-1";
+var container = "_1te6oqj8-3-5-2";
+var iconWrapper = "_1te6oqj7-3-5-2";
+var label = "_1te6oqj6-3-5-2";
+var labelAnimation = "_1te6oqj5-3-5-2";
 export {
   container,
   iconWrapper,

package/esm/content/ai-loading-indicator/AiLoadingIndicator.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/ai-loading-indicator/AiLoadingIndicator.css.ts"],
-  "sourcesContent": ["import './AiLoadingIndicator.css';\nexport var container = '_1te6oqj8-3-4-1';\nexport var iconWrapper = '_1te6oqj7-3-4-1';\nexport var label = '_1te6oqj6-3-4-1';\nexport var labelAnimation = '_1te6oqj5-3-4-1';"],
+  "sourcesContent": ["import './AiLoadingIndicator.css';\nexport var container = '_1te6oqj8-3-5-2';\nexport var iconWrapper = '_1te6oqj7-3-5-2';\nexport var label = '_1te6oqj6-3-5-2';\nexport var labelAnimation = '_1te6oqj5-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,QAAQ;AACZ,IAAI,iBAAiB;",
   "names": []
 }

package/esm/content/ai-response/AiResponse.css

@@ -6,20 +6,20 @@
     opacity: 1;
   }
 }
-._jdyvf80-3-4-1 {
+._jdyvf80-3-5-2 {
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._jdyvf80-3-4-1 [data-sd-animate]:not(table [data-sd-animate]) {
+._jdyvf80-3-5-2 [data-sd-animate]:not(table [data-sd-animate]) {
   animation: var(--sd-animation, sd-aiResponseAnimation) var(--sd-duration, 200ms) var(--sd-easing, ease) both;
 }
-._jdyvf80-3-4-1 ._17pa72a0-3-4-1 {
+._jdyvf80-3-5-2 ._17pa72a0-3-5-2 {
   margin-bottom: calc(var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-2, 2px));
   margin-top: calc(var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-2, 2px));
 }
-._jdyvf81-3-4-1 > :first-child {
+._jdyvf81-3-5-2 > :first-child {
   margin-top: 0;
 }
-._jdyvf81-3-4-1 > :last-child {
+._jdyvf81-3-5-2 > :last-child {
   margin-bottom: 0;
 }

package/esm/content/ai-response/AiResponse.sty.js

@@ -1,7 +1,8 @@
+import "../../core/components/app-root/AppRoot.css";
 import "../code-snippet/CodeSnippet.css";
 import "./AiResponse.css";
-var streamdown = "_jdyvf81-3-4-1";
-var wrapper = "_jdyvf80-3-4-1";
+var streamdown = "_jdyvf81-3-5-2";
+var wrapper = "_jdyvf80-3-5-2";
 export {
   streamdown,
   wrapper

package/esm/content/ai-response/AiResponse.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/ai-response/AiResponse.css.ts"],
-  "sourcesContent": ["import '../code-snippet/CodeSnippet.css';\nimport './AiResponse.css';\nexport var streamdown = '_jdyvf81-3-4-1';\nexport var wrapper = '_jdyvf80-3-4-1';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,UAAU;",
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../code-snippet/CodeSnippet.css';\nimport './AiResponse.css';\nexport var streamdown = '_jdyvf81-3-5-2';\nexport var wrapper = '_jdyvf80-3-5-2';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,UAAU;",
   "names": []
 }

package/esm/content/avatar/Avatar.css

@@ -1,4 +1,4 @@
-._7llfy90-3-4-1 {
+._7llfy90-3-5-2 {
   cursor: default;
   box-sizing: border-box;
   border: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
@@ -11,19 +11,19 @@
   align-items: center;
   align-self: start;
 }
-._7llfy91-3-4-1 {
+._7llfy91-3-5-2 {
   min-width: var(--dt-spacings-size-20, 20px);
 }
-._7llfy92-3-4-1 {
+._7llfy92-3-5-2 {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy93-3-4-1 {
+._7llfy93-3-5-2 {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
   background-color: var(--dt-colors-background-surface-default, #fff);
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   z-index: 0;
 }
-._7llfy93-3-4-1:before {
+._7llfy93-3-5-2:before {
   content: "";
   aspect-ratio: 1/1;
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
@@ -32,36 +32,36 @@
   position: absolute;
   z-index: -1;
 }
-._7llfy94-3-4-1[tabindex]:hover, button._7llfy94-3-4-1:hover, a._7llfy94-3-4-1:hover, ._7llfy94-3-4-1:focus {
+._7llfy94-3-5-2[tabindex]:hover, button._7llfy94-3-5-2:hover, a._7llfy94-3-5-2:hover, ._7llfy94-3-5-2:focus {
   background-color: var(--dt-colors-background-field-neutral-accent-hover, #4d4e72);
   border-color: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
   z-index: 1;
 }
-button._7llfy94-3-4-1:hover, a._7llfy94-3-4-1:hover, button._7llfy94-3-4-1:active, a._7llfy94-3-4-1:active {
+button._7llfy94-3-5-2:hover, a._7llfy94-3-5-2:hover, button._7llfy94-3-5-2:active, a._7llfy94-3-5-2:active {
   cursor: pointer;
   z-index: 1;
 }
-._7llfy94-3-4-1[tabindex]:active, button._7llfy94-3-4-1:active, a._7llfy94-3-4-1:active {
+._7llfy94-3-5-2[tabindex]:active, button._7llfy94-3-5-2:active, a._7llfy94-3-5-2:active {
   background-color: var(--dt-colors-background-field-neutral-accent-active, #404164);
   border-color: var(--dt-colors-border-neutral-default-active, #c6c7d5);
   z-index: 1;
 }
-._7llfy95-3-4-1:before {
+._7llfy95-3-5-2:before {
   min-width: var(--dt-spacings-size-20, 20px);
 }
-._7llfy96-3-4-1:before {
+._7llfy96-3-5-2:before {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy97-3-4-1 {
+._7llfy97-3-5-2 {
   padding: 0;
   margin: 0;
   border: none;
   background-color: transparent;
 }
-._7llfy98-3-4-1 {
+._7llfy98-3-5-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   overflow-wrap: break-word;
 }
-._7llfy99-3-4-1 ~ div > div {
+._7llfy99-3-5-2 ~ div > div {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }

package/esm/content/avatar/Avatar.sty.js

@@ -1,9 +1,9 @@
 import "./Avatar.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var avatarAbbreviationCSS = _7a468({ defaultClassName: "_7llfy90-3-4-1", variantClassNames: { size: { small: "_7llfy91-3-4-1", "default": "_7llfy92-3-4-1" }, disabled: { true: "_7llfy93-3-4-1", false: "_7llfy94-3-4-1" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-4-1"], [{ disabled: true, size: "default" }, "_7llfy96-3-4-1"]] });
-var avatarDisabledCSS = "_7llfy99-3-4-1";
-var avatarSubtitleCSS = "_7llfy98-3-4-1";
-var avatarWrapperCSS = "_7llfy97-3-4-1";
+var avatarAbbreviationCSS = _7a468({ defaultClassName: "_7llfy90-3-5-2", variantClassNames: { size: { small: "_7llfy91-3-5-2", "default": "_7llfy92-3-5-2" }, disabled: { true: "_7llfy93-3-5-2", false: "_7llfy94-3-5-2" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-5-2"], [{ disabled: true, size: "default" }, "_7llfy96-3-5-2"]] });
+var avatarDisabledCSS = "_7llfy99-3-5-2";
+var avatarSubtitleCSS = "_7llfy98-3-5-2";
+var avatarWrapperCSS = "_7llfy97-3-5-2";
 export {
   avatarAbbreviationCSS,
   avatarDisabledCSS,