@mohasinac/appkit 4.55.0-next.0 → 4.56.0

package/dist/ui/forms/FormShell.style.css

@@ -1,260 +1,260 @@
-/* ─── FormShell ─────────────────────────────────────────────────────────────── */
-
-.appkit-formshell {
-  display: flex;
-  flex-direction: column;
-  gap: var(--appkit-spacing-6, 1.5rem);
-}
-
-/* Header */
-.appkit-formshell__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--appkit-spacing-4, 1rem);
-}
-
-.appkit-formshell__title {
-  font-size: var(--appkit-font-size-lg, 1.125rem);
-  font-weight: 600;
-  color: var(--appkit-color-text-primary);
-}
-
-/* ─── Step Indicator ──────────────────────────────────────────────────────── */
-
-.appkit-formshell__step-indicator {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--appkit-spacing-1, 0.25rem);
-  border-bottom: 1px solid var(--appkit-color-border);
-  padding-bottom: var(--appkit-spacing-3, 0.75rem);
-}
-
-.appkit-formshell__step-btn {
-  display: flex;
-  align-items: center;
-  gap: var(--appkit-spacing-2, 0.5rem);
-  padding: var(--appkit-spacing-1-5, 0.375rem) var(--appkit-spacing-3, 0.75rem);
-  border-radius: var(--appkit-radius-md, 0.375rem);
-  background: transparent;
-  border: 1px solid transparent;
-  color: var(--appkit-color-text-secondary);
-  cursor: pointer;
-  font-size: var(--appkit-font-size-sm, 0.875rem);
-  transition: background 0.15s, border-color 0.15s, color 0.15s;
-}
-
-.appkit-formshell__step-btn:hover {
-  background: var(--appkit-color-surface-hover);
-  border-color: var(--appkit-color-border);
-}
-
-.appkit-formshell__step-btn--active {
-  background: var(--appkit-color-primary-subtle, rgb(from var(--appkit-color-primary) r g b / 0.1));
-  border-color: var(--appkit-color-primary);
-  color: var(--appkit-color-primary);
-  font-weight: 500;
-}
-
-.appkit-formshell__step-btn--error {
-  color: var(--appkit-color-error, #dc2626);
-  border-color: var(--appkit-color-error, #dc2626);
-}
-
-.appkit-formshell__step-dot {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 9999px;
-  background: var(--appkit-color-surface-secondary);
-  font-size: var(--appkit-font-size-xs, 0.75rem);
-  font-weight: 600;
-  flex-shrink: 0;
-}
-
-.appkit-formshell__step-btn--active .appkit-formshell__step-dot {
-  background: var(--appkit-color-primary);
-  color: #fff;
-}
-
-.appkit-formshell__step-btn--error .appkit-formshell__step-dot {
-  background: var(--appkit-color-error, #dc2626);
-  color: #fff;
-}
-
-/* Red dot badge on step dot */
-.appkit-formshell__step-error-badge {
-  position: absolute;
-  top: -3px;
-  right: -3px;
-  width: 8px;
-  height: 8px;
-  border-radius: 9999px;
-  background: var(--appkit-color-error, #dc2626);
-  border: 2px solid var(--appkit-color-surface);
-}
-
-/* Inline error count badge (accordion header) */
-.appkit-formshell__step-error-badge--inline {
-  position: static;
-  width: auto;
-  height: auto;
-  border-radius: var(--appkit-radius-full, 9999px);
-  padding: 0 0.375rem;
-  font-size: var(--appkit-font-size-xs, 0.75rem);
-  font-weight: 600;
-  color: #fff;
-  line-height: 1.4;
-  border: none;
-}
-
-.appkit-formshell__step-label {
-  display: none;
-}
-
-@media (min-width: 640px) {
-  .appkit-formshell__step-label {
-    display: inline;
-  }
-}
-
-/* ─── Error Summary ───────────────────────────────────────────────────────── */
-
-.appkit-formshell__error-summary {
-  border: 1px solid var(--appkit-color-error, #dc2626);
-  border-radius: var(--appkit-radius-md, 0.375rem);
-  padding: var(--appkit-spacing-3, 0.75rem);
-  background: rgb(from var(--appkit-color-error, #dc2626) r g b / 0.05);
-}
-
-.appkit-formshell__error-summary__title {
-  font-weight: 600;
-  margin-bottom: var(--appkit-spacing-2, 0.5rem);
-}
-
-.appkit-formshell__error-summary__list {
-  list-style: disc;
-  padding-left: 1.25rem;
-  display: flex;
-  flex-direction: column;
-  gap: var(--appkit-spacing-1, 0.25rem);
-}
-
-.appkit-formshell__error-summary__step-link {
-  background: none;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-.appkit-formshell__error-summary__step-link:hover {
-  color: var(--appkit-color-error, #dc2626);
-}
-
-/* ─── Body + Steps ───────────────────────────────────────────────────────── */
-
-.appkit-formshell__body {
-  flex: 1;
-  /* Ensure body content is not hidden under the sticky footer. The footer is
-     ~56px tall; add generous padding so the last field is always reachable. */
-  padding-bottom: 5rem;
-}
-
-.appkit-formshell__steps {
-  display: flex;
-  flex-direction: column;
-  gap: var(--appkit-spacing-1, 0.25rem);
-}
-
-.appkit-formshell__step {
-  border: 1px solid var(--appkit-color-border);
-  border-radius: var(--appkit-radius-md, 0.375rem);
-  overflow: hidden;
-}
-
-.appkit-formshell__step--active {
-  border-color: var(--appkit-color-primary);
-}
-
-.appkit-formshell__step--error {
-  border-color: var(--appkit-color-error, #dc2626);
-}
-
-/* Mobile accordion button — hidden on lg+ (step indicator handles navigation) */
-.appkit-formshell__step-accordion-btn {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: var(--appkit-spacing-3, 0.75rem) var(--appkit-spacing-4, 1rem);
-  background: var(--appkit-color-surface-secondary);
-  border: none;
-  cursor: pointer;
-  font-size: var(--appkit-font-size-sm, 0.875rem);
-  font-weight: 500;
-  color: var(--appkit-color-text-primary);
-  text-align: left;
-}
-
-.appkit-formshell__step-accordion-label {
-  flex: 1;
-}
-
-/* On lg+ the accordion controls are purely decorative; the step indicator drives navigation */
-@media (min-width: 1024px) {
-  .appkit-formshell--accordion-mobile .appkit-formshell__step-accordion-btn {
-    display: none;
-  }
-
-  .appkit-formshell--accordion-mobile .appkit-formshell__step [hidden] {
-    display: block !important;
-  }
-
-  .appkit-formshell--accordion-mobile .appkit-formshell__step-content {
-    display: block !important;
-  }
-}
-
-.appkit-formshell__step-content {
-  padding: 0.75rem 1.25rem;
-}
-
-@media (max-width: 639px) {
-  .appkit-formshell__step-content {
-    padding: 0.5rem 0.875rem;
-  }
-}
-/* --- Footer --------------------------------------------------------------- */
-
-/*
- * `.appkit-formshell__footer`, `__step-nav` and `__actions` were deleted here:
- * `ui/forms/FormShell.tsx` is context/state only and renders no footer JSX, so
- * nothing had referenced them for a long time. The real form footer lives in
- * `features/shell/FormShell.tsx` and is an ActionRow now.
- *
- * Worth recording: this dead block held the ONLY `flex-wrap: wrap` on any
- * action row in the codebase. Every live footer had lost it.
- */
-
-/* ─── Dark mode ──────────────────────────────────────────────────────────── */
-
-.dark .appkit-formshell__title {
-  color: var(--appkit-color-text-primary-dark, inherit);
-}
-
-.dark .appkit-formshell__step-accordion-btn {
-  background: var(--appkit-color-surface-secondary-dark, var(--appkit-color-surface-secondary));
-  color: var(--appkit-color-text-primary-dark, inherit);
-}
-
-.dark .appkit-formshell__error-summary {
-  background: rgb(from var(--appkit-color-error, #dc2626) r g b / 0.1);
-}
+/* ─── FormShell ─────────────────────────────────────────────────────────────── */
+
+.appkit-formshell {
+  display: flex;
+  flex-direction: column;
+  gap: var(--appkit-spacing-6, 1.5rem);
+}
+
+/* Header */
+.appkit-formshell__header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--appkit-spacing-4, 1rem);
+}
+
+.appkit-formshell__title {
+  font-size: var(--appkit-font-size-lg, 1.125rem);
+  font-weight: 600;
+  color: var(--appkit-color-text-primary);
+}
+
+/* ─── Step Indicator ──────────────────────────────────────────────────────── */
+
+.appkit-formshell__step-indicator {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--appkit-spacing-1, 0.25rem);
+  border-bottom: 1px solid var(--appkit-color-border);
+  padding-bottom: var(--appkit-spacing-3, 0.75rem);
+}
+
+.appkit-formshell__step-btn {
+  display: flex;
+  align-items: center;
+  gap: var(--appkit-spacing-2, 0.5rem);
+  padding: var(--appkit-spacing-1-5, 0.375rem) var(--appkit-spacing-3, 0.75rem);
+  border-radius: var(--appkit-radius-md, 0.375rem);
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--appkit-color-text-secondary);
+  cursor: pointer;
+  font-size: var(--appkit-font-size-sm, 0.875rem);
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+
+.appkit-formshell__step-btn:hover {
+  background: var(--appkit-color-surface-hover);
+  border-color: var(--appkit-color-border);
+}
+
+.appkit-formshell__step-btn--active {
+  background: var(--appkit-color-primary-subtle, rgb(from var(--appkit-color-primary) r g b / 0.1));
+  border-color: var(--appkit-color-primary);
+  color: var(--appkit-color-primary);
+  font-weight: 500;
+}
+
+.appkit-formshell__step-btn--error {
+  color: var(--appkit-color-error, #dc2626);
+  border-color: var(--appkit-color-error, #dc2626);
+}
+
+.appkit-formshell__step-dot {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: 9999px;
+  background: var(--appkit-color-surface-secondary);
+  font-size: var(--appkit-font-size-xs, 0.75rem);
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.appkit-formshell__step-btn--active .appkit-formshell__step-dot {
+  background: var(--appkit-color-primary);
+  color: #fff;
+}
+
+.appkit-formshell__step-btn--error .appkit-formshell__step-dot {
+  background: var(--appkit-color-error, #dc2626);
+  color: #fff;
+}
+
+/* Red dot badge on step dot */
+.appkit-formshell__step-error-badge {
+  position: absolute;
+  top: -3px;
+  right: -3px;
+  width: 8px;
+  height: 8px;
+  border-radius: 9999px;
+  background: var(--appkit-color-error, #dc2626);
+  border: 2px solid var(--appkit-color-surface);
+}
+
+/* Inline error count badge (accordion header) */
+.appkit-formshell__step-error-badge--inline {
+  position: static;
+  width: auto;
+  height: auto;
+  border-radius: var(--appkit-radius-full, 9999px);
+  padding: 0 0.375rem;
+  font-size: var(--appkit-font-size-xs, 0.75rem);
+  font-weight: 600;
+  color: #fff;
+  line-height: 1.4;
+  border: none;
+}
+
+.appkit-formshell__step-label {
+  display: none;
+}
+
+@media (min-width: 640px) {
+  .appkit-formshell__step-label {
+    display: inline;
+  }
+}
+
+/* ─── Error Summary ───────────────────────────────────────────────────────── */
+
+.appkit-formshell__error-summary {
+  border: 1px solid var(--appkit-color-error, #dc2626);
+  border-radius: var(--appkit-radius-md, 0.375rem);
+  padding: var(--appkit-spacing-3, 0.75rem);
+  background: rgb(from var(--appkit-color-error, #dc2626) r g b / 0.05);
+}
+
+.appkit-formshell__error-summary__title {
+  font-weight: 600;
+  margin-bottom: var(--appkit-spacing-2, 0.5rem);
+}
+
+.appkit-formshell__error-summary__list {
+  list-style: disc;
+  padding-left: 1.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: var(--appkit-spacing-1, 0.25rem);
+}
+
+.appkit-formshell__error-summary__step-link {
+  background: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.appkit-formshell__error-summary__step-link:hover {
+  color: var(--appkit-color-error, #dc2626);
+}
+
+/* ─── Body + Steps ───────────────────────────────────────────────────────── */
+
+.appkit-formshell__body {
+  flex: 1;
+  /* Ensure body content is not hidden under the sticky footer. The footer is
+     ~56px tall; add generous padding so the last field is always reachable. */
+  padding-bottom: 5rem;
+}
+
+.appkit-formshell__steps {
+  display: flex;
+  flex-direction: column;
+  gap: var(--appkit-spacing-1, 0.25rem);
+}
+
+.appkit-formshell__step {
+  border: 1px solid var(--appkit-color-border);
+  border-radius: var(--appkit-radius-md, 0.375rem);
+  overflow: hidden;
+}
+
+.appkit-formshell__step--active {
+  border-color: var(--appkit-color-primary);
+}
+
+.appkit-formshell__step--error {
+  border-color: var(--appkit-color-error, #dc2626);
+}
+
+/* Mobile accordion button — hidden on lg+ (step indicator handles navigation) */
+.appkit-formshell__step-accordion-btn {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: var(--appkit-spacing-3, 0.75rem) var(--appkit-spacing-4, 1rem);
+  background: var(--appkit-color-surface-secondary);
+  border: none;
+  cursor: pointer;
+  font-size: var(--appkit-font-size-sm, 0.875rem);
+  font-weight: 500;
+  color: var(--appkit-color-text-primary);
+  text-align: left;
+}
+
+.appkit-formshell__step-accordion-label {
+  flex: 1;
+}
+
+/* On lg+ the accordion controls are purely decorative; the step indicator drives navigation */
+@media (min-width: 1024px) {
+  .appkit-formshell--accordion-mobile .appkit-formshell__step-accordion-btn {
+    display: none;
+  }
+
+  .appkit-formshell--accordion-mobile .appkit-formshell__step [hidden] {
+    display: block !important;
+  }
+
+  .appkit-formshell--accordion-mobile .appkit-formshell__step-content {
+    display: block !important;
+  }
+}
+
+.appkit-formshell__step-content {
+  padding: 0.75rem 1.25rem;
+}
+
+@media (max-width: 639px) {
+  .appkit-formshell__step-content {
+    padding: 0.5rem 0.875rem;
+  }
+}
+/* --- Footer --------------------------------------------------------------- */
+
+/*
+ * `.appkit-formshell__footer`, `__step-nav` and `__actions` were deleted here:
+ * `ui/forms/FormShell.tsx` is context/state only and renders no footer JSX, so
+ * nothing had referenced them for a long time. The real form footer lives in
+ * `features/shell/FormShell.tsx` and is an ActionRow now.
+ *
+ * Worth recording: this dead block held the ONLY `flex-wrap: wrap` on any
+ * action row in the codebase. Every live footer had lost it.
+ */
+
+/* ─── Dark mode ──────────────────────────────────────────────────────────── */
+
+.dark .appkit-formshell__title {
+  color: var(--appkit-color-text-primary-dark, inherit);
+}
+
+.dark .appkit-formshell__step-accordion-btn {
+  background: var(--appkit-color-surface-secondary-dark, var(--appkit-color-surface-secondary));
+  color: var(--appkit-color-text-primary-dark, inherit);
+}
+
+.dark .appkit-formshell__error-summary {
+  background: rgb(from var(--appkit-color-error, #dc2626) r g b / 0.1);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "4.55.0-next.0",
+  "version": "4.56.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

package/dist/tokens/themes/technical-dark.d.ts

@@ -1,30 +0,0 @@
-import type { ThemeRecord } from "./types";
-/**
- * Theme template — Technical Dark.
- *
- * A developer-tool identity rather than a marketing one: a near-black graphite
- * base, ONE elevation step, hairline borders, and accents drawn from a syntax
- * palette (keyword violet, string green, number amber, error red) reused
- * semantically for difficulty badges, submission verdicts and status chips.
- *
- * Deliberately different from `default-dark` (crimson + cyan on navy): there is
- * no brand gradient wash, surfaces sit close together in luminance, and the
- * type stack is mono-forward — `display`/`sans` are monospace for headings,
- * labels, IDs and tables, while `editorial` carries a real reading face so
- * 2,000-word lessons stay comfortable. That three-slot split is why no separate
- * "prose font" token was needed.
- *
- * Not a built-in (`builtIn: false`) — seeded as a selectable template that an
- * admin can assign as the default dark theme or clone from `ThemeManagerView`.
- * Only overrides the tokens the matching CSS block overrides; everything else
- * (spacing, font sizes, unredefined gradients) falls back to
- * `DEFAULT_DARK_THEME`, the same way the CSS block cascades from `:root`.
- *
- * Contrast against `appkit-color-bg` (#0b0d10), measured not estimated:
- * text 15.82:1, muted 7.72:1, faint 4.68:1, primary 6.53:1, and every status
- * colour ≥ 4.5:1 (lowest: error 7.01:1). Nothing here is AA-large-only.
- *
- * Mirrors the `[data-theme="technical-dark"]` block in
- * `appkit/src/tokens/tokens.css`; the two must stay byte-identical.
- */
-export declare const TECHNICAL_DARK_THEME: ThemeRecord;

package/dist/tokens/themes/technical-dark.js

@@ -1,103 +0,0 @@
-import { DEFAULT_DARK_THEME } from "./default-dark.js";
-/**
- * Theme template — Technical Dark.
- *
- * A developer-tool identity rather than a marketing one: a near-black graphite
- * base, ONE elevation step, hairline borders, and accents drawn from a syntax
- * palette (keyword violet, string green, number amber, error red) reused
- * semantically for difficulty badges, submission verdicts and status chips.
- *
- * Deliberately different from `default-dark` (crimson + cyan on navy): there is
- * no brand gradient wash, surfaces sit close together in luminance, and the
- * type stack is mono-forward — `display`/`sans` are monospace for headings,
- * labels, IDs and tables, while `editorial` carries a real reading face so
- * 2,000-word lessons stay comfortable. That three-slot split is why no separate
- * "prose font" token was needed.
- *
- * Not a built-in (`builtIn: false`) — seeded as a selectable template that an
- * admin can assign as the default dark theme or clone from `ThemeManagerView`.
- * Only overrides the tokens the matching CSS block overrides; everything else
- * (spacing, font sizes, unredefined gradients) falls back to
- * `DEFAULT_DARK_THEME`, the same way the CSS block cascades from `:root`.
- *
- * Contrast against `appkit-color-bg` (#0b0d10), measured not estimated:
- * text 15.82:1, muted 7.72:1, faint 4.68:1, primary 6.53:1, and every status
- * colour ≥ 4.5:1 (lowest: error 7.01:1). Nothing here is AA-large-only.
- *
- * Mirrors the `[data-theme="technical-dark"]` block in
- * `appkit/src/tokens/tokens.css`; the two must stay byte-identical.
- */
-export const TECHNICAL_DARK_THEME = {
-    id: "technical-dark",
-    name: "Technical Dark",
-    mode: "dark",
-    builtIn: false,
-    tokens: {
-        // Brand — keyword violet. Chosen because it reads as "syntax", not
-        // "product", and sits far from every status hue below.
-        "appkit-color-primary": "#7c8cff",
-        "appkit-color-primary-50": "#eef0ff",
-        "appkit-color-primary-100": "#e0e4ff",
-        "appkit-color-primary-200": "#c7cdff",
-        "appkit-color-primary-300": "#a5aeff",
-        "appkit-color-primary-400": "#8e99ff",
-        "appkit-color-primary-500": "#7c8cff",
-        "appkit-color-primary-600": "#5a68e8",
-        "appkit-color-primary-700": "#4650c4",
-        "appkit-color-primary-800": "#373f9c",
-        "appkit-color-primary-900": "#2b317a",
-        "appkit-color-primary-950": "#171a45",
-        // Secondary — string green.
-        "appkit-color-secondary": "#56d39a",
-        "appkit-color-secondary-50": "#ecfdf5",
-        "appkit-color-secondary-100": "#d1fae5",
-        "appkit-color-secondary-200": "#a7f3d0",
-        "appkit-color-secondary-300": "#7ee7b8",
-        "appkit-color-secondary-400": "#56d39a",
-        "appkit-color-secondary-500": "#34b87d",
-        "appkit-color-secondary-600": "#1f9664",
-        "appkit-color-secondary-700": "#187752",
-        "appkit-color-secondary-800": "#155e42",
-        "appkit-color-secondary-900": "#124b36",
-        "appkit-color-secondary-950": "#062a1d",
-        // Surfaces — one elevation step, hairline borders. Editor chrome.
-        "appkit-color-bg": "#0b0d10",
-        "appkit-color-surface": "#13161b",
-        "appkit-color-surface-elevated": "rgba(19, 22, 27, 0.92)",
-        "appkit-color-surface-input": "rgba(27, 31, 38, 0.7)",
-        "appkit-color-surface-hover": "rgba(148, 163, 184, 0.1)",
-        "appkit-color-surface-raised": "rgba(27, 31, 38, 0.8)",
-        "appkit-color-primary-surface": "rgba(124, 140, 255, 0.16)",
-        "appkit-color-border": "#242a33",
-        "appkit-color-border-subtle": "rgba(36, 42, 51, 0.6)",
-        "appkit-color-text": "#e4e8ee",
-        "appkit-color-text-muted": "#9aa4b2",
-        // 4.68:1 — clears AA at body size, so faint metadata is still readable
-        // rather than merely decorative.
-        "appkit-color-text-faint": "#747d8c",
-        // Dark ink on the violet fill: 6.53:1, where white measures only 2.98:1
-        // and would fail. This is why primary is not simply paired with white.
-        "appkit-color-text-on-primary": "#0b0d10",
-        "appkit-color-success": "#4ade80",
-        "appkit-color-success-surface": "rgba(22, 101, 68, 0.22)",
-        "appkit-color-warning": "#f2b544",
-        "appkit-color-warning-surface": "rgba(120, 78, 10, 0.22)",
-        "appkit-color-error": "#ff6b6b",
-        "appkit-color-error-surface": "rgba(140, 30, 30, 0.22)",
-        "appkit-color-info": "#58b4ff",
-        "appkit-color-info-surface": "rgba(12, 74, 110, 0.22)",
-        // Amber, deliberately NOT any status or brand hue: a focus ring that
-        // doubles as an error colour is unreadable on an invalid field.
-        "appkit-color-focus-ring": "#ffb86b",
-        // Flatter than the default theme's glow — editor chrome, not neon.
-        "appkit-shadow-glow": "0 0 0 1px rgba(124,140,255,0.14), 0 4px 16px -6px rgba(124,140,255,0.2)",
-        "appkit-shadow-glow-pink": "0 0 0 1px rgba(86,211,154,0.14), 0 4px 18px -6px rgba(86,211,154,0.22)",
-        // Mono-forward: headings, labels, IDs, nav and tables are monospace;
-        // `editorial` is the reading face for lessons and blog prose.
-        "appkit-font-display": "var(--font-mono), \"JetBrains Mono\", \"IBM Plex Mono\", ui-monospace, \"SFMono-Regular\", Consolas, monospace",
-        "appkit-font-sans": "var(--font-mono), \"JetBrains Mono\", \"IBM Plex Mono\", ui-monospace, \"SFMono-Regular\", Consolas, monospace",
-        "appkit-font-editorial": "var(--font-body), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
-        "appkit-font-mono": "var(--font-mono), \"JetBrains Mono\", \"IBM Plex Mono\", ui-monospace, \"SFMono-Regular\", Consolas, monospace",
-    },
-    gradients: { ...DEFAULT_DARK_THEME.gradients },
-};