@logicplanes/kaeso-ui 0.4.2 → 0.4.3

package/dist/chunks/{copy-button-7-irieJw.js.map → copy-button-FJvPJn72.js.map}

@@ -1 +1 @@
-{"version":3,"file":"copy-button-7-irieJw.js","names":["__icon_Tick02Icon","__icon_Copy01Icon","cn","useUiText","Icon","useTruncated","Button","useCopy","KAESO_COPY_BUTTON_VARIANTS","KAESO_COPY_BUTTON_DEFAULT_VARIANTS","CopyButton","labelProp","props","hover","setHover","useState","t","label","done","Tooltip","copied","Tick02Icon","Copy01Icon","copy","value","onCopy","KAESO_CLIPBOARD_TEXT_VARIANTS","KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS","ClipboardText","size","className","display","ICON_ROOM","sharesLine","sibling","style","parent","hasRoomAfter","node","el","overflow","useRoomAfter","button","setButton","room","setRoom","useLayoutEffect","touch","check","watch","InlineCopyText","buttonRef","useCallback","ref","text","useRef","cut","children"],"sources":["../../src/components/copy-button/copy-button.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useCallback, useLayoutEffect, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useCopy } from \"../../hooks/use-copy.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Button, type ButtonSize } from \"../button/button.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Tick02Icon as __icon_Tick02Icon, Copy01Icon as __icon_Copy01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_COPY_BUTTON_VARIANTS = {\n  variant: {\n    ghost: { classes: \"material-ghost\" },\n    secondary: { classes: \"material-secondary\" },\n  },\n  size: {\n    xs: { classes: \"size-24\" },\n    sm: { classes: \"size-32\" },\n    md: { classes: \"size-36\" },\n    lg: { classes: \"size-40\" },\n    xl: { classes: \"size-48\" },\n  },\n} as const;\nexport const KAESO_COPY_BUTTON_DEFAULT_VARIANTS = { variant: \"ghost\", size: \"sm\" } as const;\n\nexport interface CopyButtonProps {\n  value: string;\n  label?: string | undefined;\n  size?: ButtonSize | undefined;\n  variant?: keyof typeof KAESO_COPY_BUTTON_VARIANTS.variant | undefined;\n  onCopy?: ((value: string) => void) | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const CopyButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, CopyButtonProps>(function CopyButton(\n  { value, label: labelProp, size = \"sm\", variant = \"ghost\", onCopy, className, ...props },\n  ref,\n) {\n  const { copied, copy } = useCopy();\n  const [hover, setHover] = useState(false);\n  const t = useUiText();\n  const label = labelProp ?? t(\"copyButton.copy\", \"Copy\");\n  const done = t(\"copyButton.copied\", \"Copied\");\n  return (\n    <Tooltip content={copied ? done : label} open={copied || hover} onOpenChange={setHover}>\n      <Button\n        ref={ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>}\n        shape=\"circle\"\n        size={size}\n        variant={variant}\n        icon={copied ? __icon_Tick02Icon : __icon_Copy01Icon}\n        aria-label={copied ? done : label}\n        className={className}\n        onClick={async () => {\n          if (await copy(value)) onCopy?.(value);\n        }}\n        {...props}\n      />\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") CopyButton.displayName = \"CopyButton\";\n\nexport const KAESO_CLIPBOARD_TEXT_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 pl-12 pr-0 text-small\" },\n    md: { classes: \"h-36 pl-16 pr-2 text-small\" },\n    lg: { classes: \"h-40 pl-18 pr-4 text-small\" },\n  },\n} as const;\nexport const KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface ClipboardTextProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  value: string;\n  display?: ReactNode | undefined;\n  label?: string | undefined;\n  size?: keyof typeof KAESO_CLIPBOARD_TEXT_VARIANTS.size | undefined;\n}\n\nexport const ClipboardText = /* @__PURE__ */ forwardRef<HTMLDivElement, ClipboardTextProps>(function ClipboardText(\n  { value, display, label, size = \"md\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\"inline-flex min-w-0 max-w-full items-center gap-8 rounded-pill bg-fill-1\", KAESO_CLIPBOARD_TEXT_VARIANTS.size[size].classes, className)}\n      {...props}\n    >\n      <span className=\"mono min-w-0 flex-1 truncate text-fg select-all\">{display ?? value}</span>\n      <CopyButton value={value} label={label} size=\"sm\" />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ClipboardText.displayName = \"ClipboardText\";\n\nexport interface InlineCopyTextProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"children\" | \"onCopy\"> {\n  value: string;\n  children?: ReactNode | undefined;\n  label?: string | undefined;\n  onCopy?: ((value: string) => void) | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst ICON_ROOM = 18;\n\nfunction sharesLine(sibling: Node, parent: CSSStyleDeclaration): boolean {\n  if (sibling.nodeType === Node.TEXT_NODE) return !!sibling.textContent?.trim();\n  if (!(sibling instanceof Element)) return false;\n  const style = getComputedStyle(sibling);\n  if (style.display === \"none\" || style.position === \"absolute\" || style.position === \"fixed\") return false;\n  if (parent.display.endsWith(\"flex\")) return !parent.flexDirection.startsWith(\"column\");\n  if (parent.display === \"block\" || parent.display === \"flow-root\" || parent.display === \"list-item\") return style.display.startsWith(\"inline\");\n  return true;\n}\n\nfunction hasRoomAfter(el: Element): boolean {\n  let node = el;\n  for (let parent = el.parentElement; parent; node = parent, parent = parent.parentElement) {\n    const style = getComputedStyle(parent);\n    for (let sibling = node.nextSibling; sibling; sibling = sibling.nextSibling) if (sharesLine(sibling, style)) return false;\n    if ((parseFloat(style.direction === \"rtl\" ? style.paddingLeft : style.paddingRight) || 0) >= ICON_ROOM) return true;\n    const overflow = style.overflowX || style.overflow;\n    if (overflow && overflow !== \"visible\") return false;\n  }\n  return true;\n}\n\nfunction useRoomAfter() {\n  const [button, setButton] = useState<HTMLButtonElement | null>(null);\n  const [room, setRoom] = useState(false);\n  useLayoutEffect(() => {\n    const parent = button?.parentElement;\n    if (!button || !parent) return;\n    const touch = typeof window.matchMedia === \"function\" ? window.matchMedia(\"(pointer: coarse)\") : null;\n    const check = () => setRoom(!touch?.matches && hasRoomAfter(button));\n    check();\n    const watch = new MutationObserver(check);\n    watch.observe(parent, { childList: true });\n    touch?.addEventListener(\"change\", check);\n    return () => {\n      watch.disconnect();\n      touch?.removeEventListener(\"change\", check);\n    };\n  }, [button]);\n  return [room, setButton] as const;\n}\n\nexport const InlineCopyText = /* @__PURE__ */ forwardRef<HTMLButtonElement, InlineCopyTextProps>(function InlineCopyText(\n  { value, children, label, onCopy, className, ...props },\n  ref,\n) {\n  const { copied, copy } = useCopy();\n  const [hover, setHover] = useState(false);\n  const [room, setButton] = useRoomAfter();\n  const buttonRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      setButton(el);\n      if (typeof ref === \"function\") ref(el);\n      else if (ref) ref.current = el;\n    },\n    [ref, setButton],\n  );\n  const text = useRef<HTMLSpanElement>(null);\n  const cut = useTruncated(text);\n  const t = useUiText();\n  const done = t(\"copyButton.copied\", \"Copied\");\n  return (\n    <Tooltip\n      content={copied ? done : cut ? value : (label ?? t(\"copyButton.copy\", \"Copy\"))}\n      shape={cut && !copied ? \"multiline\" : \"pill\"}\n      open={copied || hover}\n      onOpenChange={setHover}\n    >\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={async () => {\n          if (await copy(value)) onCopy?.(value);\n        }}\n        className={cn(\n          \"group/copy relative -mx-4 inline-flex max-w-full-bleed-4 min-w-0 items-center gap-4 rounded-code px-4 align-baseline mono text-small text-fg transition-control focus-ring tap-target\",\n          \"hover:bg-fill-1 active:bg-fill-2 cursor-copy\",\n          className,\n        )}\n        {...props}\n      >\n        <span ref={text} className=\"min-w-0 truncate\">\n          {children ?? value}\n        </span>\n        <Icon\n          icon={copied ? __icon_Tick02Icon : __icon_Copy01Icon}\n          size=\"xs\"\n          className={cn(\n            room && \"pointer-events-none absolute start-full group-hover/copy:pointer-events-auto group-focus-visible/copy:pointer-events-auto\",\n            \"text-fg-tertiary opacity-0 transition-control group-hover/copy:opacity-100 coarse:opacity-100 group-focus-visible/copy:opacity-100\",\n            copied && \"pointer-events-auto opacity-100 text-fg\",\n          )}\n        />\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {copied ? done : \"\"}\n        </span>\n      </button>\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") InlineCopyText.displayName = \"InlineCopyText\";\n"],"mappings":"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"}
+{"version":3,"file":"copy-button-FJvPJn72.js","names":["__icon_Tick02Icon","__icon_Copy01Icon","cn","useUiText","Icon","useTruncated","Button","useCopy","KAESO_COPY_BUTTON_VARIANTS","KAESO_COPY_BUTTON_DEFAULT_VARIANTS","CopyButton","labelProp","props","hover","setHover","useState","t","label","done","Tooltip","copied","Tick02Icon","Copy01Icon","copy","value","onCopy","KAESO_CLIPBOARD_TEXT_VARIANTS","KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS","ClipboardText","size","className","display","ICON_ROOM","sharesLine","sibling","style","parent","hasRoomAfter","node","el","overflow","useRoomAfter","button","setButton","room","setRoom","useLayoutEffect","touch","check","watch","InlineCopyText","buttonRef","useCallback","ref","text","useRef","cut","children"],"sources":["../../src/components/copy-button/copy-button.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useCallback, useLayoutEffect, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useCopy } from \"../../hooks/use-copy.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Button, type ButtonSize } from \"../button/button.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Tick02Icon as __icon_Tick02Icon, Copy01Icon as __icon_Copy01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_COPY_BUTTON_VARIANTS = {\n  variant: {\n    ghost: { classes: \"material-ghost\" },\n    secondary: { classes: \"material-secondary\" },\n  },\n  size: {\n    xs: { classes: \"size-24\" },\n    sm: { classes: \"size-32\" },\n    md: { classes: \"size-36\" },\n    lg: { classes: \"size-40\" },\n    xl: { classes: \"size-48\" },\n  },\n} as const;\nexport const KAESO_COPY_BUTTON_DEFAULT_VARIANTS = { variant: \"ghost\", size: \"sm\" } as const;\n\nexport interface CopyButtonProps {\n  value: string;\n  label?: string | undefined;\n  size?: ButtonSize | undefined;\n  variant?: keyof typeof KAESO_COPY_BUTTON_VARIANTS.variant | undefined;\n  onCopy?: ((value: string) => void) | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const CopyButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, CopyButtonProps>(function CopyButton(\n  { value, label: labelProp, size = \"sm\", variant = \"ghost\", onCopy, className, ...props },\n  ref,\n) {\n  const { copied, copy } = useCopy();\n  const [hover, setHover] = useState(false);\n  const t = useUiText();\n  const label = labelProp ?? t(\"copyButton.copy\", \"Copy\");\n  const done = t(\"copyButton.copied\", \"Copied\");\n  return (\n    <Tooltip content={copied ? done : label} open={copied || hover} onOpenChange={setHover}>\n      <Button\n        ref={ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>}\n        shape=\"circle\"\n        size={size}\n        variant={variant}\n        icon={copied ? __icon_Tick02Icon : __icon_Copy01Icon}\n        aria-label={copied ? done : label}\n        className={className}\n        onClick={async () => {\n          if (await copy(value)) onCopy?.(value);\n        }}\n        {...props}\n      />\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") CopyButton.displayName = \"CopyButton\";\n\nexport const KAESO_CLIPBOARD_TEXT_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 pl-12 pr-0 text-small\" },\n    md: { classes: \"h-36 pl-16 pr-2 text-small\" },\n    lg: { classes: \"h-40 pl-18 pr-4 text-small\" },\n  },\n} as const;\nexport const KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface ClipboardTextProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  value: string;\n  display?: ReactNode | undefined;\n  label?: string | undefined;\n  size?: keyof typeof KAESO_CLIPBOARD_TEXT_VARIANTS.size | undefined;\n}\n\nexport const ClipboardText = /* @__PURE__ */ forwardRef<HTMLDivElement, ClipboardTextProps>(function ClipboardText(\n  { value, display, label, size = \"md\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\"inline-flex min-w-0 max-w-full items-center gap-8 rounded-pill bg-fill-1\", KAESO_CLIPBOARD_TEXT_VARIANTS.size[size].classes, className)}\n      {...props}\n    >\n      <span className=\"mono min-w-0 flex-1 truncate text-fg select-all\">{display ?? value}</span>\n      <CopyButton value={value} label={label} size=\"sm\" />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ClipboardText.displayName = \"ClipboardText\";\n\nexport interface InlineCopyTextProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"children\" | \"onCopy\"> {\n  value: string;\n  children?: ReactNode | undefined;\n  label?: string | undefined;\n  onCopy?: ((value: string) => void) | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst ICON_ROOM = 18;\n\nfunction sharesLine(sibling: Node, parent: CSSStyleDeclaration): boolean {\n  if (sibling.nodeType === Node.TEXT_NODE) return !!sibling.textContent?.trim();\n  if (!(sibling instanceof Element)) return false;\n  const style = getComputedStyle(sibling);\n  if (style.display === \"none\" || style.position === \"absolute\" || style.position === \"fixed\") return false;\n  if (parent.display.endsWith(\"flex\")) return !parent.flexDirection.startsWith(\"column\");\n  if (parent.display === \"block\" || parent.display === \"flow-root\" || parent.display === \"list-item\") return style.display.startsWith(\"inline\");\n  return true;\n}\n\nfunction hasRoomAfter(el: Element): boolean {\n  let node = el;\n  for (let parent = el.parentElement; parent; node = parent, parent = parent.parentElement) {\n    const style = getComputedStyle(parent);\n    for (let sibling = node.nextSibling; sibling; sibling = sibling.nextSibling) if (sharesLine(sibling, style)) return false;\n    if ((parseFloat(style.direction === \"rtl\" ? style.paddingLeft : style.paddingRight) || 0) >= ICON_ROOM) return true;\n    const overflow = style.overflowX || style.overflow;\n    if (overflow && overflow !== \"visible\") return false;\n  }\n  return true;\n}\n\nfunction useRoomAfter() {\n  const [button, setButton] = useState<HTMLButtonElement | null>(null);\n  const [room, setRoom] = useState(false);\n  useLayoutEffect(() => {\n    const parent = button?.parentElement;\n    if (!button || !parent) return;\n    const touch = typeof window.matchMedia === \"function\" ? window.matchMedia(\"(pointer: coarse)\") : null;\n    const check = () => setRoom(!touch?.matches && hasRoomAfter(button));\n    check();\n    const watch = new MutationObserver(check);\n    watch.observe(parent, { childList: true });\n    touch?.addEventListener(\"change\", check);\n    return () => {\n      watch.disconnect();\n      touch?.removeEventListener(\"change\", check);\n    };\n  }, [button]);\n  return [room, setButton] as const;\n}\n\nexport const InlineCopyText = /* @__PURE__ */ forwardRef<HTMLButtonElement, InlineCopyTextProps>(function InlineCopyText(\n  { value, children, label, onCopy, className, ...props },\n  ref,\n) {\n  const { copied, copy } = useCopy();\n  const [hover, setHover] = useState(false);\n  const [room, setButton] = useRoomAfter();\n  const buttonRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      setButton(el);\n      if (typeof ref === \"function\") ref(el);\n      else if (ref) ref.current = el;\n    },\n    [ref, setButton],\n  );\n  const text = useRef<HTMLSpanElement>(null);\n  const cut = useTruncated(text);\n  const t = useUiText();\n  const done = t(\"copyButton.copied\", \"Copied\");\n  return (\n    <Tooltip\n      content={copied ? done : cut ? value : (label ?? t(\"copyButton.copy\", \"Copy\"))}\n      shape={cut && !copied ? \"multiline\" : \"pill\"}\n      open={copied || hover}\n      onOpenChange={setHover}\n    >\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={async () => {\n          if (await copy(value)) onCopy?.(value);\n        }}\n        className={cn(\n          \"group/copy relative -mx-4 inline-flex max-w-full-bleed-4 min-w-0 items-center gap-4 rounded-code px-4 align-baseline mono text-small text-fg transition-control focus-ring tap-target\",\n          \"hover:bg-fill-1 active:bg-fill-2 cursor-copy\",\n          className,\n        )}\n        {...props}\n      >\n        <span ref={text} className=\"min-w-0 truncate\">\n          {children ?? value}\n        </span>\n        <Icon\n          icon={copied ? __icon_Tick02Icon : __icon_Copy01Icon}\n          size=\"xs\"\n          className={cn(\n            room && \"pointer-events-none absolute start-full group-hover/copy:pointer-events-auto group-focus-visible/copy:pointer-events-auto\",\n            \"text-fg-tertiary opacity-0 transition-control group-hover/copy:opacity-100 coarse:opacity-100 group-focus-visible/copy:opacity-100\",\n            copied && \"pointer-events-auto opacity-100 text-fg\",\n          )}\n        />\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {copied ? done : \"\"}\n        </span>\n      </button>\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") InlineCopyText.displayName = \"InlineCopyText\";\n"],"mappings":"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"}

