@usetheo/ui 0.13.0 → 0.13.1

package/dist/index.js

@@ -1,141 +1,166 @@
-export { ProjectCard } from './chunk-FLBTGNQI.js';
-export { RollbackUI } from './chunk-V7OOTVK3.js';
-export { RuleEditor } from './chunk-XZKEGEPT.js';
-export { SkillEditor } from './chunk-PTHRL242.js';
-export { SkillsList } from './chunk-AEVSVDT6.js';
-export { StabilityBundleViewer } from './chunk-6ZQKEY54.js';
-export { TaskHeader } from './chunk-BPUQWMBD.js';
-export { UsageMeter } from './chunk-AC4MGCXI.js';
-export { DeploymentRow } from './chunk-W2PVSIW3.js';
-export { DomainConfig } from './chunk-DFADMEJK.js';
-export { EnvVarEditor } from './chunk-WVPDQMC2.js';
-export { MCPServerList } from './chunk-B75MEYNR.js';
-export { PageShell } from './chunk-QJGGTIUN.js';
-export { PermissionModal } from './chunk-QSOIJ6J3.js';
-export { PreviewEnvCard } from './chunk-LIGWMGXM.js';
-export { PreviewPanel } from './chunk-BGKA6DI6.js';
+export { RuleEditor } from './chunk-ET7A3TQZ.js';
+export { SkillEditor } from './chunk-JYW5YNF7.js';
+export { SkillsList } from './chunk-G2WCT6PJ.js';
+export { StabilityBundleViewer } from './chunk-HILOUYES.js';
+export { StatusIndicator } from './chunk-OMR6ZGME.js';
+export { TaskHeader } from './chunk-HETHTYEZ.js';
+export { TextPrompt } from './chunk-NEMXW2LB.js';
+export { UsageMeter } from './chunk-7BQXMG2A.js';
+export { MetricCard } from './chunk-GIXHBTHH.js';
+export { MultiSelectPrompt } from './chunk-7T4NK6W6.js';
+export { PageShell } from './chunk-BPJ3RN3U.js';
+export { PermissionModal } from './chunk-VBQFE5RV.js';
+export { PreviewEnvCard } from './chunk-QRXIYPWP.js';
+export { PreviewPanel } from './chunk-4UBFLXS3.js';
+export { ProjectCard } from './chunk-SBKVVVYY.js';
+export { RollbackUI } from './chunk-GLEOUWPN.js';
+export { ConfirmDialog } from './chunk-KFUFTZLS.js';
+export { ConfirmPrompt } from './chunk-OJPPSJMF.js';
+export { CronJobsList } from './chunk-MXB2GVEQ.js';
+export { DeploymentRow } from './chunk-M74ZYBOK.js';
+export { DomainConfig } from './chunk-JFKBFQA5.js';
+export { EnvVarEditor } from './chunk-PVCW4O37.js';
+export { MCPServerList } from './chunk-TJLULCZW.js';
+export { AgentTimeline } from './chunk-2OVFVPSZ.js';
+import './chunk-PJWYIOY4.js';
 import './chunk-ZXPDS6DH.js';
-export { CodeBlock } from './chunk-ZESICCKK.js';
-export { CommandPalette } from './chunk-BP2SETUC.js';
-export { ConfirmDialog } from './chunk-GIEPEFRX.js';
-export { CronJobsList } from './chunk-KQNKKV2C.js';
-export { DataTable } from './chunk-DW247T3Q.js';
-export { TooltipWithStatics as Tooltip } from './chunk-FUT45NFW.js';
-export { TopNav } from './chunk-74NZ5U3E.js';
-export { UpdateBanner } from './chunk-GXBFGWQN.js';
-export { AccountMenu } from './chunk-ZJRWCQEN.js';
-export { AgentComposer } from './chunk-CDA6RYOX.js';
-export { ChatComposer } from './chunk-HQFTW7SF.js';
-export { AgentEditor } from './chunk-K7PYLTMP.js';
+export { ChoicePrompt } from './chunk-5XCTTXC3.js';
+import './chunk-T2OKGV6M.js';
+export { CommandPalette } from './chunk-V3HFDVZ3.js';
+export { ToolsList } from './chunk-4SMYNLTA.js';
+export { TooltipWithStatics as Tooltip } from './chunk-7RFWVNQA.js';
+export { TopNav } from './chunk-FJZKA2LV.js';
+export { UpdateBanner } from './chunk-JXOCE27Z.js';
+export { AccountMenu } from './chunk-E63IRXZZ.js';
+export { AgentComposer } from './chunk-PJUP4BJD.js';
+export { ChatComposer } from './chunk-PZGUZHI7.js';
+export { AgentEditor } from './chunk-ORVYP73T.js';
 export { ALL_MODES, MODE_LABEL } from './chunk-VM4RMQQN.js';
