achery-ui 0.10.1 → 0.10.3

package/dist/{chunk-NDOQ2YVM.js → chunk-SZRZ6HQ6.js}

@@ -87,5 +87,5 @@ var accentColors = {
 var accentColorNames = Object.keys(accentColors);
 
 export { accentColorNames, accentColors, palette };
-//# sourceMappingURL=chunk-NDOQ2YVM.js.map
-//# sourceMappingURL=chunk-NDOQ2YVM.js.map
+//# sourceMappingURL=chunk-SZRZ6HQ6.js.map
+//# sourceMappingURL=chunk-SZRZ6HQ6.js.map

package/dist/chunk-SZRZ6HQ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-SZRZ6HQ6.js","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'\nimport type { AccentColor } from '../types/theme'\n\nexport type { AccentColor }\n\nexport const accentColors: Record<AccentColor, {\n  readonly main: string\n  readonly light: string\n  readonly deep: string\n  readonly fg: string\n  readonly fgDark: string\n}> = {\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 const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}

package/dist/{chunk-LJ24EJ3N.cjs → chunk-V5XG7NXB.cjs}

@@ -91,5 +91,5 @@ var accentColorNames = Object.keys(accentColors);
 exports.accentColorNames = accentColorNames;
 exports.accentColors = accentColors;
 exports.palette = palette;
-//# sourceMappingURL=chunk-LJ24EJ3N.cjs.map
-//# sourceMappingURL=chunk-LJ24EJ3N.cjs.map
+//# sourceMappingURL=chunk-V5XG7NXB.cjs.map
+//# sourceMappingURL=chunk-V5XG7NXB.cjs.map

package/dist/chunk-V5XG7NXB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":";;;AAAO,IAAM,OAAA,GAAU;AAAA,EACrB,GAAA,EAAK,SAAA;AAAA,EACL,OAAA,EAAS,SAAA;AAAA,EAET,KAAA,EAAO,SAAA;AAAA,EACP,SAAA,EAAW,SAAA;AAAA,EACX,YAAA,EAAc,SAAA;AAAA,EACd,KAAA,EAAO,SAAA;AAAA,EACP,SAAA,EAAW,SAAA;AAAA,EAEX,QAAA,EAAU,SAAA;AAAA,EACV,IAAA,EAAM,SAAA;AAAA,EACN,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,IAAA,EAAM,SAAA;AAAA,EAEN,UAAA,EAAY,SAAA;AAAA,EACZ,cAAA,EAAgB,SAAA;AAAA,EAChB,eAAA,EAAiB,SAAA;AAAA,EAEjB,IAAA,EAAM,SAAA;AAAA,EACN,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EAEX,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO,SAAA;AAAA,EAEP,OAAA,EAAS,SAAA;AAAA,EACT,UAAA,EAAY,SAAA;AAAA,EACZ,YAAA,EAAc,SAAA;AAAA,EAEd,MAAA,EAAQ,SAAA;AAAA,EACR,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EAEd,MAAA,EAAQ,SAAA;AAAA,EACR,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EAEb,IAAA,EAAM,SAAA;AAAA,EACN,SAAA,EAAW,SAAA;AAAA,EACX,QAAA,EAAU,SAAA;AAAA,EAEV,IAAA,EAAM,SAAA;AAAA,EACN,QAAA,EAAU,SAAA;AAAA,EACV,SAAA,EAAW,SAAA;AAAA,EAEX,OAAA,EAAS;AACX;;;AC5CO,IAAM,YAAA,GAMR;AAAA,EACH,UAAA,EAAY;AAAA,IACV,MAAM,OAAA,CAAQ,UAAA;AAAA,IACd,OAAO,OAAA,CAAQ,eAAA;AAAA,IACf,MAAM,OAAA,CAAQ,cAAA;AAAA,IACd,IAAI,OAAA,CAAQ,KAAA;AAAA,IACZ,QAAQ,OAAA,CAAQ;AAAA,GAClB;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,OAAO,OAAA,CAAQ,SAAA;AAAA,IACf,MAAM,OAAA,CAAQ,QAAA;AAAA,IACd,IAAI,OAAA,CAAQ,KAAA;AAAA,IACZ,QAAQ,OAAA,CAAQ;AAAA,GAClB;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,OAAO,OAAA,CAAQ,SAAA;AAAA,IACf,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,IAAI,OAAA,CAAQ,KAAA;AAAA,IACZ,QAAQ,OAAA,CAAQ;AAAA,GAClB;AAAA,EACA,KAAA,EAAO;AAAA,IACL,MAAM,OAAA,CAAQ,KAAA;AAAA,IACd,OAAO,OAAA,CAAQ,SAAA;AAAA,IACf,MAAM,OAAA,CAAQ,QAAA;AAAA,IACd,IAAI,OAAA,CAAQ,GAAA;AAAA,IACZ,QAAQ,OAAA,CAAQ;AAAA,GAClB;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,OAAO,OAAA,CAAQ,UAAA;AAAA,IACf,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,IAAI,OAAA,CAAQ,KAAA;AAAA,IACZ,QAAQ,OAAA,CAAQ;AAAA,GAClB;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,MAAM,OAAA,CAAQ,MAAA;AAAA,IACd,OAAO,OAAA,CAAQ,WAAA;AAAA,IACf,MAAM,OAAA,CAAQ,UAAA;AAAA,IACd,IAAI,OAAA,CAAQ,GAAA;AAAA,IACZ,QAAQ,OAAA,CAAQ;AAAA;AAEpB;AAEO,IAAM,gBAAA,GAAmB,MAAA,CAAO,IAAA,CAAK,YAAY","file":"chunk-V5XG7NXB.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'\nimport type { AccentColor } from '../types/theme'\n\nexport type { AccentColor }\n\nexport const accentColors: Record<AccentColor, {\n  readonly main: string\n  readonly light: string\n  readonly deep: string\n  readonly fg: string\n  readonly fgDark: string\n}> = {\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 const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLJ24EJ3N_cjs = require('./chunk-LJ24EJ3N.cjs');
+var chunkV5XG7NXB_cjs = require('./chunk-V5XG7NXB.cjs');
 var chunkWMF2ZDRE_cjs = require('./chunk-WMF2ZDRE.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -2410,7 +2410,7 @@ function AppBar({
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: actions, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: actionsInner, children: [
-        onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkLJ24EJ3N_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
+        onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkV5XG7NXB_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             className: accentSwatch,
@@ -2418,7 +2418,7 @@ function AppBar({
             onClick: () => onAccentChange(name),
             "aria-label": name,
             "aria-pressed": name === accent,
-            style: { background: chunkLJ24EJ3N_cjs.accentColors[name].main }
+            style: { background: chunkV5XG7NXB_cjs.accentColors[name].main }
           },
           name
         )) }),

