@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/charts/categorical-bar/types/categorical-bar-chart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/categorical-bar/types/categorical-bar-chart.ts"],
-  "sourcesContent": ["import type { ScaleLinear, ScaleSymLog } from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport { MaskingProps } from '../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type {\n  ColorPalette,\n  ColorPaletteMode,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { LegendPosition, LegendProps } from '../../core/types/legend.js';\nimport type {\n  AxisScaleType,\n  ValueRepresentation,\n} from '../../core/types/scales.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport {\n  ChartToolbarConfig,\n  InternalChartToolbarConfigured,\n} from '../../core/types/toolbar.js';\nimport type { WithId } from '../../core/types/with-id.js';\nimport type { CategoricalBarChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\n\n//region Common\n/**\n * Defines whether the item is displayed horizontally or vertically.\n * @public\n */\nexport const layoutOptions = ['horizontal', 'vertical'] as const;\n/**\n * @public\n */\nexport type Layout = (typeof layoutOptions)[number];\n\n/**\n * Strategy used for grouping the bars in a bar chart.\n * @public\n */\nexport const groupModeOptions = ['grouped', 'stacked'] as const;\n/**\n * @public\n */\nexport type GroupMode = (typeof groupModeOptions)[number];\n\n/**\n * Tooltip variant. 'single' displays only the closest category, and 'grouped' all the categories within a category.\n * @public\n */\nexport const categoricalChartTooltipVariantOptions = [\n  'single',\n  'grouped',\n] as const;\n/**\n * @public\n */\nexport type CategoricalChartTooltipVariant =\n  (typeof categoricalChartTooltipVariantOptions)[number];\n\n//endregion\n\n//region Slots\n/**\n * @internal\n */\nexport interface CategoricalBarChartSlots {\n  legend: {\n    position?: LegendPosition;\n    hidden?: boolean;\n  };\n  tooltip: {\n    variant?: CategoricalChartTooltipVariant;\n  };\n  valueAxis: {\n    label?: string;\n    min?: number;\n    max?: number;\n    /**\n     * Handler that is called for every tick value to be formatted.\n     */\n    formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n    /** The scale of the value axis. */\n    scale?: AxisScaleType;\n  };\n  categoryAxis: {\n    tickLabelLayout?: Layout;\n    label?: string;\n  };\n  thresholds: CategoricalBarChartThresholdIndicatorProps[];\n  toolbar: Partial<CategoricalBarChartToolbarInternalConfigured>;\n  colorRules: ColorRuleProps[];\n  intents: InternalCategoricalBarChartConfig['intents'];\n}\n\n//endregion\n\n//region Configuration\n/**\n * @public\n */\nexport interface CategoricalBarChartConfiguration {\n  /**\n   * Whether the bars are displayed in a 'vertical' or 'horizontal' layout.\n   * @defaultValue 'vertical'\n   */\n  layout?: Layout;\n  /**\n   * Strategy used for grouping the bars within a category. \"stacked\" will mount one on top of each other, and \"grouped\" will place one next to the other\n   * @defaultValue 'stacked'\n   */\n  groupMode?: GroupMode;\n  /**\n   * Color palette to be used for the bar category.\n   * @defaultValue \"categorical\"\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * The way values are represented. \"absolute\" will display the value as it is, and \"relative\" displays a percentage value considering the other dimensions values within a categories.\n   * @defaultValue \"absolute\"\n   */\n  valueRepresentation?: ValueRepresentation;\n  /**\n   * Tooltip config for the chart\n   */\n  tooltip?: {\n    /**\n     * Tooltip variant. 'single' displays only the closest category, and 'grouped' all the categories within a category.\n     */\n    variant?: CategoricalChartTooltipVariant;\n  };\n  /**\n   * Config for the axis holding the category\n   */\n  categoryAxis?: {\n    /**\n     * Whether the tick labels are displayed in a 'vertical' or 'horizontal' layout.\n     * @defaultValue 'horizontal'\n     */\n    tickLabelLayout?: Layout;\n    // Optional axis label\n    label?: string;\n  };\n  /**\n   * Config for the axis holding the category values\n   */\n  valueAxis?: {\n    // Optional axis label\n    label?: string;\n    // Min value to be represented on a value axis\n    min?: number;\n    // Max value to be represented on a value axis\n    max?: number;\n    /**\n     * Handler that is called for every tick value to be formatted.\n     */\n    formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n    /** The scale of the value axis. */\n    scale?: AxisScaleType;\n  };\n  // Config for the chart legend config.\n  legend?: {\n    /**\n     * Defines the position where to show the chart legend.\n     * @defaultValue \"auto\"\n     */\n    position?: LegendPosition;\n    /**\n     * Whether the legend is hidden or shown\n     * @defaultValue \"false\" - the legend is shown\n     */\n    hidden?: boolean;\n  };\n  /**\n   * Truncation mode to use (start, middle, end)\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Mode in which bars are colored when single dimension data is shown\n   * @defaultValue \"multi-colored\" - each bar gets a color in the palette sequentially\n   */\n  colorPaletteMode?: ColorPaletteMode;\n  /**\n   * ThresholdIndicator configuration for the categorical bar chart value axis.\n   */\n  thresholdIndicators?: CategoricalBarChartThresholdConfiguration[];\n  /**\n   * Config for the chart toolbar\n   */\n  toolbar?: CategoricalBarChartToolbarConfiguration;\n  /**\n   * Color rules to apply to the bars\n   */\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * Config type holding all the required config used in the categorical bar chart. Considers that the defaults have already been applied.\n * @public\n */\nexport type RequiredCategoricalBarChartConfiguration =\n  Required<CategoricalBarChartConfiguration> & {\n    tooltip: CategoricalBarChartTooltipConfiguration;\n    legend: CategoricalBarChartLegendConfiguration;\n    categoryAxis: CategoricalBarChartCategoryAxisConfiguration;\n    thresholdIndicators: InternalCategoricalBarChartThresholdConfiguration[];\n    toolbar?: CategoricalBarChartToolbarConfiguration;\n  };\n\n/**\n * @internal\n */\nexport type InternalCategoricalBarChartConfig = Omit<\n  RequiredCategoricalBarChartConfiguration,\n  'toolbar'\n> & {\n  intents: IntentProps[];\n  toolbar: CategoricalBarChartToolbarInternalConfigured &\n    Required<\n      Pick<\n        CategoricalBarChartToolbarInternalConfigured,\n        'placement' | 'hidden' | 'downloadData'\n      >\n    >;\n};\n\n/**\n * @public\n */\nexport interface CategoricalBarChartTooltipConfiguration {\n  variant: CategoricalChartTooltipVariant;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartLegendConfiguration = LegendProps;\n\n/**\n * @public\n */\nexport interface CategoricalBarChartValueAxisConfiguration {\n  label?: string;\n  min?: number;\n  max?: number;\n  /**\n   * Handler that is called for every tick value to be formatted.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /** The scale of the value axis. */\n  scale?: AxisScaleType;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartToolbarConfiguration = ChartToolbarConfig & {\n  hidden?: boolean;\n};\n\n/**\n * @internal\n */\nexport interface CategoricalBarChartToolbarInternalConfigured\n  extends InternalChartToolbarConfigured {\n  hidden?: boolean;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartCategoryAxisConfiguration {\n  label?: string;\n  tickLabelLayout: Layout;\n  /** Max size in pixels for the category axis. Size depends on the position this axis is assigned to \u2013 left axis will use width, bottom axis will use height.\n   *  If there's no enough space for this maxSize, category axis will only take the available space for it.\n   */\n  maxSize?: number;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartThresholdConfiguration =\n  CategoricalBarChartThresholdIndicatorProps;\n\n/**\n * @public\n */\nexport type InternalCategoricalBarChartThresholdConfiguration =\n  WithId<CategoricalBarChartThresholdConfiguration>;\n//endregion\n\n//region Props\n// TODO: ADES-5109 we need to support Unit in the categoricalBarChart\n/**\n * @public\n * @deprecated CategoricalUnit is deprecated, use string | Unit instead.\n */\nexport type CategoricalUnit = string;\n\n/**\n * @public\n */\nexport interface CategoricalBarChartData extends Record<string, unknown> {\n  category: string;\n  value: number | Record<string, number>;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  unit?: CategoricalUnit | string | Unit;\n  /* @deprecated - use color rules instead. This key will be removed in a future release */\n  color?: string;\n}\n\n/**\n * Ref of the Categorical bar chart\n * @public\n */\nexport interface CategoricalBarChartRef {\n  /** Chart div element */\n  element: HTMLDivElement | null;\n  /** Returns the current serialized config of the categorical bar chart .*/\n  getConfig: () => string;\n  /** Downloads map raw data .*/\n  downloadData: () => void;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartProps\n  extends StylingProps,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * Data object for the categorical bar chart\n   */\n  data: CategoricalBarChartData[];\n  /**\n   * Chart height. When a number is specified, is considered as pixels, otherwise a valid height string is expected.\n   * @defaultValue 300px\n   */\n  height?: number | string;\n  /**\n   * Chart width. When a number is specified, it's treated as pixels,\n   * otherwise a valid width string is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /**\n   * Whether the bars are displayed in a 'vertical' or 'horizontal' layout.\n   * @defaultValue 'vertical'\n   */\n  layout?: Layout;\n  /**\n   * Strategy used for grouping the bars within a category. \"stacked\" will mount one on top of each other, and \"grouped\" will place one next to the other\n   *@defaultValue 'stacked'\n   */\n  groupMode?: GroupMode;\n  /**\n   * Color palette to be used for the bar category.\n   * @defaultValue \"categorical\"\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * The way values are represented. \"absolute\" will display the value as it is, and \"relative\" displays a percentage value considering the other dimensions values within a category.\n   * @defaultValue \"absolute\"\n   */\n  valueRepresentation?: ValueRepresentation;\n  /**\n   * Category actions to be shown in the legend and tooltip actions\n   */\n  seriesActions?: (series: Record<string, unknown>) => SeriesActionsTemplate;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Mode in which bars are colored when single dimension data is shown\n   * @defaultValue \"single-color\" - each bar gets the same color\n   */\n  colorPaletteMode?: ColorPaletteMode;\n  /** Show the loading indicator when truthy.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartTooltipProps {\n  /**\n   * Tooltip variant. 'single' displays only the closest category, and 'grouped' all the category within a category.\n   */\n  variant: CategoricalChartTooltipVariant;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartCategoryAxisProps {\n  /**\n   * Whether the tick labels are displayed in a 'vertical' or 'horizontal' layout.\n   * @defaultValue 'horizontal'\n   */\n  tickLabelLayout?: Layout;\n  // Optional axis label\n  label?: string;\n  /** Max size in pixels for the category axis. Size depends on the position this axis is assigned to \u2013 left axis will use width, bottom axis will use height.\n   *  If there's no enough space for this maxSize, category axis will only take the available space for it.\n   */\n  maxSize?: number;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartValueAxisProps {\n  // Optional axis label\n  label?: string;\n  // Min value to be represented on a value axis\n  min?: number;\n  // Max value to be represented on a value axis\n  max?: number;\n  /**\n   * Handler that is called for every tick value to be formatted.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /** The scale of the value axis. */\n  scale?: AxisScaleType;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartLegendProps = LegendProps;\n\n/**\n * @internal\n */\nexport type CategoricalValueScales =\n  | ScaleLinear<number, number>\n  | ScaleSymLog<number, number>;\n"],
+  "sourcesContent": ["import type { ScaleLinear, ScaleSymLog } from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport { MaskingProps } from '../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type {\n  ColorPalette,\n  ColorPaletteMode,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { LegendPosition, LegendProps } from '../../core/types/legend.js';\nimport type {\n  AxisScaleType,\n  ValueRepresentation,\n} from '../../core/types/scales.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport {\n  ChartToolbarConfig,\n  InternalChartToolbarConfigured,\n} from '../../core/types/toolbar.js';\nimport type { WithId } from '../../core/types/with-id.js';\nimport type { CategoricalBarChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\n\n//region Common\n/**\n * Defines whether the item is displayed horizontally or vertically.\n * @public\n */\nexport const layoutOptions = ['horizontal', 'vertical'] as const;\n/**\n * @public\n */\nexport type Layout = (typeof layoutOptions)[number];\n\n/**\n * Strategy used for grouping the bars in a bar chart.\n * @public\n */\nexport const groupModeOptions = ['grouped', 'stacked'] as const;\n/**\n * @public\n */\nexport type GroupMode = (typeof groupModeOptions)[number];\n\n/**\n * Tooltip variant. 'single' displays only the closest category, and 'grouped' all the categories within a category.\n * @public\n */\nexport const categoricalChartTooltipVariantOptions = [\n  'single',\n  'grouped',\n] as const;\n/**\n * @public\n */\nexport type CategoricalChartTooltipVariant =\n  (typeof categoricalChartTooltipVariantOptions)[number];\n\n//endregion\n\n//region Slots\n/**\n * @internal\n */\nexport interface CategoricalBarChartSlots {\n  legend: {\n    position?: LegendPosition;\n    hidden?: boolean;\n  };\n  tooltip: {\n    variant?: CategoricalChartTooltipVariant;\n  };\n  valueAxis: {\n    label?: string;\n    min?: number;\n    max?: number;\n    /**\n     * Handler that is called for every tick value to be formatted.\n     */\n    formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n    /** The scale of the value axis. */\n    scale?: AxisScaleType;\n  };\n  categoryAxis: {\n    tickLabelLayout?: Layout;\n    label?: string;\n  };\n  thresholds: CategoricalBarChartThresholdIndicatorProps[];\n  toolbar: Partial<CategoricalBarChartToolbarInternalConfigured>;\n  colorRules: ColorRuleProps[];\n  intents: InternalCategoricalBarChartConfig['intents'];\n}\n\n//endregion\n\n//region Configuration\n/**\n * @public\n */\nexport interface CategoricalBarChartConfiguration {\n  /**\n   * Whether the bars are displayed in a 'vertical' or 'horizontal' layout.\n   * @defaultValue 'vertical'\n   */\n  layout?: Layout;\n  /**\n   * Strategy used for grouping the bars within a category. \"stacked\" will mount one on top of each other, and \"grouped\" will place one next to the other\n   * @defaultValue 'stacked'\n   */\n  groupMode?: GroupMode;\n  /**\n   * Color palette to be used for the bar category.\n   * @defaultValue \"categorical\"\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * The way values are represented. \"absolute\" will display the value as it is, and \"relative\" displays a percentage value considering the other dimensions values within a categories.\n   * @defaultValue \"absolute\"\n   */\n  valueRepresentation?: ValueRepresentation;\n  /**\n   * Tooltip config for the chart\n   */\n  tooltip?: {\n    /**\n     * Tooltip variant. 'single' displays only the closest category, and 'grouped' all the categories within a category.\n     */\n    variant?: CategoricalChartTooltipVariant;\n  };\n  /**\n   * Config for the axis holding the category\n   */\n  categoryAxis?: {\n    /**\n     * Whether the tick labels are displayed in a 'vertical' or 'horizontal' layout.\n     * @defaultValue 'horizontal'\n     */\n    tickLabelLayout?: Layout;\n    // Optional axis label\n    label?: string;\n  };\n  /**\n   * Config for the axis holding the category values\n   */\n  valueAxis?: {\n    // Optional axis label\n    label?: string;\n    // Min value to be represented on a value axis\n    min?: number;\n    // Max value to be represented on a value axis\n    max?: number;\n    /**\n     * Handler that is called for every tick value to be formatted.\n     */\n    formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n    /** The scale of the value axis. */\n    scale?: AxisScaleType;\n  };\n  // Config for the chart legend config.\n  legend?: {\n    /**\n     * Defines the position where to show the chart legend.\n     * @defaultValue \"auto\"\n     */\n    position?: LegendPosition;\n    /**\n     * Whether the legend is hidden or shown\n     * @defaultValue \"false\" - the legend is shown\n     */\n    hidden?: boolean;\n  };\n  /**\n   * Truncation mode to use (start, middle, end)\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Mode in which bars are colored when single dimension data is shown\n   * @defaultValue \"multi-colored\" - each bar gets a color in the palette sequentially\n   */\n  colorPaletteMode?: ColorPaletteMode;\n  /**\n   * ThresholdIndicator configuration for the categorical bar chart value axis.\n   */\n  thresholdIndicators?: CategoricalBarChartThresholdConfiguration[];\n  /**\n   * Config for the chart toolbar\n   */\n  toolbar?: CategoricalBarChartToolbarConfiguration;\n  /**\n   * Color rules to apply to the bars\n   */\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * Config type holding all the required config used in the categorical bar chart. Considers that the defaults have already been applied.\n * @public\n */\nexport type RequiredCategoricalBarChartConfiguration =\n  Required<CategoricalBarChartConfiguration> & {\n    tooltip: CategoricalBarChartTooltipConfiguration;\n    legend: CategoricalBarChartLegendConfiguration;\n    categoryAxis: CategoricalBarChartCategoryAxisConfiguration;\n    thresholdIndicators: InternalCategoricalBarChartThresholdConfiguration[];\n    toolbar?: CategoricalBarChartToolbarConfiguration;\n  };\n\n/**\n * @internal\n */\nexport type InternalCategoricalBarChartConfig = Omit<\n  RequiredCategoricalBarChartConfiguration,\n  'toolbar'\n> & {\n  intents: IntentProps[];\n  toolbar: CategoricalBarChartToolbarInternalConfigured &\n    Required<\n      Pick<\n        CategoricalBarChartToolbarInternalConfigured,\n        'placement' | 'hidden' | 'downloadData'\n      >\n    >;\n};\n\n/**\n * @public\n */\nexport interface CategoricalBarChartTooltipConfiguration {\n  variant: CategoricalChartTooltipVariant;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartLegendConfiguration = LegendProps;\n\n/**\n * @public\n */\nexport interface CategoricalBarChartValueAxisConfiguration {\n  label?: string;\n  min?: number;\n  max?: number;\n  /**\n   * Handler that is called for every tick value to be formatted.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /** The scale of the value axis. */\n  scale?: AxisScaleType;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartToolbarConfiguration = ChartToolbarConfig & {\n  hidden?: boolean;\n};\n\n/**\n * @internal\n */\nexport interface CategoricalBarChartToolbarInternalConfigured extends InternalChartToolbarConfigured {\n  hidden?: boolean;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartCategoryAxisConfiguration {\n  label?: string;\n  tickLabelLayout: Layout;\n  /** Max size in pixels for the category axis. Size depends on the position this axis is assigned to \u2013 left axis will use width, bottom axis will use height.\n   *  If there's no enough space for this maxSize, category axis will only take the available space for it.\n   */\n  maxSize?: number;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartThresholdConfiguration =\n  CategoricalBarChartThresholdIndicatorProps;\n\n/**\n * @public\n */\nexport type InternalCategoricalBarChartThresholdConfiguration =\n  WithId<CategoricalBarChartThresholdConfiguration>;\n//endregion\n\n//region Props\n// TODO: ADES-5109 we need to support Unit in the categoricalBarChart\n/**\n * @public\n * @deprecated CategoricalUnit is deprecated, use string | Unit instead.\n */\nexport type CategoricalUnit = string;\n\n/**\n * @public\n */\nexport interface CategoricalBarChartData extends Record<string, unknown> {\n  category: string;\n  value: number | Record<string, number>;\n  // oxlint-disable-next-line typescript/no-deprecated\n  unit?: CategoricalUnit | string | Unit;\n  /* @deprecated - use color rules instead. This key will be removed in a future release */\n  color?: string;\n}\n\n/**\n * Ref of the Categorical bar chart\n * @public\n */\nexport interface CategoricalBarChartRef {\n  /** Chart div element */\n  element: HTMLDivElement | null;\n  /** Returns the current serialized config of the categorical bar chart .*/\n  getConfig: () => string;\n  /** Downloads map raw data .*/\n  downloadData: () => void;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartProps\n  extends StylingProps, MaskingProps, AriaLabelingProps, BehaviorTrackingProps {\n  /**\n   * Data object for the categorical bar chart\n   */\n  data: CategoricalBarChartData[];\n  /**\n   * Chart height. When a number is specified, is considered as pixels, otherwise a valid height string is expected.\n   * @defaultValue 300px\n   */\n  height?: number | string;\n  /**\n   * Chart width. When a number is specified, it's treated as pixels,\n   * otherwise a valid width string is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /**\n   * Whether the bars are displayed in a 'vertical' or 'horizontal' layout.\n   * @defaultValue 'vertical'\n   */\n  layout?: Layout;\n  /**\n   * Strategy used for grouping the bars within a category. \"stacked\" will mount one on top of each other, and \"grouped\" will place one next to the other\n   *@defaultValue 'stacked'\n   */\n  groupMode?: GroupMode;\n  /**\n   * Color palette to be used for the bar category.\n   * @defaultValue \"categorical\"\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * The way values are represented. \"absolute\" will display the value as it is, and \"relative\" displays a percentage value considering the other dimensions values within a category.\n   * @defaultValue \"absolute\"\n   */\n  valueRepresentation?: ValueRepresentation;\n  /**\n   * Category actions to be shown in the legend and tooltip actions\n   */\n  seriesActions?: (series: Record<string, unknown>) => SeriesActionsTemplate;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Mode in which bars are colored when single dimension data is shown\n   * @defaultValue \"single-color\" - each bar gets the same color\n   */\n  colorPaletteMode?: ColorPaletteMode;\n  /** Show the loading indicator when truthy.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartTooltipProps {\n  /**\n   * Tooltip variant. 'single' displays only the closest category, and 'grouped' all the category within a category.\n   */\n  variant: CategoricalChartTooltipVariant;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartCategoryAxisProps {\n  /**\n   * Whether the tick labels are displayed in a 'vertical' or 'horizontal' layout.\n   * @defaultValue 'horizontal'\n   */\n  tickLabelLayout?: Layout;\n  // Optional axis label\n  label?: string;\n  /** Max size in pixels for the category axis. Size depends on the position this axis is assigned to \u2013 left axis will use width, bottom axis will use height.\n   *  If there's no enough space for this maxSize, category axis will only take the available space for it.\n   */\n  maxSize?: number;\n}\n\n/**\n * @public\n */\nexport interface CategoricalBarChartValueAxisProps {\n  // Optional axis label\n  label?: string;\n  // Min value to be represented on a value axis\n  min?: number;\n  // Max value to be represented on a value axis\n  max?: number;\n  /**\n   * Handler that is called for every tick value to be formatted.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /** The scale of the value axis. */\n  scale?: AxisScaleType;\n}\n\n/**\n * @public\n */\nexport type CategoricalBarChartLegendProps = LegendProps;\n\n/**\n * @internal\n */\nexport type CategoricalValueScales =\n  | ScaleLinear<number, number>\n  | ScaleSymLog<number, number>;\n"],
   "mappings": "AAuCO,MAAM,gBAAgB,CAAC,cAAc,UAAU;AAU/C,MAAM,mBAAmB,CAAC,WAAW,SAAS;AAU9C,MAAM,wCAAwC;AAAA,EACnD;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/charts/categorical-bar/utils/iterate-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/categorical-bar/utils/iterate-slots.ts"],
