@graphysdk/react-renderer 0.0.1-alpha.20260713174140 → 0.0.1-alpha.20260713203546

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +2 -2
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +4 -5
  4. package/dist/index.mjs +937 -910
  5. package/package.json +4 -4
package/dist/index.mjs CHANGED
@@ -1,29 +1,29 @@
1
1
  import './index.css';
2
2
  import { jsx as i, jsxs as v, Fragment as T } from "react/jsx-runtime";
3
- import { polarToUnit as di, toViewBoxY as Qn, toViewBoxX as jn, getColor as I, getAlpha as M, getSize as ut, toPercent as S, createAreaPathGenerators as Kn, createStableKeyGenerator as Ne, GROUP_VARIABLES as se, prepareAreaObservations as Xn, resolveStrokeWidth as pe, getDashArray as Ie, getLineType as He, isDefined as qn, getGroup as ht, getX as q, getYMax as Jn, getY as _, getXMax as ui, getBarRectBounds as Zn, createLinePathGenerator as _n, createLineFillAreaGenerator as hi, prepareLineObservations as $n, getStrokeWidth as gi, NAMED_WEIGHTS as ge, LAYOUT_PADDING as er, buildFontString as fi, CachedTextMeasurer as on, HeuristicTextMeasurer as pi, buildAverageLineSymbols as mi, formatRuleValue as vi, getRadiusExtent as Ut, getAngleExtent as tr, buildPolarBarArcPath as Ue, resolveDefinition as yi, Geom as bi, isGraphConfig as Ai, buildDiagnostic as an, convertSpecToInput as xi, createCompiler as Si, createGraphyBuilder as wi, RESTING_HOVER_STATE as nt, HoverEngine as ki, isCompilerCachingEnabled as Ci, setCompilerCachingEnabled as Ei, COMPILER_STAGE_KEYS as Vt, buildTooltipContent as Li, ANNOTATION_TOOLTIP_MARKER_GAP as Ti, STACK_TOTAL_PADDING_Y_PX as Pi, STACK_TOTAL_PADDING_X_PX as Bi, DATA_LABEL_PADDING_Y_PX as nr, DATA_LABEL_PADDING_X_PX as rr, getDifferenceArrowDimensions as Ri, createHeadlineItemRows as or, LayoutCompiler as Ni, BORDER_PRESET_GRADIENTS as Ii, isSafeUrl as ir, SetContentCaptionCommand as Hi, SetContentTitleCommand as Di, SetContentSubtitleCommand as Mi, computeDirectLabelsLayout as Fi, getPolarHoverGuideArcProps as Oi, getHoverGuideRectProps as Gi, getHoverGuideLineProps as Wi, findCalloutHit as zi, toPanelCursor as Yi, buildPinnedNumberValueFormatter as Ui, placeCallouts as Vi, buildCalloutHitRegions as Qi, buildDataLabelsContent as ji, computeDifferenceArrow as Ki, computeFreeformArrow as Xi, computePanelBorderPaths as qi, positionToAngle as Ji, POLAR_RIM_LABEL_GAP_PX as Zi, createSegmentYReader as _i, buildLayerYValueFormatter as $i, InternalError as ea, formatLegends as ta, formatHeadline as na, resolveHeadlinePlacement as ra } from "@graphysdk/viz-engine";
4
- import oa, { useEffect as C, memo as re, useMemo as y, useId as gt, createContext as xe, useContext as le, useState as P, useRef as E, Component as ia, useCallback as z, Fragment as ar } from "react";
3
+ import { polarToUnit as di, toViewBoxY as Qn, toViewBoxX as jn, getColor as I, getAlpha as M, getSize as ut, toPercent as S, createAreaPathGenerators as Xn, createStableKeyGenerator as Ne, GROUP_VARIABLES as se, prepareAreaObservations as Kn, resolveStrokeWidth as pe, getDashArray as Ie, getLineType as He, isDefined as qn, getGroup as ht, getX as J, getYMax as Jn, getY as ee, getXMax as ui, getBarRectBounds as Zn, createLinePathGenerator as _n, createLineFillAreaGenerator as hi, prepareLineObservations as $n, getStrokeWidth as gi, NAMED_WEIGHTS as ge, LAYOUT_PADDING as er, buildFontString as fi, CachedTextMeasurer as sn, HeuristicTextMeasurer as pi, buildAverageLineSymbols as mi, formatRuleValue as vi, getRadiusExtent as Qt, getAngleExtent as tr, buildPolarBarArcPath as Ue, resolveDefinition as yi, Geom as bi, isGraphConfig as Ai, buildDiagnostic as ln, convertSpecToInput as xi, createCompiler as Si, createGraphyBuilder as wi, RESTING_HOVER_STATE as nt, HoverEngine as ki, isCompilerCachingEnabled as Ci, setCompilerCachingEnabled as Ei, COMPILER_STAGE_KEYS as jt, buildTooltipContent as Li, ANNOTATION_TOOLTIP_MARKER_GAP as Ti, DATA_LABEL_PADDING_Y_PX as It, DATA_LABEL_PADDING_X_PX as Ht, STACK_TOTAL_PADDING_Y_PX as Pi, STACK_TOTAL_PADDING_X_PX as Bi, getDifferenceArrowDimensions as Ri, createHeadlineItemRows as nr, LayoutCompiler as Ni, BORDER_PRESET_GRADIENTS as Ii, isSafeUrl as rr, SetContentCaptionCommand as Hi, SetContentTitleCommand as Di, SetContentSubtitleCommand as Mi, computeDirectLabelsLayout as Fi, getPolarHoverGuideArcProps as Oi, getHoverGuideRectProps as Gi, getHoverGuideLineProps as Wi, findCalloutHit as zi, toPanelCursor as Yi, buildPinnedNumberValueFormatter as Ui, placeCallouts as Vi, buildCalloutHitRegions as Qi, buildDataLabelsContent as ji, computeDifferenceArrow as Xi, computeFreeformArrow as Ki, computePanelBorderPaths as qi, positionToAngle as Ji, POLAR_RIM_LABEL_GAP_PX as Zi, createSegmentYReader as _i, buildLayerYValueFormatter as $i, InternalError as ea, formatLegends as ta, formatHeadline as na, resolveHeadlinePlacement as ra } from "@graphysdk/viz-engine";
4
+ import oa, { useEffect as C, memo as oe, useMemo as y, useId as gt, createContext as Se, useContext as le, useState as P, useRef as E, Component as ia, useCallback as z, Fragment as or } from "react";
5
5
  import { useStore as Ve } from "zustand";
6
- import { useMotionValue as sr, animate as aa, motion as $, useSpring as sn, useReducedMotion as sa } from "motion/react";
6
+ import { useMotionValue as ir, animate as aa, motion as te, useSpring as cn, useReducedMotion as sa } from "motion/react";
7
7
  import { interpolatePath as la } from "d3-interpolate-path";
8
- import { useShallow as J } from "zustand/react/shallow";
9
- import { getContrast as It } from "color2k";
10
- import { createStore as Qt } from "zustand/vanilla";
11
- import { createPortal as lr } from "react-dom";
12
- import Ae, { clsx as Pe } from "clsx";
8
+ import { useShallow as Z } from "zustand/react/shallow";
9
+ import { getContrast as Dt } from "color2k";
10
+ import { createStore as Xt } from "zustand/vanilla";
11
+ import { createPortal as ar } from "react-dom";
12
+ import xe, { clsx as Pe } from "clsx";
13
13
  import { useI18n as ce, IntlProvider as ca } from "@graphysdk/i18n/react";
14
- import { useFloating as jt, offset as rt, shift as ot, flip as Kt, autoUpdate as da } from "@floating-ui/react-dom";
14
+ import { useFloating as Kt, offset as rt, shift as ot, flip as qt, autoUpdate as da } from "@floating-ui/react-dom";
15
15
  import { Extension as ua } from "@tiptap/core";
16
- import { Bold as cr } from "@tiptap/extension-bold";
17
- import { Document as Ht } from "@tiptap/extension-document";
18
- import { HardBreak as dr } from "@tiptap/extension-hard-break";
19
- import { Heading as ur } from "@tiptap/extension-heading";
20
- import { Italic as hr } from "@tiptap/extension-italic";
21
- import { Link as gr } from "@tiptap/extension-link";
22
- import { Text as fr } from "@tiptap/extension-text";
23
- import { TextAlign as pr } from "@tiptap/extension-text-align";
24
- import { TextStyle as mr, Color as vr, FontFamily as yr } from "@tiptap/extension-text-style";
25
- import { Underline as br } from "@tiptap/extension-underline";
26
- import { UndoRedo as Ar, Placeholder as xr } from "@tiptap/extensions";
16
+ import { Bold as sr } from "@tiptap/extension-bold";
17
+ import { Document as Mt } from "@tiptap/extension-document";
18
+ import { HardBreak as lr } from "@tiptap/extension-hard-break";
19
+ import { Heading as cr } from "@tiptap/extension-heading";
20
+ import { Italic as dr } from "@tiptap/extension-italic";
21
+ import { Link as ur } from "@tiptap/extension-link";
22
+ import { Text as hr } from "@tiptap/extension-text";
23
+ import { TextAlign as gr } from "@tiptap/extension-text-align";
24
+ import { TextStyle as fr, Color as pr, FontFamily as mr } from "@tiptap/extension-text-style";
25
+ import { Underline as vr } from "@tiptap/extension-underline";
26
+ import { UndoRedo as yr, Placeholder as br } from "@tiptap/extensions";
27
27
  import { Paragraph as ha } from "@tiptap/extension-paragraph";
28
28
  import { useEditorState as ga, EditorContent as fa, useEditor as pa } from "@tiptap/react";
29
29
  import { Toolbar as H } from "@base-ui/react/toolbar";
@@ -33,29 +33,29 @@ import { Popover as D } from "@base-ui/react/popover";
33
33
  import { HexColorPicker as va, HexColorInput as ya } from "react-colorful";
34
34
  import { Menu as Y } from "@base-ui/react/menu";
35
35
  import { Toggle as ba } from "@base-ui/react/toggle";
36
- typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "0.0.1-alpha.20260713174140");
37
- var Sr = ["canvasDefault", "canvasBlue", "canvasCyan", "canvasGreen", "canvasYellow", "canvasOrange", "canvasRed", "canvasPink", "canvasPurple", "canvasGray", "canvasInverse"], c = { white: "var(--graphy-white)", black: "var(--graphy-black)", transparent: "var(--graphy-transparent)", grey100: "var(--graphy-grey-100)", grey95: "var(--graphy-grey-95)", grey90: "var(--graphy-grey-90)", grey85: "var(--graphy-grey-85)", grey80: "var(--graphy-grey-80)", grey75: "var(--graphy-grey-75)", grey70: "var(--graphy-grey-70)", grey60: "var(--graphy-grey-60)", grey50: "var(--graphy-grey-50)", grey0: "var(--graphy-grey-0)", greyGradient80: "var(--graphy-grey-gradient-80)", green60: "var(--graphy-green-60)", green50: "var(--graphy-green-50)", red60: "var(--graphy-red-60)", red50: "var(--graphy-red-50)", amber70: "var(--graphy-amber-70)", amber50: "var(--graphy-amber-50)", amber40: "var(--graphy-amber-40)", amber30: "var(--graphy-amber-30)", blue80: "var(--graphy-blue-80)", blue60: "var(--graphy-blue-60)", purple50: "var(--graphy-purple-50)", purple30: "var(--graphy-purple-30)", brand: "var(--graphy-brand)", success: "var(--graphy-success)", warning: "var(--graphy-warning)", alert: "var(--graphy-alert)", textPrimary: "var(--graphy-text-primary)", textSecondary: "var(--graphy-text-secondary)", textDisabled: "var(--graphy-text-disabled)", iconPrimary: "var(--graphy-icon-primary)", iconSecondary: "var(--graphy-icon-secondary)", iconStickerBackground: "var(--graphy-icon-sticker-background)", border100: "var(--graphy-border-100)", border50: "var(--graphy-border-50)", border10: "var(--graphy-border-10)", sunkenBackground: "var(--graphy-sunken-background)", defaultBackground: "var(--graphy-default-background)", raisedBackground: "var(--graphy-raised-background)", overlayBackground: "var(--graphy-overlay-background)", overlayBorderGradient: "var(--graphy-overlay-border-gradient)", graphBackground: "var(--graphy-graph-background)", gridLineColor: "var(--graphy-grid-line-color)", originLineColor: "var(--graphy-origin-line-color)", targetLineColor: "var(--graphy-target-line-color)", targetLineMarkerColor: "var(--graphy-target-line-marker-color)", targetLineLabelTextColor: "var(--graphy-target-line-label-text-color)", legendBackground: "var(--graphy-legend-background)", legendBorderColor: "var(--graphy-legend-border-color)", legendFocusOutlineColor: "var(--graphy-legend-focus-outline-color)", legendTextColor: "var(--graphy-legend-text-color)", dimmedSeriesLabelTextColor: "var(--graphy-dimmed-series-label-text-color)", dimmedSeriesLabelLineColor: "var(--graphy-dimmed-series-label-line-color)", trendNegativeColor: "var(--graphy-trend-negative-color)", trendPositiveColor: "var(--graphy-trend-positive-color)", trendNeutralColor: "var(--graphy-trend-neutral-color)", defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)", defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)", defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)", arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)", arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)", annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)", annotationMenuTriggerIconColor: "var(--graphy-annotation-menu-trigger-icon-color)", heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)", dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)", dataLabelTextColor: "var(--graphy-data-label-text-color)", dataLabelInsideTextColor: "var(--graphy-data-label-inside-text-color)", stackTotalTextColor: "var(--graphy-stack-total-text-color)", stackTotalBackground: "var(--graphy-stack-total-background)", stackTotalStroke: "var(--graphy-stack-total-stroke)", graphPadding: "var(--graphy-graph-padding)", gridLineWidth: "var(--graphy-grid-line-width)", gridLineDash: "var(--graphy-grid-line-dash)", gridLineDotted: "var(--graphy-grid-line-dotted)", tooltipBorderRadius: "var(--graphy-tooltip-border-radius)", tooltipBorderWidth: "var(--graphy-tooltip-border-width)", tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)", tooltipPaddingInline: "var(--graphy-tooltip-padding-inline)", tooltipRowGap: "var(--graphy-tooltip-row-gap)", tooltipShadow: "var(--graphy-tooltip-shadow)", tickLabelOffset: "var(--graphy-tick-label-offset)", legendItemGap: "var(--graphy-legend-item-gap)", legendSwatchGap: "var(--graphy-legend-swatch-gap)", legendSwatchWidth: "var(--graphy-legend-swatch-width)", legendSwatchHeight: "var(--graphy-legend-swatch-height)", legendPillPaddingInline: "var(--graphy-legend-pill-padding-inline)", legendPillPaddingBlock: "var(--graphy-legend-pill-padding-block)", legendPillBorderWidth: "var(--graphy-legend-pill-border-width)", headlineRowGap: "var(--graphy-headline-row-gap)", headlineItemGap: "var(--graphy-headline-item-gap)", canvasDefault: "var(--graphy-canvas-default)", canvasBlue: "var(--graphy-canvas-blue)", canvasCyan: "var(--graphy-canvas-cyan)", canvasGreen: "var(--graphy-canvas-green)", canvasYellow: "var(--graphy-canvas-yellow)", canvasOrange: "var(--graphy-canvas-orange)", canvasRed: "var(--graphy-canvas-red)", canvasPink: "var(--graphy-canvas-pink)", canvasPurple: "var(--graphy-canvas-purple)", canvasGray: "var(--graphy-canvas-gray)", canvasInverse: "var(--graphy-canvas-inverse)", elevationXs: "var(--graphy-elevation-xs)", elevationSm: "var(--graphy-elevation-sm)", elevationMd: "var(--graphy-elevation-md)", elevationLg: "var(--graphy-elevation-lg)", radiiXs: "var(--graphy-radii-xs)", radiiSm: "var(--graphy-radii-sm)", radiiMd: "var(--graphy-radii-md)", radiiLg: "var(--graphy-radii-lg)", spaceXxs: "var(--graphy-space-xxs)", spaceXs: "var(--graphy-space-xs)", spaceSm: "var(--graphy-space-sm)", spaceMd: "var(--graphy-space-md)", spaceLg: "var(--graphy-space-lg)", spaceXl: "var(--graphy-space-xl)", zIndexToolbar: "var(--graphy-z-index-toolbar)", zIndexToolbarTooltip: "var(--graphy-z-index-toolbar-tooltip)", zIndexToolbarPopover: "var(--graphy-z-index-toolbar-popover)", toolbarBackgroundColor: "var(--graphy-toolbar-background-color)", toolbarButtonBackgroundColor: "var(--graphy-toolbar-button-background-color)", toolbarButtonBackgroundColorHovered: "var(--graphy-toolbar-button-background-color-hovered)", toolbarButtonBackgroundColorSelected: "var(--graphy-toolbar-button-background-color-selected)", toolbarSeparatorColor: "var(--graphy-toolbar-separator-color)", tooltipBackground: "var(--graphy-tooltip-background)", tooltipBorderColor: "var(--graphy-tooltip-border-color)", tooltipHeadingTextColor: "var(--graphy-tooltip-heading-text-color)", tooltipLabelTextColor: "var(--graphy-tooltip-label-text-color)", tooltipValueTextColor: "var(--graphy-tooltip-value-text-color)", tooltipPrimaryRowColor: "var(--graphy-tooltip-primary-row-color)", hoverGuideLineColor: "var(--graphy-hover-guide-line-color)", hoverGuideFillColor: "var(--graphy-hover-guide-fill-color)", hoveredBarBorderColor: "var(--graphy-hovered-bar-border-color)", hoveredPointRingColor: "var(--graphy-hovered-point-ring-color)", pointStrokeColor: "var(--graphy-point-stroke-color)", stackedBarHoverBorderColor: "var(--graphy-stacked-bar-hover-border-color)", fontFamilyDefault: "var(--graphy-font-family-default)", fontFamilyHeading: "var(--graphy-font-family-heading)", fontWeightRegular: "var(--graphy-font-weight-regular)", fontWeightMedium: "var(--graphy-font-weight-medium)", fontWeightSemibold: "var(--graphy-font-weight-semibold)", fontWeightBold: "var(--graphy-font-weight-bold)", fontWeightExtraBold: "var(--graphy-font-weight-extra-bold)", fontWeightBlack: "var(--graphy-font-weight-black)", textScale: "var(--graphy-text-scale)", fontSizeXxs: "var(--graphy-font-size-xxs)", fontSizeXs: "var(--graphy-font-size-xs)", fontSizeSm: "var(--graphy-font-size-sm)", fontSizeMd: "var(--graphy-font-size-md)", fontSizeLg: "var(--graphy-font-size-lg)", fontSizeXl: "var(--graphy-font-size-xl)", fontLineHeightXxs: "var(--graphy-font-line-height-xxs)", fontLineHeightXs: "var(--graphy-font-line-height-xs)", fontLineHeightSm: "var(--graphy-font-line-height-sm)", fontLineHeightMd: "var(--graphy-font-line-height-md)", fontLineHeightLg: "var(--graphy-font-line-height-lg)", fontLineHeightXl: "var(--graphy-font-line-height-xl)", fontSizeEditorBody: "var(--graphy-font-size-editor-body)", fontSizeHeadingSm: "var(--graphy-font-size-heading-sm)", fontSizeHeadingMd: "var(--graphy-font-size-heading-md)", fontSizeHeadingLg: "var(--graphy-font-size-heading-lg)", fontLineHeightEditorBody: "var(--graphy-font-line-height-editor-body)", fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)", fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)", fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)", fontTickLabel: "var(--graphy-font-tick-label)", fontAxisLabel: "var(--graphy-font-axis-label)", fontDataLabel: "var(--graphy-font-data-label)", fontStackTotal: "var(--graphy-font-stack-total)", fontLegendLabel: "var(--graphy-font-legend-label)", fontSeriesLabel: "var(--graphy-font-series-label)", fontTooltipLabel: "var(--graphy-font-tooltip-label)", fontTooltipHeading: "var(--graphy-font-tooltip-heading)", fontTooltipFooter: "var(--graphy-font-tooltip-footer)", fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)", fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)", fontMiniTooltipLabel: "var(--graphy-font-mini-tooltip-label)", fontMiniTooltipFooter: "var(--graphy-font-mini-tooltip-footer)", fontTooltipCaption: "var(--graphy-font-tooltip-caption)", fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)", fontTrendTag: "var(--graphy-font-trend-tag)", fontTrendTagSmall: "var(--graphy-font-trend-tag-small)", fontGoalLineLabel: "var(--graphy-font-goal-line-label)", fontPieLabel: "var(--graphy-font-pie-label)", fontPieChartTotal: "var(--graphy-font-pie-chart-total)", fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)", fontDifferenceArrowMedium: "var(--graphy-font-difference-arrow-medium)", fontDifferenceArrowLarge: "var(--graphy-font-difference-arrow-large)", fontButton: "var(--graphy-font-button)", fontInput: "var(--graphy-font-input)", fontInputLabel: "var(--graphy-font-input-label)", fontSelectLabel: "var(--graphy-font-select-label)", fontSelectDescription: "var(--graphy-font-select-description)", fontColorSelectLabel: "var(--graphy-font-color-select-label)", fontMenuTitle: "var(--graphy-font-menu-title)", fontMenuGroupTitle: "var(--graphy-font-menu-group-title)", fontMenuItemLabel: "var(--graphy-font-menu-item-label)", fontMenuItemLabelSecondary: "var(--graphy-font-menu-item-label-secondary)", fontUITooltip: "var(--graphy-font-uitooltip)", fontUITooltipSecondary: "var(--graphy-font-uitooltip-secondary)", fontErrorBoundaryTitle: "var(--graphy-font-error-boundary-title)", fontErrorBoundaryMessage: "var(--graphy-font-error-boundary-message)", fontTableCell: "var(--graphy-font-table-cell)", fontTableHeaderCell: "var(--graphy-font-table-header-cell)", fontSourceLabel: "var(--graphy-font-source-label)", fontSourceLink: "var(--graphy-font-source-link)", fontTextEditorH1: "var(--graphy-font-text-editor-h1)", fontTextEditorH2: "var(--graphy-font-text-editor-h2)", fontTextEditorH3: "var(--graphy-font-text-editor-h3)", fontTextEditorH6: "var(--graphy-font-text-editor-h6)", fontTextEditorBody: "var(--graphy-font-text-editor-body)", fontTextEditorLink: "var(--graphy-font-text-editor-link)", fontHighlightModeTitle: "var(--graphy-font-highlight-mode-title)", fontHighlightModeSubtitle: "var(--graphy-font-highlight-mode-subtitle)" };
38
- const Xt = 1, wr = 8, Aa = 12;
36
+ typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "0.0.1-alpha.20260713203546");
37
+ var Ar = ["canvasDefault", "canvasBlue", "canvasCyan", "canvasGreen", "canvasYellow", "canvasOrange", "canvasRed", "canvasPink", "canvasPurple", "canvasGray", "canvasInverse"], c = { white: "var(--graphy-white)", black: "var(--graphy-black)", transparent: "var(--graphy-transparent)", grey100: "var(--graphy-grey-100)", grey95: "var(--graphy-grey-95)", grey90: "var(--graphy-grey-90)", grey85: "var(--graphy-grey-85)", grey80: "var(--graphy-grey-80)", grey75: "var(--graphy-grey-75)", grey70: "var(--graphy-grey-70)", grey60: "var(--graphy-grey-60)", grey50: "var(--graphy-grey-50)", grey0: "var(--graphy-grey-0)", greyGradient80: "var(--graphy-grey-gradient-80)", green60: "var(--graphy-green-60)", green50: "var(--graphy-green-50)", red60: "var(--graphy-red-60)", red50: "var(--graphy-red-50)", amber70: "var(--graphy-amber-70)", amber50: "var(--graphy-amber-50)", amber40: "var(--graphy-amber-40)", amber30: "var(--graphy-amber-30)", blue80: "var(--graphy-blue-80)", blue60: "var(--graphy-blue-60)", purple50: "var(--graphy-purple-50)", purple30: "var(--graphy-purple-30)", brand: "var(--graphy-brand)", success: "var(--graphy-success)", warning: "var(--graphy-warning)", alert: "var(--graphy-alert)", textPrimary: "var(--graphy-text-primary)", textSecondary: "var(--graphy-text-secondary)", textDisabled: "var(--graphy-text-disabled)", iconPrimary: "var(--graphy-icon-primary)", iconSecondary: "var(--graphy-icon-secondary)", iconStickerBackground: "var(--graphy-icon-sticker-background)", border100: "var(--graphy-border-100)", border50: "var(--graphy-border-50)", border10: "var(--graphy-border-10)", sunkenBackground: "var(--graphy-sunken-background)", defaultBackground: "var(--graphy-default-background)", raisedBackground: "var(--graphy-raised-background)", overlayBackground: "var(--graphy-overlay-background)", overlayBorderGradient: "var(--graphy-overlay-border-gradient)", graphBackground: "var(--graphy-graph-background)", gridLineColor: "var(--graphy-grid-line-color)", originLineColor: "var(--graphy-origin-line-color)", targetLineColor: "var(--graphy-target-line-color)", targetLineMarkerColor: "var(--graphy-target-line-marker-color)", targetLineLabelTextColor: "var(--graphy-target-line-label-text-color)", legendBackground: "var(--graphy-legend-background)", legendBorderColor: "var(--graphy-legend-border-color)", legendFocusOutlineColor: "var(--graphy-legend-focus-outline-color)", legendTextColor: "var(--graphy-legend-text-color)", dimmedSeriesLabelTextColor: "var(--graphy-dimmed-series-label-text-color)", dimmedSeriesLabelLineColor: "var(--graphy-dimmed-series-label-line-color)", trendNegativeColor: "var(--graphy-trend-negative-color)", trendPositiveColor: "var(--graphy-trend-positive-color)", trendNeutralColor: "var(--graphy-trend-neutral-color)", defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)", defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)", defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)", arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)", arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)", annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)", annotationMenuTriggerIconColor: "var(--graphy-annotation-menu-trigger-icon-color)", heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)", dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)", dataLabelTextColor: "var(--graphy-data-label-text-color)", dataLabelInsideTextColor: "var(--graphy-data-label-inside-text-color)", stackTotalTextColor: "var(--graphy-stack-total-text-color)", stackTotalBackground: "var(--graphy-stack-total-background)", stackTotalStroke: "var(--graphy-stack-total-stroke)", graphPadding: "var(--graphy-graph-padding)", gridLineWidth: "var(--graphy-grid-line-width)", gridLineDash: "var(--graphy-grid-line-dash)", gridLineDotted: "var(--graphy-grid-line-dotted)", tooltipBorderRadius: "var(--graphy-tooltip-border-radius)", tooltipBorderWidth: "var(--graphy-tooltip-border-width)", tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)", tooltipPaddingInline: "var(--graphy-tooltip-padding-inline)", tooltipRowGap: "var(--graphy-tooltip-row-gap)", tooltipShadow: "var(--graphy-tooltip-shadow)", tickLabelOffset: "var(--graphy-tick-label-offset)", legendItemGap: "var(--graphy-legend-item-gap)", legendSwatchGap: "var(--graphy-legend-swatch-gap)", legendSwatchWidth: "var(--graphy-legend-swatch-width)", legendSwatchHeight: "var(--graphy-legend-swatch-height)", legendPillPaddingInline: "var(--graphy-legend-pill-padding-inline)", legendPillPaddingBlock: "var(--graphy-legend-pill-padding-block)", legendPillBorderWidth: "var(--graphy-legend-pill-border-width)", headlineRowGap: "var(--graphy-headline-row-gap)", headlineItemGap: "var(--graphy-headline-item-gap)", canvasDefault: "var(--graphy-canvas-default)", canvasBlue: "var(--graphy-canvas-blue)", canvasCyan: "var(--graphy-canvas-cyan)", canvasGreen: "var(--graphy-canvas-green)", canvasYellow: "var(--graphy-canvas-yellow)", canvasOrange: "var(--graphy-canvas-orange)", canvasRed: "var(--graphy-canvas-red)", canvasPink: "var(--graphy-canvas-pink)", canvasPurple: "var(--graphy-canvas-purple)", canvasGray: "var(--graphy-canvas-gray)", canvasInverse: "var(--graphy-canvas-inverse)", elevationXs: "var(--graphy-elevation-xs)", elevationSm: "var(--graphy-elevation-sm)", elevationMd: "var(--graphy-elevation-md)", elevationLg: "var(--graphy-elevation-lg)", radiiXs: "var(--graphy-radii-xs)", radiiSm: "var(--graphy-radii-sm)", radiiMd: "var(--graphy-radii-md)", radiiLg: "var(--graphy-radii-lg)", spaceXxs: "var(--graphy-space-xxs)", spaceXs: "var(--graphy-space-xs)", spaceSm: "var(--graphy-space-sm)", spaceMd: "var(--graphy-space-md)", spaceLg: "var(--graphy-space-lg)", spaceXl: "var(--graphy-space-xl)", zIndexToolbar: "var(--graphy-z-index-toolbar)", zIndexToolbarTooltip: "var(--graphy-z-index-toolbar-tooltip)", zIndexToolbarPopover: "var(--graphy-z-index-toolbar-popover)", toolbarBackgroundColor: "var(--graphy-toolbar-background-color)", toolbarButtonBackgroundColor: "var(--graphy-toolbar-button-background-color)", toolbarButtonBackgroundColorHovered: "var(--graphy-toolbar-button-background-color-hovered)", toolbarButtonBackgroundColorSelected: "var(--graphy-toolbar-button-background-color-selected)", toolbarSeparatorColor: "var(--graphy-toolbar-separator-color)", tooltipBackground: "var(--graphy-tooltip-background)", tooltipBorderColor: "var(--graphy-tooltip-border-color)", tooltipHeadingTextColor: "var(--graphy-tooltip-heading-text-color)", tooltipLabelTextColor: "var(--graphy-tooltip-label-text-color)", tooltipValueTextColor: "var(--graphy-tooltip-value-text-color)", tooltipPrimaryRowColor: "var(--graphy-tooltip-primary-row-color)", hoverGuideLineColor: "var(--graphy-hover-guide-line-color)", hoverGuideFillColor: "var(--graphy-hover-guide-fill-color)", hoveredBarBorderColor: "var(--graphy-hovered-bar-border-color)", hoveredPointRingColor: "var(--graphy-hovered-point-ring-color)", pointStrokeColor: "var(--graphy-point-stroke-color)", stackedBarHoverBorderColor: "var(--graphy-stacked-bar-hover-border-color)", fontFamilyDefault: "var(--graphy-font-family-default)", fontFamilyHeading: "var(--graphy-font-family-heading)", fontWeightRegular: "var(--graphy-font-weight-regular)", fontWeightMedium: "var(--graphy-font-weight-medium)", fontWeightSemibold: "var(--graphy-font-weight-semibold)", fontWeightBold: "var(--graphy-font-weight-bold)", fontWeightExtraBold: "var(--graphy-font-weight-extra-bold)", fontWeightBlack: "var(--graphy-font-weight-black)", textScale: "var(--graphy-text-scale)", fontSizeXxs: "var(--graphy-font-size-xxs)", fontSizeXs: "var(--graphy-font-size-xs)", fontSizeSm: "var(--graphy-font-size-sm)", fontSizeMd: "var(--graphy-font-size-md)", fontSizeLg: "var(--graphy-font-size-lg)", fontSizeXl: "var(--graphy-font-size-xl)", fontLineHeightXxs: "var(--graphy-font-line-height-xxs)", fontLineHeightXs: "var(--graphy-font-line-height-xs)", fontLineHeightSm: "var(--graphy-font-line-height-sm)", fontLineHeightMd: "var(--graphy-font-line-height-md)", fontLineHeightLg: "var(--graphy-font-line-height-lg)", fontLineHeightXl: "var(--graphy-font-line-height-xl)", fontSizeEditorBody: "var(--graphy-font-size-editor-body)", fontSizeHeadingSm: "var(--graphy-font-size-heading-sm)", fontSizeHeadingMd: "var(--graphy-font-size-heading-md)", fontSizeHeadingLg: "var(--graphy-font-size-heading-lg)", fontLineHeightEditorBody: "var(--graphy-font-line-height-editor-body)", fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)", fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)", fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)", fontTickLabel: "var(--graphy-font-tick-label)", fontAxisLabel: "var(--graphy-font-axis-label)", fontDataLabel: "var(--graphy-font-data-label)", fontStackTotal: "var(--graphy-font-stack-total)", fontCategoryLabel: "var(--graphy-font-category-label)", fontLegendLabel: "var(--graphy-font-legend-label)", fontSeriesLabel: "var(--graphy-font-series-label)", fontTooltipLabel: "var(--graphy-font-tooltip-label)", fontTooltipHeading: "var(--graphy-font-tooltip-heading)", fontTooltipFooter: "var(--graphy-font-tooltip-footer)", fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)", fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)", fontMiniTooltipLabel: "var(--graphy-font-mini-tooltip-label)", fontMiniTooltipFooter: "var(--graphy-font-mini-tooltip-footer)", fontTooltipCaption: "var(--graphy-font-tooltip-caption)", fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)", fontTrendTag: "var(--graphy-font-trend-tag)", fontTrendTagSmall: "var(--graphy-font-trend-tag-small)", fontGoalLineLabel: "var(--graphy-font-goal-line-label)", fontPieLabel: "var(--graphy-font-pie-label)", fontPieChartTotal: "var(--graphy-font-pie-chart-total)", fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)", fontDifferenceArrowMedium: "var(--graphy-font-difference-arrow-medium)", fontDifferenceArrowLarge: "var(--graphy-font-difference-arrow-large)", fontButton: "var(--graphy-font-button)", fontInput: "var(--graphy-font-input)", fontInputLabel: "var(--graphy-font-input-label)", fontSelectLabel: "var(--graphy-font-select-label)", fontSelectDescription: "var(--graphy-font-select-description)", fontColorSelectLabel: "var(--graphy-font-color-select-label)", fontMenuTitle: "var(--graphy-font-menu-title)", fontMenuGroupTitle: "var(--graphy-font-menu-group-title)", fontMenuItemLabel: "var(--graphy-font-menu-item-label)", fontMenuItemLabelSecondary: "var(--graphy-font-menu-item-label-secondary)", fontUITooltip: "var(--graphy-font-uitooltip)", fontUITooltipSecondary: "var(--graphy-font-uitooltip-secondary)", fontErrorBoundaryTitle: "var(--graphy-font-error-boundary-title)", fontErrorBoundaryMessage: "var(--graphy-font-error-boundary-message)", fontTableCell: "var(--graphy-font-table-cell)", fontTableHeaderCell: "var(--graphy-font-table-header-cell)", fontSourceLabel: "var(--graphy-font-source-label)", fontSourceLink: "var(--graphy-font-source-link)", fontTextEditorH1: "var(--graphy-font-text-editor-h1)", fontTextEditorH2: "var(--graphy-font-text-editor-h2)", fontTextEditorH3: "var(--graphy-font-text-editor-h3)", fontTextEditorH6: "var(--graphy-font-text-editor-h6)", fontTextEditorBody: "var(--graphy-font-text-editor-body)", fontTextEditorLink: "var(--graphy-font-text-editor-link)", fontHighlightModeTitle: "var(--graphy-font-highlight-mode-title)", fontHighlightModeSubtitle: "var(--graphy-font-highlight-mode-subtitle)" };
38
+ const Jt = 1, xr = 8, Aa = 12;
39
39
  c.pointStrokeColor;
