@theokit/ui 0.13.0

package/dist/index.js

@@ -0,0 +1,1338 @@
+export { ProjectCard } from './chunk-DN5BUDBI.js';
+export { RollbackUI } from './chunk-TSZ5DEAT.js';
+export { RuleEditor } from './chunk-C55VUQ7N.js';
+export { SkillEditor } from './chunk-N2HJ3SLS.js';
+export { SkillsList } from './chunk-4AM2HSXU.js';
+export { StabilityBundleViewer } from './chunk-LKRNUSKZ.js';
+export { TaskHeader } from './chunk-FAWPRZTM.js';
+export { UsageMeter } from './chunk-DKCRLN35.js';
+export { DeploymentRow } from './chunk-QDAF3LP7.js';
+export { DomainConfig } from './chunk-X7VIMKLD.js';
+export { EnvVarEditor } from './chunk-5TY3NYF5.js';
+export { MCPServerList } from './chunk-76YWTIWK.js';
+export { PageShell } from './chunk-QTLQZ7OJ.js';
+export { PermissionModal } from './chunk-D4GEAV4C.js';
+export { PreviewEnvCard } from './chunk-Y72IP43U.js';
+export { PreviewPanel } from './chunk-OAKCXT35.js';
+import './chunk-ZXPDS6DH.js';
+export { CodeBlock } from './chunk-QGVIGNJ3.js';
+export { CommandPalette } from './chunk-ZU6IM6PK.js';
+export { ConfirmDialog } from './chunk-4WKO3G5C.js';
+export { CronJobsList } from './chunk-LQ4B5X4Y.js';
+export { DataTable } from './chunk-JJ65ZI4P.js';
+export { TooltipWithStatics as Tooltip } from './chunk-GBG3I5I5.js';
+export { TopNav } from './chunk-4D3JILQX.js';
+export { UpdateBanner } from './chunk-M6JIC5PU.js';
+export { AccountMenu } from './chunk-HRDRGZ2Y.js';
+export { AgentComposer } from './chunk-BMRZXT5T.js';
+export { ChatComposer } from './chunk-F5P5P2SC.js';
+export { AgentEditor } from './chunk-OYEZR4CN.js';
+export { ALL_MODES, MODE_LABEL } from './chunk-VM4RMQQN.js';
+export { AgentStream } from './chunk-HUOVA7SF.js';
+export { ApprovalCard } from './chunk-53XPKI7Q.js';
+export { ChatMessage, ChatMessageAction, ChatMessageActions, ChatMessageBranch, ChatMessageBranchContent, ChatMessageBranchNext, ChatMessageBranchPage, ChatMessageBranchPrevious, ChatMessageBranchSelector, ChatMessageContent, ChatMessageResponse, ChatMessageRoot, ChatMessageToolbar, DataPart, FilePart, ReasoningPart, SourceDocumentPart, SourceUrlPart, TextPart, ToolCallPart, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, renderPart } from './chunk-YEQQGYYO.js';
+import { safeHref } from './chunk-GDMCDW66.js';
+export { AgentTimeline } from './chunk-B4CQMQ64.js';
+export { ThinkingLevelSelector } from './chunk-4EJU2GBG.js';
+export { Timestamp } from './chunk-TUNVF45W.js';
+import { Toaster } from './chunk-Q5G5CGZ2.js';
+export { Toast, Toaster, useToast } from './chunk-Q5G5CGZ2.js';
+export { TokenUsageChart } from './chunk-ZZQQJX5Z.js';
+export { ToolCall } from './chunk-VTIRUCLZ.js';
+export { ToolCallCard } from './chunk-EO7LOXG2.js';
+export { ToolResult } from './chunk-56BJLFW7.js';
+export { ToolsList } from './chunk-ZKSMMLDP.js';
+export { SubAgentDispatch } from './chunk-KOJ7XOPZ.js';
+export { Switch } from './chunk-PRH4HKND.js';
+export { SystemPromptEditor } from './chunk-3QKTS6F5.js';
+export { Table } from './chunk-DZAAKHGZ.js';
+export { Tabs } from './chunk-ZVS2GOT2.js';
+export { TaskNode, TaskPlan } from './chunk-H6HSQCOW.js';
+export { TerminalPanel } from './chunk-6FVUPNPG.js';
+export { Textarea } from './chunk-OY2LJHMJ.js';
+export { Sheet, sheetVariants } from './chunk-3BMYYNN6.js';
+export { Sidebar } from './chunk-LJQOEGQ2.js';
+export { Skeleton } from './chunk-AHTVYOPQ.js';
+export { SkillCard } from './chunk-AJTJNHKK.js';
+export { SocialAuthRow } from './chunk-YYW6AEIT.js';
+export { StatTile } from './chunk-UAZOFC4W.js';
+export { StatusDot } from './chunk-QYAMLIG2.js';
+export { StepsRail } from './chunk-OUXESQ2R.js';
+export { RuleCard } from './chunk-WHFIQUCC.js';
+export { RunStats } from './chunk-3TBXLYNM.js';
+export { RunStatusPill } from './chunk-VT7VSYH5.js';
+export { RunningTasksPanel } from './chunk-YD6FLXBV.js';
+export { ScrollArea } from './chunk-QNUITYSY.js';
+export { Select } from './chunk-27ENTTY7.js';
+export { SessionListItem } from './chunk-LLL7QQ52.js';
+export { SessionTimeline } from './chunk-QSWVN3RT.js';
+export { PinInput } from './chunk-DC43CHAM.js';
+export { PlanBadge } from './chunk-NGZWBFTP.js';
+export { Progress } from './chunk-SA7ED3PN.js';
+export { ProgressChecklist } from './chunk-AX5EH73R.js';
+export { ProjectSwitcher } from './chunk-TR6NPSMX.js';
+export { QuickActionChips } from './chunk-6CO4LEXZ.js';
+export { RadioGroup } from './chunk-PSPAZJUQ.js';
+export { RecentFoldersList } from './chunk-4BCGKM65.js';
+export { MCPServerCard } from './chunk-36KJGXEK.js';
+export { MemoryEditor } from './chunk-KQTHJ22B.js';
+export { MentionMenu } from './chunk-REILH4XF.js';
+export { MetricsPanel } from './chunk-KRC43RZR.js';
+export { ModelCard, modelCapabilityPresets } from './chunk-PPBGGNPV.js';
+export { ModelSelector } from './chunk-HNTOGGVD.js';
+export { Pagination, computePageRange } from './chunk-VVBAEYKI.js';
+export { PermissionMatrix } from './chunk-AMT3CPMC.js';
+export { GatewayStatusIndicator } from './chunk-BYZ6OFH4.js';
+export { HOOK_EVENTS, HookConfig } from './chunk-KI7KZBSN.js';
+export { HookEventLog } from './chunk-M5G3O6H6.js';
+export { Input } from './chunk-B3VAJSZ2.js';
+export { IntentSelector } from './chunk-M3FSLEHQ.js';
+export { Label } from './chunk-DW34WXCG.js';
+export { LaneBoard } from './chunk-P6Y2PI6L.js';
+export { LoginSplit } from './chunk-FGYJ2WPX.js';
+export { Dialog } from './chunk-JRBGZ6NI.js';
+export { DiffViewer } from './chunk-S6SSK6QX.js';
+export { DropdownMenu } from './chunk-65NVO6TK.js';
+export { EmptyState } from './chunk-XJ3EG6XY.js';
+export { ExportChatDialog } from './chunk-X2DDPD3D.js';
+export { FolderContextCard } from './chunk-WPSESV5Z.js';
+export { FolderSelector } from './chunk-3OHV7EEI.js';
+export { FormField } from './chunk-EG6IHP3H.js';
+export { Checkbox } from './chunk-PA7TDXUQ.js';
+export { ContextCard } from './chunk-HQW2ABO4.js';
+export { ContextWindowBar } from './chunk-2Y5V2PAL.js';
+export { CopyButton } from './chunk-ZEVGXKRU.js';
+export { CostMeter } from './chunk-E67WQXBV.js';
+export { CreatedFilesCard } from './chunk-SIJOEM4N.js';
+export { CronJobCard } from './chunk-U4THNRV5.js';
+export { DangerZone } from './chunk-34NAFDVL.js';
+export { BranchIndicator } from './chunk-2H6TQELG.js';
+export { BrowserControls } from './chunk-6A5TPCKP.js';
+export { BuildLogStream } from './chunk-ITA3SNOR.js';
+export { Button, buttonVariants } from './chunk-5VOSCJKQ.js';
+export { CapabilityIndicator, capabilityPresets } from './chunk-TXOBNSQ5.js';
+export { Card } from './chunk-K45OO62F.js';
+export { ChannelCard } from './chunk-2L6MRJD4.js';
+export { ChatThread } from './chunk-XOT5HWSF.js';
+export { AgentStreaming } from './chunk-KDTKA667.js';
+export { Alert } from './chunk-DOLKDYMS.js';
+export { ArtifactPreview } from './chunk-OSD3U3HT.js';
+export { AttachmentChip } from './chunk-VQ37VLAS.js';
+export { AuditLogEntry } from './chunk-IYNUPG2G.js';
+export { AutoCompactNotice } from './chunk-U44DRLMM.js';
+export { Avatar, avatarVariants } from './chunk-SLOKAAH2.js';
+export { BadgeWithDot as Badge, badgeVariants } from './chunk-P57HUMAE.js';
+export { ActionBar } from './chunk-7EI7424P.js';
+export { AgentErrorCard } from './chunk-WXEXCHEN.js';
+export { AgentEvent } from './chunk-E4IRSSHO.js';
+export { AgentHandoff } from './chunk-55TDVDPG.js';
+export { AgentProfile } from './chunk-HDM4RCIF.js';
+export { AgentStartingState } from './chunk-5HOQLE6Y.js';
+import './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+export { cn } from './chunk-EWDN56AS.js';
+import { createContext, useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
+import { Palette, Check, Moon, Sun } from 'lucide-react';
+
+var DensityContext = createContext(void 0);
+var STYLE_ELEMENT_ID = "theo-ui-density-vars";
+var DENSITY_CSS = `[data-density="compact"]     { --theo-control-h: 2rem;    --theo-control-px: 0.75rem; }
+[data-density="comfortable"] { --theo-control-h: 2.25rem; --theo-control-px: 0.875rem; }
+[data-density="spacious"]    { --theo-control-h: 2.75rem; --theo-control-px: 1rem; }
+`;
+function injectDensityCss() {
+  if (typeof document === "undefined") return false;
+  if (document.getElementById(STYLE_ELEMENT_ID)) return false;
+  const style = document.createElement("style");
+  style.id = STYLE_ELEMENT_ID;
+  style.textContent = DENSITY_CSS;
+  document.head.appendChild(style);
+  return true;
+}
+function useDensity() {
+  const ctx = useContext(DensityContext);
+  if (!ctx) {
+    throw new Error("useDensity must be used inside <ThemeProvider>.");
+  }
+  return ctx;
+}
+var ThemeContext = createContext(void 0);
+var STYLE_ELEMENT_ID2 = "theo-ui-theme-vars";
+var COLOR_VALUE_PATTERN = /^(#[0-9a-fA-F]{3,8}|(?:oklch|oklab|rgb|rgba|hsl|hsla|lab|lch|color)\(\s*[\d.\s%,/+\-]+\s*\)|-?\d+(?:\.\d+)?%?(?:\s+-?\d+(?:\.\d+)?%?){1,3}|var\(--[a-zA-Z0-9-]+(?:\s*,\s*[^();{}]+)?\)|transparent|currentColor|inherit|initial|unset)$/;
+var FONT_FAMILY_PATTERN = /^[\w\s,"'\-.]+$/;
+var THEME_NAME_PATTERN = /^[a-z][a-z0-9-]*$/;
+var IS_DEV = typeof process === "undefined" || process.env.NODE_ENV !== "production";
+function rejectOrFallback(scope, value, fallback) {
+  if (IS_DEV) {
+    throw new Error(
+      `[@theokit/ui] invalid ${scope} value: ${JSON.stringify(value)}. Theme values must match the allowlist (see src/themes/theme-provider.tsx). Refusing to inject potentially unsafe CSS.`
+    );
+  }
+  return fallback;
+}
+function validatedColor(token, value) {
+  if (COLOR_VALUE_PATTERN.test(value)) return value;
+  return rejectOrFallback(`color "${token}"`, value, "transparent");
+}
+function validatedFontFamily(slot, value) {
+  if (FONT_FAMILY_PATTERN.test(value)) return value;
+  return rejectOrFallback(`fontFamily "${slot}"`, value, "inherit");
+}
+function validatedThemeName(value) {
+  if (THEME_NAME_PATTERN.test(value)) return value;
+  return rejectOrFallback("theme.name", value, "invalid-theme");
+}
+function colorScaleToCss(name, mode, colors) {
+  const safeName = validatedThemeName(name);
+  const selector = mode === "light" ? `[data-theme="${safeName}"]` : `[data-theme="${safeName}"].dark, [data-theme="${safeName}"][data-mode="dark"]`;
+  const decls = Object.entries(colors).map(([token, value]) => `  --${token}: ${validatedColor(token, value)};`).join("\n");
+  return `${selector} {
+${decls}
+}`;
+}
+function fontsToCss(name, fonts) {
+  const safeName = validatedThemeName(name);
+  const display = validatedFontFamily("display", fonts.display);
+  const body = validatedFontFamily("body", fonts.body);
+  const mono = validatedFontFamily("mono", fonts.mono);
+  return `[data-theme="${safeName}"] {
+  --font-display: ${display};
+  --font-body: ${body};
+  --font-mono: ${mono};
+}`;
+}
+function injectThemeCss(themes) {
+  if (typeof document === "undefined") return;
+  let style = document.getElementById(STYLE_ELEMENT_ID2);
+  if (!style) {
+    style = document.createElement("style");
+    style.id = STYLE_ELEMENT_ID2;
+    document.head.appendChild(style);
+  }
+  const blocks = [];
+  for (const theme of themes) {
+    blocks.push(fontsToCss(theme.name, theme.fonts));
+    blocks.push(colorScaleToCss(theme.name, "light", theme.light));
+    blocks.push(colorScaleToCss(theme.name, "dark", theme.dark));
+  }
+  style.textContent = blocks.join("\n\n");
+}
+function loadThemeFonts(theme) {
+  if (typeof document === "undefined") return;
+  if (!theme.fontUrls) return;
+  for (const url of theme.fontUrls) {
+    const safe2 = safeHref(url);
+    if (!safe2) continue;
+    if (document.head.querySelector(`link[rel="stylesheet"][href="${CSS.escape(safe2)}"]`)) {
+      continue;
+    }
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = safe2;
+    document.head.appendChild(link);
+  }
+}
+function warnStorageFailure(scope, err) {
+  if (typeof process === "undefined" || process.env.NODE_ENV === "production") return;
+  console.warn(`[@theokit/ui] theme storage failure (${scope}):`, err);
+}
+function ThemeProvider({
+  children,
+  defaultTheme = "violet-forge",
+  defaultMode = "dark",
+  themes: themesProp,
+  storageKey = "theo-ui:theme",
+  defaultDensity = "comfortable"
+}) {
+  if (!themesProp || themesProp.length === 0) {
+    throw new Error(
+      "<ThemeProvider> requires the `themes` prop with at least one Theme. Pass `themes={builtinThemes}` for the Violet Forge defaults (importable via the package barrel), or use <TheoUIProvider> which sets this for you."
+    );
+  }
+  const mergedThemes = useMemo(() => {
+    for (const t of themesProp) {
+      validatedThemeName(t.name);
+      validatedFontFamily("display", t.fonts.display);
+      validatedFontFamily("body", t.fonts.body);
+      validatedFontFamily("mono", t.fonts.mono);
+      for (const [token, value2] of Object.entries(t.light)) {
+        validatedColor(token, value2);
+      }
+      for (const [token, value2] of Object.entries(t.dark)) {
+        validatedColor(token, value2);
+      }
+    }
+    const map = /* @__PURE__ */ new Map();
+    for (const t of themesProp) map.set(t.name, t);
+    return Array.from(map.values());
+  }, [themesProp]);
+  const [themes, setThemes] = useState(mergedThemes);
+  useEffect(() => {
+    setThemes(mergedThemes);
+  }, [mergedThemes]);
+  const [themeName, setThemeName] = useState(defaultTheme);
+  const [mode, setModeState] = useState(defaultMode);
+  const [density, setDensityState] = useState(defaultDensity);
+  const skipFirstPersistRef = useRef(true);
+  useEffect(() => {
+    if (typeof window === "undefined" || !storageKey) return;
+    try {
+      const storedName = window.localStorage.getItem(`${storageKey}:name`);
+      const storedMode = window.localStorage.getItem(`${storageKey}:mode`);
+      const storedDensity = window.localStorage.getItem(`${storageKey}:density`);
+      if (storedName) setThemeName(storedName);
+      if (storedMode === "dark" || storedMode === "light") setModeState(storedMode);
+      if (storedDensity === "compact" || storedDensity === "comfortable" || storedDensity === "spacious") {
+        setDensityState(storedDensity);
+      }
+    } catch (err) {
+      warnStorageFailure("read theme + mode + density", err);
+    }
+  }, [storageKey]);
+  useEffect(() => {
+    injectThemeCss(themes);
+  }, [themes]);
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const active2 = themes.find((t) => t.name === themeName) ?? themes[0];
+    if (!active2) return;
+    document.documentElement.setAttribute("data-theme", active2.name);
+    document.documentElement.setAttribute("data-mode", mode);
+    document.documentElement.setAttribute("data-density", density);
+    document.documentElement.classList.toggle("dark", mode === "dark");
+    loadThemeFonts(active2);
+    injectDensityCss();
+  }, [themeName, mode, density, themes]);
+  useEffect(() => {
+    if (skipFirstPersistRef.current) {
+      skipFirstPersistRef.current = false;
+      return;
+    }
+    if (typeof window === "undefined" || !storageKey) return;
+    try {
+      window.localStorage.setItem(`${storageKey}:name`, themeName);
+      window.localStorage.setItem(`${storageKey}:mode`, mode);
+      window.localStorage.setItem(`${storageKey}:density`, density);
+    } catch (err) {
+      warnStorageFailure("persist theme + mode + density", err);
+    }
+  }, [themeName, mode, density, storageKey]);
+  const setTheme = useCallback((name) => setThemeName(name), []);
+  const setMode = useCallback((next) => setModeState(next), []);
+  const toggleMode = useCallback(
+    () => setModeState((cur) => cur === "light" ? "dark" : "light"),
+    []
+  );
+  const setDensity = useCallback((next) => setDensityState(next), []);
+  const registerTheme = useCallback((theme) => {
+    setThemes((cur) => {
+      const idx = cur.findIndex((t) => t.name === theme.name);
+      if (idx >= 0) {
+        const next = cur.slice();
+        next[idx] = theme;
+        return next;
+      }
+      return [...cur, theme];
+    });
+  }, []);
+  const active = themes.find((t) => t.name === themeName) ?? themes[0];
+  const value = useMemo(
+    () => ({
+      theme: active,
+      mode,
+      themes,
+      setTheme,
+      setMode,
+      toggleMode,
+      registerTheme
+    }),
+    [active, mode, themes, setTheme, setMode, toggleMode, registerTheme]
+  );
+  const densityValue = useMemo(() => ({ density, setDensity }), [density, setDensity]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children: /* @__PURE__ */ jsx(DensityContext.Provider, { value: densityValue, children }) });
+}
+function useTheme() {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) {
+    throw new Error("useTheme must be used inside <ThemeProvider>.");
+  }
+  return ctx;
+}
+function safe(value) {
+  return JSON.stringify(value).replace(/</g, "\\u003c");
+}
+function buildScript(defaultTheme, defaultMode, defaultDensity, storageKey) {
+  const k = safe(storageKey);
+  const t = safe(defaultTheme);
+  const m = safe(defaultMode);
+  const dn = safe(defaultDensity);
+  return `(function(){try{var k=${k};var d=document.documentElement;var t=null;var m=null;var dn=null;if(k){t=localStorage.getItem(k+":name");m=localStorage.getItem(k+":mode");dn=localStorage.getItem(k+":density");}d.setAttribute("data-theme",t||${t});d.setAttribute("data-mode",m||${m});d.setAttribute("data-density",dn||${dn});if((m||${m})==="dark"){d.classList.add("dark");}}catch(e){}})();`;
+}
+function ThemeScript({
+  defaultTheme = "violet-forge",
+  defaultMode = "dark",
+  defaultDensity = "comfortable",
+  storageKey = "theo-ui:theme"
+}) {
+  const code = buildScript(defaultTheme, defaultMode, defaultDensity, storageKey);
+  return /* @__PURE__ */ jsx("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: code } });
+}
+function ThemeSwitcher({ className, showModeToggle = true }) {
+  const { theme, themes, setTheme, mode, toggleMode } = useTheme();
+  return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center gap-1", className), children: [
+    /* @__PURE__ */ jsxs("span", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: [
+      "Theme: ",
+      theme.label,
+      ", mode: ",
+      mode
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenu2.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Theme: ${theme.label}`,
+          className: cn(
+            "inline-flex h-9 items-center gap-2 rounded-lg border border-border/60 bg-card px-3",
+            "font-medium font-sans text-body-sm text-foreground",
+            "transition-colors hover:bg-muted",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Palette, { className: "size-4 text-primary", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { children: theme.label })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsx(
+        DropdownMenu2.Content,
+        {
+          align: "end",
+          sideOffset: 6,
+          className: cn(
+            "z-50 min-w-[16rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md",
+            "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+            "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out"
+          ),
+          children: themes.map((t) => /* @__PURE__ */ jsxs(
+            DropdownMenu2.Item,
+            {
+              onSelect: () => setTheme(t.name),
+              className: cn(
+                "flex cursor-pointer items-start justify-between gap-3 rounded-md px-2 py-2",
+                "focus:bg-muted focus:outline-none data-[highlighted]:bg-muted"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-body-sm", children: t.label }),
+                  t.description ? /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: t.description }) : null
+                ] }),
+                t.name === theme.name ? /* @__PURE__ */ jsx(Check, { className: "mt-1 size-4 shrink-0 text-primary", "aria-hidden": "true" }) : null
+              ]
+            },
+            t.name
+          ))
+        }
+      ) })
+    ] }),
+    showModeToggle ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: toggleMode,
+        "aria-label": `Switch to ${mode === "light" ? "dark" : "light"} mode`,
+        className: cn(
+          "inline-flex size-9 items-center justify-center rounded-lg border border-border/60 bg-card",
+          "text-foreground transition-colors hover:bg-muted",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+        ),
+        children: mode === "light" ? /* @__PURE__ */ jsx(Moon, { className: "size-4" }) : /* @__PURE__ */ jsx(Sun, { className: "size-4" })
+      }
+    ) : null
+  ] });
+}
+
+// src/themes/violet-forge.ts
+var violetForge = {
+  name: "violet-forge",
+  label: "Violet Forge",
+  description: "Theo default \u2014 violet primary, burnt sienna accent, Geist Sans + Geist Mono.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "0 0% 100%",
+    foreground: "0 0% 4%",
+    card: "0 0% 100%",
+    "card-foreground": "0 0% 4%",
+    popover: "0 0% 100%",
+    "popover-foreground": "0 0% 4%",
+    primary: "262 83% 58%",
+    "primary-deep": "263 70% 42%",
+    "primary-glow": "263 90% 76%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "0 0% 96%",
+    "secondary-foreground": "0 0% 4%",
+    accent: "15 54% 53%",
+    "accent-deep": "15 55% 40%",
+    "accent-foreground": "0 0% 100%",
+    muted: "0 0% 96%",
+    "muted-foreground": "0 0% 45%",
+    border: "0 0% 91%",
+    input: "0 0% 91%",
+    ring: "262 83% 58%",
+    success: "142 71% 36%",
+    "success-foreground": "0 0% 100%",
+    warning: "33 92% 44%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "0 72% 51%",
+    "destructive-foreground": "0 0% 100%",
+    info: "217 91% 60%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "0 0% 4%",
+    foreground: "0 0% 96%",
+    card: "0 0% 7%",
+    "card-foreground": "0 0% 96%",
+    popover: "0 0% 9%",
+    "popover-foreground": "0 0% 96%",
+    primary: "262 83% 58%",
+    "primary-deep": "263 70% 42%",
+    "primary-glow": "263 90% 76%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "0 0% 11%",
+    "secondary-foreground": "0 0% 96%",
+    accent: "15 54% 53%",
+    "accent-deep": "15 55% 40%",
+    "accent-foreground": "0 0% 100%",
+    muted: "0 0% 11%",
+    "muted-foreground": "0 0% 60%",
+    border: "0 0% 16%",
+    input: "0 0% 11%",
+    ring: "262 83% 58%",
+    success: "152 79% 52%",
+    "success-foreground": "0 0% 4%",
+    warning: "38 92% 50%",
+    "warning-foreground": "0 0% 4%",
+    destructive: "350 100% 65%",
+    "destructive-foreground": "0 0% 4%",
+    info: "213 100% 70%",
+    "info-foreground": "0 0% 4%"
+  }
+};
+
+// src/themes/classic-paper.ts
+var classicPaper = {
+  name: "classic-paper",
+  label: "Classic Paper",
+  description: "Inter + paper background. Maximum legibility, conservative.",
+  fonts: {
+    display: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    mono: '"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap"
+  ],
+  light: {
+    background: "36 30% 98%",
+    foreground: "222 47% 11%",
+    card: "0 0% 100%",
+    "card-foreground": "222 47% 11%",
+    popover: "0 0% 100%",
+    "popover-foreground": "222 47% 11%",
+    primary: "221 83% 53%",
+    "primary-deep": "224 76% 38%",
+    "primary-glow": "217 91% 70%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "210 40% 96%",
+    "secondary-foreground": "222 47% 11%",
+    accent: "37 92% 40%",
+    "accent-deep": "32 81% 30%",
+    "accent-foreground": "0 0% 100%",
+    muted: "210 40% 96%",
+    "muted-foreground": "215 16% 47%",
+    border: "214 32% 91%",
+    input: "214 32% 91%",
+    ring: "221 83% 53%",
+    success: "142 71% 36%",
+    "success-foreground": "0 0% 100%",
+    warning: "33 92% 44%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "0 72% 51%",
+    "destructive-foreground": "0 0% 100%",
+    info: "217 91% 60%",
+    "info-foreground": "0 0% 100%"
+  },
+  // Dark mirror — mainly the same hues with inverted lightness so the theme
+  // still feels coherent if a consumer toggles `.dark`.
+  dark: {
+    background: "222 47% 8%",
+    foreground: "210 40% 98%",
+    card: "222 47% 11%",
+    "card-foreground": "210 40% 98%",
+    popover: "222 47% 11%",
+    "popover-foreground": "210 40% 98%",
+    primary: "217 91% 60%",
+    "primary-deep": "221 83% 45%",
+    "primary-glow": "213 100% 80%",
+    "primary-foreground": "222 47% 11%",
+    secondary: "217 19% 18%",
+    "secondary-foreground": "210 40% 98%",
+    accent: "37 92% 60%",
+    "accent-deep": "32 81% 45%",
+    "accent-foreground": "222 47% 11%",
+    muted: "217 19% 18%",
+    "muted-foreground": "215 20% 65%",
+    border: "217 19% 22%",
+    input: "217 19% 18%",
+    ring: "217 91% 60%",
+    success: "152 79% 52%",
+    "success-foreground": "222 47% 11%",
+    warning: "38 92% 50%",
+    "warning-foreground": "222 47% 11%",
+    destructive: "350 100% 65%",
+    "destructive-foreground": "222 47% 11%",
+    info: "213 100% 70%",
+    "info-foreground": "222 47% 11%"
+  }
+};
+
+// src/themes/aurora-terminal.ts
+var auroraTerminal = {
+  name: "aurora-terminal",
+  label: "Aurora Terminal",
+  description: "Dark sci-fi developer console \u2014 cyan-aurora + Geist Mono body.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "220 30% 96%",
+    foreground: "222 47% 11%",
+    card: "0 0% 100%",
+    "card-foreground": "222 47% 11%",
+    popover: "0 0% 100%",
+    "popover-foreground": "222 47% 11%",
+    primary: "178 78% 41%",
+    "primary-deep": "180 100% 25%",
+    "primary-glow": "180 89% 70%",
+    "primary-foreground": "222 47% 11%",
+    secondary: "210 40% 96%",
+    "secondary-foreground": "222 47% 11%",
+    accent: "340 82% 60%",
+    "accent-deep": "340 80% 50%",
+    "accent-foreground": "0 0% 100%",
+    muted: "214 32% 91%",
+    "muted-foreground": "215 16% 47%",
+    border: "214 32% 91%",
+    input: "214 32% 91%",
+    ring: "178 78% 41%",
+    success: "152 79% 42%",
+    "success-foreground": "0 0% 100%",
+    warning: "33 92% 44%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "0 72% 51%",
+    "destructive-foreground": "0 0% 100%",
+    info: "217 91% 60%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "224 36% 7%",
+    foreground: "220 30% 96%",
+    card: "224 35% 10%",
+    "card-foreground": "220 30% 96%",
+    popover: "224 35% 10%",
+    "popover-foreground": "220 30% 96%",
+    primary: "178 71% 60%",
+    "primary-deep": "180 100% 35%",
+    "primary-glow": "180 89% 80%",
+    "primary-foreground": "224 36% 7%",
+    secondary: "222 30% 14%",
+    "secondary-foreground": "220 30% 96%",
+    accent: "340 90% 65%",
+    "accent-deep": "340 80% 50%",
+    "accent-foreground": "224 36% 7%",
+    muted: "222 30% 14%",
+    "muted-foreground": "215 20% 65%",
+    border: "222 28% 18%",
+    input: "222 30% 14%",
+    ring: "178 71% 60%",
+    success: "152 79% 52%",
+    "success-foreground": "224 36% 7%",
+    warning: "38 92% 50%",
+    "warning-foreground": "224 36% 7%",
+    destructive: "350 100% 65%",
+    "destructive-foreground": "224 36% 7%",
+    info: "213 100% 70%",
+    "info-foreground": "224 36% 7%"
+  }
+};
+
+// src/themes/define.ts
+var NAME_PATTERN = /^[a-z][a-z0-9-]*$/i;
+function defaultLabel(name) {
+  if (name.length === 0) return name;
+  return name.charAt(0).toUpperCase() + name.slice(1);
+}
+function defineTheme(input) {
+  if (typeof input?.name !== "string" || input.name.length === 0) {
+    throw new Error("defineTheme: `name` is required and cannot be empty.");
+  }
+  if (!NAME_PATTERN.test(input.name)) {
+    throw new Error(
+      `defineTheme: invalid name "${input.name}". Must match /^[a-z][a-z0-9-]*$/i \u2014 letters, digits, and hyphens only, starting with a letter.`
+    );
+  }
+  const lightOverride = input.light ?? {};
+  const darkOverride = input.dark ?? {};
+  const fontsOverride = input.fonts ?? {};
+  const theme = {
+    name: input.name,
+    label: input.label ?? defaultLabel(input.name),
+    description: input.description,
+    fonts: { ...violetForge.fonts, ...fontsOverride },
+    light: { ...violetForge.light, ...lightOverride },
+    dark: { ...violetForge.dark, ...darkOverride },
+    fontUrls: input.fontUrls ?? violetForge.fontUrls
+  };
+  return theme;
+}
+
+// src/themes/color.ts
+function hexCharToNibble(ch) {
+  if (ch >= "0" && ch <= "9") return ch.charCodeAt(0) - 48;
+  if (ch >= "a" && ch <= "f") return ch.charCodeAt(0) - 87;
+  if (ch >= "A" && ch <= "F") return ch.charCodeAt(0) - 55;
+  throw new Error(`hex(): invalid hex character "${ch}"`);
+}
+function parseHex(input) {
+  if (!input.startsWith("#")) {
+    throw new Error(`hex(): expected '#'-prefixed input, got "${input}"`);
+  }
+  const body = input.slice(1);
+  let r;
+  let g;
+  let b;
+  if (body.length === 3 || body.length === 4) {
+    const nr = hexCharToNibble(body.charAt(0));
+    const ng = hexCharToNibble(body.charAt(1));
+    const nb = hexCharToNibble(body.charAt(2));
+    r = nr << 4 | nr;
+    g = ng << 4 | ng;
+    b = nb << 4 | nb;
+  } else if (body.length === 6 || body.length === 8) {
+    r = hexCharToNibble(body.charAt(0)) << 4 | hexCharToNibble(body.charAt(1));
+    g = hexCharToNibble(body.charAt(2)) << 4 | hexCharToNibble(body.charAt(3));
+    b = hexCharToNibble(body.charAt(4)) << 4 | hexCharToNibble(body.charAt(5));
+  } else {
+    throw new Error(
+      `hex(): invalid length ${body.length} for hex input "${input}" \u2014 expected 3, 4, 6, or 8 hex chars after the '#'.`
+    );
+  }
+  return { r, g, b };
+}
+function rgbToHsl(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const l = (max + min) / 2;
+  let h = 0;
+  let s = 0;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case rn:
+        h = (gn - bn) / d + (gn < bn ? 6 : 0);
+        break;
+      case gn:
+        h = (bn - rn) / d + 2;
+        break;
+      default:
+        h = (rn - gn) / d + 4;
+        break;
+    }
+    h *= 60;
+  }
+  const hh = Math.round(h);
+  const ss = Math.round(s * 100);
+  const ll = Math.round(l * 100);
+  return `${hh} ${ss}% ${ll}%`;
+}
+function hex(input) {
+  const { r, g, b } = parseHex(input);
+  return rgbToHsl(r, g, b);
+}
+function rgb(r, g, b) {
+  for (const value of [r, g, b]) {
+    if (!Number.isFinite(value) || value < 0 || value > 255) {
+      throw new Error(
+        `rgb(): channel out of range \u2014 expected 0..255, got ${value}. Did you mix percentage values?`
+      );
+    }
+  }
+  return rgbToHsl(Math.round(r), Math.round(g), Math.round(b));
+}
+
+// src/themes/vercel-mono.ts
+var vercelMono = {
+  name: "vercel-mono",
+  label: "Vercel Mono",
+  description: "Inspired by, not affiliated with Vercel. Monochrome canvas + signature blue.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "0 0% 100%",
+    foreground: "0 0% 0%",
+    card: "0 0% 100%",
+    "card-foreground": "0 0% 0%",
+    popover: "0 0% 100%",
+    "popover-foreground": "0 0% 0%",
+    primary: "212 100% 47%",
+    "primary-deep": "212 100% 36%",
+    "primary-glow": "212 100% 72%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "0 0% 96%",
+    "secondary-foreground": "0 0% 0%",
+    accent: "212 100% 47%",
+    "accent-deep": "212 100% 36%",
+    "accent-foreground": "0 0% 100%",
+    muted: "0 0% 96%",
+    "muted-foreground": "0 0% 40%",
+    border: "0 0% 92%",
+    input: "0 0% 92%",
+    ring: "212 100% 47%",
+    success: "168 76% 40%",
+    "success-foreground": "0 0% 100%",
+    warning: "34 92% 45%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "0 100% 40%",
+    "destructive-foreground": "0 0% 100%",
+    info: "212 100% 47%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "0 0% 4%",
+    foreground: "0 0% 93%",
+    card: "0 0% 7%",
+    "card-foreground": "0 0% 93%",
+    popover: "0 0% 7%",
+    "popover-foreground": "0 0% 93%",
+    primary: "212 100% 55%",
+    "primary-deep": "212 100% 42%",
+    "primary-glow": "212 100% 75%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "0 0% 13%",
+    "secondary-foreground": "0 0% 93%",
+    accent: "212 100% 60%",
+    "accent-deep": "212 100% 47%",
+    "accent-foreground": "0 0% 0%",
+    muted: "0 0% 13%",
+    "muted-foreground": "0 0% 60%",
+    border: "0 0% 20%",
+    input: "0 0% 20%",
+    ring: "212 100% 55%",
+    success: "144 89% 50%",
+    "success-foreground": "0 0% 0%",
+    warning: "34 92% 65%",
+    "warning-foreground": "0 0% 0%",
+    destructive: "0 100% 55%",
+    "destructive-foreground": "0 0% 100%",
+    info: "212 100% 55%",
+    "info-foreground": "0 0% 100%"
+  }
+};
+
+// src/themes/github-dark.ts
+var githubDark = {
+  name: "github-dark",
+  label: "GitHub Dark",
+  description: "GitHub's default dark theme. Primer Primitives tokens.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "0 0% 100%",
+    foreground: "213 13% 16%",
+    card: "210 29% 97%",
+    "card-foreground": "213 13% 16%",
+    popover: "0 0% 100%",
+    "popover-foreground": "213 13% 16%",
+    primary: "212 92% 44%",
+    "primary-deep": "212 92% 36%",
+    "primary-glow": "212 92% 58%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "210 29% 97%",
+    "secondary-foreground": "213 13% 16%",
+    accent: "213 84% 52%",
+    "accent-deep": "213 84% 42%",
+    "accent-foreground": "0 0% 100%",
+    muted: "210 29% 97%",
+    "muted-foreground": "213 8% 43%",
+    border: "210 14% 84%",
+    input: "210 14% 84%",
+    ring: "212 92% 44%",
+    success: "137 66% 30%",
+    "success-foreground": "0 0% 100%",
+    warning: "41 100% 30%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "355 71% 47%",
+    "destructive-foreground": "0 0% 100%",
+    info: "212 92% 44%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "215 28% 7%",
+    foreground: "210 67% 96%",
+    card: "215 21% 11%",
+    "card-foreground": "210 67% 96%",
+    popover: "215 21% 11%",
+    "popover-foreground": "210 67% 96%",
+    primary: "212 92% 57%",
+    "primary-deep": "212 92% 47%",
+    "primary-glow": "213 92% 67%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "215 21% 14%",
+    "secondary-foreground": "210 67% 96%",
+    accent: "213 92% 61%",
+    "accent-deep": "213 92% 50%",
+    "accent-foreground": "0 0% 100%",
+    muted: "215 21% 14%",
+    "muted-foreground": "213 9% 59%",
+    border: "213 13% 21%",
+    input: "213 13% 21%",
+    ring: "212 92% 57%",
+    success: "135 53% 49%",
+    "success-foreground": "0 0% 0%",
+    warning: "41 73% 48%",
+    "warning-foreground": "0 0% 0%",
+    destructive: "1 90% 62%",
+    "destructive-foreground": "0 0% 100%",
+    info: "212 92% 57%",
+    "info-foreground": "0 0% 100%"
+  }
+};
+
+// src/themes/dracula.ts
+var dracula = {
+  name: "dracula",
+  label: "Dracula",
+  description: "Cult OSS theme (draculatheme.com, MIT). Light mode is Theo-adapted for WCAG AA.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "60 30% 96%",
+    foreground: "231 15% 18%",
+    card: "0 0% 100%",
+    "card-foreground": "231 15% 18%",
+    popover: "0 0% 100%",
+    "popover-foreground": "231 15% 18%",
+    primary: "275 70% 45%",
+    "primary-deep": "271 63% 35%",
+    "primary-glow": "265 89% 70%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "60 20% 92%",
+    "secondary-foreground": "231 15% 18%",
+    accent: "271 63% 40%",
+    "accent-deep": "271 63% 30%",
+    "accent-foreground": "0 0% 100%",
+    muted: "60 20% 92%",
+    "muted-foreground": "225 20% 40%",
+    border: "60 15% 88%",
+    input: "60 15% 88%",
+    ring: "275 70% 45%",
+    success: "129 33% 35%",
+    "success-foreground": "0 0% 100%",
+    warning: "43 89% 30%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "0 71% 42%",
+    "destructive-foreground": "0 0% 100%",
+    info: "190 88% 30%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "231 15% 18%",
+    foreground: "60 30% 96%",
+    card: "232 14% 22%",
+    "card-foreground": "60 30% 96%",
+    popover: "232 14% 22%",
+    "popover-foreground": "60 30% 96%",
+    primary: "326 100% 74%",
+    "primary-deep": "326 100% 60%",
+    "primary-glow": "326 100% 85%",
+    "primary-foreground": "231 15% 18%",
+    secondary: "232 14% 28%",
+    "secondary-foreground": "60 30% 96%",
+    accent: "265 89% 78%",
+    "accent-deep": "265 89% 65%",
+    "accent-foreground": "231 15% 18%",
+    muted: "232 14% 28%",
+    "muted-foreground": "225 27% 65%",
+    border: "232 14% 31%",
+    input: "232 14% 31%",
+    ring: "326 100% 74%",
+    success: "135 94% 65%",
+    "success-foreground": "231 15% 18%",
+    warning: "65 92% 76%",
+    "warning-foreground": "231 15% 18%",
+    destructive: "0 100% 67%",
+    "destructive-foreground": "0 0% 100%",
+    info: "191 97% 77%",
+    "info-foreground": "231 15% 18%"
+  }
+};
+
+// src/themes/one-dark.ts
+var oneDark = {
+  name: "one-dark",
+  label: "One Dark",
+  description: "Atom's One Dark + One Light syntax theme (MIT). Iconic IDE look.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "0 0% 98%",
+    foreground: "230 8% 24%",
+    card: "0 0% 100%",
+    "card-foreground": "230 8% 24%",
+    popover: "0 0% 100%",
+    "popover-foreground": "230 8% 24%",
+    primary: "220 88% 50%",
+    "primary-deep": "220 88% 40%",
+    "primary-glow": "220 88% 70%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "0 0% 95%",
+    "secondary-foreground": "230 8% 24%",
+    accent: "301 62% 40%",
+    "accent-deep": "301 62% 30%",
+    "accent-foreground": "0 0% 100%",
+    muted: "0 0% 95%",
+    "muted-foreground": "230 4% 50%",
+    border: "0 0% 90%",
+    input: "0 0% 90%",
+    ring: "220 88% 50%",
+    success: "119 34% 35%",
+    "success-foreground": "0 0% 100%",
+    warning: "41 99% 30%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "5 74% 45%",
+    "destructive-foreground": "0 0% 100%",
+    info: "198 99% 30%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "220 13% 18%",
+    foreground: "220 14% 71%",
+    card: "220 13% 15%",
+    "card-foreground": "220 14% 71%",
+    popover: "220 13% 15%",
+    "popover-foreground": "220 14% 71%",
+    primary: "207 82% 66%",
+    "primary-deep": "207 82% 52%",
+    "primary-glow": "207 82% 78%",
+    "primary-foreground": "220 13% 18%",
+    secondary: "220 13% 23%",
+    "secondary-foreground": "220 14% 71%",
+    accent: "286 60% 67%",
+    "accent-deep": "286 60% 52%",
+    "accent-foreground": "220 13% 18%",
+    muted: "220 13% 23%",
+    "muted-foreground": "220 8% 55%",
+    border: "220 13% 28%",
+    input: "220 13% 28%",
+    ring: "207 82% 66%",
+    success: "95 38% 62%",
+    "success-foreground": "220 13% 18%",
+    warning: "29 54% 61%",
+    "warning-foreground": "220 13% 18%",
+    destructive: "355 65% 65%",
+    "destructive-foreground": "0 0% 100%",
+    info: "187 47% 55%",
+    "info-foreground": "220 13% 18%"
+  }
+};
+
+// src/themes/anthropic-style.ts
+var anthropicStyle = {
+  name: "anthropic-style",
+  label: "Anthropic-style",
+  description: "Inspired by, not affiliated with Anthropic. Warm cream + burnt sienna editorial feel.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "60 27% 97%",
+    foreground: "0 0% 10%",
+    card: "0 0% 100%",
+    "card-foreground": "0 0% 10%",
+    popover: "0 0% 100%",
+    "popover-foreground": "0 0% 10%",
+    primary: "15 54% 45%",
+    "primary-deep": "15 54% 35%",
+    "primary-glow": "15 54% 65%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "45 22% 92%",
+    "secondary-foreground": "0 0% 10%",
+    accent: "26 39% 39%",
+    "accent-deep": "26 39% 29%",
+    "accent-foreground": "0 0% 100%",
+    muted: "45 22% 92%",
+    "muted-foreground": "0 0% 39%",
+    border: "45 22% 87%",
+    input: "45 22% 87%",
+    ring: "15 54% 45%",
+    success: "127 35% 35%",
+    "success-foreground": "0 0% 100%",
+    warning: "35 65% 35%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "5 60% 40%",
+    "destructive-foreground": "0 0% 100%",
+    info: "200 50% 35%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "0 0% 10%",
+    foreground: "36 28% 93%",
+    card: "0 0% 15%",
+    "card-foreground": "36 28% 93%",
+    popover: "0 0% 15%",
+    "popover-foreground": "36 28% 93%",
+    primary: "16 62% 60%",
+    "primary-deep": "16 62% 48%",
+    "primary-glow": "16 62% 72%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "0 0% 18%",
+    "secondary-foreground": "36 28% 93%",
+    accent: "21 33% 55%",
+    "accent-deep": "21 33% 42%",
+    "accent-foreground": "0 0% 100%",
+    muted: "0 0% 18%",
+    "muted-foreground": "30 6% 64%",
+    border: "0 0% 25%",
+    input: "0 0% 25%",
+    ring: "16 62% 60%",
+    success: "142 71% 58%",
+    "success-foreground": "0 0% 10%",
+    warning: "45 96% 65%",
+    "warning-foreground": "0 0% 10%",
+    destructive: "0 84% 60%",
+    "destructive-foreground": "0 0% 100%",
+    info: "200 70% 60%",
+    "info-foreground": "0 0% 10%"
+  }
+};
+
+// src/themes/openai-style.ts
+var openaiStyle = {
+  name: "openai-style",
+  label: "OpenAI-style",
+  description: "Inspired by, not affiliated with OpenAI. Minimal canvas + ChatGPT green.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "0 0% 100%",
+    foreground: "0 0% 13%",
+    card: "240 5% 97%",
+    "card-foreground": "0 0% 13%",
+    popover: "0 0% 100%",
+    "popover-foreground": "0 0% 13%",
+    primary: "165 82% 35%",
+    "primary-deep": "165 82% 28%",
+    "primary-glow": "165 82% 50%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "240 5% 96%",
+    "secondary-foreground": "0 0% 13%",
+    accent: "165 82% 35%",
+    "accent-deep": "165 82% 28%",
+    "accent-foreground": "0 0% 100%",
+    muted: "240 5% 96%",
+    "muted-foreground": "240 7% 47%",
+    border: "0 0% 90%",
+    input: "0 0% 90%",
+    ring: "165 82% 35%",
+    success: "165 82% 35%",
+    "success-foreground": "0 0% 100%",
+    warning: "30 91% 44%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "0 73% 50%",
+    "destructive-foreground": "0 0% 100%",
+    info: "212 100% 47%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "0 0% 13%",
+    foreground: "0 0% 93%",
+    card: "0 0% 18%",
+    "card-foreground": "0 0% 93%",
+    popover: "0 0% 18%",
+    "popover-foreground": "0 0% 93%",
+    primary: "155 78% 30%",
+    "primary-deep": "155 78% 22%",
+    "primary-glow": "155 78% 50%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "0 0% 20%",
+    "secondary-foreground": "0 0% 93%",
+    accent: "155 78% 50%",
+    "accent-deep": "155 78% 40%",
+    "accent-foreground": "0 0% 13%",
+    muted: "0 0% 20%",
+    "muted-foreground": "0 0% 61%",
+    border: "0 0% 26%",
+    input: "0 0% 26%",
+    ring: "155 78% 43%",
+    success: "155 78% 43%",
+    "success-foreground": "0 0% 100%",
+    warning: "38 92% 50%",
+    "warning-foreground": "0 0% 13%",
+    destructive: "0 84% 60%",
+    "destructive-foreground": "0 0% 100%",
+    info: "212 100% 55%",
+    "info-foreground": "0 0% 100%"
+  }
+};
+
+// src/themes/linear-glass.ts
+var linearGlass = {
+  name: "linear-glass",
+  label: "Linear Glass",
+  description: "Inspired by, not affiliated with Linear. Refined indigo on glassy surfaces.",
+  fonts: {
+    display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+  },
+  fontUrls: [
+    "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
+  ],
+  light: {
+    background: "0 0% 100%",
+    foreground: "240 5% 12%",
+    card: "220 25% 98%",
+    "card-foreground": "240 5% 12%",
+    popover: "0 0% 100%",
+    "popover-foreground": "240 5% 12%",
+    primary: "233 56% 55%",
+    "primary-deep": "233 56% 45%",
+    "primary-glow": "233 56% 70%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "240 9% 96%",
+    "secondary-foreground": "240 5% 12%",
+    accent: "245 60% 60%",
+    "accent-deep": "245 60% 50%",
+    "accent-foreground": "0 0% 100%",
+    muted: "240 9% 96%",
+    "muted-foreground": "240 4% 44%",
+    border: "240 9% 93%",
+    input: "240 9% 93%",
+    ring: "233 56% 55%",
+    success: "155 62% 35%",
+    "success-foreground": "0 0% 100%",
+    warning: "35 76% 45%",
+    "warning-foreground": "0 0% 100%",
+    destructive: "358 75% 50%",
+    "destructive-foreground": "0 0% 100%",
+    info: "233 56% 55%",
+    "info-foreground": "0 0% 100%"
+  },
+  dark: {
+    background: "240 9% 6%",
+    foreground: "0 0% 90%",
+    card: "240 8% 11%",
+    "card-foreground": "0 0% 90%",
+    popover: "240 8% 11%",
+    "popover-foreground": "0 0% 90%",
+    primary: "245 60% 67%",
+    "primary-deep": "245 60% 55%",
+    "primary-glow": "245 60% 78%",
+    "primary-foreground": "0 0% 100%",
+    secondary: "240 8% 14%",
+    "secondary-foreground": "0 0% 90%",
+    accent: "253 100% 78%",
+    "accent-deep": "253 100% 65%",
+    "accent-foreground": "240 9% 6%",
+    muted: "240 8% 14%",
+    "muted-foreground": "240 5% 67%",
+    border: "240 6% 17%",
+    input: "240 6% 17%",
+    ring: "245 60% 67%",
+    success: "147 49% 53%",
+    "success-foreground": "240 9% 6%",
+    warning: "32 100% 66%",
+    "warning-foreground": "240 9% 6%",
+    destructive: "357 100% 70%",
+    "destructive-foreground": "240 9% 6%",
+    info: "245 60% 67%",
+    "info-foreground": "0 0% 100%"
+  }
+};
+
+// src/themes/index.ts
+var builtinThemes = [
+  violetForge,
+  classicPaper,
+  auroraTerminal,
+  vercelMono,
+  githubDark,
+  dracula,
+  oneDark,
+  anthropicStyle,
+  openaiStyle,
+  linearGlass
+];
+function TheoUIProvider({ children, theme, toaster }) {
+  const { themes, ...restTheme } = theme ?? {};
+  return /* @__PURE__ */ jsx(ThemeProvider, { themes: themes ?? builtinThemes, ...restTheme, children: /* @__PURE__ */ jsx(Toaster, { ...toaster, children }) });
+}
+TheoUIProvider.displayName = "TheoUIProvider";
+
+export { ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, anthropicStyle, auroraTerminal, builtinThemes, classicPaper, defineTheme, dracula, githubDark, hex, linearGlass, oneDark, openaiStyle, rgb, useDensity, useTheme, vercelMono, violetForge };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map