achery-ui 0.6.2 → 0.7.0

package/dist/tokens/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLJ24EJ3N_cjs = require('../chunk-LJ24EJ3N.cjs');
+var chunkRVXGXYS6_cjs = require('../chunk-RVXGXYS6.cjs');
 
 // src/tokens/spacing.ts
 var spacingScale = [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80];
@@ -100,68 +100,88 @@ var zIndex = {
 };
 
 // src/tokens/semantic.ts
+var materialDefaults = {
+  // Material system — leather signature defaults; overridden by setMaterial in native context
+  materialLeather: chunkRVXGXYS6_cjs.palette.leather,
+  materialLeatherFg: chunkRVXGXYS6_cjs.palette.paper,
+  materialWood: chunkRVXGXYS6_cjs.palette.wood,
+  materialWoodFg: chunkRVXGXYS6_cjs.palette.paper,
+  materialCopper: chunkRVXGXYS6_cjs.palette.copper,
+  materialCopperFg: chunkRVXGXYS6_cjs.palette.ink,
+  gold: chunkRVXGXYS6_cjs.palette.gold,
+  goldDeep: chunkRVXGXYS6_cjs.palette.goldDeep,
+  goldLight: chunkRVXGXYS6_cjs.palette.goldLight,
+  silverLight: chunkRVXGXYS6_cjs.palette.silverLight,
+  silverDeep: chunkRVXGXYS6_cjs.palette.silverDeep,
+  copperPatina: chunkRVXGXYS6_cjs.palette.copperPatina
+};
 var lightTokens = {
-  bg: chunkLJ24EJ3N_cjs.palette.paper,
-  bg2: chunkLJ24EJ3N_cjs.palette.paperWarm,
-  bgSunken: chunkLJ24EJ3N_cjs.palette.paperToasted,
+  bg: chunkRVXGXYS6_cjs.palette.paper,
+  bg2: chunkRVXGXYS6_cjs.palette.paperWarm,
+  bgSunken: chunkRVXGXYS6_cjs.palette.paperToasted,
   surface: "#fdfaf3",
-  surface2: chunkLJ24EJ3N_cjs.palette.paperWarm,
-  fg: chunkLJ24EJ3N_cjs.palette.ink,
+  surface2: chunkRVXGXYS6_cjs.palette.paperWarm,
+  fg: chunkRVXGXYS6_cjs.palette.ink,
   fg2: "#4a463c",
   fg3: "#6e6a5e",
   fgMute: "#8a8576",
-  border: chunkLJ24EJ3N_cjs.palette.ink,
+  border: chunkRVXGXYS6_cjs.palette.ink,
   border2: "#6e6a5e",
   borderMute: "#b8ad94",
-  rule: chunkLJ24EJ3N_cjs.palette.inkDeep,
-  accent: chunkLJ24EJ3N_cjs.palette.terracotta,
-  accentFg: chunkLJ24EJ3N_cjs.palette.paper,
-  accent2: chunkLJ24EJ3N_cjs.palette.moss,
-  accent3: chunkLJ24EJ3N_cjs.palette.plum,
-  success: chunkLJ24EJ3N_cjs.palette.success,
-  warn: chunkLJ24EJ3N_cjs.palette.ochre,
-  danger: chunkLJ24EJ3N_cjs.palette.rust,
-  info: chunkLJ24EJ3N_cjs.palette.plumMid,
-  selectionBg: chunkLJ24EJ3N_cjs.palette.ochre,
-  selectionFg: chunkLJ24EJ3N_cjs.palette.ink
+  rule: chunkRVXGXYS6_cjs.palette.inkDeep,
+  accent: chunkRVXGXYS6_cjs.palette.terracotta,
+  accentFg: chunkRVXGXYS6_cjs.palette.paper,
+  accent2: chunkRVXGXYS6_cjs.palette.moss,
+  accent3: chunkRVXGXYS6_cjs.palette.plum,
+  success: chunkRVXGXYS6_cjs.palette.success,
+  warn: chunkRVXGXYS6_cjs.palette.ochre,
+  danger: chunkRVXGXYS6_cjs.palette.rust,
+  info: chunkRVXGXYS6_cjs.palette.plumMid,
+  selectionBg: chunkRVXGXYS6_cjs.palette.ochre,
+  selectionFg: chunkRVXGXYS6_cjs.palette.ink,
+  ...materialDefaults
 };
 var darkTokens = {
-  bg: chunkLJ24EJ3N_cjs.palette.inkDeep,
+  bg: chunkRVXGXYS6_cjs.palette.inkDeep,
   bg2: "#1f1d18",
   bgSunken: "#0c0b08",
   surface: "#26241e",
   surface2: "#2d2a23",
-  fg: chunkLJ24EJ3N_cjs.palette.cream,
+  fg: chunkRVXGXYS6_cjs.palette.cream,
   fg2: "#b8ad94",
   fg3: "#8a8576",
   fgMute: "#6e6a5e",
-  border: chunkLJ24EJ3N_cjs.palette.cream,
+  border: chunkRVXGXYS6_cjs.palette.cream,
   border2: "#8a8576",
   borderMute: "#4a463c",
-  rule: chunkLJ24EJ3N_cjs.palette.cream,
-  accent: chunkLJ24EJ3N_cjs.palette.terracottaLight,
-  accentFg: chunkLJ24EJ3N_cjs.palette.inkDeep,
-  accent2: chunkLJ24EJ3N_cjs.palette.mossLight,
-  accent3: chunkLJ24EJ3N_cjs.palette.plumLight,
+  rule: chunkRVXGXYS6_cjs.palette.cream,
+  accent: chunkRVXGXYS6_cjs.palette.terracottaLight,
+  accentFg: chunkRVXGXYS6_cjs.palette.inkDeep,
+  accent2: chunkRVXGXYS6_cjs.palette.mossLight,
+  accent3: chunkRVXGXYS6_cjs.palette.plumLight,
   success: "#7fba4a",
-  warn: chunkLJ24EJ3N_cjs.palette.ochre,
-  danger: chunkLJ24EJ3N_cjs.palette.terracotta,
-  info: chunkLJ24EJ3N_cjs.palette.plumMid,
-  selectionBg: chunkLJ24EJ3N_cjs.palette.mossLight,
-  selectionFg: chunkLJ24EJ3N_cjs.palette.inkDeep
+  warn: chunkRVXGXYS6_cjs.palette.ochre,
+  danger: chunkRVXGXYS6_cjs.palette.terracotta,
+  info: chunkRVXGXYS6_cjs.palette.plumMid,
+  selectionBg: chunkRVXGXYS6_cjs.palette.mossLight,
+  selectionFg: chunkRVXGXYS6_cjs.palette.inkDeep,
+  ...materialDefaults,
+  // In dark mode, gilt is bumped to gold-light so it stays legible on dark paper
+  goldDeep: chunkRVXGXYS6_cjs.palette.goldLight,
+  silverDeep: chunkRVXGXYS6_cjs.palette.silverLight
 };
 
 Object.defineProperty(exports, "accentColorNames", {
   enumerable: true,
-  get: function () { return chunkLJ24EJ3N_cjs.accentColorNames; }
+  get: function () { return chunkRVXGXYS6_cjs.accentColorNames; }
 });
 Object.defineProperty(exports, "accentColors", {
   enumerable: true,
-  get: function () { return chunkLJ24EJ3N_cjs.accentColors; }
+  get: function () { return chunkRVXGXYS6_cjs.accentColors; }
 });
 Object.defineProperty(exports, "palette", {
   enumerable: true,
-  get: function () { return chunkLJ24EJ3N_cjs.palette; }
+  get: function () { return chunkRVXGXYS6_cjs.palette; }
 });
 exports.darkTokens = darkTokens;
 exports.duration = duration;