-export { AgentStream } from './chunk-DKQAHZG2.js';
-export { ApprovalCard } from './chunk-SF6R5VMQ.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-VI5M7KJ2.js';
-import { safeHref } from './chunk-673R3GSK.js';
-export { AgentTimeline } from './chunk-4UUSJJFZ.js';
-export { ThinkingLevelSelector } from './chunk-UOMQPIB4.js';
-export { Timestamp } from './chunk-4ZBZBRG5.js';
-import { Toaster } from './chunk-I7WYM63C.js';
-export { Toast, Toaster, useToast } from './chunk-I7WYM63C.js';
-export { TokenUsageChart } from './chunk-AXKBNRZW.js';
-export { ToolCall } from './chunk-SP4CP5HY.js';
-export { ToolCallCard } from './chunk-CWFMFKDI.js';
-export { ToolResult } from './chunk-HG4WEERE.js';
-export { ToolsList } from './chunk-JQXLPVWP.js';
-export { SubAgentDispatch } from './chunk-ZIKFOD6N.js';
-export { Switch } from './chunk-3HOXC25T.js';
-export { SystemPromptEditor } from './chunk-BNQAJGEN.js';
-export { Table } from './chunk-YRSKXEOD.js';
-export { Tabs } from './chunk-GBJB5WLT.js';
-export { TaskNode, TaskPlan } from './chunk-XUJYEADU.js';
-export { TerminalPanel } from './chunk-LEEH63B2.js';
-export { Textarea } from './chunk-WWNH5ENT.js';
-export { Sheet, sheetVariants } from './chunk-CWVKSV7S.js';
-export { Sidebar } from './chunk-RVOBP7PO.js';
-export { Skeleton } from './chunk-K5ARID4S.js';
-export { SkillCard } from './chunk-47QJVWW2.js';
-export { SocialAuthRow } from './chunk-3QGO5SB3.js';
-export { StatTile } from './chunk-XRKIEL5M.js';
-export { StatusDot } from './chunk-NQZYY4LR.js';
-export { StepsRail } from './chunk-LHRWVM3G.js';
-export { RuleCard } from './chunk-UOXU7NDY.js';
-export { RunStats } from './chunk-3GHLNCM3.js';
-export { RunStatusPill } from './chunk-UK27KR35.js';
-export { RunningTasksPanel } from './chunk-GUQFYUIC.js';
-export { ScrollArea } from './chunk-AODIMN2N.js';
-export { Select } from './chunk-EP25QJ4N.js';
-export { SessionListItem } from './chunk-CIYGNPKT.js';
-export { SessionTimeline } from './chunk-XVYNSIQC.js';
-export { PinInput } from './chunk-MYEHGDC2.js';
-export { PlanBadge } from './chunk-R63ZKLQM.js';
-export { Progress } from './chunk-2XPWOUEH.js';
-export { ProgressChecklist } from './chunk-CKXY4FTV.js';
-export { ProjectSwitcher } from './chunk-62FT22CI.js';
-export { QuickActionChips } from './chunk-K6RTLPIJ.js';
-export { RadioGroup } from './chunk-E5A7HN6H.js';
-export { RecentFoldersList } from './chunk-5FF5EUZP.js';
-export { MCPServerCard } from './chunk-QB6BNHO3.js';
-export { MemoryEditor } from './chunk-CVOKZITR.js';
-export { MentionMenu } from './chunk-6VINZJBV.js';
-export { MetricsPanel } from './chunk-UAYOOTRR.js';
-export { ModelCard, modelCapabilityPresets } from './chunk-X5L62PXY.js';
-export { ModelSelector } from './chunk-RTYYJPPE.js';
-export { Pagination, computePageRange } from './chunk-YOGHS4UU.js';
-export { PermissionMatrix } from './chunk-KRN4NE4U.js';
-export { GatewayStatusIndicator } from './chunk-AVPHVQZS.js';
-export { HOOK_EVENTS, HookConfig } from './chunk-PWXOXPFT.js';
-export { HookEventLog } from './chunk-EI63GTN7.js';
-export { Input } from './chunk-H3VJMFJQ.js';
-export { IntentSelector } from './chunk-EU55O4P7.js';
-export { Label } from './chunk-PR6OZF6D.js';
-export { LaneBoard } from './chunk-L2BI762I.js';
-export { LoginSplit } from './chunk-755NWSNW.js';
-export { Dialog } from './chunk-2UJROWAG.js';
-export { DiffViewer } from './chunk-ET44426Q.js';
-export { DropdownMenu } from './chunk-MI5CXMZU.js';
-export { EmptyState } from './chunk-SWJ4EUOI.js';
-export { ExportChatDialog } from './chunk-I32I36LW.js';
-export { FolderContextCard } from './chunk-BVDASR3Y.js';
-export { FolderSelector } from './chunk-PPH5NTHV.js';
-export { FormField } from './chunk-TK24HQJJ.js';
-export { Checkbox } from './chunk-G3LWNTVZ.js';
-export { ContextCard } from './chunk-WKLW7RC6.js';
-export { ContextWindowBar } from './chunk-CG7O3A42.js';
-export { CopyButton } from './chunk-F436537E.js';
-export { CostMeter } from './chunk-LKYSX3QF.js';
-export { CreatedFilesCard } from './chunk-UDTAMHXW.js';
-export { CronJobCard } from './chunk-WKEUU2FU.js';
-export { DangerZone } from './chunk-ZDAOHMCW.js';
-export { BranchIndicator } from './chunk-RC5XME4T.js';
-export { BrowserControls } from './chunk-VMMATOPE.js';
-export { BuildLogStream } from './chunk-XGCV5E6W.js';
-export { Button, buttonVariants } from './chunk-57NXT3OX.js';
-export { CapabilityIndicator, capabilityPresets } from './chunk-CYOLRWOX.js';
-export { Card } from './chunk-ZALLCR7X.js';
-export { ChannelCard } from './chunk-JPTPIZ5V.js';
-export { ChatThread } from './chunk-PASI2U2R.js';
-export { AgentStreaming } from './chunk-ETEIDY34.js';
-export { Alert } from './chunk-W3DUDZDU.js';
-export { ArtifactPreview } from './chunk-XWTISHXO.js';
-export { AttachmentChip } from './chunk-MCIFB6VS.js';
-export { AuditLogEntry } from './chunk-ATHOPBCA.js';
-export { AutoCompactNotice } from './chunk-7RXYW5VM.js';
-export { Avatar, avatarVariants } from './chunk-7GLBWWMW.js';
-export { BadgeWithDot as Badge, badgeVariants } from './chunk-O23LKHUR.js';
-export { ActionBar } from './chunk-BX7A5GUV.js';
-export { AgentErrorCard } from './chunk-HGPBGLNP.js';
-export { AgentEvent } from './chunk-D23LRJT6.js';
-export { AgentHandoff } from './chunk-GSO7MISR.js';
-export { AgentProfile } from './chunk-WSJGZNUH.js';
-export { AgentStartingState } from './chunk-4L63UW3I.js';
+export { AgentStream, mapAgentEventStatus, toAgentStreamItems } from './chunk-4DTLUBRW.js';
+export { ApprovalCard } from './chunk-2EUKYGH5.js';
+export { ChatMessage, ChatMessageAction, ChatMessageActions, ChatMessageBranch, ChatMessageBranchContent, ChatMessageBranchNext, ChatMessageBranchPage, ChatMessageBranchPrevious, ChatMessageBranchSelector, ChatMessageContent, ChatMessageResponse, ChatMessageRoot, ChatMessageToolbar, DataPart, FilePart, ReasoningPart, SourceDocumentPart, SourceUrlPart, TextPart, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, renderPart } from './chunk-Q2BAL2PF.js';
+import { safeHref } from './chunk-GDMCDW66.js';
+export { AgentToolRenderer, ToolCallPart, defaultClassifyTool, defaultToolRegistry, resolveToolRenderer } from './chunk-REFY5MLN.js';
+export { DataTable } from './chunk-BP4RQSX7.js';
+export { CodeBlock } from './chunk-VHK2OUCW.js';
+export { Textarea } from './chunk-ESJUISWY.js';
+export { ThinkingLevelSelector } from './chunk-OZFUUO2Q.js';
+export { Timestamp } from './chunk-ETTL6XGU.js';
+import { Toaster } from './chunk-HTJVHFNW.js';
+export { Toast, Toaster, useToast } from './chunk-HTJVHFNW.js';
+export { TokenUsageChart, splitUsagePoints, toUsageMetrics } from './chunk-QCQTTOMD.js';
+export { ToolCall } from './chunk-PXT47DRZ.js';
+export { ToolCallCard } from './chunk-VZX4HLBM.js';
+export { ToolResult } from './chunk-YDKRUSB5.js';
+export { StepsRail } from './chunk-HB45JHMM.js';
+export { SubAgentDispatch } from './chunk-QPURZJJM.js';
+export { Switch } from './chunk-QBUTRD2M.js';
+export { SystemPromptEditor } from './chunk-H5QPJNVD.js';
+export { Table } from './chunk-KHBXI6AV.js';
+export { Tabs } from './chunk-E26M7ATD.js';
+export { TaskNode, TaskPlan } from './chunk-YUFFAWNB.js';
+export { TerminalPanel } from './chunk-3ZXZGZOX.js';
+export { SessionTimeline } from './chunk-CED2LKHI.js';
+export { Sheet, sheetVariants } from './chunk-XSENM65D.js';
+export { Sidebar } from './chunk-YO3WEMOH.js';
+export { Skeleton } from './chunk-CGWIOIEO.js';
+export { SkillCard } from './chunk-BWIDDAR7.js';
+export { SocialAuthRow } from './chunk-6IODJQWC.js';
+export { StatTile } from './chunk-JIZKW3WC.js';
+export { StatusDot } from './chunk-345HYADQ.js';
+export { RecentFoldersList } from './chunk-VHTAVROO.js';
+export { RuleCard } from './chunk-GLRUM43F.js';
+export { RunStats } from './chunk-33IIDFSM.js';
+export { RunStatusPill } from './chunk-H3L7WZDZ.js';
+export { RunningTasksPanel } from './chunk-SOJW47EZ.js';
+export { ScrollArea, isNearBottom, useStickToBottom } from './chunk-75IDWFYX.js';
+export { Select } from './chunk-AXUAQM45.js';
+export { SessionListItem } from './chunk-V6H2RUVP.js';
+export { PermissionMatrix } from './chunk-2A3E5Y72.js';
+export { PinInput } from './chunk-JQTCCKZA.js';
+export { PlanBadge } from './chunk-YNDHYMPI.js';
+export { Progress } from './chunk-4EH6F54D.js';
+export { ProgressChecklist } from './chunk-XJA4B3F5.js';
+export { ProjectSwitcher } from './chunk-XC7SYZYR.js';
+export { QuickActionChips } from './chunk-BE232OKN.js';
+export { RadioGroup } from './chunk-GC52HWIL.js';
+export { LoginSplit } from './chunk-H55WXDME.js';
+export { MCPServerCard } from './chunk-RLWULF5B.js';
+export { MemoryEditor } from './chunk-A3OU6ICP.js';
+export { MentionMenu } from './chunk-HZ7Z22VW.js';
+export { MetricsPanel } from './chunk-VBEMLZGX.js';
+export { ModelCard, modelCapabilityPresets } from './chunk-7BGCWJQR.js';
+export { ModelSelector } from './chunk-2UP7SECE.js';
+export { Pagination, computePageRange } from './chunk-ZPURFK4C.js';
+export { FormField } from './chunk-C5ULP2P5.js';
+export { GatewayStatusIndicator } from './chunk-JR4H3FJ2.js';
+export { HOOK_EVENTS, HookConfig } from './chunk-U3AEEFVB.js';
+export { HookEventLog } from './chunk-ZJXOHLQE.js';
+export { Input } from './chunk-BYUWQ6OP.js';
+export { IntentSelector } from './chunk-BSF4Y4UT.js';
+export { Label } from './chunk-TY6NTWN5.js';
+export { LaneBoard } from './chunk-GCKFA7X7.js';
+export { DangerZone } from './chunk-52J7SDYH.js';
+export { Dialog } from './chunk-CSEGVTKO.js';
+export { DiffViewer } from './chunk-K72DJOXR.js';
+export { DropdownMenu } from './chunk-SXKGWHAM.js';
+export { EmptyState } from './chunk-RPZMFGYI.js';
+export { ExportChatDialog } from './chunk-W47V2F3Q.js';
+export { FolderContextCard } from './chunk-AENNHS3S.js';
+export { FolderSelector } from './chunk-SQ66DCXY.js';
+export { ChatThread } from './chunk-CCG7PXLX.js';
+export { Checkbox } from './chunk-JRW53TVG.js';
+export { ContextCard } from './chunk-QV4BQRNH.js';
+export { ContextWindowBar } from './chunk-23YEYNDS.js';
+export { CopyButton } from './chunk-Z6HZMGO2.js';
+export { CostMeter } from './chunk-VB53UMAL.js';
+export { CreatedFilesCard } from './chunk-2NZYMQKT.js';
+export { CronJobCard } from './chunk-P44UAK45.js';
+export { BadgeWithDot as Badge, badgeVariants } from './chunk-624AATQZ.js';
+export { BranchIndicator } from './chunk-RQT5DWGG.js';
+export { BrowserControls } from './chunk-B2FL7KBJ.js';
+export { BuildLogStream } from './chunk-KDE3NYTI.js';
+import { isDev } from './chunk-ML7WLNIK.js';
+export { Button, buttonVariants } from './chunk-25KBUQEQ.js';
+export { CapabilityIndicator, capabilityPresets } from './chunk-WD42UBGR.js';
+export { Card } from './chunk-AXNJFBYX.js';
+export { ChannelCard } from './chunk-ZAMPCRFJ.js';
+export { AgentStartingState } from './chunk-QNYOIVQ4.js';
+export { AgentStreaming } from './chunk-YD2QEVHO.js';
+export { Alert } from './chunk-ZZZIOTLC.js';
+export { ArtifactPreview } from './chunk-YES6SPDT.js';
+export { AttachmentChip } from './chunk-HHSKNB32.js';
+export { AuditLogEntry } from './chunk-45FWKR23.js';
+export { AutoCompactNotice } from './chunk-RJ6RAMKH.js';
+export { Avatar, avatarVariants } from './chunk-ABBXLAJW.js';
+export { adaptApplyPatchResult, adaptGitDiffResult, adaptListDirResult, adaptReadFileResult, adaptShellResult, parseResult, parseUnifiedDiff } from './chunk-4EKF4EIE.js';
+export { ActionBar } from './chunk-ZEFOXF2I.js';
+export { AgentErrorCard } from './chunk-W7I3ZX66.js';
 import './chunk-UGKI466V.js';
