achery-ui 0.10.8 → 0.11.0

package/README.md

@@ -62,8 +62,9 @@ function RecipeCard({ recipe }) {
 | `achery-ui` | All components + theme | No (DOM + CSS) |
 | `achery-ui/style.css` | Component styles | No |
 | `achery-ui/tokens` | Design tokens as TypeScript values | **Yes** |
+| `achery-ui/native` | React Native components + `NativeThemeProvider` | **Yes** |
 
-The `/tokens` entry is zero-DOM, zero-React — safe to import from React Native or any non-browser context.
+The `/tokens` entry is zero-DOM, zero-React — safe to import from React Native or any non-browser context. The `/native` entry ships a full component set built on React Native primitives with no CSS dependency.
 
 ---
 
@@ -106,8 +107,10 @@ import { useTheme } from 'achery-ui'
 const { theme, toggleTheme, accent, setAccent } = useTheme()
 ```
 
-**Themes:** `light` · `dark`  
-**Accents:** `terracotta` · `moss` · `plum` · `ochre` · `rust` · `copper`
+**Themes:** `light` · `dark` · `system`  
+**Accents:** `terracotta` · `moss` · `plum` · `ochre` · `rust` · `copper` · `slate` · `verdigris` · `mauve` · `amber` · `fern` · `blush`  
+**Dial:** `underline` · `chrome` · `surface` — controls how loudly the accent runs  
+**Surface origin:** `web-first` · `native-first` · `parity` · `native-only` — declares the adaptation ladder
 
 Full theming guide: [src/theme/README.md](src/theme/README.md)
 
@@ -117,6 +120,8 @@ Full theming guide: [src/theme/README.md](src/theme/README.md)
 
 See [docs/styleguide.md](docs/styleguide.md) for the full visual language reference — palette rationale, typography roles, spacing scale, glyphs, motion, and copy voice.
 
+For cross-surface adaptation (web ↔ mobile ↔ native) — the disclosure ladder, promotion ladder, and Achery-on-touch rules — see [src/native/README.md](src/native/README.md).
+
 ---
 
 ## Versioning

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

@@ -20,6 +20,24 @@ var palette = {
   plumLight: "#8b6fa8",
   rust: "#8a3a22",
   ochre: "#b8924a",
+  slate: "#195a73",
+  slateDeep: "#004157",
+  slateLight: "#5189a1",
+  verdigris: "#00685f",
+  verdigrisDeep: "#004d46",
+  verdigrisLight: "#3f9086",
+  mauve: "#76425b",
+  mauveDeep: "#5a2b43",
+  mauveLight: "#a56c87",
+  amber: "#9a6839",
+  amberDeep: "#76491d",
+  amberLight: "#be8c61",
+  fern: "#36643e",
+  fernDeep: "#1d4825",
+  fernLight: "#618d67",
+  blush: "#955c63",
+  blushDeep: "#713f45",
+  blushLight: "#bc848a",
   leather: "#6b3a26",
   leatherMid: "#8a4e34",
   leatherLight: "#a86a48",
@@ -82,10 +100,52 @@ var accentColors = {
     deep: palette.copperDeep,
     fg: palette.ink,
     fgDark: palette.ink
+  },
+  slate: {
+    main: palette.slate,
+    light: palette.slateLight,
+    deep: palette.slateDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  verdigris: {
+    main: palette.verdigris,
+    light: palette.verdigrisLight,
+    deep: palette.verdigrisDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  mauve: {
+    main: palette.mauve,
+    light: palette.mauveLight,
+    deep: palette.mauveDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  amber: {
+    main: palette.amber,
+    light: palette.amberLight,
+    deep: palette.amberDeep,
+    fg: palette.ink,
+    fgDark: palette.ink
+  },
+  fern: {
+    main: palette.fern,
+    light: palette.fernLight,
+    deep: palette.fernDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  blush: {
+    main: palette.blush,
+    light: palette.blushLight,
+    deep: palette.blushDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
   }
 };
 var accentColorNames = Object.keys(accentColors);
 
 export { accentColorNames, accentColors, palette };
-//# sourceMappingURL=chunk-SZRZ6HQ6.js.map
-//# sourceMappingURL=chunk-SZRZ6HQ6.js.map
+//# sourceMappingURL=chunk-NBDD2PAR.js.map
+//# sourceMappingURL=chunk-NBDD2PAR.js.map

package/dist/chunk-NBDD2PAR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-NBDD2PAR.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  slate: '#195a73',\n  slateDeep: '#004157',\n  slateLight: '#5189a1',\n\n  verdigris: '#00685f',\n  verdigrisDeep: '#004d46',\n  verdigrisLight: '#3f9086',\n\n  mauve: '#76425b',\n  mauveDeep: '#5a2b43',\n  mauveLight: '#a56c87',\n\n  amber: '#9a6839',\n  amberDeep: '#76491d',\n  amberLight: '#be8c61',\n\n  fern: '#36643e',\n  fernDeep: '#1d4825',\n  fernLight: '#618d67',\n\n  blush: '#955c63',\n  blushDeep: '#713f45',\n  blushLight: '#bc848a',\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  slate: {\n    main: palette.slate,\n    light: palette.slateLight,\n    deep: palette.slateDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  verdigris: {\n    main: palette.verdigris,\n    light: palette.verdigrisLight,\n    deep: palette.verdigrisDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  mauve: {\n    main: palette.mauve,\n    light: palette.mauveLight,\n    deep: palette.mauveDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  amber: {\n    main: palette.amber,\n    light: palette.amberLight,\n    deep: palette.amberDeep,\n    fg: palette.ink,\n    fgDark: palette.ink,\n  },\n  fern: {\n    main: palette.fern,\n    light: palette.fernLight,\n    deep: palette.fernDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  blush: {\n    main: palette.blush,\n    light: palette.blushLight,\n    deep: palette.blushDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n} as const\n\nexport const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}

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

@@ -22,6 +22,24 @@ var palette = {
   plumLight: "#8b6fa8",
   rust: "#8a3a22",
   ochre: "#b8924a",
+  slate: "#195a73",
+  slateDeep: "#004157",
+  slateLight: "#5189a1",
+  verdigris: "#00685f",
+  verdigrisDeep: "#004d46",
+  verdigrisLight: "#3f9086",
+  mauve: "#76425b",
+  mauveDeep: "#5a2b43",
+  mauveLight: "#a56c87",
+  amber: "#9a6839",
+  amberDeep: "#76491d",
+  amberLight: "#be8c61",
+  fern: "#36643e",
+  fernDeep: "#1d4825",
+  fernLight: "#618d67",
+  blush: "#955c63",
+  blushDeep: "#713f45",
+  blushLight: "#bc848a",
   leather: "#6b3a26",
   leatherMid: "#8a4e34",
   leatherLight: "#a86a48",
@@ -84,6 +102,48 @@ var accentColors = {
     deep: palette.copperDeep,
     fg: palette.ink,
     fgDark: palette.ink
+  },
+  slate: {
+    main: palette.slate,
+    light: palette.slateLight,
+    deep: palette.slateDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  verdigris: {
+    main: palette.verdigris,
+    light: palette.verdigrisLight,
+    deep: palette.verdigrisDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  mauve: {
+    main: palette.mauve,
+    light: palette.mauveLight,
+    deep: palette.mauveDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  amber: {
+    main: palette.amber,
+    light: palette.amberLight,
+    deep: palette.amberDeep,
+    fg: palette.ink,
+    fgDark: palette.ink
+  },
+  fern: {
+    main: palette.fern,
+    light: palette.fernLight,
+    deep: palette.fernDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
+  },
+  blush: {
+    main: palette.blush,
+    light: palette.blushLight,
+    deep: palette.blushDeep,
+    fg: palette.paper,
+    fgDark: palette.inkDeep
   }
 };
 var accentColorNames = Object.keys(accentColors);
@@ -91,5 +151,5 @@ var accentColorNames = Object.keys(accentColors);
 exports.accentColorNames = accentColorNames;
 exports.accentColors = accentColors;
 exports.palette = palette;
-//# sourceMappingURL=chunk-V5XG7NXB.cjs.map
-//# sourceMappingURL=chunk-V5XG7NXB.cjs.map
+//# sourceMappingURL=chunk-QKXPZEGC.cjs.map
+//# sourceMappingURL=chunk-QKXPZEGC.cjs.map

package/dist/chunk-QKXPZEGC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-QKXPZEGC.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  slate: '#195a73',\n  slateDeep: '#004157',\n  slateLight: '#5189a1',\n\n  verdigris: '#00685f',\n  verdigrisDeep: '#004d46',\n  verdigrisLight: '#3f9086',\n\n  mauve: '#76425b',\n  mauveDeep: '#5a2b43',\n  mauveLight: '#a56c87',\n\n  amber: '#9a6839',\n  amberDeep: '#76491d',\n  amberLight: '#be8c61',\n\n  fern: '#36643e',\n  fernDeep: '#1d4825',\n  fernLight: '#618d67',\n\n  blush: '#955c63',\n  blushDeep: '#713f45',\n  blushLight: '#bc848a',\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  slate: {\n    main: palette.slate,\n    light: palette.slateLight,\n    deep: palette.slateDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  verdigris: {\n    main: palette.verdigris,\n    light: palette.verdigrisLight,\n    deep: palette.verdigrisDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  mauve: {\n    main: palette.mauve,\n    light: palette.mauveLight,\n    deep: palette.mauveDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  amber: {\n    main: palette.amber,\n    light: palette.amberLight,\n    deep: palette.amberDeep,\n    fg: palette.ink,\n    fgDark: palette.ink,\n  },\n  fern: {\n    main: palette.fern,\n    light: palette.fernLight,\n    deep: palette.fernDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\n  },\n  blush: {\n    main: palette.blush,\n    light: palette.blushLight,\n    deep: palette.blushDeep,\n    fg: palette.paper,\n    fgDark: palette.inkDeep,\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 chunkV5XG7NXB_cjs = require('./chunk-V5XG7NXB.cjs');
+var chunkQKXPZEGC_cjs = require('./chunk-QKXPZEGC.cjs');
 var chunkWMF2ZDRE_cjs = require('./chunk-WMF2ZDRE.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -70,6 +70,7 @@ function AcheryProvider({
   defaultAccent = "terracotta",
   defaultDial = "chrome",
   defaultMaterial = "none",
+  defaultSurfaceOrigin = "web-first",
   className,
   style
 }) {
@@ -77,6 +78,7 @@ function AcheryProvider({
   const [accent, setAccentState] = react.useState(defaultAccent);
   const [dial, setDialState] = react.useState(defaultDial);
   const [material, setMaterialState] = react.useState(defaultMaterial);
+  const [surfaceOrigin] = react.useState(defaultSurfaceOrigin);
   const [resolvedTheme, setResolvedTheme] = react.useState(() => resolveTheme(readStoredMode(defaultTheme)));
   react.useEffect(() => {
     setModeState(defaultTheme);
@@ -131,7 +133,7 @@ function AcheryProvider({
       delete html.dataset["acheryRoot"];
     };
   }, [resolvedTheme, accent, dial, material]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { mode, theme: resolvedTheme, setTheme, toggleTheme, accent, setAccent, dial, setDial, material, setMaterial }, children: /* @__PURE__ */ jsxRuntime.jsx(AppBarSearchProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { mode, theme: resolvedTheme, setTheme, toggleTheme, accent, setAccent, dial, setDial, material, setMaterial, surfaceOrigin }, children: /* @__PURE__ */ jsxRuntime.jsx(AppBarSearchProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-achery-root": "",
@@ -2410,7 +2412,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: chunkV5XG7NXB_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
+        onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkQKXPZEGC_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             className: accentSwatch,
@@ -2418,7 +2420,7 @@ function AppBar({
             onClick: () => onAccentChange(name),
             "aria-label": name,
             "aria-pressed": name === accent,
-            style: { background: chunkV5XG7NXB_cjs.accentColors[name].main }
+            style: { background: chunkQKXPZEGC_cjs.accentColors[name].main }
           },
           name
         )) }),