package/dist/chunks/{core-Bl9NrBLS.js → core-BYns5ytV.js}

@@ -1,17 +1,18 @@
 "use client";
 import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t, n } from "./context-BELWW79w.js";
-import { t as r } from "./observe-resize-DhxhmoyB.js";
-import { n as i } from "./button-Dzu7_csE.js";
-import { r as a } from "./skeleton-Dcz57Zyp.js";
-import { useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { motion as f, tokenKindSeries as p, tokenKindTint as m } from "@logicplanes/kaeso-tokens";
+import { s as r } from "./tooltip-OcwO0VUT.js";
+import { t as i } from "./observe-resize-DhxhmoyB.js";
+import { n as a } from "./button-CzuxqawA.js";
+import { r as o } from "./skeleton-Dcz57Zyp.js";
+import { forwardRef as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { motion as h, tokenKindSeries as g, tokenKindTint as _ } from "@logicplanes/kaeso-tokens";
 //#region src/components/charts/core.tsx
-function h(e, t) {
+function v(e, t) {
 	return t.every(Number.isInteger) ? e.filter(Number.isInteger) : e;
 }
-var g = [
+var y = [
 	"var(--k-viz-1)",
 	"var(--k-viz-2)",
 	"var(--k-viz-3)",
@@ -20,7 +21,7 @@ var g = [
 	"var(--k-viz-6)",
 	"var(--k-viz-7)",
 	"var(--k-viz-8)"
-], _ = [
+], b = [
 	"var(--k-viz-thin-1)",
 	"var(--k-viz-thin-2)",
 	"var(--k-viz-thin-3)",
@@ -30,12 +31,12 @@ var g = [
 	"var(--k-viz-thin-7)",
 	"var(--k-viz-thin-8)"
 ];
-function v(e) {
+function x(e) {
 	let t = 2166136261;
 	for (let n = 0; n < e.length; n++) t = Math.imul(t ^ e.charCodeAt(n), 16777619);
 	return Math.abs(t);
 }
-var y = {
+var S = {
 	1: 6,
 	6: 1,
 	2: 5,
@@ -43,33 +44,33 @@ var y = {
 	3: 7,
 	7: 3
 };
-function b(e) {
-	return v(e) % g.length;
+function C(e) {
+	return x(e) % y.length;
 }
-function x(e) {
-	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (e) => n.has(e) || y[e] !== void 0 && n.has(y[e]);
+function w(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (e) => n.has(e) || S[e] !== void 0 && n.has(S[e]);
 	for (let i of e) {
 		if (t.has(i)) continue;
-		let e = b(i);
+		let e = C(i);
 		if (r(e)) {
-			let t = [...g.keys()];
+			let t = [...y.keys()];
 			e = t.find((e) => !r(e)) ?? t.find((e) => !n.has(e)) ?? e;
 		}
 		n.add(e), t.set(i, e);
 	}
 	return t;
 }
-function S(e, t = !1) {
-	return new Map([...x(e)].map(([e, n]) => [e, (t ? _ : g)[n]]));
+function T(e, t = !1) {
+	return new Map([...w(e)].map(([e, n]) => [e, (t ? b : y)[n]]));
 }
-var C = (e, t = !1) => (t ? _ : g)[b(e)], w = (e, t = !1) => m[e] ? "var(--k-viz-1-soft)" : (t ? _ : g)[p[e] - 1], T = [
+var E = (e, t = !1) => (t ? b : y)[C(e)], D = (e, t = !1) => _[e] ? "var(--k-viz-1-soft)" : (t ? b : y)[g[e] - 1], O = [
 	"input",
 	"cacheRead",
 	"cacheWrite",
 	"output",
 	"reasoning"
 ];
-function E(e, t = n) {
+function ee(e, t = n) {
 	switch (e) {
 		case "input": return t("tokenKind.input", "Input");
 		case "output": return t("tokenKind.output", "Output");
@@ -78,26 +79,26 @@ function E(e, t = n) {
 		case "reasoning": return t("tokenKind.reasoning", "Reasoning");
 	}
 }
-function D() {
-	let [e, t] = l(null), [n, i] = l({
+function te() {
+	let [e, t] = f(null), [n, r] = f({
 		width: 0,
 		height: 0
 	});
-	return s(() => {
+	return l(() => {
 		if (!e) return;
-		let t = () => i({
+		let t = () => r({
 			width: Math.round(e.clientWidth),
 			height: Math.round(e.clientHeight)
 		});
-		return t(), r([e], t);
+		return t(), i([e], t);
 	}, [e]), [t, n];
 }
-var O = (e) => 1 - (1 - e) ** 3, ee = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, k = (e, t, n) => n >= 1 ? t : t.map((t, r) => (e[r] ?? t) + (t - (e[r] ?? t)) * O(n));
-function A(e, t) {
-	return e.length === t.length && e.some((e) => e !== 0) && t.some((e) => e !== 0) && e.some((e, n) => e !== t[n]) && !ee();
+var k = (e) => 1 - (1 - e) ** 3, A = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, j = (e, t, n) => n >= 1 ? t : t.map((t, r) => (e[r] ?? t) + (t - (e[r] ?? t)) * k(n));
+function M(e, t) {
+	return e.length === t.length && e.some((e) => e !== 0) && t.some((e) => e !== 0) && e.some((e, n) => e !== t[n]) && !A();
 }
-function j(e, t = !1) {
-	let n = e.join(","), [r, i] = l({
+function N(e, t = !1) {
+	let n = e.join(","), [r, i] = f({
 		key: n,
 		from: e,
 		to: e,
@@ -105,8 +106,8 @@ function j(e, t = !1) {
 		still: t
 	}), a = r;
 	if (r.key !== n || r.still !== t) {
-		let o = k(r.from, r.to, r.t);
-		a = !t && !r.still && A(o, e) ? {
+		let o = j(r.from, r.to, r.t);
+		a = !t && !r.still && M(o, e) ? {
 			key: n,
 			from: o,
 			to: e,
@@ -120,21 +121,21 @@ function j(e, t = !1) {
 			still: t
 		}, i(a);
 	}
-	let s = a.t < 1;
-	return o(() => {
-		if (!s) return;
+	let o = a.t < 1;
+	return c(() => {
+		if (!o) return;
 		let e = performance.now(), t = 0, r = () => {
-			let a = Math.max(0, Math.min(1, (performance.now() - e) / f.duration.chart));
+			let a = Math.max(0, Math.min(1, (performance.now() - e) / h.duration.chart));
 			i((e) => e.key === n ? {
 				...e,
 				t: a
 			} : e), a < 1 && (t = requestAnimationFrame(r));
 		};
 		return t = requestAnimationFrame(r), () => cancelAnimationFrame(t);
-	}, [n, s]), k(a.from, a.to, a.t);
+	}, [n, o]), j(a.from, a.to, a.t);
 }
-function M(e, t, n = !1) {
-	let r = e.some((e) => e !== 0), i = j(r ? [...e, t] : e, n);
+function P(e, t, n = !1) {
+	let r = e.some((e) => e !== 0), i = N(r ? [...e, t] : e, n);
 	return r ? {
 		values: i.slice(0, -1),
 		top: i[i.length - 1] ?? t
@@ -143,82 +144,84 @@ function M(e, t, n = !1) {
 		top: t
 	};
 }
-function N({ label: n, height: r, children: o, table: s, legend: c, state: f = {}, className: p, toggle: m = !0 }) {
-	let [h, g] = l(!1), _ = t();
-	return /* @__PURE__ */ d("figure", {
-		className: e("@container flex min-w-0 flex-col gap-12", p),
+var F = /* @__PURE__ */ s(function({ label: n, height: r, children: i, table: s, legend: c, state: l = {}, className: u, toggle: d = !0 }, h) {
+	let [g, _] = f(!1), v = t();
+	return /* @__PURE__ */ m("figure", {
+		ref: h,
+		className: e("@container flex min-w-0 flex-col gap-12", u),
 		"aria-label": n,
 		children: [
-			f.error ? /* @__PURE__ */ d("div", {
+			l.error ? /* @__PURE__ */ m("div", {
 				className: "flex flex-col items-center justify-center gap-8 text-center",
 				style: { height: r },
-				children: [/* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ p("p", {
 					role: "alert",
 					className: "text-body text-fg-secondary",
-					children: _("chartFrame.loadFailed", "Couldn't load this chart")
-				}), f.onRetry && /* @__PURE__ */ u(i, {
+					children: v("chartFrame.loadFailed", "Couldn't load this chart")
+				}), l.onRetry && /* @__PURE__ */ p(a, {
 					size: "sm",
-					onClick: f.onRetry,
-					children: _("chartFrame.tryAgain", "Try again")
+					onClick: l.onRetry,
+					children: v("chartFrame.tryAgain", "Try again")
 				})]
-			}) : h && s ? /* @__PURE__ */ u("div", {
+			}) : g && s ? /* @__PURE__ */ p("div", {
 				className: "overflow-auto scrollbar-quiet",
 				style: { minHeight: r },
-				children: /* @__PURE__ */ u(P, { table: s })
-			}) : /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ p(I, { table: s })
+			}) : /* @__PURE__ */ m("div", {
 				className: "relative",
 				style: { height: r },
 				children: [
-					f.loading && f.empty ? /* @__PURE__ */ u(a, { className: "absolute inset-0" }) : o,
-					f.loading && !f.empty && /* @__PURE__ */ u(a, { className: "absolute inset-x-0 bottom-0 h-2 rounded-pill" }),
-					f.empty && !f.loading && /* @__PURE__ */ u("div", {
+					l.loading && l.empty ? /* @__PURE__ */ p(o, { className: "absolute inset-0" }) : i,
+					l.loading && !l.empty && /* @__PURE__ */ p(o, { className: "absolute inset-x-0 bottom-0 h-2 rounded-pill" }),
+					l.empty && !l.loading && /* @__PURE__ */ p("div", {
 						className: "absolute inset-0 flex items-center justify-center text-body text-fg-secondary",
-						children: f.emptyText ?? _("chartFrame.noData", "No data for this period")
+						children: l.emptyText ?? v("chartFrame.noData", "No data for this period")
 					})
 				]
 			}),
-			(c || m && s) && /* @__PURE__ */ d("div", {
+			(c || d && s) && /* @__PURE__ */ m("div", {
 				className: "flex flex-col gap-8 @chart-legend:flex-row @chart-legend:gap-12",
-				children: [!h && c && /* @__PURE__ */ u("div", {
+				children: [!g && c && /* @__PURE__ */ p("div", {
 					className: "min-w-0 @chart-legend:flex-1",
 					children: c
-				}), m && s && /* @__PURE__ */ u("button", {
+				}), d && s && /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => g((e) => !e),
-					"aria-pressed": h,
+					onClick: () => _((e) => !e),
+					"aria-pressed": g,
 					className: "relative ml-auto inline-flex h-28 shrink-0 cursor-pointer items-center self-end rounded-pill px-10 text-small font-medium text-fg-secondary transition-control hover:bg-fill-1 hover:text-fg focus-ring tap-target",
-					children: h ? _("chartFrame.viewAsChart", "View as chart") : _("chartFrame.viewAsTable", "View as table")
+					children: g ? v("chartFrame.viewAsChart", "View as chart") : v("chartFrame.viewAsTable", "View as table")
 				})]
 			}),
-			s && !h && /* @__PURE__ */ u("div", {
+			s && !g && /* @__PURE__ */ p("div", {
 				className: "sr-only",
-				children: /* @__PURE__ */ u(P, {
+				children: /* @__PURE__ */ p(I, {
 					table: s,
 					caption: n
 				})
 			})
 		]
 	});
-}
-function P({ table: t, caption: n }) {
-	return /* @__PURE__ */ d("table", {
+});
+process.env.NODE_ENV !== "production" && (F.displayName = "ChartFrame");
+function I({ table: t, caption: n }) {
+	return /* @__PURE__ */ m("table", {
 		className: "w-full text-body",
 		children: [
-			n && /* @__PURE__ */ u("caption", {
+			n && /* @__PURE__ */ p("caption", {
 				className: "sr-only",
 				children: n
 			}),
-			/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", {
+			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", {
 				className: "hairline-b-strong",
-				children: t.columns.map((t, n) => /* @__PURE__ */ u("th", {
+				children: t.columns.map((t, n) => /* @__PURE__ */ p("th", {
 					scope: "col",
 					className: e("h-36 px-12 text-caption font-medium text-fg-secondary first:pl-0", n > 0 ? "text-right" : "text-left"),
 					children: t
 				}, t))
 			}) }),
-			/* @__PURE__ */ u("tbody", { children: t.rows.map((t, n) => /* @__PURE__ */ u("tr", {
+			/* @__PURE__ */ p("tbody", { children: t.rows.map((t, n) => /* @__PURE__ */ p("tr", {
 				className: "hairline-b",
-				children: t.map((t, n) => /* @__PURE__ */ u("td", {
+				children: t.map((t, n) => /* @__PURE__ */ p("td", {
 					className: e("h-36 px-12 first:pl-0", n > 0 ? "text-right tabular" : "text-left"),
 					children: t
 				}, n))
@@ -226,16 +229,17 @@ function P({ table: t, caption: n }) {
 		]
 	});
 }
-function F({ color: t, shape: n = "square", off: r }) {
-	return /* @__PURE__ */ u("span", {
+var L = /* @__PURE__ */ s(function({ color: t, shape: n = "square", off: r }, i) {
+	return /* @__PURE__ */ p("span", {
+		ref: i,
 		"aria-hidden": !0,
 		className: e("shrink-0 transition-control", n === "line" ? "h-2 w-12 rounded-pill" : "size-10 rounded-bar", r && "opacity-30"),
 		style: { background: t }
 	});
-}
-process.env.NODE_ENV !== "production" && (F.displayName = "Swatch");
-var I = (e) => (t) => e(t).replace(/[.,]00(?=\D*$)/, "");
-function L(e, t, n = 4) {
+});
+process.env.NODE_ENV !== "production" && (L.displayName = "Swatch");
+var R = (e) => (t) => e(t).replace(/[.,]00(?=\D*$)/, "");
+function z(e, t, n = 4) {
 	for (let r = n; r >= 1; r--) {
 		let n = e.ticks(r);
 		if (new Set(n.map(t)).size === n.length) return n;
@@ -243,29 +247,29 @@ function L(e, t, n = 4) {
 	let [r = 0, i = 0] = e.domain();
 	return t(r) === t(i) ? [r] : [r, i];
 }
-function R(e) {
+function B(e) {
 	if (e instanceof Date) return Number.isNaN(e.getTime()) ? NaN : Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()) / 864e5;
 	let t = /^(\d{4})-(\d{2})-(\d{2})/.exec(e);
 	return t ? Date.UTC(Number(t[1]), Number(t[2]) - 1, Number(t[3])) / 864e5 : NaN;
 }
-var z = (e) => (/* @__PURE__ */ new Date(e * 864e5)).getUTCFullYear();
-function B(e) {
-	let t = e.map(R), n = [];
+var V = (e) => (/* @__PURE__ */ new Date(e * 864e5)).getUTCFullYear();
+function H(e) {
+	let t = e.map(B), n = [];
 	return t.forEach((e, r) => {
 		let i = r > 0 ? t[r - 1] : t.length > 1 ? 2 * e - t[1] : NaN;
-		Number.isFinite(e) && Number.isFinite(i) && z(e) !== z(i) && n.push(r);
+		Number.isFinite(e) && Number.isFinite(i) && V(e) !== V(i) && n.push(r);
 	}), n;
 }
-var V = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\u3000-\u303f\uff00-\uffef]/u;
-function H(e) {
+var U = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\u3000-\u303f\uff00-\uffef]/u;
+function W(e) {
 	let t = 0;
-	for (let n of e) t += V.test(n) ? 1 : /\p{Lu}/u.test(n) ? .8 : /\p{Ll}/u.test(n) ? .6 : /\p{Nd}/u.test(n) ? .66 : /\s/.test(n) ? .3 : .4;
-	return t * J.label.fontSize;
+	for (let n of e) t += U.test(n) ? 1 : /\p{Lu}/u.test(n) ? .8 : /\p{Ll}/u.test(n) ? .6 : /\p{Nd}/u.test(n) ? .66 : /\s/.test(n) ? .3 : .4;
+	return t * X.label.fontSize;
 }
-var U = 8;
-function W(e, t) {
+var G = 8;
+function K(e, t) {
 	let n = e.map((e) => {
-		let n = H(e.label), r = e.at - n / 2 < 0 ? "start" : e.at + n / 2 > t ? "end" : "middle", i = r === "start" ? Math.max(e.at, 0) : e.at, a = r === "start" ? i : r === "end" ? i - n : i - n / 2;
+		let n = W(e.label), r = e.at - n / 2 < 0 ? "start" : e.at + n / 2 > t ? "end" : "middle", i = r === "start" ? Math.max(e.at, 0) : e.at, a = r === "start" ? i : r === "end" ? i - n : i - n / 2;
 		return {
 			key: e.key,
 			x: i,
@@ -274,7 +278,7 @@ function W(e, t) {
 			left: a,
 			right: a + n
 		};
-	}), r = (e, t) => !e || !t || e.right + U <= t.left;
+	}), r = (e, t) => !e || !t || e.right + G <= t.left;
 	n.length > 2 && !r(n[0], n[1]) && n.splice(1, 1), n.length > 2 && !r(n[n.length - 2], n[n.length - 1]) && n.splice(n.length - 2, 1);
 	let i = [];
 	for (let e of n) r(i[i.length - 1], e) && i.push(e);
@@ -285,13 +289,13 @@ function W(e, t) {
 		label: r
 	}));
 }
-function G(e, t, n = {
+function q(e, t, n = {
 	start: Infinity,
 	end: Infinity
 }, r) {
 	let i = e.length;
 	if (i === 0) return [];
-	let a = (r) => H(e[r]) / 2 <= Math.min(n.start + r * t, n.end + (i - 1 - r) * t) + 1e-6, o = Math.max(48, Math.max(...e.map(H)) + 16), s = t > 0 ? Math.max(1, Math.ceil(o / t - 1e-6)) : i, c = r && r.length === i ? B(r) : [], l = s;
+	let a = (r) => W(e[r]) / 2 <= Math.min(n.start + r * t, n.end + (i - 1 - r) * t) + 1e-6, o = Math.max(48, Math.max(...e.map(W)) + 16), s = t > 0 ? Math.max(1, Math.ceil(o / t - 1e-6)) : i, c = r && r.length === i ? H(r) : [], l = s;
 	for (let e = s; s > 1 && e <= s * 2; e++) if (c.every((t) => (t - c[0]) % e === 0)) {
 		l = e;
 		break;
@@ -310,14 +314,15 @@ function G(e, t, n = {
 	for (let e = d; e < i; e += l) a(e) && f.push(e);
 	return f;
 }
-function K({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }) {
-	let s = t();
-	return /* @__PURE__ */ u("ul", {
+var J = /* @__PURE__ */ s(function({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }, s) {
+	let c = t();
+	return /* @__PURE__ */ p("ul", {
+		ref: s,
 		className: "flex flex-wrap items-center gap-4",
-		"aria-label": s("chartLegend.label", "Legend"),
+		"aria-label": c("chartLegend.label", "Legend"),
 		children: n.map((t) => {
 			let n = r?.has(t.id);
-			return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d(i ? "button" : "span", {
+			return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m(i ? "button" : "span", {
 				...i ? {
 					type: "button",
 					"aria-pressed": !n,
@@ -329,13 +334,13 @@ function K({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }
 				onBlur: () => a?.(null),
 				className: e("inline-flex h-28 items-center gap-8 rounded-pill px-10 text-small font-medium transition-control", i && "relative cursor-pointer hover:bg-fill-1 focus-ring tap-target", n ? "text-fg-tertiary" : "text-fg"),
 				children: [
-					/* @__PURE__ */ u(F, {
+					/* @__PURE__ */ p(L, {
 						color: t.color,
 						shape: o,
 						off: n
 					}),
 					t.label,
-					t.value !== void 0 && /* @__PURE__ */ u("span", {
+					t.value !== void 0 && /* @__PURE__ */ p("span", {
 						className: "text-fg-secondary tabular",
 						children: t.value
 					})
@@ -343,47 +348,47 @@ function K({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }
 			}) }, t.id);
 		})
 	});
-}
-process.env.NODE_ENV !== "production" && (K.displayName = "Legend");
-function q({ x: t, xLeft: n = t, y: r, width: i, heading: a, rows: o, visible: f }) {
-	let p = c(null), [m, h] = l(0);
-	s(() => {
-		let e = p.current?.offsetWidth ?? 0;
-		e !== m && h(e);
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "Legend");
+var Y = /* @__PURE__ */ s(function({ x: t, xLeft: n = t, y: i, width: a, heading: o, rows: s, visible: c }, h) {
+	let g = d(null), _ = u(() => r(g, h), [h]), [v, y] = f(0);
+	l(() => {
+		let e = g.current?.offsetWidth ?? 0;
+		e !== v && y(e);
 	}, [
-		m,
-		a,
+		v,
 		o,
-		f
+		s,
+		c
 	]);
-	let g = t > i / 2, _ = g ? n - 16 - m : t + 16, v = m ? Math.round(Math.max(0, Math.min(_, i - m))) : void 0;
-	return /* @__PURE__ */ d("div", {
-		ref: p,
+	let b = t > a / 2, x = b ? n - 16 - v : t + 16, S = v ? Math.round(Math.max(0, Math.min(x, a - v))) : void 0;
+	return /* @__PURE__ */ m("div", {
+		ref: _,
 		role: "presentation",
 		"aria-hidden": !0,
-		className: e("pointer-events-none absolute z-10 w-max min-w-200 max-w-360 rounded-tooltip bg-raised p-10 text-small shadow-raised opacity-motion", f && m ? "opacity-100" : "opacity-0"),
+		className: e("pointer-events-none absolute z-10 w-max min-w-200 max-w-360 rounded-tooltip bg-raised p-10 text-small shadow-raised opacity-motion", c && v ? "opacity-100" : "opacity-0"),
 		style: {
-			...v === void 0 ? g ? { right: Math.round(i - n + 16) } : { left: Math.round(t + 16) } : { left: v },
-			top: Math.round(Math.max(0, r - 24))
+			...S === void 0 ? b ? { right: Math.round(a - n + 16) } : { left: Math.round(t + 16) } : { left: S },
+			top: Math.round(Math.max(0, i - 24))
 		},
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "mb-6 text-caption font-medium text-fg tabular",
-			children: a
-		}), /* @__PURE__ */ u("div", {
+			children: o
+		}), /* @__PURE__ */ p("div", {
 			className: "flex flex-col gap-4",
-			children: o.map((e) => /* @__PURE__ */ d("div", {
+			children: s.map((e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-8",
 				children: [
-					/* @__PURE__ */ u(F, { color: e.color }),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ p(L, { color: e.color }),
+					/* @__PURE__ */ p("span", {
 						className: "min-w-0 flex-1 truncate pr-12 text-fg-secondary",
 						children: e.label
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ p("span", {
 						className: "font-medium text-fg tabular",
 						children: e.value
 					}),
-					e.share !== void 0 && /* @__PURE__ */ u("span", {
+					e.share !== void 0 && /* @__PURE__ */ p("span", {
 						className: "w-40 text-right text-fg-tertiary tabular",
 						children: e.share
 					})
@@ -391,9 +396,9 @@ function q({ x: t, xLeft: n = t, y: r, width: i, heading: a, rows: o, visible: f
 			}, e.id))
 		})]
 	});
-}
-process.env.NODE_ENV !== "production" && (q.displayName = "ChartTooltip");
-var J = {
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "ChartTooltip");
+var X = {
 	grid: {
 		stroke: "var(--k-line)",
 		strokeDasharray: "3 3",
@@ -409,8 +414,8 @@ var J = {
 		fontWeight: 500,
 		style: { fontVariantNumeric: "tabular-nums" }
 	}
-}, Y = { chrome: { default: { classes: "" } } }, X = { chrome: "default" };
-function Z(e, t, n, { vertical: r = !1, start: i = n - 1 } = {}) {
+}, Z = { chrome: { default: { classes: "" } } }, ne = { chrome: "default" };
+function Q(e, t, n, { vertical: r = !1, start: i = n - 1 } = {}) {
 	if (n <= 0) return;
 	let a = r ? "ArrowUp" : "ArrowLeft", o = r ? "ArrowDown" : "ArrowRight";
 	if (e === a) return t === null ? i : Math.max(0, t - 1);
@@ -419,8 +424,8 @@ function Z(e, t, n, { vertical: r = !1, start: i = n - 1 } = {}) {
 	if (e === "End") return n - 1;
 	if (e === "Escape") return t === null ? void 0 : null;
 }
-function Q(e, t = {}) {
-	let [n, r] = l(null), i = t.start ?? e - 1;
+function re(e, t = {}) {
+	let [n, r] = f(null), i = t.start ?? e - 1;
 	return {
 		index: n !== null && n < e ? n : null,
 		props: {
@@ -435,7 +440,7 @@ function Q(e, t = {}) {
 			},
 			onBlur: () => r(null),
 			onKeyDown: (a) => {
-				let o = Z(a.key, n, e, {
+				let o = Q(a.key, n, e, {
 					vertical: !!t.vertical,
 					start: i
 				});
@@ -444,16 +449,17 @@ function Q(e, t = {}) {
 		}
 	};
 }
-function $({ children: e }) {
-	return /* @__PURE__ */ u("div", {
+var $ = /* @__PURE__ */ s(function({ children: e }, t) {
+	return /* @__PURE__ */ p("div", {
+		ref: t,
 		className: "sr-only",
 		"aria-live": "polite",
 		"aria-atomic": !0,
 		children: e
 	});
-}
+});
 process.env.NODE_ENV !== "production" && ($.displayName = "ChartLive");
-var te = (e, t, r = n) => r("chart.liveLine", "{heading}: {values}", {
+var ie = (e, t, r = n) => r("chart.liveLine", "{heading}: {values}", {
 	heading: String(e),
 	values: t.map((e) => r("chart.liveValue", "{label} {value}", {
 		label: String(e.label),
@@ -461,6 +467,6 @@ var te = (e, t, r = n) => r("chart.liveLine", "{heading}: {values}", {
 	})).join(r("chart.listSeparator", ", "))
 });
 //#endregion
-export { h as A, w as C, D, Q as E, j as O, I as S, A as T, W as _, X as a, S as b, F as c, _ as d, x as f, te as g, H as h, q as i, B as j, M as k, T as l, Z as m, N as n, Y as o, G as p, $ as r, K as s, J as t, g as u, L as v, E as w, b as x, C as y };
+export { v as A, D as C, te as D, re as E, N as O, R as S, M as T, K as _, ne as a, T as b, L as c, b as d, w as f, ie as g, W as h, Y as i, H as j, P as k, O as l, Q as m, F as n, Z as o, q as p, $ as r, J as s, X as t, y as u, z as v, ee as w, C as x, E as y };
 
-//# sourceMappingURL=core-Bl9NrBLS.js.map
+//# sourceMappingURL=core-BYns5ytV.js.map