-  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { CategoryAxis } from '../slots/CategoryAxis.js';\nimport { CategoricalBarChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Legend } from '../slots/Legend.js';\nimport {\n  CategoricalBarChartThresholdIndicatorProps,\n  ThresholdIndicator,\n} from '../slots/ThresholdIndicator.js';\nimport { CategoricalBarChartToolbarSlot } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { ValueAxis } from '../slots/ValueAxis.js';\nimport {\n  CategoricalBarChartSlots,\n  CategoricalBarChartToolbarConfiguration,\n} from '../types/categorical-bar-chart.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): CategoricalBarChartToolbarConfiguration => {\n  let slots = {};\n\n  Children.forEach(children, (childInteractions) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isSlot(childInteractions, DownloadData)) {\n      slots = { ...slots, downloadData: { enabled: true } };\n    }\n  });\n\n  return slots;\n};\n\nexport const iterateSlots = (children: ReactNode) => {\n  let slots: CategoricalBarChartSlots = {\n    legend: {},\n    tooltip: {},\n    valueAxis: {},\n    categoryAxis: {},\n    thresholds: [],\n    toolbar: {},\n    colorRules: [],\n    intents: [],\n  };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, CategoryAxis)) {\n      const categoryAxis = child.props;\n      slots = {\n        ...slots,\n        categoryAxis,\n      };\n    } else if (isSlot(child, ValueAxis)) {\n      const valueAxis = child.props;\n\n      slots = {\n        ...slots,\n        valueAxis,\n      };\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps =\n        child.props as CategoricalBarChartThresholdIndicatorProps;\n      slots.thresholds.push(thresholdProps);\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbar } = child.props;\n\n      const toolbarChildren = iterateChartToolbarSlots(children);\n\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...toolbar,\n          ...toolbarChildren,\n        },\n      };\n    } else if (isSlot(child, Intent)) {\n      slots.intents.push(child.props);\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    } else if (isSlot(child, CategoricalBarChartToolbarSlot)) {\n      slots.toolbar = {\n        ...slots.toolbar,\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, CategoricalBarChartDownloadCSVSlot)) {\n      slots.toolbar.downloadData ||= { enabled: false };\n      slots.toolbar.downloadData.enabled = true;\n    }\n  });\n\n  return slots;\n};\n"],
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { CategoryAxis } from '../slots/CategoryAxis.js';\nimport { CategoricalBarChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Legend } from '../slots/Legend.js';\nimport {\n  CategoricalBarChartThresholdIndicatorProps,\n  ThresholdIndicator,\n} from '../slots/ThresholdIndicator.js';\nimport { CategoricalBarChartToolbarSlot } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { ValueAxis } from '../slots/ValueAxis.js';\nimport {\n  CategoricalBarChartSlots,\n  CategoricalBarChartToolbarConfiguration,\n} from '../types/categorical-bar-chart.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): CategoricalBarChartToolbarConfiguration => {\n  let slots = {};\n\n  Children.forEach(children, (childInteractions) => {\n    // oxlint-disable-next-line typescript/no-deprecated\n    if (isSlot(childInteractions, DownloadData)) {\n      slots = { ...slots, downloadData: { enabled: true } };\n    }\n  });\n\n  return slots;\n};\n\nexport const iterateSlots = (children: ReactNode) => {\n  let slots: CategoricalBarChartSlots = {\n    legend: {},\n    tooltip: {},\n    valueAxis: {},\n    categoryAxis: {},\n    thresholds: [],\n    toolbar: {},\n    colorRules: [],\n    intents: [],\n  };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, CategoryAxis)) {\n      const categoryAxis = child.props;\n      slots = {\n        ...slots,\n        categoryAxis,\n      };\n    } else if (isSlot(child, ValueAxis)) {\n      const valueAxis = child.props;\n\n      slots = {\n        ...slots,\n        valueAxis,\n      };\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps =\n        child.props as CategoricalBarChartThresholdIndicatorProps;\n      slots.thresholds.push(thresholdProps);\n      // oxlint-disable-next-line typescript/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbar } = child.props;\n\n      const toolbarChildren = iterateChartToolbarSlots(children);\n\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...toolbar,\n          ...toolbarChildren,\n        },\n      };\n    } else if (isSlot(child, Intent)) {\n      slots.intents.push(child.props);\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    } else if (isSlot(child, CategoricalBarChartToolbarSlot)) {\n      slots.toolbar = {\n        ...slots.toolbar,\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, CategoricalBarChartDownloadCSVSlot)) {\n      slots.toolbar.downloadData ||= { enabled: false };\n      slots.toolbar.downloadData.enabled = true;\n    }\n  });\n\n  return slots;\n};\n"],
   "mappings": "AAAA,SAAS,gBAAgC;AAEzC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,oCAAoC;AAC7C,SAAS,oBAAoB;AAC7B,SAAS,0CAA0C;AACnD,SAAS,cAAc;AACvB;AAAA,EAEE;AAAA,OACK;AACP,SAAS,sCAAsC;AAC/C,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAW1B,MAAM,2BAA2B,CAC/B,aAC4C;AAC5C,MAAI,QAAQ,CAAC;AAEb,WAAS,QAAQ,UAAU,CAAC,sBAAsB;AAEhD,QAAI,OAAO,mBAAmB,YAAY,GAAG;AAC3C,cAAQ,EAAE,GAAG,OAAO,cAAc,EAAE,SAAS,KAAK,EAAE;AAAA,IACtD;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAAC,aAAwB;AACnD,MAAI,QAAkC;AAAA,IACpC,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,cAAc,CAAC;AAAA,IACf,YAAY,CAAC;AAAA,IACb,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,IACb,SAAS,CAAC;AAAA,EACZ;AAEA,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,MAAM,GAAG;AACzB,YAAM,SAAS,MAAM;AAErB,cAAQ;AAAA,QACN,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,YAAM,eAAe,MAAM;AAC3B,cAAQ;AAAA,QACN,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,YAAM,YAAY,MAAM;AAExB,cAAQ;AAAA,QACN,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,YAAM,UAAU,MAAM;AACtB,cAAQ;AAAA,QACN,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,kBAAkB,GAAG;AAC5C,YAAM,iBACJ,MAAM;AACR,YAAM,WAAW,KAAK,cAAc;AAAA,IAEtC,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,YAAM,EAAE,UAAAA,WAAU,GAAG,QAAQ,IAAI,MAAM;AAEvC,YAAM,kBAAkB,yBAAyBA,SAAQ;AAEzD,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,YAAM,QAAQ,KAAK,MAAM,KAAK;AAAA,IAChC,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,YAAM,YAAY,MAAM;AACxB,UAAI,iBAAiB,SAAS,GAAG;AAC/B,cAAM,WAAW,KAAK,SAAS;AAAA,MACjC;AAAA,IACF,WAAW,OAAO,OAAO,8BAA8B,GAAG;AACxD,YAAM,UAAU;AAAA,QACd,GAAG,MAAM;AAAA,QACT,GAAG,cAAc,MAAM,KAAK;AAAA,QAC5B,GAAG,6BAA6B,MAAM,KAAK;AAAA,MAC7C;AAAA,IACF,WAAW,OAAO,OAAO,kCAAkC,GAAG;AAC5D,YAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM;AAChD,YAAM,QAAQ,aAAa,UAAU;AAAA,IACvC;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": ["children"]
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.css