package/dist/tokens/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tokens/spacing.ts","../../src/tokens/typography.ts","../../src/tokens/radius.ts","../../src/tokens/shadows.ts","../../src/tokens/motion.ts","../../src/tokens/semantic.ts"],"names":["palette"],"mappings":"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","file":"index.cjs","sourcesContent":["export const spacingScale = [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80] as const\n\nexport const spacing = {\n  sp0: 0,\n  sp1: 2,\n  sp2: 4,\n  sp3: 6,\n  sp4: 8,\n  sp5: 12,\n  sp6: 16,\n  sp7: 20,\n  sp8: 24,\n  sp9: 32,\n  sp10: 40,\n  sp11: 56,\n  sp12: 80,\n} as const\n\nexport const px = (n: number): string => `${n}px`\n","export const fontFamilies = {\n  display: \"'Roboto Slab', 'Rockwell', 'Courier New', serif\",\n  body: \"'Space Grotesk', 'Helvetica Neue', 'Inter', system-ui, sans-serif\",\n  mono: \"'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace\",\n} as const\n\nexport const fontSizes = {\n  xs: '11px',\n  sm: '12px',\n  md: '14px',\n  lg: '16px',\n  xl: '20px',\n  '2xl': '26px',\n  '3xl': '34px',\n  '4xl': '46px',\n  '5xl': '64px',\n  '6xl': '88px',\n} as const\n\nexport const fontWeights = {\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  black: 900,\n} as const\n\nexport const lineHeights = {\n  tight: 1.08,\n  snug: 1.2,\n  base: 1.45,\n  loose: 1.65,\n} as const\n\nexport const letterSpacings = {\n  tight: '-0.02em',\n  snug: '-0.01em',\n  base: '0',\n  wide: '0.04em',\n  wider: '0.08em',\n  widest: '0.18em',\n} as const\n\nexport const googleFontsUrl =\n  'https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap'\n","export const radius = {\n  none: '0',\n  hairline: '1px',\n  sm: '2px',\n  pill: '999px',\n} as const\n","export const shadows = {\n  stamp: '2px 2px 0 0',\n  stampLg: '4px 4px 0 0',\n  pressLight: 'inset 0 1px 0 rgba(20,19,15,0.18)',\n  pressDark: 'inset 0 1px 0 rgba(232,223,200,0.10)',\n  softLight: '0 1px 0 rgba(20,19,15,0.12), 0 0 0 1px rgba(20,19,15,0.04)',\n  softDark: '0 1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(232,223,200,0.05)',\n} as const\n","export const duration = {\n  fast: '120ms',\n  base: '180ms',\n  slow: '320ms',\n} as const\n\nexport const easing = {\n  out: 'cubic-bezier(.2,.7,.2,1)',\n  in: 'cubic-bezier(.6,.0,.8,.3)',\n  snap: 'cubic-bezier(.5,1.6,.4,1)',\n} as const\n\nexport const zIndex = {\n  base: 1,\n  sticky: 10,\n  overlay: 50,\n  modal: 100,\n  toast: 200,\n} as const\n","import { palette } from './palette'\n\nexport const lightTokens = {\n  bg: palette.paper,\n  bg2: palette.paperWarm,\n  bgSunken: palette.paperToasted,\n  surface: '#fdfaf3',\n  surface2: palette.paperWarm,\n\n  fg: palette.ink,\n  fg2: '#4a463c',\n  fg3: '#6e6a5e',\n  fgMute: '#8a8576',\n\n  border: palette.ink,\n  border2: '#6e6a5e',\n  borderMute: '#b8ad94',\n  rule: palette.inkDeep,\n\n  accent: palette.terracotta,\n  accentFg: palette.paper,\n  accent2: palette.moss,\n  accent3: palette.plum,\n\n  success: palette.success,\n  warn: palette.ochre,\n  danger: palette.rust,\n  info: palette.plumMid,\n\n  selectionBg: palette.ochre,\n  selectionFg: palette.ink,\n} as const\n\nexport const darkTokens = {\n  bg: palette.inkDeep,\n  bg2: '#1f1d18',\n  bgSunken: '#0c0b08',\n  surface: '#26241e',\n  surface2: '#2d2a23',\n\n  fg: palette.cream,\n  fg2: '#b8ad94',\n  fg3: '#8a8576',\n  fgMute: '#6e6a5e',\n\n  border: palette.cream,\n  border2: '#8a8576',\n  borderMute: '#4a463c',\n  rule: palette.cream,\n\n  accent: palette.terracottaLight,\n  accentFg: palette.inkDeep,\n  accent2: palette.mossLight,\n  accent3: palette.plumLight,\n\n  success: '#7fba4a',\n  warn: palette.ochre,\n  danger: palette.terracotta,\n  info: palette.plumMid,\n\n  selectionBg: palette.mossLight,\n  selectionFg: palette.inkDeep,\n} as const\n\nexport type SemanticTokens = typeof lightTokens | typeof darkTokens\n"]}
+{"version":3,"sources":["../../src/tokens/spacing.ts","../../src/tokens/typography.ts","../../src/tokens/radius.ts","../../src/tokens/shadows.ts","../../src/tokens/motion.ts","../../src/tokens/semantic.ts"],"names":["palette"],"mappings":"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","file":"index.cjs","sourcesContent":["export const spacingScale = [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80] as const\n\nexport const spacing = {\n  sp0: 0,\n  sp1: 2,\n  sp2: 4,\n  sp3: 6,\n  sp4: 8,\n  sp5: 12,\n  sp6: 16,\n  sp7: 20,\n  sp8: 24,\n  sp9: 32,\n  sp10: 40,\n  sp11: 56,\n  sp12: 80,\n} as const\n\nexport const px = (n: number): string => `${n}px`\n","export const fontFamilies = {\n  display: \"'Roboto Slab', 'Rockwell', 'Courier New', serif\",\n  body: \"'Space Grotesk', 'Helvetica Neue', 'Inter', system-ui, sans-serif\",\n  mono: \"'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace\",\n} as const\n\nexport const fontSizes = {\n  xs: '11px',\n  sm: '12px',\n  md: '14px',\n  lg: '16px',\n  xl: '20px',\n  '2xl': '26px',\n  '3xl': '34px',\n  '4xl': '46px',\n  '5xl': '64px',\n  '6xl': '88px',\n} as const\n\nexport const fontWeights = {\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  black: 900,\n} as const\n\nexport const lineHeights = {\n  tight: 1.08,\n  snug: 1.2,\n  base: 1.45,\n  loose: 1.65,\n} as const\n\nexport const letterSpacings = {\n  tight: '-0.02em',\n  snug: '-0.01em',\n  base: '0',\n  wide: '0.04em',\n  wider: '0.08em',\n  widest: '0.18em',\n} as const\n\nexport const googleFontsUrl =\n  'https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap'\n","export const radius = {\n  none: '0',\n  hairline: '1px',\n  sm: '2px',\n  pill: '999px',\n} as const\n","export const shadows = {\n  stamp: '2px 2px 0 0',\n  stampLg: '4px 4px 0 0',\n  pressLight: 'inset 0 1px 0 rgba(20,19,15,0.18)',\n  pressDark: 'inset 0 1px 0 rgba(232,223,200,0.10)',\n  softLight: '0 1px 0 rgba(20,19,15,0.12), 0 0 0 1px rgba(20,19,15,0.04)',\n  softDark: '0 1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(232,223,200,0.05)',\n} as const\n","export const duration = {\n  fast: '120ms',\n  base: '180ms',\n  slow: '320ms',\n} as const\n\nexport const easing = {\n  out: 'cubic-bezier(.2,.7,.2,1)',\n  in: 'cubic-bezier(.6,.0,.8,.3)',\n  snap: 'cubic-bezier(.5,1.6,.4,1)',\n} as const\n\nexport const zIndex = {\n  base: 1,\n  sticky: 10,\n  overlay: 50,\n  modal: 100,\n  toast: 200,\n} as const\n","import { palette } from './palette'\n\nconst materialDefaults = {\n  // Material system — leather signature defaults; overridden by setMaterial in native context\n  materialLeather: palette.leather,\n  materialLeatherFg: palette.paper,\n  materialWood: palette.wood,\n  materialWoodFg: palette.paper,\n  materialCopper: palette.copper,\n  materialCopperFg: palette.ink,\n  gold: palette.gold,\n  goldDeep: palette.goldDeep,\n  goldLight: palette.goldLight,\n  silverLight: palette.silverLight,\n  silverDeep: palette.silverDeep,\n  copperPatina: palette.copperPatina,\n}\n\nexport const lightTokens = {\n  bg: palette.paper,\n  bg2: palette.paperWarm,\n  bgSunken: palette.paperToasted,\n  surface: '#fdfaf3',\n  surface2: palette.paperWarm,\n\n  fg: palette.ink,\n  fg2: '#4a463c',\n  fg3: '#6e6a5e',\n  fgMute: '#8a8576',\n\n  border: palette.ink,\n  border2: '#6e6a5e',\n  borderMute: '#b8ad94',\n  rule: palette.inkDeep,\n\n  accent: palette.terracotta,\n  accentFg: palette.paper,\n  accent2: palette.moss,\n  accent3: palette.plum,\n\n  success: palette.success,\n  warn: palette.ochre,\n  danger: palette.rust,\n  info: palette.plumMid,\n\n  selectionBg: palette.ochre,\n  selectionFg: palette.ink,\n\n  ...materialDefaults,\n} as const\n\nexport const darkTokens = {\n  bg: palette.inkDeep,\n  bg2: '#1f1d18',\n  bgSunken: '#0c0b08',\n  surface: '#26241e',\n  surface2: '#2d2a23',\n\n  fg: palette.cream,\n  fg2: '#b8ad94',\n  fg3: '#8a8576',\n  fgMute: '#6e6a5e',\n\n  border: palette.cream,\n  border2: '#8a8576',\n  borderMute: '#4a463c',\n  rule: palette.cream,\n\n  accent: palette.terracottaLight,\n  accentFg: palette.inkDeep,\n  accent2: palette.mossLight,\n  accent3: palette.plumLight,\n\n  success: '#7fba4a',\n  warn: palette.ochre,\n  danger: palette.terracotta,\n  info: palette.plumMid,\n\n  selectionBg: palette.mossLight,\n  selectionFg: palette.inkDeep,\n\n  ...materialDefaults,\n  // In dark mode, gilt is bumped to gold-light so it stays legible on dark paper\n  goldDeep: palette.goldLight,\n  silverDeep: palette.silverLight,\n} as const\n\nexport type SemanticTokens = typeof lightTokens | typeof darkTokens\n"]}

