@graphysdk/react-renderer 0.0.1-plugins.7 → 0.0.1-plugins.9
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.
- package/dist/index.cjs +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +49 -6
- package/dist/index.mjs +2123 -1977
- package/package.json +6 -6
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@property --graphy-text-scale{syntax: "<number>"; inherits: true; initial-value: 1;}@property --graphy-font-size-xxs{syntax: "<length>"; inherits: true; initial-value: 10px;}@property --graphy-font-size-xs{syntax: "<length>"; inherits: true; initial-value: 11px;}@property --graphy-font-size-sm{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --graphy-font-size-md{syntax: "<length>"; inherits: true; initial-value: 14px;}@property --graphy-font-size-lg{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --graphy-font-size-xl{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --graphy-font-size-editor-body{syntax: "<length>"; inherits: true; initial-value: 15px;}@property --graphy-font-size-heading-sm{syntax: "<length>"; inherits: true; initial-value: 18px;}@property --graphy-font-size-heading-md{syntax: "<length>"; inherits: true; initial-value: 22px;}@property --graphy-font-size-heading-lg{syntax: "<length>"; inherits: true; initial-value: 28px;}._1d8mpa10{overflow:visible}._46ebsf0{filter:drop-shadow(0 2px 2px rgba(14,14,52,.08)) drop-shadow(0 0 2px rgba(15,15,24,.12))}._1i6dtb60{filter:drop-shadow(0 4px 4px rgba(14,14,52,.08)) drop-shadow(0 0 4px rgba(15,15,24,.12))}._16vokpr0{pointer-events:none;user-select:none}._2qyyu60{display:block;flex-shrink:0;overflow:visible}.drqe3u0{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.drqe3u1{font-weight:700;font-size:13px;letter-spacing:.2px}.drqe3u2{width:100%;border-collapse:collapse}.drqe3u3{padding:4px 6px;width:140px;font-weight:500}.drqe3u4{padding:4px 6px;font-weight:500;text-align:right}.drqe3u5{padding:4px 6px}.drqe3u6{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;padding:2px 0}.drqe3u7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drqe3u8{padding:4px 6px;text-align:right;color:#7a8088}.drqe3u9{color:#7a8088}.drqe3ua{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#0f1115;color:#e6e8eb;border-radius:8px;padding:12px;border:1px solid #1f2329;box-shadow:0 4px 12px #0003}.drqe3ub{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;margin-bottom:6px;border-bottom:1px solid #1f2329}.drqe3uc{border-top:1px solid #1f2329}.drqe3ud{margin-top:10px;border-top:1px solid #1f2329;padding-top:8px}.drqe3ue{color:#9aa0a6;margin-top:2px}.drqe3uf{background:transparent;color:#9aa0a6;border:1px solid #2a2f36;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;font-family:inherit}.drqe3ug{color:#9aa0a6;font-size:10px}.drqe3uh{color:#9aa0a6;text-align:left}.drqe3ui{color:#9aa0a6;margin-bottom:4px}.drqe3uj{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;border:1px solid #1f2329;border-radius:4px;padding:4px 10px;font-size:11px;font-family:inherit;font-weight:600;color:#0f1115}.drqe3uk{background:#4ddb86}.drqe3ul{background:#ff8c8c}.drqe3um{padding:4px 6px;text-align:right;font-weight:600}.drqe3un{color:#ff8c8c}.drqe3uo{color:#7a8088;font-weight:400}.drqe3up{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.drqe3uq{background:#ff8c8c}.drqe3ur{background:#4ddb86}.drqe3us{background:#3f444a}._19519k80{font:var(--graphy-font-tooltip-heading);color:var(--graphy-tooltip-heading-text-color);padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:10px}._19519k81{display:flex;flex-direction:column}._19519k82{display:flex;flex-direction:row;align-items:center;gap:8px;padding-block:4px;padding-inline:10px}._19519k83{background-color:var(--graphy-tooltip-primary-row-color)}._19519k84{display:block;flex-shrink:0;overflow:visible}._19519k85{width:12px;height:12px}._19519k86{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-label-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._19519k87{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-value-text-color);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}._19519k88{position:fixed;top:0;left:0;pointer-events:none;user-select:none;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:6px;padding-block:8px;max-width:280px;min-width:120px;box-shadow:0 4px 12px #0000002e;display:flex;flex-direction:column;gap:6px;z-index:1000}.bow4tg0{position:relative;color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale));overflow:hidden}.bow4tg1{color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale))}.bow4tg2{position:absolute;inset:0;background-color:var(--graphy-graph-background)}.bow4tg3{background-image:linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent)),linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent));background-size:2em 2em;background-position:0 0,1em 1em}._1ii3bsb0{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #FFFFFF;--graphy-grey-95: #FCFCFC;--graphy-grey-90: #FAFAFA;--graphy-grey-85: #F5F5F5;--graphy-grey-80: #F0F0F0;--graphy-grey-75: #E8E8E8;--graphy-grey-70: #E5E5E5;--graphy-grey-60: #CCCCCC;--graphy-grey-50: #C4C4C4;--graphy-grey-0: #1D2129;--graphy-red-60: #E14B49;--graphy-red-50: #F93939;--graphy-amber-70: #FFBA8C;--graphy-amber-50: #FFC849;--graphy-amber-40: #FEAE47;--graphy-amber-30: #E7A816;--graphy-green-60: #06B299;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #F0F0F1, #F9F9FF);--graphy-text-primary: var(--graphy-black);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-100);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-sunken-background: var(--graphy-grey-90);--graphy-default-background: var(--graphy-grey-100);--graphy-raised-background: var(--graphy-grey-85);--graphy-overlay-background: var(--graphy-grey-100);--graphy-overlay-border-gradient: var(--graphy-border-10);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-100);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: #A0A6C5;--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-white);--graphy-tooltip-border-color: var(--graphy-border-10);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-80);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-black) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-black) 4%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-black);--graphy-default-annotation-shape-stroke: var(--graphy-black);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #1D2129;--graphy-arrow-annotation-sticker-outline-color-inverse: #FFFFFF;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: #3d414c;--graphy-canvas-default: #000000;--graphy-canvas-blue: #3b82f6;--graphy-canvas-cyan: #06b6d4;--graphy-canvas-green: #10b981;--graphy-canvas-yellow: #E5B400;--graphy-canvas-orange: #f97316;--graphy-canvas-red: #ef4444;--graphy-canvas-pink: #E845BF;--graphy-canvas-purple: #8b5cf6;--graphy-canvas-gray: #78716c;--graphy-canvas-inverse: #ffffff;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}._1ii3bsb1{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #000000;--graphy-grey-95: #0D0D0D;--graphy-grey-90: #1A1A1A;--graphy-grey-85: #1F1F1F;--graphy-grey-80: #2A2A2A;--graphy-grey-75: #2e2e2e;--graphy-grey-70: #353535;--graphy-grey-60: #494949;--graphy-grey-50: #6F6F6F;--graphy-grey-0: #FFFFFF;--graphy-red-60: #CB3333;--graphy-red-50: #F93939;--graphy-amber-70: #F48135;--graphy-amber-50: #FEAE47;--graphy-amber-40: #FFC849;--graphy-amber-30: #ffd061;--graphy-green-60: #0AC600;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #222429, #31353f);--graphy-text-primary: var(--graphy-grey-0);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 80%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-70);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-sunken-background: var(--graphy-grey-100);--graphy-default-background: var(--graphy-grey-90);--graphy-raised-background: var(--graphy-grey-80);--graphy-overlay-background: var(--graphy-grey-90);--graphy-overlay-border-gradient: var(--graphy-grey-gradient-80);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-90);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: var(--graphy-border-100);--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-grey-70);--graphy-tooltip-border-color: var(--graphy-grey-60);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-60);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-white) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-white) 6%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-white);--graphy-default-annotation-shape-stroke: var(--graphy-white);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #FFFFFF;--graphy-arrow-annotation-sticker-outline-color-inverse: #1D2129;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: var(--graphy-white);--graphy-canvas-default: #FFFFFF;--graphy-canvas-blue: #60a5fa;--graphy-canvas-cyan: #22d3ee;--graphy-canvas-green: #34d399;--graphy-canvas-yellow: #FFC800;--graphy-canvas-orange: #fb923c;--graphy-canvas-red: #f87171;--graphy-canvas-pink: #F979D9;--graphy-canvas-purple: #a78bfa;--graphy-canvas-gray: #a8a29e;--graphy-canvas-inverse: #000000;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}.yp3g0k0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.yp3g0k0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k1{inline-size:16px;block-size:16px;border-radius:50%;border:1px solid var(--graphy-border-100);box-sizing:border-box}.yp3g0k2{inline-size:8px;block-size:8px;flex-shrink:0}.yp3g0k3{z-index:var(--graphy-z-index-toolbar-popover)}.yp3g0k4{display:flex;flex-direction:column;gap:var(--graphy-space-lg);min-inline-size:220px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0k5{display:flex;flex-direction:column;gap:var(--graphy-space-sm)}.yp3g0k6{font:var(--graphy-font-menu-group-title);color:var(--graphy-text-secondary)}.yp3g0k7{display:grid;grid-template-columns:repeat(6,1fr)}.yp3g0k8{inline-size:28px;block-size:28px;padding:0;background:transparent;border:none;border-radius:var(--graphy-radii-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.yp3g0k8:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k8[data-active=true]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k9{inline-size:1.6em;block-size:1.6em;border-radius:50%;box-sizing:border-box}.yp3g0ka{display:flex;align-items:center;gap:var(--graphy-space-sm);inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start}.yp3g0ka:hover{border-color:var(--graphy-grey-70)}.yp3g0ka:focus-visible{border-color:var(--graphy-grey-60);outline:none}.yp3g0ka[data-popup-open]{border-color:var(--graphy-grey-60)}.yp3g0kb{flex:1;font:var(--graphy-font-input);color:var(--graphy-text-primary)}.yp3g0kc{display:flex;flex-direction:column;gap:var(--graphy-space-md);inline-size:240px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0kd{inline-size:100%!important;block-size:auto!important}.yp3g0kd .react-colorful__saturation{inline-size:100%;aspect-ratio:1;border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);margin-bottom:var(--graphy-space-sm);box-sizing:border-box}.yp3g0kd .react-colorful__hue{block-size:16px;border-radius:var(--graphy-radii-sm);border:1px solid var(--graphy-grey-70);box-sizing:border-box}.yp3g0kd .react-colorful__pointer{inline-size:18px;block-size:18px;border:2px solid var(--graphy-white);box-shadow:var(--graphy-elevation-sm)}.yp3g0kd .react-colorful__saturation-pointer,.yp3g0kd .react-colorful__hue-pointer{border-radius:50%}.yp3g0ke{inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input);text-transform:uppercase}.yp3g0ke:hover{border-color:var(--graphy-grey-70)}.yp3g0ke:focus{border-color:var(--graphy-grey-60)}.asohov0{flex-shrink:0}.asohov1{color:var(--graphy-icon-primary)}.asohov2{color:var(--graphy-icon-secondary)}._1qkyw7q0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}._1qkyw7q0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}._1qkyw7q1{display:inline-flex;align-items:center;white-space:nowrap}._1qkyw7q2{inline-size:10px;block-size:10px;flex-shrink:0}._1qkyw7q3{z-index:var(--graphy-z-index-toolbar-popover)}._1qkyw7q4{display:flex;flex-direction:column;min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}._1qkyw7q5{display:flex;align-items:center;padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);outline:none;user-select:none}._1qkyw7q5[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q5[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.b5kquu0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.b5kquu0[data-active=true],.b5kquu0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu1{z-index:var(--graphy-z-index-toolbar-popover)}.b5kquu2{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}.b5kquu3{inline-size:220px;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input)}.b5kquu3:hover{border-color:var(--graphy-grey-70)}.b5kquu3:focus{border-color:var(--graphy-grey-60)}.b5kquu4{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0;background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary)}.b5kquu4:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.k91gos0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0[data-pressed]{background:var(--graphy-toolbar-button-background-color-selected)}.k91gos1{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-text-primary);color:var(--graphy-default-background);border-radius:var(--graphy-radii-xs);font:var(--graphy-font-uitooltip-secondary);pointer-events:none;z-index:var(--graphy-z-index-toolbar-tooltip)}._1bp10ig0{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-toolbar-background-color);border-radius:var(--graphy-radii-lg);z-index:var(--graphy-z-index-toolbar)}._1bp10ig0:before{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid transparent;border-radius:var(--graphy-radii-lg);background:var(--graphy-overlay-border-gradient) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transform:translateZ(0)}._1bp10ig1{display:flex;align-items:center;padding-inline:var(--graphy-space-xs);gap:var(--graphy-space-xxs)}._1bp10ig2{height:16px;width:1px;background:var(--graphy-toolbar-separator-color)}._2ngohc0 .ProseMirror{outline:none}._2ngohc0 .ProseMirror .is-empty:before{content:attr(data-placeholder);color:currentColor;opacity:.4;float:left;height:0;pointer-events:none}._2ngohc0 .ProseMirror h1,._2ngohc0 .ProseMirror h2,._2ngohc0 .ProseMirror h3,._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{margin:0}._2ngohc0 .ProseMirror h1{font:var(--graphy-font-text-editor-h1)}._2ngohc0 .ProseMirror h2{font:var(--graphy-font-text-editor-h2)}._2ngohc0 .ProseMirror h3{font:var(--graphy-font-text-editor-h3)}._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror p{margin:0;font:var(--graphy-font-text-editor-body)}._2ngohc0 .ProseMirror p[data-variant=caption]{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror a{text-decoration:underline;text-underline-offset:.15em;cursor:text}._1cocly40{color:inherit;text-decoration:underline;text-underline-offset:.15em}._4dlrid0{margin:0;font:var(--graphy-font-text-editor-h3)}._4dlrid1{margin:0;font:var(--graphy-font-text-editor-body)}p[data-variant=caption]{font:var(--graphy-font-text-editor-h6);margin:0}.xfz7dq0{position:absolute}.xfz7dq1{display:flex;gap:var(--graphy-space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--graphy-text-secondary)}.xfz7dq2{font:var(--graphy-font-source-link);text-decoration:underline}.xfz7dq2:hover{color:var(--graphy-text-primary)}.xfz7dq3{font:var(--graphy-font-source-label)}.xfz7dq4{font:var(--graphy-font-source-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1k4qtbg0{position:absolute}._1u9qprb0{position:absolute;display:flex;align-items:start;justify-content:start;gap:24px;pointer-events:none}._1u9qprb1{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}._9aen060{display:flex;align-items:baseline;gap:4px}._9aen061,._9aen062{display:flex;align-items:center;gap:4px}._9aen063{display:flex;flex-direction:column;align-items:start;gap:2px}.n7clvo0{color:var(--graphy-text-primary);font-weight:var(--graphy-font-weight-black);line-height:1}.n7clvo1{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo2{color:var(--graphy-text-secondary)}.n7clvo3{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo4{font-size:1.9em}.n7clvo5{font-size:2.3em}.n7clvo6{font-size:2.6em}.n7clvo7,.n7clvo8{font-size:1em}.n7clvo9{font-size:1.2em}.n7clvoa{color:var(--graphy-trend-positive-color)}.n7clvob{color:var(--graphy-trend-negative-color)}.n7clvoc{color:var(--graphy-trend-neutral-color)}.n7clvod{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%}.n7clvoe{color:var(--graphy-trend-positive-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-positive-color) 20%)}.n7clvof{color:var(--graphy-trend-negative-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-negative-color) 20%);transform:rotate(180deg)}.n7clvog{color:var(--graphy-trend-neutral-color);background-color:color-mix(in srgb,transparent,var(--graphy-text-primary) 10%)}._1oj6yix0{position:relative;pointer-events:none;height:100%}._1oj6yix1{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}._1oj6yix2{position:absolute;transform:translateY(-50%);font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);white-space:nowrap}._6a636s0{position:absolute;pointer-events:none}._1kjk02r0{position:relative;display:inline-flex;align-items:center;flex-shrink:0}._1kjk02r1{padding-inline-start:8px}._1kjk02r2{padding-block-start:8px}._1kjk02r3{position:absolute;background-color:var(--graphy-legend-background);border:1px solid var(--graphy-legend-border-color);border-radius:9999px;pointer-events:none;opacity:.6}._1kjk02r4{inset-block:0;inset-inline-start:8px;inset-inline-end:0}._1kjk02r5{inset-inline:0;inset-block-start:8px;inset-block-end:0}._1kjk02r6{position:relative;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding-inline:8px;padding-block:2px;background-color:var(--graphy-legend-background);border:1px solid var(--graphy-legend-border-color);border-radius:9999px;cursor:pointer;pointer-events:auto;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);appearance:none}._1kjk02r6:focus-visible{outline:1px solid var(--graphy-legend-focus-outline-color)}._1kjk02r7{border-color:var(--graphy-text-primary)}._1kjk02r8{font-variant-numeric:tabular-nums}._1kjk02r9{pointer-events:auto;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:6px;padding-block:8px;padding-inline:10px;box-shadow:0 4px 12px #0000002e;max-width:320px;max-height:240px;overflow-y:auto;z-index:1000;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color)}._1kjk02ra{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}._1kjk02rb{display:flex;align-items:center;gap:8px;white-space:nowrap}._1dw9dgx0{border-radius:50%;opacity:.7}._1cecisi0{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;pointer-events:none;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);block-size:100%;inline-size:100%}._1cecisi1{flex-direction:row}._1cecisi2{justify-content:center;flex-direction:column}._1cecisi3{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-inline:8px;padding-block:2px;background-color:var(--graphy-legend-background);border:1px solid var(--graphy-legend-border-color);border-radius:9999px;flex-shrink:0}._1agclyl0{pointer-events:none}._1agclyl1{pointer-events:none;fill:var(--graphy-data-label-outside-background)}._1agclyl2{pointer-events:none;fill:var(--graphy-grey-100);stroke:var(--graphy-grey-60);stroke-width:1}._1agclyl3{pointer-events:none;font:var(--graphy-font-data-label);fill:var(--graphy-text-primary);font-variant-numeric:tabular-nums}._1agclyl4{fill:var(--graphy-white)}._1agclyl6{font:var(--graphy-font-stack-total)}._120wioc0{font:var(--graphy-font-text-editor-body);color:var(--graphy-text-primary);border-radius:.6em;padding:.2em .4em;word-wrap:break-word;white-space:break-spaces;text-align:center;width:100%;box-sizing:border-box}._120wioc0 p{margin:0;line-height:1.25}._120wioc0 h1,._120wioc0 h2,._120wioc0 h3{margin:0}.usd3ea0{opacity:.4}.usd3ea1{filter:grayscale(1);opacity:.6}.to1jkx0{overflow:visible}.to1jkx1{transition:opacity .15s ease-out}[data-hover-active=true] .to1jkx1{opacity:.4}._17uhij30{position:absolute;top:0;left:0;overflow:visible}
|
|
1
|
+
@property --graphy-text-scale{syntax: "<number>"; inherits: true; initial-value: 1;}@property --graphy-font-size-xxs{syntax: "<length>"; inherits: true; initial-value: 10px;}@property --graphy-font-size-xs{syntax: "<length>"; inherits: true; initial-value: 11px;}@property --graphy-font-size-sm{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --graphy-font-size-md{syntax: "<length>"; inherits: true; initial-value: 14px;}@property --graphy-font-size-lg{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --graphy-font-size-xl{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --graphy-font-size-editor-body{syntax: "<length>"; inherits: true; initial-value: 15px;}@property --graphy-font-size-heading-sm{syntax: "<length>"; inherits: true; initial-value: 18px;}@property --graphy-font-size-heading-md{syntax: "<length>"; inherits: true; initial-value: 22px;}@property --graphy-font-size-heading-lg{syntax: "<length>"; inherits: true; initial-value: 28px;}._1d8mpa10{overflow:visible}._46ebsf0{filter:drop-shadow(0 2px 2px rgba(14,14,52,.08)) drop-shadow(0 0 2px rgba(15,15,24,.12))}._1i6dtb60{filter:drop-shadow(0 4px 4px rgba(14,14,52,.08)) drop-shadow(0 0 4px rgba(15,15,24,.12))}._16vokpr0{pointer-events:none;user-select:none}._2qyyu60{display:block;flex-shrink:0;overflow:visible}._118r5t40{padding:16px;border:1px solid #f3c2c2;background:#fdf2f2;border-radius:8px;color:#8a1f1f;font-family:system-ui,sans-serif;font-size:13px;line-height:1.5}._118r5t41{font-weight:600}._118r5t42{margin:8px 0 0;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:12px}.drqe3u0{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.drqe3u1{font-weight:700;font-size:13px;letter-spacing:.2px}.drqe3u2{width:100%;border-collapse:collapse}.drqe3u3{padding:4px 6px;width:140px;font-weight:500}.drqe3u4{padding:4px 6px;font-weight:500;text-align:right}.drqe3u5{padding:4px 6px}.drqe3u6{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;padding:2px 0}.drqe3u7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drqe3u8{padding:4px 6px;text-align:right;color:#7a8088}.drqe3u9{color:#7a8088}.drqe3ua{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#0f1115;color:#e6e8eb;border-radius:8px;padding:12px;border:1px solid #1f2329;box-shadow:0 4px 12px #0003}.drqe3ub{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;margin-bottom:6px;border-bottom:1px solid #1f2329}.drqe3uc{border-top:1px solid #1f2329}.drqe3ud{margin-top:10px;border-top:1px solid #1f2329;padding-top:8px}.drqe3ue{color:#9aa0a6;margin-top:2px}.drqe3uf{background:transparent;color:#9aa0a6;border:1px solid #2a2f36;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;font-family:inherit}.drqe3ug{color:#9aa0a6;font-size:10px}.drqe3uh{color:#9aa0a6;text-align:left}.drqe3ui{color:#9aa0a6;margin-bottom:4px}.drqe3uj{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;border:1px solid #1f2329;border-radius:4px;padding:4px 10px;font-size:11px;font-family:inherit;font-weight:600;color:#0f1115}.drqe3uk{background:#4ddb86}.drqe3ul{background:#ff8c8c}.drqe3um{padding:4px 6px;text-align:right;font-weight:600}.drqe3un{color:#ff8c8c}.drqe3uo{color:#7a8088;font-weight:400}.drqe3up{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.drqe3uq{background:#ff8c8c}.drqe3ur{background:#4ddb86}.drqe3us{background:#3f444a}._19519k80{font:var(--graphy-font-tooltip-heading);color:var(--graphy-tooltip-heading-text-color);padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:10px}._19519k81{display:flex;flex-direction:column}._19519k82{display:flex;flex-direction:row;align-items:center;gap:8px;padding-block:4px;padding-inline:10px}._19519k83{background-color:var(--graphy-tooltip-primary-row-color)}._19519k84{display:block;flex-shrink:0;overflow:visible}._19519k85{width:12px;height:12px}._19519k86{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-label-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._19519k87{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-value-text-color);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}._19519k88{position:fixed;top:0;left:0;pointer-events:none;user-select:none;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:6px;padding-block:8px;max-width:280px;min-width:120px;box-shadow:0 4px 12px #0000002e;display:flex;flex-direction:column;gap:6px;z-index:1000}.bow4tg0{position:relative;color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale));overflow:hidden}.bow4tg1{color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale))}.bow4tg2{position:absolute;inset:0;background-color:var(--graphy-graph-background)}.bow4tg3{background-image:linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent)),linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent));background-size:2em 2em;background-position:0 0,1em 1em}._1ii3bsb0{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #FFFFFF;--graphy-grey-95: #FCFCFC;--graphy-grey-90: #FAFAFA;--graphy-grey-85: #F5F5F5;--graphy-grey-80: #F0F0F0;--graphy-grey-75: #E8E8E8;--graphy-grey-70: #E5E5E5;--graphy-grey-60: #CCCCCC;--graphy-grey-50: #C4C4C4;--graphy-grey-0: #1D2129;--graphy-red-60: #E14B49;--graphy-red-50: #F93939;--graphy-amber-70: #FFBA8C;--graphy-amber-50: #FFC849;--graphy-amber-40: #FEAE47;--graphy-amber-30: #E7A816;--graphy-green-60: #06B299;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #F0F0F1, #F9F9FF);--graphy-text-primary: var(--graphy-black);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-100);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-sunken-background: var(--graphy-grey-90);--graphy-default-background: var(--graphy-grey-100);--graphy-raised-background: var(--graphy-grey-85);--graphy-overlay-background: var(--graphy-grey-100);--graphy-overlay-border-gradient: var(--graphy-border-10);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-100);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: #A0A6C5;--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-white);--graphy-tooltip-border-color: var(--graphy-border-10);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-80);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-black) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-black) 4%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-black);--graphy-default-annotation-shape-stroke: var(--graphy-black);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #1D2129;--graphy-arrow-annotation-sticker-outline-color-inverse: #FFFFFF;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: #3d414c;--graphy-canvas-default: #000000;--graphy-canvas-blue: #3b82f6;--graphy-canvas-cyan: #06b6d4;--graphy-canvas-green: #10b981;--graphy-canvas-yellow: #E5B400;--graphy-canvas-orange: #f97316;--graphy-canvas-red: #ef4444;--graphy-canvas-pink: #E845BF;--graphy-canvas-purple: #8b5cf6;--graphy-canvas-gray: #78716c;--graphy-canvas-inverse: #ffffff;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}._1ii3bsb1{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #000000;--graphy-grey-95: #0D0D0D;--graphy-grey-90: #1A1A1A;--graphy-grey-85: #1F1F1F;--graphy-grey-80: #2A2A2A;--graphy-grey-75: #2e2e2e;--graphy-grey-70: #353535;--graphy-grey-60: #494949;--graphy-grey-50: #6F6F6F;--graphy-grey-0: #FFFFFF;--graphy-red-60: #CB3333;--graphy-red-50: #F93939;--graphy-amber-70: #F48135;--graphy-amber-50: #FEAE47;--graphy-amber-40: #FFC849;--graphy-amber-30: #ffd061;--graphy-green-60: #0AC600;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #222429, #31353f);--graphy-text-primary: var(--graphy-grey-0);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 80%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-70);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-sunken-background: var(--graphy-grey-100);--graphy-default-background: var(--graphy-grey-90);--graphy-raised-background: var(--graphy-grey-80);--graphy-overlay-background: var(--graphy-grey-90);--graphy-overlay-border-gradient: var(--graphy-grey-gradient-80);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-90);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: var(--graphy-border-100);--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-grey-70);--graphy-tooltip-border-color: var(--graphy-grey-60);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-60);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-white) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-white) 6%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-white);--graphy-default-annotation-shape-stroke: var(--graphy-white);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #FFFFFF;--graphy-arrow-annotation-sticker-outline-color-inverse: #1D2129;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: var(--graphy-white);--graphy-canvas-default: #FFFFFF;--graphy-canvas-blue: #60a5fa;--graphy-canvas-cyan: #22d3ee;--graphy-canvas-green: #34d399;--graphy-canvas-yellow: #FFC800;--graphy-canvas-orange: #fb923c;--graphy-canvas-red: #f87171;--graphy-canvas-pink: #F979D9;--graphy-canvas-purple: #a78bfa;--graphy-canvas-gray: #a8a29e;--graphy-canvas-inverse: #000000;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}.yp3g0k0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.yp3g0k0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k1{inline-size:16px;block-size:16px;border-radius:50%;border:1px solid var(--graphy-border-100);box-sizing:border-box}.yp3g0k2{inline-size:8px;block-size:8px;flex-shrink:0}.yp3g0k3{z-index:var(--graphy-z-index-toolbar-popover)}.yp3g0k4{display:flex;flex-direction:column;gap:var(--graphy-space-lg);min-inline-size:220px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0k5{display:flex;flex-direction:column;gap:var(--graphy-space-sm)}.yp3g0k6{font:var(--graphy-font-menu-group-title);color:var(--graphy-text-secondary)}.yp3g0k7{display:grid;grid-template-columns:repeat(6,1fr)}.yp3g0k8{inline-size:28px;block-size:28px;padding:0;background:transparent;border:none;border-radius:var(--graphy-radii-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.yp3g0k8:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k8[data-active=true]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k9{inline-size:1.6em;block-size:1.6em;border-radius:50%;box-sizing:border-box}.yp3g0ka{display:flex;align-items:center;gap:var(--graphy-space-sm);inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start}.yp3g0ka:hover{border-color:var(--graphy-grey-70)}.yp3g0ka:focus-visible{border-color:var(--graphy-grey-60);outline:none}.yp3g0ka[data-popup-open]{border-color:var(--graphy-grey-60)}.yp3g0kb{flex:1;font:var(--graphy-font-input);color:var(--graphy-text-primary)}.yp3g0kc{display:flex;flex-direction:column;gap:var(--graphy-space-md);inline-size:240px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0kd{inline-size:100%!important;block-size:auto!important}.yp3g0kd .react-colorful__saturation{inline-size:100%;aspect-ratio:1;border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);margin-bottom:var(--graphy-space-sm);box-sizing:border-box}.yp3g0kd .react-colorful__hue{block-size:16px;border-radius:var(--graphy-radii-sm);border:1px solid var(--graphy-grey-70);box-sizing:border-box}.yp3g0kd .react-colorful__pointer{inline-size:18px;block-size:18px;border:2px solid var(--graphy-white);box-shadow:var(--graphy-elevation-sm)}.yp3g0kd .react-colorful__saturation-pointer,.yp3g0kd .react-colorful__hue-pointer{border-radius:50%}.yp3g0ke{inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input);text-transform:uppercase}.yp3g0ke:hover{border-color:var(--graphy-grey-70)}.yp3g0ke:focus{border-color:var(--graphy-grey-60)}.asohov0{flex-shrink:0}.asohov1{color:var(--graphy-icon-primary)}.asohov2{color:var(--graphy-icon-secondary)}._1qkyw7q0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}._1qkyw7q0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}._1qkyw7q1{display:inline-flex;align-items:center;white-space:nowrap}._1qkyw7q2{inline-size:10px;block-size:10px;flex-shrink:0}._1qkyw7q3{z-index:var(--graphy-z-index-toolbar-popover)}._1qkyw7q4{display:flex;flex-direction:column;min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}._1qkyw7q5{display:flex;align-items:center;padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);outline:none;user-select:none}._1qkyw7q5[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q5[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.b5kquu0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.b5kquu0[data-active=true],.b5kquu0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu1{z-index:var(--graphy-z-index-toolbar-popover)}.b5kquu2{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}.b5kquu3{inline-size:220px;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input)}.b5kquu3:hover{border-color:var(--graphy-grey-70)}.b5kquu3:focus{border-color:var(--graphy-grey-60)}.b5kquu4{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0;background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary)}.b5kquu4:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.k91gos0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0[data-pressed]{background:var(--graphy-toolbar-button-background-color-selected)}.k91gos1{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-text-primary);color:var(--graphy-default-background);border-radius:var(--graphy-radii-xs);font:var(--graphy-font-uitooltip-secondary);pointer-events:none;z-index:var(--graphy-z-index-toolbar-tooltip)}._1bp10ig0{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-toolbar-background-color);border-radius:var(--graphy-radii-lg);z-index:var(--graphy-z-index-toolbar)}._1bp10ig0:before{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid transparent;border-radius:var(--graphy-radii-lg);background:var(--graphy-overlay-border-gradient) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transform:translateZ(0)}._1bp10ig1{display:flex;align-items:center;padding-inline:var(--graphy-space-xs);gap:var(--graphy-space-xxs)}._1bp10ig2{height:16px;width:1px;background:var(--graphy-toolbar-separator-color)}._2ngohc0 .ProseMirror{outline:none}._2ngohc0 .ProseMirror .is-empty:before{content:attr(data-placeholder);color:currentColor;opacity:.4;float:left;height:0;pointer-events:none}._2ngohc0 .ProseMirror h1,._2ngohc0 .ProseMirror h2,._2ngohc0 .ProseMirror h3,._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{margin:0}._2ngohc0 .ProseMirror h1{font:var(--graphy-font-text-editor-h1)}._2ngohc0 .ProseMirror h2{font:var(--graphy-font-text-editor-h2)}._2ngohc0 .ProseMirror h3{font:var(--graphy-font-text-editor-h3)}._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror p{margin:0;font:var(--graphy-font-text-editor-body)}._2ngohc0 .ProseMirror p[data-variant=caption]{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror a{text-decoration:underline;text-underline-offset:.15em;cursor:text}._1cocly40{color:inherit;text-decoration:underline;text-underline-offset:.15em}._4dlrid0{margin:0;font:var(--graphy-font-text-editor-h3)}._4dlrid1{margin:0;font:var(--graphy-font-text-editor-body)}p[data-variant=caption]{font:var(--graphy-font-text-editor-h6);margin:0}.xfz7dq0{position:absolute}.xfz7dq1{display:flex;gap:var(--graphy-space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--graphy-text-secondary)}.xfz7dq2{font:var(--graphy-font-source-link);text-decoration:underline}.xfz7dq2:hover{color:var(--graphy-text-primary)}.xfz7dq3{font:var(--graphy-font-source-label)}.xfz7dq4{font:var(--graphy-font-source-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1k4qtbg0{position:absolute}._1u9qprb0{position:absolute;display:flex;align-items:start;justify-content:start;gap:24px;pointer-events:none}._1u9qprb1{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}._9aen060{display:flex;align-items:baseline;gap:4px}._9aen061,._9aen062{display:flex;align-items:center;gap:4px}._9aen063{display:flex;flex-direction:column;align-items:start;gap:2px}.n7clvo0{color:var(--graphy-text-primary);font-weight:var(--graphy-font-weight-black);line-height:1}.n7clvo1{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo2{color:var(--graphy-text-secondary)}.n7clvo3{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo4{font-size:1.9em}.n7clvo5{font-size:2.3em}.n7clvo6{font-size:2.6em}.n7clvo7,.n7clvo8{font-size:1em}.n7clvo9{font-size:1.2em}.n7clvoa{color:var(--graphy-trend-positive-color)}.n7clvob{color:var(--graphy-trend-negative-color)}.n7clvoc{color:var(--graphy-trend-neutral-color)}.n7clvod{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%}.n7clvoe{color:var(--graphy-trend-positive-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-positive-color) 20%)}.n7clvof{color:var(--graphy-trend-negative-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-negative-color) 20%);transform:rotate(180deg)}.n7clvog{color:var(--graphy-trend-neutral-color);background-color:color-mix(in srgb,transparent,var(--graphy-text-primary) 10%)}._1oj6yix0{position:relative;pointer-events:none;height:100%}._1oj6yix1{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}._1oj6yix2{position:absolute;transform:translateY(-50%);font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);white-space:nowrap}._6a636s0{position:absolute;pointer-events:none}._1kjk02r0{position:relative;display:inline-flex;align-items:center;flex-shrink:0}._1kjk02r1{padding-inline-start:8px}._1kjk02r2{padding-block-start:8px}._1kjk02r3{position:absolute;background-color:var(--graphy-legend-background);border:1px solid var(--graphy-legend-border-color);border-radius:9999px;pointer-events:none;opacity:.6}._1kjk02r4{inset-block:0;inset-inline-start:8px;inset-inline-end:0}._1kjk02r5{inset-inline:0;inset-block-start:8px;inset-block-end:0}._1kjk02r6{position:relative;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding-inline:8px;padding-block:2px;background-color:var(--graphy-legend-background);border:1px solid var(--graphy-legend-border-color);border-radius:9999px;cursor:pointer;pointer-events:auto;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);appearance:none}._1kjk02r6:focus-visible{outline:1px solid var(--graphy-legend-focus-outline-color)}._1kjk02r7{border-color:var(--graphy-text-primary)}._1kjk02r8{font-variant-numeric:tabular-nums}._1kjk02r9{pointer-events:auto;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:6px;padding-block:8px;padding-inline:10px;box-shadow:0 4px 12px #0000002e;max-width:320px;max-height:240px;overflow-y:auto;z-index:1000;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color)}._1kjk02ra{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}._1kjk02rb{display:flex;align-items:center;gap:8px;white-space:nowrap}._1dw9dgx0{border-radius:50%;opacity:.7}._1cecisi0{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;pointer-events:none;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);block-size:100%;inline-size:100%}._1cecisi1{flex-direction:row}._1cecisi2{justify-content:center;flex-direction:column}._1cecisi3{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-inline:8px;padding-block:2px;background-color:var(--graphy-legend-background);border:1px solid var(--graphy-legend-border-color);border-radius:9999px;flex-shrink:0}._1agclyl0{pointer-events:none}._1agclyl1{pointer-events:none;fill:var(--graphy-data-label-outside-background)}._1agclyl2{pointer-events:none;fill:var(--graphy-grey-100);stroke:var(--graphy-grey-60);stroke-width:1}._1agclyl3{pointer-events:none;font:var(--graphy-font-data-label);fill:var(--graphy-text-primary);font-variant-numeric:tabular-nums}._1agclyl4{fill:var(--graphy-white)}._1agclyl6{font:var(--graphy-font-stack-total)}._120wioc0{font:var(--graphy-font-text-editor-body);color:var(--graphy-text-primary);border-radius:.6em;padding:.2em .4em;word-wrap:break-word;white-space:break-spaces;text-align:center;width:100%;box-sizing:border-box}._120wioc0 p{margin:0;line-height:1.25}._120wioc0 h1,._120wioc0 h2,._120wioc0 h3{margin:0}.usd3ea0{opacity:.4}.usd3ea1{filter:grayscale(1);opacity:.6}.to1jkx0{overflow:visible}.to1jkx1{transition:opacity .15s ease-out}[data-hover-active=true] .to1jkx1{opacity:.4}._17uhij30{position:absolute;top:0;left:0;overflow:visible}
|
package/dist/index.d.ts
CHANGED
|
@@ -31,11 +31,13 @@ import { PolarCoordSystem } from '@graphysdk/viz-engine';
|
|
|
31
31
|
import { ReactNode } from 'react';
|
|
32
32
|
import { RefCallback } from 'react';
|
|
33
33
|
import { ResolvedTarget } from '@graphysdk/viz-engine';
|
|
34
|
+
import { Stat } from '@graphysdk/viz-engine';
|
|
34
35
|
import { SVGProps } from 'react';
|
|
35
36
|
import { SwatchShape } from '@graphysdk/viz-engine';
|
|
36
37
|
import { TextMeasurer } from '@graphysdk/viz-engine';
|
|
37
38
|
import { TooltipContent } from '@graphysdk/viz-engine';
|
|
38
39
|
import { TooltipRow } from '@graphysdk/viz-engine';
|
|
40
|
+
import { TransformStrategy } from '@graphysdk/viz-engine';
|
|
39
41
|
|
|
40
42
|
/**
|
|
41
43
|
* The drawing surface a custom annotation paints into (ADR-035): a panel-positioned [0,1] frame.
|
|
@@ -284,10 +286,12 @@ export declare interface GeomRenderInput<G extends string = GeomName, C extends
|
|
|
284
286
|
export declare type GraphMode = 'readonly' | 'editable';
|
|
285
287
|
|
|
286
288
|
/**
|
|
287
|
-
* Owns the compiled spec for a graph and exposes it via {@link
|
|
288
|
-
* `dispatch` for applying {@link Command}s.
|
|
289
|
+
* Owns the compiled spec for a graph and exposes it via {@link useCompiledSelector}, plus a
|
|
290
|
+
* `dispatch` for applying {@link Command}s. Wraps the chart in {@link GraphErrorBoundary} so an
|
|
291
|
+
* invalid spec surfaces its error in place instead of unwinding the surrounding app — every chart
|
|
292
|
+
* gets this isolation for free, with no per-chart boundary to author.
|
|
289
293
|
*/
|
|
290
|
-
export declare const GraphProvider: (
|
|
294
|
+
export declare const GraphProvider: (props: GraphProviderProps) => JSX.Element;
|
|
291
295
|
|
|
292
296
|
declare interface GraphProviderProps {
|
|
293
297
|
data: Data;
|
|
@@ -299,10 +303,16 @@ declare interface GraphProviderProps {
|
|
|
299
303
|
customPalettes?: CustomPalettesInput;
|
|
300
304
|
/** Custom geom definitions, injected per-instance into the compiler (override built-ins by name). */
|
|
301
305
|
geoms?: readonly Geom[];
|
|
306
|
+
/** Custom stat definitions (`defineStat`), injected per-instance into the compiler (override built-ins by `type`). */
|
|
307
|
+
stats?: readonly Stat[];
|
|
308
|
+
/** Custom transform strategies (`defineTransform`), injected per-instance (override built-ins by `transformType`). */
|
|
309
|
+
transforms?: readonly TransformStrategy[];
|
|
302
310
|
/** Custom geom render plugins, injected per-instance (override built-ins by `(geom, coord)`). */
|
|
303
311
|
plugins?: readonly GeomPlugin[];
|
|
304
312
|
/** Custom annotation render plugins, injected per-instance and resolved by annotation `type` (ADR-035). */
|
|
305
313
|
annotationPlugins?: readonly AnnotationPlugin[];
|
|
314
|
+
/** Stable chart id. Stamped onto the rendered root as `data-graphy-id`; enables the editor bridge. */
|
|
315
|
+
id?: string;
|
|
306
316
|
children: ReactNode;
|
|
307
317
|
}
|
|
308
318
|
|
|
@@ -312,16 +322,40 @@ declare interface GraphProviderProps {
|
|
|
312
322
|
* no `config` prop: every consumer must wrap with `<GraphProvider>` so commands can operate
|
|
313
323
|
* on the live spec.
|
|
314
324
|
*/
|
|
315
|
-
export declare const GraphRenderer: (props: GraphRendererProps) => JSX.Element;
|
|
325
|
+
export declare const GraphRenderer: ({ sizing, onResize, ...props }: GraphRendererProps) => JSX.Element;
|
|
316
326
|
|
|
327
|
+
/** Props for {@link GraphRenderer}: container sizing, interaction toggles, and display mode. */
|
|
317
328
|
export declare interface GraphRendererProps {
|
|
318
|
-
|
|
319
|
-
|
|
329
|
+
/** Controls how the graph responds to its container size. Defaults to filling the parent container. */
|
|
330
|
+
sizing?: GraphSizing;
|
|
331
|
+
/** Callback invoked when the graph's container is resized. Fires in every sizing mode. */
|
|
332
|
+
onResize?: ResizeObserverOnResize;
|
|
320
333
|
isAnimated?: boolean;
|
|
321
334
|
showTooltips?: boolean;
|
|
322
335
|
mode?: GraphMode;
|
|
323
336
|
}
|
|
324
337
|
|
|
338
|
+
/** Controls how the graph claims space in its container. */
|
|
339
|
+
export declare type GraphSizing = {
|
|
340
|
+
mode: 'responsive';
|
|
341
|
+
} | {
|
|
342
|
+
mode: 'fixed';
|
|
343
|
+
width: number;
|
|
344
|
+
height: number;
|
|
345
|
+
} | {
|
|
346
|
+
mode: 'keepAspectRatio';
|
|
347
|
+
intrinsicWidth: number;
|
|
348
|
+
intrinsicHeight: number;
|
|
349
|
+
} | {
|
|
350
|
+
mode: 'keepAspectRatio';
|
|
351
|
+
intrinsicWidth: number;
|
|
352
|
+
aspectRatio: number;
|
|
353
|
+
} | {
|
|
354
|
+
mode: 'keepAspectRatio';
|
|
355
|
+
intrinsicHeight: number;
|
|
356
|
+
aspectRatio: number;
|
|
357
|
+
};
|
|
358
|
+
|
|
325
359
|
export declare interface HoverCompanionsRenderInput<G extends string = GeomName, TParams = PluginParams<G>> {
|
|
326
360
|
layer: CompiledLayerFor<G, TParams>;
|
|
327
361
|
primary: HoverHit;
|
|
@@ -456,6 +490,15 @@ declare interface PrimaryDotProps {
|
|
|
456
490
|
'data-testid'?: string;
|
|
457
491
|
}
|
|
458
492
|
|
|
493
|
+
export declare type ResizeObserverOnResize = (state: ResizeObserverState) => void;
|
|
494
|
+
|
|
495
|
+
export declare interface ResizeObserverState {
|
|
496
|
+
width: number;
|
|
497
|
+
height: number;
|
|
498
|
+
/** True until the first ResizeObserver measurement lands. */
|
|
499
|
+
isDefault: boolean;
|
|
500
|
+
}
|
|
501
|
+
|
|
459
502
|
export { ResolvedTarget }
|
|
460
503
|
|
|
461
504
|
/**
|