40
- const xa = 1, Sa = { centerX: 0, centerY: 0, radius: 1 }, qt = (e) => {
40
+ const xa = 1, Sa = { centerX: 0, centerY: 0, radius: 1 }, Zt = (e) => {
41
41
  const t = Math.min(e.width, e.height);
42
42
  return {
43
43
  centerX: (e.width - t) / 2 + t / 2,
44
44
  centerY: (e.height - t) / 2 + t / 2,
45
45
  radius: t / 2
46
46
  };
47
- }, ee = (e, t, n = Sa) => {
47
+ }, ne = (e, t, n = Sa) => {
48
48
  const r = di(e, t);
49
49
  return {
50
50
  x: n.centerX + r.x * n.radius,
51
51
  y: n.centerY - r.y * n.radius
52
52
  };
53
- }, Jt = (e, t) => ({ x: jn(e), y: Qn(t) }), te = (e, t) => {
54
- const n = ee(e, t);
53
+ }, _t = (e, t) => ({ x: jn(e), y: Qn(t) }), re = (e, t) => {
54
+ const n = ne(e, t);
55
55
  return { x: (n.x + 1) / 2, y: (n.y + 1) / 2 };
56
- }, wa = 2, ka = 0.7, me = ({ hit: e, project: t = Jt }) => {
56
+ }, wa = 2, ka = 0.7, me = ({ hit: e, project: t = _t }) => {
57
57
  if (!e.anchored) return null;
58
- const n = I(e.observation), r = (M(e.observation) ?? Xt) * ka, o = (ut(e.observation) ?? wr) / 2, a = t(e.x, e.y);
58
+ const n = I(e.observation), r = (M(e.observation) ?? Jt) * ka, o = (ut(e.observation) ?? xr) / 2, a = t(e.x, e.y);
59
59
  return /* @__PURE__ */ i(
60
60
  "circle",
61
61
  {
@@ -70,14 +70,14 @@ const xa = 1, Sa = { centerX: 0, centerY: 0, radius: 1 }, qt = (e) => {
70
70
  }
71
71
  );
72
72
  }, ft = 0.3, pt = 1;
73
- var oe = "_1d8mpa10";
73
+ var ie = "_1d8mpa10";
74
74
  const U = {
75
75
  type: "spring",
76
76
  stiffness: 500,
77
77
  damping: 60,
78
78
  mass: 1
79
- }, Dt = (e, t) => {
80
- const n = sr(e);
79
+ }, Ft = (e, t) => {
80
+ const n = ir(e);
81
81
  return C(() => {
82
82
  const r = la(n.get(), e);
83
83
  aa(0, 1, {
@@ -88,7 +88,7 @@ const U = {
88
88
  }
89
89
  });
90
90
  }, [t, e, n]), n;
91
- }, kr = ({ isAnimated: e, ...t }) => e ? /* @__PURE__ */ i(Ea, { ...t }) : /* @__PURE__ */ i(Ca, { ...t }), Ca = ({
91
+ }, Sr = ({ isAnimated: e, ...t }) => e ? /* @__PURE__ */ i(Ea, { ...t }) : /* @__PURE__ */ i(Ca, { ...t }), Ca = ({
92
92
  fillPath: e,
93
93
  linePath: t,
94
94
  fill: n,
@@ -121,11 +121,11 @@ const U = {
121
121
  strokeOpacity: s,
122
122
  strokeDasharray: l
123
123
  }) => {
124
- const d = Dt(e, U), u = Dt(t, U);
124
+ const d = Ft(e, U), u = Ft(t, U);
125
125
  return /* @__PURE__ */ v("g", { children: [
126
- /* @__PURE__ */ i($.path, { d, fill: n, fillOpacity: r, stroke: "none" }),
126
+ /* @__PURE__ */ i(te.path, { d, fill: n, fillOpacity: r, stroke: "none" }),
127
127
  /* @__PURE__ */ i(
128
- $.path,
128
+ te.path,
129
129
  {
130
130
  d: u,
131
131
  fill: "none",
@@ -137,29 +137,29 @@ const U = {
137
137
  }
138
138
  )
139
139
  ] });
140
- }, La = re(function({
140
+ }, La = oe(function({
141
141
  layer: t,
142
142
  coordSystem: n,
143
143
  isAnimated: r
144
144
  }) {
145
145
  const { lineGenerator: o, areaGenerator: a } = y(
146
- () => Kn(n, t.params),
146
+ () => Xn(n, t.params),
147
147
  [t.params, n]
148
148
  ), s = y(() => {
149
149
  const l = Ne(t.data, t.mapping, t.id), d = [];
150
150
  return t.data.groupBy(se.group).forEach((u) => {
151
- const h = Xn([...u], t.params.missingValues), g = a(h), f = o(h);
151
+ const h = Kn([...u], t.params.missingValues), g = a(h), f = o(h);
152
152
  if (!g || !f) return;
153
- const m = h[0];
154
- if (!m) return;
155
- const p = I(m), x = M(m), b = pe(m, t.params), k = Ie(He(m));
153
+ const p = h[0];
154
+ if (!p) return;
155
+ const m = I(p), x = M(p), A = pe(p, t.params), k = Ie(He(p));
156
156
  d.push({
157
- key: l(m),
157
+ key: l(p),
158
158
  areaPath: g,
159
159
  linePath: f,
160
- color: p,
160
+ color: m,
161
161
  fillOpacity: x ?? ft,
162
- strokeWidth: b,
162
+ strokeWidth: A,
163
163
  strokeOpacity: pt,
164
164
  strokeDasharray: k
165
165
  });
@@ -173,7 +173,7 @@ const U = {
173
173
  width: "100%",
174
174
  height: "100%",
175
175
  "data-geom": "area",
176
- className: oe,
176
+ className: ie,
177
177
  children: s.map((l) => /* @__PURE__ */ i(
178
178
  Ta,
179
179
  {
@@ -200,7 +200,7 @@ const U = {
200
200
  strokeDasharray: s,
201
201
  isAnimated: l
202
202
  }) => /* @__PURE__ */ i(
203
- kr,
203
+ Sr,
204
204
  {
205
205
  fillPath: e,
206
206
  linePath: t,
@@ -214,9 +214,9 @@ const U = {
214
214
  }
215
215
  );
216
216
  var Pa = "_324dw20";
217
- const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t = Jt, ...n }) => {
217
+ const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t = _t, ...n }) => {
218
218
  if (!e.anchored) return null;
219
- const r = I(e.observation), o = M(e.observation) ?? Xt, a = t(e.x, e.y), s = S(a.x), l = S(a.y), d = Ha(e.observation), u = d + kt / 2 + Ra + kt / 2;
219
+ const r = I(e.observation), o = M(e.observation) ?? Jt, a = t(e.x, e.y), s = S(a.x), l = S(a.y), d = Ha(e.observation), u = d + kt / 2 + Ra + kt / 2;
220
220
  return /* @__PURE__ */ v("g", { ...n, className: Pa, children: [
221
221
  /* @__PURE__ */ i(
222
222
  "circle",
@@ -248,11 +248,11 @@ const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t
248
248
  }, Da = ({ layer: e, coordSystem: t, primary: n, companions: r }) => {
249
249
  const o = ht(n.observation), a = y(() => {
250
250
  const f = e.data.filter(se.group, "eq", o);
251
- return Xn([...f], e.params.missingValues);
251
+ return Kn([...f], e.params.missingValues);
252
252
  }, [e.data, e.params.missingValues, o]), { areaPath: s, linePath: l } = y(() => {
253
- const { lineGenerator: f, areaGenerator: m } = Kn(t, e.params);
253
+ const { lineGenerator: f, areaGenerator: p } = Xn(t, e.params);
254
254
  return {
255
- areaPath: m(a) ?? "",
255
+ areaPath: p(a) ?? "",
256
256
  linePath: f(a) ?? ""
257
257
  };
258
258
  }, [t, e.params, a]);
@@ -267,7 +267,7 @@ const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t
267
267
  width: "100%",
268
268
  height: "100%",
269
269
  "data-geom": "area",
270
- className: oe,
270
+ className: ie,
271
271
  children: [
272
272
  /* @__PURE__ */ i("path", { d: s, fill: d, fillOpacity: u, stroke: "none", "data-testid": "hovered-area-fill" }),
273
273
  /* @__PURE__ */ i(
@@ -299,13 +299,13 @@ const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t
299
299
  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ i(T, { children: e.map((t) => /* @__PURE__ */ i(me, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
300
300
  getOverlayAnchor: ({ observation: e, coordSystem: t }) => {
301
301
  if (t.mainAxis === "x") {
302
- const o = q(e), a = Jn(e) ?? _(e);
302
+ const o = J(e), a = Jn(e) ?? ee(e);
303
303
  return o === null || a === null ? null : { x: o, y: a };
304
304
  }
305
- const n = _(e), r = ui(e) ?? q(e);
305
+ const n = ee(e), r = ui(e) ?? J(e);
306
306
  return n === null || r === null ? null : { x: r, y: n };
307
307
  }
308
- }, Cr = 1, Qe = 4, Fa = re(function({
308
+ }, wr = 1, Qe = 4, Fa = oe(function({
309
309
  layer: t,
310
310
  coordSystem: n,
311
311
  isAnimated: r
@@ -315,13 +315,13 @@ const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t
315
315
  for (const u of t.data) {
316
316
  const h = Zn(n.mainAxis, u);
317
317
  if (!h) continue;
318
- const g = Ga(n.mainAxis, h), f = d.get(g), m = {
318
+ const g = Ga(n.mainAxis, h), f = d.get(g), p = {
319
319
  key: l(u),
320
320
  ...h,
321
321
  fill: I(u),
322
- opacity: M(u) ?? Cr
322
+ opacity: M(u) ?? wr
323
323
  };
324
- f ? f.push(m) : d.set(g, [m]);
324
+ f ? f.push(p) : d.set(g, [p]);
325
325
  }
326
326
  return [...d.entries()].map(([u, h]) => ({
327
327
  id: `${o}${u}`,
@@ -335,16 +335,16 @@ const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t
335
335
  const [d] = l.bars;
336
336
  if (l.bars.length === 1 && d !== void 0) {
337
337
  const { key: u, ...h } = d;
338
- return /* @__PURE__ */ i(ln, { ...h, rx: Qe, isAnimated: r }, u);
338
+ return /* @__PURE__ */ i(dn, { ...h, rx: Qe, isAnimated: r }, u);
339
339
  }
340
340
  return /* @__PURE__ */ i("g", { clipPath: `url(#${l.id})`, children: l.bars.map((u) => {
341
341
  const { key: h, ...g } = u;
342
- return /* @__PURE__ */ i(ln, { ...g, isAnimated: r }, h);
342
+ return /* @__PURE__ */ i(dn, { ...g, isAnimated: r }, h);
343
343
  }) }, l.id);
344
344
  })
345
345
  ] });
346
- }), ln = ({ isAnimated: e, rx: t, ...n }) => e ? /* @__PURE__ */ i(
347
- $.rect,
346
+ }), dn = ({ isAnimated: e, rx: t, ...n }) => e ? /* @__PURE__ */ i(
347
+ te.rect,
348
348
  {
349
349
  initial: !1,
350
350
  style: { transformBox: "view-box" },
@@ -373,7 +373,7 @@ const kt = 1, Ba = 2, Ra = 1, Na = Aa / 2, Ia = 2.25, De = ({ hit: e, project: t
373
373
  rx: t
374
374
  }
375
375
  ), Oa = ({ column: e, isAnimated: t }) => t ? /* @__PURE__ */ i(
376
- $.rect,
376
+ te.rect,
377
377
  {
378
378
  initial: !1,
379
379
  style: { transformBox: "view-box" },
@@ -405,7 +405,7 @@ var za = "_1suo8ub0";
405
405
  const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
406
406
  const r = Zn(e.mainAxis, t.observation);
407
407
  if (!r) return null;
408
- const o = r.x * n.width, a = r.y * n.height, s = r.width * n.width, l = r.height * n.height, d = o - We, u = a - We, h = s + We * 2, g = l + We * 2, f = Qe + We, m = I(t.observation), p = M(t.observation) ?? Cr;
408
+ const o = r.x * n.width, a = r.y * n.height, s = r.width * n.width, l = r.height * n.height, d = o - We, u = a - We, h = s + We * 2, g = l + We * 2, f = Qe + We, p = I(t.observation), m = M(t.observation) ?? wr;
409
409
  return /* @__PURE__ */ v("g", { "data-testid": "hovered-bar", children: [
410
410
  /* @__PURE__ */ i(
411
411
  "rect",
@@ -427,8 +427,8 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
427
427
  y: S(r.y),
428
428
  width: S(r.width),
429
429
  height: S(r.height),
430
- fill: m,
431
- opacity: p,
430
+ fill: p,
431
+ opacity: m,
432
432
  rx: Qe,
433
433
  "data-testid": "hovered-bar-fill"
434
434
  }
@@ -442,7 +442,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
442
442
  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ i(Fa, { layer: e, coordSystem: t, isAnimated: n }),
443
443
  renderHover: ({ coordSystem: e, primary: t, panelRect: n }) => /* @__PURE__ */ i(Ya, { coordSystem: e, primary: t, panelRect: n }),
444
444
  renderHoverCompanions: () => null
445
- }, mt = 1, Va = 0.15, Qa = re(function({
445
+ }, mt = 1, Va = 0.15, Qa = oe(function({
446
446
  layer: t,
447
447
  isAnimated: n
448
448
  }) {
@@ -456,15 +456,15 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
456
456
  if (!h) return;
457
457
  const g = o?.(u) ?? void 0, f = u[0];
458
458
  if (!f) return;
459
- const m = I(f), p = M(f), x = pe(f, t.params), b = Ie(He(f));
459
+ const p = I(f), m = M(f), x = pe(f, t.params), A = Ie(He(f));
460
460
  l.push({
461
461
  key: s(f),
462
462
  pathData: h,
463
463
  fillPath: g,
464
- color: m,
465
- opacity: p ?? mt,
464
+ color: p,
465
+ opacity: m ?? mt,
466
466
  strokeWidth: x,
467
- strokeDasharray: b
467
+ strokeDasharray: A
468
468
  });
469
469
  }), l;
470
470
  }, [r, o, t.data, t.id, t.mapping, t.params]);
@@ -476,7 +476,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
476
476
  width: "100%",
477
477
  height: "100%",
478
478
  "data-geom": "line",
479
- className: oe,
479
+ className: ie,
480
480
  children: a.map((s) => /* @__PURE__ */ i(
481
481
  ja,
482
482
  {
@@ -501,7 +501,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
501
501
  strokeDasharray: a,
502
502
  isAnimated: s
503
503
  }) => t ? /* @__PURE__ */ i(
504
- Ka,
504
+ Xa,
505
505
  {
506
506
  fillPath: t,
507
507
  linePath: e,
@@ -512,7 +512,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
512
512
  isAnimated: s
513
513
  }
514
514
  ) : s ? /* @__PURE__ */ i(
515
- Xa,
515
+ Ka,
516
516
  {
517
517
  pathData: e,
518
518
  color: n,
@@ -531,7 +531,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
531
531
  strokeDasharray: a,
532
532
  vectorEffect: "non-scaling-stroke"
533
533
  }
534
- ), Ka = ({
534
+ ), Xa = ({
535
535
  fillPath: e,
536
536
  linePath: t,
537
537
  color: n,
@@ -548,7 +548,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
548
548
  /* @__PURE__ */ i("stop", { offset: "100%", stopColor: n, stopOpacity: 0 })
549
549
  ] }) }),
550
550
  /* @__PURE__ */ i(
551
- kr,
551
+ Sr,
552
552
  {
553
553
  fillPath: e,
554
554
  linePath: t,
@@ -562,16 +562,16 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
562
562
  }
563
563
  )
564
564
  ] });
565
- }, Xa = ({
565
+ }, Ka = ({
566
566
  pathData: e,
567
567
  color: t,
568
568
  strokeWidth: n,
569
569
  opacity: r,
570
570
  strokeDasharray: o
571
571
  }) => {
572
- const a = Dt(e, U);
572
+ const a = Ft(e, U);
573
573
  return /* @__PURE__ */ i(
574
- $.path,
574
+ te.path,
575
575
  {
576
576
  d: a,
577
577
  fill: "none",
@@ -598,7 +598,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
598
598
  width: "100%",
599
599
  height: "100%",
600
600
  "data-geom": "line",
601
- className: oe,
601
+ className: ie,
602
602
  children: /* @__PURE__ */ i(
603
603
  "path",
604
604
  {
@@ -626,15 +626,15 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
626
626
  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ i(qa, { layer: e, primary: t, companions: [...n, ...r] }),
627
627
  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ i(T, { children: e.map((t) => /* @__PURE__ */ i(me, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
628
628
  getOverlayAnchor: ({ observation: e }) => {
629
- const t = q(e), n = _(e);
629
+ const t = J(e), n = ee(e);
630
630
  return t === null || n === null ? null : { x: t, y: n };
631
631
  }
632
- }, Er = ({ observation: e, project: t, layerSize: n, isAnimated: r }) => {
633
- const o = q(e), a = _(e);
632
+ }, kr = ({ observation: e, project: t, layerSize: n, isAnimated: r }) => {
633
+ const o = J(e), a = ee(e);
634
634
  if (o === null || a === null) return null;
635
- const s = t(o, a), l = S(s.x), d = S(s.y), u = (ut(e) ?? n) / 2, h = I(e), g = M(e) ?? Xt, f = gi(e) ?? xa;
635
+ const s = t(o, a), l = S(s.x), d = S(s.y), u = (ut(e) ?? n) / 2, h = I(e), g = M(e) ?? Jt, f = gi(e) ?? xa;
636
636
  return r ? /* @__PURE__ */ i(
637
- $.circle,
637
+ te.circle,
638
638
  {
639
639
  initial: !1,
640
640
  transition: U,
@@ -655,7 +655,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
655
655
  strokeWidth: f
656
656
  }
657
657
  );
658
- }, Za = re(function({
658
+ }, Za = oe(function({
659
659
  layer: t,
660
660
  isAnimated: n
661
661
  }) {
@@ -665,10 +665,10 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
665
665
  for (const s of t.data)
666
666
  o.push(
667
667
  /* @__PURE__ */ i(
668
- Er,
668
+ kr,
669
669
  {
670
670
  observation: s,
671
- project: Jt,
671
+ project: _t,
672
672
  layerSize: t.params.size,
673
673
  isAnimated: n
674
674
  },
@@ -677,7 +677,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
677
677
  );
678
678
  return o;
679
679
  }, [t.data, t.params.size, n]);
680
- }), cn = ({ primary: e, companions: t }) => {
680
+ }), un = ({ primary: e, companions: t }) => {
681
681
  const n = /* @__PURE__ */ v(T, { children: [
682
682
  t.map((r) => /* @__PURE__ */ i(me, { hit: r }, `companion-${r.layerId}-${r.pointIndex}`)),
683
683
  e ? /* @__PURE__ */ i(De, { hit: e }) : null
@@ -688,21 +688,21 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
688
688
  coord: "cartesian",
689
689
  swatchShape: "circle",
690
690
  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ i(Za, { layer: e, isAnimated: t }),
691
- renderHover: ({ primary: e, group: t, related: n }) => /* @__PURE__ */ i(cn, { primary: e, companions: [...t, ...n] }),
692
- renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ i(cn, { companions: e }),
691
+ renderHover: ({ primary: e, group: t, related: n }) => /* @__PURE__ */ i(un, { primary: e, companions: [...t, ...n] }),
692
+ renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ i(un, { companions: e }),
693
693
  getOverlayAnchor: ({ observation: e }) => {
694
- const t = q(e), n = _(e);
694
+ const t = J(e), n = ee(e);
695
695
  return t === null || n === null ? null : { x: t, y: n };
696
696
  }
697
697
  }, Me = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
698
- 'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, $a = Me, be = {
698
+ 'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, $a = Me, Ae = {
699
699
  regular: ge.regular,
700
700
  medium: ge.medium,
701
701
  semibold: ge.semiBold,
702
702
  bold: ge.bold,
703
703
  extraBold: ge.extraBold,
704
704
  black: ge.black
705
- }, K = {
705
+ }, X = {
706
706
  xxs: 1,
707
707
  xs: 1.1,
708
708
  sm: 1.2,
@@ -713,7 +713,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
713
713
  headingSm: 1.8,
714
714
  headingMd: 2.2,
715
715
  headingLg: 2.8
716
- }, X = {
716
+ }, K = {
717
717
  xxs: 1,
718
718
  xs: 1,
719
719
  sm: 1.3,
@@ -724,61 +724,63 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
724
724
  headingSm: 1.25,
725
725
  headingMd: 1.41,
726
726
  headingLg: 1.29
727
- }, ae = {
727
+ }, _ = {
728
728
  fontTickLabel: { weight: "fontWeightMedium", size: "fontSizeSm", lineHeight: "fontLineHeightSm" },
729
729
  fontAxisLabel: { weight: "fontWeightMedium", size: "fontSizeSm", lineHeight: "fontLineHeightSm" },
730
730
  fontDataLabel: { weight: "fontWeightMedium", size: "fontSizeXs", lineHeight: "fontLineHeightXs" },
731
731
  fontStackTotal: { weight: "fontWeightSemibold", size: "fontSizeXs", lineHeight: "fontLineHeightXs" },
732
+ fontCategoryLabel: { weight: "fontWeightMedium", size: "fontSizeXs", lineHeight: "fontLineHeightXs" },
732
733
  fontLegendLabel: { weight: "fontWeightMedium", size: "fontSizeSm", lineHeight: "fontLineHeightSm" },
733
734
  fontGoalLineLabel: { weight: "fontWeightMedium", size: "fontSizeXs", lineHeight: "fontLineHeightXs" }
734
- }, Lr = `var(--typography-chart-font-family, ${c.fontFamilyDefault})`, Ct = `var(--typography-chart-heading-font-family, ${c.fontFamilyHeading})`, Tr = (e) => e in ae, es = (e, t) => {
735
- const n = ae[e], r = w(
735
+ }, Cr = `var(--typography-chart-font-family, ${c.fontFamilyDefault})`, Ct = `var(--typography-chart-heading-font-family, ${c.fontFamilyHeading})`, Er = (e) => e in _, es = (e, t) => {
736
+ const n = _[e], r = w(
736
737
  t.weight?.toString() ?? c[n.weight],
737
738
  t.size === void 0 ? c[n.size] : `${t.size.value}${t.size.unit}`,
738
739
  t.lineHeight?.toString() ?? c[n.lineHeight],
739
- t.family ?? Lr
740
+ t.family ?? Cr
740
741
  );
741
742
  return t.style === void 0 || t.style === "normal" ? r : `${t.style} ${r}`;
742
- }, Z = (e) => `${e}em`, Pr = {
743
+ }, $ = (e) => `${e}em`, Lr = {
743
744
  textScale: "1",
744
745
  fontFamilyDefault: Me,
745
746
  fontFamilyHeading: $a,
746
- fontWeightRegular: be.regular.toString(),
747
- fontWeightMedium: be.medium.toString(),
748
- fontWeightSemibold: be.semibold.toString(),
749
- fontWeightBold: be.bold.toString(),
750
- fontWeightExtraBold: be.extraBold.toString(),
751
- fontWeightBlack: be.black.toString(),
752
- fontSizeXxs: Z(K.xxs),
753
- fontSizeXs: Z(K.xs),
754
- fontSizeSm: Z(K.sm),
755
- fontSizeMd: Z(K.md),
756
- fontSizeLg: Z(K.lg),
757
- fontSizeXl: Z(K.xl),
758
- fontLineHeightXxs: X.xxs.toString(),
759
- fontLineHeightXs: X.xs.toString(),
760
- fontLineHeightSm: X.sm.toString(),
761
- fontLineHeightMd: X.md.toString(),
762
- fontLineHeightLg: X.lg.toString(),
763
- fontLineHeightXl: X.xl.toString()
764
- }, Br = {
765
- fontSizeEditorBody: Z(K.editorBody),
766
- fontSizeHeadingSm: Z(K.headingSm),
767
- fontSizeHeadingMd: Z(K.headingMd),
768
- fontSizeHeadingLg: Z(K.headingLg),
769
- fontLineHeightEditorBody: X.editorBody.toString(),
770
- fontLineHeightHeadingSm: X.headingSm.toString(),
771
- fontLineHeightHeadingMd: X.headingMd.toString(),
772
- fontLineHeightHeadingLg: X.headingLg.toString()
773
- }, w = (e, t, n, r = Lr) => `${e} ${t}/${n} ${r}`, Ee = ({ weight: e, size: t, lineHeight: n }) => w(c[e], c[t], c[n]), Rr = {
747
+ fontWeightRegular: Ae.regular.toString(),
748
+ fontWeightMedium: Ae.medium.toString(),
749
+ fontWeightSemibold: Ae.semibold.toString(),
750
+ fontWeightBold: Ae.bold.toString(),
751
+ fontWeightExtraBold: Ae.extraBold.toString(),
752
+ fontWeightBlack: Ae.black.toString(),
753
+ fontSizeXxs: $(X.xxs),
754
+ fontSizeXs: $(X.xs),
755
+ fontSizeSm: $(X.sm),
756
+ fontSizeMd: $(X.md),
757
+ fontSizeLg: $(X.lg),
758
+ fontSizeXl: $(X.xl),
759
+ fontLineHeightXxs: K.xxs.toString(),
760
+ fontLineHeightXs: K.xs.toString(),
761
+ fontLineHeightSm: K.sm.toString(),
762
+ fontLineHeightMd: K.md.toString(),
763
+ fontLineHeightLg: K.lg.toString(),
764
+ fontLineHeightXl: K.xl.toString()
765
+ }, Tr = {
766
+ fontSizeEditorBody: $(X.editorBody),
767
+ fontSizeHeadingSm: $(X.headingSm),
768
+ fontSizeHeadingMd: $(X.headingMd),
769
+ fontSizeHeadingLg: $(X.headingLg),
770
+ fontLineHeightEditorBody: K.editorBody.toString(),
771
+ fontLineHeightHeadingSm: K.headingSm.toString(),
772
+ fontLineHeightHeadingMd: K.headingMd.toString(),
773
+ fontLineHeightHeadingLg: K.headingLg.toString()
774
+ }, w = (e, t, n, r = Cr) => `${e} ${t}/${n} ${r}`, be = ({ weight: e, size: t, lineHeight: n }) => w(c[e], c[t], c[n]), Pr = {
774
775
  // Axes
775
- fontTickLabel: Ee(ae.fontTickLabel),
776
- fontAxisLabel: Ee(ae.fontAxisLabel),
776
+ fontTickLabel: be(_.fontTickLabel),
777
+ fontAxisLabel: be(_.fontAxisLabel),
777
778
  // Data labels
778
- fontDataLabel: Ee(ae.fontDataLabel),
779
- fontStackTotal: Ee(ae.fontStackTotal),
779
+ fontDataLabel: be(_.fontDataLabel),
780
+ fontStackTotal: be(_.fontStackTotal),
781
+ fontCategoryLabel: be(_.fontCategoryLabel),
780
782
  // Legend
781
- fontLegendLabel: Ee(ae.fontLegendLabel),
783
+ fontLegendLabel: be(_.fontLegendLabel),
782
784
  fontSeriesLabel: w(c.fontWeightSemibold, c.fontSizeSm, c.fontLineHeightSm),
783
785
  // Chart tooltips
784
786
  fontTooltipLabel: w(c.fontWeightMedium, c.fontSizeMd, c.fontLineHeightMd),
@@ -797,7 +799,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
797
799
  fontTrendTag: w(c.fontWeightMedium, c.fontSizeMd, c.fontLineHeightMd),
798
800
  fontTrendTagSmall: w(c.fontWeightMedium, c.fontSizeXs, c.fontLineHeightXs),
799
801
  // Goal lines
800
- fontGoalLineLabel: Ee(ae.fontGoalLineLabel),
802
+ fontGoalLineLabel: be(_.fontGoalLineLabel),
801
803
  // Pie charts
802
804
  fontPieLabel: w(c.fontWeightMedium, c.fontSizeXs, c.fontLineHeightXs),
803
805
  fontPieChartTotal: w(c.fontWeightBold, c.fontSizeHeadingLg, c.fontLineHeightHeadingLg),
@@ -850,7 +852,7 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
850
852
  small: 1,
851
853
  medium: 1,
852
854
  large: 1.2
853
- }, Nr = X.sm, Ir = 2, Hr = 24, Dr = 12, Mr = 10, Fr = 8, Or = 8, Gr = 8, Wr = 2, zr = 1, Yr = 2, Ur = 4, rs = Yr * Ur, Vr = !1, _e = 6, Qr = 10, N = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, vt = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, jr = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, Mt = (e, t, n) => `color-mix(in srgb, ${e}, ${t} ${n * 100}%)`, os = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), is = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), Q = (e) => `${e}px`, Kr = {
855
+ }, Br = K.sm, Rr = 2, Nr = 24, Ir = 12, Hr = 10, Dr = 8, Mr = 8, Fr = 8, Or = 2, Gr = 1, Wr = 2, zr = 4, rs = Wr * zr, Yr = !1, _e = 6, Ur = 10, N = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, vt = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, Vr = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, Ot = (e, t, n) => `color-mix(in srgb, ${e}, ${t} ${n * 100}%)`, os = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), is = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), Q = (e) => `${e}px`, Qr = {
854
856
  graphPadding: Q(er),
855
857
  gridLineWidth: "1px",
856
858
  gridLineDash: "2 3",
@@ -861,31 +863,31 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
861
863
  tooltipPaddingInline: "10px",
862
864
  tooltipRowGap: "4px",
863
865
  tooltipShadow: "0 4px 12px rgba(0, 0, 0, 0.18)",
864
- tickLabelOffset: Q(Qr),
865
- legendItemGap: Q(Or),
866
- legendSwatchGap: Q(Fr),
867
- legendSwatchWidth: Q(Mr),
868
- legendSwatchHeight: Q(Dr),
869
- legendPillPaddingInline: Q(Gr),
870
- legendPillPaddingBlock: Q(Wr),
871
- legendPillBorderWidth: Q(zr),
872
- headlineRowGap: Q(Ir),
873
- headlineItemGap: Q(Hr)
874
- }, Xr = {
866
+ tickLabelOffset: Q(Ur),
867
+ legendItemGap: Q(Mr),
868
+ legendSwatchGap: Q(Dr),
869
+ legendSwatchWidth: Q(Hr),
870
+ legendSwatchHeight: Q(Ir),
871
+ legendPillPaddingInline: Q(Fr),
872
+ legendPillPaddingBlock: Q(Or),
873
+ legendPillBorderWidth: Q(Gr),
874
+ headlineRowGap: Q(Rr),
875
+ headlineItemGap: Q(Nr)
876
+ }, jr = {
875
877
  elevationXs: "0 0 2px rgba(15, 15, 24, 0.12), 0 2px 2px rgba(14, 14, 52, 0.08)",
876
878
  elevationSm: "0 0 4px rgba(15, 15, 24, 0.12), 0 4px 4px rgba(14, 14, 52, 0.08)",
877
879
  elevationMd: "0 0 8px rgba(15, 15, 24, 0.12), 0 8px 8px rgba(14, 14, 52, 0.08)",
878
880
  elevationLg: "0 0 16px rgba(15, 15, 24, 0.12), 0 16px 16px rgba(14, 14, 52, 0.08)"
879
- }, qr = {
881
+ }, Xr = {
880
882
  radiiXs: "4px",
881
883
  radiiSm: "6px",
882
884
  radiiMd: "8px",
883
885
  radiiLg: "12px"
884
- }, Jr = {
886
+ }, Kr = {
885
887
  zIndexToolbar: "10",
886
888
  zIndexToolbarTooltip: "20",
887
889
  zIndexToolbarPopover: "30"
888
- }, as = 8, Le = (e) => `${as * e}px`, Zr = {
890
+ }, as = 8, Le = (e) => `${as * e}px`, qr = {
889
891
  spaceXxs: Le(0.25),
890
892
  // space(0.25) → 2px
891
893
  spaceXs: Le(0.5),
@@ -1006,42 +1008,42 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
1006
1008
  canvasPurple: "#8b5cf6",
1007
1009
  canvasGray: "#78716c",
1008
1010
  canvasInverse: "#ffffff"
1009
- }, _r = {
1011
+ }, Jr = {
1010
1012
  ...ss,
1011
1013
  ...ls,
1014
+ ...jr,
1012
1015
  ...Xr,
1013
1016
  ...qr,
1014
- ...Zr,
1015
- ...Jr,
1017
+ ...Kr,
1016
1018
  ...cs,
1017
1019
  ...ds,
1018
- ...Kr,
1019
- ...Pr,
1020
- ...Br,
1021
- ...Rr
1022
- }, us = 10, yt = (e, t) => e * us * t, hs = ["normal", "italic", "oblique"], gs = /^(\d*\.?\d+)(px|em)$/, $r = /^\d*\.?\d+$/, fs = {
1020
+ ...Qr,
1021
+ ...Lr,
1022
+ ...Tr,
1023
+ ...Pr
1024
+ }, us = 10, yt = (e, t) => e * us * t, hs = ["normal", "italic", "oblique"], gs = /^(\d*\.?\d+)(px|em)$/, Zr = /^\d*\.?\d+$/, fs = {
1023
1025
  normal: ge.normal,
1024
1026
  bold: ge.bold
1025
- }, ps = (e) => hs.includes(e), eo = (e) => {
1027
+ }, ps = (e) => hs.includes(e), _r = (e) => {
1026
1028
  const t = gs.exec(e.trim());
1027
1029
  return t === null || t[1] === void 0 || t[2] === void 0 ? null : { value: Number.parseFloat(t[1]), unit: t[2] === "px" ? "px" : "em" };
1028
- }, to = (e) => {
1030
+ }, $r = (e) => {
1029
1031
  const t = e.trim(), n = fs[t];
1030
1032
  if (n !== void 0) return n;
1031
- if (!$r.test(t)) return null;
1033
+ if (!Zr.test(t)) return null;
1032
1034
  const r = Number.parseFloat(t);
1033
1035
  return r >= 1 && r <= 1e3 ? r : null;
1034
- }, no = (e) => {
1036
+ }, eo = (e) => {
1035
1037
  const t = e.trim();
1036
- return $r.test(t) ? Number.parseFloat(t) : null;
1037
- }, ne = (e, t) => ({
1038
+ return Zr.test(t) ? Number.parseFloat(t) : null;
1039
+ }, q = (e, t) => ({
1038
1040
  family: e.family,
1039
1041
  size: e.size.unit === "em" ? yt(e.size.value, t) : e.size.value,
1040
1042
  weight: e.weight,
1041
1043
  style: e.style
1042
1044
  }), ms = (e, t = {}) => {
1043
1045
  const n = Et(e.fontFamilyDefault) ?? Et(Me) ?? "", r = (o) => {
1044
- const a = t[o] ?? {}, s = ae[o], l = ro(s, e);
1046
+ const a = t[o] ?? {}, s = _[o], l = to(s, e);
1045
1047
  l === null && ys(o);
1046
1048
  const d = l ?? vs(s);
1047
1049
  return {
@@ -1055,17 +1057,18 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
1055
1057
  return {
1056
1058
  dataLabel: r("fontDataLabel"),
1057
1059
  stackTotal: r("fontStackTotal"),
1060
+ categoryLabel: r("fontCategoryLabel"),
1058
1061
  tickLabel: r("fontTickLabel"),
1059
1062
  axisLabel: r("fontAxisLabel"),
1060
1063
  legendLabel: r("fontLegendLabel"),
1061
1064
  goalLineLabel: r("fontGoalLineLabel"),
1062
1065
  familyDefault: n
1063
1066
  };
1064
- }, ro = (e, t) => {
1065
- const n = to(t[e.weight]), r = eo(t[e.size]), o = no(t[e.lineHeight]);
1067
+ }, to = (e, t) => {
1068
+ const n = $r(t[e.weight]), r = _r(t[e.size]), o = eo(t[e.lineHeight]);
1066
1069
  return n === null || r === null || o === null ? null : { weight: n, size: r, lineHeight: o };
1067
1070
  }, vs = (e) => {
1068
- const t = ro(e, _r);
1071
+ const t = to(e, Jr);
1069
1072
  if (t === null) throw new Error("[react-renderer] Base typography leaf tokens failed to parse.");
1070
1073
  return t;
1071
1074
  }, Et = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), ys = (e) => {
@@ -1183,56 +1186,56 @@ const We = 3, Ya = ({ coordSystem: e, primary: t, panelRect: n }) => {
1183
1186
  }, ws = {
1184
1187
  ...bs,
1185
1188
  ...As,
1189
+ ...jr,
1186
1190
  ...Xr,
1187
1191
  ...qr,
1188
- ...Zr,
1189
- ...Jr,
1192
+ ...Kr,
1190
1193
  ...xs,
1191
1194
  ...Ss,
1192
- ...Kr,
1193
- ...Pr,
1194
- ...Br,
1195
- ...Rr
1196
- }, oo = (e, t = {}) => {
1195
+ ...Qr,
1196
+ ...Lr,
1197
+ ...Tr,
1198
+ ...Pr
1199
+ }, no = (e, t = {}) => {
1197
1200
  const n = {}, r = {};
1198
1201
  for (const [a, s] of Object.entries(t))
1199
1202
  if (s != null)
1200
- if (Tr(a)) {
1203
+ if (Er(a)) {
1201
1204
  const l = s;
1202
1205
  r[a] = l, n[a] = es(a, l);
1203
1206
  } else
1204
1207
  n[a] = s;
1205
1208
  return { values: {
1206
- ...e === "dark" ? ws : _r,
1209
+ ...e === "dark" ? ws : Jr,
1207
1210
  ...n
1208
1211
  }, fontOverrides: r };
1209
- }, ks = (e, t = {}) => oo(e, t).values, io = (e, t = {}) => {
1210
- const { values: n, fontOverrides: r } = oo(e, t), o = j(n.legendPillPaddingInline, Gr), a = j(n.legendPillPaddingBlock, Wr), s = j(n.legendPillBorderWidth, zr);
1212
+ }, ks = (e, t = {}) => no(e, t).values, ro = (e, t = {}) => {
1213
+ const { values: n, fontOverrides: r } = no(e, t), o = j(n.legendPillPaddingInline, Fr), a = j(n.legendPillPaddingBlock, Or), s = j(n.legendPillBorderWidth, Gr);
1211
1214
  return {
1212
1215
  graphPadding: j(n.graphPadding, er),
1213
- tickLabelOffset: j(n.tickLabelOffset, Qr),
1214
- legendSwatchWidth: j(n.legendSwatchWidth, Mr),
1215
- legendSwatchHeight: j(n.legendSwatchHeight, Dr),
1216
- legendSwatchGap: j(n.legendSwatchGap, Fr),
1217
- legendItemGap: j(n.legendItemGap, Or),
1216
+ tickLabelOffset: j(n.tickLabelOffset, Ur),
1217
+ legendSwatchWidth: j(n.legendSwatchWidth, Hr),
1218
+ legendSwatchHeight: j(n.legendSwatchHeight, Ir),
1219
+ legendSwatchGap: j(n.legendSwatchGap, Dr),
1220
+ legendItemGap: j(n.legendItemGap, Mr),
1218
1221
  legendPillPaddingInline: o,
1219
1222
  legendPillPaddingBlock: a,
1220
1223
  legendPillBorderWidth: s,
1221
1224
  legendPillHorizontalChrome: 2 * (o + s),
1222
1225
  legendPillVerticalChrome: 2 * (a + s),
1223
- headlineRowGap: j(n.headlineRowGap, Ir),
1224
- headlineItemGap: j(n.headlineItemGap, Hr),
1226
+ headlineRowGap: j(n.headlineRowGap, Rr),
1227
+ headlineItemGap: j(n.headlineItemGap, Nr),
1225
1228
  fonts: ms(n, r)
1226
1229
  };
1227
- }, Cs = Object.freeze(io("light"));
1230
+ }, Cs = Object.freeze(ro("light"));
1228
1231
  function j(e, t) {
1229
1232
  const n = e.trim();
1230
1233
  if (!/^-?\d*\.?\d+(px)?$/.test(n)) return t;
1231
1234
  const r = Number.parseFloat(n);
1232
1235
  return Number.isFinite(r) ? r : t;
1233
1236
  }
1234
- const ao = xe(Cs), Es = ({ metrics: e, children: t }) => /* @__PURE__ */ i(ao.Provider, { value: e, children: t }), ve = () => le(ao), Ls = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, so = "😀";
1235
- class Zt {
1237
+ const oo = Se(Cs), Es = ({ metrics: e, children: t }) => /* @__PURE__ */ i(oo.Provider, { value: e, children: t }), ve = () => le(oo), Ls = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, io = "😀";
1238
+ class $t {
1236
1239
  constructor() {
1237
1240
  this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
1238
1241
  const n = new OffscreenCanvas(1, 1).getContext("2d");
@@ -1251,7 +1254,7 @@ class Zt {
1251
1254
  * Note: document.fonts.ready still resolves even if some fonts fail to load.
1252
1255
  */
1253
1256
  static async create() {
1254
- return typeof document < "u" && "fonts" in document && await document.fonts.ready, new Zt();
1257
+ return typeof document < "u" && "fonts" in document && await document.fonts.ready, new $t();
1255
1258
  }
1256
1259
  measureText(t, n) {
1257
1260
  const r = fi(n);
@@ -1286,7 +1289,7 @@ class Zt {
1286
1289
  const n = this.emojiCorrections.get(t);
1287
1290
  if (n !== void 0) return n;
1288
1291
  this.setFont(t);
1289
- const r = this.ctx.measureText(so).width, o = Ps(t);
1292
+ const r = this.ctx.measureText(io).width, o = Ps(t);
1290
1293
  let a = 0;
1291
1294
  if (o !== null) {
1292
1295
  const s = r - o;
@@ -1295,14 +1298,14 @@ class Zt {
1295
1298
  return this.emojiCorrections.set(t, a), a;
1296
1299
  }
1297
1300
  }
1298
- let ie = null;
1301
+ let ae = null;
1299
1302
  const Ts = (e) => {
1300
1303
  const t = e.match(Ls);
1301
1304
  return t ? t.length : 0;
1302
1305
  }, Ps = (e) => {
1303
1306
  const t = Bs();
1304
1307
  return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
1305
- }, Bs = () => typeof document > "u" ? null : (ie || (ie = document.createElement("span"), ie.style.position = "absolute", ie.style.visibility = "hidden", ie.style.whiteSpace = "nowrap", ie.style.left = "-9999px", ie.textContent = so, document.body.appendChild(ie)), ie), lo = xe(null), Rs = ({ children: e, measurer: t }) => {
1308
+ }, Bs = () => typeof document > "u" ? null : (ae || (ae = document.createElement("span"), ae.style.position = "absolute", ae.style.visibility = "hidden", ae.style.whiteSpace = "nowrap", ae.style.left = "-9999px", ae.textContent = io, document.body.appendChild(ae)), ae), ao = Se(null), Rs = ({ children: e, measurer: t }) => {
1306
1309
  const [n, r] = P(null);
1307
1310
  C(() => {
1308
1311
  if (t !== void 0) return;
@@ -1317,23 +1320,23 @@ const Ts = (e) => {
1317
1320
  };
1318
1321
  }, [t]);
1319
1322
  const o = t ?? n;
1320
- return o === null ? null : /* @__PURE__ */ i(lo.Provider, { value: o, children: e });
1321
- }, Se = () => {
1322
- const e = le(lo);
1323
+ return o === null ? null : /* @__PURE__ */ i(ao.Provider, { value: o, children: e });
1324
+ }, we = () => {
1325
+ const e = le(ao);
1323
1326
  if (e === null)
1324
1327
  throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
1325
1328
  return e;
1326
1329
  }, Ns = () => {
1327
1330
  try {
1328
- return new on(new Zt());
1331
+ return new sn(new $t());
1329
1332
  } catch {
1330
- return new on(new pi());
1333
+ return new sn(new pi());
1331
1334
  }
1332
- }, co = xe(null), Is = co.Provider;
1335
+ }, so = Se(null), Is = so.Provider;
1333
1336
  let Hs = null;
1334
- const de = () => le(co) ?? (Hs ??= mo());
1337
+ const de = () => le(so) ?? (Hs ??= fo());
1335
1338
  var Ds = "_16vokpr0";
1336
- const Ms = 11.7, Ye = 5, Fs = 5, dn = 10, un = 10, Os = 4, it = 13, uo = 6, Lt = 12, hn = 21.6, Gs = "0 0 10 18", Ws = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", gn = "#FFFFFF", Tt = "#1A1A1A", zs = (e, t) => {
1339
+ const Ms = 11.7, Ye = 5, Fs = 5, hn = 10, gn = 10, Os = 4, it = 13, lo = 6, Lt = 12, fn = 21.6, Gs = "0 0 10 18", Ws = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", pn = "#FFFFFF", Tt = "#1A1A1A", zs = (e, t) => {
1337
1340
  const n = e.mapping.y !== void 0, r = t.mainAxis === "y";
1338
1341
  return n !== r;
1339
1342
  }, Ys = (e, t) => {
@@ -1348,19 +1351,19 @@ const Ms = 11.7, Ye = 5, Fs = 5, dn = 10, un = 10, Os = 4, it = 13, uo = 6, Lt =
1348
1351
  let r = c.targetLineLabelTextColor;
1349
1352
  if (t !== void 0)
1350
1353
  try {
1351
- r = It(t, gn) > It(t, Tt) ? gn : Tt;
1354
+ r = Dt(t, pn) > Dt(t, Tt) ? pn : Tt;
1352
1355
  } catch {
1353
1356
  r = Tt;
1354
1357
  }
1355
1358
  return { lineColor: n, labelTextColor: r };
1356
1359
  }, Qs = (e, t) => $e(e) && $e(t) ? `${e}: ${t}` : $e(e) ? e : $e(t) ? t : null, $e = (e) => e != null && e.trim() !== "";
1357
1360
  var js = "_2qyyu60";
1358
- const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1361
+ const mn = 2, Xs = 12, Ks = 12, vn = 1, yn = 2, qs = 4, Xe = ({
1359
1362
  shape: e,
1360
1363
  color: t,
1361
1364
  lineType: n = "solid",
1362
- width: r = Ks,
1363
- height: o = Xs
1365
+ width: r = Xs,
1366
+ height: o = Ks
1364
1367
  }) => /* @__PURE__ */ i(
1365
1368
  "svg",
1366
1369
  {
@@ -1387,7 +1390,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1387
1390
  x2: a.x2,
1388
1391
  y2: o / 2,
1389
1392
  stroke: t,
1390
- strokeWidth: fn,
1393
+ strokeWidth: mn,
1391
1394
  strokeLinecap: a.linecap,
1392
1395
  strokeDasharray: a.dashArray
1393
1396
  }
@@ -1408,7 +1411,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1408
1411
  x2: a.x2,
1409
1412
  y2: s,
1410
1413
  stroke: t,
1411
- strokeWidth: fn,
1414
+ strokeWidth: mn,
1412
1415
  strokeLinecap: a.linecap,
1413
1416
  strokeDasharray: a.dashArray
1414
1417
  }
@@ -1422,8 +1425,8 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1422
1425
  if (e === "solid")
1423
1426
  return { x1: 0, x2: t, dashArray: void 0, linecap: "round" };
1424
1427
  if (e === "dashed") {
1425
- const r = (t - pn * (mn - 1)) / mn;
1426
- return { x1: 0, x2: t, dashArray: `${r} ${pn}`, linecap: "butt" };
1428
+ const r = (t - vn * (yn - 1)) / yn;
1429
+ return { x1: 0, x2: t, dashArray: `${r} ${vn}`, linecap: "butt" };
1427
1430
  }
1428
1431
  const n = t / (qs - 1);
1429
1432
  return { x1: 0, x2: t, dashArray: `1 ${n}`, linecap: "round" };
@@ -1436,15 +1439,15 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1436
1439
  text: a,
1437
1440
  isAnimated: s
1438
1441
  }) => {
1439
- const l = e === "start", d = l ? -it : -(r - it), u = l ? d + r - Ye : d + Ye - Lt, h = l ? void 0 : `rotate(180 ${u + Lt / 2} ${o / 2})`, g = l ? "0%" : "100%", f = S(1 - t), m = /* @__PURE__ */ v("g", { transform: `translate(0, ${-o / 2})`, pointerEvents: "none", children: [
1440
- /* @__PURE__ */ i("rect", { x: d, y: 0, width: r, height: o, rx: uo, fill: n }),
1442
+ const l = e === "start", d = l ? -it : -(r - it), u = l ? d + r - Ye : d + Ye - Lt, h = l ? void 0 : `rotate(180 ${u + Lt / 2} ${o / 2})`, g = l ? "0%" : "100%", f = S(1 - t), p = /* @__PURE__ */ v("g", { transform: `translate(0, ${-o / 2})`, pointerEvents: "none", children: [
1443
+ /* @__PURE__ */ i("rect", { x: d, y: 0, width: r, height: o, rx: lo, fill: n }),
1441
1444
  /* @__PURE__ */ i("g", { transform: h, children: /* @__PURE__ */ i(
1442
1445
  "svg",
1443
1446
  {
1444
1447
  x: u,
1445
- y: (o - hn) / 2,
1448
+ y: (o - fn) / 2,
1446
1449
  width: Lt,
1447
- height: hn,
1450
+ height: fn,
1448
1451
  viewBox: Gs,
1449
1452
  overflow: "visible",
1450
1453
  children: /* @__PURE__ */ i("path", { d: Ws, fill: n })
@@ -1453,16 +1456,16 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1453
1456
  /* @__PURE__ */ i("g", { transform: `translate(${d + Ye}, ${o / 2})`, children: a })
1454
1457
  ] });
1455
1458
  return s ? /* @__PURE__ */ i(
1456
- $.svg,
1459
+ te.svg,
1457
1460
  {
1458
1461
  initial: !1,
1459
1462
  transition: U,
1460
1463
  x: g,
1461
1464
  animate: { y: f },
1462
1465
  overflow: "visible",
1463
- children: m
1466
+ children: p
1464
1467
  }
1465
- ) : /* @__PURE__ */ i("svg", { x: g, y: f, overflow: "visible", children: m });
1468
+ ) : /* @__PURE__ */ i("svg", { x: g, y: f, overflow: "visible", children: p });
1466
1469
  }, $s = ({
1467
1470
  labelPosition: e,
1468
1471
  linePosition: t,
@@ -1473,11 +1476,11 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1473
1476
  isAnimated: s
1474
1477
  }) => {
1475
1478
  const l = e === "start", d = l ? -it : -(o - it), u = S(t), h = l ? "100%" : "0%", g = /* @__PURE__ */ v("g", { transform: `translate(${-r / 2}, 0)`, pointerEvents: "none", children: [
1476
- /* @__PURE__ */ i("rect", { x: 0, y: d, width: r, height: o, rx: uo, fill: n }),
1479
+ /* @__PURE__ */ i("rect", { x: 0, y: d, width: r, height: o, rx: lo, fill: n }),
1477
1480
  /* @__PURE__ */ i("g", { transform: `translate(${Ye}, ${d + o / 2})`, children: a })
1478
1481
  ] });
1479
1482
  return s ? /* @__PURE__ */ i(
1480
- $.svg,
1483
+ te.svg,
1481
1484
  {
1482
1485
  initial: !1,
1483
1486
  transition: U,
@@ -1499,8 +1502,8 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1499
1502
  symbolColor: d,
1500
1503
  isAnimated: u
1501
1504
  }) => {
1502
- const h = l === null ? 0 : dn + Os, g = t + h + Ye * 2, f = Ms + Fs * 2, m = /* @__PURE__ */ v(T, { children: [
1503
- l !== null && d !== null && /* @__PURE__ */ i("g", { transform: `translate(0, ${-un / 2})`, children: /* @__PURE__ */ i(Ke, { shape: l, color: d, width: dn, height: un }) }),
1505
+ const h = l === null ? 0 : hn + Os, g = t + h + Ye * 2, f = Ms + Fs * 2, p = /* @__PURE__ */ v(T, { children: [
1506
+ l !== null && d !== null && /* @__PURE__ */ i("g", { transform: `translate(0, ${-gn / 2})`, children: /* @__PURE__ */ i(Xe, { shape: l, color: d, width: hn, height: gn }) }),
1504
1507
  /* @__PURE__ */ i(
1505
1508
  "text",
1506
1509
  {
@@ -1521,7 +1524,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1521
1524
  color: a,
1522
1525
  pillWidth: g,
1523
1526
  pillHeight: f,
1524
- text: m,
1527
+ text: p,
1525
1528
  isAnimated: u
1526
1529
  }
1527
1530
  ) : /* @__PURE__ */ i(
@@ -1532,14 +1535,14 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1532
1535
  color: a,
1533
1536
  pillWidth: g,
1534
1537
  pillHeight: f,
1535
- text: m,
1538
+ text: p,
1536
1539
  isAnimated: u
1537
1540
  }
1538
1541
  );
1539
1542
  }, tl = ({ layer: e, isHorizontalLine: t, position: n, lineColor: r, isAnimated: o }) => {
1540
1543
  const a = Ys(t, n), s = Us(e.params.lineType, e.params.strokeWidth);
1541
1544
  return o ? /* @__PURE__ */ i(
1542
- $.line,
1545
+ te.line,
1543
1546
  {
1544
1547
  initial: !1,
1545
1548
  transition: U,
@@ -1559,35 +1562,35 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1559
1562
  vectorEffect: "non-scaling-stroke"
1560
1563
  }
1561
1564
  );
1562
- }, nl = re(function({
1565
+ }, nl = oe(function({
1563
1566
  layer: t,
1564
1567
  coordSystem: n,
1565
1568
  formattingLocale: r,
1566
1569
  isAnimated: o
1567
1570
  }) {
1568
- const a = Se(), s = de(), { guides: l, numberFormat: d, textScale: u, layers: h, colorScale: g } = L(
1569
- J((A) => ({
1570
- guides: A.guides,
1571
- numberFormat: A.config.numberFormat,
1572
- textScale: A.config.appearance.textScale,
1573
- layers: A.spec.layers,
1574
- colorScale: A.scales.color
1571
+ const a = we(), s = de(), { guides: l, numberFormat: d, textScale: u, layers: h, colorScale: g } = L(
1572
+ Z((b) => ({
1573
+ guides: b.guides,
1574
+ numberFormat: b.config.numberFormat,
1575
+ textScale: b.config.appearance.textScale,
1576
+ layers: b.spec.layers,
1577
+ colorScale: b.scales.color
1575
1578
  }))
1576
1579
  ), f = y(
1577
1580
  () => mi(h, g).get(t.id) ?? null,
1578
1581
  [h, g, t.id]
1579
- ), m = f ? s(f.geom, n.type)?.swatchShape ?? "square" : null, p = y(
1582
+ ), p = f ? s(f.geom, n.type)?.swatchShape ?? "square" : null, m = y(
1580
1583
  () => Qs(t.params.label, vi({ guides: l, numberFormat: d, layer: t, locale: r })),
1581
1584
  [l, d, r, t]
1582
- ), { fonts: x } = ve(), b = y(
1583
- () => ne(x.goalLineLabel, u),
1585
+ ), { fonts: x } = ve(), A = y(
1586
+ () => q(x.goalLineLabel, u),
1584
1587
  [x.goalLineLabel, u]
1585
1588
  ), k = y(
1586
- () => p === null ? 0 : a.measureText(p, b).width,
1587
- [p, b, a]
1589
+ () => m === null ? 0 : a.measureText(m, A).width,
1590
+ [m, A, a]
1588
1591
  ), B = t.data.getFirst();
1589
1592
  if (!B) return null;
1590
- const { lineColor: O, labelTextColor: G } = Vs(t), F = zs(t, n), V = F ? _(B) : q(B);
1593
+ const { lineColor: O, labelTextColor: G } = Vs(t), F = zs(t, n), V = F ? ee(B) : J(B);
1591
1594
  return V === null ? null : /* @__PURE__ */ v("g", { "data-geom": "rule", className: Ds, children: [
1592
1595
  /* @__PURE__ */ i(
1593
1596
  tl,
@@ -1599,17 +1602,17 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1599
1602
  isAnimated: o
1600
1603
  }
1601
1604
  ),
1602
- p !== null && /* @__PURE__ */ i(
1605
+ m !== null && /* @__PURE__ */ i(
1603
1606
  el,
1604
1607
  {
1605
- label: p,
1608
+ label: m,
1606
1609
  textWidth: k,
1607
1610
  labelPosition: t.params.labelPosition,
1608
1611
  isHorizontalLine: F,
1609
1612
  position: V,
1610
1613
  color: O,
1611
1614
  textColor: G,
1612
- symbolShape: m,
1615
+ symbolShape: p,
1613
1616
  symbolColor: f?.color ?? null,
1614
1617
  isAnimated: o
1615
1618
  }
@@ -1631,20 +1634,20 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1631
1634
  renderHoverCompanions: () => null
1632
1635
  }, at = ({ primary: e, companions: t }) => {
1633
1636
  const n = /* @__PURE__ */ v(T, { children: [
1634
- t.map((r) => /* @__PURE__ */ i(me, { hit: r, project: te }, `companion-${r.layerId}-${r.pointIndex}`)),
1635
- e ? /* @__PURE__ */ i(De, { hit: e, project: te }) : null
1637
+ t.map((r) => /* @__PURE__ */ i(me, { hit: r, project: re }, `companion-${r.layerId}-${r.pointIndex}`)),
1638
+ e ? /* @__PURE__ */ i(De, { hit: e, project: re }) : null
1636
1639
  ] });
1637
1640
  return e ? /* @__PURE__ */ i("g", { "data-testid": "hovered-point", children: n }) : n;
1638
- }, Ft = (e) => {
1641
+ }, Gt = (e) => {
1639
1642
  const [t, ...n] = e;
1640
1643
  if (!t) return "";
1641
1644
  const r = n.map((o) => `L ${o.x} ${o.y}`).join(" ");
1642
1645
  return `M ${t.x} ${t.y} ${r} Z`;
1643
- }, ol = re(function({ layer: t }) {
1646
+ }, ol = oe(function({ layer: t }) {
1644
1647
  const n = y(() => {
1645
1648
  const r = Ne(t.data, t.mapping, t.id), o = [];
1646
1649
  return t.data.groupBy(se.group).forEach((a) => {
1647
- const s = [...a], l = ho(s);
1650
+ const s = [...a], l = co(s);
1648
1651
  if (!l) return;
1649
1652
  const d = s[0];
1650
1653
  d && o.push({
@@ -1665,7 +1668,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1665
1668
  width: "100%",
1666
1669
  height: "100%",
1667
1670
  "data-geom": "area",
1668
- className: oe,
1671
+ className: ie,
1669
1672
  children: n.map((r) => /* @__PURE__ */ v("g", { children: [
1670
1673
  /* @__PURE__ */ i("path", { d: r.fillPath, fill: r.color, fillOpacity: ft, fillRule: "evenodd" }),
1671
1674
  /* @__PURE__ */ i(
@@ -1682,20 +1685,20 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1682
1685
  ] }, r.key))
1683
1686
  }
1684
1687
  );
1685
- }), ho = (e) => {
1688
+ }), co = (e) => {
1686
1689
  const t = [];
1687
1690
  for (const l of e) {
1688
- const d = q(l), { innerRadius: u, outerRadius: h } = Ut(l);
1689
- d === null || u === null || h === null || t.push({ angle: d, outer: ee(d, h), inner: ee(d, u) });
1691
+ const d = J(l), { innerRadius: u, outerRadius: h } = Qt(l);
1692
+ d === null || u === null || h === null || t.push({ angle: d, outer: ne(d, h), inner: ne(d, u) });
1690
1693
  }
1691
1694
  if (t.length === 0) return null;
1692
1695
  t.sort((l, d) => l.angle - d.angle);
1693
- const n = t.map((l) => l.outer), r = t.map((l) => l.inner), o = Ft(n);
1694
- return { fillPath: r.some((l) => l.x !== 0 || l.y !== 0) ? `${o} ${Ft([...r].reverse())}` : o, outlinePath: o };
1696
+ const n = t.map((l) => l.outer), r = t.map((l) => l.inner), o = Gt(n);
1697
+ return { fillPath: r.some((l) => l.x !== 0 || l.y !== 0) ? `${o} ${Gt([...r].reverse())}` : o, outlinePath: o };
1695
1698
  }, il = ({ layer: e, primary: t, companions: n }) => {
1696
1699
  const r = ht(t.observation), o = y(() => {
1697
1700
  const d = e.data.filter(se.group, "eq", r);
1698
- return ho([...d]);
1701
+ return co([...d]);
1699
1702
  }, [e.data, r]);
1700
1703
  if (!o) return null;
1701
1704
  const a = I(t.observation), s = M(t.observation) ?? pt, l = pe(t.observation, e.params);
@@ -1709,7 +1712,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1709
1712
  height: "100%",
1710
1713
  "data-geom": "area",
1711
1714
  "data-testid": "hovered-area",
1712
- className: oe,
1715
+ className: ie,
1713
1716
  children: [
1714
1717
  /* @__PURE__ */ i(
1715
1718
  "path",
@@ -1736,8 +1739,8 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1736
1739
  ]
1737
1740
  }
1738
1741
  ),
1739
- n.map((d) => /* @__PURE__ */ i(me, { hit: d, project: te }, `companion-${d.layerId}-${d.pointIndex}`)),
1740
- /* @__PURE__ */ i(De, { hit: t, project: te, "data-testid": "hovered-area-point" })
1742
+ n.map((d) => /* @__PURE__ */ i(me, { hit: d, project: re }, `companion-${d.layerId}-${d.pointIndex}`)),
1743
+ /* @__PURE__ */ i(De, { hit: t, project: re, "data-testid": "hovered-area-point" })
1741
1744
  ] });
1742
1745
  }, al = {
1743
1746
  geom: "area",
@@ -1748,12 +1751,12 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1748
1751
  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ i(il, { layer: e, primary: t, companions: [...n, ...r] }),
1749
1752
  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ i(at, { companions: e }),
1750
1753
  getOverlayAnchor: ({ observation: e }) => {
1751
- const t = q(e), n = Jn(e) ?? _(e);
1754
+ const t = J(e), n = Jn(e) ?? ee(e);
1752
1755
  if (t === null || n === null) return null;
1753
- const { x: r, y: o } = te(t, n);
1756
+ const { x: r, y: o } = re(t, n);
1754
1757
  return { x: r, y: 1 - o };
1755
1758
  }
1756
- }, go = 1, vn = Math.PI * 2, sl = re(function({
1759
+ }, uo = 1, bn = Math.PI * 2, sl = oe(function({
1757
1760
  layer: t,
1758
1761
  isAnimated: n
1759
1762
  }) {
@@ -1764,7 +1767,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1764
1767
  const o = y(() => {
1765
1768
  const a = Ne(t.data, t.mapping, t.id), s = [];
1766
1769
  for (const l of t.data) {
1767
- const d = a(l), { startAngle: u, endAngle: h } = tr(l), { innerRadius: g, outerRadius: f } = Ut(l);
1770
+ const d = a(l), { startAngle: u, endAngle: h } = tr(l), { innerRadius: g, outerRadius: f } = Qt(l);
1768
1771
  u === null || h === null || g === null || f === null || s.push({
1769
1772
  key: d,
1770
1773
  startAngle: u,
@@ -1772,7 +1775,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1772
1775
  innerRadius: g,
1773
1776
  outerRadius: f,
1774
1777
  fill: I(l),
1775
- opacity: M(l) ?? go
1778
+ opacity: M(l) ?? uo
1776
1779
  });
1777
1780
  }
1778
1781
  return s;
@@ -1785,7 +1788,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1785
1788
  width: "100%",
1786
1789
  height: "100%",
1787
1790
  "data-geom": "bar",
1788
- className: oe,
1791
+ className: ie,
1789
1792
  children: o.map((a) => {
1790
1793
  if (n) {
1791
1794
  const { key: s, ...l } = a;
@@ -1817,29 +1820,29 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1817
1820
  opacity: a,
1818
1821
  isInitialRender: s
1819
1822
  }) => {
1820
- const l = s ? e : vn, d = s ? t : vn, u = sn(l, U), h = sn(d, U), g = sr(
1823
+ const l = s ? e : bn, d = s ? t : bn, u = cn(l, U), h = cn(d, U), g = ir(
1821
1824
  Ue({ startAngle: l, endAngle: d, innerRadius: n, outerRadius: r }) ?? ""
1822
1825
  );
1823
1826
  return C(() => {
1824
1827
  u.set(e), h.set(t);
1825
1828
  }, [u, h, e, t]), C(() => {
1826
1829
  const f = () => {
1827
- const x = u.get(), b = h.get();
1830
+ const x = u.get(), A = h.get();
1828
1831
  g.set(
1829
- Ue({ startAngle: x, endAngle: b, innerRadius: n, outerRadius: r }) ?? ""
1832
+ Ue({ startAngle: x, endAngle: A, innerRadius: n, outerRadius: r }) ?? ""
1830
1833
  );
1831
- }, m = u.on("change", f), p = h.on("change", f);
1834
+ }, p = u.on("change", f), m = h.on("change", f);
1832
1835
  return () => {
1833
- m(), p();
1836
+ p(), m();
1834
1837
  };
1835
- }, [u, h, n, r, g]), /* @__PURE__ */ i($.path, { d: g, fill: o, opacity: a, transition: U });
1838
+ }, [u, h, n, r, g]), /* @__PURE__ */ i(te.path, { d: g, fill: o, opacity: a, transition: U });
1836
1839
  }, cl = ({ primary: e }) => {
1837
- const { startAngle: t, endAngle: n } = tr(e.observation), { innerRadius: r, outerRadius: o } = Ut(e.observation);
1840
+ const { startAngle: t, endAngle: n } = tr(e.observation), { innerRadius: r, outerRadius: o } = Qt(e.observation);
1838
1841
  if (t === null || n === null || r === null || o === null)
1839
1842
  return null;
1840
1843
  const a = Ue({ startAngle: t, endAngle: n, innerRadius: r, outerRadius: o });
1841
1844
  if (!a) return null;
1842
- const s = I(e.observation), l = M(e.observation) ?? go;
1845
+ const s = I(e.observation), l = M(e.observation) ?? uo;
1843
1846
  return /* @__PURE__ */ i(
1844
1847
  "svg",
1845
1848
  {
@@ -1849,7 +1852,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1849
1852
  height: "100%",
1850
1853
  "data-geom": "arc",
1851
1854
  "data-testid": "hovered-arc",
1852
- className: oe,
1855
+ className: ie,
1853
1856
  children: /* @__PURE__ */ i("path", { d: a, fill: s, opacity: l })
1854
1857
  }
1855
1858
  );
@@ -1861,11 +1864,11 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1861
1864
  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ i(sl, { layer: e, isAnimated: t }),
1862
1865
  renderHover: ({ primary: e }) => /* @__PURE__ */ i(cl, { primary: e }),
1863
1866
  renderHoverCompanions: () => null
1864
- }, ul = re(function({ layer: t }) {
1867
+ }, ul = oe(function({ layer: t }) {
1865
1868
  const n = y(() => {
1866
1869
  const r = Ne(t.data, t.mapping, t.id), o = [];
1867
1870
  return t.data.groupBy(se.group).forEach((a) => {
1868
- const s = [...a], l = fo(s);
1871
+ const s = [...a], l = ho(s);
1869
1872
  if (!l) return;
1870
1873
  const d = s[0];
1871
1874
  d && o.push({
@@ -1886,7 +1889,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1886
1889
  width: "100%",
1887
1890
  height: "100%",
1888
1891
  "data-geom": "line",
1889
- className: oe,
1892
+ className: ie,
1890
1893
  children: n.map((r) => /* @__PURE__ */ i(
1891
1894
  "path",
1892
1895
  {
@@ -1902,17 +1905,17 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1902
1905
  ))
1903
1906
  }
1904
1907
  );
1905
- }), fo = (e) => {
1908
+ }), ho = (e) => {
1906
1909
  const t = [];
1907
1910
  for (const n of e) {
1908
- const r = q(n), o = _(n);
1909
- r === null || o === null || t.push({ angle: r, point: ee(r, o) });
1911
+ const r = J(n), o = ee(n);
1912
+ r === null || o === null || t.push({ angle: r, point: ne(r, o) });
1910
1913
  }
1911
- return t.length === 0 ? null : (t.sort((n, r) => n.angle - r.angle), Ft(t.map((n) => n.point)));
1914
+ return t.length === 0 ? null : (t.sort((n, r) => n.angle - r.angle), Gt(t.map((n) => n.point)));
1912
1915
  }, hl = ({ layer: e, primary: t, companions: n }) => {
1913
1916
  const r = ht(t.observation), o = y(() => {
1914
1917
  const u = e.data.filter(se.group, "eq", r);
1915
- return fo([...u]);
1918
+ return ho([...u]);
1916
1919
  }, [e.data, r]);
1917
1920
  if (!o) return null;
1918
1921
  const a = I(t.observation), s = M(t.observation) ?? mt, l = pe(t.observation, e.params), d = Ie(He(t.observation));
@@ -1926,7 +1929,7 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1926
1929
  height: "100%",
1927
1930
  "data-geom": "line",
1928
1931
  "data-testid": "hovered-line",
1929
- className: oe,
1932
+ className: ie,
1930
1933
  children: /* @__PURE__ */ i(
1931
1934
  "path",
1932
1935
  {
@@ -1942,8 +1945,8 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1942
1945
  )
1943
1946
  }
1944
1947
  ),
1945
- n.map((u) => /* @__PURE__ */ i(me, { hit: u, project: te }, `companion-${u.layerId}-${u.pointIndex}`)),
1946
- /* @__PURE__ */ i(De, { hit: t, project: te, "data-testid": "hovered-line-point" })
1948
+ n.map((u) => /* @__PURE__ */ i(me, { hit: u, project: re }, `companion-${u.layerId}-${u.pointIndex}`)),
1949
+ /* @__PURE__ */ i(De, { hit: t, project: re, "data-testid": "hovered-line-point" })
1947
1950
  ] });
1948
1951
  }, gl = {
1949
1952
  geom: "line",
@@ -1954,12 +1957,12 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1954
1957
  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ i(hl, { layer: e, primary: t, companions: [...n, ...r] }),
1955
1958
  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ i(at, { companions: e }),
1956
1959
  getOverlayAnchor: ({ observation: e }) => {
1957
- const t = q(e), n = _(e);
1960
+ const t = J(e), n = ee(e);
1958
1961
  if (t === null || n === null) return null;
1959
- const { x: r, y: o } = te(t, n);
1962
+ const { x: r, y: o } = re(t, n);
1960
1963
  return { x: r, y: 1 - o };
1961
1964
  }
1962
- }, fl = re(function({
1965
+ }, fl = oe(function({
1963
1966
  layer: t,
1964
1967
  isAnimated: n
1965
1968
  }) {
@@ -1969,10 +1972,10 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1969
1972
  for (const a of t.data)
1970
1973
  r.push(
1971
1974
  /* @__PURE__ */ i(
1972
- Er,
1975
+ kr,
1973
1976
  {
1974
1977
  observation: a,
1975
- project: te,
1978
+ project: re,
1976
1979
  layerSize: t.params.size,
1977
1980
  isAnimated: n
1978
1981
  },
@@ -1989,12 +1992,12 @@ const fn = 2, Ks = 12, Xs = 12, pn = 1, mn = 2, qs = 4, Ke = ({
1989
1992
  renderHover: ({ primary: e, group: t, related: n }) => /* @__PURE__ */ i(at, { primary: e, companions: [...t, ...n] }),
1990
1993
  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ i(at, { companions: e }),
1991
1994
  getOverlayAnchor: ({ observation: e }) => {
1992
- const t = q(e), n = _(e);
1995
+ const t = J(e), n = ee(e);
1993
1996
  if (t === null || n === null) return null;
1994
- const { x: r, y: o } = te(t, n);
1997
+ const { x: r, y: o } = re(t, n);
1995
1998
  return { x: r, y: 1 - o };
1996
1999
  }
1997
- }, po = {
2000
+ }, go = {
1998
2001
  bar: {
1999
2002
  cartesian: Ua,
2000
2003
  polar: dl
@@ -2021,25 +2024,25 @@ function bt(e) {
2021
2024
  function At(e) {
2022
2025
  return e ? bt(e.render).overlay : !1;
2023
2026
  }
2024
- function Gp(e, t) {
2027
+ function Yp(e, t) {
2025
2028
  return typeof e == "string" ? { ...t, geom: e } : { ...t, definition: e, geom: e.type };
2026
2029
  }
2027
- function mo(e = []) {
2030
+ function fo(e = []) {
2028
2031
  const t = {};
2029
- for (const [n, r] of Object.entries(po))
2032
+ for (const [n, r] of Object.entries(go))
2030
2033
  t[n] = { ...r };
2031
2034
  for (const n of e)
2032
2035
  (t[n.geom] ??= {})[n.coord] = n;
2033
2036
  return (n, r) => t[n]?.[r] ?? null;
2034
2037
  }
2035
- const vo = (e) => typeof e == "object" && "geom" in e && "render" in e, ml = (e) => {
2038
+ const po = (e) => typeof e == "object" && "geom" in e && "render" in e, ml = (e) => {
2036
2039
  const t = yi(e);
2037
2040
  return t instanceof bi ? t : null;
2038
2041
  }, vl = (e) => {
2039
2042
  if (e === void 0) return;
2040
2043
  const t = {};
2041
2044
  for (const [n, r] of Object.entries(e))
2042
- if (Tr(n) && typeof r == "string") {
2045
+ if (Er(n) && typeof r == "string") {
2043
2046
  const o = yl(r);
2044
2047
  if (o === null) {
2045
2048
  bl(n, r);
@@ -2060,16 +2063,16 @@ const vo = (e) => typeof e == "object" && "geom" in e && "render" in e, ml = (e)
2060
2063
  else if (ps(g))
2061
2064
  n = g, o++;
2062
2065
  else {
2063
- const f = to(g);
2066
+ const f = $r(g);
2064
2067
  if (f === null) break;
2065
2068
  r = f, o++;
2066
2069
  }
2067
2070
  }
2068
2071
  const a = t[o];
2069
2072
  if (a === void 0) return null;
2070
- const [s = "", l] = a.split("/"), d = eo(s);
2073
+ const [s = "", l] = a.split("/"), d = _r(s);
2071
2074
  if (d === null) return null;
2072
- const u = l === void 0 ? null : no(l), h = t.slice(o + 1).join(" ").trim();
2075
+ const u = l === void 0 ? null : eo(l), h = t.slice(o + 1).join(" ").trim();
2073
2076
  return h === "" ? null : {
2074
2077
  style: n,
2075
2078
  weight: r,
@@ -2093,19 +2096,19 @@ function xl(e, t) {
2093
2096
  const n = e.body?.fontId ? t.find((a) => a.id === e.body?.fontId)?.fontFamily : void 0, r = e.heading?.fontId ? t.find((a) => a.id === e.heading?.fontId)?.fontFamily : void 0, o = {};
2094
2097
  return n && (o.fontFamilyDefault = n), r && (o.fontFamilyHeading = r), Object.keys(o).length > 0 ? o : void 0;
2095
2098
  }
2096
- function Ot(e) {
2099
+ function Wt(e) {
2097
2100
  for (const t of e)
2098
2101
  (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
2099
2102
  }
2100
2103
  var Sl = "_1bs9o1n0", wl = "_1bs9o1n1", kl = "_1bs9o1n2", Cl = "_1bs9o1n3", El = "_1bs9o1n4", Ll = "_1bs9o1n5", Tl = "_1bs9o1n6";
2101
- const yn = ({ errors: e }) => {
2104
+ const An = ({ errors: e }) => {
2102
2105
  const [t, ...n] = e;
2103
2106
  return /* @__PURE__ */ v("div", { role: "alert", className: Sl, children: [
2104
2107
  /* @__PURE__ */ i("strong", { className: wl, children: "This chart could not be rendered." }),
2105
- t && /* @__PURE__ */ i(bn, { diagnostic: t }),
2106
- n.length > 0 && /* @__PURE__ */ i("ul", { className: kl, children: n.map((r, o) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(bn, { diagnostic: r }) }, `${r.code}-${o}`)) })
2108
+ t && /* @__PURE__ */ i(xn, { diagnostic: t }),
2109
+ n.length > 0 && /* @__PURE__ */ i("ul", { className: kl, children: n.map((r, o) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(xn, { diagnostic: r }) }, `${r.code}-${o}`)) })
2107
2110
  ] });
2108
- }, bn = ({ diagnostic: e }) => /* @__PURE__ */ v("div", { className: Cl, children: [
2111
+ }, xn = ({ diagnostic: e }) => /* @__PURE__ */ v("div", { className: Cl, children: [
2109
2112
  /* @__PURE__ */ i("span", { className: El, children: e.code }),
2110
2113
  /* @__PURE__ */ i("p", { className: Ll, children: e.message }),
2111
2114
  e.suggestion && /* @__PURE__ */ i("p", { className: Tl, children: e.suggestion })
@@ -2118,20 +2121,20 @@ class Bl extends ia {
2118
2121
  super(...arguments), this.state = { caughtDiagnostic: null };
2119
2122
  }
2120
2123
  static getDerivedStateFromError(t) {
2121
- return { caughtDiagnostic: an(t) };
2124
+ return { caughtDiagnostic: ln(t) };
2122
2125
  }
2123
2126
  componentDidCatch(t, n) {
2124
- const r = an(t);
2125
- Ot([r]), this.props.onError?.([r]), console.error("Chart render component stack:", n.componentStack);
2127
+ const r = ln(t);
2128
+ Wt([r]), this.props.onError?.([r]), console.error("Chart render component stack:", n.componentStack);
2126
2129
  }
2127
2130
  componentDidUpdate(t) {
2128
2131
  this.state.caughtDiagnostic && !Pl(t.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
2129
2132
  }
2130
2133
  render() {
2131
2134
  const { caughtDiagnostic: t } = this.state;
2132
- if (t) return /* @__PURE__ */ i(yn, { errors: [t] });
2135
+ if (t) return /* @__PURE__ */ i(An, { errors: [t] });
2133
2136
  const { forcedErrors: n, children: r } = this.props;
2134
- return n && n.length > 0 ? /* @__PURE__ */ i(yn, { errors: n }) : r;
2137
+ return n && n.length > 0 ? /* @__PURE__ */ i(An, { errors: n }) : r;
2135
2138
  }
2136
2139
  }
2137
2140
  const Rl = 5, Nl = (e) => {
@@ -2161,7 +2164,7 @@ const Rl = 5, Nl = (e) => {
2161
2164
  getLastCompile: () => e.getLastCompile(),
2162
2165
  getCacheStats: () => e.getCacheStats()
2163
2166
  };
2164
- }, Il = () => Qt((e) => ({
2167
+ }, Il = () => Xt((e) => ({
2165
2168
  lastCompile: null,
2166
2169
  history: [],
2167
2170
  nextId: 1,
@@ -2198,8 +2201,8 @@ const Rl = 5, Nl = (e) => {
2198
2201
  return [...e.slice(r), t];
2199
2202
  };
2200
2203
  function Fl(e) {
2201
- const t = e.filter(vo), n = /* @__PURE__ */ new Set([
2202
- ...Object.keys(po),
2204
+ const t = e.filter(po), n = /* @__PURE__ */ new Set([
2205
+ ...Object.keys(go),
2203
2206
  ...t.map((l) => l.geom)
2204
2207
  ]), r = [], o = /* @__PURE__ */ new Set();
2205
2208
  for (const l of e) {
@@ -2307,7 +2310,7 @@ function Yl(e, t) {
2307
2310
  }
2308
2311
  return a;
2309
2312
  }
2310
- const Ul = (e) => Qt((t) => ({
2313
+ const Ul = (e) => Xt((t) => ({
2311
2314
  compiled: e,
2312
2315
  setCompiled: (n) => t((r) => r.compiled === n ? r : { compiled: n })
2313
2316
  })), je = (e) => {
@@ -2372,77 +2375,77 @@ const Ql = ({
2372
2375
  onWarnings: l
2373
2376
  }) => {
2374
2377
  const d = je(s), u = je(l), [{ session: h, compileBus: g }] = P(() => {
2375
- const A = Si({ plugins: r });
2376
- return { session: new Vl(A), compileBus: Nl(A) };
2377
- }), f = E(null), m = z((A) => A.status === "failed" ? A.errors : (f.current ? f.current.getState().setCompiled(A.compiled) : f.current = Ul(A.compiled), null), []), [p] = P(() => Fl(r ?? [])), x = z(
2378
- (A) => p.errors.length === 0 ? A : [...p.errors, ...A ?? []],
2379
- [p]
2380
- ), b = z(
2381
- (A) => A.status === "rendered" ? [
2382
- ...A.warnings,
2383
- ...Ol(A.compiled, o),
2384
- ...Gl(A.compiled, o),
2385
- ...Wl(A.compiled),
2386
- ...zl(A.compiled, o),
2387
- ...Yl(A.compiled, o)
2388
- ] : A.warnings,
2378
+ const b = Si({ plugins: r });
2379
+ return { session: new Vl(b), compileBus: Nl(b) };
2380
+ }), f = E(null), p = z((b) => b.status === "failed" ? b.errors : (f.current ? f.current.getState().setCompiled(b.compiled) : f.current = Ul(b.compiled), null), []), [m] = P(() => Fl(r ?? [])), x = z(
2381
+ (b) => m.errors.length === 0 ? b : [...m.errors, ...b ?? []],
2382
+ [m]
2383
+ ), A = z(
2384
+ (b) => b.status === "rendered" ? [
2385
+ ...b.warnings,
2386
+ ...Ol(b.compiled, o),
2387
+ ...Gl(b.compiled, o),
2388
+ ...Wl(b.compiled),
2389
+ ...zl(b.compiled, o),
2390
+ ...Yl(b.compiled, o)
2391
+ ] : b.warnings,
2389
2392
  [o]
2390
2393
  ), k = E(null), [B, O] = P(() => {
2391
- const A = h.compile({ input: e, data: t, ctx: n });
2392
- return k.current = A, x(m(A));
2394
+ const b = h.compile({ input: e, data: t, ctx: n });
2395
+ return k.current = b, x(p(b));
2393
2396
  }), G = z(
2394
- (A) => {
2395
- A.length !== 0 && (Ot(A), d.current?.(A));
2397
+ (b) => {
2398
+ b.length !== 0 && (Wt(b), d.current?.(b));
2396
2399
  },
2397
2400
  [d]
2398
2401
  ), F = z(
2399
- (A) => {
2400
- A.length !== 0 && (Ot(A), u.current?.(A));
2402
+ (b) => {
2403
+ b.length !== 0 && (Wt(b), u.current?.(b));
2401
2404
  },
2402
2405
  [u]
2403
2406
  );
2404
2407
  C(() => {
2405
- const A = k.current;
2406
- A && (G([...p.errors, ...A.status === "failed" ? A.errors : []]), F([...p.warnings, ...b(A)]), A.status === "rendered" && g.emit({ kind: "init" }));
2407
- }, [g, G, F, p, b]), C(() => {
2408
- const A = h.update({ input: e, data: t, ctx: n });
2409
- if (!A) return;
2410
- const R = m(A.outcome);
2411
- O(x(R)), R && G(R), F(b(A.outcome)), R || g.emit({ kind: A.inputChanged ? "input" : "data" });
2408
+ const b = k.current;
2409
+ b && (G([...m.errors, ...b.status === "failed" ? b.errors : []]), F([...m.warnings, ...A(b)]), b.status === "rendered" && g.emit({ kind: "init" }));
2410
+ }, [g, G, F, m, A]), C(() => {
2411
+ const b = h.update({ input: e, data: t, ctx: n });
2412
+ if (!b) return;
2413
+ const R = p(b.outcome);
2414
+ O(x(R)), R && G(R), F(A(b.outcome)), R || g.emit({ kind: b.inputChanged ? "input" : "data" });
2412
2415
  }, [
2413
2416
  e,
2414
2417
  t,
2415
2418
  n,
2416
2419
  h,
2417
2420
  g,
2418
- m,
2421
+ p,
2419
2422
  G,
2420
2423
  F,
2421
2424
  x,
2422
- b
2425
+ A
2423
2426
  ]);
2424
2427
  const V = z(
2425
- (A) => {
2426
- const R = h.applyCommand(A);
2428
+ (b) => {
2429
+ const R = h.applyCommand(b);
2427
2430
  if (!R) return;
2428
2431
  if (R.status === "rejected") {
2429
2432
  G(R.errors);
2430
2433
  return;
2431
2434
  }
2432
- f.current?.getState()?.setCompiled(R.compiled), g.emit({ kind: "command", command: A }), F(b(R)), a?.(R.input);
2435
+ f.current?.getState()?.setCompiled(R.compiled), g.emit({ kind: "command", command: b }), F(A(R)), a?.(R.input);
2433
2436
  },
2434
- [a, h, g, G, F, b]
2437
+ [a, h, g, G, F, A]
2435
2438
  );
2436
2439
  return { store: f.current, dispatch: V, compileBus: g, compileErrors: B };
2437
- }, yo = xe(null), we = () => {
2438
- const e = le(yo);
2440
+ }, mo = Se(null), ke = () => {
2441
+ const e = le(mo);
2439
2442
  if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
2440
2443
  return e;
2441
2444
  }, L = (e) => {
2442
- const { store: t } = we();
2445
+ const { store: t } = ke();
2443
2446
  return Ve(t, (n) => e(n.compiled));
2444
- }, bo = () => {
2445
- const { dispatch: e } = we();
2447
+ }, vo = () => {
2448
+ const { dispatch: e } = ke();
2446
2449
  return e;
2447
2450
  }, jl = ({
2448
2451
  data: e,
@@ -2458,33 +2461,33 @@ const Ql = ({
2458
2461
  themeOverrides: h,
2459
2462
  children: g
2460
2463
  }) => {
2461
- const [f] = P(() => mo(n.filter(vo))), m = Al(t, h, u), p = y(() => ({ customPalettes: l, theme: d }), [l, d]), { store: x, dispatch: b, compileBus: k, compileErrors: B } = Ql({
2464
+ const [f] = P(() => fo(n.filter(po))), p = Al(t, h, u), m = y(() => ({ customPalettes: l, theme: d }), [l, d]), { store: x, dispatch: A, compileBus: k, compileErrors: B } = Ql({
2462
2465
  input: t,
2463
2466
  data: e,
2464
- ctx: p,
2467
+ ctx: m,
2465
2468
  plugins: n,
2466
2469
  resolveRenderer: f,
2467
2470
  onChange: o,
2468
2471
  onError: a,
2469
2472
  onWarnings: s
2470
2473
  }), O = y(
2471
- () => x ? { store: x, dispatch: b, formattingLocale: r, compileBus: k, theme: d, themeOverrides: m } : null,
2472
- [x, b, r, k, d, m]
2474
+ () => x ? { store: x, dispatch: A, formattingLocale: r, compileBus: k, theme: d, themeOverrides: p } : null,
2475
+ [x, A, r, k, d, p]
2473
2476
  );
2474
- return /* @__PURE__ */ i(Bl, { forcedErrors: B, onError: a, resetKeys: [t, e], children: O ? /* @__PURE__ */ i(yo.Provider, { value: O, children: /* @__PURE__ */ i(Is, { value: f, children: g }) }) : null });
2477
+ return /* @__PURE__ */ i(Bl, { forcedErrors: B, onError: a, resetKeys: [t, e], children: O ? /* @__PURE__ */ i(mo.Provider, { value: O, children: /* @__PURE__ */ i(Is, { value: f, children: g }) }) : null });
2475
2478
  };
2476
- function Wp(e) {
2479
+ function Up(e) {
2477
2480
  const t = wi(e);
2478
2481
  return { ...t, GraphProvider: (r) => /* @__PURE__ */ i(jl, { ...r, plugins: t.plugins }) };
2479
2482
  }
2480
- const Kl = () => Qt((e) => ({
2483
+ const Xl = () => Xt((e) => ({
2481
2484
  hover: nt,
2482
2485
  tooltipAnchor: null,
2483
2486
  calloutHits: [],
2484
2487
  setHoverState: (t) => e((n) => n.hover === t ? n : { hover: t }),
2485
- setTooltipAnchor: (t) => e((n) => Xl(n.tooltipAnchor, t) ? n : { tooltipAnchor: t }),
2488
+ setTooltipAnchor: (t) => e((n) => Kl(n.tooltipAnchor, t) ? n : { tooltipAnchor: t }),
2486
2489
  setCalloutHits: (t) => e((n) => n.calloutHits === t ? n : { calloutHits: t })
2487
- })), Xl = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.x === t.x && e.y === t.y && e.placement === t.placement, ql = (e, t) => {
2490
+ })), Kl = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.x === t.x && e.y === t.y && e.placement === t.placement, ql = (e, t) => {
2488
2491
  const n = y(() => ({ layers: e, coordSystem: t }), [e, t]), r = E(null);
2489
2492
  r.current === null && (r.current = new ki(n));
2490
2493
  const o = r.current, a = E(!1);
@@ -2495,19 +2498,19 @@ const Kl = () => Qt((e) => ({
2495
2498
  }
2496
2499
  o.update(n);
2497
2500
  }, [o, n]), o;
2498
- }, Ao = xe(null), Jl = ({ children: e }) => {
2501
+ }, yo = Se(null), Jl = ({ children: e }) => {
2499
2502
  const { layers: t, coordSystem: n } = L(
2500
- J((l) => ({ layers: l.layers, coordSystem: l.coordSystem }))
2501
- ), r = ql(t, n), [o] = P(() => Kl()), a = E(null), s = E(null);
2502
- return s.current === null && (s.current = { engine: r, store: o, overlayRef: a }), /* @__PURE__ */ i(Ao.Provider, { value: s.current, children: e });
2503
- }, ke = () => {
2504
- const e = le(Ao);
2503
+ Z((l) => ({ layers: l.layers, coordSystem: l.coordSystem }))
2504
+ ), r = ql(t, n), [o] = P(() => Xl()), a = E(null), s = E(null);
2505
+ return s.current === null && (s.current = { engine: r, store: o, overlayRef: a }), /* @__PURE__ */ i(yo.Provider, { value: s.current, children: e });
2506
+ }, Ce = () => {
2507
+ const e = le(yo);
2505
2508
  if (e === null)
2506
2509
  throw new Error("useHoverContext must be used inside a <HoverProvider>.");
2507
2510
  return e;
2508
2511
  };
2509
2512
  function Zl(e, t) {
2510
- const { engine: n } = ke(), r = E(t);
2513
+ const { engine: n } = Ce(), r = E(t);
2511
2514
  C(() => {
2512
2515
  r.current = t;
2513
2516
  }, [t]), C(() => (n.registerHitTester(e, (o) => r.current(o)), () => n.unregisterHitTester(e)), [n, e]);
@@ -2525,11 +2528,11 @@ const _l = ({ hitTest: e, input: t }) => {
2525
2528
  var ec = "_18wdpym0";
2526
2529
  const tc = ({ rect: e, children: t }) => {
2527
2530
  const n = ye();
2528
- return n ? lr(
2531
+ return n ? ar(
2529
2532
  /* @__PURE__ */ i("div", { className: ec, style: { left: e.left, top: e.top, width: e.width, height: e.height }, children: t }),
2530
2533
  n
2531
2534
  ) : null;
2532
- }, xo = (e, t) => {
2535
+ }, bo = (e, t) => {
2533
2536
  const n = je(e), r = je(t), o = E(null), a = E(null), s = y(() => {
2534
2537
  const l = () => {
2535
2538
  a.current !== null && (clearTimeout(a.current), a.current = null), o.current = null;
@@ -2549,11 +2552,11 @@ const tc = ({ rect: e, children: t }) => {
2549
2552
  return C(() => () => {
2550
2553
  a.current !== null && clearTimeout(a.current);
2551
2554
  }, []), s;
2552
- }, nc = { width: 0, height: 0, isDefault: !0 }, So = ({
2555
+ }, nc = { width: 0, height: 0, isDefault: !0 }, Ao = ({
2553
2556
  debounce: e = 0,
2554
2557
  onResize: t
2555
2558
  } = {}) => {
2556
- const [n, r] = P(nc), o = E(null), a = xo((u) => {
2559
+ const [n, r] = P(nc), o = E(null), a = bo((u) => {
2557
2560
  const h = o.current;
2558
2561
  h && h.width === u.width && h.height === u.height || (o.current = { width: u.width, height: u.height }, t?.(u), r(u));
2559
2562
  }, e), s = E(null), l = E(null), d = z(
@@ -2582,7 +2585,7 @@ function rc() {
2582
2585
  f && f.left === g.left && f.top === g.top && f.width === g.width && f.height === g.height || (n.current = g, t(g));
2583
2586
  }, []), s = z(() => {
2584
2587
  o.current === null && (o.current = requestAnimationFrame(a));
2585
- }, [a]), { setElement: l } = So({ onResize: s }), d = z(
2588
+ }, [a]), { setElement: l } = Ao({ onResize: s }), d = z(
2586
2589
  (u) => {
2587
2590
  r.current = u, l(u), u && a();
2588
2591
  },
@@ -2593,7 +2596,7 @@ function rc() {
2593
2596
  }), [s]), { ref: d, rect: e };
2594
2597
  }
2595
2598
  function oc(e) {
2596
- const { engine: t, store: n } = ke();
2599
+ const { engine: t, store: n } = Ce();
2597
2600
  return z(
2598
2601
  (r, o) => {
2599
2602
  const { hover: a, setHoverState: s, setTooltipAnchor: l } = n.getState(), d = r === null ? nt : t.resolveHoverByKey(e, r);
@@ -2617,35 +2620,35 @@ const ic = ({ render: e, input: t }) => {
2617
2620
  input: t,
2618
2621
  pushHover: n,
2619
2622
  panelRect: r
2620
- }) => e({ ...t, overlay: { pushHover: n, panelRect: r } }), zp = ({ children: e, ...t }) => /* @__PURE__ */ i("svg", { viewBox: "0 0 1 1", preserveAspectRatio: "none", width: "100%", height: "100%", pointerEvents: "none", ...t, children: e });
2621
- var sc = "drqe3u0", lc = "drqe3u1", cc = "drqe3u2", dc = "drqe3u3", et = "drqe3u4", uc = "drqe3u5", hc = "drqe3u6", gc = "drqe3u7", Pt = "drqe3u8", fc = "drqe3u9", pc = "drqe3ua", mc = "drqe3ub", vc = "drqe3uc", yc = "drqe3ud", bc = "drqe3ue", Ac = "drqe3uf", xc = "drqe3ug", Sc = "drqe3uh", wc = "drqe3ui", An = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, xn = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, wo = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
2622
- const Yp = ({ width: e = 380, style: t, className: n } = {}) => {
2623
- const { compileBus: r } = we(), [o] = P(() => Il()), [a, s] = P(!1), [l, d] = P(Ci);
2623
+ }) => e({ ...t, overlay: { pushHover: n, panelRect: r } }), Vp = ({ children: e, ...t }) => /* @__PURE__ */ i("svg", { viewBox: "0 0 1 1", preserveAspectRatio: "none", width: "100%", height: "100%", pointerEvents: "none", ...t, children: e });
2624
+ var sc = "drqe3u0", lc = "drqe3u1", cc = "drqe3u2", dc = "drqe3u3", et = "drqe3u4", uc = "drqe3u5", hc = "drqe3u6", gc = "drqe3u7", Pt = "drqe3u8", fc = "drqe3u9", pc = "drqe3ua", mc = "drqe3ub", vc = "drqe3uc", yc = "drqe3ud", bc = "drqe3ue", Ac = "drqe3uf", xc = "drqe3ug", Sc = "drqe3uh", wc = "drqe3ui", Sn = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, wn = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, xo = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
2625
+ const Qp = ({ width: e = 380, style: t, className: n } = {}) => {
2626
+ const { compileBus: r } = ke(), [o] = P(() => Il()), [a, s] = P(!1), [l, d] = P(Ci);
2624
2627
  C(() => {
2625
- const { recordCompile: p } = o.getState(), x = r.getLastTrigger(), b = r.getLastCompile();
2626
- return x && b && p(x, b), r.subscribe(p);
2628
+ const { recordCompile: m } = o.getState(), x = r.getLastTrigger(), A = r.getLastCompile();
2629
+ return x && A && m(x, A), r.subscribe(m);
2627
2630
  }, [o, r]);
2628
- const u = Ve(o, (p) => p.lastCompile), h = Ve(o, (p) => p.history), g = r.getCacheStats(), f = u === null && h.length === 0, m = () => {
2629
- d((p) => {
2630
- const x = !p;
2631
+ const u = Ve(o, (m) => m.lastCompile), h = Ve(o, (m) => m.history), g = r.getCacheStats(), f = u === null && h.length === 0, p = () => {
2632
+ d((m) => {
2633
+ const x = !m;
2631
2634
  return Ei(x), x;
2632
2635
  });
2633
2636
  };
2634
- return /* @__PURE__ */ v("div", { className: Ae(pc, n), style: { width: e, ...t }, children: [
2637
+ return /* @__PURE__ */ v("div", { className: xe(pc, n), style: { width: e, ...t }, children: [
2635
2638
  /* @__PURE__ */ v("div", { className: sc, children: [
2636
2639
  /* @__PURE__ */ v("div", { children: [
2637
2640
  /* @__PURE__ */ i("div", { className: lc, children: "compile cache" }),
2638
- /* @__PURE__ */ i("div", { className: bc, children: f ? "production: stats disabled" : u ? `last: ${u.label} · ${ko(u.durationMs)}` : "awaiting first compile…" })
2641
+ /* @__PURE__ */ i("div", { className: bc, children: f ? "production: stats disabled" : u ? `last: ${u.label} · ${So(u.durationMs)}` : "awaiting first compile…" })
2639
2642
  ] }),
2640
- /* @__PURE__ */ i("button", { type: "button", onClick: () => s((p) => !p), className: Ac, children: a ? "▾" : "▴" })
2643
+ /* @__PURE__ */ i("button", { type: "button", onClick: () => s((m) => !m), className: Ac, children: a ? "▾" : "▴" })
2641
2644
  ] }),
2642
2645
  !a && /* @__PURE__ */ v("div", { className: mc, children: [
2643
2646
  /* @__PURE__ */ v(
2644
2647
  "button",
2645
2648
  {
2646
2649
  type: "button",
2647
- onClick: m,
2648
- className: l ? An.enabled : An.disabled,
2650
+ onClick: p,
2651
+ className: l ? Sn.enabled : Sn.disabled,
2649
2652
  "aria-pressed": l,
2650
2653
  children: [
2651
2654
  "cache ",
@@ -2668,15 +2671,15 @@ const Yp = ({ width: e = 380, style: t, className: n } = {}) => {
2668
2671
  /* @__PURE__ */ i("th", { className: et, children: "total miss" }),
2669
2672
  /* @__PURE__ */ i("th", { className: et, children: "total hit" })
2670
2673
  ] }) }),
2671
- /* @__PURE__ */ i("tbody", { children: Vt.map((n) => {
2674
+ /* @__PURE__ */ i("tbody", { children: jt.map((n) => {
2672
2675
  const r = e?.[n], o = Ec(r);
2673
2676
  return /* @__PURE__ */ v("tr", { className: vc, children: [
2674
2677
  /* @__PURE__ */ v("td", { className: uc, children: [
2675
- /* @__PURE__ */ i("span", { className: wo[o], "aria-hidden": !0 }),
2678
+ /* @__PURE__ */ i("span", { className: xo[o], "aria-hidden": !0 }),
2676
2679
  " ",
2677
2680
  n
2678
2681
  ] }),
2679
- /* @__PURE__ */ i("td", { className: o === "ran" ? xn.ran : xn.dim, children: r?.misses ?? 0 }),
2682
+ /* @__PURE__ */ i("td", { className: o === "ran" ? wn.ran : wn.dim, children: r?.misses ?? 0 }),
2680
2683
  /* @__PURE__ */ i("td", { className: Pt, children: r?.hits ?? 0 }),
2681
2684
  /* @__PURE__ */ i("td", { className: Pt, children: t[n].misses }),
2682
2685
  /* @__PURE__ */ i("td", { className: Pt, children: t[n].hits })
@@ -2685,31 +2688,31 @@ const Yp = ({ width: e = 380, style: t, className: n } = {}) => {
2685
2688
  ] }), Cc = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", { className: yc, children: [
2686
2689
  /* @__PURE__ */ i("div", { className: wc, children: "recent compiles" }),
2687
2690
  e.map((t) => {
2688
- const n = Lc(t.stages, (a) => a.misses > 0), r = Vt.length;
2691
+ const n = Lc(t.stages, (a) => a.misses > 0), r = jt.length;
2689
2692
  return /* @__PURE__ */ v("div", { className: hc, children: [
2690
- /* @__PURE__ */ i("span", { className: wo[n === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
2693
+ /* @__PURE__ */ i("span", { className: xo[n === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
2691
2694
  /* @__PURE__ */ i("span", { className: gc, title: t.label, children: t.label }),
2692
2695
  /* @__PURE__ */ v("span", { className: fc, children: [
2693
2696
  n,
2694
2697
  "/",
2695
2698
  r,
2696
2699
  " ran · ",
2697
- ko(t.durationMs)
2700
+ So(t.durationMs)
2698
2701
  ] })
2699
2702
  ] }, t.id);
2700
2703
  })
2701
2704
  ] }), Ec = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Lc = (e, t) => {
2702
2705
  let n = 0;
2703
- for (const r of Vt)
2706
+ for (const r of jt)
2704
2707
  t(e[r]) && (n += 1);
2705
2708
  return n;
2706
- }, ko = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Co = Object.freeze({}), _t = xe(Co), Tc = ({ slots: e, children: t }) => /* @__PURE__ */ i(_t.Provider, { value: e ?? Co, children: t });
2709
+ }, So = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, wo = Object.freeze({}), en = Se(wo), Tc = ({ slots: e, children: t }) => /* @__PURE__ */ i(en.Provider, { value: e ?? wo, children: t });
2707
2710
  function fe(e, t) {
2708
- const n = le(_t)[e];
2711
+ const n = le(en)[e];
2709
2712
  return n === void 0 ? t : typeof n == "object" && Bc(n) ? n.render : n;
2710
2713
  }
2711
2714
  function Pc() {
2712
- const e = le(_t);
2715
+ const e = le(en);
2713
2716
  return {
2714
2717
  measureAxis: e.AxisTicks?.measure,
2715
2718
  measureAxisLabel: e.AxisLabel?.measure,
@@ -2722,12 +2725,12 @@ function Bc(e) {
2722
2725
  return "render" in e && "measure" in e;
2723
2726
  }
2724
2727
  function st(e) {
2725
- const { store: t } = ke();
2728
+ const { store: t } = Ce();
2726
2729
  return Ve(t, e);
2727
2730
  }
2728
2731
  var Rc = "_19519k80", Nc = "_19519k81", Ic = "_19519k82", Hc = "_19519k83", Dc = "_19519k85", Mc = "_19519k86", Fc = "_19519k87", Oc = "_19519k88", Gc = "_19519k89";
2729
2732
  const Wc = (e) => {
2730
- const { overlayRef: t } = ke(), n = E(null), [r, o] = P(!1), a = je(e);
2733
+ const { overlayRef: t } = Ce(), n = E(null), [r, o] = P(!1), a = je(e);
2731
2734
  return C(() => {
2732
2735
  const s = t.current;
2733
2736
  if (!s) return;
@@ -2740,7 +2743,7 @@ const Wc = (e) => {
2740
2743
  s.removeEventListener("pointermove", l), s.removeEventListener("pointerleave", d);
2741
2744
  };
2742
2745
  }, [t, a]), { cursorRef: n, isInside: r };
2743
- }, zc = 16, Sn = 8, Yc = {
2746
+ }, zc = 16, kn = 8, Yc = {
2744
2747
  x: 0,
2745
2748
  y: 0,
2746
2749
  top: 0,
@@ -2752,15 +2755,15 @@ const Wc = (e) => {
2752
2755
  toJSON: () => ({})
2753
2756
  }, Uc = () => {
2754
2757
  const e = L(
2755
- J((p) => ({
2756
- layers: p.layers,
2757
- coordSystem: p.coordSystem,
2758
- scales: p.scales,
2759
- guides: p.guides,
2760
- numberFormat: p.config.numberFormat,
2761
- parsingLocale: p.config.parsingLocale
2758
+ Z((m) => ({
2759
+ layers: m.layers,
2760
+ coordSystem: m.coordSystem,
2761
+ scales: m.scales,
2762
+ guides: m.guides,
2763
+ numberFormat: m.config.numberFormat,
2764
+ parsingLocale: m.config.parsingLocale
2762
2765
  }))
2763
- ), { formattingLocale: t } = we(), n = st((p) => p.hover), r = st((p) => p.tooltipAnchor), o = fe("Tooltip", Vc), a = E(() => {
2766
+ ), { formattingLocale: t } = ke(), n = st((m) => m.hover), r = st((m) => m.tooltipAnchor), o = fe("Tooltip", Vc), a = E(() => {
2764
2767
  }), { cursorRef: s, isInside: l } = Wc(() => a.current()), d = y(
2765
2768
  () => Li({ ...e, hover: n, formattingLocale: t }),
2766
2769
  [e, n, t]
@@ -2768,13 +2771,13 @@ const Wc = (e) => {
2768
2771
  () => ({
2769
2772
  getBoundingClientRect: () => {
2770
2773
  if (r !== null) return jc(r);
2771
- const p = s.current;
2772
- return p === null ? Yc : Qc(p);
2774
+ const m = s.current;
2775
+ return m === null ? Yc : Qc(m);
2773
2776
  }
2774
2777
  }),
2775
2778
  [s, r]
2776
- ), { refs: g, floatingStyles: f, update: m } = jt(Kc({ isOpen: u, tooltipAnchor: r, virtualReference: h }));
2777
- return a.current = m, u ? /* @__PURE__ */ i(
2779
+ ), { refs: g, floatingStyles: f, update: p } = Kt(Xc({ isOpen: u, tooltipAnchor: r, virtualReference: h }));
2780
+ return a.current = p, u ? /* @__PURE__ */ i(
2778
2781
  "div",
2779
2782
  {
2780
2783
  ref: g.setFloating,
@@ -2792,7 +2795,7 @@ const Wc = (e) => {
2792
2795
  /* @__PURE__ */ i("div", { className: Nc, children: e.rows.map((r) => {
2793
2796
  const o = t(r.geom, n.type);
2794
2797
  return /* @__PURE__ */ i(
2795
- Xc,
2798
+ Kc,
2796
2799
  {
2797
2800
  row: r,
2798
2801
  swatchShape: o?.swatchShape ?? "square",
@@ -2822,17 +2825,17 @@ const Wc = (e) => {
2822
2825
  width: 0,
2823
2826
  height: 0,
2824
2827
  toJSON: () => ({})
2825
- }), Kc = ({
2828
+ }), Xc = ({
2826
2829
  isOpen: e,
2827
2830
  tooltipAnchor: t,
2828
2831
  virtualReference: n
2829
2832
  }) => ({
2830
2833
  open: e,
2831
2834
  placement: t !== null ? t.placement : "right",
2832
- middleware: t !== null ? [rt(Ti), ot({ padding: Sn })] : [rt(zc), Kt(), ot({ padding: Sn })],
2835
+ middleware: t !== null ? [rt(Ti), ot({ padding: kn })] : [rt(zc), qt(), ot({ padding: kn })],
2833
2836
  elements: { reference: n }
2834
- }), Xc = ({ row: e, swatchShape: t, shouldHighlight: n }) => /* @__PURE__ */ v("div", { className: Ae(Ic, { [Hc]: n }), "data-testid": "chart-tooltip-row", children: [
2835
- e.swatchColor === null ? /* @__PURE__ */ i("span", { className: Dc, "aria-hidden": !0 }) : /* @__PURE__ */ i(Ke, { shape: t, color: e.swatchColor, lineType: e.swatchLineType }),
2837
+ }), Kc = ({ row: e, swatchShape: t, shouldHighlight: n }) => /* @__PURE__ */ v("div", { className: xe(Ic, { [Hc]: n }), "data-testid": "chart-tooltip-row", children: [
2838
+ e.swatchColor === null ? /* @__PURE__ */ i("span", { className: Dc, "aria-hidden": !0 }) : /* @__PURE__ */ i(Xe, { shape: t, color: e.swatchColor, lineType: e.swatchLineType }),
2836
2839
  /* @__PURE__ */ i("span", { className: Mc, children: e.label }),
2837
2840
  /* @__PURE__ */ i("span", { className: Fc, children: e.value })
2838
2841
  ] }), qc = ({
@@ -2840,35 +2843,37 @@ const Wc = (e) => {
2840
2843
  textScale: t,
2841
2844
  metrics: n
2842
2845
  }) => {
2843
- const { tickLabelOffset: r, fonts: o } = n, a = ne(o.tickLabel, t);
2846
+ const { tickLabelOffset: r, fonts: o } = n, a = q(o.tickLabel, t);
2844
2847
  return (s) => {
2845
2848
  const l = s.position === "top" || s.position === "bottom", d = s.ticks.map((f) => e.measureText(f.formattedLabel, a)), u = s.labelMaxWidthPx ?? Number.POSITIVE_INFINITY, h = s.ticksVisible ? r : 0;
2846
2849
  if (l) {
2847
2850
  if (s.labelRotation !== 0) {
2848
- const f = d.map((p) => p.width);
2849
- return wn(f, u) + 2 * h;
2851
+ const f = d.map((m) => m.width);
2852
+ return Cn(f, u) + 2 * h;
2850
2853
  }
2851
2854
  return Math.max(...d.map((f) => f.height)) + h;
2852
2855
  }
2853
- return wn(
2856
+ return Cn(
2854
2857
  d.map((f) => f.width),
2855
2858
  u
2856
2859
  ) + h;
2857
2860
  };
2858
- }, wn = (e, t) => Math.min(Math.max(...e), t), Jc = ({ textScale: e, metrics: t }) => {
2859
- const n = ne(t.fonts.axisLabel, e).size;
2861
+ }, Cn = (e, t) => Math.min(Math.max(...e), t), Jc = ({ textScale: e, metrics: t }) => {
2862
+ const n = q(t.fonts.axisLabel, e).size;
2860
2863
  return () => n;
2861
2864
  }, Zc = {
2862
- dataLabel: { x: rr, y: nr },
2863
- stackTotal: { x: Bi, y: Pi }
2864
- }, Eo = ({
2865
+ dataLabel: { x: Ht, y: It },
2866
+ stackTotal: { x: Bi, y: Pi },
2867
+ categoryLabel: { x: Ht, y: It }
2868
+ }, ko = ({
2865
2869
  textMeasurer: e,
2866
2870
  textScale: t,
2867
2871
  metrics: n
2868
2872
  }) => {
2869
2873
  const r = {
2870
- dataLabel: ne(n.fonts.dataLabel, t),
2871
- stackTotal: ne(n.fonts.stackTotal, t)
2874
+ dataLabel: q(n.fonts.dataLabel, t),
2875
+ stackTotal: q(n.fonts.stackTotal, t),
2876
+ categoryLabel: q(n.fonts.categoryLabel, t)
2872
2877
  };
2873
2878
  return (o, a) => {
2874
2879
  const s = e.measureText(a, r[o]), l = Zc[o];
@@ -2894,7 +2899,7 @@ const Wc = (e) => {
2894
2899
  textScale: t,
2895
2900
  metrics: n
2896
2901
  }) => (r, o) => {
2897
- const a = Lo(r, o, e, t, n), s = To(a.map((d) => d.width)), l = Math.max(0, a.length - 1) * n.headlineItemGap;
2902
+ const a = Co(r, o, e, t, n), s = Eo(a.map((d) => d.width)), l = Math.max(0, a.length - 1) * n.headlineItemGap;
2898
2903
  return {
2899
2904
  width: s + l,
2900
2905
  height: Math.max(0, ...a.map((d) => d.height))
@@ -2903,13 +2908,13 @@ const Wc = (e) => {
2903
2908
  textMeasurer: e,
2904
2909
  textScale: t,
2905
2910
  metrics: n
2906
- }) => (r, o) => Lo(r, o, e, t, n).map((a) => a.width), td = ({
2911
+ }) => (r, o) => Co(r, o, e, t, n).map((a) => a.width), td = ({
2907
2912
  textMeasurer: e,
2908
2913
  textScale: t,
2909
2914
  metrics: n
2910
2915
  }) => (r, o) => {
2911
- const a = Gt("value", o, t, n.fonts.familyDefault);
2912
- return { width: e.measureText(r, a).width, height: a.size * Nr };
2916
+ const a = zt("value", o, t, n.fonts.familyDefault);
2917
+ return { width: e.measureText(r, a).width, height: a.size * Br };
2913
2918
  }, nd = ({
2914
2919
  textMeasurer: e,
2915
2920
  textScale: t,
@@ -2917,16 +2922,16 @@ const Wc = (e) => {
2917
2922
  }) => {
2918
2923
  const r = $c({ textMeasurer: e, textScale: t, metrics: n }), o = td({ textMeasurer: e, textScale: t, metrics: n });
2919
2924
  return (a, s) => a.kind === "perGroup" ? r(a, s) : o(a.value, s);
2920
- }, Lo = (e, t, n, r, o) => {
2925
+ }, Co = (e, t, n, r, o) => {
2921
2926
  const a = {
2922
- value: Gt("value", t, r, o.fonts.familyDefault),
2923
- label: Gt("label", t, r, o.fonts.familyDefault)
2927
+ value: zt("value", t, r, o.fonts.familyDefault),
2928
+ label: zt("label", t, r, o.fonts.familyDefault)
2924
2929
  }, s = (l) => rd(l, a, n);
2925
2930
  return e.items.map((l) => {
2926
- const d = or(l).map(s), u = Math.max(0, d.length - 1) * o.headlineRowGap;
2931
+ const d = nr(l).map(s), u = Math.max(0, d.length - 1) * o.headlineRowGap;
2927
2932
  return {
2928
2933
  width: Math.max(0, ...d.map((h) => h.width)),
2929
- height: To(d.map((h) => h.height)) + u
2934
+ height: Eo(d.map((h) => h.height)) + u
2930
2935
  };
2931
2936
  });
2932
2937
  }, rd = (e, t, n) => {
@@ -2934,23 +2939,23 @@ const Wc = (e) => {
2934
2939
  for (const a of e.segments)
2935
2940
  if (a.kind === "text") {
2936
2941
  const s = t[a.fontRole];
2937
- r += n.measureText(a.text, s).width, o = Math.max(o, s.size * Nr);
2942
+ r += n.measureText(a.text, s).width, o = Math.max(o, s.size * Br);
2938
2943
  } else
2939
2944
  r += a.size, o = Math.max(o, a.size);
2940
2945
  return { width: r + Math.max(0, e.segments.length - 1) * e.gap, height: o };
2941
- }, Gt = (e, t, n, r) => {
2946
+ }, zt = (e, t, n, r) => {
2942
2947
  const o = e === "value" ? ts[t] : ns[t];
2943
2948
  return { family: r, size: yt(o, n) };
2944
- }, To = (e) => e.reduce((t, n) => t + n, 0), $t = (e, t) => ne(e, t).size * e.lineHeight, Po = (e, t) => e ? t : 0, od = ({
2949
+ }, Eo = (e) => e.reduce((t, n) => t + n, 0), tn = (e, t) => q(e, t).size * e.lineHeight, Lo = (e, t) => e ? t : 0, od = ({
2945
2950
  textMeasurer: e,
2946
2951
  textScale: t,
2947
2952
  metrics: n
2948
2953
  }) => (r) => {
2949
- const o = $t(n.fonts.legendLabel, t), a = ne(n.fonts.legendLabel, t);
2954
+ const o = tn(n.fonts.legendLabel, t), a = q(n.fonts.legendLabel, t);
2950
2955
  if (r.position === "top" || r.position === "bottom")
2951
2956
  return Math.max(o, n.legendSwatchHeight) + n.legendPillVerticalChrome;
2952
2957
  const l = r.items.map((d) => {
2953
- const u = e.measureText(d.formattedLabel, a).width, h = Po(d.visual.color, n.legendSwatchWidth);
2958
+ const u = e.measureText(d.formattedLabel, a).width, h = Lo(d.visual.color, n.legendSwatchWidth);
2954
2959
  return h + (h > 0 ? n.legendSwatchGap : 0) + u;
2955
2960
  });
2956
2961
  return Math.max(...l) + n.legendPillHorizontalChrome;
@@ -2959,7 +2964,7 @@ const Wc = (e) => {
2959
2964
  textScale: t,
2960
2965
  metrics: n
2961
2966
  }) => {
2962
- const r = ne(n.fonts.tickLabel, t);
2967
+ const r = q(n.fonts.tickLabel, t);
2963
2968
  return (o) => e.measureText(o, r);
2964
2969
  }, ad = Object.freeze({}), sd = (e, t, n, r = ad) => {
2965
2970
  const o = E(r);
@@ -2988,7 +2993,7 @@ const Wc = (e) => {
2988
2993
  measureHeadlineItemWidths: (g, f) => (o.current.measureHeadlineItemWidths ?? u)(g, f),
2989
2994
  measureTickLabel: id({ textMeasurer: e, textScale: t, metrics: n }),
2990
2995
  measureDifferenceArrowLabel: _c({ textMeasurer: e, textScale: t, metrics: n }),
2991
- measureDataLabel: Eo({ textMeasurer: e, textScale: t, metrics: n })
2996
+ measureDataLabel: ko({ textMeasurer: e, textScale: t, metrics: n })
2992
2997
  };
2993
2998
  }, [e, t, n]);
2994
2999
  }, ld = ({
@@ -3005,8 +3010,8 @@ const Wc = (e) => {
3005
3010
  layers: h,
3006
3011
  coordSystem: g,
3007
3012
  textScale: f,
3008
- overflowStrategy: m,
3009
- graphPadding: p
3013
+ overflowStrategy: p,
3014
+ graphPadding: m
3010
3015
  }) => y(() => e ? new Ni(e).compile({
3011
3016
  axes: t,
3012
3017
  numberFormat: n,
@@ -3020,8 +3025,8 @@ const Wc = (e) => {
3020
3025
  layers: h,
3021
3026
  coordSystem: g,
3022
3027
  textScale: f,
3023
- overflowStrategy: m,
3024
- padding: p
3028
+ overflowStrategy: p,
3029
+ padding: m
3025
3030
  }) : null, [
3026
3031
  t,
3027
3032
  n,
@@ -3029,22 +3034,22 @@ const Wc = (e) => {
3029
3034
  o,
3030
3035
  a,
3031
3036
  s,
3032
- m,
3037
+ p,
3033
3038
  l,
3034
3039
  d,
3035
3040
  u,
3036
3041
  h,
3037
3042
  g,
3038
3043
  f,
3039
- p,
3044
+ m,
3040
3045
  e
3041
- ]), cd = (e) => !e.isVisible || e.ticks.length === 0, dd = (e) => e.items.length === 0, kn = "data-variant", Bo = ha.extend({
3046
+ ]), cd = (e) => !e.isVisible || e.ticks.length === 0, dd = (e) => e.items.length === 0, En = "data-variant", To = ha.extend({
3042
3047
  addAttributes() {
3043
3048
  return {
3044
3049
  variant: {
3045
3050
  default: null,
3046
- parseHTML: (e) => e.getAttribute(kn) ?? null,
3047
- renderHTML: (e) => e.variant ? { [kn]: e.variant } : {}
3051
+ parseHTML: (e) => e.getAttribute(En) ?? null,
3052
+ renderHTML: (e) => e.variant ? { [En]: e.variant } : {}
3048
3053
  }
3049
3054
  };
3050
3055
  }
@@ -3071,21 +3076,21 @@ const Wc = (e) => {
3071
3076
  isSubtitleVisible: r
3072
3077
  }) => [
3073
3078
  fd({ isTitleVisible: n, isSubtitleVisible: r }),
3074
- Bo,
3075
- fr,
3076
- Ar,
3077
- ur.configure({ levels: [1, 2, 3] }),
3078
- cr,
3079
+ To,
3079
3080
  hr,
3080
- br,
3081
- pr.configure({ types: ["heading", "paragraph"] }),
3082
- gr.configure({ openOnClick: !1, autolink: !0 }),
3083
- mr,
3084
- vr,
3085
3081
  yr,
3082
+ cr.configure({ levels: [1, 2, 3] }),
3083
+ sr,
3086
3084
  dr,
3085
+ vr,
3086
+ gr.configure({ types: ["heading", "paragraph"] }),
3087
+ ur.configure({ openOnClick: !1, autolink: !0 }),
3088
+ fr,
3089
+ pr,
3090
+ mr,
3091
+ lr,
3087
3092
  ud.configure({ isTitleVisible: n }),
3088
- xr.configure({
3093
+ br.configure({
3089
3094
  showOnlyCurrent: !1,
3090
3095
  placeholder: ({ pos: o, editor: a }) => {
3091
3096
  if (n && o === 0) return e;
@@ -3094,28 +3099,28 @@ const Wc = (e) => {
3094
3099
  }
3095
3100
  })
3096
3101
  ], gd = ({ placeholder: e }) => [
3097
- Ht,
3098
- Bo,
3099
- fr,
3100
- Ar,
3101
- ur.configure({ levels: [1, 2, 3] }),
3102
- cr,
3102
+ Mt,
3103
+ To,
3103
3104
  hr,
3104
- br,
3105
- pr.configure({ types: ["heading", "paragraph"] }),
3106
- gr.configure({ openOnClick: !1, autolink: !0 }),
3107
- mr,
3108
- vr,
3109
3105
  yr,
3106
+ cr.configure({ levels: [1, 2, 3] }),
3107
+ sr,
3110
3108
  dr,
3111
- xr.configure({
3109
+ vr,
3110
+ gr.configure({ types: ["heading", "paragraph"] }),
3111
+ ur.configure({ openOnClick: !1, autolink: !0 }),
3112
+ fr,
3113
+ pr,
3114
+ mr,
3115
+ lr,
3116
+ br.configure({
3112
3117
  showOnlyCurrent: !1,
3113
3118
  placeholder: ({ pos: t }) => t === 0 ? e : ""
3114
3119
  })
3115
3120
  ], fd = ({
3116
3121
  isTitleVisible: e,
3117
3122
  isSubtitleVisible: t
3118
- }) => e && t ? Ht.extend({ content: "block{2,}" }) : Ht, lt = 0.1, pd = { light: 0.05, dark: 0.1 }, md = (e, t) => {
3123
+ }) => e && t ? Mt.extend({ content: "block{2,}" }) : Mt, lt = 0.1, pd = { light: 0.05, dark: 0.1 }, md = (e, t) => {
3119
3124
  switch (e.type) {
3120
3125
  case "none":
3121
3126
  return null;
@@ -3132,14 +3137,14 @@ const Wc = (e) => {
3132
3137
  if (e.type === "solid")
3133
3138
  return e.color;
3134
3139
  if (e.type === "tinted")
3135
- return Mt(n, e.color, pd[t]);
3136
- }, bd = (e, t) => t === "dark" ? vt(e, lt) : jr(e, lt), Ad = (e, t, n = 90) => {
3137
- const r = e, o = t === "dark" ? vt(e, lt) : jr(e, lt);
3140
+ return Ot(n, e.color, pd[t]);
3141
+ }, bd = (e, t) => t === "dark" ? vt(e, lt) : Vr(e, lt), Ad = (e, t, n = 90) => {
3142
+ const r = e, o = t === "dark" ? vt(e, lt) : Vr(e, lt);
3138
3143
  return `linear-gradient(${n}deg, ${r} 0%, ${o} 100%)`;
3139
3144
  };
3140
3145
  var xd = "bow4tg0", Sd = "bow4tg1", wd = "bow4tg2", kd = "bow4tg3", Cd = "_1ii3bsb0", Ed = "_1ii3bsb1";
3141
- const en = xe(null), tn = () => {
3142
- const e = le(en);
3146
+ const nn = Se(null), rn = () => {
3147
+ const e = le(nn);
3143
3148
  if (!e) throw new Error("useThemeContext must be used inside a <ThemeProvider>.");
3144
3149
  return e;
3145
3150
  }, Ld = ({ theme: e, themeOverrides: t = {}, appearance: n, children: r }) => {
@@ -3162,14 +3167,14 @@ const en = xe(null), tn = () => {
3162
3167
  }),
3163
3168
  [e, a, o]
3164
3169
  );
3165
- return /* @__PURE__ */ i(en.Provider, { value: s, children: r });
3166
- }, Ce = ({ children: e, className: t, style: n }) => {
3167
- const r = le(en), o = r ? Ae(r.themeClass, Sd) : void 0, a = r ? { ...r.inlineVarsStyle, ...n } : n;
3168
- return /* @__PURE__ */ i("div", { className: Ae(o, t), style: a, children: e });
3170
+ return /* @__PURE__ */ i(nn.Provider, { value: s, children: r });
3171
+ }, Ee = ({ children: e, className: t, style: n }) => {
3172
+ const r = le(nn), o = r ? xe(r.themeClass, Sd) : void 0, a = r ? { ...r.inlineVarsStyle, ...n } : n;
3173
+ return /* @__PURE__ */ i("div", { className: xe(o, t), style: a, children: e });
3169
3174
  };
3170
- var Td = "yp3g0k0", Pd = "yp3g0k1", Ro = "yp3g0k3", Bd = "yp3g0k4", No = "yp3g0k5", Wt = "yp3g0k6", Rd = "yp3g0k7", Nd = "yp3g0k8", Io = "yp3g0k9", Id = "yp3g0ka", Hd = "yp3g0kb", Dd = "yp3g0kc", Md = "yp3g0kd", Fd = "yp3g0ke";
3171
- const Od = Sr.map((e) => c[e]), Gd = Object.fromEntries(
3172
- Sr.map((e) => [c[e], e])
3175
+ var Td = "yp3g0k0", Pd = "yp3g0k1", Po = "yp3g0k3", Bd = "yp3g0k4", Bo = "yp3g0k5", Yt = "yp3g0k6", Rd = "yp3g0k7", Nd = "yp3g0k8", Ro = "yp3g0k9", Id = "yp3g0ka", Hd = "yp3g0kb", Dd = "yp3g0kc", Md = "yp3g0kd", Fd = "yp3g0ke";
3176
+ const Od = Ar.map((e) => c[e]), Gd = Object.fromEntries(
3177
+ Ar.map((e) => [c[e], e])
3173
3178
  ), Wd = ({ editor: e, currentColor: t, isOpen: n, onOpenChange: r }) => {
3174
3179
  const o = ce(), a = Yd(), s = z(
3175
3180
  (d) => {
@@ -3190,9 +3195,9 @@ const Od = Sr.map((e) => c[e]), Gd = Object.fromEntries(
3190
3195
  children: /* @__PURE__ */ i("span", { className: Pd, style: { background: t ?? "transparent" } })
3191
3196
  }
3192
3197
  ),
3193
- /* @__PURE__ */ i(D.Portal, { container: ye(), children: /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(D.Positioner, { sideOffset: 6, align: "start", className: Ro, children: /* @__PURE__ */ v(D.Popup, { className: Bd, onMouseDown: (d) => d.preventDefault(), children: [
3198
+ /* @__PURE__ */ i(D.Portal, { container: ye(), children: /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(D.Positioner, { sideOffset: 6, align: "start", className: Po, children: /* @__PURE__ */ v(D.Popup, { className: Bd, onMouseDown: (d) => d.preventDefault(), children: [
3194
3199
  /* @__PURE__ */ i(
3195
- Cn,
3200
+ Ln,
3196
3201
  {
3197
3202
  title: o("graph.colorDropdown.colors"),
3198
3203
  colors: Od,
@@ -3201,7 +3206,7 @@ const Od = Sr.map((e) => c[e]), Gd = Object.fromEntries(
3201
3206
  }
3202
3207
  ),
3203
3208
  a.length > 0 && /* @__PURE__ */ i(
3204
- Cn,
3209
+ Ln,
3205
3210
  {
3206
3211
  title: o("graph.colorDropdown.chartColors"),
3207
3212
  colors: a,
@@ -3212,8 +3217,8 @@ const Od = Sr.map((e) => c[e]), Gd = Object.fromEntries(
3212
3217
  /* @__PURE__ */ i(zd, { value: t ?? "#000000", onChange: s })
3213
3218
  ] }) }) }) })
3214
3219
  ] });
3215
- }, Cn = ({ title: e, colors: t, currentColor: n, onPick: r }) => /* @__PURE__ */ v("div", { className: No, children: [
3216
- /* @__PURE__ */ i("div", { className: Wt, children: e }),
3220
+ }, Ln = ({ title: e, colors: t, currentColor: n, onPick: r }) => /* @__PURE__ */ v("div", { className: Bo, children: [
3221
+ /* @__PURE__ */ i("div", { className: Yt, children: e }),
3217
3222
  /* @__PURE__ */ i("div", { className: Rd, children: t.map((o) => /* @__PURE__ */ i(
3218
3223
  "button",
3219
3224
  {
@@ -3223,15 +3228,15 @@ const Od = Sr.map((e) => c[e]), Gd = Object.fromEntries(
3223
3228
  "data-active": Vd(o, n),
3224
3229
  onMouseDown: (a) => a.preventDefault(),
3225
3230
  onClick: () => r(o),
3226
- children: /* @__PURE__ */ i("span", { className: Io, style: Ho(o) })
3231
+ children: /* @__PURE__ */ i("span", { className: Ro, style: No(o) })
3227
3232
  },
3228
3233
  o
3229
3234
  )) })
3230
3235
  ] }), zd = ({ value: e, onChange: t }) => {
3231
3236
  const n = ce(), [r, o] = P(!1), a = is(e) ? e : "#000000", s = Ud(a);
3232
3237
  return /* @__PURE__ */ v(D.Root, { open: r, onOpenChange: o, children: [
3233
- /* @__PURE__ */ v("div", { className: No, children: [
3234
- /* @__PURE__ */ i("div", { className: Wt, children: n("graph.colorDropdown.custom") }),
3238
+ /* @__PURE__ */ v("div", { className: Bo, children: [
3239
+ /* @__PURE__ */ i("div", { className: Yt, children: n("graph.colorDropdown.custom") }),
3235
3240
  /* @__PURE__ */ v(
3236
3241
  D.Trigger,
3237
3242
  {
@@ -3239,14 +3244,14 @@ const Od = Sr.map((e) => c[e]), Gd = Object.fromEntries(
3239
3244
  onMouseDown: (l) => l.preventDefault(),
3240
3245
  "aria-label": n("graph.colorDropdown.pickCustom"),
3241
3246
  children: [
3242
- /* @__PURE__ */ i("span", { className: Io, style: Ho(a) }),
3247
+ /* @__PURE__ */ i("span", { className: Ro, style: No(a) }),
3243
3248
  /* @__PURE__ */ i("span", { className: Hd, children: s })
3244
3249
  ]
3245
3250
  }
3246
3251
  )
3247
3252
  ] }),
3248
- /* @__PURE__ */ i(D.Portal, { container: ye(), children: /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(D.Positioner, { side: "right", align: "start", sideOffset: 18, className: Ro, children: /* @__PURE__ */ v(D.Popup, { className: Dd, onMouseDown: (l) => l.preventDefault(), children: [
3249
- /* @__PURE__ */ i("div", { className: Wt, children: n("graph.colorDropdown.pickColor") }),
3253
+ /* @__PURE__ */ i(D.Portal, { container: ye(), children: /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(D.Positioner, { side: "right", align: "start", sideOffset: 18, className: Po, children: /* @__PURE__ */ v(D.Popup, { className: Dd, onMouseDown: (l) => l.preventDefault(), children: [
3254
+ /* @__PURE__ */ i("div", { className: Yt, children: n("graph.colorDropdown.pickColor") }),
3250
3255
  /* @__PURE__ */ i(va, { color: s, onChange: t, className: Md }),
3251
3256
  /* @__PURE__ */ i(
3252
3257
  ya,
@@ -3271,11 +3276,11 @@ const Od = Sr.map((e) => c[e]), Gd = Object.fromEntries(
3271
3276
  }
3272
3277
  return [...t];
3273
3278
  }, [e]);
3274
- }, Ho = (e) => ({
3279
+ }, No = (e) => ({
3275
3280
  background: e,
3276
3281
  border: `1px solid ${vt(e, 0.1)}`
3277
3282
  }), Ud = (e) => {
3278
- const { themeValues: t } = tn();
3283
+ const { themeValues: t } = rn();
3279
3284
  if (os(e)) return e.toUpperCase();
3280
3285
  const n = Gd[e];
3281
3286
  return n ? t[n].toUpperCase() : "#000000";
@@ -3307,17 +3312,17 @@ const ue = ({ children: e, title: t, variant: n = "primary", size: r = "sm", ...
3307
3312
  ]
3308
3313
  }
3309
3314
  );
3310
- }, Do = (e) => /* @__PURE__ */ i(ue, { ...e, children: /* @__PURE__ */ i("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ i("path", { d: "m6 9 6 6 6-6" }) }) }), Kd = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Mo = `'Aeonik', 'Aeonik Fallback', ${Me}`, Xd = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", qd = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Jd = `var(--brand-font-family), ${Mo}`, zt = [
3315
+ }, Io = (e) => /* @__PURE__ */ i(ue, { ...e, children: /* @__PURE__ */ i("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ i("path", { d: "m6 9 6 6 6-6" }) }) }), Xd = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Ho = `'Aeonik', 'Aeonik Fallback', ${Me}`, Kd = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", qd = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Jd = `var(--brand-font-family), ${Ho}`, Ut = [
3311
3316
  { id: "modern", label: "Modern", preview: "Aa", fontFamily: Me },
3312
- { id: "fresh", label: "Fresh", preview: "Aa", fontFamily: Mo },
3313
- { id: "timeless", label: "Timeless", preview: "Aa", fontFamily: Kd },
3314
- { id: "technical", label: "Technical", preview: "00", fontFamily: Xd },
3317
+ { id: "fresh", label: "Fresh", preview: "Aa", fontFamily: Ho },
3318
+ { id: "timeless", label: "Timeless", preview: "Aa", fontFamily: Xd },
3319
+ { id: "technical", label: "Technical", preview: "00", fontFamily: Kd },
3315
3320
  { id: "fineliner", label: "Fineliner", preview: "Aa", fontFamily: qd },
3316
3321
  { id: "brand", label: "Brand", preview: "Aa", fontFamily: Jd }
3317
- ], Zd = (e) => e ? zt.find((t) => t.fontFamily === e) ?? null : null;
3318
- var Fo = "_1qkyw7q0", Oo = "_1qkyw7q1", Go = "_1qkyw7q3", Wo = "_1qkyw7q4", zo = "_1qkyw7q5";
3322
+ ], Zd = (e) => e ? Ut.find((t) => t.fontFamily === e) ?? null : null;
3323
+ var Do = "_1qkyw7q0", Mo = "_1qkyw7q1", Fo = "_1qkyw7q3", Oo = "_1qkyw7q4", Go = "_1qkyw7q5";
3319
3324
  const _d = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) => {
3320
- const o = ce(), a = Zd(t) ?? zt[0], s = (l) => {
3325
+ const o = ce(), a = Zd(t) ?? Ut[0], s = (l) => {
3321
3326
  e.chain().focus().setFontFamily(l.fontFamily).run();
3322
3327
  };
3323
3328
  return /* @__PURE__ */ v(Y.Root, { open: n, onOpenChange: r, children: [
@@ -3326,18 +3331,18 @@ const _d = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
3326
3331
  {
3327
3332
  render: /* @__PURE__ */ i(H.Button, {}),
3328
3333
  "aria-label": o("graph.toolbar.font.ariaLabel"),
3329
- className: Fo,
3334
+ className: Do,
3330
3335
  onMouseDown: (l) => l.preventDefault(),
3331
3336
  children: [
3332
- /* @__PURE__ */ i("span", { className: Oo, style: { fontFamily: a?.fontFamily }, children: a?.preview }),
3333
- /* @__PURE__ */ i(Do, { size: "sm" })
3337
+ /* @__PURE__ */ i("span", { className: Mo, style: { fontFamily: a?.fontFamily }, children: a?.preview }),
3338
+ /* @__PURE__ */ i(Io, { size: "sm" })
3334
3339
  ]
3335
3340
  }
3336
3341
  ),
3337
- /* @__PURE__ */ i(Y.Portal, { container: ye(), children: /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(Y.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Go, children: /* @__PURE__ */ i(Y.Popup, { className: Wo, onMouseDown: (l) => l.preventDefault(), children: zt.map((l) => /* @__PURE__ */ i(
3342
+ /* @__PURE__ */ i(Y.Portal, { container: ye(), children: /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(Y.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Fo, children: /* @__PURE__ */ i(Y.Popup, { className: Oo, onMouseDown: (l) => l.preventDefault(), children: Ut.map((l) => /* @__PURE__ */ i(
3338
3343
  Y.Item,
3339
3344
  {
3340
- className: zo,
3345
+ className: Go,
3341
3346
  "data-selected": l.id === a?.id,
3342
3347
  onClick: () => s(l),
3343
3348
  children: /* @__PURE__ */ i("span", { style: { fontFamily: l.fontFamily }, children: l.label })
@@ -3345,36 +3350,36 @@ const _d = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
3345
3350
  l.id
3346
3351
  )) }) }) }) })
3347
3352
  ] });
3348
- }, Yo = {
3353
+ }, Wo = {
3349
3354
  id: "text",
3350
3355
  translationKey: "graph.toolbar.heading.text",
3351
3356
  previewFont: c.fontTextEditorBody
3352
- }, En = [
3357
+ }, Tn = [
3353
3358
  { id: "caption", translationKey: "graph.toolbar.heading.caption", previewFont: c.fontTextEditorH6 },
3354
- Yo,
3359
+ Wo,
3355
3360
  { id: "h3", translationKey: "graph.toolbar.heading.heading3", previewFont: c.fontTextEditorH3 },
3356
3361
  { id: "h2", translationKey: "graph.toolbar.heading.heading2", previewFont: c.fontTextEditorH2 },
3357
3362
  { id: "h1", translationKey: "graph.toolbar.heading.heading1", previewFont: c.fontTextEditorH1 }
3358
3363
  ], $d = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: r }) => {
3359
- const o = ce(), a = En.find((s) => s.id === t) ?? Yo;
3364
+ const o = ce(), a = Tn.find((s) => s.id === t) ?? Wo;
3360
3365
  return /* @__PURE__ */ v(Y.Root, { open: n, onOpenChange: r, children: [
3361
3366
  /* @__PURE__ */ v(
3362
3367
  Y.Trigger,
3363
3368
  {
3364
3369
  render: /* @__PURE__ */ i(H.Button, {}),
3365
3370
  "aria-label": o("graph.toolbar.heading.ariaLabel"),
3366
- className: Fo,
3371
+ className: Do,
3367
3372
  onMouseDown: (s) => s.preventDefault(),
3368
3373
  children: [
3369
- /* @__PURE__ */ i("span", { className: Oo, children: o(a.translationKey) }),
3370
- /* @__PURE__ */ i(Do, { size: "sm" })
3374
+ /* @__PURE__ */ i("span", { className: Mo, children: o(a.translationKey) }),
3375
+ /* @__PURE__ */ i(Io, { size: "sm" })
3371
3376
  ]
3372
3377
  }
3373
3378
  ),
3374
- /* @__PURE__ */ i(Y.Portal, { container: ye(), children: /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(Y.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Go, children: /* @__PURE__ */ i(Y.Popup, { className: Wo, onMouseDown: (s) => s.preventDefault(), children: En.map((s) => /* @__PURE__ */ i(
3379
+ /* @__PURE__ */ i(Y.Portal, { container: ye(), children: /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(Y.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Fo, children: /* @__PURE__ */ i(Y.Popup, { className: Oo, onMouseDown: (s) => s.preventDefault(), children: Tn.map((s) => /* @__PURE__ */ i(
3375
3380
  Y.Item,
3376
3381
  {
3377
- className: zo,
3382
+ className: Go,
3378
3383
  "data-selected": s.id === a.id,
3379
3384
  onClick: () => eu(e, s.id),
3380
3385
  children: /* @__PURE__ */ i(tu, { font: s.previewFont, children: o(s.translationKey) })
@@ -3410,12 +3415,12 @@ const _d = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
3410
3415
  ] }) }), iu = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), au = (e) => {
3411
3416
  const { $from: t } = e.state.selection, n = t.parent.textContent, r = t.parentOffset, o = t.start();
3412
3417
  let a = r;
3413
- for (; a > 0 && Ln(n[a - 1]); ) a -= 1;
3418
+ for (; a > 0 && Pn(n[a - 1]); ) a -= 1;
3414
3419
  let s = r;
3415
- for (; s < n.length && Ln(n[s]); ) s += 1;
3420
+ for (; s < n.length && Pn(n[s]); ) s += 1;
3416
3421
  return { from: o + a, to: o + s };
3417
- }, Ln = (e) => e !== void 0 && /\S/.test(e);
3418
- var su = "b5kquu0", lu = "b5kquu1", cu = "b5kquu2", du = "b5kquu3", Tn = "b5kquu4";
3422
+ }, Pn = (e) => e !== void 0 && /\S/.test(e);
3423
+ var su = "b5kquu0", lu = "b5kquu1", cu = "b5kquu2", du = "b5kquu3", Bn = "b5kquu4";
3419
3424
  const uu = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o }) => {
3420
3425
  const a = ce(), [s, l] = P(""), d = E(null);
3421
3426
  C(() => {
@@ -3425,10 +3430,10 @@ const uu = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
3425
3430
  hu(e, s), o(!1);
3426
3431
  }, h = () => {
3427
3432
  l(""), o(!1);
3428
- }, g = (m) => {
3429
- l(m.target.value);
3430
- }, f = (m) => {
3431
- m.key === "Enter" && (m.preventDefault(), u());
3433
+ }, g = (p) => {
3434
+ l(p.target.value);
3435
+ }, f = (p) => {
3436
+ p.key === "Enter" && (p.preventDefault(), u());
3432
3437
  };
3433
3438
  return /* @__PURE__ */ v(D.Root, { open: r, onOpenChange: o, children: [
3434
3439
  /* @__PURE__ */ i(
@@ -3438,16 +3443,16 @@ const uu = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
3438
3443
  "aria-label": a("graph.toolbar.formatting.link"),
3439
3444
  "data-active": n,
3440
3445
  className: su,
3441
- onMouseDown: (m) => m.preventDefault(),
3446
+ onMouseDown: (p) => p.preventDefault(),
3442
3447
  children: /* @__PURE__ */ i(ru, {})
3443
3448
  }
3444
3449
  ),
3445
- /* @__PURE__ */ i(D.Portal, { container: ye(), children: /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(D.Positioner, { sideOffset: 6, align: "end", className: lu, children: /* @__PURE__ */ v(
3450
+ /* @__PURE__ */ i(D.Portal, { container: ye(), children: /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(D.Positioner, { sideOffset: 6, align: "end", className: lu, children: /* @__PURE__ */ v(
3446
3451
  D.Popup,
3447
3452
  {
3448
3453
  className: cu,
3449
3454
  initialFocus: d,
3450
- onMouseDown: (m) => m.preventDefault(),
3455
+ onMouseDown: (p) => p.preventDefault(),
3451
3456
  children: [
3452
3457
  /* @__PURE__ */ i(
3453
3458
  "input",
@@ -3458,18 +3463,18 @@ const uu = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
3458
3463
  placeholder: a("graph.toolbar.link.placeholder"),
3459
3464
  "aria-label": a("graph.toolbar.link.urlLabel"),
3460
3465
  className: du,
3461
- onMouseDown: (m) => m.stopPropagation(),
3466
+ onMouseDown: (p) => p.stopPropagation(),
3462
3467
  onChange: g,
3463
3468
  onKeyDown: f
3464
3469
  }
3465
3470
  ),
3466
- /* @__PURE__ */ i("button", { type: "button", "aria-label": a("common.cancel"), className: Tn, onClick: h, children: /* @__PURE__ */ i(ou, {}) }),
3471
+ /* @__PURE__ */ i("button", { type: "button", "aria-label": a("common.cancel"), className: Bn, onClick: h, children: /* @__PURE__ */ i(ou, {}) }),
3467
3472
  /* @__PURE__ */ i(
3468
3473
  "button",
3469
3474
  {
3470
3475
  type: "button",
3471
3476
  "aria-label": a("graph.toolbar.link.apply"),
3472
- className: Tn,
3477
+ className: Bn,
3473
3478
  onClick: u,
3474
3479
  children: /* @__PURE__ */ i(nu, {})
3475
3480
  }
@@ -3521,7 +3526,7 @@ const yu = 6, Be = ({ label: e, isActive: t, onToggle: n, children: r }) => {
3521
3526
  children: r
3522
3527
  }
3523
3528
  ),
3524
- /* @__PURE__ */ i(Te.Portal, { container: ye(), children: /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(Te.Positioner, { sideOffset: yu, children: /* @__PURE__ */ i(Te.Popup, { className: vu, children: e }) }) }) })
3529
+ /* @__PURE__ */ i(Te.Portal, { container: ye(), children: /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(Te.Positioner, { sideOffset: yu, children: /* @__PURE__ */ i(Te.Popup, { className: vu, children: e }) }) }) })
3525
3530
  ] });
3526
3531
  }, bu = ({ editor: e, activeAlignment: t = "left" }) => {
3527
3532
  const n = ce();
@@ -3567,19 +3572,19 @@ const xu = ({ editor: e }) => ({
3567
3572
  fontSize: Su(e),
3568
3573
  textAlign: wu(e)
3569
3574
  }), Su = (e) => e ? e.isActive("heading", { level: 1 }) ? "h1" : e.isActive("heading", { level: 2 }) ? "h2" : e.isActive("heading", { level: 3 }) ? "h3" : e.isActive("paragraph", { variant: "caption" }) ? "caption" : "text" : "text", wu = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", ku = 8, Cu = 8, Eu = ({ editor: e }) => {
3570
- const t = ce(), [n, r] = P(!1), [o, a] = P(null), s = o !== null, l = (p) => (x) => {
3571
- a(x ? p : null);
3572
- }, { refs: d, floatingStyles: u } = jt({
3575
+ const t = ce(), [n, r] = P(!1), [o, a] = P(null), s = o !== null, l = (m) => (x) => {
3576
+ a(x ? m : null);
3577
+ }, { refs: d, floatingStyles: u } = Kt({
3573
3578
  placement: "top-start",
3574
3579
  strategy: "fixed",
3575
- middleware: [rt(ku), Kt(), ot({ padding: Cu })],
3580
+ middleware: [rt(ku), qt(), ot({ padding: Cu })],
3576
3581
  whileElementsMounted: da
3577
3582
  }), h = E(null), g = ga({
3578
3583
  editor: e,
3579
3584
  selector: xu
3580
3585
  }), f = z(
3581
- (p) => {
3582
- h.current = p, d.setFloating(p);
3586
+ (m) => {
3587
+ h.current = m, d.setFloating(m);
3583
3588
  },
3584
3589
  [d]
3585
3590
  );
@@ -3587,17 +3592,17 @@ const xu = ({ editor: e }) => ({
3587
3592
  e && d.setReference(e.view.dom);
3588
3593
  }, [e, d]), C(() => {
3589
3594
  if (!e) return;
3590
- const p = () => r(!0), x = ({ event: b }) => {
3591
- const { relatedTarget: k, currentTarget: B } = b, O = k instanceof Node && h.current?.contains(k), G = k instanceof Node && B instanceof Node && B.contains(k);
3595
+ const m = () => r(!0), x = ({ event: A }) => {
3596
+ const { relatedTarget: k, currentTarget: B } = A, O = k instanceof Node && h.current?.contains(k), G = k instanceof Node && B instanceof Node && B.contains(k);
3592
3597
  !O && !G && r(!1);
3593
3598
  };
3594
- return e.on("focus", p), e.on("blur", x), () => {
3595
- e.off("focus", p), e.off("blur", x);
3599
+ return e.on("focus", m), e.on("blur", x), () => {
3600
+ e.off("focus", m), e.off("blur", x);
3596
3601
  };
3597
3602
  }, [e]), !e || !n && !s) return null;
3598
- const m = ye();
3599
- return m ? lr(
3600
- /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(Te.Provider, { children: /* @__PURE__ */ v(H.Root, { ref: f, className: Au, style: u, children: [
3603
+ const p = ye();
3604
+ return p ? ar(
3605
+ /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(Te.Provider, { children: /* @__PURE__ */ v(H.Root, { ref: f, className: Au, style: u, children: [
3601
3606
  /* @__PURE__ */ v(H.Group, { className: ze, children: [
3602
3607
  /* @__PURE__ */ i(
3603
3608
  Wd,
@@ -3672,21 +3677,21 @@ const xu = ({ editor: e }) => ({
3672
3677
  }
3673
3678
  ) })
3674
3679
  ] }) }) }),
3675
- m
3680
+ p
3676
3681
  ) : null;
3677
3682
  };
3678
3683
  var Lu = "_2ngohc0";
3679
- const Uo = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ v("div", { className: Lu, children: [
3684
+ const zo = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ v("div", { className: Lu, children: [
3680
3685
  /* @__PURE__ */ i(Eu, { editor: e }),
3681
3686
  /* @__PURE__ */ i(fa, { editor: e, "aria-label": t })
3682
- ] }), Tu = 200, Vo = ({
3687
+ ] }), Tu = 200, Yo = ({
3683
3688
  content: e,
3684
3689
  extensions: t,
3685
3690
  isEditable: n,
3686
3691
  onUpdate: r,
3687
3692
  updateDebounceMs: o = Tu
3688
3693
  }) => {
3689
- const a = E(Pn(e)), s = E(!1), l = xo((u) => {
3694
+ const a = E(Rn(e)), s = E(!1), l = bo((u) => {
3690
3695
  s.current = !0, r?.(u);
3691
3696
  }, o), d = pa({
3692
3697
  extensions: t,
@@ -3703,10 +3708,10 @@ const Uo = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ v("div", { className
3703
3708
  s.current = !1;
3704
3709
  return;
3705
3710
  }
3706
- const u = Pn(e), h = d.getJSON();
3711
+ const u = Rn(e), h = d.getJSON();
3707
3712
  Pu(h, u) || (l.cancel(), d.commands.setContent(u, { emitUpdate: !1 }));
3708
3713
  }, [d, e, l]), C(() => () => l.flush(), [l]), d;
3709
- }, Pn = (e) => e === null ? { type: "doc", content: [] } : typeof e == "string" ? { type: "doc", content: [{ type: "paragraph", content: e ? [{ type: "text", text: e }] : [] }] } : e, Pu = (e, t) => JSON.stringify(e) === JSON.stringify(t);
3714
+ }, Rn = (e) => e === null ? { type: "doc", content: [] } : typeof e == "string" ? { type: "doc", content: [{ type: "paragraph", content: e ? [{ type: "text", text: e }] : [] }] } : e, Pu = (e, t) => JSON.stringify(e) === JSON.stringify(t);
3710
3715
  var Bu = "_1cocly40";
3711
3716
  const Ru = {
3712
3717
  modern: "'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",
@@ -3716,22 +3721,22 @@ const Ru = {
3716
3721
  handwritten: "'Permanent Marker', cursive",
3717
3722
  fineliner: "'Intruding Cat', cursive",
3718
3723
  brand: "var(--brand-font-family), 'Aeonik', 'Inter', sans-serif"
3719
- }, ct = ({ content: e }) => /* @__PURE__ */ i(T, { children: Qo(e.content ?? [e]) }), Qo = (e) => e.map((t, n) => Nu(t, n)), Nu = (e, t) => {
3724
+ }, ct = ({ content: e }) => /* @__PURE__ */ i(T, { children: Uo(e.content ?? [e]) }), Uo = (e) => e.map((t, n) => Nu(t, n)), Nu = (e, t) => {
3720
3725
  if (e.type === "text")
3721
3726
  return Iu(e, t);
3722
3727
  if (e.type === "hardBreak" || e.type === "hard_break")
3723
3728
  return /* @__PURE__ */ i("br", {}, t);
3724
- const n = e.content ? Qo(e.content) : null;
3729
+ const n = e.content ? Uo(e.content) : null;
3725
3730
  switch (e.type) {
3726
3731
  case "doc":
3727
- return /* @__PURE__ */ i(ar, { children: n }, t);
3732
+ return /* @__PURE__ */ i(or, { children: n }, t);
3728
3733
  case "heading": {
3729
3734
  const r = Fu(e.attrs?.level);
3730
- return Ou(r, t, n, Rn(e.attrs));
3735
+ return Ou(r, t, n, In(e.attrs));
3731
3736
  }
3732
3737
  case "paragraph": {
3733
3738
  const r = Re(e.attrs?.variant);
3734
- return /* @__PURE__ */ i("p", { "data-variant": r ?? void 0, style: jo(Rn(e.attrs)), children: n }, t);
3739
+ return /* @__PURE__ */ i("p", { "data-variant": r ?? void 0, style: Vo(In(e.attrs)), children: n }, t);
3735
3740
  }
3736
3741
  case "blockquote":
3737
3742
  return /* @__PURE__ */ i("blockquote", { children: n }, t);
@@ -3768,7 +3773,7 @@ const Ru = {
3768
3773
  return /* @__PURE__ */ i("code", { children: t }, n);
3769
3774
  case "link": {
3770
3775
  const r = Re(e.attrs?.href);
3771
- return ir(r) ? /* @__PURE__ */ i("a", { className: Bu, href: r, rel: "noopener noreferrer", target: "_blank", children: t }, n) : /* @__PURE__ */ i("span", { children: t }, n);
3776
+ return rr(r) ? /* @__PURE__ */ i("a", { className: Bu, href: r, rel: "noopener noreferrer", target: "_blank", children: t }, n) : /* @__PURE__ */ i("span", { children: t }, n);
3772
3777
  }
3773
3778
  case "textStyle": {
3774
3779
  const r = Du(e.attrs);
@@ -3777,7 +3782,7 @@ const Ru = {
3777
3782
  default:
3778
3783
  return /* @__PURE__ */ i("span", { children: t }, n);
3779
3784
  }
3780
- }, Bn = (e) => {
3785
+ }, Nn = (e) => {
3781
3786
  const t = Re(e && typeof e == "object" ? e.fontFamily : e);
3782
3787
  if (t)
3783
3788
  return Ru[t] ?? t;
@@ -3785,12 +3790,12 @@ const Ru = {
3785
3790
  if (!e) return null;
3786
3791
  const t = {}, n = Re(e.color);
3787
3792
  n && (t.color = n);
3788
- const r = Bn(e.font) ?? Bn(e.fontFamily);
3793
+ const r = Nn(e.font) ?? Nn(e.fontFamily);
3789
3794
  r && (t.fontFamily = r);
3790
3795
  const o = Mu(e.fontSize);
3791
3796
  return o && (t.fontSize = o), Object.keys(t).length > 0 ? t : null;
3792
3797
  }, Mu = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : Re(e), Re = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Fu = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Ou = (e, t, n, r) => {
3793
- const o = jo(r);
3798
+ const o = Vo(r);
3794
3799
  switch (e) {
3795
3800
  case 1:
3796
3801
  return /* @__PURE__ */ i("h1", { style: o, children: n }, t);
@@ -3799,11 +3804,11 @@ const Ru = {
3799
3804
  case 3:
3800
3805
  return /* @__PURE__ */ i("h3", { style: o, children: n }, t);
3801
3806
  }
3802
- }, Rn = (e) => {
3807
+ }, In = (e) => {
3803
3808
  const t = e?.textAlign;
3804
3809
  if (t === "left" || t === "right" || t === "center" || t === "justify") return t;
3805
- }, jo = (e) => e ? { textAlign: e } : void 0;
3806
- var Gu = "_4dlrid0", Ko = "_4dlrid1", Wu = "xfz7dq0", zu = "xfz7dq1", Yu = "xfz7dq2", Uu = "xfz7dq3", Vu = "xfz7dq4";
3810
+ }, Vo = (e) => e ? { textAlign: e } : void 0;
3811
+ var Gu = "_4dlrid0", Qo = "_4dlrid1", Wu = "xfz7dq0", zu = "xfz7dq1", Yu = "xfz7dq2", Uu = "xfz7dq3", Vu = "xfz7dq4";
3807
3812
  const Qu = ({
3808
3813
  ref: e,
3809
3814
  footerRect: t,
@@ -3826,24 +3831,24 @@ const Qu = ({
3826
3831
  },
3827
3832
  children: [
3828
3833
  d ? l ? /* @__PURE__ */ i(Ju, { caption: r }) : /* @__PURE__ */ i(ju, { caption: r }) : null,
3829
- u && /* @__PURE__ */ i(Ku, { source: a })
3834
+ u && /* @__PURE__ */ i(Xu, { source: a })
3830
3835
  ]
3831
3836
  }
3832
3837
  );
3833
- }, ju = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ i("p", { className: Ko, children: e }) : /* @__PURE__ */ i(ct, { content: e }), Ku = ({ source: e }) => {
3834
- const t = ir(e.url) ? e.url : void 0, n = e.label ?? (t !== void 0 ? Xu(t) : "");
3838
+ }, ju = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ i("p", { className: Qo, children: e }) : /* @__PURE__ */ i(ct, { content: e }), Xu = ({ source: e }) => {
3839
+ const t = rr(e.url) ? e.url : void 0, n = e.label ?? (t !== void 0 ? Ku(t) : "");
3835
3840
  return n === "" && t === void 0 ? null : /* @__PURE__ */ v("div", { className: zu, children: [
3836
3841
  /* @__PURE__ */ i("span", { className: Uu, children: "Source:" }),
3837
3842
  t !== void 0 ? /* @__PURE__ */ i("a", { className: Yu, href: t, target: "_blank", rel: "noopener noreferrer", children: n }) : /* @__PURE__ */ i("span", { className: Vu, children: n })
3838
3843
  ] });
3839
- }, Xu = (e) => {
3844
+ }, Ku = (e) => {
3840
3845
  try {
3841
3846
  return new URL(e).hostname;
3842
3847
  } catch {
3843
3848
  return e;
3844
3849
  }
3845
3850
  }, qu = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "", Ju = ({ caption: e }) => {
3846
- const t = bo(), n = y(() => gd({ placeholder: "Add caption" }), []), r = Vo({
3851
+ const t = vo(), n = y(() => gd({ placeholder: "Add caption" }), []), r = Yo({
3847
3852
  content: e,
3848
3853
  extensions: n,
3849
3854
  isEditable: !0,
@@ -3852,7 +3857,7 @@ const Qu = ({
3852
3857
  t(new Hi({ caption: a }));
3853
3858
  }
3854
3859
  });
3855
- return /* @__PURE__ */ i(Uo, { editor: r, ariaLabel: "Chart caption" });
3860
+ return /* @__PURE__ */ i(zo, { editor: r, ariaLabel: "Chart caption" });
3856
3861
  };
3857
3862
  var Zu = "_1k4qtbg0";
3858
3863
  const _u = 3, $u = ({
@@ -3869,16 +3874,16 @@ const _u = 3, $u = ({
3869
3874
  title: rh(n?.content ?? []),
3870
3875
  subtitle: oh(r)
3871
3876
  };
3872
- }, nn = (e) => ({
3877
+ }, on = (e) => ({
3873
3878
  type: e.type ?? "text",
3874
- ...e.content !== void 0 ? { content: e.content.map(nn) } : {},
3879
+ ...e.content !== void 0 ? { content: e.content.map(on) } : {},
3875
3880
  ...e.text !== void 0 ? { text: e.text } : {},
3876
3881
  ...e.marks !== void 0 ? { marks: e.marks } : {},
3877
3882
  ...e.attrs !== void 0 ? { attrs: e.attrs } : {}
3878
- }), th = (e) => e === null ? [] : typeof e == "string" ? e === "" ? [] : [{ type: "text", text: e }] : e.type === "doc" && e.content ? e.content.flatMap((t) => t.content ?? []) : e.type === "text" || e.type === "hardBreak" ? [e] : e.content ?? [], nh = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{ type: "paragraph", content: [{ type: "text", text: e }] }] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Nn) : [Nn(e)], Nn = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, rh = (e) => {
3883
+ }), th = (e) => e === null ? [] : typeof e == "string" ? e === "" ? [] : [{ type: "text", text: e }] : e.type === "doc" && e.content ? e.content.flatMap((t) => t.content ?? []) : e.type === "text" || e.type === "hardBreak" ? [e] : e.content ?? [], nh = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{ type: "paragraph", content: [{ type: "text", text: e }] }] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Hn) : [Hn(e)], Hn = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, rh = (e) => {
3879
3884
  if (e.length === 0) return null;
3880
3885
  const [t] = e;
3881
- return t && e.length === 1 && t.type === "text" && (!t.marks || t.marks.length === 0) ? t.text ?? null : { type: "paragraph", content: e.map(nn) };
3886
+ return t && e.length === 1 && t.type === "text" && (!t.marks || t.marks.length === 0) ? t.text ?? null : { type: "paragraph", content: e.map(on) };
3882
3887
  }, oh = (e) => {
3883
3888
  const t = e.filter((r) => (r.content ?? []).length > 0);
3884
3889
  if (t.length === 0) return null;
@@ -3888,7 +3893,7 @@ const _u = 3, $u = ({
3888
3893
  if (o && r.length === 1 && o.type === "text" && (!o.marks || o.marks.length === 0))
3889
3894
  return o.text ?? null;
3890
3895
  }
3891
- return { type: "doc", content: t.map(nn) };
3896
+ return { type: "doc", content: t.map(on) };
3892
3897
  }, ih = ({
3893
3898
  ref: e,
3894
3899
  headerRect: t,
@@ -3936,14 +3941,14 @@ const _u = 3, $u = ({
3936
3941
  subtitle: r
3937
3942
  }) => /* @__PURE__ */ v(T, { children: [
3938
3943
  t && e !== null && (typeof e == "string" ? /* @__PURE__ */ i("h1", { className: Gu, children: e }) : /* @__PURE__ */ i(ct, { content: e })),
3939
- n && r !== null && (typeof r == "string" ? /* @__PURE__ */ i("p", { className: Ko, children: r }) : /* @__PURE__ */ i(ct, { content: r }))
3944
+ n && r !== null && (typeof r == "string" ? /* @__PURE__ */ i("p", { className: Qo, children: r }) : /* @__PURE__ */ i(ct, { content: r }))
3940
3945
  ] }), sh = ({
3941
3946
  title: e,
3942
3947
  isTitleVisible: t,
3943
3948
  isSubtitleVisible: n,
3944
3949
  subtitle: r
3945
3950
  }) => {
3946
- const o = bo(), a = y(
3951
+ const o = vo(), a = y(
3947
3952
  () => hd({
3948
3953
  titlePlaceholder: "Untitled",
3949
3954
  subtitlePlaceholder: "Untitled",
@@ -3954,7 +3959,7 @@ const _u = 3, $u = ({
3954
3959
  ), s = y(
3955
3960
  () => $u({ title: e, isTitleVisible: t, subtitle: r, isSubtitleVisible: n }),
3956
3961
  [e, t, r, n]
3957
- ), l = Vo({
3962
+ ), l = Yo({
3958
3963
  content: s,
3959
3964
  extensions: a,
3960
3965
  isEditable: !0,
@@ -3963,34 +3968,34 @@ const _u = 3, $u = ({
3963
3968
  t && o(new Di({ title: u.title })), n && o(new Mi({ subtitle: u.subtitle }));
3964
3969
  }
3965
3970
  });
3966
- return /* @__PURE__ */ i(Uo, { editor: l, ariaLabel: "Chart title and subtitle" });
3971
+ return /* @__PURE__ */ i(zo, { editor: l, ariaLabel: "Chart title and subtitle" });
3967
3972
  };
3968
- var lh = "_1u9qprb0", ch = "_1u9qprb1", dh = "_9aen060", uh = "_9aen061", hh = "_9aen062", Xo = "_9aen063";
3973
+ var lh = "_1u9qprb0", ch = "_1u9qprb1", dh = "_9aen060", uh = "_9aen061", hh = "_9aen062", jo = "_9aen063";
3969
3974
  const gh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3970
3975
  __proto__: null,
3971
3976
  groupRow: hh,
3972
- item: Xo,
3977
+ item: jo,
3973
3978
  trendRow: uh,
3974
3979
  valueRow: dh
3975
3980
  }, Symbol.toStringTag, { value: "Module" })), fh = (e) => /* @__PURE__ */ i(ue, { ...e, children: /* @__PURE__ */ v("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
3976
3981
  /* @__PURE__ */ i("path", { d: "m5 12 7-7 7 7" }),
3977
3982
  /* @__PURE__ */ i("path", { d: "M12 19V5" })
3978
3983
  ] }) }), ph = (e) => /* @__PURE__ */ i(ue, { ...e, children: /* @__PURE__ */ i("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ i("path", { d: "M5 12h14" }) }) });
3979
- var qo = "n7clvo0", mh = "n7clvo1", vh = "n7clvo2", yh = "n7clvo3", Jo = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, bh = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, Ah = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, xh = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
3984
+ var Xo = "n7clvo0", mh = "n7clvo1", vh = "n7clvo2", yh = "n7clvo3", Ko = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, bh = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, Ah = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, xh = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
3980
3985
  const Sh = ({ segment: e, resolvedSize: t }) => {
3981
3986
  const n = de();
3982
3987
  if (e.kind === "swatch") {
3983
3988
  const o = n(e.swatch.geom, "cartesian")?.swatchShape ?? "square";
3984
- return /* @__PURE__ */ i(Ke, { shape: o, color: e.swatch.color, width: e.size, height: e.size });
3989
+ return /* @__PURE__ */ i(Xe, { shape: o, color: e.swatch.color, width: e.size, height: e.size });
3985
3990
  }
3986
3991
  if (e.kind === "trendArrow")
3987
3992
  return /* @__PURE__ */ i("div", { className: xh[e.direction], children: e.direction === "flat" ? /* @__PURE__ */ i(ph, { size: "xs", title: "" }) : /* @__PURE__ */ i(fh, { size: "xs", title: "" }) });
3988
- const r = e.fontRole === "value" ? Jo[t] : bh[t];
3993
+ const r = e.fontRole === "value" ? Ko[t] : bh[t];
3989
3994
  return /* @__PURE__ */ i("span", { className: Pe(wh(e), r), children: e.text });
3990
3995
  }, wh = (e) => {
3991
3996
  switch (e.textRole) {
3992
3997
  case "value":
3993
- return qo;
3998
+ return Xo;
3994
3999
  case "observation":
3995
4000
  return mh;
3996
4001
  case "trendPercentage":
@@ -4000,7 +4005,7 @@ const Sh = ({ segment: e, resolvedSize: t }) => {
4000
4005
  case "label":
4001
4006
  return yh;
4002
4007
  }
4003
- }, kh = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ i("div", { className: Xo, children: or(e).map((n) => /* @__PURE__ */ i(Ch, { row: n, resolvedSize: t }, n.role)) }), Ch = ({ row: e, resolvedSize: t }) => {
4008
+ }, kh = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ i("div", { className: jo, children: nr(e).map((n) => /* @__PURE__ */ i(Ch, { row: n, resolvedSize: t }, n.role)) }), Ch = ({ row: e, resolvedSize: t }) => {
4004
4009
  const n = e.role === "trendRow";
4005
4010
  return /* @__PURE__ */ i(
4006
4011
  "div",
@@ -4023,11 +4028,11 @@ const Sh = ({ segment: e, resolvedSize: t }) => {
4023
4028
  width: t.width,
4024
4029
  height: t.height
4025
4030
  };
4026
- return e.kind === "grandTotal" ? /* @__PURE__ */ i("div", { className: ch, style: o, children: /* @__PURE__ */ i("span", { className: Pe(qo, Jo[n]), children: e.value }) }) : /* @__PURE__ */ i("div", { className: lh, style: o, children: e.items.slice(0, r).map((a, s) => /* @__PURE__ */ i(kh, { item: a, resolvedSize: n }, `${a.label}-${s}`)) });
4031
+ return e.kind === "grandTotal" ? /* @__PURE__ */ i("div", { className: ch, style: o, children: /* @__PURE__ */ i("span", { className: Pe(Xo, Ko[n]), children: e.value }) }) : /* @__PURE__ */ i("div", { className: lh, style: o, children: e.items.slice(0, r).map((a, s) => /* @__PURE__ */ i(kh, { item: a, resolvedSize: n }, `${a.label}-${s}`)) });
4027
4032
  };
4028
4033
  var Th = "_1oj6yix0", Ph = "_1oj6yix1", Bh = "_1oj6yix2";
4029
4034
  const Rh = 8, Nh = 16, Ih = 2, Hh = ({ legends: e, containerRect: t, textScale: n }) => {
4030
- const { fonts: r } = ve(), o = $t(r.legendLabel, n), { placements: a, hasOverlap: s } = Dh(e, t, o);
4035
+ const { fonts: r } = ve(), o = tn(r.legendLabel, n), { placements: a, hasOverlap: s } = Dh(e, t, o);
4031
4036
  if (a.length === 0) return null;
4032
4037
  const l = s ? Nh : Rh, d = l - Ih;
4033
4038
  return /* @__PURE__ */ v("div", { className: Th, children: [
@@ -4080,7 +4085,7 @@ const Rh = 8, Nh = 16, Ih = 2, Hh = ({ legends: e, containerRect: t, textScale:
4080
4085
  }
4081
4086
  );
4082
4087
  };
4083
- var Fh = "_6a636s0", Oh = "_1kjk02r0", Gh = "_1kjk02r1", Wh = "_1kjk02r2", zh = "_1kjk02r3", Yh = "_1kjk02r4", Uh = "_1kjk02r5", Vh = "_1kjk02r6", Qh = "_1kjk02r7", jh = "_1kjk02r8", Kh = "_1kjk02r9", Xh = "_1kjk02ra", qh = "_1kjk02rb", Jh = "_1dw9dgx0";
4088
+ var Fh = "_6a636s0", Oh = "_1kjk02r0", Gh = "_1kjk02r1", Wh = "_1kjk02r2", zh = "_1kjk02r3", Yh = "_1kjk02r4", Uh = "_1kjk02r5", Vh = "_1kjk02r6", Qh = "_1kjk02r7", jh = "_1kjk02r8", Xh = "_1kjk02r9", Kh = "_1kjk02ra", qh = "_1kjk02rb", Jh = "_1dw9dgx0";
4084
4089
  const Zh = "#9ca3af", Bt = "\0", _h = (e, t) => {
4085
4090
  const n = [];
4086
4091
  return e.forEach((r, o) => {
@@ -4101,9 +4106,9 @@ const Zh = "#9ca3af", Bt = "\0", _h = (e, t) => {
4101
4106
  });
4102
4107
  }
4103
4108
  }), n;
4104
- }, Zo = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ i(tg, { pill: e }) : /* @__PURE__ */ i(eg, { pill: e }), $h = ({ color: e, lineType: t, shape: n }) => {
4109
+ }, qo = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ i(tg, { pill: e }) : /* @__PURE__ */ i(eg, { pill: e }), $h = ({ color: e, lineType: t, shape: n }) => {
4105
4110
  const { legendSwatchWidth: r, legendSwatchHeight: o } = ve();
4106
- return e ? /* @__PURE__ */ i(Ke, { shape: n, color: e, lineType: t, width: r, height: o }) : null;
4111
+ return e ? /* @__PURE__ */ i(Xe, { shape: n, color: e, lineType: t, width: r, height: o }) : null;
4107
4112
  }, eg = ({ pill: e }) => /* @__PURE__ */ v(T, { children: [
4108
4113
  /* @__PURE__ */ i($h, { color: e.visual.color, lineType: e.primaryLineType, shape: e.swatchShape }),
4109
4114
  /* @__PURE__ */ i("span", { children: e.formattedLabel })
@@ -4124,18 +4129,18 @@ const Zh = "#9ca3af", Bt = "\0", _h = (e, t) => {
4124
4129
  /* @__PURE__ */ i("span", { children: e.formattedLabel })
4125
4130
  ] });
4126
4131
  }, ng = ({ hiddenPills: e, placement: t }) => {
4127
- const n = ce(), [r, o] = P(!1), { refs: a, floatingStyles: s } = jt({
4132
+ const n = ce(), [r, o] = P(!1), { refs: a, floatingStyles: s } = Kt({
4128
4133
  open: r,
4129
4134
  placement: t,
4130
- middleware: [rt(4), Kt(), ot({ padding: 8 })]
4135
+ middleware: [rt(4), qt(), ot({ padding: 8 })]
4131
4136
  });
4132
4137
  C(() => {
4133
4138
  if (!r) return;
4134
4139
  const h = (f) => {
4135
- const m = f.target;
4136
- if (!m) return;
4137
- const p = a.reference.current, x = a.floating.current;
4138
- p instanceof Element && p.contains(m) || x instanceof Element && x.contains(m) || o(!1);
4140
+ const p = f.target;
4141
+ if (!p) return;
4142
+ const m = a.reference.current, x = a.floating.current;
4143
+ m instanceof Element && m.contains(p) || x instanceof Element && x.contains(p) || o(!1);
4139
4144
  }, g = (f) => {
4140
4145
  f.key === "Escape" && o(!1);
4141
4146
  };
@@ -4143,7 +4148,7 @@ const Zh = "#9ca3af", Bt = "\0", _h = (e, t) => {
4143
4148
  document.removeEventListener("pointerdown", h), document.removeEventListener("keydown", g);
4144
4149
  };
4145
4150
  }, [r, a.floating, a.reference]);
4146
- const l = t === "left" || t === "right", d = Math.min(e.length - 1, Yr), u = Array.from({ length: d }, (h, g) => d - g);
4151
+ const l = t === "left" || t === "right", d = Math.min(e.length - 1, Wr), u = Array.from({ length: d }, (h, g) => d - g);
4147
4152
  return /* @__PURE__ */ v(T, { children: [
4148
4153
  /* @__PURE__ */ v(
4149
4154
  "div",
@@ -4190,14 +4195,14 @@ const Zh = "#9ca3af", Bt = "\0", _h = (e, t) => {
4190
4195
  ref: a.setFloating,
4191
4196
  role: "dialog",
4192
4197
  "aria-label": n("graph.legend.hiddenItems"),
4193
- className: Kh,
4198
+ className: Xh,
4194
4199
  style: s,
4195
- children: /* @__PURE__ */ i("ul", { className: Xh, children: e.map((h) => /* @__PURE__ */ i("li", { className: qh, children: /* @__PURE__ */ i(Zo, { pill: h }) }, h.key)) })
4200
+ children: /* @__PURE__ */ i("ul", { className: Kh, children: e.map((h) => /* @__PURE__ */ i("li", { className: qh, children: /* @__PURE__ */ i(qo, { pill: h }) }, h.key)) })
4196
4201
  }
4197
4202
  )
4198
4203
  ] });
4199
4204
  }, rg = (e, t) => {
4200
- const n = -e * Ur;
4205
+ const n = -e * zr;
4201
4206
  return { transform: t ? `translateY(${n}px)` : `translateX(${n}px)` };
4202
4207
  };
4203
4208
  var og = "_1cecisi0", ig = "_1cecisi1", ag = "_1cecisi2", sg = "_1cecisi3";
@@ -4208,24 +4213,24 @@ const lg = ({
4208
4213
  containerHeight: r,
4209
4214
  textScale: o
4210
4215
  }) => {
4211
- const a = Se(), s = ve(), l = de(), d = L((b) => b.coordSystem.type), u = y(
4212
- () => _h(t, (b) => l(b, d)?.swatchShape ?? "square"),
4216
+ const a = we(), s = ve(), l = de(), d = L((A) => A.coordSystem.type), u = y(
4217
+ () => _h(t, (A) => l(A, d)?.swatchShape ?? "square"),
4213
4218
  [t, l, d]
4214
4219
  ), h = e === "left" || e === "right", g = h ? r : n, f = y(() => {
4215
4220
  if (u.length === 0) return { visibleCount: 0, hasOverflow: !1 };
4216
4221
  if (g <= 0) return { visibleCount: u.length, hasOverflow: !1 };
4217
- const b = ne(s.fonts.legendLabel, o), k = $t(s.fonts.legendLabel, o), B = (V) => h ? cg(V, k, s) : In({
4222
+ const A = q(s.fonts.legendLabel, o), k = tn(s.fonts.legendLabel, o), B = (V) => h ? cg(V, k, s) : Dn({
4218
4223
  label: V.formattedLabel,
4219
4224
  swatchInlineSize: dg(V, s.legendSwatchWidth),
4220
4225
  textMeasurer: a,
4221
- font: b,
4226
+ font: A,
4222
4227
  swatchGap: s.legendSwatchGap,
4223
4228
  horizontalChrome: s.legendPillHorizontalChrome
4224
- }), O = u.map(B), F = (h ? k + s.legendPillVerticalChrome : In({
4229
+ }), O = u.map(B), F = (h ? k + s.legendPillVerticalChrome : Dn({
4225
4230
  label: `+${u.length}`,
4226
4231
  swatchInlineSize: 0,
4227
4232
  textMeasurer: a,
4228
- font: b,
4233
+ font: A,
4229
4234
  swatchGap: s.legendSwatchGap,
4230
4235
  horizontalChrome: s.legendPillHorizontalChrome
4231
4236
  })) + rs;
@@ -4237,7 +4242,7 @@ const lg = ({
4237
4242
  });
4238
4243
  }, [u, g, h, a, o, s]);
4239
4244
  if (u.length === 0) return null;
4240
- const m = u.slice(0, f.visibleCount), p = u.slice(f.visibleCount), x = f.hasOverflow && p.length > 0;
4245
+ const p = u.slice(0, f.visibleCount), m = u.slice(f.visibleCount), x = f.hasOverflow && m.length > 0;
4241
4246
  return /* @__PURE__ */ v(
4242
4247
  "div",
4243
4248
  {
@@ -4246,12 +4251,12 @@ const lg = ({
4246
4251
  [ig]: !h
4247
4252
  }),
4248
4253
  children: [
4249
- m.map((b) => /* @__PURE__ */ i("div", { className: sg, children: /* @__PURE__ */ i(Zo, { pill: b }) }, b.key)),
4250
- x && /* @__PURE__ */ i(ng, { hiddenPills: p, placement: gg(e) })
4254
+ p.map((A) => /* @__PURE__ */ i("div", { className: sg, children: /* @__PURE__ */ i(qo, { pill: A }) }, A.key)),
4255
+ x && /* @__PURE__ */ i(ng, { hiddenPills: m, placement: gg(e) })
4251
4256
  ]
4252
4257
  }
4253
4258
  );
4254
- }, In = ({
4259
+ }, Dn = ({
4255
4260
  label: e,
4256
4261
  swatchInlineSize: t,
4257
4262
  textMeasurer: n,
@@ -4264,7 +4269,7 @@ const lg = ({
4264
4269
  }, cg = (e, t, n) => {
4265
4270
  const r = ug(e, n.legendSwatchHeight);
4266
4271
  return Math.max(t, r) + n.legendPillVerticalChrome;
4267
- }, dg = (e, t) => e.isBubble ? Number(e.visual.size) : Po(e.visual.color, t), ug = (e, t) => e.isBubble ? Number(e.visual.size) : t, hg = ({
4272
+ }, dg = (e, t) => e.isBubble ? Number(e.visual.size) : Lo(e.visual.color, t), ug = (e, t) => e.isBubble ? Number(e.visual.size) : t, hg = ({
4268
4273
  pillSizes: e,
4269
4274
  overflowPillSize: t,
4270
4275
  containerSize: n,
@@ -4294,7 +4299,7 @@ const lg = ({
4294
4299
  case "right":
4295
4300
  return "left";
4296
4301
  }
4297
- }, fg = re(function({ formattedLegends: t, rects: n, textScale: r }) {
4302
+ }, fg = oe(function({ formattedLegends: t, rects: n, textScale: r }) {
4298
4303
  const o = y(() => {
4299
4304
  const a = /* @__PURE__ */ new Map();
4300
4305
  for (const s of t) {
@@ -4342,9 +4347,9 @@ const lg = ({
4342
4347
  if (!o) return null;
4343
4348
  const a = r(o.geom, n.type);
4344
4349
  return a ? a.guideMode ?? null : null;
4345
- }, _o = 1, $o = "4 3", Hn = ({ panelRect: e }) => {
4350
+ }, Jo = 1, Zo = "4 3", Mn = ({ panelRect: e }) => {
4346
4351
  const { coordSystem: t, layers: n, scales: r } = L(
4347
- J((l) => ({ coordSystem: l.coordSystem, layers: l.layers, scales: l.scales }))
4352
+ Z((l) => ({ coordSystem: l.coordSystem, layers: l.layers, scales: l.scales }))
4348
4353
  ), o = st((l) => l.hover.primary), a = de();
4349
4354
  if (n.length === 0 || o === null || !o.anchored) return null;
4350
4355
  const s = pg({ layers: n, primaryLayerId: o.layerId, coordSystem: t, resolveRenderer: a });
@@ -4356,8 +4361,8 @@ const lg = ({
4356
4361
  {
4357
4362
  ...r,
4358
4363
  stroke: c.hoverGuideLineColor,
4359
- strokeWidth: _o,
4360
- strokeDasharray: $o,
4364
+ strokeWidth: Jo,
4365
+ strokeDasharray: Zo,
4361
4366
  strokeLinecap: "round",
4362
4367
  "data-testid": "hover-guide-line"
4363
4368
  }
@@ -4366,7 +4371,7 @@ const lg = ({
4366
4371
  const o = Gi(e, t, n);
4367
4372
  return o === null ? null : /* @__PURE__ */ i(xt, { panelRect: r, children: /* @__PURE__ */ i("rect", { ...o, fill: c.hoverGuideFillColor, "data-testid": "hover-guide-rect" }) });
4368
4373
  }, yg = ({ coordSystem: e, primary: t, panelRect: n }) => {
4369
- const r = qt(n), o = ee(t.x, e.innerRadius, r), a = ee(t.x, 1, r);
4374
+ const r = Zt(n), o = ne(t.x, e.innerRadius, r), a = ne(t.x, 1, r);
4370
4375
  return /* @__PURE__ */ i(xt, { panelRect: n, children: /* @__PURE__ */ i(
4371
4376
  "line",
4372
4377
  {
@@ -4375,8 +4380,8 @@ const lg = ({
4375
4380
  x2: a.x,
4376
4381
  y2: a.y,
4377
4382
  stroke: c.hoverGuideLineColor,
4378
- strokeWidth: _o,
4379
- strokeDasharray: $o,
4383
+ strokeWidth: Jo,
4384
+ strokeDasharray: Zo,
4380
4385
  strokeLinecap: "round",
4381
4386
  "data-testid": "hover-guide-line"
4382
4387
  }
@@ -4443,8 +4448,8 @@ const lg = ({
4443
4448
  n.getState().calloutHits
4444
4449
  );
4445
4450
  if (h !== null) {
4446
- const m = n.getState();
4447
- m.setHoverState(t.query(h.cursor)), m.setTooltipAnchor({
4451
+ const p = n.getState();
4452
+ p.setHoverState(t.query(h.cursor)), p.setTooltipAnchor({
4448
4453
  x: u.left + h.markerPx.x,
4449
4454
  y: u.top + h.markerPx.y,
4450
4455
  placement: h.placement
@@ -4464,7 +4469,7 @@ const lg = ({
4464
4469
  e.removeEventListener("pointermove", s), e.removeEventListener("pointerleave", l), o !== null && cancelAnimationFrame(o), r = null;
4465
4470
  };
4466
4471
  }, kg = ({ panelRect: e }) => {
4467
- const { engine: t, store: n, overlayRef: r } = ke();
4472
+ const { engine: t, store: n, overlayRef: r } = Ce();
4468
4473
  return xg({ engine: t, store: n, overlayRef: r }), /* @__PURE__ */ i(
4469
4474
  "rect",
4470
4475
  {
@@ -4479,7 +4484,7 @@ const lg = ({
4479
4484
  }
4480
4485
  );
4481
4486
  }, Rt = "data-hover-active", Cg = (e) => {
4482
- const { store: t } = ke(), n = Ve(t, (r) => r.hover.primary !== null);
4487
+ const { store: t } = Ce(), n = Ve(t, (r) => r.hover.primary !== null);
4483
4488
  C(() => {
4484
4489
  const r = e.current;
4485
4490
  if (r)
@@ -4487,7 +4492,7 @@ const lg = ({
4487
4492
  r.removeAttribute(Rt);
4488
4493
  };
4489
4494
  }, [e, n]);
4490
- }, Eg = K.sm, Lg = Me, Tg = be.medium, Pg = 7, Bg = 4, Dn = 1, dt = 10, Rg = 5, Ng = 4, Ig = "0 1px 1.5px rgba(14, 14, 52, 0.18)";
4495
+ }, Eg = X.sm, Lg = Me, Tg = Ae.medium, Pg = 7, Bg = 4, Fn = 1, dt = 10, Rg = 5, Ng = 4, Ig = "0 1px 1.5px rgba(14, 14, 52, 0.18)";
4491
4496
  var Hg = "ph8bdc0", Dg = "ph8bdc1", Mg = "ph8bdc2", Fg = "ph8bdc3";
4492
4497
  const Og = ({ cx: e, cy: t, color: n, radius: r = Ng }) => /* @__PURE__ */ i(
4493
4498
  "circle",
@@ -4504,8 +4509,8 @@ const Og = ({ cx: e, cy: t, color: n, radius: r = Ng }) => /* @__PURE__ */ i(
4504
4509
  }
4505
4510
  );
4506
4511
  function Gg(e) {
4507
- const t = Se(), { formattingLocale: n } = we(), r = L(
4508
- J((d) => ({
4512
+ const t = we(), { formattingLocale: n } = ke(), r = L(
4513
+ Z((d) => ({
4509
4514
  pinnedNumbers: d.annotations.pinnedNumbers,
4510
4515
  comments: d.annotations.comments,
4511
4516
  coordSystem: d.coordSystem,
@@ -4525,8 +4530,8 @@ function Gg(e) {
4525
4530
  return (u, h) => {
4526
4531
  const g = t.measureText(h, d), f = u === "pinned-number" ? dt + Rg : 0;
4527
4532
  return {
4528
- width: g.width + f + (Pg + Dn) * 2,
4529
- height: Math.max(g.height, dt) + (Bg + Dn) * 2
4533
+ width: g.width + f + (Pg + Fn) * 2,
4534
+ height: Math.max(g.height, dt) + (Bg + Fn) * 2
4530
4535
  };
4531
4536
  };
4532
4537
  }, [t, r.textScale]);
@@ -4543,7 +4548,7 @@ function Gg(e) {
4543
4548
  ), formatPinnedValue: a };
4544
4549
  }
4545
4550
  const Wg = ({ panelRect: e }) => {
4546
- const t = L((u) => u.annotations.pinnedNumbers), n = L((u) => u.coordSystem), r = de(), { placed: o, formatPinnedValue: a } = Gg(e), { store: s } = ke(), l = y(() => {
4551
+ const t = L((u) => u.annotations.pinnedNumbers), n = L((u) => u.coordSystem), r = de(), { placed: o, formatPinnedValue: a } = Gg(e), { store: s } = Ce(), l = y(() => {
4547
4552
  const u = /* @__PURE__ */ new Map();
4548
4553
  for (const h of t) u.set(h.id, h);
4549
4554
  return u;
@@ -4567,26 +4572,26 @@ const Wg = ({ panelRect: e }) => {
4567
4572
  className: Hg,
4568
4573
  "data-testid": "pinned-numbers",
4569
4574
  children: o.map((u) => {
4570
- const { id: h, kind: g, inView: f, miniRect: m, anchorPx: p } = u;
4575
+ const { id: h, kind: g, inView: f, miniRect: p, anchorPx: m } = u;
4571
4576
  if (g !== "pinned-number" || !f) return null;
4572
4577
  const x = l.get(h);
4573
4578
  if (x === void 0) return null;
4574
- const { color: b, geom: k } = x.at;
4579
+ const { color: A, geom: k } = x.at;
4575
4580
  return /* @__PURE__ */ v("g", { "data-testid": "pinned-number", children: [
4576
4581
  /* @__PURE__ */ i(
4577
4582
  "foreignObject",
4578
4583
  {
4579
- x: m.x,
4580
- y: m.y,
4581
- width: m.width,
4582
- height: m.height,
4584
+ x: p.x,
4585
+ y: p.y,
4586
+ width: p.width,
4587
+ height: p.height,
4583
4588
  overflow: "visible",
4584
4589
  children: /* @__PURE__ */ v("div", { className: Dg, children: [
4585
4590
  /* @__PURE__ */ i("span", { className: Mg, children: /* @__PURE__ */ i(
4586
- Ke,
4591
+ Xe,
4587
4592
  {
4588
4593
  shape: r(k, n.type)?.swatchShape ?? "square",
4589
- color: b ?? "currentColor",
4594
+ color: A ?? "currentColor",
4590
4595
  width: dt,
4591
4596
  height: dt
4592
4597
  }
@@ -4595,7 +4600,7 @@ const Wg = ({ panelRect: e }) => {
4595
4600
  ] })
4596
4601
  }
4597
4602
  ),
4598
- /* @__PURE__ */ i(Og, { cx: p.x, cy: p.y, color: b })
4603
+ /* @__PURE__ */ i(Og, { cx: m.x, cy: m.y, color: A })
4599
4604
  ] }, h);
4600
4605
  })
4601
4606
  }
@@ -4643,7 +4648,7 @@ const Wg = ({ panelRect: e }) => {
4643
4648
  }, Vg = ({ sticker: e, sizePx: t, x: n, y: r }) => {
4644
4649
  const o = zg[e.sticker];
4645
4650
  if (!o) return null;
4646
- const { width: a, height: s } = Kg(o.aspectRatio, t);
4651
+ const { width: a, height: s } = Xg(o.aspectRatio, t);
4647
4652
  return /* @__PURE__ */ i(
4648
4653
  "image",
4649
4654
  {
@@ -4656,15 +4661,15 @@ const Wg = ({ panelRect: e }) => {
4656
4661
  }
4657
4662
  );
4658
4663
  }, Qg = (e) => ({ x: S(e.at.x), y: S(1 - e.at.y) }), jg = (e, t) => {
4659
- const n = qt(t), r = n.radius * 2;
4664
+ const n = Zt(t), r = n.radius * 2;
4660
4665
  return {
4661
4666
  x: n.centerX - n.radius + e.at.x * r,
4662
4667
  y: n.centerY - n.radius + e.at.y * r
4663
4668
  };
4664
- }, Kg = (e, t) => e >= 1 ? { width: t, height: t / e } : { width: t * e, height: t }, Mn = 4;
4665
- var Xg = "_1agclyl0", qg = "_1agclyl1", Jg = "_1agclyl2", Zg = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, _g = "_1agclyl6 _1agclyl3";
4666
- const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s, position: l, coordType: d }) => {
4667
- const u = a ? `rotate(-90 ${e} ${t})` : void 0, h = s === "aggregate" ? _g : Zg[l], g = $g(s, l, d);
4669
+ }, Xg = (e, t) => e >= 1 ? { width: t, height: t / e } : { width: t * e, height: t }, On = 4;
4670
+ var Kg = "_1agclyl0", qg = "_1agclyl1", Jg = "_1agclyl2", Zg = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, _g = { inside: "_1agclyl6 _1agclyl3", outside: "_1agclyl7 _1agclyl3" }, $g = "_1agclyl8 _1agclyl3";
4671
+ const _o = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s, position: l, coordType: d }) => {
4672
+ const u = a ? `rotate(-90 ${e} ${t})` : void 0, h = tf(s, l), g = ef(s, l, d);
4668
4673
  return /* @__PURE__ */ v("g", { transform: u, children: [
4669
4674
  g && /* @__PURE__ */ i(
4670
4675
  "rect",
@@ -4674,18 +4679,27 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4674
4679
  y: t - r / 2,
4675
4680
  width: n,
4676
4681
  height: r,
4677
- rx: Mn,
4678
- ry: Mn
4682
+ rx: On,
4683
+ ry: On
4679
4684
  }
4680
4685
  ),
4681
4686
  /* @__PURE__ */ i("text", { className: h, x: e, y: t, textAnchor: "middle", dominantBaseline: "central", children: o })
4682
4687
  ] });
4683
- }, $g = (e, t, n) => {
4688
+ }, ef = (e, t, n) => {
4684
4689
  if (e === "aggregate") return Jg;
4685
4690
  if (t === "outside" && n === "cartesian") return qg;
4686
- }, ef = ({ panelRect: e, formattingLocale: t }) => {
4687
- const n = Se(), r = ve(), o = L(
4688
- J((l) => ({
4691
+ }, tf = (e, t) => {
4692
+ switch (e) {
4693
+ case "aggregate":
4694
+ return $g;
4695
+ case "category":
4696
+ return _g[t];
4697
+ case "observation":
4698
+ return Zg[t];
4699
+ }
4700
+ }, nf = ({ panelRect: e, formattingLocale: t }) => {
4701
+ const n = we(), r = ve(), o = L(
4702
+ Z((l) => ({
4689
4703
  layers: l.layers,
4690
4704
  coordSystem: l.coordSystem,
4691
4705
  axes: l.guides.axes,
@@ -4694,14 +4708,14 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4694
4708
  textScale: l.config.appearance.textScale
4695
4709
  }))
4696
4710
  ), a = y(
4697
- () => Eo({ textMeasurer: n, textScale: o.textScale, metrics: r }),
4711
+ () => ko({ textMeasurer: n, textScale: o.textScale, metrics: r }),
4698
4712
  [n, o.textScale, r]
4699
4713
  ), s = y(
4700
4714
  () => ji({ ...o, panelRect: e, measureDataLabel: a, formattingLocale: t }),
4701
4715
  [o, e, a, t]
4702
4716
  );
4703
- return /* @__PURE__ */ i("g", { className: Xg, transform: `translate(${e.x}, ${e.y})`, "data-testid": "data-labels", children: s.labels.map((l, d) => /* @__PURE__ */ i(
4704
- ei,
4717
+ return /* @__PURE__ */ i("g", { className: Kg, transform: `translate(${e.x}, ${e.y})`, "data-testid": "data-labels", children: s.labels.map((l, d) => /* @__PURE__ */ i(
4718
+ _o,
4705
4719
  {
4706
4720
  x: l.x,
4707
4721
  y: l.y,
@@ -4715,13 +4729,13 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4715
4729
  },
4716
4730
  `${l.layerId}:${d}`
4717
4731
  )) });
4718
- }, tf = ({ linePath: e, arrowheadPath: t, stroke: n, strokeWidth: r }) => {
4732
+ }, rf = ({ linePath: e, arrowheadPath: t, stroke: n, strokeWidth: r }) => {
4719
4733
  const o = { stroke: n, strokeWidth: r, strokeLinecap: "round", fill: "none" };
4720
4734
  return /* @__PURE__ */ v("g", { children: [
4721
4735
  /* @__PURE__ */ i("path", { d: e, ...o }),
4722
4736
  /* @__PURE__ */ i("path", { d: t, ...o, strokeLinejoin: "round" })
4723
4737
  ] });
4724
- }, nf = ({
4738
+ }, of = ({
4725
4739
  x: e,
4726
4740
  y: t,
4727
4741
  text: n,
@@ -4732,18 +4746,18 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4732
4746
  strokeColor: l,
4733
4747
  fontWeight: d
4734
4748
  }) => {
4735
- const u = Se(), { fonts: h } = ve(), f = y(
4749
+ const u = we(), { fonts: h } = ve(), f = y(
4736
4750
  () => u.measureText(n, { family: h.familyDefault, size: r, weight: d }),
4737
4751
  [u, n, r, d, h.familyDefault]
4738
- ).width + o * 2, m = r + a * 2;
4752
+ ).width + o * 2, p = r + a * 2;
4739
4753
  return /* @__PURE__ */ v("g", { style: { pointerEvents: "none" }, children: [
4740
4754
  /* @__PURE__ */ i(
4741
4755
  "rect",
4742
4756
  {
4743
4757
  x: e - f / 2,
4744
- y: t - m / 2,
4758
+ y: t - p / 2,
4745
4759
  width: f,
4746
- height: m,
4760
+ height: p,
4747
4761
  rx: 4,
4748
4762
  fill: c.graphBackground,
4749
4763
  stroke: l,
@@ -4763,16 +4777,16 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4763
4777
  }
4764
4778
  )
4765
4779
  ] });
4766
- }, rf = ({ panelRect: e, formattingLocale: t }) => {
4780
+ }, af = ({ panelRect: e, formattingLocale: t }) => {
4767
4781
  const n = L(
4768
- J((o) => ({
4782
+ Z((o) => ({
4769
4783
  differenceArrows: o.annotations.differenceArrows,
4770
4784
  mainAxis: o.coordSystem.type === "cartesian" ? o.coordSystem.mainAxis : "x",
4771
4785
  textScale: o.config.appearance.textScale
4772
4786
  }))
4773
4787
  ), r = y(
4774
4788
  () => n.differenceArrows.map(
4775
- (o) => Ki({
4789
+ (o) => Xi({
4776
4790
  arrow: o,
4777
4791
  mainAxis: n.mainAxis,
4778
4792
  panelWidth: e.width,
@@ -4794,45 +4808,45 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4794
4808
  labelText: h,
4795
4809
  labelLineHeight: g,
4796
4810
  labelPaddingX: f,
4797
- labelPaddingY: m,
4798
- labelStrokeWidth: p,
4811
+ labelPaddingY: p,
4812
+ labelStrokeWidth: m,
4799
4813
  labelFontWeight: x
4800
4814
  }) => {
4801
- const b = o ?? c.defaultAnnotationArrowStroke;
4815
+ const A = o ?? c.defaultAnnotationArrowStroke;
4802
4816
  return /* @__PURE__ */ v(oa.Fragment, { children: [
4803
4817
  /* @__PURE__ */ i(
4804
- tf,
4818
+ rf,
4805
4819
  {
4806
4820
  linePath: s,
4807
4821
  arrowheadPath: l,
4808
- stroke: b,
4822
+ stroke: A,
4809
4823
  strokeWidth: d
4810
4824
  }
4811
4825
  ),
4812
4826
  /* @__PURE__ */ i(
4813
- nf,
4827
+ of,
4814
4828
  {
4815
4829
  x: u.x,
4816
4830
  y: u.y,
4817
4831
  text: h,
4818
4832
  lineHeight: g,
4819
4833
  paddingX: f,
4820
- paddingY: m,
4821
- strokeWidth: p,
4822
- strokeColor: b,
4834
+ paddingY: p,
4835
+ strokeWidth: m,
4836
+ strokeColor: A,
4823
4837
  fontWeight: x
4824
4838
  }
4825
4839
  )
4826
4840
  ] }, a);
4827
4841
  }
4828
4842
  ) });
4829
- }, of = 0, af = 1.15, Fn = 1.15, sf = "rgba(0, 0, 0, 0.16)", On = 2, lf = 1.4, cf = ({
4843
+ }, sf = 0, lf = 1.15, Gn = 1.15, cf = "rgba(0, 0, 0, 0.16)", Wn = 2, df = 1.4, uf = ({
4830
4844
  arrow: e,
4831
4845
  fallbackColor: t,
4832
4846
  stickerOutlineColor: n,
4833
4847
  stickerOutlineColorInverse: r
4834
4848
  }) => {
4835
- const o = gt(), a = e.color ?? t, s = df(e.color, n, r), l = e.dashArray ? { strokeDasharray: e.dashArray, strokeDashoffset: e.dashOffset } : {}, d = e.arrowheadExtent + e.strokeWidth + On + Fn, u = {
4849
+ const o = gt(), a = e.color ?? t, s = hf(e.color, n, r), l = e.dashArray ? { strokeDasharray: e.dashArray, strokeDashoffset: e.dashOffset } : {}, d = e.arrowheadExtent + e.strokeWidth + Wn + Gn, u = {
4836
4850
  x: Math.min(e.startX, e.endX) - d,
4837
4851
  y: Math.min(e.startY, e.endY) - d,
4838
4852
  width: Math.abs(e.endX - e.startX) + 2 * d,
@@ -4842,10 +4856,10 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4842
4856
  e.hasStickerStyle && /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("filter", { id: o, filterUnits: "userSpaceOnUse", ...u, children: /* @__PURE__ */ i(
4843
4857
  "feDropShadow",
4844
4858
  {
4845
- dx: of,
4846
- dy: af,
4847
- stdDeviation: Fn,
4848
- floodColor: sf
4859
+ dx: sf,
4860
+ dy: lf,
4861
+ stdDeviation: Gn,
4862
+ floodColor: cf
4849
4863
  }
4850
4864
  ) }) }),
4851
4865
  /* @__PURE__ */ v("g", { filter: e.hasStickerStyle ? `url(#${o})` : void 0, children: [
@@ -4854,7 +4868,7 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4854
4868
  {
4855
4869
  d: h,
4856
4870
  stroke: s,
4857
- strokeWidth: e.strokeWidth + 2 * On,
4871
+ strokeWidth: e.strokeWidth + 2 * Wn,
4858
4872
  strokeLinecap: "round",
4859
4873
  fill: "none"
4860
4874
  }
@@ -4892,20 +4906,20 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4892
4906
  )
4893
4907
  ] })
4894
4908
  ] });
4895
- }, df = (e, t, n) => {
4909
+ }, hf = (e, t, n) => {
4896
4910
  if (e === null) return n;
4897
4911
  try {
4898
- return It(e, t) < lf ? n : t;
4912
+ return Dt(e, t) < df ? n : t;
4899
4913
  } catch {
4900
4914
  return n;
4901
4915
  }
4902
- }, uf = ({ panelRect: e }) => {
4903
- const { themeValues: t } = tn(), n = L((o) => o.annotations.freeformArrows), r = y(
4904
- () => n.map((o) => Xi({ arrow: o, panelWidth: e.width, panelHeight: e.height })).filter((o) => o !== null),
4916
+ }, gf = ({ panelRect: e }) => {
4917
+ const { themeValues: t } = rn(), n = L((o) => o.annotations.freeformArrows), r = y(
4918
+ () => n.map((o) => Ki({ arrow: o, panelWidth: e.width, panelHeight: e.height })).filter((o) => o !== null),
4905
4919
  [n, e.width, e.height]
4906
4920
  );
4907
4921
  return r.length === 0 ? null : /* @__PURE__ */ i("g", { transform: `translate(${e.x}, ${e.y})`, "data-testid": "freeform-arrows", children: r.map((o) => /* @__PURE__ */ i(
4908
- cf,
4922
+ uf,
4909
4923
  {
4910
4924
  arrow: o,
4911
4925
  fallbackColor: c.defaultAnnotationArrowStroke,
@@ -4914,10 +4928,10 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4914
4928
  },
4915
4929
  o.id
4916
4930
  )) });
4917
- }, hf = ({ edge: e, areTicksVisible: t, position: n, labelRotation: r, label: o }) => {
4931
+ }, ff = ({ edge: e, areTicksVisible: t, position: n, labelRotation: r, label: o }) => {
4918
4932
  const { tickLabelOffset: a } = ve(), s = S(n), l = (t ? 1 : 0) * a, d = { style: { font: c.fontTickLabel }, fill: c.textSecondary }, u = r !== 0 && (e === "top" || e === "bottom"), h = e === "top";
4919
- return u ? /* @__PURE__ */ i("svg", { x: s, y: h ? "100%" : 0, style: { overflow: "visible" }, children: /* @__PURE__ */ i("text", { ...ff(h, l, r), ...d, children: o }) }) : /* @__PURE__ */ i("text", { ...gf(e, s, l), ...d, children: o });
4920
- }, gf = (e, t, n) => {
4933
+ return u ? /* @__PURE__ */ i("svg", { x: s, y: h ? "100%" : 0, style: { overflow: "visible" }, children: /* @__PURE__ */ i("text", { ...mf(h, l, r), ...d, children: o }) }) : /* @__PURE__ */ i("text", { ...pf(e, s, l), ...d, children: o });
4934
+ }, pf = (e, t, n) => {
4921
4935
  switch (e) {
4922
4936
  case "bottom":
4923
4937
  return {
@@ -4950,7 +4964,7 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4950
4964
  dominantBaseline: "central"
4951
4965
  };
4952
4966
  }
4953
- }, ff = (e, t, n) => {
4967
+ }, mf = (e, t, n) => {
4954
4968
  const r = e ? -t : t;
4955
4969
  return {
4956
4970
  x: 0,
@@ -4959,16 +4973,16 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4959
4973
  dominantBaseline: "central",
4960
4974
  transform: `rotate(${n}, 0, ${r})`
4961
4975
  };
4962
- }, pf = ({ formattedAxis: e, rect: t }) => {
4976
+ }, vf = ({ formattedAxis: e, rect: t }) => {
4963
4977
  const n = e.position === "bottom" || e.position === "top";
4964
4978
  return /* @__PURE__ */ v("svg", { x: t.x, y: t.y, width: t.width, height: t.height, style: { overflow: "visible" }, children: [
4965
- Vr,
4979
+ Yr,
4966
4980
  e.ticks.map((r, o) => {
4967
- const a = r.formattedLabel, s = n ? r.position : 1 - r.position, l = mf(e.position, s, t);
4981
+ const a = r.formattedLabel, s = n ? r.position : 1 - r.position, l = yf(e.position, s, t);
4968
4982
  return /* @__PURE__ */ v("g", { children: [
4969
4983
  e.ticksVisible && /* @__PURE__ */ i("line", { ...l, stroke: c.gridLineColor, strokeWidth: 1 }),
4970
4984
  /* @__PURE__ */ i(
4971
- hf,
4985
+ ff,
4972
4986
  {
4973
4987
  edge: e.position,
4974
4988
  areTicksVisible: e.ticksVisible,
@@ -4980,7 +4994,7 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4980
4994
  ] }, o);
4981
4995
  })
4982
4996
  ] });
4983
- }, mf = (e, t, n) => {
4997
+ }, yf = (e, t, n) => {
4984
4998
  const r = S(t);
4985
4999
  switch (e) {
4986
5000
  case "bottom":
@@ -4992,15 +5006,15 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
4992
5006
  case "right":
4993
5007
  return { x1: 0, y1: r, x2: _e, y2: r };
4994
5008
  }
4995
- }, vf = ({ axes: e, rects: t }) => /* @__PURE__ */ i(T, { children: e.map((n) => {
5009
+ }, bf = ({ axes: e, rects: t }) => /* @__PURE__ */ i(T, { children: e.map((n) => {
4996
5010
  const r = t[n.position];
4997
5011
  if (!r || !n.isVisible) return null;
4998
- const o = yf(n.position, r);
5012
+ const o = Af(n.position, r);
4999
5013
  return /* @__PURE__ */ v("g", { transform: `translate(${r.x}, ${r.y})`, children: [
5000
- Vr,
5014
+ Yr,
5001
5015
  /* @__PURE__ */ i("text", { style: { font: c.fontAxisLabel }, fill: c.textPrimary, ...o, children: n.label })
5002
5016
  ] }, `axis-label-${n.position}`);
5003
- }) }), yf = (e, t) => {
5017
+ }) }), Af = (e, t) => {
5004
5018
  const n = {
5005
5019
  x: t.width / 2,
5006
5020
  y: t.height / 2,
@@ -5008,75 +5022,17 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5008
5022
  dominantBaseline: "middle"
5009
5023
  };
5010
5024
  return e === "left" ? (n.x = 0, n.textAnchor = "start") : e === "right" && (n.x = t.width, n.textAnchor = "end"), n;
5011
- }, bf = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ i(T, { children: e.map((n) => {
5025
+ }, xf = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ i(T, { children: e.map((n) => {
5012
5026
  if (n.geometry !== "linear") return null;
5013
5027
  const r = t[n.position];
5014
- return !r || !n.isVisible ? null : /* @__PURE__ */ i(pf, { formattedAxis: n, rect: r }, n.scaleAestheticKey);
5015
- }) }), Af = ({ formattedAxes: e, labelRects: t }) => {
5028
+ return !r || !n.isVisible ? null : /* @__PURE__ */ i(vf, { formattedAxis: n, rect: r }, n.scaleAestheticKey);
5029
+ }) }), Sf = ({ formattedAxes: e, labelRects: t }) => {
5016
5030
  const n = e.filter((r) => r.geometry === "linear");
5017
- return /* @__PURE__ */ i(vf, { axes: n, rects: t });
5018
- }, xf = 8, Gn = {
5031
+ return /* @__PURE__ */ i(bf, { axes: n, rects: t });
5032
+ }, $o = {
5019
5033
  strokeDashoffset: "0",
5020
5034
  strokeLinecap: "round"
5021
- }, Sf = ({ axes: e, panel: t, panelFrameRect: n, panelRect: r }) => {
5022
- const o = L((d) => d.coordSystem.type === "polar"), a = r.x - n.x, s = r.y - n.y, l = qi(
5023
- t.border,
5024
- { x: 0, y: 0, width: n.width, height: n.height },
5025
- xf
5026
- );
5027
- return /* @__PURE__ */ v(
5028
- "svg",
5029
- {
5030
- "data-testid": "grid",
5031
- x: n.x,
5032
- y: n.y,
5033
- width: n.width,
5034
- height: n.height,
5035
- style: { overflow: "visible" },
5036
- children: [
5037
- !o && l.map((d, u) => /* @__PURE__ */ i(
5038
- "path",
5039
- {
5040
- d: wf(d.segments),
5041
- fill: "none",
5042
- stroke: c.gridLineColor,
5043
- strokeDasharray: Wn(d.lineStyle),
5044
- strokeWidth: d.lineWidth ?? c.gridLineWidth,
5045
- ...Gn
5046
- },
5047
- u
5048
- )),
5049
- e.map((d) => {
5050
- if (d.geometry !== "linear" || !d.gridVisible) return null;
5051
- const u = d.position === "bottom" || d.position === "top", h = Wn(d.gridLineStyle), g = d.gridLineWidth ?? c.gridLineWidth;
5052
- return /* @__PURE__ */ i("g", { children: d.ticks.map((f, m) => {
5053
- if (f.position <= 0 || f.position >= 1) return null;
5054
- const p = u ? f.position : 1 - f.position;
5055
- let x;
5056
- if (u) {
5057
- const b = p * r.width + a;
5058
- x = { x1: b, y1: 0, x2: b, y2: "100%" };
5059
- } else {
5060
- const b = p * r.height + s;
5061
- x = { x1: 0, y1: b, x2: "100%", y2: b };
5062
- }
5063
- return /* @__PURE__ */ i(
5064
- "line",
5065
- {
5066
- ...x,
5067
- ...Gn,
5068
- strokeDasharray: h,
5069
- strokeWidth: g,
5070
- stroke: c.gridLineColor
5071
- },
5072
- m
5073
- );
5074
- }) }, d.scaleAestheticKey);
5075
- })
5076
- ]
5077
- }
5078
- );
5079
- }, Wn = (e) => {
5035
+ }, ei = (e) => {
5080
5036
  switch (e) {
5081
5037
  case "dashed":
5082
5038
  return c.gridLineDash;
@@ -5085,7 +5041,77 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5085
5041
  case "solid":
5086
5042
  return;
5087
5043
  }
5088
- }, wf = (e) => e.map((t) => {
5044
+ }, wf = ({ axes: e, panelFrameRect: t, panelRect: n }) => {
5045
+ const r = n.x - t.x, o = n.y - t.y;
5046
+ return /* @__PURE__ */ i(
5047
+ "svg",
5048
+ {
5049
+ "data-testid": "grid",
5050
+ x: t.x,
5051
+ y: t.y,
5052
+ width: t.width,
5053
+ height: t.height,
5054
+ style: { overflow: "visible" },
5055
+ children: e.map((a) => {
5056
+ if (a.geometry !== "linear" || !a.gridVisible) return null;
5057
+ const s = a.position === "bottom" || a.position === "top", l = ei(a.gridLineStyle), d = a.gridLineWidth ?? c.gridLineWidth;
5058
+ return /* @__PURE__ */ i("g", { children: a.ticks.map((u, h) => {
5059
+ if (u.position <= 0 || u.position >= 1) return null;
5060
+ const g = s ? u.position : 1 - u.position;
5061
+ let f;
5062
+ if (s) {
5063
+ const p = g * n.width + r;
5064
+ f = { x1: p, y1: 0, x2: p, y2: "100%" };
5065
+ } else {
5066
+ const p = g * n.height + o;
5067
+ f = { x1: 0, y1: p, x2: "100%", y2: p };
5068
+ }
5069
+ return /* @__PURE__ */ i(
5070
+ "line",
5071
+ {
5072
+ ...f,
5073
+ ...$o,
5074
+ strokeDasharray: l,
5075
+ strokeWidth: d,
5076
+ stroke: c.gridLineColor
5077
+ },
5078
+ h
5079
+ );
5080
+ }) }, a.scaleAestheticKey);
5081
+ })
5082
+ }
5083
+ );
5084
+ }, kf = 8, Cf = ({ panel: e, panelFrameRect: t }) => {
5085
+ if (L((o) => o.coordSystem.type === "polar")) return null;
5086
+ const r = qi(
5087
+ e.border,
5088
+ { x: 0, y: 0, width: t.width, height: t.height },
5089
+ kf
5090
+ );
5091
+ return r.length === 0 ? null : /* @__PURE__ */ i(
5092
+ "svg",
5093
+ {
5094
+ "data-testid": "panel-border",
5095
+ x: t.x,
5096
+ y: t.y,
5097
+ width: t.width,
5098
+ height: t.height,
5099
+ style: { overflow: "visible" },
5100
+ children: r.map((o, a) => /* @__PURE__ */ i(
5101
+ "path",
5102
+ {
5103
+ d: Ef(o.segments),
5104
+ fill: "none",
5105
+ stroke: o.color ?? c.gridLineColor,
5106
+ strokeDasharray: ei(o.lineStyle),
5107
+ strokeWidth: o.lineWidth ?? c.gridLineWidth,
5108
+ ...$o
5109
+ },
5110
+ a
5111
+ ))
5112
+ }
5113
+ );
5114
+ }, Ef = (e) => e.map((t) => {
5089
5115
  switch (t.type) {
5090
5116
  case "move":
5091
5117
  return `M ${t.x} ${t.y}`;
@@ -5103,7 +5129,7 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5103
5129
  if (n.type !== "polar") return null;
5104
5130
  const r = t.find((d) => d.geometry === "circular");
5105
5131
  if (!r) return null;
5106
- const { innerRadius: o, startAngle: a, spokeRotation: s } = n, l = qt(e);
5132
+ const { innerRadius: o, startAngle: a, spokeRotation: s } = n, l = Zt(e);
5107
5133
  return l.radius <= 0 ? null : {
5108
5134
  circle: l,
5109
5135
  circularAxis: r,
@@ -5113,10 +5139,10 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5113
5139
  angleFor: (d) => Ji(d, a, s),
5114
5140
  radiusNormFor: (d) => o + d * (1 - o)
5115
5141
  };
5116
- }, kf = 3, Cf = 16, Ef = ({ formattedAxes: e, panelRect: t }) => {
5142
+ }, Lf = 3, Tf = 16, Pf = ({ formattedAxes: e, panelRect: t }) => {
5117
5143
  const n = ni(t, e);
5118
5144
  if (!n) return null;
5119
- const { circle: r, circularAxis: o, radialAxis: a, startAngle: s, angleFor: l, radiusNormFor: d } = n, u = Lf(a, d, r.radius);
5145
+ const { circle: r, circularAxis: o, radialAxis: a, startAngle: s, angleFor: l, radiusNormFor: d } = n, u = Bf(a, d, r.radius);
5120
5146
  return /* @__PURE__ */ v(
5121
5147
  "svg",
5122
5148
  {
@@ -5128,17 +5154,17 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5128
5154
  "data-testid": "polar-axis-ticks",
5129
5155
  children: [
5130
5156
  a?.isVisible && u.map(({ tick: h, radiusNorm: g }, f) => {
5131
- const m = ee(s, g, r);
5157
+ const p = ne(s, g, r);
5132
5158
  return /* @__PURE__ */ i(
5133
5159
  "text",
5134
5160
  {
5135
- x: m.x,
5136
- y: m.y,
5161
+ x: p.x,
5162
+ y: p.y,
5137
5163
  textAnchor: "middle",
5138
5164
  dominantBaseline: "central",
5139
5165
  style: { font: c.fontTickLabel, paintOrder: "stroke" },
5140
5166
  stroke: c.graphBackground,
5141
- strokeWidth: kf,
5167
+ strokeWidth: Lf,
5142
5168
  fill: c.textSecondary,
5143
5169
  children: h.formattedLabel
5144
5170
  },
@@ -5147,13 +5173,13 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5147
5173
  }),
5148
5174
  o.isVisible && o.ticks.map((h, g) => {
5149
5175
  if (h.position >= 1 - ti) return null;
5150
- const f = l(h.position), m = ee(f, (r.radius + Zi) / r.radius, r);
5176
+ const f = l(h.position), p = ne(f, (r.radius + Zi) / r.radius, r);
5151
5177
  return /* @__PURE__ */ i(
5152
5178
  "text",
5153
5179
  {
5154
- x: m.x,
5155
- y: m.y,
5156
- textAnchor: Tf(f),
5180
+ x: p.x,
5181
+ y: p.y,
5182
+ textAnchor: Rf(f),
5157
5183
  dominantBaseline: "central",
5158
5184
  style: { font: c.fontTickLabel },
5159
5185
  fill: c.textSecondary,
@@ -5165,7 +5191,7 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5165
5191
  ]
5166
5192
  }
5167
5193
  );
5168
- }, Lf = (e, t, n) => {
5194
+ }, Bf = (e, t, n) => {
5169
5195
  if (!e) return [];
5170
5196
  const r = [];
5171
5197
  let o = Number.NEGATIVE_INFINITY;
@@ -5173,13 +5199,13 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5173
5199
  const s = t(a.position);
5174
5200
  if (s <= 0) continue;
5175
5201
  const l = s * n;
5176
- l - o < Cf || (r.push({ tick: a, radiusNorm: s }), o = l);
5202
+ l - o < Tf || (r.push({ tick: a, radiusNorm: s }), o = l);
5177
5203
  }
5178
5204
  return r;
5179
- }, Tf = (e) => {
5205
+ }, Rf = (e) => {
5180
5206
  const t = Math.sin(e);
5181
5207
  return Math.abs(t) < 0.01 ? "middle" : t > 0 ? "start" : "end";
5182
- }, Pf = ({ formattedAxes: e, panelRect: t }) => {
5208
+ }, Nf = ({ formattedAxes: e, panelRect: t }) => {
5183
5209
  const n = ni(t, e);
5184
5210
  if (!n) return null;
5185
5211
  const { circle: r, circularAxis: o, radialAxis: a, innerRadius: s, angleFor: l, radiusNormFor: d } = n;
@@ -5221,14 +5247,14 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5221
5247
  ),
5222
5248
  o.gridVisible && o.ticks.map((u, h) => {
5223
5249
  if (u.position >= 1 - ti) return null;
5224
- const g = l(u.position), f = ee(g, s, r), m = ee(g, 1, r);
5250
+ const g = l(u.position), f = ne(g, s, r), p = ne(g, 1, r);
5225
5251
  return /* @__PURE__ */ i(
5226
5252
  "line",
5227
5253
  {
5228
5254
  x1: f.x,
5229
5255
  y1: f.y,
5230
- x2: m.x,
5231
- y2: m.y,
5256
+ x2: p.x,
5257
+ y2: p.y,
5232
5258
  stroke: c.gridLineColor,
5233
5259
  strokeWidth: c.gridLineWidth
5234
5260
  },
@@ -5238,7 +5264,7 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5238
5264
  ]
5239
5265
  }
5240
5266
  );
5241
- }, Bf = {
5267
+ }, If = {
5242
5268
  fill: "none",
5243
5269
  contain: "xMidYMid meet",
5244
5270
  cover: "xMidYMid slice"
@@ -5261,7 +5287,7 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5261
5287
  y: S(1 - s.y - s.height),
5262
5288
  width: S(s.width),
5263
5289
  height: S(s.height),
5264
- preserveAspectRatio: Bf[l],
5290
+ preserveAspectRatio: If[l],
5265
5291
  opacity: d
5266
5292
  },
5267
5293
  o
@@ -5296,8 +5322,8 @@ const ei = ({ x: e, y: t, width: n, height: r, text: o, isRotated: a, target: s,
5296
5322
  }
5297
5323
  );
5298
5324
  };
5299
- var Rf = "_120wioc0";
5300
- const Nf = ({ panelRect: e }) => {
5325
+ var Hf = "_120wioc0";
5326
+ const Df = ({ panelRect: e }) => {
5301
5327
  const t = L((n) => n.annotations.textAnnotations);
5302
5328
  return t.length === 0 ? null : /* @__PURE__ */ i(
5303
5329
  "svg",
@@ -5319,8 +5345,8 @@ const Nf = ({ panelRect: e }) => {
5319
5345
  children: /* @__PURE__ */ i(
5320
5346
  "div",
5321
5347
  {
5322
- className: Rf,
5323
- style: If(n.backgroundColor, n.backgroundColorStyle),
5348
+ className: Hf,
5349
+ style: Mf(n.backgroundColor, n.backgroundColorStyle),
5324
5350
  children: /* @__PURE__ */ i(ct, { content: n.content })
5325
5351
  }
5326
5352
  )
@@ -5329,17 +5355,17 @@ const Nf = ({ panelRect: e }) => {
5329
5355
  ))
5330
5356
  }
5331
5357
  );
5332
- }, If = (e, t) => e === null || e === "transparent" ? { color: c.textPrimary } : t === "fade" ? {
5358
+ }, Mf = (e, t) => e === null || e === "transparent" ? { color: c.textPrimary } : t === "fade" ? {
5333
5359
  color: c.textPrimary,
5334
- backgroundColor: Mt(e, c.grey100, 0.5),
5335
- boxShadow: `0 0 0 1.5px ${Mt(e, c.grey0, 0.2)}`
5360
+ backgroundColor: Ot(e, c.grey100, 0.5),
5361
+ boxShadow: `0 0 0 1.5px ${Ot(e, c.grey0, 0.2)}`
5336
5362
  } : {
5337
5363
  color: c.textPrimary,
5338
5364
  backgroundColor: e,
5339
5365
  boxShadow: `0 0 0 1.5px ${vt(e, 0.1)}`
5340
5366
  };
5341
- var Hf = "usd3ea0", Df = "usd3ea1";
5342
- const Mf = ({
5367
+ var Ff = "usd3ea0", Of = "usd3ea1";
5368
+ const Gf = ({
5343
5369
  layer: e,
5344
5370
  coordSystem: t,
5345
5371
  isAnimated: n,
@@ -5353,15 +5379,15 @@ const Mf = ({
5353
5379
  return d.overlay ? null : /* @__PURE__ */ i(
5354
5380
  "g",
5355
5381
  {
5356
- className: Ae({
5357
- [Df]: r && o === "desaturate",
5358
- [Hf]: r && o === "dim"
5382
+ className: xe({
5383
+ [Of]: r && o === "desaturate",
5384
+ [Ff]: r && o === "dim"
5359
5385
  }),
5360
5386
  children: d.fn({ layer: e, coordSystem: t, isAnimated: n, formattingLocale: a })
5361
5387
  }
5362
5388
  );
5363
5389
  };
5364
- function Ff({
5390
+ function Wf({
5365
5391
  renderer: e,
5366
5392
  layer: t,
5367
5393
  coordSystem: n,
@@ -5375,7 +5401,7 @@ function Ff({
5375
5401
  }
5376
5402
  return o;
5377
5403
  }
5378
- const Of = 4, Gf = ({
5404
+ const zf = 4, Yf = ({
5379
5405
  renderer: e,
5380
5406
  layer: t,
5381
5407
  matchedLayer: n,
@@ -5386,41 +5412,41 @@ const Of = 4, Gf = ({
5386
5412
  formattingLocale: l
5387
5413
  }) => {
5388
5414
  const { numberFormat: d, textScale: u } = L(
5389
- J((b) => ({
5390
- numberFormat: b.config.numberFormat,
5391
- textScale: b.config.appearance.textScale
5415
+ Z((A) => ({
5416
+ numberFormat: A.config.numberFormat,
5417
+ textScale: A.config.appearance.textScale
5392
5418
  }))
5393
5419
  ), h = y(
5394
- () => Ff({ renderer: e, layer: t, coordSystem: o, candidates: r }),
5420
+ () => Wf({ renderer: e, layer: t, coordSystem: o, candidates: r }),
5395
5421
  [e, t, o, r]
5396
5422
  ), g = y(() => _i(t), [t]), f = y(
5397
5423
  () => $i({ layer: t, numberFormat: d, locale: l }),
5398
5424
  [d, t, l]
5399
- ), { fonts: m } = ve(), p = y(() => ne(m.dataLabel, u), [m.dataLabel, u]);
5425
+ ), { fonts: p } = ve(), m = y(() => q(p.dataLabel, u), [p.dataLabel, u]);
5400
5426
  if (e === null || n === null && h.length === 0) return null;
5401
5427
  const x = bt(e.render);
5402
5428
  return /* @__PURE__ */ v(T, { children: [
5403
5429
  n && !x.overlay ? x.fn({ layer: n, coordSystem: o, isAnimated: a, formattingLocale: l }) : null,
5404
- h.map(({ observation: b, observationIndex: k, anchor: B }) => /* @__PURE__ */ i(
5405
- Wf,
5430
+ h.map(({ observation: A, observationIndex: k, anchor: B }) => /* @__PURE__ */ i(
5431
+ Uf,
5406
5432
  {
5407
- observation: b,
5433
+ observation: A,
5408
5434
  anchor: B,
5409
5435
  panelRect: s,
5410
5436
  readSegmentY: g,
5411
5437
  formatYValue: f,
5412
- labelFont: p
5438
+ labelFont: m
5413
5439
  },
5414
- zf(b, k)
5440
+ Vf(A, k)
5415
5441
  ))
5416
5442
  ] });
5417
- }, Wf = ({ observation: e, anchor: t, panelRect: n, readSegmentY: r, formatYValue: o, labelFont: a }) => {
5418
- const s = Se(), l = jn(t.x), d = Qn(t.y), u = (ut(e) ?? wr) / 2, h = r(e), g = qn(h) ? o(h, e) : null, f = y(() => {
5443
+ }, Uf = ({ observation: e, anchor: t, panelRect: n, readSegmentY: r, formatYValue: o, labelFont: a }) => {
5444
+ const s = we(), l = jn(t.x), d = Qn(t.y), u = (ut(e) ?? xr) / 2, h = r(e), g = qn(h) ? o(h, e) : null, f = y(() => {
5419
5445
  if (g === null) return null;
5420
- const m = s.measureText(g, a);
5446
+ const p = s.measureText(g, a);
5421
5447
  return {
5422
- width: m.width + rr * 2,
5423
- height: m.height + nr * 2
5448
+ width: p.width + Ht * 2,
5449
+ height: p.height + It * 2
5424
5450
  };
5425
5451
  }, [g, s, a]);
5426
5452
  return /* @__PURE__ */ v(T, { children: [
@@ -5435,10 +5461,10 @@ const Of = 4, Gf = ({
5435
5461
  }
5436
5462
  ),
5437
5463
  g !== null && f !== null && /* @__PURE__ */ i(
5438
- ei,
5464
+ _o,
5439
5465
  {
5440
5466
  x: l * n.width,
5441
- y: d * n.height - u - Of - f.height / 2,
5467
+ y: d * n.height - u - zf - f.height / 2,
5442
5468
  width: f.width,
5443
5469
  height: f.height,
5444
5470
  text: g,
@@ -5449,12 +5475,12 @@ const Of = 4, Gf = ({
5449
5475
  }
5450
5476
  )
5451
5477
  ] });
5452
- }, zf = (e, t) => {
5478
+ }, Vf = (e, t) => {
5453
5479
  const n = e[se.group];
5454
5480
  return `${String(n ?? "")}\0${t}`;
5455
- }, Yf = ({ layer: e, coordSystem: t, panelRect: n }) => {
5481
+ }, Qf = ({ layer: e, coordSystem: t, panelRect: n }) => {
5456
5482
  const { primary: r, group: o, related: a } = st(
5457
- J((u) => ({
5483
+ Z((u) => ({
5458
5484
  primary: u.hover.primary,
5459
5485
  group: u.hover.group,
5460
5486
  related: u.hover.related
@@ -5473,10 +5499,10 @@ const Of = 4, Gf = ({
5473
5499
  panelRect: n
5474
5500
  }) : d.length === 0 ? null : l.renderHoverCompanions({ layer: e, primary: r, related: d });
5475
5501
  };
5476
- var Uf = "to1jkx0", Vf = "to1jkx1";
5477
- const Qf = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
5502
+ var jf = "to1jkx0", Xf = "to1jkx1";
5503
+ const Kf = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
5478
5504
  const { layers: r, coordSystem: o, highlightStyle: a } = L(
5479
- J((s) => ({
5505
+ Z((s) => ({
5480
5506
  layers: s.layers,
5481
5507
  coordSystem: s.coordSystem,
5482
5508
  highlightStyle: s.config.appearance.highlightStyle
@@ -5489,11 +5515,11 @@ const Qf = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
5489
5515
  y: t.y,
5490
5516
  width: t.width,
5491
5517
  height: t.height,
5492
- className: Uf,
5518
+ className: jf,
5493
5519
  "data-testid": "geom-layers",
5494
- children: r.map((s) => /* @__PURE__ */ v(ar, { children: [
5520
+ children: r.map((s) => /* @__PURE__ */ v(or, { children: [
5495
5521
  /* @__PURE__ */ i(
5496
- Xf,
5522
+ Zf,
5497
5523
  {
5498
5524
  layer: s,
5499
5525
  coordSystem: o,
@@ -5503,14 +5529,14 @@ const Qf = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
5503
5529
  formattingLocale: n
5504
5530
  }
5505
5531
  ),
5506
- /* @__PURE__ */ i(Yf, { layer: s, coordSystem: o, panelRect: t })
5507
- ] }, `${s.id}-${jf(o)}`))
5532
+ /* @__PURE__ */ i(Qf, { layer: s, coordSystem: o, panelRect: t })
5533
+ ] }, `${s.id}-${qf(o)}`))
5508
5534
  }
5509
5535
  );
5510
- }, jf = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, Kf = (e) => {
5536
+ }, qf = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, Jf = (e) => {
5511
5537
  if (e.geom !== "rule")
5512
- return Vf;
5513
- }, Xf = ({
5538
+ return Xf;
5539
+ }, Zf = ({
5514
5540
  layer: e,
5515
5541
  coordSystem: t,
5516
5542
  highlightStyle: n,
@@ -5524,9 +5550,9 @@ const Qf = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
5524
5550
  isAnimated: r,
5525
5551
  formattingLocale: a
5526
5552
  }, h = l ? bt(l.render) : null, g = e.spatialKind === "render-hit-test";
5527
- return /* @__PURE__ */ v("g", { className: Kf(e), children: [
5553
+ return /* @__PURE__ */ v("g", { className: Jf(e), children: [
5528
5554
  /* @__PURE__ */ i(
5529
- Mf,
5555
+ Gf,
5530
5556
  {
5531
5557
  layer: e,
5532
5558
  coordSystem: t,
@@ -5539,7 +5565,7 @@ const Qf = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
5539
5565
  g && !h?.overlay && l?.hitTest && /* @__PURE__ */ i(_l, { hitTest: l.hitTest, input: u }),
5540
5566
  g && h?.overlay && /* @__PURE__ */ i(ic, { render: h.fn, input: u }),
5541
5567
  d !== null && /* @__PURE__ */ i(
5542
- Gf,
5568
+ Yf,
5543
5569
  {
5544
5570
  renderer: l,
5545
5571
  layer: e,
@@ -5553,8 +5579,8 @@ const Qf = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
5553
5579
  )
5554
5580
  ] });
5555
5581
  };
5556
- var qf = "_17uhij30";
5557
- const Jf = ({
5582
+ var _f = "_17uhij30";
5583
+ const $f = ({
5558
5584
  formattedAxes: e,
5559
5585
  panelGuide: t,
5560
5586
  plotRect: n,
@@ -5567,40 +5593,41 @@ const Jf = ({
5567
5593
  }) => {
5568
5594
  const u = E(null);
5569
5595
  Cg(u);
5570
- const h = fe("Grid", Sf), g = fe("AxisTicks", bf), f = fe("AxisLabel", Af), m = y(() => Yt(r, n), [r, n]), p = y(() => Yt(o, n), [o, n]), x = y(() => Un(a, n), [a, n]), b = y(() => Un(s, n), [s, n]);
5596
+ const h = fe("Grid", wf), g = fe("AxisTicks", xf), f = fe("AxisLabel", Sf), p = y(() => Vt(r, n), [r, n]), m = y(() => Vt(o, n), [o, n]), x = y(() => Un(a, n), [a, n]), A = y(() => Un(s, n), [s, n]);
5571
5597
  return /* @__PURE__ */ v(
5572
5598
  "svg",
5573
5599
  {
5574
5600
  ref: u,
5575
- className: qf,
5601
+ className: _f,
5576
5602
  width: n.width,
5577
5603
  height: n.height,
5578
5604
  style: { transform: `translate(${n.x}px, ${n.y}px)` },
5579
5605
  "data-testid": "plot",
5580
5606
  children: [
5581
- /* @__PURE__ */ i(Hn, { panelRect: p }),
5582
- /* @__PURE__ */ i(h, { axes: e, panel: t, panelFrameRect: m, panelRect: p }),
5607
+ /* @__PURE__ */ i(Mn, { panelRect: m }),
5608
+ /* @__PURE__ */ i(h, { axes: e, panelFrameRect: p, panelRect: m }),
5583
5609
  /* @__PURE__ */ i(g, { formattedAxes: e, tickRects: x }),
5584
- /* @__PURE__ */ i(f, { formattedAxes: e, labelRects: b }),
5585
- /* @__PURE__ */ i(Pf, { formattedAxes: e, panelRect: p }),
5586
- /* @__PURE__ */ i(Hn, { panelRect: p }),
5587
- /* @__PURE__ */ i(Yn, { panelRect: p, zOrder: "background" }),
5588
- /* @__PURE__ */ i(zn, { panelRect: p, zOrder: "background" }),
5589
- /* @__PURE__ */ i(Qf, { shouldAnimate: l, panelRect: p, formattingLocale: d }),
5590
- /* @__PURE__ */ i(Ef, { formattedAxes: e, panelRect: p }),
5591
- /* @__PURE__ */ i(ef, { panelRect: p, formattingLocale: d }),
5592
- /* @__PURE__ */ i(rf, { panelRect: p, formattingLocale: d }),
5593
- /* @__PURE__ */ i(Yn, { panelRect: p, zOrder: "foreground" }),
5594
- /* @__PURE__ */ i(zn, { panelRect: p, zOrder: "foreground" }),
5595
- /* @__PURE__ */ i(uf, { panelRect: p }),
5596
- /* @__PURE__ */ i(Nf, { panelRect: p }),
5597
- /* @__PURE__ */ i(Ug, { panelRect: p }),
5598
- /* @__PURE__ */ i(kg, { panelRect: p }),
5599
- /* @__PURE__ */ i(Wg, { panelRect: p })
5610
+ /* @__PURE__ */ i(f, { formattedAxes: e, labelRects: A }),
5611
+ /* @__PURE__ */ i(Nf, { formattedAxes: e, panelRect: m }),
5612
+ /* @__PURE__ */ i(Mn, { panelRect: m }),
5613
+ /* @__PURE__ */ i(Yn, { panelRect: m, zOrder: "background" }),
5614
+ /* @__PURE__ */ i(zn, { panelRect: m, zOrder: "background" }),
5615
+ /* @__PURE__ */ i(Kf, { shouldAnimate: l, panelRect: m, formattingLocale: d }),
5616
+ /* @__PURE__ */ i(Cf, { panel: t, panelFrameRect: p }),
5617
+ /* @__PURE__ */ i(Pf, { formattedAxes: e, panelRect: m }),
5618
+ /* @__PURE__ */ i(nf, { panelRect: m, formattingLocale: d }),
5619
+ /* @__PURE__ */ i(af, { panelRect: m, formattingLocale: d }),
5620
+ /* @__PURE__ */ i(Yn, { panelRect: m, zOrder: "foreground" }),
5621
+ /* @__PURE__ */ i(zn, { panelRect: m, zOrder: "foreground" }),
5622
+ /* @__PURE__ */ i(gf, { panelRect: m }),
5623
+ /* @__PURE__ */ i(Df, { panelRect: m }),
5624
+ /* @__PURE__ */ i(Ug, { panelRect: m }),
5625
+ /* @__PURE__ */ i(kg, { panelRect: m }),
5626
+ /* @__PURE__ */ i(Wg, { panelRect: m })
5600
5627
  ]
5601
5628
  }
5602
5629
  );
5603
- }, Yt = (e, t) => ({
5630
+ }, Vt = (e, t) => ({
5604
5631
  x: e.x - t.x,
5605
5632
  y: e.y - t.y,
5606
5633
  width: e.width,
@@ -5608,9 +5635,9 @@ const Jf = ({
5608
5635
  }), Un = (e, t) => {
5609
5636
  const n = {};
5610
5637
  for (const [r, o] of Object.entries(e))
5611
- n[r] = Yt(o, t);
5638
+ n[r] = Vt(o, t);
5612
5639
  return n;
5613
- }, Zf = (e) => {
5640
+ }, ep = (e) => {
5614
5641
  let t, n;
5615
5642
  return "aspectRatio" in e ? "intrinsicWidth" in e ? (t = e.intrinsicWidth, n = t / e.aspectRatio) : (n = e.intrinsicHeight, t = n * e.aspectRatio) : (t = e.intrinsicWidth, n = e.intrinsicHeight), {
5616
5643
  width: Vn(t, "width"),
@@ -5620,10 +5647,10 @@ const Jf = ({
5620
5647
  if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e))
5621
5648
  throw new ea({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
5622
5649
  return e;
5623
- }, _f = ({ sizing: e, onResize: t, children: n }) => {
5624
- const r = So({ onResize: t });
5650
+ }, tp = ({ sizing: e, onResize: t, children: n }) => {
5651
+ const r = Ao({ onResize: t });
5625
5652
  if (e.mode === "keepAspectRatio") {
5626
- const { intrinsicSize: a, canRender: s, outerStyles: l, innerStyles: d } = $f(
5653
+ const { intrinsicSize: a, canRender: s, outerStyles: l, innerStyles: d } = np(
5627
5654
  e,
5628
5655
  r.width,
5629
5656
  !r.isDefault
@@ -5634,8 +5661,8 @@ const Jf = ({
5634
5661
  return /* @__PURE__ */ i("div", { ref: r.setElement, style: { width: e.width, height: e.height }, "data-testid": "graph-sizer", children: n({ width: e.width, height: e.height }) });
5635
5662
  const o = !r.isDefault && r.width > 0 && r.height > 0;
5636
5663
  return /* @__PURE__ */ i("div", { ref: r.setElement, style: { width: "100%", height: "100%" }, "data-testid": "graph-sizer", children: o && n({ width: r.width, height: r.height }) });
5637
- }, $f = (e, t, n) => {
5638
- const r = Zf(e), o = t > 0 && r.width > 0 ? t / r.width : 1;
5664
+ }, np = (e, t, n) => {
5665
+ const r = ep(e), o = t > 0 && r.width > 0 ? t / r.width : 1;
5639
5666
  return {
5640
5667
  intrinsicSize: r,
5641
5668
  canRender: n,
@@ -5650,24 +5677,24 @@ const Jf = ({
5650
5677
  height: r.height
5651
5678
  }
5652
5679
  };
5653
- }, ep = { mode: "responsive" }, Nt = {
5680
+ }, rp = { mode: "responsive" }, Nt = {
5654
5681
  headerSize: { width: 0, height: 0 },
5655
5682
  footerSize: { width: 0, height: 0 }
5656
- }, tp = () => {
5683
+ }, op = () => {
5657
5684
  const [e, t] = P(null), [n, r] = P(null), [o, a] = P(Nt);
5658
5685
  return C(() => {
5659
5686
  const s = () => {
5660
5687
  const d = e ? { width: e.offsetWidth, height: e.offsetHeight } : Nt.headerSize, u = n ? { width: n.offsetWidth, height: n.offsetHeight } : Nt.footerSize;
5661
- a((h) => np(h, { headerSize: d, footerSize: u }) ? { headerSize: d, footerSize: u } : h);
5688
+ a((h) => ip(h, { headerSize: d, footerSize: u }) ? { headerSize: d, footerSize: u } : h);
5662
5689
  };
5663
5690
  s();
5664
5691
  const l = new ResizeObserver(s);
5665
5692
  return e && l.observe(e), n && l.observe(n), () => l.disconnect();
5666
5693
  }, [e, n]), { headerRef: t, footerRef: r, measurements: o };
5667
- }, np = (e, t) => e.headerSize.width !== t.headerSize.width || e.headerSize.height !== t.headerSize.height || e.footerSize.width !== t.footerSize.width || e.footerSize.height !== t.footerSize.height, rp = ({ appearance: e, isEditable: t, style: n, children: r }) => {
5668
- const { theme: o, themeClass: a, inlineVarsStyle: s } = tn(), l = vd(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + l, h = y(() => {
5669
- const m = { ...n, borderRadius: `${u}px`, ...s }, p = md(e.border, o);
5670
- return p !== null && (m.background = p), m;
5694
+ }, ip = (e, t) => e.headerSize.width !== t.headerSize.width || e.headerSize.height !== t.headerSize.height || e.footerSize.width !== t.footerSize.width || e.footerSize.height !== t.footerSize.height, ap = ({ appearance: e, isEditable: t, style: n, children: r }) => {
5695
+ const { theme: o, themeClass: a, inlineVarsStyle: s } = rn(), l = vd(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + l, h = y(() => {
5696
+ const p = { ...n, borderRadius: `${u}px`, ...s }, m = md(e.border, o);
5697
+ return m !== null && (p.background = m), p;
5671
5698
  }, [n, u, s, e.border, o]), g = y(
5672
5699
  () => ({
5673
5700
  inset: `${l}px`,
@@ -5675,19 +5702,19 @@ const Jf = ({
5675
5702
  }),
5676
5703
  [l, d]
5677
5704
  ), f = t && e.background.type === "solid" && e.background.color === "transparent";
5678
- return /* @__PURE__ */ i("div", { "data-testid": "graph-wrapper", className: Ae(xd, a), style: h, children: /* @__PURE__ */ i(
5705
+ return /* @__PURE__ */ i("div", { "data-testid": "graph-wrapper", className: xe(xd, a), style: h, children: /* @__PURE__ */ i(
5679
5706
  "div",
5680
5707
  {
5681
5708
  "data-testid": "graph-inner",
5682
- className: Ae(wd, { [kd]: f }),
5709
+ className: xe(wd, { [kd]: f }),
5683
5710
  style: g,
5684
5711
  children: r
5685
5712
  }
5686
5713
  ) });
5687
- }, Up = ({ slots: e, sizing: t = ep, onResize: n, ...r }) => {
5688
- const { formattingLocale: o } = we(), a = L((s) => s.config.parsingLocale);
5689
- return /* @__PURE__ */ i(Jl, { children: /* @__PURE__ */ i(Rs, { children: /* @__PURE__ */ i(ca, { locale: o ?? a, children: /* @__PURE__ */ i(Tc, { slots: e, children: /* @__PURE__ */ i(_f, { sizing: t, onResize: n, children: ({ width: s, height: l }) => /* @__PURE__ */ i(op, { width: s, height: l, ...r }) }) }) }) }) });
5690
- }, op = ({
5714
+ }, jp = ({ slots: e, sizing: t = rp, onResize: n, ...r }) => {
5715
+ const { formattingLocale: o } = ke(), a = L((s) => s.config.parsingLocale);
5716
+ return /* @__PURE__ */ i(Jl, { children: /* @__PURE__ */ i(Rs, { children: /* @__PURE__ */ i(ca, { locale: o ?? a, children: /* @__PURE__ */ i(Tc, { slots: e, children: /* @__PURE__ */ i(tp, { sizing: t, onResize: n, children: ({ width: s, height: l }) => /* @__PURE__ */ i(sp, { width: s, height: l, ...r }) }) }) }) }) });
5717
+ }, sp = ({
5691
5718
  width: e,
5692
5719
  height: t,
5693
5720
  isAnimated: n,
@@ -5702,14 +5729,14 @@ const Jf = ({
5702
5729
  numberFormat: h,
5703
5730
  parsingLocale: g,
5704
5731
  appearance: f,
5705
- annotations: m,
5706
- coordSystem: p,
5732
+ annotations: p,
5733
+ coordSystem: m,
5707
5734
  headline: x,
5708
- headlineConfig: b,
5735
+ headlineConfig: A,
5709
5736
  content: k,
5710
5737
  overflowStrategy: B
5711
5738
  } = L(
5712
- J((W) => ({
5739
+ Z((W) => ({
5713
5740
  axes: W.guides.axes,
5714
5741
  panel: W.guides.panel,
5715
5742
  legends: W.guides.legends,
@@ -5724,13 +5751,13 @@ const Jf = ({
5724
5751
  content: W.config.content,
5725
5752
  overflowStrategy: W.config.panel.overflow
5726
5753
  }))
5727
- ), O = sa(), { headerRef: G, footerRef: F, measurements: V } = tp(), { formattingLocale: A, theme: R, themeOverrides: Xe } = we(), Fe = y(() => io(R, Xe), [R, Xe]), ri = fe("Header", ih), oi = fe("Footer", Qu), ii = fe("Legend", fg), ai = fe("Headline", Lh), rn = y(
5728
- () => ta({ legends: d, numberFormat: h, parsingLocale: g, formattingLocale: A }),
5729
- [d, h, g, A]
5754
+ ), O = sa(), { headerRef: G, footerRef: F, measurements: V } = op(), { formattingLocale: b, theme: R, themeOverrides: Ke } = ke(), Fe = y(() => ro(R, Ke), [R, Ke]), ri = fe("Header", ih), oi = fe("Footer", Qu), ii = fe("Legend", fg), ai = fe("Headline", Lh), an = y(
5755
+ () => ta({ legends: d, numberFormat: h, parsingLocale: g, formattingLocale: b }),
5756
+ [d, h, g, b]
5730
5757
  ), Oe = y(
5731
- () => na({ headline: x, show: b.show, numberFormat: h, parsingLocale: g, formattingLocale: A, t: a }),
5732
- [x, b.show, h, g, A, a]
5733
- ), si = Se(), St = f.border.type === "none" ? 0 : f.border.width, wt = y(
5758
+ () => na({ headline: x, show: A.show, numberFormat: h, parsingLocale: g, formattingLocale: b, t: a }),
5759
+ [x, A.show, h, g, b, a]
5760
+ ), si = we(), St = f.border.type === "none" ? 0 : f.border.width, wt = y(
5734
5761
  () => ({
5735
5762
  width: Math.max(0, e - 2 * St),
5736
5763
  height: Math.max(0, t - 2 * St)
@@ -5739,24 +5766,24 @@ const Jf = ({
5739
5766
  ), qe = y(
5740
5767
  () => Oe ? {
5741
5768
  formatted: Oe,
5742
- size: b.size,
5743
- position: b.position,
5744
- innerRadius: p.type === "polar" ? p.innerRadius : 0
5769
+ size: A.size,
5770
+ position: A.position,
5771
+ innerRadius: m.type === "polar" ? m.innerRadius : 0
5745
5772
  } : void 0,
5746
- [Oe, b.size, b.position, p]
5773
+ [Oe, A.size, A.position, m]
5747
5774
  ), li = Pc(), Je = sd(si, f.textScale, Fe, li), Ge = ld({
5748
5775
  measurer: Je,
5749
5776
  axes: s,
5750
5777
  numberFormat: h,
5751
5778
  parsingLocale: g,
5752
- formattedLegends: rn,
5779
+ formattedLegends: an,
5753
5780
  containerSize: wt,
5754
5781
  externalMeasurements: V,
5755
5782
  headline: qe,
5756
- formattingLocale: A,
5757
- annotations: m,
5783
+ formattingLocale: b,
5784
+ annotations: p,
5758
5785
  layers: u,
5759
- coordSystem: p,
5786
+ coordSystem: m,
5760
5787
  textScale: f.textScale,
5761
5788
  overflowStrategy: B,
5762
5789
  graphPadding: Fe.graphPadding
@@ -5769,7 +5796,7 @@ const Jf = ({
5769
5796
  }), [Ge, qe, Je, wt, Fe.headlineItemGap]);
5770
5797
  if (!Ge) return null;
5771
5798
  const { layout: he, formattedAxes: ci } = Ge;
5772
- return /* @__PURE__ */ i(Ld, { theme: R, themeOverrides: Xe, appearance: f, children: /* @__PURE__ */ i(Es, { metrics: Fe, children: /* @__PURE__ */ v(rp, { appearance: f, isEditable: o === "editable", style: { width: "100%", height: "100%" }, children: [
5799
+ return /* @__PURE__ */ i(Ld, { theme: R, themeOverrides: Ke, appearance: f, children: /* @__PURE__ */ i(Es, { metrics: Fe, children: /* @__PURE__ */ v(ap, { appearance: f, isEditable: o === "editable", style: { width: "100%", height: "100%" }, children: [
5773
5800
  /* @__PURE__ */ i(
5774
5801
  ri,
5775
5802
  {
@@ -5783,7 +5810,7 @@ const Jf = ({
5783
5810
  }
5784
5811
  ),
5785
5812
  /* @__PURE__ */ i(
5786
- Jf,
5813
+ $f,
5787
5814
  {
5788
5815
  formattedAxes: ci,
5789
5816
  panelGuide: l,
@@ -5793,7 +5820,7 @@ const Jf = ({
5793
5820
  axisRects: he.axes,
5794
5821
  axisLabelRects: he.axisLabels,
5795
5822
  shouldAnimate: n ?? !O,
5796
- formattingLocale: A ?? g
5823
+ formattingLocale: b ?? g
5797
5824
  }
5798
5825
  ),
5799
5826
  /* @__PURE__ */ i(
@@ -5808,7 +5835,7 @@ const Jf = ({
5808
5835
  isSourceVisible: k.isSourceVisible
5809
5836
  }
5810
5837
  ),
5811
- /* @__PURE__ */ i(ii, { formattedLegends: rn, rects: he.legends, textScale: f.textScale }),
5838
+ /* @__PURE__ */ i(ii, { formattedLegends: an, rects: he.legends, textScale: f.textScale }),
5812
5839
  Oe && Ze && /* @__PURE__ */ i(
5813
5840
  ai,
5814
5841
  {
@@ -5822,31 +5849,31 @@ const Jf = ({
5822
5849
  ] }) }) });
5823
5850
  };
5824
5851
  export {
5825
- Zt as CanvasTextMeasurer,
5852
+ $t as CanvasTextMeasurer,
5826
5853
  Qu as DefaultFooter,
5827
- Sf as DefaultGrid,
5854
+ wf as DefaultGrid,
5828
5855
  ih as DefaultHeader,
5829
5856
  Vc as DefaultTooltip,
5830
- Yp as DevToolsPanel,
5857
+ Qp as DevToolsPanel,
5831
5858
  Bl as GraphErrorBoundary,
5832
- yn as GraphErrorPanel,
5859
+ An as GraphErrorPanel,
5833
5860
  jl as GraphProvider,
5834
- Up as GraphRenderer,
5861
+ jp as GraphRenderer,
5835
5862
  Jl as HoverProvider,
5836
5863
  Rs as TextMeasurerProvider,
5837
5864
  Ld as ThemeProvider,
5838
- zp as UnitSpaceSvg,
5839
- Wp as createGraphyKit,
5865
+ Vp as UnitSpaceSvg,
5866
+ Up as createGraphyKit,
5840
5867
  Ed as darkTheme,
5841
- Gp as defineGeomRenderer,
5868
+ Yp as defineGeomRenderer,
5842
5869
  Cd as lightTheme,
5843
- jr as lightenCss,
5870
+ Vr as lightenCss,
5844
5871
  L as useCompiledSelector,
5845
5872
  Zl as useGeomHitTest,
5846
5873
  oc as useGeomHover,
5847
- bo as useGraphCommandDispatcher,
5874
+ vo as useGraphCommandDispatcher,
5848
5875
  st as useHoverState,
5849
5876
  rc as usePanelScreenRect,
5850
- Se as useTextMeasurer,
5877
+ we as useTextMeasurer,
5851
5878
  c as vars
5852
5879
  };