package/dist/tokens/index.d.cts

@@ -134,6 +134,18 @@ declare const zIndex: {
 };
 
 declare const lightTokens: {
+    readonly materialLeather: "#6b3a26";
+    readonly materialLeatherFg: "#fbf8f0";
+    readonly materialWood: "#7a5a3a";
+    readonly materialWoodFg: "#fbf8f0";
+    readonly materialCopper: "#b8742a";
+    readonly materialCopperFg: "#1f1d18";
+    readonly gold: "#c69a4a";
+    readonly goldDeep: "#9a7430";
+    readonly goldLight: "#e0bc70";
+    readonly silverLight: "#c8c0b6";
+    readonly silverDeep: "#6e6a62";
+    readonly copperPatina: "#5a7a6a";
     readonly bg: "#fbf8f0";
     readonly bg2: "#f0e9d6";
     readonly bgSunken: "#e6dec5";
@@ -159,6 +171,18 @@ declare const lightTokens: {
     readonly selectionFg: "#1f1d18";
 };
 declare const darkTokens: {
+    readonly goldDeep: "#e0bc70";
+    readonly silverDeep: "#c8c0b6";
+    readonly materialLeather: "#6b3a26";
+    readonly materialLeatherFg: "#fbf8f0";
+    readonly materialWood: "#7a5a3a";
+    readonly materialWoodFg: "#fbf8f0";
+    readonly materialCopper: "#b8742a";
+    readonly materialCopperFg: "#1f1d18";
+    readonly gold: "#c69a4a";
+    readonly goldLight: "#e0bc70";
+    readonly silverLight: "#c8c0b6";
+    readonly copperPatina: "#5a7a6a";
     readonly bg: "#14130f";
     readonly bg2: "#1f1d18";
     readonly bgSunken: "#0c0b08";

package/dist/tokens/index.d.ts

@@ -134,6 +134,18 @@ declare const zIndex: {
 };
 
 declare const lightTokens: {
+    readonly materialLeather: "#6b3a26";
+    readonly materialLeatherFg: "#fbf8f0";
+    readonly materialWood: "#7a5a3a";
+    readonly materialWoodFg: "#fbf8f0";
+    readonly materialCopper: "#b8742a";
+    readonly materialCopperFg: "#1f1d18";
+    readonly gold: "#c69a4a";
+    readonly goldDeep: "#9a7430";
+    readonly goldLight: "#e0bc70";
+    readonly silverLight: "#c8c0b6";
+    readonly silverDeep: "#6e6a62";
+    readonly copperPatina: "#5a7a6a";
     readonly bg: "#fbf8f0";
     readonly bg2: "#f0e9d6";
     readonly bgSunken: "#e6dec5";
@@ -159,6 +171,18 @@ declare const lightTokens: {
     readonly selectionFg: "#1f1d18";
 };
 declare const darkTokens: {
+    readonly goldDeep: "#e0bc70";
+    readonly silverDeep: "#c8c0b6";
+    readonly materialLeather: "#6b3a26";
+    readonly materialLeatherFg: "#fbf8f0";
+    readonly materialWood: "#7a5a3a";
+    readonly materialWoodFg: "#fbf8f0";
+    readonly materialCopper: "#b8742a";
+    readonly materialCopperFg: "#1f1d18";
+    readonly gold: "#c69a4a";
+    readonly goldLight: "#e0bc70";
+    readonly silverLight: "#c8c0b6";
+    readonly copperPatina: "#5a7a6a";
     readonly bg: "#14130f";
     readonly bg2: "#1f1d18";
     readonly bgSunken: "#0c0b08";

package/dist/tokens/index.js

@@ -1,5 +1,5 @@
-import { palette } from '../chunk-NDOQ2YVM.js';
-export { accentColorNames, accentColors, palette } from '../chunk-NDOQ2YVM.js';
+import { palette } from '../chunk-POLIXYAO.js';
+export { accentColorNames, accentColors, palette } from '../chunk-POLIXYAO.js';
 
 // src/tokens/spacing.ts
 var spacingScale = [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80];
@@ -99,6 +99,21 @@ var zIndex = {
 };
 
 // src/tokens/semantic.ts
+var materialDefaults = {
+  // Material system — leather signature defaults; overridden by setMaterial in native context
+  materialLeather: palette.leather,
+  materialLeatherFg: palette.paper,
+  materialWood: palette.wood,
+  materialWoodFg: palette.paper,
+  materialCopper: palette.copper,
+  materialCopperFg: palette.ink,
+  gold: palette.gold,
+  goldDeep: palette.goldDeep,
+  goldLight: palette.goldLight,
+  silverLight: palette.silverLight,
+  silverDeep: palette.silverDeep,
+  copperPatina: palette.copperPatina
+};
 var lightTokens = {
   bg: palette.paper,
   bg2: palette.paperWarm,
@@ -122,7 +137,8 @@ var lightTokens = {
   danger: palette.rust,
   info: palette.plumMid,
   selectionBg: palette.ochre,
-  selectionFg: palette.ink
+  selectionFg: palette.ink,
+  ...materialDefaults
 };
 var darkTokens = {
   bg: palette.inkDeep,
@@ -147,7 +163,11 @@ var darkTokens = {
   danger: palette.terracotta,
   info: palette.plumMid,
   selectionBg: palette.mossLight,
-  selectionFg: palette.inkDeep
+  selectionFg: palette.inkDeep,
+  ...materialDefaults,
+  // In dark mode, gilt is bumped to gold-light so it stays legible on dark paper
+  goldDeep: palette.goldLight,
+  silverDeep: palette.silverLight
 };
 
 export { darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, px, radius, shadows, spacing, spacingScale, zIndex };

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tokens/spacing.ts","../../src/tokens/typography.ts","../../src/tokens/radius.ts","../../src/tokens/shadows.ts","../../src/tokens/motion.ts","../../src/tokens/semantic.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export const spacingScale = [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80] as const\n\nexport const spacing = {\n  sp0: 0,\n  sp1: 2,\n  sp2: 4,\n  sp3: 6,\n  sp4: 8,\n  sp5: 12,\n  sp6: 16,\n  sp7: 20,\n  sp8: 24,\n  sp9: 32,\n  sp10: 40,\n  sp11: 56,\n  sp12: 80,\n} as const\n\nexport const px = (n: number): string => `${n}px`\n","export const fontFamilies = {\n  display: \"'Roboto Slab', 'Rockwell', 'Courier New', serif\",\n  body: \"'Space Grotesk', 'Helvetica Neue', 'Inter', system-ui, sans-serif\",\n  mono: \"'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace\",\n} as const\n\nexport const fontSizes = {\n  xs: '11px',\n  sm: '12px',\n  md: '14px',\n  lg: '16px',\n  xl: '20px',\n  '2xl': '26px',\n  '3xl': '34px',\n  '4xl': '46px',\n  '5xl': '64px',\n  '6xl': '88px',\n} as const\n\nexport const fontWeights = {\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  black: 900,\n} as const\n\nexport const lineHeights = {\n  tight: 1.08,\n  snug: 1.2,\n  base: 1.45,\n  loose: 1.65,\n} as const\n\nexport const letterSpacings = {\n  tight: '-0.02em',\n  snug: '-0.01em',\n  base: '0',\n  wide: '0.04em',\n  wider: '0.08em',\n  widest: '0.18em',\n} as const\n\nexport const googleFontsUrl =\n  'https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap'\n","export const radius = {\n  none: '0',\n  hairline: '1px',\n  sm: '2px',\n  pill: '999px',\n} as const\n","export const shadows = {\n  stamp: '2px 2px 0 0',\n  stampLg: '4px 4px 0 0',\n  pressLight: 'inset 0 1px 0 rgba(20,19,15,0.18)',\n  pressDark: 'inset 0 1px 0 rgba(232,223,200,0.10)',\n  softLight: '0 1px 0 rgba(20,19,15,0.12), 0 0 0 1px rgba(20,19,15,0.04)',\n  softDark: '0 1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(232,223,200,0.05)',\n} as const\n","export const duration = {\n  fast: '120ms',\n  base: '180ms',\n  slow: '320ms',\n} as const\n\nexport const easing = {\n  out: 'cubic-bezier(.2,.7,.2,1)',\n  in: 'cubic-bezier(.6,.0,.8,.3)',\n  snap: 'cubic-bezier(.5,1.6,.4,1)',\n} as const\n\nexport const zIndex = {\n  base: 1,\n  sticky: 10,\n  overlay: 50,\n  modal: 100,\n  toast: 200,\n} as const\n","import { palette } from './palette'\n\nexport const lightTokens = {\n  bg: palette.paper,\n  bg2: palette.paperWarm,\n  bgSunken: palette.paperToasted,\n  surface: '#fdfaf3',\n  surface2: palette.paperWarm,\n\n  fg: palette.ink,\n  fg2: '#4a463c',\n  fg3: '#6e6a5e',\n  fgMute: '#8a8576',\n\n  border: palette.ink,\n  border2: '#6e6a5e',\n  borderMute: '#b8ad94',\n  rule: palette.inkDeep,\n\n  accent: palette.terracotta,\n  accentFg: palette.paper,\n  accent2: palette.moss,\n  accent3: palette.plum,\n\n  success: palette.success,\n  warn: palette.ochre,\n  danger: palette.rust,\n  info: palette.plumMid,\n\n  selectionBg: palette.ochre,\n  selectionFg: palette.ink,\n} as const\n\nexport const darkTokens = {\n  bg: palette.inkDeep,\n  bg2: '#1f1d18',\n  bgSunken: '#0c0b08',\n  surface: '#26241e',\n  surface2: '#2d2a23',\n\n  fg: palette.cream,\n  fg2: '#b8ad94',\n  fg3: '#8a8576',\n  fgMute: '#6e6a5e',\n\n  border: palette.cream,\n  border2: '#8a8576',\n  borderMute: '#4a463c',\n  rule: palette.cream,\n\n  accent: palette.terracottaLight,\n  accentFg: palette.inkDeep,\n  accent2: palette.mossLight,\n  accent3: palette.plumLight,\n\n  success: '#7fba4a',\n  warn: palette.ochre,\n  danger: palette.terracotta,\n  info: palette.plumMid,\n\n  selectionBg: palette.mossLight,\n  selectionFg: palette.inkDeep,\n} as const\n\nexport type SemanticTokens = typeof lightTokens | typeof darkTokens\n"]}
+{"version":3,"sources":["../../src/tokens/spacing.ts","../../src/tokens/typography.ts","../../src/tokens/radius.ts","../../src/tokens/shadows.ts","../../src/tokens/motion.ts","../../src/tokens/semantic.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export const spacingScale = [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80] as const\n\nexport const spacing = {\n  sp0: 0,\n  sp1: 2,\n  sp2: 4,\n  sp3: 6,\n  sp4: 8,\n  sp5: 12,\n  sp6: 16,\n  sp7: 20,\n  sp8: 24,\n  sp9: 32,\n  sp10: 40,\n  sp11: 56,\n  sp12: 80,\n} as const\n\nexport const px = (n: number): string => `${n}px`\n","export const fontFamilies = {\n  display: \"'Roboto Slab', 'Rockwell', 'Courier New', serif\",\n  body: \"'Space Grotesk', 'Helvetica Neue', 'Inter', system-ui, sans-serif\",\n  mono: \"'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace\",\n} as const\n\nexport const fontSizes = {\n  xs: '11px',\n  sm: '12px',\n  md: '14px',\n  lg: '16px',\n  xl: '20px',\n  '2xl': '26px',\n  '3xl': '34px',\n  '4xl': '46px',\n  '5xl': '64px',\n  '6xl': '88px',\n} as const\n\nexport const fontWeights = {\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  black: 900,\n} as const\n\nexport const lineHeights = {\n  tight: 1.08,\n  snug: 1.2,\n  base: 1.45,\n  loose: 1.65,\n} as const\n\nexport const letterSpacings = {\n  tight: '-0.02em',\n  snug: '-0.01em',\n  base: '0',\n  wide: '0.04em',\n  wider: '0.08em',\n  widest: '0.18em',\n} as const\n\nexport const googleFontsUrl =\n  'https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap'\n","export const radius = {\n  none: '0',\n  hairline: '1px',\n  sm: '2px',\n  pill: '999px',\n} as const\n","export const shadows = {\n  stamp: '2px 2px 0 0',\n  stampLg: '4px 4px 0 0',\n  pressLight: 'inset 0 1px 0 rgba(20,19,15,0.18)',\n  pressDark: 'inset 0 1px 0 rgba(232,223,200,0.10)',\n  softLight: '0 1px 0 rgba(20,19,15,0.12), 0 0 0 1px rgba(20,19,15,0.04)',\n  softDark: '0 1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(232,223,200,0.05)',\n} as const\n","export const duration = {\n  fast: '120ms',\n  base: '180ms',\n  slow: '320ms',\n} as const\n\nexport const easing = {\n  out: 'cubic-bezier(.2,.7,.2,1)',\n  in: 'cubic-bezier(.6,.0,.8,.3)',\n  snap: 'cubic-bezier(.5,1.6,.4,1)',\n} as const\n\nexport const zIndex = {\n  base: 1,\n  sticky: 10,\n  overlay: 50,\n  modal: 100,\n  toast: 200,\n} as const\n","import { palette } from './palette'\n\nconst materialDefaults = {\n  // Material system — leather signature defaults; overridden by setMaterial in native context\n  materialLeather: palette.leather,\n  materialLeatherFg: palette.paper,\n  materialWood: palette.wood,\n  materialWoodFg: palette.paper,\n  materialCopper: palette.copper,\n  materialCopperFg: palette.ink,\n  gold: palette.gold,\n  goldDeep: palette.goldDeep,\n  goldLight: palette.goldLight,\n  silverLight: palette.silverLight,\n  silverDeep: palette.silverDeep,\n  copperPatina: palette.copperPatina,\n}\n\nexport const lightTokens = {\n  bg: palette.paper,\n  bg2: palette.paperWarm,\n  bgSunken: palette.paperToasted,\n  surface: '#fdfaf3',\n  surface2: palette.paperWarm,\n\n  fg: palette.ink,\n  fg2: '#4a463c',\n  fg3: '#6e6a5e',\n  fgMute: '#8a8576',\n\n  border: palette.ink,\n  border2: '#6e6a5e',\n  borderMute: '#b8ad94',\n  rule: palette.inkDeep,\n\n  accent: palette.terracotta,\n  accentFg: palette.paper,\n  accent2: palette.moss,\n  accent3: palette.plum,\n\n  success: palette.success,\n  warn: palette.ochre,\n  danger: palette.rust,\n  info: palette.plumMid,\n\n  selectionBg: palette.ochre,\n  selectionFg: palette.ink,\n\n  ...materialDefaults,\n} as const\n\nexport const darkTokens = {\n  bg: palette.inkDeep,\n  bg2: '#1f1d18',\n  bgSunken: '#0c0b08',\n  surface: '#26241e',\n  surface2: '#2d2a23',\n\n  fg: palette.cream,\n  fg2: '#b8ad94',\n  fg3: '#8a8576',\n  fgMute: '#6e6a5e',\n\n  border: palette.cream,\n  border2: '#8a8576',\n  borderMute: '#4a463c',\n  rule: palette.cream,\n\n  accent: palette.terracottaLight,\n  accentFg: palette.inkDeep,\n  accent2: palette.mossLight,\n  accent3: palette.plumLight,\n\n  success: '#7fba4a',\n  warn: palette.ochre,\n  danger: palette.terracotta,\n  info: palette.plumMid,\n\n  selectionBg: palette.mossLight,\n  selectionFg: palette.inkDeep,\n\n  ...materialDefaults,\n  // In dark mode, gilt is bumped to gold-light so it stays legible on dark paper\n  goldDeep: palette.goldLight,\n  silverDeep: palette.silverLight,\n} as const\n\nexport type SemanticTokens = typeof lightTokens | typeof darkTokens\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "achery-ui",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Achery Workshop design system — autumn alchemy, hard edges, botanical marginalia.",
   "repository": {
     "type": "git",

package/src/native/components/MaterialCard.tsx

@@ -0,0 +1,184 @@
+import { View, Text, type ViewProps, type ViewStyle, type TextStyle } from 'react-native'
+import { spacing } from 'achery-ui/tokens'
+import { useTheme } from '../theme/ThemeContext'
+import type { MaterialIntensity, MaterialSignature } from '../../types/theme'
+
+export type { MaterialIntensity }
+
+export interface NativeMaterialCardProps extends ViewProps {
+  /**
+   * How much of the material surfaces on this object.
+   * - `'chrome'`  — material as left spine + metal eyebrow; paper body (default)
+   * - `'surface'` — material header band over a paper body
+   * - `'full'`    — whole object in material; reserve for rare moments
+   * @default 'chrome'
+   */
+  intensity?: MaterialIntensity
+  /**
+   * Override the material signature for this object only. When omitted, uses
+   * the `material` value from the nearest `NativeThemeProvider`.
+   */
+  signature?: MaterialSignature
+  /** Header content — rendered as a bar with the material mark. */
+  header?: string
+  /** Footer content — rendered below a divider line. */
+  footer?: React.ReactNode
+  children?: React.ReactNode
+}
+
+type MaterialColors = {
+  material: string
+  materialFg: string
+  materialBtnFg: string
+  metal: string
+  metalDeep: string
+}
+
+function getMaterialColors(signature: MaterialSignature, tokens: ReturnType<typeof useTheme>['tokens']): MaterialColors {
+  switch (signature) {
+    case 'wood':
+      return {
+        material: tokens.materialWood,
+        materialFg: tokens.materialWoodFg,
+        materialBtnFg: tokens.materialWoodFg,
+        metal: tokens.silverLight,
+        metalDeep: tokens.silverDeep,
+      }
+    case 'copper':
+      return {
+        material: tokens.materialCopper,
+        materialFg: tokens.materialCopperFg,
+        materialBtnFg: tokens.bg,
+        metal: tokens.copperPatina,
+        metalDeep: tokens.copperPatina,
+      }
+    case 'leather':
+    default:
+      return {
+        material: tokens.materialLeather,
+        materialFg: tokens.materialLeatherFg,
+        materialBtnFg: tokens.fg,
+        metal: tokens.gold,
+        metalDeep: tokens.goldDeep,
+      }
+  }
+}
+
+export function MaterialCard({
+  intensity = 'chrome',
+  signature,
+  header,
+  footer,
+  children,
+  style,
+  ...props
+}: NativeMaterialCardProps) {
+  const { tokens, material: contextMaterial } = useTheme()
+  const resolvedSignature: MaterialSignature = signature ?? (contextMaterial !== 'none' ? contextMaterial : 'leather')
+  const mc = getMaterialColors(resolvedSignature, tokens)
+
+  const isChrome = intensity === 'chrome'
+  const isSurface = intensity === 'surface'
+  const isFull = intensity === 'full'
+
+  const containerStyle: ViewStyle = {
+    backgroundColor: isFull ? mc.material : tokens.surface,
+    borderWidth: 1,
+    borderColor: tokens.border,
+    ...(isChrome ? { borderLeftWidth: 3, borderLeftColor: mc.material } : {}),
+    ...(isFull
+      ? {
+          shadowColor: tokens.fg,
+          shadowOffset: { width: 4, height: 4 },
+          shadowOpacity: 1,
+          shadowRadius: 0,
+          elevation: 6,
+        }
+      : {
+          shadowColor: tokens.fg,
+          shadowOffset: { width: 2, height: 2 },
+          shadowOpacity: 1,
+          shadowRadius: 0,
+          elevation: 4,
+        }),
+  }
+
+  const barBg = isSurface || isFull ? mc.material : undefined
+  const barBorderColor = isFull ? mc.metal : tokens.border
+  const barTextColor = isSurface || isFull ? mc.materialFg : tokens.fg
+
+  const eyebrowColor: TextStyle['color'] = isFull ? mc.metal : mc.metalDeep
+  const bodyTextColor: TextStyle['color'] = isFull ? mc.materialFg : tokens.fg
+  const rowBorderColor = isFull ? mc.metal : tokens.borderMute
+  const footBorderColor = isFull ? mc.metal : tokens.borderMute
+
+  return (
+    <View style={[containerStyle, style]} {...props}>
+      {header !== undefined && (
+        <View
+          style={{
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: spacing.sp3,
+            padding: spacing.sp5,
+            backgroundColor: barBg,
+            borderBottomWidth: 1,
+            borderBottomColor: barBorderColor,
+          }}
+        >
+          <View
+            style={{
+              width: 9,
+              height: 9,
+              backgroundColor: isSurface || isFull ? mc.metal : mc.material,
+              transform: [{ rotate: '45deg' }],
+            }}
+          />
+          <Text
+            style={{
+              color: barTextColor,
+              fontWeight: '700',
+              fontSize: 15,
+              letterSpacing: -0.3,
+              flex: 1,
+            }}
+          >
+            {header}
+          </Text>
+        </View>
+      )}
+
+      <View style={{ padding: spacing.sp5, gap: spacing.sp4 }}>
+        {children}
+      </View>
+
+      {footer !== undefined && (
+        <View
+          style={{
+            padding: spacing.sp5,
+            borderTopWidth: 1,
+            borderTopColor: footBorderColor,
+            flexDirection: 'row',
+            gap: spacing.sp3,
+          }}
+        >
+          {footer}
+        </View>
+      )}
+    </View>
+  )
+}
+
+/** Eyebrow label styled for use inside a MaterialCard. */
+export function MaterialEyebrow({ children, intensity = 'chrome', signature }: { children: string; intensity?: MaterialIntensity; signature?: MaterialSignature }) {
+  const { tokens, material: contextMaterial } = useTheme()
+  const resolvedSignature: MaterialSignature = signature ?? (contextMaterial !== 'none' ? contextMaterial : 'leather')
+  const mc = getMaterialColors(resolvedSignature, tokens)
+  const color = intensity === 'full' ? mc.metal : mc.metalDeep
+
+  return (
+    <Text style={{ fontSize: 10, fontWeight: '600', letterSpacing: 1.8, textTransform: 'uppercase', color }}>
+      {children}
+    </Text>
+  )
+}

package/src/native/components/index.ts

@@ -12,3 +12,6 @@ export type { BadgeProps, BadgeTone, BadgeVariant } from './Badge'
 
 export { Field, Input } from './Input'
 export type { FieldProps, InputProps } from './Input'
+
+export { MaterialCard, MaterialEyebrow } from './MaterialCard'
+export type { NativeMaterialCardProps, MaterialIntensity } from './MaterialCard'

package/src/native/index.ts

@@ -1,10 +1,12 @@
 export { NativeThemeProvider, useTheme } from './theme/ThemeContext'
+export type { NativeThemeProviderProps, NativeThemeContextValue } from './theme/ThemeContext'
 
-export { Text, Button, Card, Badge, Field, Input } from './components/index'
+export { Text, Button, Card, Badge, Field, Input, MaterialCard, MaterialEyebrow } from './components/index'
 export type {
   TextProps,
   ButtonProps, ButtonVariant, ButtonSize,
   CardProps, CardVariant, CardPadding,
   BadgeProps, BadgeTone, BadgeVariant,
   FieldProps, InputProps,
+  NativeMaterialCardProps, MaterialIntensity,
 } from './components/index'

package/src/native/theme/ThemeContext.tsx

@@ -1,28 +1,76 @@
-import { createContext, useContext, useState, type ReactNode } from 'react'
+import { createContext, useContext, useState, useCallback, type ReactNode } from 'react'
 import { lightTokens, darkTokens } from 'achery-ui/tokens'
 import type { SemanticTokens } from 'achery-ui/tokens'
+import type { AccentColor, AccentDial, MaterialSignature } from '../../types/theme'
 
-interface ThemeContextValue {
+export interface NativeThemeContextValue {
   tokens: SemanticTokens
   dark: boolean
   toggle: () => void
+  accent: AccentColor
+  setAccent: (accent: AccentColor) => void
+  dial: AccentDial
+  setDial: (dial: AccentDial) => void
+  material: MaterialSignature
+  setMaterial: (material: MaterialSignature) => void
 }
 
-const ThemeContext = createContext<ThemeContextValue>({
+export interface NativeThemeProviderProps {
+  children: ReactNode
+  defaultDark?: boolean
+  defaultAccent?: AccentColor
+  defaultDial?: AccentDial
+  defaultMaterial?: MaterialSignature
+}
+
+const ThemeContext = createContext<NativeThemeContextValue>({
   tokens: lightTokens,
   dark: false,
   toggle: () => {},
+  accent: 'terracotta',
+  setAccent: () => {},
+  dial: 'chrome',
+  setDial: () => {},
+  material: 'none',
+  setMaterial: () => {},
 })
 
-export function NativeThemeProvider({ children, defaultDark = false }: { children: ReactNode; defaultDark?: boolean }) {
+export function NativeThemeProvider({
+  children,
+  defaultDark = false,
+  defaultAccent = 'terracotta',
+  defaultDial = 'chrome',
+  defaultMaterial = 'none',
+}: NativeThemeProviderProps) {
   const [dark, setDark] = useState(defaultDark)
+  const [accent, setAccentState] = useState<AccentColor>(defaultAccent)
+  const [dial, setDialState] = useState<AccentDial>(defaultDial)
+  const [material, setMaterialState] = useState<MaterialSignature>(defaultMaterial)
+
+  const toggle = useCallback(() => setDark(d => !d), [])
+  const setAccent = useCallback((a: AccentColor) => setAccentState(a), [])
+  const setDial = useCallback((d: AccentDial) => setDialState(d), [])
+  const setMaterial = useCallback((m: MaterialSignature) => setMaterialState(m), [])
+
   return (
-    <ThemeContext.Provider value={{ tokens: dark ? darkTokens : lightTokens, dark, toggle: () => setDark(d => !d) }}>
+    <ThemeContext.Provider
+      value={{
+        tokens: dark ? darkTokens : lightTokens,
+        dark,
+        toggle,
+        accent,
+        setAccent,
+        dial,
+        setDial,
+        material,
+        setMaterial,
+      }}
+    >
       {children}
     </ThemeContext.Provider>
   )
 }
 
-export function useTheme(): ThemeContextValue {
+export function useTheme(): NativeThemeContextValue {
   return useContext(ThemeContext)
 }

package/dist/chunk-LJ24EJ3N.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-LJ24EJ3N.cjs","sourcesContent":["export const palette = {\n  ink: '#1f1d18',\n  inkDeep: '#14130f',\n\n  paper: '#fbf8f0',\n  paperWarm: '#f0e9d6',\n  paperToasted: '#e6dec5',\n  cream: '#e8dfc8',\n  creamSoft: '#d8cdb0',\n\n  mossDeep: '#2e3a20',\n  moss: '#4a5a32',\n  mossMid: '#6b7a48',\n  mossLight: '#8da866',\n  sage: '#b6c898',\n\n  terracotta: '#c46a3a',\n  terracottaDeep: '#a05526',\n  terracottaLight: '#d97a4a',\n\n  plum: '#5d4a6a',\n  plumMid: '#7a5e8a',\n  plumLight: '#8b6fa8',\n\n  rust: '#8a3a22',\n  ochre: '#b8924a',\n\n  leather: '#6b3a26',\n  leatherMid: '#8a4e34',\n  leatherLight: '#a86a48',\n\n  copper: '#b8742a',\n  copperDeep: '#8a531a',\n  copperLight: '#d68f48',\n  copperPatina: '#5a7a6a',\n\n  silver: '#a8a098',\n  silverDeep: '#6e6a62',\n  silverLight: '#c8c0b6',\n\n  wood: '#7a5a3a',\n  woodLight: '#a88660',\n  woodDeep: '#4a3422',\n\n  gold: '#c69a4a',\n  goldDeep: '#9a7430',\n  goldLight: '#e0bc70',\n\n  success: '#6ba03d',\n} as const\n\nexport type PaletteKey = keyof typeof palette\n","import { palette } from './palette'\n\nexport const accentColors = {\n  terracotta: {\n    main: palette.terracotta,\n    light: palette.terracottaLight,\n    deep: palette.terracottaDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  moss: {\n    main: palette.moss,\n    light: palette.mossLight,\n    deep: palette.mossDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  plum: {\n    main: palette.plum,\n    light: palette.plumLight,\n    deep: palette.plum,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  ochre: {\n    main: palette.ochre,\n    light: palette.goldLight,\n    deep: palette.goldDeep,\n    fg: palette.ink,\n    fgDark: palette.ink,\n  },\n  rust: {\n    main: palette.rust,\n    light: palette.terracotta,\n    deep: palette.rust,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  copper: {\n    main: palette.copper,\n    light: palette.copperLight,\n    deep: palette.copperDeep,\n    fg: palette.ink,\n    fgDark: palette.ink,\n  },\n} as const\n\nexport type AccentColor = keyof typeof accentColors\nexport const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}