@cloudvoyant/helix 0.16.0 → 0.17.0

package/dist/index.js

@@ -807,6 +807,314 @@ async function renderMermaidSource(code) {
   const { svg } = await mermaid.render(`helix-mmd-${Date.now()}-${mermaidSeq++}`, code);
   return svg;
 }
+
+// src/clipboard.ts
+var clipboardTriggerBase = "inline-flex h-7 w-7 shrink-0 items-center justify-center gap-1.5 rounded-md text-xs text-muted-foreground transition-colors hover:bg-background hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5 [&_svg]:shrink-0";
+
+// src/radio-group.ts
+var radioGroupRootBase = "flex flex-col gap-2";
+var radioGroupItemControlBase = "relative inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-input bg-transparent shadow-xs transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 focus-visible:ring-offset-1 focus-visible:ring-offset-background data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 data-[state=checked]:border-primary data-[state=checked]:text-primary disabled:pointer-events-none disabled:opacity-50";
+var radioGroupItemTextBase = "select-none text-sm font-medium leading-none";
+
+// src/notice.ts
+import { cva as cva16 } from "class-variance-authority";
+var noticeVariants = cva16(
+  "not-prose relative my-4 grid w-full items-center gap-y-0.5 rounded-lg border px-3 py-2.5 text-sm grid-cols-[0_1fr] has-[>svg]:grid-cols-[calc(var(--spacing)*3)_1fr] has-[>svg]:gap-x-2.5 [&>svg]:size-4",
+  {
+    variants: {
+      variant: {
+        none: "bg-card text-card-foreground",
+        info: "border-info/30 bg-info/5 [&>svg]:text-info",
+        success: "border-success/30 bg-success/5 [&>svg]:text-success",
+        warning: "border-warn/30 bg-warn/5 [&>svg]:text-warn",
+        error: "border-danger/30 bg-danger/5 [&>svg]:text-danger"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+var noticeTitleBase = "col-start-2 min-h-4 font-semibold tracking-tight";
+var noticeDescriptionBase = "col-start-2 text-sm text-foreground [&_p]:leading-relaxed";
+
+// src/figure.ts
+var figureRootBase = "not-prose my-4 flex flex-col items-center";
+var figureImageBase = "rounded-lg border border-border";
+var figureCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+
+// src/reveal.ts
+var revealRootBase = "not-prose my-4 overflow-hidden rounded-lg border border-border bg-muted/40";
+var revealTriggerBase = "flex w-full cursor-pointer items-center gap-2 px-3 py-2.5 text-sm font-semibold";
+var revealChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 data-[state=open]:rotate-90";
+var revealContentBase = "border-t border-border px-3 py-2.5 text-sm text-foreground";
+
+// src/prevnext.ts
+var prevNextRootBase = "not-prose mt-8 flex flex-col gap-3 border-t border-border pt-6 sm:flex-row sm:justify-between";
+var prevNextLinkBase = "group flex min-w-0 flex-1 flex-col rounded-lg border border-border px-4 py-3 no-underline transition-colors hover:border-primary";
+var prevNextLinkNextBase = "items-end text-right";
+var prevNextDirectionBase = "text-xs font-medium text-muted-foreground";
+var prevNextTitleBase = "truncate text-sm font-medium text-foreground transition-colors group-hover:text-primary";
+var prevNextSpacerBase = "flex-1";
+
+// src/latex.ts
+import katex from "katex";
+var latexRootBase = "not-prose";
+var latexDisplayBase = "my-4 block w-full overflow-x-auto py-1";
+var latexInlineBase = "inline-block align-middle";
+var latexErrorBase = "font-mono text-sm text-destructive";
+function toLaTeX(latex, opts) {
+  return katex.renderToString(latex, {
+    displayMode: opts?.displayMode ?? false,
+    throwOnError: false,
+    strict: false
+  });
+}
+
+// src/code-block.ts
+var codeBlockRootBase = "not-prose my-4 overflow-hidden rounded-lg border";
+var codeBlockHeaderBase = "flex h-10 items-center justify-between gap-2 border-b bg-muted/50 px-4";
+var codeBlockHeaderInfoBase = "flex min-w-0 items-center gap-2 text-muted-foreground";
+var codeBlockTitleBase = "min-w-0 truncate font-mono text-xs";
+var codeBlockBodyBase = "hx-cb relative overflow-x-auto bg-background";
+var codeBlockBodyScrollableBase = "overflow-y-auto";
+var codeBlockContentBase = "text-sm [&>pre]:p-4 [&_.line]:leading-[1.7]";
+var codeBlockLineNumbersBase = "cbln";
+var codeBlockHighlightBase = "cbhl";
+var codeBlockLoadingBase = "flex h-16 items-center justify-center";
+var codeBlockSpinnerBase = "h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent";
+var codeBlockCopyFloatBase = "absolute right-2 top-2";
+var CODE_BLOCK_STYLES = `
+.hx-cb pre.shiki{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
+.hx-cb pre.shiki code{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}
+:root.dark .hx-cb .shiki,
+:root.dark .hx-cb .shiki span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}
+.hx-cb .cbln code{counter-reset:line;counter-increment:line 0}
+.hx-cb .cbln .line::before{content:counter(line);counter-increment:line;display:inline-block;min-width:1.5rem;padding-right:.75rem;margin-right:1rem;text-align:right;font-size:.75rem;line-height:1.7;user-select:none;color:color-mix(in srgb,var(--muted-foreground,#888) 55%,transparent)}
+.hx-cb .cbhl .line-highlighted{display:block;background-color:oklch(0.828 0.189 84.429/.12);border-left:2px solid oklch(0.769 0.188 70.08);margin:0 -1rem;padding:0 1rem}
+`;
+function injectCodeBlockStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("hx-code-block")) return;
+  const el = document.createElement("style");
+  el.id = "hx-code-block";
+  el.textContent = CODE_BLOCK_STYLES;
+  document.head.appendChild(el);
+}
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function plaintextFallback(code) {
+  const lines = code.split("\n").map((l) => `<span class="line">${escapeHtml(l)}</span>`).join("\n");
+  return `<pre class="shiki" tabindex="-1"><code>${lines}</code></pre>`;
+}
+async function renderCodeToHtml(code, language, highlightLines) {
+  injectCodeBlockStyles();
+  try {
+    const { codeToHtml } = await import("shiki/bundle/full");
+    return await codeToHtml(code, {
+      lang: language,
+      themes: { light: "github-light", dark: "github-dark" },
+      tabindex: false,
+      transformers: [
+        {
+          pre(node) {
+            if (node.properties?.["style"]) {
+              node.properties["style"] = node.properties["style"].replace(/background-color:\s*[^;]+;?\s*/gi, "").replace(/--shiki-dark-bg:\s*[^;]+;?\s*/gi, "");
+            }
+          },
+          line(node, line) {
+            if (highlightLines?.includes(line)) {
+              this.addClassToHast(node, "line-highlighted");
+            }
+          }
+        }
+      ]
+    });
+  } catch {
+    return plaintextFallback(code);
+  }
+}
+
+// src/manim.ts
+var manimRootBase = "not-prose my-4";
+var manimContainerBase = "relative w-full overflow-hidden rounded-lg border border-border [&_canvas]:!h-auto [&_canvas]:!max-w-full";
+var manimPlaceholderBase = "flex w-full items-center justify-center bg-muted/40";
+var manimPlaceholderLabelBase = "text-sm text-muted-foreground";
+var manimErrorBase = "flex items-center justify-center border-destructive/50 bg-destructive/5 p-6 text-sm text-destructive";
+var manimCaptionBase = "mt-2 text-center text-sm text-muted-foreground";
+
+// src/youtube.ts
+var youtubeRootBase = "not-prose my-4";
+var youtubeTitleBase = "mb-2 text-lg font-semibold text-foreground";
+var youtubeFacadeBase = "group relative aspect-video w-full cursor-pointer overflow-hidden rounded-md border border-border bg-muted/40";
+var youtubePlayButtonBase = "absolute inset-0 flex items-center justify-center";
+var youtubePlayButtonInnerBase = "flex items-center justify-center rounded-xl bg-red-600 px-4 py-2 text-white shadow-lg transition-transform group-hover:scale-105";
+var youtubeDescriptionBase = "mt-2 text-sm text-muted-foreground";
+var youtubeChaptersBase = "group mt-3 rounded-lg border border-border bg-muted/40";
+var youtubeChaptersSummaryBase = "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 text-sm font-medium [&::-webkit-details-marker]:hidden";
+var youtubeChaptersChevronBase = "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-90";
+var youtubeChaptersListBase = "border-t border-border px-2 py-2";
+var youtubeChapterButtonBase = "inline-flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+var youtubeChapterTimeBase = "font-mono text-xs text-primary";
+var youtubeChapterLabelBase = "text-foreground";
+function extractYouTubeId(raw) {
+  try {
+    const url = new URL(raw);
+    const v = url.searchParams.get("v");
+    if (v) return v;
+    if (url.hostname === "youtu.be") return url.pathname.slice(1);
+  } catch {
+  }
+  return raw;
+}
+function formatTime(seconds) {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  const s = Math.floor(seconds % 60);
+  const mm = String(m).padStart(2, "0");
+  const ss = String(s).padStart(2, "0");
+  return h > 0 ? `${h}:${mm}:${ss}` : `${mm}:${ss}`;
+}
+var TIMESTAMP_RE = /^\s*\[?\(?(?:(\d+):)?(\d{1,2}):(\d{2})\)?\]?\s+(\S.*)$/;
+function parseYouTubeChapters(description) {
+  return description.split("\n").map((line) => {
+    const m = TIMESTAMP_RE.exec(line);
+    if (!m) return null;
+    const hours = m[1] ? Number(m[1]) : 0;
+    const t = hours * 3600 + Number(m[2]) * 60 + Number(m[3]);
+    return { t, label: m[4] };
+  }).filter((c) => c !== null);
+}
+async function fetchYouTubeMetadata(url) {
+  const videoId = extractYouTubeId(url);
+  const res = await fetch(
+    `https://noembed.com/embed?url=${encodeURIComponent(`https://www.youtube.com/watch?v=${videoId}`)}`
+  );
+  if (!res.ok) return {};
+  const data = await res.json();
+  return { title: data.title, description: data.description };
+}
+
+// src/chart.ts
+import {
+  barY,
+  areaY,
+  colorLegend,
+  defineChart,
+  lineY,
+  createChartRuntime,
+  renderChartSvg
+} from "@tanstack/charts";
+import { pie, polar, radialArc } from "@tanstack/charts/polar";
+import { scaleLinear } from "@tanstack/charts/scales/linear";
+import { scaleOrdinal } from "@tanstack/charts/scales/ordinal";
+import { scalePoint } from "@tanstack/charts/scales/point";
+import { tooltip } from "@tanstack/charts/tooltip";
+var chartRootBase = "not-prose my-4";
+var chartPlaceholderBase = "flex items-center justify-center rounded-md border border-border bg-muted/40";
+var chartPlaceholderLabelBase = "text-sm text-muted-foreground";
+function defaultChartColor(index) {
+  return `var(--chart-${index % 5 + 1})`;
+}
+var COLOR_TOKENS = ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
+function buildChartDefinition(props) {
+  const {
+    type,
+    data,
+    series,
+    xKey = "name",
+    nameKey = "name",
+    showLegend = true,
+    showGrid = true,
+    showAxis = true
+  } = props;
+  const colors = series.map((s, i) => s.color ?? COLOR_TOKENS[i % COLOR_TOKENS.length]);
+  if (type === "pie") {
+    const valueKey = series[0]?.key ?? "value";
+    const slices = pie(data, { value: valueKey });
+    const pieColors = data.map((_, i) => series[0]?.color ?? COLOR_TOKENS[i % COLOR_TOKENS.length]);
+    const spec2 = {
+      marks: [
+        polar({
+          scales: { angle: null, radius: null },
+          radiusRatio: 0.82,
+          marks: [radialArc(slices, { color: nameKey, key: nameKey, cornerRadius: 3 })]
+        })
+      ],
+      scales: { x: null, y: null },
+      color: {
+        domain: data.map((d) => String(d[nameKey])),
+        range: pieColors,
+        legend: showLegend ? colorLegend({}) : void 0
+      },
+      tooltip
+    };
+    return defineChart(spec2);
+  }
+  const rows = data.flatMap(
+    (row) => series.map((s) => ({
+      ...row,
+      _series: s.label ?? s.key,
+      _value: Number(row[s.key])
+    }))
+  );
+  const markOpts = { x: xKey, y: "_value", z: "_series" };
+  const mark = type === "bar" ? barY(rows, { ...markOpts, fillOpacity: 0.85 }) : type === "area" ? areaY(rows, { ...markOpts, fillOpacity: 0.15 }) : lineY(rows, { ...markOpts, strokeWidth: 2 });
+  const spec = {
+    marks: [mark],
+    scales: {
+      x: { scale: () => scalePoint().padding(0.4), axis: showAxis ? {} : void 0 },
+      y: {
+        scale: scaleLinear,
+        nice: true,
+        grid: showGrid,
+        axis: showAxis ? { ticks: { count: 5 } } : void 0
+      }
+    },
+    color: {
+      scale: () => scaleOrdinal().range(colors),
+      domain: series.map((s) => s.label ?? s.key),
+      legend: showLegend ? colorLegend({}) : void 0
+    },
+    tooltip
+  };
+  return defineChart(spec);
+}
+function renderChartSvgString(props, opts = {}) {
+  const { width = 720, height = props.height ?? 400, ariaLabel = "Chart" } = opts;
+  const definition = buildChartDefinition(props);
+  const runtime = createChartRuntime();
+  try {
+    const scene = runtime.render(definition, { width, height });
+    return renderChartSvg(scene, { ariaLabel, idPrefix: "hx-chart" });
+  } finally {
+    runtime.destroy();
+  }
+}
+
+// src/question.ts
+var questionCardBase = "not-prose my-4 rounded-lg border border-border bg-card p-4";
+var questionPromptBase = "mb-3 text-sm font-medium text-foreground";
+var questionGroupBase = "grid gap-2";
+var questionOptionBase = "rounded-md px-3 py-2 transition-colors hover:bg-muted/60";
+var questionOptionCorrectBase = "bg-success/10";
+var questionOptionIncorrectBase = "bg-destructive/10";
+var questionCheckButtonBase = "mt-3 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+var questionInputBase = "h-9 w-32 rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50";
+var questionUnitBase = "text-sm text-muted-foreground";
+var feedbackCorrectBase = "text-success";
+var feedbackIncorrectBase = "text-destructive";
+var feedbackExplanationBase = "mt-1.5 text-sm text-muted-foreground";
+var quizRootBase = "not-prose my-6 rounded-lg border border-border bg-card/50 p-4";
+var quizHeaderBase = "mb-4 flex items-center justify-between gap-3";
+var quizTitleBase = "text-base font-semibold text-foreground";
+var quizScoreBase = "inline-flex items-center rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground";
+var quizResultBase = "mt-4 rounded-lg border border-border bg-muted/40 p-4";
+var quizResultTitleBase = "text-lg font-semibold text-foreground";
+var quizResultTextBase = "mt-1 text-sm text-muted-foreground";
+var quizSubmitButtonBase = "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+var quizResetButtonBase = "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
 export {
   SIDEBAR_KEYBOARD_SHORTCUT,
   SIDEBAR_WIDTH,
@@ -815,6 +1123,7 @@ export {
   THEMES,
   THEME_NAMES,
   badgeVariants,
+  buildChartDefinition,
   buttonVariants,
   cardBodyBase,
   cardCoverVariants,
@@ -824,11 +1133,27 @@ export {
   cardTitleBase,
   cardVariants,
   centerBase,
+  chartPlaceholderBase,
+  chartPlaceholderLabelBase,
+  chartRootBase,
   checkboxGroupBase,
   checkboxIndicatorBase,
   checkboxLabelBase,
   checkboxVariants,
+  clipboardTriggerBase,
   cn,
+  codeBlockBodyBase,
+  codeBlockBodyScrollableBase,
+  codeBlockContentBase,
+  codeBlockCopyFloatBase,
+  codeBlockHeaderBase,
+  codeBlockHeaderInfoBase,
+  codeBlockHighlightBase,
+  codeBlockLineNumbersBase,
+  codeBlockLoadingBase,
+  codeBlockRootBase,
+  codeBlockSpinnerBase,
+  codeBlockTitleBase,
   colBase,
   comboboxClearTriggerBase,
   comboboxContentBase,
@@ -842,6 +1167,7 @@ export {
   comboboxPositionerBase,
   comboboxTriggerBase,
   containerBase,
+  defaultChartColor,
   dialogBackdropBase,
   dialogCloseTriggerBase,
   dialogContentBase,
@@ -853,6 +1179,11 @@ export {
   dialogHeaderStickyBase,
   dialogPositionerBase,
   dialogTitleBase,
+  extractYouTubeId,
+  feedbackCorrectBase,
+  feedbackExplanationBase,
+  feedbackIncorrectBase,
+  fetchYouTubeMetadata,
   fieldErrorBase,
   fieldHelperBase,
   fieldLabelBase,
@@ -862,9 +1193,24 @@ export {
   fieldsetHelperBase,
   fieldsetLegendBase,
   fieldsetRootBase,
+  figureCaptionBase,
+  figureImageBase,
+  figureRootBase,
+  formatTime,
   hstackBase,
+  injectCodeBlockStyles,
   inputVariants,
   itemVariants,
+  latexDisplayBase,
+  latexErrorBase,
+  latexInlineBase,
+  latexRootBase,
+  manimCaptionBase,
+  manimContainerBase,
+  manimErrorBase,
+  manimPlaceholderBase,
+  manimPlaceholderLabelBase,
+  manimRootBase,
   mermaidLoadingBase,
   mermaidRootBase,
   mermaidSourceBase,
@@ -899,6 +1245,9 @@ export {
   navbarShrunkBase,
   navbarTriggerVariants,
   navbarVariants,
+  noticeDescriptionBase,
+  noticeTitleBase,
+  noticeVariants,
   numberInputControlBase,
   numberInputInputBase,
   numberInputRootBase,
@@ -914,6 +1263,7 @@ export {
   paginationItemBase,
   paginationRootBase,
   paginationTriggerBase,
+  parseYouTubeChapters,
   popoverArrowBase,
   popoverCloseTriggerBase,
   popoverContentBase,
@@ -921,8 +1271,41 @@ export {
   popoverIndicatorBase,
   popoverPositionerBase,
   popoverTitleBase,
+  prevNextDirectionBase,
+  prevNextLinkBase,
+  prevNextLinkNextBase,
+  prevNextRootBase,
+  prevNextSpacerBase,
+  prevNextTitleBase,
+  questionCardBase,
+  questionCheckButtonBase,
+  questionGroupBase,
+  questionInputBase,
+  questionOptionBase,
+  questionOptionCorrectBase,
+  questionOptionIncorrectBase,
+  questionPromptBase,
+  questionUnitBase,
+  quizHeaderBase,
+  quizResetButtonBase,
+  quizResultBase,
+  quizResultTextBase,
+  quizResultTitleBase,
+  quizRootBase,
+  quizScoreBase,
+  quizSubmitButtonBase,
+  quizTitleBase,
+  radioGroupItemControlBase,
+  radioGroupItemTextBase,
+  radioGroupRootBase,
+  renderChartSvgString,
+  renderCodeToHtml,
   renderMermaidSource,
   resolveMermaidThemeVariables,
+  revealChevronBase,
+  revealContentBase,
+  revealRootBase,
+  revealTriggerBase,
   rowBase,
   scrollContentBase,
   scrollCornerBase,
@@ -968,6 +1351,7 @@ export {
   tagsInputItemTextBase,
   tagsInputRootBase,
   textareaBase,
+  toLaTeX,
   toggleButtonVariants,
   tooltipArrowBase,
   tooltipContentBase,
@@ -982,5 +1366,18 @@ export {
   windowPositionerBase,
   windowResizeTriggerBase,
   windowStageTriggerBase,
-  windowTitleBase
+  windowTitleBase,
+  youtubeChapterButtonBase,
+  youtubeChapterLabelBase,
+  youtubeChapterTimeBase,
+  youtubeChaptersBase,
+  youtubeChaptersChevronBase,
+  youtubeChaptersListBase,
+  youtubeChaptersSummaryBase,
+  youtubeDescriptionBase,
+  youtubeFacadeBase,
+  youtubePlayButtonBase,
+  youtubePlayButtonInnerBase,
+  youtubeRootBase,
+  youtubeTitleBase
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudvoyant/helix",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "helix shared component interfaces, cva variants, and theme",
   "license": "MIT",
   "type": "module",
@@ -29,21 +29,31 @@
     "access": "public"
   },
   "dependencies": {
+    "@tanstack/charts": "^0.16.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "katex": "^0.16.11",
     "tailwind-merge": "^3.6.0"
   },
   "peerDependencies": {
-    "mermaid": "^11.16.0"
+    "mermaid": "^11.16.0",
+    "shiki": "^3.0.0"
   },
   "peerDependenciesMeta": {
     "mermaid": {
       "optional": true
+    },
+    "shiki": {
+      "optional": true
     }
   },
   "devDependencies": {
+    "@types/katex": "^0.16.8",
     "@types/node": "^22.0.0",
+    "katex": "^0.16.11",
+    "manim-web": "^0.3.24",
     "mermaid": "^11.16.0",
+    "shiki": "^3.0.0",
     "vitest": "^2.0.0"
   },
   "scripts": {

package/src/theme.css

@@ -78,7 +78,7 @@
   --success-foreground: oklch(0.985 0 0);
   --danger: oklch(0.577 0.245 27.325);
   --danger-foreground: oklch(0.985 0 0);
-  --warn: oklch(0.85 0.15 95);
+  --warn: oklch(0.65 0.17 70);
   --warn-foreground: oklch(0.2 0.04 95);
   --info: oklch(0.55 0.22 256);
   --info-foreground: oklch(0.985 0 0);
@@ -128,7 +128,7 @@
   --success-foreground: oklch(0.12 0.02 149);
   --danger: oklch(0.704 0.191 22.216);
   --danger-foreground: oklch(0.985 0 0);
-  --warn: oklch(0.78 0.13 95);
+  --warn: oklch(0.72 0.15 70);
   --warn-foreground: oklch(0.15 0.03 95);
   --info: oklch(0.62 0.22 256);
   --info-foreground: oklch(0.12 0.03 256);