package/dist/index.d.cts

@@ -1,71 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, SVGProps, HTMLAttributes, ElementType, ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, ComponentType, CSSProperties } from 'react';
-import { A as AccentColor } from './accents-DrqL1lLe.cjs';
+import { T as ThemeMode, A as AccentColor, a as AccentDial, M as MaterialSignature, b as ThemeContextValue, c as MaterialIntensity } from './theme-DOaMliRj.cjs';
 import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
 import { RecipeVariants } from '@vanilla-extract/recipes';
 
-/**
- * The user's colour-mode **preference**.
- * - `'light'` / `'dark'` — explicit override
- * - `'system'` — follow the OS `prefers-color-scheme` media query
- */
-type ThemeMode = 'light' | 'dark' | 'system';
-/** The **resolved** colour mode actually applied to the DOM — always `'light'` or `'dark'`. */
-type ResolvedTheme = 'light' | 'dark';
-/**
- * Controls how loudly the accent runs across the working UI.
- * Set once on the project root via `<AcheryProvider defaultDial="chrome">`.
- *
- * - `'underline'` — accent only on links, focus rings, and the active-tab underline
- * - `'chrome'`    — accent threads the wiring: tabs, ticks, eyebrows, outline buttons (default)
- * - `'surface'`   — one signature panel floods with accent colour (`.signature-surface`)
- */
-type AccentDial = 'underline' | 'chrome' | 'surface';
-/**
- * The hero material a project uses for its contained, occasional objects
- * (modals, dialogs, featured cards, receipts).
- *
- * - `'none'`    — no material signature; objects use plain paper/ink (default)
- * - `'leather'` — cordovan + gilt; warm, bookish
- * - `'wood'`    — walnut + pewter; honest, mid-tone
- * - `'copper'`  — oxidised copper + patina; energetic, high-contrast
- */
-type MaterialSignature = 'none' | 'leather' | 'wood' | 'copper';
-/**
- * How much of the material surfaces on a `.material` object.
- *
- * - `'chrome'`  — material only as a spine/trim + metal accents; paper body (default)
- * - `'surface'` — material header band over a paper body
- * - `'full'`    — the whole object in material; reserve for rare, celebratory moments
- */
-type MaterialIntensity = 'chrome' | 'surface' | 'full';
-/**
- * Value provided by {@link ThemeContext} and returned by {@link useTheme}.
- * Gives components read/write access to the active theme, accent, dial, and material.
- */
-interface ThemeContextValue {
-    /** The user's colour-mode preference (`'light'` | `'dark'` | `'system'`). */
-    mode: ThemeMode;
-    /** The resolved colour applied to the DOM — always `'light'` or `'dark'`. */
-    theme: ResolvedTheme;
-    /** Set the colour-mode preference. */
-    setTheme: (theme: ThemeMode) => void;
-    /** Toggle between `'light'` and `'dark'` (skips `'system'`). */
-    toggleTheme: () => void;
-    /** Currently active accent colour. */
-    accent: AccentColor;
-    /** Set the accent colour. */
-    setAccent: (accent: AccentColor) => void;
-    /** How loudly the accent runs across the working UI. */
-    dial: AccentDial;
-    /** Set the accent dial. */
-    setDial: (dial: AccentDial) => void;
-    /** The hero material signature for this project. */
-    material: MaterialSignature;
-    /** Set the material signature. */
-    setMaterial: (material: MaterialSignature) => void;
-}
-
 /** Props for the {@link AcheryProvider} component. */
 interface AcheryProviderProps {
     children: ReactNode;
@@ -2180,4 +2118,4 @@ interface SegmentedControlProps<T extends string = string> {
  */
 declare const SegmentedControl: <T extends string>({ options, value, onChange, size, disabled, className, }: SegmentedControlProps<T>) => react_jsx_runtime.JSX.Element;
 
-export { AccentColor, type AccentDial, AcheryProvider, type AcheryProviderProps, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, type AvatarTone, Badge, type BadgeProps, type BadgeTone, Body, type BodyProps, Button, type ButtonProps, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, ColourInput, type ColourInputProps, type ColumnDef, Combobox, type ComboboxProps, type ComponentSize, ConfirmDialogProvider, type ConfirmOptions, DatePicker, type DatePickerProps, DetailRail, type DetailRailProps, Display, EntityPill, type EntityPillProps, Eyebrow, type EyebrowProps, Field, type FieldProps, Glyph, GlyphAliases, GlyphCategories, type GlyphCategory, type GlyphName, GlyphPicker, type GlyphPickerProps, type GlyphProps, type GlyphSearchResult, Heading, type HeadingProps, Input, type InputProps, type InputStatus, KpiTile, type KpiTileProps, LetterStamp, type LetterStampProps, type LetterStampSize, type LetterStampTone, Marginalia, type MarginaliaProps, MaterialCard, type MaterialCardProps, type MaterialIntensity, type MaterialSignature, Menu, type MenuItemDef, type MenuProps, type MenuSeparator, Modal, type ModalProps, Mono, type MonoProps, type NavGroupDef, type NavItemDef, ProgressBar, type ProgressBarProps, SearchInput, type SearchInputProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, type SelectProps, Sidebar, type SidebarLinkProps, type SidebarProps, SingleCombobox, type SingleComboboxProps, Skeleton, type SkeletonProps, type SortDirection, Sparkline, type SparklineProps, type SparklineTone, StatePill, type StatePillProps, type SubscriptionState, type TabItem, Table, type TableProps, Tabs, type TabsProps, Textarea, type TextareaProps, type ThemeMode, type ToastData, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, type TransactionType, TypeTag, type TypeTagProps, glyphCategory, glyphLabel, searchGlyphs, useConfirm, useTheme, useToast, vars };
+export { AccentColor, AccentDial, AcheryProvider, type AcheryProviderProps, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, type AvatarTone, Badge, type BadgeProps, type BadgeTone, Body, type BodyProps, Button, type ButtonProps, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, ColourInput, type ColourInputProps, type ColumnDef, Combobox, type ComboboxProps, type ComponentSize, ConfirmDialogProvider, type ConfirmOptions, DatePicker, type DatePickerProps, DetailRail, type DetailRailProps, Display, EntityPill, type EntityPillProps, Eyebrow, type EyebrowProps, Field, type FieldProps, Glyph, GlyphAliases, GlyphCategories, type GlyphCategory, type GlyphName, GlyphPicker, type GlyphPickerProps, type GlyphProps, type GlyphSearchResult, Heading, type HeadingProps, Input, type InputProps, type InputStatus, KpiTile, type KpiTileProps, LetterStamp, type LetterStampProps, type LetterStampSize, type LetterStampTone, Marginalia, type MarginaliaProps, MaterialCard, type MaterialCardProps, MaterialIntensity, MaterialSignature, Menu, type MenuItemDef, type MenuProps, type MenuSeparator, Modal, type ModalProps, Mono, type MonoProps, type NavGroupDef, type NavItemDef, ProgressBar, type ProgressBarProps, SearchInput, type SearchInputProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, type SelectProps, Sidebar, type SidebarLinkProps, type SidebarProps, SingleCombobox, type SingleComboboxProps, Skeleton, type SkeletonProps, type SortDirection, Sparkline, type SparklineProps, type SparklineTone, StatePill, type StatePillProps, type SubscriptionState, type TabItem, Table, type TableProps, Tabs, type TabsProps, Textarea, type TextareaProps, ThemeMode, type ToastData, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, type TransactionType, TypeTag, type TypeTagProps, glyphCategory, glyphLabel, searchGlyphs, useConfirm, useTheme, useToast, vars };

package/dist/index.d.ts

@@ -1,71 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, SVGProps, HTMLAttributes, ElementType, ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, ComponentType, CSSProperties } from 'react';
-import { A as AccentColor } from './accents-DrqL1lLe.js';
+import { T as ThemeMode, A as AccentColor, a as AccentDial, M as MaterialSignature, b as ThemeContextValue, c as MaterialIntensity } from './theme-DOaMliRj.js';
 import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
 import { RecipeVariants } from '@vanilla-extract/recipes';
 
-/**
- * The user's colour-mode **preference**.
- * - `'light'` / `'dark'` — explicit override
- * - `'system'` — follow the OS `prefers-color-scheme` media query
- */
-type ThemeMode = 'light' | 'dark' | 'system';
-/** The **resolved** colour mode actually applied to the DOM — always `'light'` or `'dark'`. */
-type ResolvedTheme = 'light' | 'dark';
-/**
- * Controls how loudly the accent runs across the working UI.
- * Set once on the project root via `<AcheryProvider defaultDial="chrome">`.
- *
- * - `'underline'` — accent only on links, focus rings, and the active-tab underline
- * - `'chrome'`    — accent threads the wiring: tabs, ticks, eyebrows, outline buttons (default)
- * - `'surface'`   — one signature panel floods with accent colour (`.signature-surface`)
- */
-type AccentDial = 'underline' | 'chrome' | 'surface';
-/**
- * The hero material a project uses for its contained, occasional objects
- * (modals, dialogs, featured cards, receipts).
- *
- * - `'none'`    — no material signature; objects use plain paper/ink (default)
- * - `'leather'` — cordovan + gilt; warm, bookish
- * - `'wood'`    — walnut + pewter; honest, mid-tone
- * - `'copper'`  — oxidised copper + patina; energetic, high-contrast
- */
-type MaterialSignature = 'none' | 'leather' | 'wood' | 'copper';
-/**
- * How much of the material surfaces on a `.material` object.
- *
- * - `'chrome'`  — material only as a spine/trim + metal accents; paper body (default)
- * - `'surface'` — material header band over a paper body
- * - `'full'`    — the whole object in material; reserve for rare, celebratory moments
- */
-type MaterialIntensity = 'chrome' | 'surface' | 'full';
-/**
- * Value provided by {@link ThemeContext} and returned by {@link useTheme}.
- * Gives components read/write access to the active theme, accent, dial, and material.
- */
-interface ThemeContextValue {
-    /** The user's colour-mode preference (`'light'` | `'dark'` | `'system'`). */
-    mode: ThemeMode;
-    /** The resolved colour applied to the DOM — always `'light'` or `'dark'`. */
-    theme: ResolvedTheme;
-    /** Set the colour-mode preference. */
-    setTheme: (theme: ThemeMode) => void;
-    /** Toggle between `'light'` and `'dark'` (skips `'system'`). */
-    toggleTheme: () => void;
-    /** Currently active accent colour. */
-    accent: AccentColor;
-    /** Set the accent colour. */
-    setAccent: (accent: AccentColor) => void;
-    /** How loudly the accent runs across the working UI. */
-    dial: AccentDial;
-    /** Set the accent dial. */
-    setDial: (dial: AccentDial) => void;
-    /** The hero material signature for this project. */
-    material: MaterialSignature;
-    /** Set the material signature. */
-    setMaterial: (material: MaterialSignature) => void;
-}
-
 /** Props for the {@link AcheryProvider} component. */
 interface AcheryProviderProps {
     children: ReactNode;
@@ -2180,4 +2118,4 @@ interface SegmentedControlProps<T extends string = string> {
  */
 declare const SegmentedControl: <T extends string>({ options, value, onChange, size, disabled, className, }: SegmentedControlProps<T>) => react_jsx_runtime.JSX.Element;
 
-export { AccentColor, type AccentDial, AcheryProvider, type AcheryProviderProps, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, type AvatarTone, Badge, type BadgeProps, type BadgeTone, Body, type BodyProps, Button, type ButtonProps, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, ColourInput, type ColourInputProps, type ColumnDef, Combobox, type ComboboxProps, type ComponentSize, ConfirmDialogProvider, type ConfirmOptions, DatePicker, type DatePickerProps, DetailRail, type DetailRailProps, Display, EntityPill, type EntityPillProps, Eyebrow, type EyebrowProps, Field, type FieldProps, Glyph, GlyphAliases, GlyphCategories, type GlyphCategory, type GlyphName, GlyphPicker, type GlyphPickerProps, type GlyphProps, type GlyphSearchResult, Heading, type HeadingProps, Input, type InputProps, type InputStatus, KpiTile, type KpiTileProps, LetterStamp, type LetterStampProps, type LetterStampSize, type LetterStampTone, Marginalia, type MarginaliaProps, MaterialCard, type MaterialCardProps, type MaterialIntensity, type MaterialSignature, Menu, type MenuItemDef, type MenuProps, type MenuSeparator, Modal, type ModalProps, Mono, type MonoProps, type NavGroupDef, type NavItemDef, ProgressBar, type ProgressBarProps, SearchInput, type SearchInputProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, type SelectProps, Sidebar, type SidebarLinkProps, type SidebarProps, SingleCombobox, type SingleComboboxProps, Skeleton, type SkeletonProps, type SortDirection, Sparkline, type SparklineProps, type SparklineTone, StatePill, type StatePillProps, type SubscriptionState, type TabItem, Table, type TableProps, Tabs, type TabsProps, Textarea, type TextareaProps, type ThemeMode, type ToastData, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, type TransactionType, TypeTag, type TypeTagProps, glyphCategory, glyphLabel, searchGlyphs, useConfirm, useTheme, useToast, vars };
+export { AccentColor, AccentDial, AcheryProvider, type AcheryProviderProps, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, type AvatarTone, Badge, type BadgeProps, type BadgeTone, Body, type BodyProps, Button, type ButtonProps, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, ColourInput, type ColourInputProps, type ColumnDef, Combobox, type ComboboxProps, type ComponentSize, ConfirmDialogProvider, type ConfirmOptions, DatePicker, type DatePickerProps, DetailRail, type DetailRailProps, Display, EntityPill, type EntityPillProps, Eyebrow, type EyebrowProps, Field, type FieldProps, Glyph, GlyphAliases, GlyphCategories, type GlyphCategory, type GlyphName, GlyphPicker, type GlyphPickerProps, type GlyphProps, type GlyphSearchResult, Heading, type HeadingProps, Input, type InputProps, type InputStatus, KpiTile, type KpiTileProps, LetterStamp, type LetterStampProps, type LetterStampSize, type LetterStampTone, Marginalia, type MarginaliaProps, MaterialCard, type MaterialCardProps, MaterialIntensity, MaterialSignature, Menu, type MenuItemDef, type MenuProps, type MenuSeparator, Modal, type ModalProps, Mono, type MonoProps, type NavGroupDef, type NavItemDef, ProgressBar, type ProgressBarProps, SearchInput, type SearchInputProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, type SelectProps, Sidebar, type SidebarLinkProps, type SidebarProps, SingleCombobox, type SingleComboboxProps, Skeleton, type SkeletonProps, type SortDirection, Sparkline, type SparklineProps, type SparklineTone, StatePill, type StatePillProps, type SubscriptionState, type TabItem, Table, type TableProps, Tabs, type TabsProps, Textarea, type TextareaProps, ThemeMode, type ToastData, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, type TransactionType, TypeTag, type TypeTagProps, glyphCategory, glyphLabel, searchGlyphs, useConfirm, useTheme, useToast, vars };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { accentColorNames, accentColors } from './chunk-NDOQ2YVM.js';
+import { accentColorNames, accentColors } from './chunk-SZRZ6HQ6.js';
 import { __glob } from './chunk-QKQ47GQZ.js';
 import { createContext, useState, useEffect, useCallback, useContext, Suspense, useRef, useMemo, useId, lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/theme-DOaMliRj.d.cts

@@ -0,0 +1,68 @@
+/**
+ * The user's colour-mode **preference**.
+ * - `'light'` / `'dark'` — explicit override
+ * - `'system'` — follow the OS `prefers-color-scheme` media query
+ */
+type ThemeMode = 'light' | 'dark' | 'system';
+/** The **resolved** colour mode actually applied to the DOM — always `'light'` or `'dark'`. */
+type ResolvedTheme = 'light' | 'dark';
+/**
+ * Controls how loudly the accent runs across the working UI.
+ * Set once on the project root via `<AcheryProvider defaultDial="chrome">`.
+ *
+ * - `'underline'` — accent only on links, focus rings, and the active-tab underline
+ * - `'chrome'`    — accent threads the wiring: tabs, ticks, eyebrows, outline buttons (default)
+ * - `'surface'`   — one signature panel floods with accent colour (`.signature-surface`)
+ */
+/**
+ * The accent colour palette.
+ * Matches the keys of `accentColors` in `src/tokens/accents.ts` — keep them in sync.
+ */
+type AccentColor = 'terracotta' | 'moss' | 'plum' | 'ochre' | 'rust' | 'copper';
+type AccentDial = 'underline' | 'chrome' | 'surface';
+/**
+ * The hero material a project uses for its contained, occasional objects
+ * (modals, dialogs, featured cards, receipts).
+ *
+ * - `'none'`    — no material signature; objects use plain paper/ink (default)
+ * - `'leather'` — cordovan + gilt; warm, bookish
+ * - `'wood'`    — walnut + pewter; honest, mid-tone
+ * - `'copper'`  — oxidised copper + patina; energetic, high-contrast
+ */
+type MaterialSignature = 'none' | 'leather' | 'wood' | 'copper';
+/**
+ * How much of the material surfaces on a `.material` object.
+ *
+ * - `'chrome'`  — material only as a spine/trim + metal accents; paper body (default)
+ * - `'surface'` — material header band over a paper body
+ * - `'full'`    — the whole object in material; reserve for rare, celebratory moments
+ */
+type MaterialIntensity = 'chrome' | 'surface' | 'full';
+/**
+ * Value provided by {@link ThemeContext} and returned by {@link useTheme}.
+ * Gives components read/write access to the active theme, accent, dial, and material.
+ */
+interface ThemeContextValue {
+    /** The user's colour-mode preference (`'light'` | `'dark'` | `'system'`). */
+    mode: ThemeMode;
+    /** The resolved colour applied to the DOM — always `'light'` or `'dark'`. */
+    theme: ResolvedTheme;
+    /** Set the colour-mode preference. */
+    setTheme: (theme: ThemeMode) => void;
+    /** Toggle between `'light'` and `'dark'` (skips `'system'`). */
+    toggleTheme: () => void;
+    /** Currently active accent colour. */
+    accent: AccentColor;
+    /** Set the accent colour. */
+    setAccent: (accent: AccentColor) => void;
+    /** How loudly the accent runs across the working UI. */
+    dial: AccentDial;
+    /** Set the accent dial. */
+    setDial: (dial: AccentDial) => void;
+    /** The hero material signature for this project. */
+    material: MaterialSignature;
+    /** Set the material signature. */
+    setMaterial: (material: MaterialSignature) => void;
+}
+
+export type { AccentColor as A, MaterialSignature as M, ThemeMode as T, AccentDial as a, ThemeContextValue as b, MaterialIntensity as c };

package/dist/theme-DOaMliRj.d.ts

@@ -0,0 +1,68 @@
+/**
+ * The user's colour-mode **preference**.
+ * - `'light'` / `'dark'` — explicit override
+ * - `'system'` — follow the OS `prefers-color-scheme` media query
+ */
+type ThemeMode = 'light' | 'dark' | 'system';
+/** The **resolved** colour mode actually applied to the DOM — always `'light'` or `'dark'`. */
+type ResolvedTheme = 'light' | 'dark';
+/**
+ * Controls how loudly the accent runs across the working UI.
+ * Set once on the project root via `<AcheryProvider defaultDial="chrome">`.
+ *
+ * - `'underline'` — accent only on links, focus rings, and the active-tab underline
+ * - `'chrome'`    — accent threads the wiring: tabs, ticks, eyebrows, outline buttons (default)
+ * - `'surface'`   — one signature panel floods with accent colour (`.signature-surface`)
+ */
+/**
+ * The accent colour palette.
+ * Matches the keys of `accentColors` in `src/tokens/accents.ts` — keep them in sync.
+ */
+type AccentColor = 'terracotta' | 'moss' | 'plum' | 'ochre' | 'rust' | 'copper';
+type AccentDial = 'underline' | 'chrome' | 'surface';
+/**
+ * The hero material a project uses for its contained, occasional objects
+ * (modals, dialogs, featured cards, receipts).
+ *
+ * - `'none'`    — no material signature; objects use plain paper/ink (default)
+ * - `'leather'` — cordovan + gilt; warm, bookish
+ * - `'wood'`    — walnut + pewter; honest, mid-tone
+ * - `'copper'`  — oxidised copper + patina; energetic, high-contrast
+ */
+type MaterialSignature = 'none' | 'leather' | 'wood' | 'copper';
+/**
+ * How much of the material surfaces on a `.material` object.
+ *
+ * - `'chrome'`  — material only as a spine/trim + metal accents; paper body (default)
+ * - `'surface'` — material header band over a paper body
+ * - `'full'`    — the whole object in material; reserve for rare, celebratory moments
+ */
+type MaterialIntensity = 'chrome' | 'surface' | 'full';
+/**
+ * Value provided by {@link ThemeContext} and returned by {@link useTheme}.
+ * Gives components read/write access to the active theme, accent, dial, and material.
+ */
+interface ThemeContextValue {
+    /** The user's colour-mode preference (`'light'` | `'dark'` | `'system'`). */
+    mode: ThemeMode;
+    /** The resolved colour applied to the DOM — always `'light'` or `'dark'`. */
+    theme: ResolvedTheme;
+    /** Set the colour-mode preference. */
+    setTheme: (theme: ThemeMode) => void;
+    /** Toggle between `'light'` and `'dark'` (skips `'system'`). */
+    toggleTheme: () => void;
+    /** Currently active accent colour. */
+    accent: AccentColor;
+    /** Set the accent colour. */
+    setAccent: (accent: AccentColor) => void;
+    /** How loudly the accent runs across the working UI. */
+    dial: AccentDial;
+    /** Set the accent dial. */
+    setDial: (dial: AccentDial) => void;
+    /** The hero material signature for this project. */
+    material: MaterialSignature;
+    /** Set the material signature. */
+    setMaterial: (material: MaterialSignature) => void;
+}
+
+export type { AccentColor as A, MaterialSignature as M, ThemeMode as T, AccentDial as a, ThemeContextValue as b, MaterialIntensity as c };

package/dist/tokens/index.cjs

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

package/dist/tokens/index.d.cts

@@ -1,4 +1,4 @@
-export { A as AccentColor, a as accentColorNames, b as accentColors } from '../accents-DrqL1lLe.cjs';
+import { A as AccentColor } from '../theme-DOaMliRj.cjs';
 
 declare const palette: {
     readonly ink: "#1f1d18";
@@ -41,6 +41,15 @@ declare const palette: {
 };
 type PaletteKey = keyof typeof palette;
 
+declare const accentColors: Record<AccentColor, {
+    readonly main: string;
+    readonly light: string;
+    readonly deep: string;
+    readonly fg: string;
+    readonly fgDark: string;
+}>;
+declare const accentColorNames: AccentColor[];
+
 declare const spacingScale: readonly [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80];
 declare const spacing: {
     readonly sp0: 0;
@@ -209,4 +218,4 @@ declare const darkTokens: {
 };
 type SemanticTokens = typeof lightTokens | typeof darkTokens;
 
-export { type PaletteKey, type SemanticTokens, darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, palette, px, radius, shadows, spacing, spacingScale, zIndex };
+export { AccentColor, type PaletteKey, type SemanticTokens, accentColorNames, accentColors, darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, palette, px, radius, shadows, spacing, spacingScale, zIndex };

package/dist/tokens/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AccentColor, a as accentColorNames, b as accentColors } from '../accents-DrqL1lLe.js';
+import { A as AccentColor } from '../theme-DOaMliRj.js';
 
 declare const palette: {
     readonly ink: "#1f1d18";
@@ -41,6 +41,15 @@ declare const palette: {
 };
 type PaletteKey = keyof typeof palette;
 
+declare const accentColors: Record<AccentColor, {
+    readonly main: string;
+    readonly light: string;
+    readonly deep: string;
+    readonly fg: string;
+    readonly fgDark: string;
+}>;
+declare const accentColorNames: AccentColor[];
+
 declare const spacingScale: readonly [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80];
 declare const spacing: {
     readonly sp0: 0;
@@ -209,4 +218,4 @@ declare const darkTokens: {
 };
 type SemanticTokens = typeof lightTokens | typeof darkTokens;
 
-export { type PaletteKey, type SemanticTokens, darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, palette, px, radius, shadows, spacing, spacingScale, zIndex };
+export { AccentColor, type PaletteKey, type SemanticTokens, accentColorNames, accentColors, darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, palette, px, radius, shadows, spacing, spacingScale, zIndex };

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-SZRZ6HQ6.js';
+export { accentColorNames, accentColors, palette } from '../chunk-SZRZ6HQ6.js';
 import '../chunk-QKQ47GQZ.js';
 
 // src/tokens/spacing.ts

package/package.json

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

package/src/native/components/Badge.tsx

@@ -4,11 +4,13 @@ import { useTheme } from '../theme/ThemeContext'
 
 export type BadgeTone = 'neutral' | 'saved' | 'drafting' | 'stopped' | 'archived'
 export type BadgeVariant = 'outline' | 'solid'
+export type BadgeSize = 'sm' | 'md' | 'lg'
 
 export interface BadgeProps {
   tone?: BadgeTone
   variant?: BadgeVariant
   dot?: boolean
+  size?: BadgeSize
   children: string
   style?: ViewStyle
 }
@@ -24,7 +26,9 @@ function toneColors(tone: BadgeTone, variant: BadgeVariant, isDark: boolean) {
   return map[tone]
 }
 
-export function Badge({ tone = 'neutral', variant = 'outline', dot = false, children, style }: BadgeProps) {
+const badgeFontSize: Record<BadgeSize, number> = { sm: 10, md: 11, lg: 12 }
+
+export function Badge({ tone = 'neutral', variant = 'outline', dot = false, size = 'md', children, style }: BadgeProps) {
   const { tokens, dark } = useTheme()
   const colors = toneColors(tone, variant, dark)
 
@@ -51,7 +55,7 @@ export function Badge({ tone = 'neutral', variant = 'outline', dot = false, chil
       {dot && (
         <View style={{ width: 6, height: 6, borderRadius: 3, backgroundColor: colors.fg }} />
       )}
-      <Text style={{ color: fg, fontSize: 11, fontWeight: fontWeights.semibold.toString() as any, letterSpacing: 0.5 }}>
+      <Text style={{ color: fg, fontSize: badgeFontSize[size], fontWeight: fontWeights.semibold.toString() as any, letterSpacing: 0.5 }}>
         {children}
       </Text>
     </View>

package/src/native/components/Button.tsx

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react'
 import { TouchableOpacity, View, Text, StyleSheet, type ViewStyle } from 'react-native'
 import { spacing, fontWeights } from 'achery-ui/tokens'
 import { useTheme } from '../theme/ThemeContext'
@@ -9,7 +10,7 @@ export type ButtonSize = 'sm' | 'md' | 'lg'
 export interface ButtonProps {
   variant?: ButtonVariant
   size?: ButtonSize
-  children: string
+  children: ReactNode
   onPress?: () => void
   disabled?: boolean
   style?: ViewStyle
@@ -37,6 +38,14 @@ function makeColors(variant: ButtonVariant, tokens: SemanticTokens) {
 export function Button({ variant = 'secondary', size = 'md', children, onPress, disabled, style }: ButtonProps) {
   const { tokens } = useTheme()
   const colors = makeColors(variant, tokens)
+  const textStyle = {
+    color: disabled ? tokens.fgMute : colors.label,
+    fontSize: fontSize[size],
+    fontWeight: fontWeights.semibold.toString() as any,
+    letterSpacing: 0.01 * fontSize[size],
+  }
+
+  const isString = typeof children === 'string'
 
   return (
     <TouchableOpacity
@@ -52,20 +61,18 @@ export function Button({ variant = 'secondary', size = 'md', children, onPress,
           paddingHorizontal: paddingH[size],
           alignSelf: 'flex-start',
           opacity: disabled ? 0.5 : 1,
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: spacing.sp2,
         },
         style,
       ]}
     >
-      <Text
-        style={{
-          color: disabled ? tokens.fgMute : colors.label,
-          fontSize: fontSize[size],
-          fontWeight: fontWeights.semibold.toString() as any,
-          letterSpacing: 0.01 * fontSize[size],
-        }}
-      >
-        {children}
-      </Text>
+      {isString ? (
+        <Text style={textStyle}>{children}</Text>
+      ) : (
+        children
+      )}
     </TouchableOpacity>
   )
 }

package/src/native/components/Glyph.tsx

@@ -44,7 +44,7 @@ export const Glyph = ({ name, size = 24, color, accessibilityLabel, style }: Nat
       width={size}
       height={size}
       color={resolvedColor}
-      style={style}
+      {...(style !== undefined && { style })}
     />
   )
 }

package/src/native/components/Input.tsx

@@ -1,4 +1,4 @@
-import { View, TextInput, Text, type TextInputProps, type TextStyle, type ViewStyle } from 'react-native'
+import { View, TextInput, Text, type TextInputProps, type ViewStyle } from 'react-native'
 import { spacing, fontWeights } from 'achery-ui/tokens'
 import { useTheme } from '../theme/ThemeContext'
 
@@ -32,7 +32,6 @@ export function Field({ label, hint, error, children, style }: FieldProps) {
 
 export interface InputProps extends TextInputProps {
   error?: boolean
-  style?: ViewStyle
 }
 
 export function Input({ error, style, ...props }: InputProps) {
@@ -61,7 +60,6 @@ export interface TextareaProps extends TextInputProps {
   error?: boolean
   /** Approximate number of visible lines. @default 4 */
   rows?: number
-  style?: TextStyle
 }
 
 /**

package/src/native/components/Skeleton.tsx

@@ -60,7 +60,7 @@ export const Skeleton = ({ lines = 3, width, block = false, height = 80, style }
       {Array.from({ length: lines }).map((_, i) => (
         <Animated.View
           key={i}
-          style={[baseStyle, { height: LINE_HEIGHT, width: lineWidths[i] ?? '100%' }, { opacity }]}
+          style={[baseStyle, { height: LINE_HEIGHT, width: (lineWidths[i] ?? '100%') as any }, { opacity }]}
         />
       ))}
     </View>

package/src/native/components/Tabs.tsx

@@ -1,6 +1,6 @@
-import { useState } from 'react'
+import { useState, type ReactNode } from 'react'
 import { ScrollView, TouchableOpacity, View, Text } from 'react-native'
-import type { ViewStyle, ReactNode } from 'react-native'
+import type { ViewStyle } from 'react-native'
 import { spacing, fontWeights } from 'achery-ui/tokens'
 import { useTheme } from '../theme/ThemeContext'
 

package/src/native/index.ts

@@ -2,17 +2,18 @@ export { NativeThemeProvider, useTheme } from './theme/ThemeContext'
 export type { NativeThemeProviderProps, NativeThemeContextValue } from './theme/ThemeContext'
 
 export {
-  Text, Button, Card, Badge, Field, Input, MaterialCard, MaterialEyebrow,
+  Text, Button, Card, Badge, Field, Input, Textarea, MaterialCard, MaterialEyebrow,
   Glyph, GlyphPicker,
   Skeleton, ProgressBar, Checkbox, Toggle, Tabs,
   ToastProvider, useToast,
+  StatusDot, SegmentedControl, ScreenNav,
 } from './components/index'
 export type {
   TextProps,
   ButtonProps, ButtonVariant, ButtonSize,
   CardProps, CardVariant, CardPadding,
   BadgeProps, BadgeTone, BadgeVariant,
-  FieldProps, InputProps,
+  FieldProps, InputProps, TextareaProps,
   NativeMaterialCardProps, MaterialIntensity,
   NativeGlyphProps,
   GlyphPickerProps,
@@ -22,6 +23,9 @@ export type {
   ToggleProps,
   TabsProps, TabItem,
   ToastProviderProps, ToastData, ToastOptions,
+  StatusDotProps,
+  SegmentedControlProps, NativeSegmentOption,
+  ScreenNavProps,
 } from './components/index'
 
 // Glyph utilities — pure TS, work on native

package/src/types/theme.ts

@@ -1,5 +1,3 @@
-import type { AccentColor } from '../tokens/accents'
-
 /**
  * The user's colour-mode **preference**.
  * - `'light'` / `'dark'` — explicit override
@@ -18,6 +16,12 @@ export type ResolvedTheme = 'light' | 'dark'
  * - `'chrome'`    — accent threads the wiring: tabs, ticks, eyebrows, outline buttons (default)
  * - `'surface'`   — one signature panel floods with accent colour (`.signature-surface`)
  */
+/**
+ * The accent colour palette.
+ * Matches the keys of `accentColors` in `src/tokens/accents.ts` — keep them in sync.
+ */
+export type AccentColor = 'terracotta' | 'moss' | 'plum' | 'ochre' | 'rust' | 'copper'
+
 export type AccentDial = 'underline' | 'chrome' | 'surface'
 
 /**
@@ -66,5 +70,3 @@ export interface ThemeContextValue {
   /** Set the material signature. */
   setMaterial: (material: MaterialSignature) => void
 }
-
-export type { AccentColor }

package/dist/accents-DrqL1lLe.d.cts

@@ -1,48 +0,0 @@
-declare const accentColors: {
-    readonly terracotta: {
-        readonly main: "#c46a3a";
-        readonly light: "#d97a4a";
-        readonly deep: "#a05526";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly moss: {
-        readonly main: "#4a5a32";
-        readonly light: "#8da866";
-        readonly deep: "#2e3a20";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly plum: {
-        readonly main: "#5d4a6a";
-        readonly light: "#8b6fa8";
-        readonly deep: "#5d4a6a";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly ochre: {
-        readonly main: "#b8924a";
-        readonly light: "#e0bc70";
-        readonly deep: "#9a7430";
-        readonly fg: "#1f1d18";
-        readonly fgDark: "#1f1d18";
-    };
-    readonly rust: {
-        readonly main: "#8a3a22";
-        readonly light: "#c46a3a";
-        readonly deep: "#8a3a22";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly copper: {
-        readonly main: "#b8742a";
-        readonly light: "#d68f48";
-        readonly deep: "#8a531a";
-        readonly fg: "#1f1d18";
-        readonly fgDark: "#1f1d18";
-    };
-};
-type AccentColor = keyof typeof accentColors;
-declare const accentColorNames: AccentColor[];
-
-export { type AccentColor as A, accentColorNames as a, accentColors as b };

package/dist/accents-DrqL1lLe.d.ts

@@ -1,48 +0,0 @@
-declare const accentColors: {
-    readonly terracotta: {
-        readonly main: "#c46a3a";
-        readonly light: "#d97a4a";
-        readonly deep: "#a05526";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly moss: {
-        readonly main: "#4a5a32";
-        readonly light: "#8da866";
-        readonly deep: "#2e3a20";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly plum: {
-        readonly main: "#5d4a6a";
-        readonly light: "#8b6fa8";
-        readonly deep: "#5d4a6a";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly ochre: {
-        readonly main: "#b8924a";
-        readonly light: "#e0bc70";
-        readonly deep: "#9a7430";
-        readonly fg: "#1f1d18";
-        readonly fgDark: "#1f1d18";
-    };
-    readonly rust: {
-        readonly main: "#8a3a22";
-        readonly light: "#c46a3a";
-        readonly deep: "#8a3a22";
-        readonly fg: "#fbf8f0";
-        readonly fgDark: "#14130f";
-    };
-    readonly copper: {
-        readonly main: "#b8742a";
-        readonly light: "#d68f48";
-        readonly deep: "#8a531a";
-        readonly fg: "#1f1d18";
-        readonly fgDark: "#1f1d18";
-    };
-};
-type AccentColor = keyof typeof accentColors;
-declare const accentColorNames: AccentColor[];
-
-export { type AccentColor as A, accentColorNames as a, accentColors as b };

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"]}

package/dist/chunk-NDOQ2YVM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-NDOQ2YVM.js","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"]}