@@ -1,3 +1,3 @@
-._145zb630-3-12-2 {
+._145zb630-3-13-0 {
   position: relative;
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsAtom.css";
-var wrapper = "_145zb630-3-12-2";
+var wrapper = "_145zb630-3-13-0";
 export {
   wrapper
 };

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/annotations/AnnotationsAtom.css.ts"],
-  "sourcesContent": ["import './AnnotationsAtom.css';\nexport var wrapper = '_145zb630-3-12-2';"],
+  "sourcesContent": ["import './AnnotationsAtom.css';\nexport var wrapper = '_145zb630-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css

@@ -1,4 +1,4 @@
-._1yc349j0-3-12-2 {
+._1yc349j0-3-13-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsCanvasLayout.css";
-var canvasContainer = "_1yc349j0-3-12-2";
+var canvasContainer = "_1yc349j0-3-13-0";
 export {
   canvasContainer
 };

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css.ts"],
-  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-12-2';"],
+  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/indicators/utils/extract-unique-indicators-by-priority.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/indicators/utils/extract-unique-indicators-by-priority.ts"],
-  "sourcesContent": ["import { serializeMarkerRange } from '../../../utils/serialize-marker-range.js';\nimport { IndicatorData } from '../types.js';\n\nexport const extractUniqueIndicatorsByPriority = (\n  indicators: IndicatorData[][],\n) => {\n  const indicatorsByTrack: [string, IndicatorData][][] = [];\n  indicators.forEach((track, index) => {\n    indicatorsByTrack[index] = [];\n    const map = track.reduce((uniqueIndicators, indicator) => {\n      const key = serializeMarkerRange(\n        {\n          start: indicator.start.valueOf(),\n          end: indicator.end ? indicator.end.valueOf() : undefined,\n        },\n        index,\n      );\n\n      if (!uniqueIndicators.has(key)) {\n        uniqueIndicators.set(key, indicator);\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const value = uniqueIndicators.get(key)!;\n\n        if (\n          indicator.priority &&\n          (!value.priority || value.priority < indicator.priority)\n        ) {\n          uniqueIndicators.set(key, indicator);\n        }\n      }\n\n      return uniqueIndicators;\n    }, new Map<string, IndicatorData>());\n    indicatorsByTrack[index] = Array.from(map.entries());\n  });\n\n  return indicatorsByTrack;\n};\n"],
+  "sourcesContent": ["import { serializeMarkerRange } from '../../../utils/serialize-marker-range.js';\nimport { IndicatorData } from '../types.js';\n\nexport const extractUniqueIndicatorsByPriority = (\n  indicators: IndicatorData[][],\n) => {\n  const indicatorsByTrack: [string, IndicatorData][][] = [];\n  indicators.forEach((track, index) => {\n    indicatorsByTrack[index] = [];\n    const map = track.reduce((uniqueIndicators, indicator) => {\n      const key = serializeMarkerRange(\n        {\n          start: indicator.start.valueOf(),\n          end: indicator.end ? indicator.end.valueOf() : undefined,\n        },\n        index,\n      );\n\n      if (!uniqueIndicators.has(key)) {\n        uniqueIndicators.set(key, indicator);\n      } else {\n        // oxlint-disable-next-line typescript/no-non-null-assertion\n        const value = uniqueIndicators.get(key)!;\n\n        if (\n          indicator.priority &&\n          (!value.priority || value.priority < indicator.priority)\n        ) {\n          uniqueIndicators.set(key, indicator);\n        }\n      }\n\n      return uniqueIndicators;\n    }, new Map<string, IndicatorData>());\n    indicatorsByTrack[index] = Array.from(map.entries());\n  });\n\n  return indicatorsByTrack;\n};\n"],
   "mappings": "AAAA,SAAS,4BAA4B;AAG9B,MAAM,oCAAoC,CAC/C,eACG;AACH,QAAM,oBAAiD,CAAC;AACxD,aAAW,QAAQ,CAAC,OAAO,UAAU;AACnC,sBAAkB,KAAK,IAAI,CAAC;AAC5B,UAAM,MAAM,MAAM,OAAO,CAAC,kBAAkB,cAAc;AACxD,YAAM,MAAM;AAAA,QACV;AAAA,UACE,OAAO,UAAU,MAAM,QAAQ;AAAA,UAC/B,KAAK,UAAU,MAAM,UAAU,IAAI,QAAQ,IAAI;AAAA,QACjD;AAAA,QACA;AAAA,MACF;AAEA,UAAI,CAAC,iBAAiB,IAAI,GAAG,GAAG;AAC9B,yBAAiB,IAAI,KAAK,SAAS;AAAA,MACrC,OAAO;AAEL,cAAM,QAAQ,iBAAiB,IAAI,GAAG;AAEtC,YACE,UAAU,aACT,CAAC,MAAM,YAAY,MAAM,WAAW,UAAU,WAC/C;AACA,2BAAiB,IAAI,KAAK,SAAS;AAAA,QACrC;AAAA,MACF;AAEA,aAAO;AAAA,IACT,GAAG,oBAAI,IAA2B,CAAC;AACnC,sBAAkB,KAAK,IAAI,MAAM,KAAK,IAAI,QAAQ,CAAC;AAAA,EACrD,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.css

@@ -1,4 +1,4 @@
-._107efci0-3-12-2 {
+._107efci0-3-13-0 {
   position: absolute;
   top: 0;
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsOverlays.css";
-var annotationsOverlay = "_107efci0-3-12-2";
+var annotationsOverlay = "_107efci0-3-13-0";
 export {
   annotationsOverlay
 };

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsOverlays.css.ts"],
-  "sourcesContent": ["import './AnnotationsOverlays.css';\nexport var annotationsOverlay = '_107efci0-3-12-2';"],
+  "sourcesContent": ["import './AnnotationsOverlays.css';\nexport var annotationsOverlay = '_107efci0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.css

@@ -1,4 +1,4 @@
-._uzgvu30-3-12-2 {
+._uzgvu30-3-13-0 {
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsScrollWrapper.css";
-var scrollWrapper = "_uzgvu30-3-12-2";
+var scrollWrapper = "_uzgvu30-3-13-0";
 export {
   scrollWrapper
 };

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.css.ts"],
-  "sourcesContent": ["import './AnnotationsScrollWrapper.css';\nexport var scrollWrapper = '_uzgvu30-3-12-2';"],
+  "sourcesContent": ["import './AnnotationsScrollWrapper.css';\nexport var scrollWrapper = '_uzgvu30-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsOverlayTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsOverlayTooltip.tsx"],
-  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\nimport { AnnotationsCustomizedTooltip } from './AnnotationsCustomizedTooltip.js';\nimport { AnnotationsDefaultTooltipContent } from './AnnotationsDefaultTooltipContent.js';\nimport { useAnnotationsTooltipConfig } from './hooks/useAnnotationsTooltipConfig.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { OverlayTooltip } from '../../../overlay-tooltip/OverlayTooltip.js';\nimport { useDismissAnnotationSignal } from '../../../overlay-tooltip/pinCoordinationSelectors.js';\nimport type { Data } from '../../../overlay-tooltip/types.js';\nimport { usePinCoordinationActions } from '../../../overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipReducer } from '../../../overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../../../overlay-tooltip/utils.js';\nimport { useAnnotationsTooltipState } from '../../hooks/store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from '../../hooks/store/state-setters.js';\nimport { useMarkersInteractions } from '../../hooks/useMarkersInteractions.js';\nimport { initialState } from '../../providers/AnnotationsDataInitialState.js';\n\ninterface AnnotationsOverlayTooltipProps {\n  tooltipType: 'time' | 'numerical';\n  truncationMode?: TruncationMode;\n  maxLines?: number;\n}\n\n// Sentinel payload used to keep the OverlayTooltip store data non-empty while\n// the annotations tooltip is visible. The actual content is rendered through\n// `template`, so this value is never read by the default tooltip\n// rendering pipeline \u2014 it only has to pass `isTooltipDataEmpty` (geometry !==\n// 'none') so that DynamicTooltipRenderer mounts the portal.\nconst buildSentinelData = (): Data => ({\n  geometry: 'rect',\n  series: [\n    {\n      name: '',\n      value: '',\n      color: '',\n    },\n  ],\n});\n\n/**\n * AnnotationsChart tooltip driven by the shared OverlayTooltip\n * (`TooltipProvider`) store. Bridges the legacy annotations store into the\n * shared store so that positioning, pinning and out-of-bounds handling are\n * identical to XYChart and MeterBar tooltips.\n *\n * The actual UI is rendered via `<OverlayTooltip template={...}/>` so\n * we can keep AnnotationsChart's bespoke layout (multiple Header+Series pairs\n * for collided marker groups, custom user templates, etc.) while reusing the\n * shared portal / pin / dismissal behaviour.\n *\n * @internal\n */\nexport const AnnotationsOverlayTooltip = (\n  props: AnnotationsOverlayTooltipProps,\n) => {\n  const { tooltipType, truncationMode = 'end', maxLines = 1 } = props;\n  const annotationsState = useAnnotationsTooltipState();\n  const { pinned, data, visibility, position } = annotationsState;\n  const dispatch = useTooltipReducer();\n  const updateAnnotationsTooltipState = useSetStateTooltip();\n  const updateAnnotationsSelectionState = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n\n  const config = useAnnotationsTooltipConfig();\n  const hidden = config?.hidden === true;\n  const hasData = !!data && data.length > 0 && visibility;\n\n  // Track the previous pinned state so we can explicitly dispatch\n  // SET_PINNED(false) on a true -> false transition (the reducer's\n  // SET_POSITION/SET_OUT_BOUNDS branches short-circuit while pinned is true).\n  const prevPinnedRef = useRef(false);\n\n  const { dismissChartTooltip } = usePinCoordinationActions();\n\n  // Subscribe to the chart-level \"dismiss annotation\" signal.\n  const dismissAnnotationAt = useDismissAnnotationSignal();\n\n  useEffect(() => {\n    if (dismissAnnotationAt === 0) {\n      return;\n    }\n    updateAnnotationsTooltipState(initialState.tooltip);\n    updateAnnotationsSelectionState(initialState.selection);\n    onMarkersInteraction?.(initialState.selection);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dismissAnnotationAt]);\n\n  // Sync annotations store into the OverlayTooltip store on changes so that\n  // the shared tooltip portal reflects the current hover/pin state.\n  useEffect(() => {\n    const wasPinned = prevPinnedRef.current;\n    prevPinnedRef.current = pinned;\n\n    if (!wasPinned && pinned) {\n      // Annotation just took the pin \u2014 tell the chart's own tooltip to\n      // release its pin, if any.\n      dismissChartTooltip();\n    }\n\n    if (wasPinned && !pinned) {\n      // Explicit unpin first \u2014 otherwise SET_POSITION / SET_OUT_BOUNDS below\n      // will no-op because the reducer treats `pinned=true` as sticky.\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: false,\n          data: emptyData(),\n        },\n      })();\n    }\n\n    if (hidden || !hasData || !position) {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n      return;\n    }\n\n    if (pinned) {\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          absoluteX: position.x,\n          absoluteY: position.y,\n          data: buildSentinelData(),\n        },\n      })();\n    } else {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          absoluteX: position.x,\n          absoluteY: position.y,\n          data: buildSentinelData(),\n        },\n      })();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hidden, hasData, pinned, position?.x, position?.y]);\n\n  // Reset both the OverlayTooltip and annotations stores on unmount.\n  useEffect(() => {\n    return () => {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      updateAnnotationsTooltipState(initialState.tooltip);\n      updateAnnotationsSelectionState(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') {\n        return;\n      }\n      updateAnnotationsTooltipState(initialState.tooltip);\n      updateAnnotationsSelectionState(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    };\n    window.addEventListener('keyup', handleEscape);\n    return () => {\n      window.removeEventListener('keyup', handleEscape);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (hidden || !hasData) {\n    return null;\n  }\n\n  const legacyTemplate = config?.template ? (\n    <AnnotationsCustomizedTooltip\n      tooltipTemplate={config.template}\n      data={data}\n    />\n  ) : (\n    <AnnotationsDefaultTooltipContent\n      data={data}\n      tooltipType={tooltipType}\n      truncationMode={truncationMode}\n      maxLines={maxLines}\n    />\n  );\n\n  return <OverlayTooltip template={legacyTemplate} />;\n};\n\nAnnotationsOverlayTooltip.displayName = 'AnnotationsOverlayTooltip';\n"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\nimport { AnnotationsCustomizedTooltip } from './AnnotationsCustomizedTooltip.js';\nimport { AnnotationsDefaultTooltipContent } from './AnnotationsDefaultTooltipContent.js';\nimport { useAnnotationsTooltipConfig } from './hooks/useAnnotationsTooltipConfig.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { OverlayTooltip } from '../../../overlay-tooltip/OverlayTooltip.js';\nimport { useDismissAnnotationSignal } from '../../../overlay-tooltip/pinCoordinationSelectors.js';\nimport type { Data } from '../../../overlay-tooltip/types.js';\nimport { usePinCoordinationActions } from '../../../overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipReducer } from '../../../overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../../../overlay-tooltip/utils.js';\nimport { useAnnotationsTooltipState } from '../../hooks/store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from '../../hooks/store/state-setters.js';\nimport { useMarkersInteractions } from '../../hooks/useMarkersInteractions.js';\nimport { initialState } from '../../providers/AnnotationsDataInitialState.js';\n\ninterface AnnotationsOverlayTooltipProps {\n  tooltipType: 'time' | 'numerical';\n  truncationMode?: TruncationMode;\n  maxLines?: number;\n}\n\n// Sentinel payload used to keep the OverlayTooltip store data non-empty while\n// the annotations tooltip is visible. The actual content is rendered through\n// `template`, so this value is never read by the default tooltip\n// rendering pipeline \u2014 it only has to pass `isTooltipDataEmpty` (geometry !==\n// 'none') so that DynamicTooltipRenderer mounts the portal.\nconst buildSentinelData = (): Data => ({\n  geometry: 'rect',\n  series: [\n    {\n      name: '',\n      value: '',\n      color: '',\n    },\n  ],\n});\n\n/**\n * AnnotationsChart tooltip driven by the shared OverlayTooltip\n * (`TooltipProvider`) store. Bridges the legacy annotations store into the\n * shared store so that positioning, pinning and out-of-bounds handling are\n * identical to XYChart and MeterBar tooltips.\n *\n * The actual UI is rendered via `<OverlayTooltip template={...}/>` so\n * we can keep AnnotationsChart's bespoke layout (multiple Header+Series pairs\n * for collided marker groups, custom user templates, etc.) while reusing the\n * shared portal / pin / dismissal behaviour.\n *\n * @internal\n */\nexport const AnnotationsOverlayTooltip = (\n  props: AnnotationsOverlayTooltipProps,\n) => {\n  const { tooltipType, truncationMode = 'end', maxLines = 1 } = props;\n  const annotationsState = useAnnotationsTooltipState();\n  const { pinned, data, visibility, position } = annotationsState;\n  const dispatch = useTooltipReducer();\n  const updateAnnotationsTooltipState = useSetStateTooltip();\n  const updateAnnotationsSelectionState = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n\n  const config = useAnnotationsTooltipConfig();\n  const hidden = config?.hidden === true;\n  const hasData = !!data && data.length > 0 && visibility;\n\n  // Track the previous pinned state so we can explicitly dispatch\n  // SET_PINNED(false) on a true -> false transition (the reducer's\n  // SET_POSITION/SET_OUT_BOUNDS branches short-circuit while pinned is true).\n  const prevPinnedRef = useRef(false);\n\n  const { dismissChartTooltip } = usePinCoordinationActions();\n\n  // Subscribe to the chart-level \"dismiss annotation\" signal.\n  const dismissAnnotationAt = useDismissAnnotationSignal();\n\n  useEffect(() => {\n    if (dismissAnnotationAt === 0) {\n      return;\n    }\n    updateAnnotationsTooltipState(initialState.tooltip);\n    updateAnnotationsSelectionState(initialState.selection);\n    onMarkersInteraction?.(initialState.selection);\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [dismissAnnotationAt]);\n\n  // Sync annotations store into the OverlayTooltip store on changes so that\n  // the shared tooltip portal reflects the current hover/pin state.\n  useEffect(() => {\n    const wasPinned = prevPinnedRef.current;\n    prevPinnedRef.current = pinned;\n\n    if (!wasPinned && pinned) {\n      // Annotation just took the pin \u2014 tell the chart's own tooltip to\n      // release its pin, if any.\n      dismissChartTooltip();\n    }\n\n    if (wasPinned && !pinned) {\n      // Explicit unpin first \u2014 otherwise SET_POSITION / SET_OUT_BOUNDS below\n      // will no-op because the reducer treats `pinned=true` as sticky.\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: false,\n          data: emptyData(),\n        },\n      })();\n    }\n\n    if (hidden || !hasData || !position) {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n      return;\n    }\n\n    if (pinned) {\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          absoluteX: position.x,\n          absoluteY: position.y,\n          data: buildSentinelData(),\n        },\n      })();\n    } else {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          absoluteX: position.x,\n          absoluteY: position.y,\n          data: buildSentinelData(),\n        },\n      })();\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [hidden, hasData, pinned, position?.x, position?.y]);\n\n  // Reset both the OverlayTooltip and annotations stores on unmount.\n  useEffect(() => {\n    return () => {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      updateAnnotationsTooltipState(initialState.tooltip);\n      updateAnnotationsSelectionState(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') {\n        return;\n      }\n      updateAnnotationsTooltipState(initialState.tooltip);\n      updateAnnotationsSelectionState(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    };\n    window.addEventListener('keyup', handleEscape);\n    return () => {\n      window.removeEventListener('keyup', handleEscape);\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (hidden || !hasData) {\n    return null;\n  }\n\n  const legacyTemplate = config?.template ? (\n    <AnnotationsCustomizedTooltip\n      tooltipTemplate={config.template}\n      data={data}\n    />\n  ) : (\n    <AnnotationsDefaultTooltipContent\n      data={data}\n      tooltipType={tooltipType}\n      truncationMode={truncationMode}\n      maxLines={maxLines}\n    />\n  );\n\n  return <OverlayTooltip template={legacyTemplate} />;\n};\n\nAnnotationsOverlayTooltip.displayName = 'AnnotationsOverlayTooltip';\n"],
   "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/axes/Axis.css

@@ -1,4 +1,4 @@
-._90oaxp0-3-12-2 {
+._90oaxp0-3-13-0 {
   display: block;
   overflow: visible;
 }

package/esm/charts/core/components/axes/Axis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/Axis.tsx"],
-  "sourcesContent": ["import { axis } from './Axis.sty.js';\nimport { AxisPrimitive } from './AxisPrimitive.js';\nimport {\n  axisFontBaseProps,\n  axisFontProps,\n  DEFAULT_AXIS_FONT_COLOR,\n} from './constants.js';\nimport { AxisProps } from './types.js';\nimport { TextProps, TickLabelProps } from '../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../types/tick-value.js';\nimport {\n  charsFontWidth14pixelsSize400Map,\n  charsFontWidth12pixelsSize400Map,\n} from '../text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../text-ellipsis/truncate-string.js';\n\nconst labelProps: TextProps = { ...axisFontProps, textAnchor: 'middle' };\nconst labelBaseProps: TextProps = {\n  ...axisFontBaseProps,\n  textAnchor: 'middle',\n};\n\n/**\n * @internal\n */\nexport const Axis = ({\n  width = '100%',\n  height = '100%',\n  containerSize,\n  label,\n  size = 'small',\n  tickLabelProps = (...args) => ({}),\n  tickColor,\n  ...restProps\n}: AxisProps) => {\n  const fontProps = {\n    ...(size === 'small' ? axisFontProps : axisFontBaseProps),\n    fill: tickColor ?? DEFAULT_AXIS_FONT_COLOR,\n  };\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  const defaultTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n    ...args: [TickPrimitiveValue, number, any]\n  ) => ({\n    ...fontProps,\n    ...(typeof tickLabelProps === 'function'\n      ? tickLabelProps(...args)\n      : tickLabelProps),\n  });\n\n  const truncatedLabel = label\n    ? truncateString(\n        label,\n        containerSize,\n        size === 'small'\n          ? charsFontWidth12pixelsSize400Map\n          : charsFontWidth14pixelsSize400Map,\n        'middle',\n      )\n    : '';\n\n  return (\n    <svg\n      className={axis}\n      width={width}\n      height={height}\n      role={restProps.role}\n      aria-label={restProps['aria-label'] ?? undefined}\n    >\n      <AxisPrimitive\n        label={truncatedLabel}\n        labelProps={size === 'small' ? labelProps : labelBaseProps}\n        tickLabelProps={defaultTickLabelProps}\n        {...restProps}\n      />\n    </svg>\n  );\n};\nAxis['displayName'] = 'Axis';\n"],
-  "mappings": "AAqEM;AArEN,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,MAAM,aAAwB,EAAE,GAAG,eAAe,YAAY,SAAS;AACvE,MAAM,iBAA4B;AAAA,EAChC,GAAG;AAAA,EACH,YAAY;AACd;AAKO,MAAM,OAAO,CAAC;AAAA,EACnB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,iBAAiB,IAAI,UAAU,CAAC;AAAA,EAChC;AAAA,EACA,GAAG;AACL,MAAiB;AACf,QAAM,YAAY;AAAA,IAChB,GAAI,SAAS,UAAU,gBAAgB;AAAA,IACvC,MAAM,aAAa;AAAA,EACrB;AAGA,QAAM,wBAA4D,IAC7D,UACC;AAAA,IACJ,GAAG;AAAA,IACH,GAAI,OAAO,mBAAmB,aAC1B,eAAe,GAAG,IAAI,IACtB;AAAA,EACN;AAEA,QAAM,iBAAiB,QACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS,UACL,mCACA;AAAA,IACJ;AAAA,EACF,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,MAAM,UAAU;AAAA,MAChB,cAAY,UAAU,YAAY,KAAK;AAAA,MAEvC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,YAAY,SAAS,UAAU,aAAa;AAAA,UAC5C,gBAAgB;AAAA,UACf,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AACA,KAAK,aAAa,IAAI;",
+  "sourcesContent": ["import { axis } from './Axis.sty.js';\nimport { AxisPrimitive } from './AxisPrimitive.js';\nimport {\n  axisFontBaseProps,\n  axisFontProps,\n  DEFAULT_AXIS_FONT_COLOR,\n} from './constants.js';\nimport { AxisProps } from './types.js';\nimport { TextProps, TickLabelProps } from '../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../types/tick-value.js';\nimport {\n  charsFontWidth14pixelsSize400Map,\n  charsFontWidth12pixelsSize400Map,\n} from '../text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../text-ellipsis/truncate-string.js';\n\nconst labelProps: TextProps = { ...axisFontProps, textAnchor: 'middle' };\nconst labelBaseProps: TextProps = {\n  ...axisFontBaseProps,\n  textAnchor: 'middle',\n};\n\n/**\n * @internal\n */\nexport const Axis = ({\n  width = '100%',\n  height = '100%',\n  containerSize,\n  label,\n  size = 'small',\n  tickLabelProps = (...args) => ({}),\n  tickColor,\n  ...restProps\n}: AxisProps) => {\n  const fontProps = {\n    ...(size === 'small' ? axisFontProps : axisFontBaseProps),\n    fill: tickColor ?? DEFAULT_AXIS_FONT_COLOR,\n  };\n\n  const defaultTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n    // oxlint-disable-next-line typescript/no-explicit-any\n    ...args: [TickPrimitiveValue, number, any]\n  ) => ({\n    ...fontProps,\n    ...(typeof tickLabelProps === 'function'\n      ? tickLabelProps(...args)\n      : tickLabelProps),\n  });\n\n  const truncatedLabel = label\n    ? truncateString(\n        label,\n        containerSize,\n        size === 'small'\n          ? charsFontWidth12pixelsSize400Map\n          : charsFontWidth14pixelsSize400Map,\n        'middle',\n      )\n    : '';\n\n  return (\n    <svg\n      className={axis}\n      width={width}\n      height={height}\n      role={restProps.role}\n      aria-label={restProps['aria-label'] ?? undefined}\n    >\n      <AxisPrimitive\n        label={truncatedLabel}\n        labelProps={size === 'small' ? labelProps : labelBaseProps}\n        tickLabelProps={defaultTickLabelProps}\n        {...restProps}\n      />\n    </svg>\n  );\n};\nAxis['displayName'] = 'Axis';\n"],
+  "mappings": "AAqEM;AArEN,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,MAAM,aAAwB,EAAE,GAAG,eAAe,YAAY,SAAS;AACvE,MAAM,iBAA4B;AAAA,EAChC,GAAG;AAAA,EACH,YAAY;AACd;AAKO,MAAM,OAAO,CAAC;AAAA,EACnB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,iBAAiB,IAAI,UAAU,CAAC;AAAA,EAChC;AAAA,EACA,GAAG;AACL,MAAiB;AACf,QAAM,YAAY;AAAA,IAChB,GAAI,SAAS,UAAU,gBAAgB;AAAA,IACvC,MAAM,aAAa;AAAA,EACrB;AAEA,QAAM,wBAA4D,IAE7D,UACC;AAAA,IACJ,GAAG;AAAA,IACH,GAAI,OAAO,mBAAmB,aAC1B,eAAe,GAAG,IAAI,IACtB;AAAA,EACN;AAEA,QAAM,iBAAiB,QACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS,UACL,mCACA;AAAA,IACJ;AAAA,EACF,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,MAAM,UAAU;AAAA,MAChB,cAAY,UAAU,YAAY,KAAK;AAAA,MAEvC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,YAAY,SAAS,UAAU,aAAa;AAAA,UAC5C,gBAAgB;AAAA,UACf,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AACA,KAAK,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/Axis.sty.js

@@ -1,5 +1,5 @@
 import "./Axis.css";
-var axis = "_90oaxp0-3-12-2";
+var axis = "_90oaxp0-3-13-0";
 export {
   axis
 };

package/esm/charts/core/components/axes/Axis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/Axis.css.ts"],
-  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-12-2';"],
+  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/charts/core/components/axes/AxisBottom.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/AxisBottom.tsx"],
-  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisBottom({\n  scale,\n  label,\n  height,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const labelOffset = height! - AXIS_LABEL_HEIGHT;\n\n  return (\n    <Axis\n      orientation=\"bottom\"\n      scale={scale}\n      height={height}\n      label={label}\n      labelOffset={labelOffset}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisBottom['displayName'] = 'AxisBottom';\n"],
+  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisBottom({\n  scale,\n  label,\n  height,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // oxlint-disable-next-line typescript/no-non-null-assertion\n  const labelOffset = height! - AXIS_LABEL_HEIGHT;\n\n  return (\n    <Axis\n      orientation=\"bottom\"\n      scale={scale}\n      height={height}\n      label={label}\n      labelOffset={labelOffset}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisBottom['displayName'] = 'AxisBottom';\n"],
   "mappings": "AAiBI;AAjBJ,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAM3B,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AAEpB,QAAM,cAAc,SAAU;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,WAAW,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/AxisLeft.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/AxisLeft.tsx"],
-  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisLeft({\n  scale,\n  label,\n  width,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const labelOffset = width! - AXIS_LABEL_HEIGHT;\n\n  return (\n    <Axis\n      orientation=\"left\"\n      width={width}\n      height={restAxisProps.containerSize}\n      label={label}\n      scale={scale}\n      labelOffset={labelOffset}\n      left={width}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisLeft['displayName'] = 'AxisLeft';\n"],
+  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisLeft({\n  scale,\n  label,\n  width,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // oxlint-disable-next-line typescript/no-non-null-assertion\n  const labelOffset = width! - AXIS_LABEL_HEIGHT;\n\n  return (\n    <Axis\n      orientation=\"left\"\n      width={width}\n      height={restAxisProps.containerSize}\n      label={label}\n      scale={scale}\n      labelOffset={labelOffset}\n      left={width}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisLeft['displayName'] = 'AxisLeft';\n"],
   "mappings": "AAiBI;AAjBJ,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAM3B,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AAEpB,QAAM,cAAc,QAAS;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ;AAAA,MACA,QAAQ,cAAc;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/AxisPrimitive.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/AxisPrimitive.tsx"],
-  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport type { AxisScale, SharedAxisProps } from './types.js';\nimport { getTickValueAsNumber } from '../../../../core/utils/get-tick-value-as-number.js';\nimport { getTicks } from '../../../../core/utils/get-ticks.js';\nimport type { Point } from '../../types/point.js';\nimport type { TextProps } from '../../types/text-props.js';\n\n/**\n * Hardcoded font size fallback matching visx behavior.\n *\n * visx computes `maxTickLabelFontSize` and per-tick `tickLabelFontSize`\n * using `Math.max(10, typeof fontSize === 'number' ? fontSize : 0)`.\n * Since Strato always passes fontSize as a CSS variable string\n * (e.g. \"var(--dt-typography-text-small-emphasized-size, 12px)\"),\n * the typeof check always fails and the result is always 10.\n */\nconst TICK_LABEL_FONT_SIZE = 10;\n\n/** Matches visx Text component's wrapping SVG overflow style. */\nconst SVG_OVERFLOW_STYLE: CSSProperties = { overflow: 'visible' };\n\nconst defaultTextProps: Partial<TextProps> = {\n  textAnchor: 'middle',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  fill: '#222',\n};\n\ntype FormattedValue = string | undefined;\n\n/**\n * Computes the `dy` offset for the first `<tspan>` in visx Text's SVG structure.\n * visx Text uses `verticalAnchor` + `capHeight` (0.71em) to shift single-line text:\n *   'start'  \u2192 \"0.71em\"  (text hangs below y)\n *   'middle' \u2192 \"0.355em\" (text centered on y)\n *   'end'    \u2192 \"0\"       (text baseline at y)\n */\nfunction getStartDy(verticalAnchor: string): string {\n  if (verticalAnchor === 'start') {\n    return '0.71em';\n  }\n  if (verticalAnchor === 'middle') {\n    return '0.355em';\n  }\n  return '0';\n}\n\n/**\n * Returns a tick position function that handles band scale centering.\n * For band/point scales, adds `bandwidth()/2` to center ticks within bands.\n * For continuous scales, returns the scale itself as the position function.\n */\nfunction getTickPosition(\n  scale: AxisScale,\n): (value: Parameters<typeof scale>[0]) => number | undefined {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const s = scale as any;\n\n  if ('bandwidth' in s) {\n    let offset: number = s.bandwidth();\n    offset /= 2;\n    if (s.round()) {\n      offset = Math.round(offset);\n    }\n    return (d) => {\n      const scaledValue = s(d);\n      return typeof scaledValue === 'number'\n        ? scaledValue + offset\n        : scaledValue;\n    };\n  }\n\n  return scale as (value: Parameters<typeof scale>[0]) => number | undefined;\n}\n\n/**\n * Returns a tick format function from the scale, falling back to string conversion.\n */\nfunction getTickFormatter(scale: AxisScale) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const s = scale as any;\n  if ('tickFormat' in s) {\n    return s.tickFormat();\n  }\n  return String;\n}\n\n/**\n * Returns a point as-is for horizontal axes.\n */\nfunction createHorizontalPoint(coords: Point): Point {\n  return coords;\n}\n\n/**\n * Returns a point with x/y swapped for vertical axes.\n */\nfunction createVerticalPoint(coords: Point): Point {\n  return { x: coords.y, y: coords.x };\n}\n\n/**\n * Computes the axis label position and rotation for each orientation.\n *\n * With Strato's hardcoded values (tickLength=0, fontSize is always a CSS var string):\n * - tickLabelFontSize is always 10\n * - yBottomOffset is always 0 (typeof CSS-var-string !== 'number')\n *\n * Bottom: x = rangeMidpoint, y = labelOffset + 10\n * Top:    x = rangeMidpoint, y = -(labelOffset + 10)\n * Left:   x = -rangeMidpoint, y = -labelOffset, transform = \"rotate(-90)\"\n * Right:  x = +rangeMidpoint, y = -labelOffset, transform = \"rotate(90)\"\n */\nfunction getLabelTransform({\n  labelOffset,\n  labelProps,\n  orientation,\n  range,\n}: {\n  labelOffset: number;\n  labelProps: Partial<TextProps>;\n  orientation: string;\n  range: number[];\n}): { x: number; y: number; transform?: string } {\n  const sign = orientation === 'left' || orientation === 'top' ? -1 : 1;\n\n  if (orientation === 'top' || orientation === 'bottom') {\n    const yBottomOffset =\n      orientation === 'bottom' && typeof labelProps.fontSize === 'number'\n        ? labelProps.fontSize\n        : 0;\n\n    return {\n      x: (Number(range[0]) + Number(range[range.length - 1])) / 2,\n      y: sign * (labelOffset + TICK_LABEL_FONT_SIZE + yBottomOffset),\n      transform: undefined,\n    };\n  }\n\n  return {\n    x: sign * ((Number(range[0]) + Number(range[range.length - 1])) / 2),\n    y: -labelOffset,\n    transform: `rotate(${sign * 90})`,\n  };\n}\n\n/**\n * AxisPrimitive accepts SharedAxisProps for backward compatibility, plus extra\n * props that Axis.tsx passes through from AxisProps (role, aria-label).\n * Dead-code props (tickLength, hideTicks, hideAxisLine, etc.) are accepted\n * but ignored. This allows Axis.tsx to spread restProps without filtering.\n * The dead props will be cleaned up in APPDEV-17081.\n */\ntype AxisPrimitiveProps = SharedAxisProps<AxisScale> & {\n  /** Passed through from Axis.tsx; applied to outer <svg>, not consumed here. */\n  role?: string;\n  /** Passed through from Axis.tsx; applied to outer <svg>, not consumed here. */\n  'aria-label'?: string;\n};\n\n/**\n * Local replacement for `@visx/axis` Axis rendering component.\n *\n * Flattens visx's 3-layer architecture (Axis.js -> AxisRenderer.js -> Ticks.js)\n * into a single component. This simplification is possible because Strato always\n * hardcodes tickLength=0, hideTicks=true, hideAxisLine=true -- meaning tick lines,\n * axis lines, and related props are dead code.\n *\n * The component:\n * 1. Computes tick positions (using getTicks + getTickPosition + coerceNumber + createHorizontalPoint/createVerticalPoint)\n * 2. Calls tickComponent for each tick with the same contract as visx\n * 3. Renders the axis label using getLabelTransform math + plain SVG text element\n *\n * @internal\n */\nexport function AxisPrimitive({\n  scale,\n  orientation = 'bottom',\n  tickComponent,\n  tickLabelProps,\n  tickFormat,\n  numTicks = 10,\n  tickValues,\n  hideZero = false,\n  label = '',\n  labelClassName,\n  labelOffset = 14,\n  labelProps,\n  left = 0,\n  top: topOffset = 0,\n  axisClassName,\n  innerRef,\n}: AxisPrimitiveProps) {\n  const isTop = orientation === 'top';\n  const horizontal = isTop || orientation === 'bottom';\n\n  const tickPosition = getTickPosition(scale);\n  const format = tickFormat ?? getTickFormatter(scale);\n  const filteredTickValues = (tickValues ?? getTicks(scale, numTicks))\n    .filter(\n      (value: string | number) => !hideZero || (value !== 0 && value !== '0'),\n    )\n    .map((value: string | number, index: number) => ({ value, index }));\n\n  const pointCreator = horizontal ? createHorizontalPoint : createVerticalPoint;\n\n  const ticks = filteredTickValues.map(\n    ({ value, index }: { value: string | number; index: number }) => {\n      const scaledValue = getTickValueAsNumber(tickPosition(value)) as number;\n      return {\n        value,\n        index,\n        to: pointCreator({ x: scaledValue, y: 0 }),\n        formattedValue: format(\n          value,\n          index,\n          filteredTickValues,\n        ) as FormattedValue,\n      };\n    },\n  );\n\n  // Resolve tick label props per tick (matching visx AxisRenderer behavior)\n  const tickLabelPropsDefault = {\n    ...defaultTextProps,\n    ...(typeof tickLabelProps === 'object' ? tickLabelProps : null),\n  };\n\n  const allTickLabelProps: Partial<TextProps>[] = ticks.map(\n    ({ value, index }: { value: string | number; index: number }) =>\n      typeof tickLabelProps === 'function'\n        ? tickLabelProps(value, index, filteredTickValues)\n        : tickLabelPropsDefault,\n  );\n\n  const combinedLabelProps = { ...defaultTextProps, ...labelProps };\n  const labelTransform = label\n    ? getLabelTransform({\n        labelOffset,\n        labelProps: combinedLabelProps,\n        orientation,\n        range: scale.range() as number[],\n      })\n    : undefined;\n\n  return (\n    <g\n      className={axisClassName ? `visx-axis ${axisClassName}` : 'visx-axis'}\n      ref={innerRef}\n      transform={`translate(${left}, ${topOffset})`}\n    >\n      {ticks.map(({ value, index, to, formattedValue }) => {\n        const currentTickLabelProps = allTickLabelProps[index] ?? {};\n\n        // visx computes tickYCoord by adding fontSize offset for horizontal bottom axes.\n        // Since fontSize is always a CSS var string, tickLabelFontSize always falls back to 10.\n        const tickYCoord =\n          to.y +\n          (horizontal && orientation !== 'top' ? TICK_LABEL_FONT_SIZE : 0);\n\n        // visx Text path: tickLabelProps.x/y take precedence over computed values when provided.\n        const effectiveX = currentTickLabelProps.x ?? to.x;\n        const effectiveY = currentTickLabelProps.y ?? tickYCoord;\n        const dxOffset = currentTickLabelProps.dx ?? 0;\n        const dyOffset = currentTickLabelProps.dy ?? 0;\n        const startDy = getStartDy(\n          currentTickLabelProps.verticalAnchor ?? 'end',\n        );\n        const tickAngle = currentTickLabelProps.angle;\n        const tickTransform = tickAngle\n          ? `rotate(${tickAngle}, ${effectiveX}, ${effectiveY})`\n          : undefined;\n\n        const defaultTickElement = (\n          <svg\n            x={dxOffset}\n            y={dyOffset}\n            fontSize={currentTickLabelProps.fontSize}\n            style={SVG_OVERFLOW_STYLE}\n          >\n            <text\n              x={effectiveX}\n              y={effectiveY}\n              transform={tickTransform}\n              textAnchor={currentTickLabelProps.textAnchor}\n              fontFamily={currentTickLabelProps.fontFamily}\n              fontSize={currentTickLabelProps.fontSize}\n              fill={currentTickLabelProps.fill}\n            >\n              <tspan x={effectiveX} dy={startDy}>\n                {formattedValue}\n              </tspan>\n            </text>\n          </svg>\n        );\n\n        return (\n          <g key={`visx-tick-${value}-${index}`} className=\"visx-axis-tick\">\n            {tickComponent\n              ? tickComponent({\n                  ...currentTickLabelProps,\n                  x: to.x,\n                  y: tickYCoord,\n                  formattedValue,\n                })\n              : defaultTickElement}\n          </g>\n        );\n      })}\n\n      {/* x/y attributes rather than transform=\"translate\" so that <tspan x> stays in the\n          same coordinate system and doesn't double-offset the label position. */}\n      {label && labelTransform && (\n        <svg\n          x={0}\n          y={0}\n          fontSize={combinedLabelProps.fontSize}\n          style={SVG_OVERFLOW_STYLE}\n        >\n          <text\n            className={\n              labelClassName\n                ? `visx-axis-label ${labelClassName}`\n                : 'visx-axis-label'\n            }\n            x={labelTransform.x}\n            y={labelTransform.y}\n            transform={labelTransform.transform}\n            textAnchor={combinedLabelProps.textAnchor}\n            fontFamily={combinedLabelProps.fontFamily}\n            fontSize={combinedLabelProps.fontSize}\n            fill={combinedLabelProps.fill}\n          >\n            <tspan x={labelTransform.x} dy=\"0\">\n              {label}\n            </tspan>\n          </text>\n        </svg>\n      )}\n    </g>\n  );\n}\n"],
+  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport type { AxisScale, SharedAxisProps } from './types.js';\nimport { getTickValueAsNumber } from '../../../../core/utils/get-tick-value-as-number.js';\nimport { getTicks } from '../../../../core/utils/get-ticks.js';\nimport type { Point } from '../../types/point.js';\nimport type { TextProps } from '../../types/text-props.js';\n\n/**\n * Hardcoded font size fallback matching visx behavior.\n *\n * visx computes `maxTickLabelFontSize` and per-tick `tickLabelFontSize`\n * using `Math.max(10, typeof fontSize === 'number' ? fontSize : 0)`.\n * Since Strato always passes fontSize as a CSS variable string\n * (e.g. \"var(--dt-typography-text-small-emphasized-size, 12px)\"),\n * the typeof check always fails and the result is always 10.\n */\nconst TICK_LABEL_FONT_SIZE = 10;\n\n/** Matches visx Text component's wrapping SVG overflow style. */\nconst SVG_OVERFLOW_STYLE: CSSProperties = { overflow: 'visible' };\n\nconst defaultTextProps: Partial<TextProps> = {\n  textAnchor: 'middle',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  fill: '#222',\n};\n\ntype FormattedValue = string | undefined;\n\n/**\n * Computes the `dy` offset for the first `<tspan>` in visx Text's SVG structure.\n * visx Text uses `verticalAnchor` + `capHeight` (0.71em) to shift single-line text:\n *   'start'  \u2192 \"0.71em\"  (text hangs below y)\n *   'middle' \u2192 \"0.355em\" (text centered on y)\n *   'end'    \u2192 \"0\"       (text baseline at y)\n */\nfunction getStartDy(verticalAnchor: string): string {\n  if (verticalAnchor === 'start') {\n    return '0.71em';\n  }\n  if (verticalAnchor === 'middle') {\n    return '0.355em';\n  }\n  return '0';\n}\n\n/**\n * Returns a tick position function that handles band scale centering.\n * For band/point scales, adds `bandwidth()/2` to center ticks within bands.\n * For continuous scales, returns the scale itself as the position function.\n */\nfunction getTickPosition(\n  scale: AxisScale,\n): (value: Parameters<typeof scale>[0]) => number | undefined {\n  // oxlint-disable-next-line typescript/no-explicit-any\n  const s = scale as any;\n\n  if ('bandwidth' in s) {\n    let offset: number = s.bandwidth();\n    offset /= 2;\n    if (s.round()) {\n      offset = Math.round(offset);\n    }\n    return (d) => {\n      const scaledValue = s(d);\n      return typeof scaledValue === 'number'\n        ? scaledValue + offset\n        : scaledValue;\n    };\n  }\n\n  return scale as (value: Parameters<typeof scale>[0]) => number | undefined;\n}\n\n/**\n * Returns a tick format function from the scale, falling back to string conversion.\n */\nfunction getTickFormatter(scale: AxisScale) {\n  // oxlint-disable-next-line typescript/no-explicit-any\n  const s = scale as any;\n  if ('tickFormat' in s) {\n    return s.tickFormat();\n  }\n  return String;\n}\n\n/**\n * Returns a point as-is for horizontal axes.\n */\nfunction createHorizontalPoint(coords: Point): Point {\n  return coords;\n}\n\n/**\n * Returns a point with x/y swapped for vertical axes.\n */\nfunction createVerticalPoint(coords: Point): Point {\n  return { x: coords.y, y: coords.x };\n}\n\n/**\n * Computes the axis label position and rotation for each orientation.\n *\n * With Strato's hardcoded values (tickLength=0, fontSize is always a CSS var string):\n * - tickLabelFontSize is always 10\n * - yBottomOffset is always 0 (typeof CSS-var-string !== 'number')\n *\n * Bottom: x = rangeMidpoint, y = labelOffset + 10\n * Top:    x = rangeMidpoint, y = -(labelOffset + 10)\n * Left:   x = -rangeMidpoint, y = -labelOffset, transform = \"rotate(-90)\"\n * Right:  x = +rangeMidpoint, y = -labelOffset, transform = \"rotate(90)\"\n */\nfunction getLabelTransform({\n  labelOffset,\n  labelProps,\n  orientation,\n  range,\n}: {\n  labelOffset: number;\n  labelProps: Partial<TextProps>;\n  orientation: string;\n  range: number[];\n}): { x: number; y: number; transform?: string } {\n  const sign = orientation === 'left' || orientation === 'top' ? -1 : 1;\n\n  if (orientation === 'top' || orientation === 'bottom') {\n    const yBottomOffset =\n      orientation === 'bottom' && typeof labelProps.fontSize === 'number'\n        ? labelProps.fontSize\n        : 0;\n\n    return {\n      x: (Number(range[0]) + Number(range[range.length - 1])) / 2,\n      y: sign * (labelOffset + TICK_LABEL_FONT_SIZE + yBottomOffset),\n      transform: undefined,\n    };\n  }\n\n  return {\n    x: sign * ((Number(range[0]) + Number(range[range.length - 1])) / 2),\n    y: -labelOffset,\n    transform: `rotate(${sign * 90})`,\n  };\n}\n\n/**\n * AxisPrimitive accepts SharedAxisProps for backward compatibility, plus extra\n * props that Axis.tsx passes through from AxisProps (role, aria-label).\n * Dead-code props (tickLength, hideTicks, hideAxisLine, etc.) are accepted\n * but ignored. This allows Axis.tsx to spread restProps without filtering.\n * The dead props will be cleaned up in APPDEV-17081.\n */\ntype AxisPrimitiveProps = SharedAxisProps<AxisScale> & {\n  /** Passed through from Axis.tsx; applied to outer <svg>, not consumed here. */\n  role?: string;\n  /** Passed through from Axis.tsx; applied to outer <svg>, not consumed here. */\n  'aria-label'?: string;\n};\n\n/**\n * Local replacement for `@visx/axis` Axis rendering component.\n *\n * Flattens visx's 3-layer architecture (Axis.js -> AxisRenderer.js -> Ticks.js)\n * into a single component. This simplification is possible because Strato always\n * hardcodes tickLength=0, hideTicks=true, hideAxisLine=true -- meaning tick lines,\n * axis lines, and related props are dead code.\n *\n * The component:\n * 1. Computes tick positions (using getTicks + getTickPosition + coerceNumber + createHorizontalPoint/createVerticalPoint)\n * 2. Calls tickComponent for each tick with the same contract as visx\n * 3. Renders the axis label using getLabelTransform math + plain SVG text element\n *\n * @internal\n */\nexport function AxisPrimitive({\n  scale,\n  orientation = 'bottom',\n  tickComponent,\n  tickLabelProps,\n  tickFormat,\n  numTicks = 10,\n  tickValues,\n  hideZero = false,\n  label = '',\n  labelClassName,\n  labelOffset = 14,\n  labelProps,\n  left = 0,\n  top: topOffset = 0,\n  axisClassName,\n  innerRef,\n}: AxisPrimitiveProps) {\n  const isTop = orientation === 'top';\n  const horizontal = isTop || orientation === 'bottom';\n\n  const tickPosition = getTickPosition(scale);\n  const format = tickFormat ?? getTickFormatter(scale);\n  const filteredTickValues = (tickValues ?? getTicks(scale, numTicks))\n    .filter(\n      (value: string | number) => !hideZero || (value !== 0 && value !== '0'),\n    )\n    .map((value: string | number, index: number) => ({ value, index }));\n\n  const pointCreator = horizontal ? createHorizontalPoint : createVerticalPoint;\n\n  const ticks = filteredTickValues.map(\n    ({ value, index }: { value: string | number; index: number }) => {\n      const scaledValue = getTickValueAsNumber(tickPosition(value)) as number;\n      return {\n        value,\n        index,\n        to: pointCreator({ x: scaledValue, y: 0 }),\n        formattedValue: format(\n          value,\n          index,\n          filteredTickValues,\n        ) as FormattedValue,\n      };\n    },\n  );\n\n  // Resolve tick label props per tick (matching visx AxisRenderer behavior)\n  const tickLabelPropsDefault = {\n    ...defaultTextProps,\n    ...(typeof tickLabelProps === 'object' ? tickLabelProps : null),\n  };\n\n  const allTickLabelProps: Partial<TextProps>[] = ticks.map(\n    ({ value, index }: { value: string | number; index: number }) =>\n      typeof tickLabelProps === 'function'\n        ? tickLabelProps(value, index, filteredTickValues)\n        : tickLabelPropsDefault,\n  );\n\n  const combinedLabelProps = { ...defaultTextProps, ...labelProps };\n  const labelTransform = label\n    ? getLabelTransform({\n        labelOffset,\n        labelProps: combinedLabelProps,\n        orientation,\n        range: scale.range() as number[],\n      })\n    : undefined;\n\n  return (\n    <g\n      className={axisClassName ? `visx-axis ${axisClassName}` : 'visx-axis'}\n      ref={innerRef}\n      transform={`translate(${left}, ${topOffset})`}\n    >\n      {ticks.map(({ value, index, to, formattedValue }) => {\n        const currentTickLabelProps = allTickLabelProps[index] ?? {};\n\n        // visx computes tickYCoord by adding fontSize offset for horizontal bottom axes.\n        // Since fontSize is always a CSS var string, tickLabelFontSize always falls back to 10.\n        const tickYCoord =\n          to.y +\n          (horizontal && orientation !== 'top' ? TICK_LABEL_FONT_SIZE : 0);\n\n        // visx Text path: tickLabelProps.x/y take precedence over computed values when provided.\n        const effectiveX = currentTickLabelProps.x ?? to.x;\n        const effectiveY = currentTickLabelProps.y ?? tickYCoord;\n        const dxOffset = currentTickLabelProps.dx ?? 0;\n        const dyOffset = currentTickLabelProps.dy ?? 0;\n        const startDy = getStartDy(\n          currentTickLabelProps.verticalAnchor ?? 'end',\n        );\n        const tickAngle = currentTickLabelProps.angle;\n        const tickTransform = tickAngle\n          ? `rotate(${tickAngle}, ${effectiveX}, ${effectiveY})`\n          : undefined;\n\n        const defaultTickElement = (\n          <svg\n            x={dxOffset}\n            y={dyOffset}\n            fontSize={currentTickLabelProps.fontSize}\n            style={SVG_OVERFLOW_STYLE}\n          >\n            <text\n              x={effectiveX}\n              y={effectiveY}\n              transform={tickTransform}\n              textAnchor={currentTickLabelProps.textAnchor}\n              fontFamily={currentTickLabelProps.fontFamily}\n              fontSize={currentTickLabelProps.fontSize}\n              fill={currentTickLabelProps.fill}\n            >\n              <tspan x={effectiveX} dy={startDy}>\n                {formattedValue}\n              </tspan>\n            </text>\n          </svg>\n        );\n\n        return (\n          <g key={`visx-tick-${value}-${index}`} className=\"visx-axis-tick\">\n            {tickComponent\n              ? tickComponent({\n                  ...currentTickLabelProps,\n                  x: to.x,\n                  y: tickYCoord,\n                  formattedValue,\n                })\n              : defaultTickElement}\n          </g>\n        );\n      })}\n\n      {/* x/y attributes rather than transform=\"translate\" so that <tspan x> stays in the\n          same coordinate system and doesn't double-offset the label position. */}\n      {label && labelTransform && (\n        <svg\n          x={0}\n          y={0}\n          fontSize={combinedLabelProps.fontSize}\n          style={SVG_OVERFLOW_STYLE}\n        >\n          <text\n            className={\n              labelClassName\n                ? `visx-axis-label ${labelClassName}`\n                : 'visx-axis-label'\n            }\n            x={labelTransform.x}\n            y={labelTransform.y}\n            transform={labelTransform.transform}\n            textAnchor={combinedLabelProps.textAnchor}\n            fontFamily={combinedLabelProps.fontFamily}\n            fontSize={combinedLabelProps.fontSize}\n            fill={combinedLabelProps.fill}\n          >\n            <tspan x={labelTransform.x} dy=\"0\">\n              {label}\n            </tspan>\n          </text>\n        </svg>\n      )}\n    </g>\n  );\n}\n"],
   "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/axes/AxisRight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/AxisRight.tsx"],
-  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisRight({\n  scale,\n  label,\n  width,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const labelOffset = width! - AXIS_LABEL_HEIGHT;\n\n  return (\n    <Axis\n      orientation=\"right\"\n      width={width}\n      height={restAxisProps.containerSize}\n      label={label}\n      scale={scale}\n      labelOffset={labelOffset}\n      left={0}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisRight['displayName'] = 'AxisRight';\n"],
+  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisRight({\n  scale,\n  label,\n  width,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // oxlint-disable-next-line typescript/no-non-null-assertion\n  const labelOffset = width! - AXIS_LABEL_HEIGHT;\n\n  return (\n    <Axis\n      orientation=\"right\"\n      width={width}\n      height={restAxisProps.containerSize}\n      label={label}\n      scale={scale}\n      labelOffset={labelOffset}\n      left={0}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisRight['displayName'] = 'AxisRight';\n"],
   "mappings": "AAiBI;AAjBJ,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAM3B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AAEpB,QAAM,cAAc,QAAS;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ;AAAA,MACA,QAAQ,cAAc;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,UAAU,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/AxisTop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/AxisTop.tsx"],
-  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT, TOP_AXIS_LABEL_OFFSET } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisTop({\n  scale,\n  label,\n  height,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const labelOffset = height! - AXIS_LABEL_HEIGHT - TOP_AXIS_LABEL_OFFSET;\n\n  return (\n    <Axis\n      orientation=\"top\"\n      scale={scale}\n      height={height}\n      label={label}\n      labelOffset={labelOffset}\n      top={height}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisTop['displayName'] = 'AxisTop';\n"],
+  "sourcesContent": ["import { Axis } from './Axis.js';\nimport { AXIS_LABEL_HEIGHT, TOP_AXIS_LABEL_OFFSET } from './constants.js';\nimport { OrientedAxisProps } from './types.js';\n\n/**\n * @internal\n */\nexport function AxisTop({\n  scale,\n  label,\n  height,\n  ...restAxisProps\n}: OrientedAxisProps) {\n  // oxlint-disable-next-line typescript/no-non-null-assertion\n  const labelOffset = height! - AXIS_LABEL_HEIGHT - TOP_AXIS_LABEL_OFFSET;\n\n  return (\n    <Axis\n      orientation=\"top\"\n      scale={scale}\n      height={height}\n      label={label}\n      labelOffset={labelOffset}\n      top={height}\n      {...restAxisProps}\n    />\n  );\n}\n\nAxisTop['displayName'] = 'AxisTop';\n"],
   "mappings": "AAiBI;AAjBJ,SAAS,YAAY;AACrB,SAAS,mBAAmB,6BAA6B;AAMlD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AAEpB,QAAM,cAAc,SAAU,oBAAoB;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,QAAQ,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.css

@@ -1,4 +1,4 @@
-@keyframes _3rbllj2-3-12-2 {
+@keyframes _3rbllj2-3-13-0 {
   0% {
     transform: translateX(-4px);
     opacity: 0.2;
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes _3rbllj3-3-12-2 {
+@keyframes _3rbllj3-3-13-0 {
   0% {
     transform: translateX(4px);
     opacity: 0.2;
@@ -18,7 +18,7 @@
     opacity: 1;
   }
 }
-._3rbllj4-3-12-2 {
+._3rbllj4-3-13-0 {
   opacity: 0;
   height: 100%;
   position: absolute;
@@ -34,29 +34,29 @@
   animation-delay: 0.2s;
   animation-fill-mode: forwards;
 }
-._3rbllj5-3-12-2 {
+._3rbllj5-3-13-0 {
   left: 0;
-  animation-name: _3rbllj2-3-12-2;
+  animation-name: _3rbllj2-3-13-0;
 }
-._3rbllj6-3-12-2 {
+._3rbllj6-3-13-0 {
   right: 0;
-  animation-name: _3rbllj3-3-12-2;
+  animation-name: _3rbllj3-3-13-0;
 }
-._3rbllj7-3-12-2 {
+._3rbllj7-3-13-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._3rbllj7-3-12-2:hover {
+._3rbllj7-3-13-0:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._3rbllj7-3-12-2:active {
+._3rbllj7-3-13-0:active {
   color: var(--dt-colors-icon-neutral-subdued-active, #2f2f4f);
 }
-._3rbllj5-3-12-2 ~ div {
-  --_3rbllj0-3-12-2: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
+._3rbllj5-3-13-0 ~ div {
+  --_3rbllj0-3-13-0: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
 }
-._3rbllj6-3-12-2 ~ div {
-  --_3rbllj1-3-12-2: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
+._3rbllj6-3-13-0 ~ div {
+  --_3rbllj1-3-13-0: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
 }
-._3rbllj4-3-12-2 ~ div {
-  mask: linear-gradient(90deg, var(--_3rbllj0-3-12-2, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-12-2, rgba(0,0,0,1) 0%));
+._3rbllj4-3-13-0 ~ div {
+  mask: linear-gradient(90deg, var(--_3rbllj0-3-13-0, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-13-0, rgba(0,0,0,1) 0%));
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js

@@ -1,7 +1,7 @@
 import "./PanningControls.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var panningArrow = "_3rbllj7-3-12-2";
-var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-12-2", variantClassNames: { direction: { toLeft: "_3rbllj5-3-12-2", toRight: "_3rbllj6-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
+var panningArrow = "_3rbllj7-3-13-0";
+var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-13-0", variantClassNames: { direction: { toLeft: "_3rbllj5-3-13-0", toRight: "_3rbllj6-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   panningArrow,
   panningButtons

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/axes/components/PanningControls/PanningControls.css.ts"],
-  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-12-2';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-12-2',variantClassNames:{direction:{toLeft:'_3rbllj5-3-12-2',toRight:'_3rbllj6-3-12-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-13-0';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-13-0',variantClassNames:{direction:{toLeft:'_3rbllj5-3-13-0',toRight:'_3rbllj6-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,QAAO,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/axes/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/types.ts"],
-  "sourcesContent": ["import type { ReactNode, Ref, SVGAttributes } from 'react';\n\nimport { TextProps, TickLabelProps } from '../../types/text-props.js';\n\ntype NumberLike = { valueOf(): number };\ntype AxisScaleOutput = number | NumberLike | undefined;\n\n// Structural shape of every D3 scale used in Strato (ScaleTime, ScaleLinear,\n// ScaleLogarithmic, ScaleSymLog, ScaleBand).\ntype D3ScaleLike<Output> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (input: any): Output;\n  domain(): any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  range(): any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  copy(): D3ScaleLike<Output>;\n};\n\n/**\n * @internal\n */\nexport type AxisScale<Output extends AxisScaleOutput = AxisScaleOutput> =\n  D3ScaleLike<Output>;\n\n/**\n * @internal\n */\nexport type TickRendererProps = Partial<TextProps> & {\n  x: number;\n  y: number;\n  formattedValue: string | undefined;\n};\n\n/**\n * @internal\n */\nexport interface SharedAxisProps<Scale extends AxisScale> {\n  scale: Scale;\n  orientation?: Orientation;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  tickFormat?: (value: any, index: number, values: any) => string;\n  tickValues?: readonly any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  numTicks?: number;\n  tickLabelProps?: Partial<TextProps> | TickLabelProps<any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  tickComponent?: (props: TickRendererProps) => ReactNode;\n  label?: string;\n  labelProps?: Partial<TextProps>;\n  labelOffset?: number;\n  labelClassName?: string;\n  rangePadding?: number;\n  hideZero?: boolean;\n  left?: number;\n  top?: number;\n  axisClassName?: string;\n  innerRef?: Ref<SVGGElement>;\n  hideTicks?: boolean;\n  hideAxisLine?: boolean;\n  tickLength?: number;\n}\n\n/**\n * @internal\n */\nexport type Orientation = 'left' | 'right' | 'bottom' | 'top';\n\n/**\n * @public\n */\nexport const HORIZONTAL_LABEL_LAYOUT_TYPE = 'horizontal';\n/**\n * @public\n */\nexport const VERTICAL_LABEL_LAYOUT_TYPE = 'vertical';\n\n/** Defines the options for displaying the tick labels in an axis\n * @public\n */\nexport type TickLabelLayout =\n  | typeof HORIZONTAL_LABEL_LAYOUT_TYPE\n  | typeof VERTICAL_LABEL_LAYOUT_TYPE;\n\n/**\n * @internal\n */\nexport interface AxisProps extends SharedAxisProps<AxisScale> {\n  width?: SVGAttributes<SVGSVGElement>['width'];\n  height?: SVGAttributes<SVGSVGElement>['height'];\n  containerSize: number;\n  stroke?: string;\n  size?: 'small' | 'base';\n  tickColor?: string;\n  role?: string;\n  ['aria-label']?: string;\n}\n\n/**\n * @internal\n */\nexport type OrientedAxisProps = Omit<\n  AxisProps,\n  'orientation' | 'width' | 'height'\n> & {\n  width?: number;\n  height?: number;\n};\n\n/**\n * @internal\n */\nexport type TextPropsRequired = Required<\n  Pick<TextProps, 'fill' | 'fontFamily'>\n> & {\n  fontSize: string;\n  color: string;\n};\n\n/**\n * record of category id and category name\n * @internal\n */\nexport type TickCategory = Record<string, string>;\n"],
-  "mappings": "AAmEO,MAAM,+BAA+B;AAIrC,MAAM,6BAA6B;",
+  "sourcesContent": ["import type { ReactNode, Ref, SVGAttributes } from 'react';\n\nimport { TextProps, TickLabelProps } from '../../types/text-props.js';\n\ntype NumberLike = { valueOf(): number };\ntype AxisScaleOutput = number | NumberLike | undefined;\n\n// Structural shape of every D3 scale used in Strato (ScaleTime, ScaleLinear,\n// ScaleLogarithmic, ScaleSymLog, ScaleBand).\ntype D3ScaleLike<Output> = {\n  // oxlint-disable-next-line typescript/no-explicit-any\n  (input: any): Output;\n  // oxlint-disable-next-line typescript/no-explicit-any\n  domain(): any[];\n  // oxlint-disable-next-line typescript/no-explicit-any\n  range(): any[];\n  copy(): D3ScaleLike<Output>;\n};\n\n/**\n * @internal\n */\nexport type AxisScale<Output extends AxisScaleOutput = AxisScaleOutput> =\n  D3ScaleLike<Output>;\n\n/**\n * @internal\n */\nexport type TickRendererProps = Partial<TextProps> & {\n  x: number;\n  y: number;\n  formattedValue: string | undefined;\n};\n\n/**\n * @internal\n */\nexport interface SharedAxisProps<Scale extends AxisScale> {\n  scale: Scale;\n  orientation?: Orientation;\n  // oxlint-disable-next-line typescript/no-explicit-any\n  tickFormat?: (value: any, index: number, values: any) => string;\n  // oxlint-disable-next-line typescript/no-explicit-any\n  tickValues?: readonly any[];\n  numTicks?: number;\n  // oxlint-disable-next-line typescript/no-explicit-any\n  tickLabelProps?: Partial<TextProps> | TickLabelProps<any>;\n  tickComponent?: (props: TickRendererProps) => ReactNode;\n  label?: string;\n  labelProps?: Partial<TextProps>;\n  labelOffset?: number;\n  labelClassName?: string;\n  rangePadding?: number;\n  hideZero?: boolean;\n  left?: number;\n  top?: number;\n  axisClassName?: string;\n  innerRef?: Ref<SVGGElement>;\n  hideTicks?: boolean;\n  hideAxisLine?: boolean;\n  tickLength?: number;\n}\n\n/**\n * @internal\n */\nexport type Orientation = 'left' | 'right' | 'bottom' | 'top';\n\n/**\n * @public\n */\nexport const HORIZONTAL_LABEL_LAYOUT_TYPE = 'horizontal';\n/**\n * @public\n */\nexport const VERTICAL_LABEL_LAYOUT_TYPE = 'vertical';\n\n/** Defines the options for displaying the tick labels in an axis\n * @public\n */\nexport type TickLabelLayout =\n  | typeof HORIZONTAL_LABEL_LAYOUT_TYPE\n  | typeof VERTICAL_LABEL_LAYOUT_TYPE;\n\n/**\n * @internal\n */\nexport interface AxisProps extends SharedAxisProps<AxisScale> {\n  width?: SVGAttributes<SVGSVGElement>['width'];\n  height?: SVGAttributes<SVGSVGElement>['height'];\n  containerSize: number;\n  stroke?: string;\n  size?: 'small' | 'base';\n  tickColor?: string;\n  role?: string;\n  ['aria-label']?: string;\n}\n\n/**\n * @internal\n */\nexport type OrientedAxisProps = Omit<\n  AxisProps,\n  'orientation' | 'width' | 'height'\n> & {\n  width?: number;\n  height?: number;\n};\n\n/**\n * @internal\n */\nexport type TextPropsRequired = Required<\n  Pick<TextProps, 'fill' | 'fontFamily'>\n> & {\n  fontSize: string;\n  color: string;\n};\n\n/**\n * record of category id and category name\n * @internal\n */\nexport type TickCategory = Record<string, string>;\n"],
+  "mappings": "AAuEO,MAAM,+BAA+B;AAIrC,MAAM,6BAA6B;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/ChartGrid.css

@@ -1,13 +1,13 @@
-._13lzg4k0-3-12-2 {
+._13lzg4k0-3-13-0 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-._13lzg4k1-3-12-2 {
+._13lzg4k1-3-13-0 {
   box-sizing: content-box;
 }
-._13lzg4k2-3-12-2 {
+._13lzg4k2-3-13-0 {
   position: relative;
 }