-import { cn } from './chunk-ZSRJCIWF.js';
-export { cn } from './chunk-ZSRJCIWF.js';
+export { AgentEvent } from './chunk-YVXMWUWD.js';
+export { AgentHandoff } from './chunk-RJBCTMVW.js';
+export { AgentProfile } from './chunk-33ETHPT7.js';
+import { cn } from './chunk-EWDN56AS.js';
+export { cn } from './chunk-EWDN56AS.js';
 import { createContext, useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import * as v from 'valibot';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
 import { Palette, Check, Moon, Sun } from 'lucide-react';
 
+// src/themes/color-value-pattern.ts
+var OKLCH_RELATIVE_OR_STATIC = String.raw`(?:oklch|oklab)\(\s*` + // Optional `from var(--token)` prefix.
+String.raw`(?:from\s+var\(--[a-zA-Z0-9-]+\)\s+)?` + // 1+ component tokens: calc(no-nested) | single letter | numeric | `none` | `/`.
+// max()/min() may wrap a calc(); calc() itself stays flat. Single nesting depth.
+String.raw`(?:max\([^(){}]*(?:\([^(){}]*\))?[^(){}]*\)|min\([^(){}]*(?:\([^(){}]*\))?[^(){}]*\)|calc\([^();{}]+\)|[a-z]|-?\d+(?:\.\d+)?%?|none|\/|\s)+` + String.raw`\)`;
+var CONSERVATIVE_COLOR_FN = String.raw`(?:rgb|rgba|hsl|hsla|lab|lch|color)\(\s*[\d.\s%,/+\-]+\s*\)`;
+var HEX = String.raw`#[0-9a-fA-F]{3,8}`;
+var HSL_SPLIT = String.raw`-?\d+(?:\.\d+)?%?(?:\s+-?\d+(?:\.\d+)?%?){1,3}`;
+var VAR_REF = String.raw`var\(--[a-zA-Z0-9-]+(?:\s*,\s*[^();{}]+)?\)`;
+var KEYWORDS = String.raw`transparent|currentColor|inherit|initial|unset`;
+var COLOR_VALUE_PATTERN = new RegExp(
+  `^(${HEX}|${OKLCH_RELATIVE_OR_STATIC}|${CONSERVATIVE_COLOR_FN}|${HSL_SPLIT}|${VAR_REF}|${KEYWORDS})$`
+);
 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; }
@@ -158,16 +183,115 @@ function useDensity() {
   }
   return ctx;
 }
+var THEME_NAME_PATTERN = /^[a-z][a-z0-9-]*$/;
+var FONT_FAMILY_PATTERN = /^[\w\s,"'\-.]+$/;
+var colorValueSchema = v.pipe(
+  v.string(),
+  v.check(
+    (value) => COLOR_VALUE_PATTERN.test(value),
+    "color value did not match the allowed format (hex, oklch, hsl, rgb, var(), HSL split, or CSS keyword)"
+  )
+);
+var themeNameSchema = v.pipe(
+  v.string(),
+  v.check(
+    (value) => THEME_NAME_PATTERN.test(value),
+    "theme name must match /^[a-z][a-z0-9-]*$/ (lowercase + digits + hyphens, starts with a letter)"
+  )
+);
+var fontFamilySchema = v.pipe(
+  v.string(),
+  v.check(
+    (value) => FONT_FAMILY_PATTERN.test(value),
+    "font family contains disallowed characters (parens, semicolons, etc.)"
+  )
+);
+var fontsSchema = v.object({
+  display: fontFamilySchema,
+  body: fontFamilySchema,
+  mono: fontFamilySchema
+});
+var colorScaleSchema = v.object({
+  background: colorValueSchema,
+  foreground: colorValueSchema,
+  card: colorValueSchema,
+  "card-foreground": colorValueSchema,
+  popover: colorValueSchema,
+  "popover-foreground": colorValueSchema,
+  primary: colorValueSchema,
+  // Optional since T3.2 (ADR-0006) — CSS derives via oklch(from var(--primary) ...).
+  "primary-deep": v.optional(colorValueSchema),
+  "primary-glow": v.optional(colorValueSchema),
+  "primary-foreground": colorValueSchema,
+  secondary: colorValueSchema,
+  "secondary-foreground": colorValueSchema,
+  accent: colorValueSchema,
+  "accent-deep": v.optional(colorValueSchema),
+  "accent-foreground": colorValueSchema,
+  muted: colorValueSchema,
+  "muted-foreground": colorValueSchema,
+  border: colorValueSchema,
+  input: colorValueSchema,
+  ring: colorValueSchema,
+  success: colorValueSchema,
+  "success-foreground": colorValueSchema,
+  warning: colorValueSchema,
+  "warning-foreground": colorValueSchema,
+  destructive: colorValueSchema,
+  "destructive-foreground": colorValueSchema,
+  info: colorValueSchema,
+  "info-foreground": colorValueSchema,
+  "status-online": colorValueSchema,
+  "status-online-foreground": colorValueSchema,
+  "status-offline": colorValueSchema,
+  "status-offline-foreground": colorValueSchema,
+  "status-degraded": colorValueSchema,
+  "status-degraded-foreground": colorValueSchema,
+  "status-info": colorValueSchema,
+  "status-info-foreground": colorValueSchema
+});
+var themeSchema = v.object({
+  name: themeNameSchema,
+  label: v.string(),
+  description: v.optional(v.string()),
+  fonts: fontsSchema,
+  light: colorScaleSchema,
+  dark: colorScaleSchema,
+  fontUrls: v.optional(
+    v.array(
+      v.pipe(
+        v.string(),
+        v.url(),
+        v.check(
+          (value) => /^https?:\/\//i.test(value),
+          "fontUrls must use http(s) protocol (javascript:, data:, etc. are rejected)"
+        )
+      )
+    )
+  )
+});
+function validateTheme(theme) {
+  const result = v.safeParse(themeSchema, theme);
+  if (result.success) return { success: true };
+  return { success: false, issues: result.issues };
+}
+function formatThemeIssues(themeName, issues) {
+  const lines = [`[@theokit/ui] theme '${themeName}' failed validation:`];
+  for (const issue of issues) {
+    const path = (issue.path ?? []).map((segment) => typeof segment.key === "string" ? segment.key : String(segment.key)).join(".");
+    lines.push(`  - ${path || "(root)"}: ${issue.message}`);
+  }
+  return lines.join("\n");
+}
 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";
+var FONT_FAMILY_PATTERN2 = /^[\w\s,"'\-.]+$/;
+var THEME_NAME_PATTERN2 = /^[a-z][a-z0-9-]*$/;
+var IS_DEV = isDev();
 function rejectOrFallback(scope, value, fallback) {
   if (IS_DEV) {
     throw new Error(
-      `[@usetheo/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.`
+      `[@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;
@@ -177,11 +301,11 @@ function validatedColor(token, value) {
   return rejectOrFallback(`color "${token}"`, value, "transparent");
 }
 function validatedFontFamily(slot, value) {
-  if (FONT_FAMILY_PATTERN.test(value)) return value;
+  if (FONT_FAMILY_PATTERN2.test(value)) return value;
   return rejectOrFallback(`fontFamily "${slot}"`, value, "inherit");
 }
 function validatedThemeName(value) {
-  if (THEME_NAME_PATTERN.test(value)) return value;
+  if (THEME_NAME_PATTERN2.test(value)) return value;
   return rejectOrFallback("theme.name", value, "invalid-theme");
 }
 function colorScaleToCss(name, mode, colors) {
@@ -222,8 +346,8 @@ function injectThemeCss(themes) {
 function loadThemeFonts(theme) {
   if (typeof document === "undefined") return;
   if (!theme.fontUrls) return;
-  for (const url of theme.fontUrls) {
-    const safe2 = safeHref(url);
+  for (const url2 of theme.fontUrls) {
+    const safe2 = safeHref(url2);
     if (!safe2) continue;
     if (document.head.querySelector(`link[rel="stylesheet"][href="${CSS.escape(safe2)}"]`)) {
       continue;
@@ -235,8 +359,11 @@ function loadThemeFonts(theme) {
   }
 }
 function warnStorageFailure(scope, err) {
-  if (typeof process === "undefined" || process.env.NODE_ENV === "production") return;
-  console.warn(`[@usetheo/ui] theme storage failure (${scope}):`, err);
+  if (!isDev()) return;
+  console.warn(`[@theokit/ui] theme storage failure (${scope}):`, err);
+}
+function warnInvalidTheme(message) {
+  console.warn(message);
 }
 function ThemeProvider({
   children,
@@ -244,7 +371,8 @@ function ThemeProvider({
   defaultMode = "dark",
   themes: themesProp,
   storageKey = "theo-ui:theme",
-  defaultDensity = "comfortable"
+  defaultDensity = "comfortable",
+  respectSystemMode = true
 }) {
   if (!themesProp || themesProp.length === 0) {
     throw new Error(
@@ -252,6 +380,17 @@ function ThemeProvider({
     );
   }
   const mergedThemes = useMemo(() => {
+    for (const t of themesProp) {
+      const result = validateTheme(t);
+      if (!result.success) {
+        const message = formatThemeIssues(
+          t.name ?? "(unnamed)",
+          result.issues ?? []
+        );
+        if (IS_DEV) throw new Error(message);
+        warnInvalidTheme(message);
+      }
+    }
     for (const t of themesProp) {
       validatedThemeName(t.name);
       validatedFontFamily("display", t.fonts.display);
@@ -275,6 +414,7 @@ function ThemeProvider({
   const [themeName, setThemeName] = useState(defaultTheme);
   const [mode, setModeState] = useState(defaultMode);
   const [density, setDensityState] = useState(defaultDensity);
+  const userOverrodeModeRef = useRef(false);
   const skipFirstPersistRef = useRef(true);
   useEffect(() => {
     if (typeof window === "undefined" || !storageKey) return;
@@ -283,7 +423,10 @@ function ThemeProvider({
       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 (storedMode === "dark" || storedMode === "light") {
+        setModeState(storedMode);
+        userOverrodeModeRef.current = true;
+      }
       if (storedDensity === "compact" || storedDensity === "comfortable" || storedDensity === "spacious") {
         setDensityState(storedDensity);
       }
@@ -291,6 +434,23 @@ function ThemeProvider({
       warnStorageFailure("read theme + mode + density", err);
     }
   }, [storageKey]);
+  useEffect(() => {
+    if (!respectSystemMode) return;
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+    const mql = window.matchMedia("(prefers-color-scheme: dark)");
+    if (!userOverrodeModeRef.current) {
+      setModeState(mql.matches ? "dark" : "light");
+    }
+    const onChange = (event) => {
+      if (!userOverrodeModeRef.current) {
+        setModeState(event.matches ? "dark" : "light");
+      }
+    };
+    mql.addEventListener("change", onChange);
+    return () => {
+      mql.removeEventListener("change", onChange);
+    };
+  }, [respectSystemMode]);
   useEffect(() => {
     injectThemeCss(themes);
   }, [themes]);
@@ -320,11 +480,14 @@ function ThemeProvider({
     }
   }, [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 setMode = useCallback((next) => {
+    userOverrodeModeRef.current = true;
+    setModeState(next);
+  }, []);
+  const toggleMode = useCallback(() => {
+    userOverrodeModeRef.current = true;
+    setModeState((cur) => cur === "light" ? "dark" : "light");
+  }, []);
   const setDensity = useCallback((next) => setDensityState(next), []);
   const registerTheme = useCallback((theme) => {
     setThemes((cur) => {
@@ -468,64 +631,74 @@ var violetForge = {
     "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%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.146 0 0)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.146 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.146 0 0)",
+    primary: "oklch(0.628 0.225 296)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.97 0 0)",
+    "secondary-foreground": "oklch(0.146 0 0)",
+    accent: "oklch(0.621 0.132 39)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.97 0 0)",
+    "muted-foreground": "oklch(0.555 0 0)",
+    border: "oklch(0.931 0 0)",
+    input: "oklch(0.931 0 0)",
+    ring: "oklch(0.628 0.225 296)",
+    success: "oklch(0.611 0.161 149.7)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.67 0.154 60.6)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.214 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.626 0.186 259.6)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.611 0.161 149.7)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.214 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.67 0.154 60.6)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.626 0.186 259.6)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.146 0 0)",
+    foreground: "oklch(0.97 0 0)",
+    card: "oklch(0.182 0 0)",
+    "card-foreground": "oklch(0.97 0 0)",
+    popover: "oklch(0.204 0 0)",
+    "popover-foreground": "oklch(0.97 0 0)",
+    primary: "oklch(0.628 0.225 296)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.227 0 0)",
+    "secondary-foreground": "oklch(0.97 0 0)",
+    accent: "oklch(0.621 0.132 39)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.227 0 0)",
+    "muted-foreground": "oklch(0.683 0 0)",
+    border: "oklch(0.28 0 0)",
+    input: "oklch(0.227 0 0)",
+    ring: "oklch(0.628 0.225 296)",
+    success: "oklch(0.814 0.192 155.7)",
+    "success-foreground": "oklch(0.146 0 0)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.146 0 0)",
+    destructive: "oklch(0.677 0.213 15.6)",
+    "destructive-foreground": "oklch(0.146 0 0)",
+    info: "oklch(0.732 0.142 254.4)",
+    "info-foreground": "oklch(0.146 0 0)",
+    "status-online": "oklch(0.814 0.192 155.7)",
+    "status-online-foreground": "oklch(0.146 0 0)",
+    "status-offline": "oklch(0.677 0.213 15.6)",
+    "status-offline-foreground": "oklch(0.146 0 0)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.146 0 0)",
+    "status-info": "oklch(0.732 0.142 254.4)",
+    "status-info-foreground": "oklch(0.146 0 0)"
   }
 };
 
@@ -543,66 +716,76 @@ var classicPaper = {
     "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%"
+    background: "oklch(0.95 0.025 80)",
+    foreground: "oklch(0.206 0.039 265.5)",
+    card: "oklch(0.97 0.012 80)",
+    "card-foreground": "oklch(0.206 0.039 265.5)",
+    popover: "oklch(0.98 0.008 80)",
+    "popover-foreground": "oklch(0.206 0.039 265.5)",
+    primary: "oklch(0.545 0.215 262.7)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.93 0.02 80)",
+    "secondary-foreground": "oklch(0.206 0.039 265.5)",
+    accent: "oklch(0.647 0.139 69)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.93 0.02 80)",
+    "muted-foreground": "oklch(0.45 0.03 80)",
+    border: "oklch(0.88 0.025 80)",
+    input: "oklch(0.92 0.02 80)",
+    ring: "oklch(0.545 0.215 262.7)",
+    success: "oklch(0.611 0.161 149.7)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.67 0.154 60.6)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.214 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.626 0.186 259.6)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.611 0.161 149.7)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.214 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.67 0.154 60.6)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.626 0.186 259.6)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   // 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%"
+    background: "oklch(0.177 0.029 265.8)",
+    foreground: "oklch(0.984 0.003 247.9)",
+    card: "oklch(0.206 0.039 265.5)",
+    "card-foreground": "oklch(0.984 0.003 247.9)",
+    popover: "oklch(0.206 0.039 265.5)",
+    "popover-foreground": "oklch(0.984 0.003 247.9)",
+    primary: "oklch(0.626 0.186 259.6)",
+    "primary-foreground": "oklch(0.206 0.039 265.5)",
+    secondary: "oklch(0.291 0.022 259.9)",
+    "secondary-foreground": "oklch(0.984 0.003 247.9)",
+    accent: "oklch(0.803 0.15 74.7)",
+    "accent-foreground": "oklch(0.206 0.039 265.5)",
+    muted: "oklch(0.291 0.022 259.9)",
+    "muted-foreground": "oklch(0.71 0.035 256.8)",
+    border: "oklch(0.329 0.026 259.9)",
+    input: "oklch(0.291 0.022 259.9)",
+    ring: "oklch(0.626 0.186 259.6)",
+    success: "oklch(0.814 0.192 155.7)",
+    "success-foreground": "oklch(0.206 0.039 265.5)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.206 0.039 265.5)",
+    destructive: "oklch(0.677 0.213 15.6)",
+    "destructive-foreground": "oklch(0.206 0.039 265.5)",
+    info: "oklch(0.732 0.142 254.4)",
+    "info-foreground": "oklch(0.206 0.039 265.5)",
+    "status-online": "oklch(0.814 0.192 155.7)",
+    "status-online-foreground": "oklch(0.206 0.039 265.5)",
+    "status-offline": "oklch(0.677 0.213 15.6)",
+    "status-offline-foreground": "oklch(0.206 0.039 265.5)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.206 0.039 265.5)",
+    "status-info": "oklch(0.732 0.142 254.4)",
+    "status-info-foreground": "oklch(0.206 0.039 265.5)"
   }
 };
 
@@ -620,64 +803,74 @@ var auroraTerminal = {
     "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%"
+    background: "oklch(0.966 0.006 264.5)",
+    foreground: "oklch(0.206 0.039 265.5)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.206 0.039 265.5)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.206 0.039 265.5)",
+    primary: "oklch(0.714 0.12 191)",
+    "primary-foreground": "oklch(0.206 0.039 265.5)",
+    secondary: "oklch(0.968 0.007 247.9)",
+    "secondary-foreground": "oklch(0.206 0.039 265.5)",
+    accent: "oklch(0.646 0.206 4.9)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.926 0.013 255)",
+    "muted-foreground": "oklch(0.556 0.04 256.8)",
+    border: "oklch(0.926 0.013 255)",
+    input: "oklch(0.926 0.013 255)",
+    ring: "oklch(0.714 0.12 191)",
+    success: "oklch(0.711 0.171 155.2)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.67 0.154 60.6)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.214 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.626 0.186 259.6)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.711 0.171 155.2)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.214 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.67 0.154 60.6)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.626 0.186 259.6)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.169 0.021 268.7)",
+    foreground: "oklch(0.966 0.006 264.5)",
+    card: "oklch(0.199 0.027 268.5)",
+    "card-foreground": "oklch(0.966 0.006 264.5)",
+    popover: "oklch(0.199 0.027 268.5)",
+    "popover-foreground": "oklch(0.966 0.006 264.5)",
+    primary: "oklch(0.834 0.122 191.9)",
+    "primary-foreground": "oklch(0.169 0.021 268.7)",
+    secondary: "oklch(0.242 0.03 266.3)",
+    "secondary-foreground": "oklch(0.966 0.006 264.5)",
+    accent: "oklch(0.68 0.2 3.6)",
+    "accent-foreground": "oklch(0.169 0.021 268.7)",
+    muted: "oklch(0.242 0.03 266.3)",
+    "muted-foreground": "oklch(0.71 0.035 256.8)",
+    border: "oklch(0.281 0.035 266.3)",
+    input: "oklch(0.242 0.03 266.3)",
+    ring: "oklch(0.834 0.122 191.9)",
+    success: "oklch(0.814 0.192 155.7)",
+    "success-foreground": "oklch(0.169 0.021 268.7)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.169 0.021 268.7)",
+    destructive: "oklch(0.677 0.213 15.6)",
+    "destructive-foreground": "oklch(0.169 0.021 268.7)",
+    info: "oklch(0.732 0.142 254.4)",
+    "info-foreground": "oklch(0.169 0.021 268.7)",
+    "status-online": "oklch(0.814 0.192 155.7)",
+    "status-online-foreground": "oklch(0.169 0.021 268.7)",
+    "status-offline": "oklch(0.677 0.213 15.6)",
+    "status-offline-foreground": "oklch(0.169 0.021 268.7)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.169 0.021 268.7)",
+    "status-info": "oklch(0.732 0.142 254.4)",
+    "status-info-foreground": "oklch(0.169 0.021 268.7)"
   }
 };
 
@@ -744,39 +937,36 @@ function parseHex(input) {
   }
   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 rgbToOklch(r, g, b) {
+  const linearize = (c) => {
+    const cn2 = c / 255;
+    return cn2 <= 0.04045 ? cn2 / 12.92 : ((cn2 + 0.055) / 1.055) ** 2.4;
+  };
+  const rl = linearize(r);
+  const gl = linearize(g);
+  const bl = linearize(b);
+  const l_ = 0.4122214708 * rl + 0.5363325363 * gl + 0.0514459929 * bl;
+  const m_ = 0.2119034982 * rl + 0.6806995451 * gl + 0.1073969566 * bl;
+  const s_ = 0.0883024619 * rl + 0.2817188376 * gl + 0.6299787005 * bl;
+  const l = Math.cbrt(l_);
+  const m = Math.cbrt(m_);
+  const s = Math.cbrt(s_);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const a = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const bComp = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  const C = Math.sqrt(a * a + bComp * bComp);
+  let H = Math.atan2(bComp, a) * 180 / Math.PI;
+  if (H < 0) H += 360;
+  const round = (n, d) => {
+    const f = 10 ** d;
+    return Math.round(n * f) / f;
+  };
+  const hOut = C < 1e-4 ? 0 : round(H, 1);
+  return `oklch(${round(L, 3)} ${round(C, 3)} ${hOut})`;
 }
 function hex(input) {
   const { r, g, b } = parseHex(input);
-  return rgbToHsl(r, g, b);
+  return rgbToOklch(r, g, b);
 }
 function rgb(r, g, b) {
   for (const value of [r, g, b]) {
@@ -786,7 +976,7 @@ function rgb(r, g, b) {
       );
     }
   }
-  return rgbToHsl(Math.round(r), Math.round(g), Math.round(b));
+  return rgbToOklch(Math.round(r), Math.round(g), Math.round(b));
 }
 
 // src/themes/vercel-mono.ts
@@ -803,64 +993,74 @@ var vercelMono = {
     "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%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0 0 0)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0 0 0)",
+    primary: "oklch(0.57 0.211 257.9)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.97 0 0)",
+    "secondary-foreground": "oklch(0 0 0)",
+    accent: "oklch(0.57 0.211 257.9)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.97 0 0)",
+    "muted-foreground": "oklch(0.51 0 0)",
+    border: "oklch(0.939 0 0)",
+    input: "oklch(0.939 0 0)",
+    ring: "oklch(0.57 0.211 257.9)",
+    success: "oklch(0.687 0.127 174)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.687 0.155 62.5)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.531 0.218 29.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.57 0.211 257.9)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.687 0.127 174)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.531 0.218 29.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.687 0.155 62.5)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.57 0.211 257.9)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.146 0 0)",
+    foreground: "oklch(0.947 0 0)",
+    card: "oklch(0.182 0 0)",
+    "card-foreground": "oklch(0.947 0 0)",
+    popover: "oklch(0.182 0 0)",
+    "popover-foreground": "oklch(0.947 0 0)",
+    primary: "oklch(0.627 0.203 256.2)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.248 0 0)",
+    "secondary-foreground": "oklch(0.947 0 0)",
+    accent: "oklch(0.661 0.184 254.7)",
+    "accent-foreground": "oklch(0 0 0)",
+    muted: "oklch(0.248 0 0)",
+    "muted-foreground": "oklch(0.683 0 0)",
+    border: "oklch(0.321 0 0)",
+    input: "oklch(0.321 0 0)",
+    ring: "oklch(0.627 0.203 256.2)",
+    success: "oklch(0.837 0.237 148.6)",
+    "success-foreground": "oklch(0 0 0)",
+    warning: "oklch(0.81 0.136 70.9)",
+    "warning-foreground": "oklch(0 0 0)",
+    destructive: "oklch(0.634 0.251 28.5)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.627 0.203 256.2)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.837 0.237 148.6)",
+    "status-online-foreground": "oklch(0 0 0)",
+    "status-offline": "oklch(0.634 0.251 28.5)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.81 0.136 70.9)",
+    "status-degraded-foreground": "oklch(0 0 0)",
+    "status-info": "oklch(0.627 0.203 256.2)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };
 
@@ -878,64 +1078,74 @@ var githubDark = {
     "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%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.276 0.013 253.5)",
+    card: "oklch(0.976 0.004 247.9)",
+    "card-foreground": "oklch(0.276 0.013 253.5)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.276 0.013 253.5)",
+    primary: "oklch(0.539 0.187 257.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.976 0.004 247.9)",
+    "secondary-foreground": "oklch(0.276 0.013 253.5)",
+    accent: "oklch(0.592 0.19 256.7)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.976 0.004 247.9)",
+    "muted-foreground": "oklch(0.531 0.018 253.4)",
+    border: "oklch(0.874 0.01 247.9)",
+    input: "oklch(0.874 0.01 247.9)",
+    ring: "oklch(0.539 0.187 257.1)",
+    success: "oklch(0.524 0.14 147.9)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.556 0.116 76.9)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.549 0.203 23.7)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.539 0.187 257.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.524 0.14 147.9)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.549 0.203 23.7)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.556 0.116 76.9)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.539 0.187 257.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.176 0.014 256.8)",
+    foreground: "oklch(0.966 0.012 247.9)",
+    card: "oklch(0.221 0.015 256.8)",
+    "card-foreground": "oklch(0.966 0.012 247.9)",
+    popover: "oklch(0.221 0.015 256.8)",
+    "popover-foreground": "oklch(0.966 0.012 247.9)",
+    primary: "oklch(0.637 0.182 254.9)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.252 0.019 256.8)",
+    "secondary-foreground": "oklch(0.966 0.012 247.9)",
+    accent: "oklch(0.66 0.17 255.2)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.252 0.019 256.8)",
+    "muted-foreground": "oklch(0.668 0.018 253.4)",
+    border: "oklch(0.326 0.016 253.5)",
+    input: "oklch(0.326 0.016 253.5)",
+    ring: "oklch(0.637 0.182 254.9)",
+    success: "oklch(0.712 0.18 147.9)",
+    "success-foreground": "oklch(0 0 0)",
+    warning: "oklch(0.726 0.142 80.6)",
+    "warning-foreground": "oklch(0 0 0)",
+    destructive: "oklch(0.653 0.209 25.9)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.637 0.182 254.9)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.712 0.18 147.9)",
+    "status-online-foreground": "oklch(0 0 0)",
+    "status-offline": "oklch(0.653 0.209 25.9)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.726 0.142 80.6)",
+    "status-degraded-foreground": "oklch(0 0 0)",
+    "status-info": "oklch(0.637 0.182 254.9)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };
 
@@ -953,64 +1163,74 @@ var dracula = {
     "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%"
+    background: "oklch(0.977 0.008 106.5)",
+    foreground: "oklch(0.284 0.022 277.1)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.284 0.022 277.1)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.284 0.022 277.1)",
+    primary: "oklch(0.489 0.227 305.4)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.949 0.011 106.6)",
+    "secondary-foreground": "oklch(0.284 0.022 277.1)",
+    accent: "oklch(0.438 0.191 302.4)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.949 0.011 106.6)",
+    "muted-foreground": "oklch(0.478 0.051 270.1)",
+    border: "oklch(0.919 0.012 106.6)",
+    input: "oklch(0.919 0.012 106.6)",
+    ring: "oklch(0.489 0.227 305.4)",
+    success: "oklch(0.515 0.1 147.3)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.549 0.111 82.7)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.504 0.187 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.533 0.093 217.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.515 0.1 147.3)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.504 0.187 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.549 0.111 82.7)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.533 0.093 217.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.284 0.022 277.1)",
+    foreground: "oklch(0.977 0.008 106.5)",
+    card: "oklch(0.322 0.024 278.1)",
+    "card-foreground": "oklch(0.977 0.008 106.5)",
+    popover: "oklch(0.322 0.024 278.1)",
+    "popover-foreground": "oklch(0.977 0.008 106.5)",
+    primary: "oklch(0.756 0.181 347.2)",
+    "primary-foreground": "oklch(0.284 0.022 277.1)",
+    secondary: "oklch(0.376 0.03 278)",
+    "secondary-foreground": "oklch(0.977 0.008 106.5)",
+    accent: "oklch(0.747 0.146 302.2)",
+    "accent-foreground": "oklch(0.284 0.022 277.1)",
+    muted: "oklch(0.376 0.03 278)",
+    "muted-foreground": "oklch(0.688 0.055 270.5)",
+    border: "oklch(0.403 0.032 278)",
+    input: "oklch(0.403 0.032 278)",
+    ring: "oklch(0.756 0.181 347.2)",
+    success: "oklch(0.871 0.218 148)",
+    "success-foreground": "oklch(0.284 0.022 277.1)",
+    warning: "oklch(0.955 0.137 112.9)",
+    "warning-foreground": "oklch(0.284 0.022 277.1)",
+    destructive: "oklch(0.684 0.205 24.3)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.882 0.093 213.7)",
+    "info-foreground": "oklch(0.284 0.022 277.1)",
+    "status-online": "oklch(0.871 0.218 148)",
+    "status-online-foreground": "oklch(0.284 0.022 277.1)",
+    "status-offline": "oklch(0.684 0.205 24.3)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.955 0.137 112.9)",
+    "status-degraded-foreground": "oklch(0.284 0.022 277.1)",
+    "status-info": "oklch(0.882 0.093 213.7)",
+    "status-info-foreground": "oklch(0.284 0.022 277.1)"
   }
 };
 
@@ -1028,64 +1248,74 @@ var oneDark = {
     "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%"
+    background: "oklch(0.985 0 0)",
+    foreground: "oklch(0.35 0.014 276.7)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.35 0.014 276.7)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.35 0.014 276.7)",
+    primary: "oklch(0.529 0.235 262.3)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.962 0 0)",
+    "secondary-foreground": "oklch(0.35 0.014 276.7)",
+    accent: "oklch(0.522 0.209 328.8)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.962 0 0)",
+    "muted-foreground": "oklch(0.588 0.013 276.9)",
+    border: "oklch(0.923 0 0)",
+    input: "oklch(0.923 0 0)",
+    ring: "oklch(0.529 0.235 262.3)",
+    success: "oklch(0.515 0.111 143.4)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.555 0.116 77)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.544 0.194 29.8)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.499 0.108 236.7)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.515 0.111 143.4)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.544 0.194 29.8)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.555 0.116 77)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.499 0.108 236.7)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.292 0.016 264.3)",
+    foreground: "oklch(0.761 0.021 264.4)",
+    card: "oklch(0.262 0.013 264.3)",
+    "card-foreground": "oklch(0.761 0.021 264.4)",
+    popover: "oklch(0.262 0.013 264.3)",
+    "popover-foreground": "oklch(0.761 0.021 264.4)",
+    primary: "oklch(0.732 0.121 245.2)",
+    "primary-foreground": "oklch(0.292 0.016 264.3)",
+    secondary: "oklch(0.34 0.019 264.3)",
+    "secondary-foreground": "oklch(0.761 0.021 264.4)",
+    accent: "oklch(0.694 0.163 318)",
+    "accent-foreground": "oklch(0.292 0.016 264.3)",
+    muted: "oklch(0.34 0.019 264.3)",
+    "muted-foreground": "oklch(0.63 0.02 264.4)",
+    border: "oklch(0.387 0.023 264.3)",
+    input: "oklch(0.387 0.023 264.3)",
+    ring: "oklch(0.732 0.121 245.2)",
+    success: "oklch(0.768 0.11 133.1)",
+    "success-foreground": "oklch(0.292 0.016 264.3)",
+    warning: "oklch(0.727 0.095 63.5)",
+    "warning-foreground": "oklch(0.292 0.016 264.3)",
+    destructive: "oklch(0.67 0.145 16.7)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.722 0.091 206.9)",
+    "info-foreground": "oklch(0.292 0.016 264.3)",
+    "status-online": "oklch(0.768 0.11 133.1)",
+    "status-online-foreground": "oklch(0.292 0.016 264.3)",
+    "status-offline": "oklch(0.67 0.145 16.7)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.727 0.095 63.5)",
+    "status-degraded-foreground": "oklch(0.292 0.016 264.3)",
+    "status-info": "oklch(0.722 0.091 206.9)",
+    "status-info-foreground": "oklch(0.292 0.016 264.3)"
   }
 };
 
@@ -1103,64 +1333,74 @@ var anthropicStyle = {
     "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%"
+    background: "oklch(0.982 0.005 106.5)",
+    foreground: "oklch(0.216 0 0)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.216 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.216 0 0)",
+    primary: "oklch(0.555 0.13 38.8)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.946 0.009 91.5)",
+    "secondary-foreground": "oklch(0.216 0 0)",
+    accent: "oklch(0.522 0.075 57.6)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.946 0.009 91.5)",
+    "muted-foreground": "oklch(0.501 0 0)",
+    border: "oklch(0.911 0.015 91.5)",
+    input: "oklch(0.911 0.015 91.5)",
+    ring: "oklch(0.555 0.13 38.8)",
+    success: "oklch(0.518 0.107 146.3)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.539 0.102 70.9)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.487 0.15 28.9)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.492 0.078 233.2)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.518 0.107 146.3)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.487 0.15 28.9)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.539 0.102 70.9)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.492 0.078 233.2)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.216 0 0)",
+    foreground: "oklch(0.951 0.009 78.3)",
+    card: "oklch(0.27 0 0)",
+    "card-foreground": "oklch(0.951 0.009 78.3)",
+    popover: "oklch(0.27 0 0)",
+    "popover-foreground": "oklch(0.951 0.009 78.3)",
+    primary: "oklch(0.679 0.125 40.5)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.301 0 0)",
+    "secondary-foreground": "oklch(0.951 0.009 78.3)",
+    accent: "oklch(0.645 0.072 49.3)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.301 0 0)",
+    "muted-foreground": "oklch(0.719 0.01 67.7)",
+    border: "oklch(0.371 0 0)",
+    input: "oklch(0.371 0 0)",
+    ring: "oklch(0.679 0.125 40.5)",
+    success: "oklch(0.805 0.186 151.6)",
+    "success-foreground": "oklch(0.216 0 0)",
+    warning: "oklch(0.874 0.15 90.2)",
+    "warning-foreground": "oklch(0.216 0 0)",
+    destructive: "oklch(0.636 0.208 25.4)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.722 0.113 233.1)",
+    "info-foreground": "oklch(0.216 0 0)",
+    "status-online": "oklch(0.805 0.186 151.6)",
+    "status-online-foreground": "oklch(0.216 0 0)",
+    "status-offline": "oklch(0.636 0.208 25.4)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.874 0.15 90.2)",
+    "status-degraded-foreground": "oklch(0.216 0 0)",
+    "status-info": "oklch(0.722 0.113 233.1)",
+    "status-info-foreground": "oklch(0.216 0 0)"
   }
 };
 
@@ -1178,64 +1418,74 @@ var openaiStyle = {
     "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%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.248 0 0)",
+    card: "oklch(0.976 0.001 286.4)",
+    "card-foreground": "oklch(0.248 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.248 0 0)",
+    primary: "oklch(0.636 0.124 169.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.968 0.001 286.4)",
+    "secondary-foreground": "oklch(0.248 0 0)",
+    accent: "oklch(0.636 0.124 169.1)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.968 0.001 286.4)",
+    "muted-foreground": "oklch(0.549 0.026 285.5)",
+    border: "oklch(0.923 0 0)",
+    input: "oklch(0.923 0 0)",
+    ring: "oklch(0.636 0.124 169.1)",
+    success: "oklch(0.636 0.124 169.1)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.651 0.158 55.2)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.576 0.218 27.6)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.57 0.211 257.9)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.636 0.124 169.1)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.576 0.218 27.6)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.651 0.158 55.2)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.57 0.211 257.9)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.248 0 0)",
+    foreground: "oklch(0.947 0 0)",
+    card: "oklch(0.301 0 0)",
+    "card-foreground": "oklch(0.947 0 0)",
+    popover: "oklch(0.301 0 0)",
+    "popover-foreground": "oklch(0.947 0 0)",
+    primary: "oklch(0.555 0.125 158.4)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.321 0 0)",
+    "secondary-foreground": "oklch(0.947 0 0)",
+    accent: "oklch(0.808 0.186 157.7)",
+    "accent-foreground": "oklch(0.248 0 0)",
+    muted: "oklch(0.321 0 0)",
+    "muted-foreground": "oklch(0.691 0 0)",
+    border: "oklch(0.38 0 0)",
+    input: "oklch(0.38 0 0)",
+    ring: "oklch(0.722 0.165 157.9)",
+    success: "oklch(0.722 0.165 157.9)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.248 0 0)",
+    destructive: "oklch(0.636 0.208 25.4)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.627 0.203 256.2)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.722 0.165 157.9)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.636 0.208 25.4)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.248 0 0)",
+    "status-info": "oklch(0.627 0.203 256.2)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };
 
@@ -1253,64 +1503,74 @@ var linearGlass = {
     "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%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.232 0.006 285.9)",
+    card: "oklch(0.983 0.002 264.5)",
+    "card-foreground": "oklch(0.232 0.006 285.9)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.232 0.006 285.9)",
+    primary: "oklch(0.523 0.175 273.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.967 0.002 286.4)",
+    "secondary-foreground": "oklch(0.232 0.006 285.9)",
+    accent: "oklch(0.55 0.181 282.4)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.967 0.002 286.4)",
+    "muted-foreground": "oklch(0.533 0.014 285.9)",
+    border: "oklch(0.943 0.004 286.3)",
+    input: "oklch(0.943 0.004 286.3)",
+    ring: "oklch(0.523 0.175 273.1)",
+    success: "oklch(0.583 0.12 160.3)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.665 0.138 68.3)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.221 26.6)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.523 0.175 273.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.583 0.12 160.3)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.221 26.6)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.665 0.138 68.3)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.523 0.175 273.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   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%"
+    background: "oklch(0.165 0.006 285.8)",
+    foreground: "oklch(0.923 0 0)",
+    card: "oklch(0.219 0.009 285.7)",
+    "card-foreground": "oklch(0.923 0 0)",
+    popover: "oklch(0.219 0.009 285.7)",
+    "popover-foreground": "oklch(0.923 0 0)",
+    primary: "oklch(0.627 0.149 285.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.25 0.011 285.6)",
+    "secondary-foreground": "oklch(0.923 0 0)",
+    accent: "oklch(0.718 0.16 291.8)",
+    "accent-foreground": "oklch(0.165 0.006 285.8)",
+    muted: "oklch(0.25 0.011 285.6)",
+    "muted-foreground": "oklch(0.73 0.012 286.1)",
+    border: "oklch(0.282 0.009 285.8)",
+    input: "oklch(0.282 0.009 285.8)",
+    ring: "oklch(0.627 0.149 285.1)",
+    success: "oklch(0.73 0.142 156)",
+    "success-foreground": "oklch(0.165 0.006 285.8)",
+    warning: "oklch(0.813 0.143 66.8)",
+    "warning-foreground": "oklch(0.165 0.006 285.8)",
+    destructive: "oklch(0.706 0.187 20.3)",
+    "destructive-foreground": "oklch(0.165 0.006 285.8)",
+    info: "oklch(0.627 0.149 285.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.73 0.142 156)",
+    "status-online-foreground": "oklch(0.165 0.006 285.8)",
+    "status-offline": "oklch(0.706 0.187 20.3)",
+    "status-offline-foreground": "oklch(0.165 0.006 285.8)",
+    "status-degraded": "oklch(0.813 0.143 66.8)",
+    "status-degraded-foreground": "oklch(0.165 0.006 285.8)",
+    "status-info": "oklch(0.627 0.149 285.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };