achery-ui 0.1.0

package/dist/tokens/index.d.cts

@@ -0,0 +1,188 @@
+export { A as AccentColor, a as accentColorNames, b as accentColors } from '../accents-DrqL1lLe.cjs';
+
+declare const palette: {
+    readonly ink: "#1f1d18";
+    readonly inkDeep: "#14130f";
+    readonly paper: "#fbf8f0";
+    readonly paperWarm: "#f0e9d6";
+    readonly paperToasted: "#e6dec5";
+    readonly cream: "#e8dfc8";
+    readonly creamSoft: "#d8cdb0";
+    readonly mossDeep: "#2e3a20";
+    readonly moss: "#4a5a32";
+    readonly mossMid: "#6b7a48";
+    readonly mossLight: "#8da866";
+    readonly sage: "#b6c898";
+    readonly terracotta: "#c46a3a";
+    readonly terracottaDeep: "#a05526";
+    readonly terracottaLight: "#d97a4a";
+    readonly plum: "#5d4a6a";
+    readonly plumMid: "#7a5e8a";
+    readonly plumLight: "#8b6fa8";
+    readonly rust: "#8a3a22";
+    readonly ochre: "#b8924a";
+    readonly leather: "#6b3a26";
+    readonly leatherMid: "#8a4e34";
+    readonly leatherLight: "#a86a48";
+    readonly copper: "#b8742a";
+    readonly copperDeep: "#8a531a";
+    readonly copperLight: "#d68f48";
+    readonly copperPatina: "#5a7a6a";
+    readonly silver: "#a8a098";
+    readonly silverDeep: "#6e6a62";
+    readonly silverLight: "#c8c0b6";
+    readonly wood: "#7a5a3a";
+    readonly woodLight: "#a88660";
+    readonly woodDeep: "#4a3422";
+    readonly gold: "#c69a4a";
+    readonly goldDeep: "#9a7430";
+    readonly goldLight: "#e0bc70";
+    readonly success: "#6ba03d";
+};
+type PaletteKey = keyof typeof palette;
+
+declare const spacingScale: readonly [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80];
+declare const spacing: {
+    readonly sp0: 0;
+    readonly sp1: 2;
+    readonly sp2: 4;
+    readonly sp3: 6;
+    readonly sp4: 8;
+    readonly sp5: 12;
+    readonly sp6: 16;
+    readonly sp7: 20;
+    readonly sp8: 24;
+    readonly sp9: 32;
+    readonly sp10: 40;
+    readonly sp11: 56;
+    readonly sp12: 80;
+};
+declare const px: (n: number) => string;
+
+declare const fontFamilies: {
+    readonly display: "'Roboto Slab', 'Rockwell', 'Courier New', serif";
+    readonly body: "'Space Grotesk', 'Helvetica Neue', 'Inter', system-ui, sans-serif";
+    readonly mono: "'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace";
+};
+declare const fontSizes: {
+    readonly xs: "11px";
+    readonly sm: "12px";
+    readonly md: "14px";
+    readonly lg: "16px";
+    readonly xl: "20px";
+    readonly '2xl': "26px";
+    readonly '3xl': "34px";
+    readonly '4xl': "46px";
+    readonly '5xl': "64px";
+    readonly '6xl': "88px";
+};
+declare const fontWeights: {
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+    readonly black: 900;
+};
+declare const lineHeights: {
+    readonly tight: 1.08;
+    readonly snug: 1.2;
+    readonly base: 1.45;
+    readonly loose: 1.65;
+};
+declare const letterSpacings: {
+    readonly tight: "-0.02em";
+    readonly snug: "-0.01em";
+    readonly base: "0";
+    readonly wide: "0.04em";
+    readonly wider: "0.08em";
+    readonly widest: "0.18em";
+};
+declare const googleFontsUrl = "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";
+
+declare const radius: {
+    readonly none: "0";
+    readonly hairline: "1px";
+    readonly sm: "2px";
+    readonly pill: "999px";
+};
+
+declare const shadows: {
+    readonly stamp: "2px 2px 0 0";
+    readonly stampLg: "4px 4px 0 0";
+    readonly pressLight: "inset 0 1px 0 rgba(20,19,15,0.18)";
+    readonly pressDark: "inset 0 1px 0 rgba(232,223,200,0.10)";
+    readonly softLight: "0 1px 0 rgba(20,19,15,0.12), 0 0 0 1px rgba(20,19,15,0.04)";
+    readonly softDark: "0 1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(232,223,200,0.05)";
+};
+
+declare const duration: {
+    readonly fast: "120ms";
+    readonly base: "180ms";
+    readonly slow: "320ms";
+};
+declare const easing: {
+    readonly out: "cubic-bezier(.2,.7,.2,1)";
+    readonly in: "cubic-bezier(.6,.0,.8,.3)";
+    readonly snap: "cubic-bezier(.5,1.6,.4,1)";
+};
+declare const zIndex: {
+    readonly base: 1;
+    readonly sticky: 10;
+    readonly overlay: 50;
+    readonly modal: 100;
+    readonly toast: 200;
+};
+
+declare const lightTokens: {
+    readonly bg: "#fbf8f0";
+    readonly bg2: "#f0e9d6";
+    readonly bgSunken: "#e6dec5";
+    readonly surface: "#fdfaf3";
+    readonly surface2: "#f0e9d6";
+    readonly fg: "#1f1d18";
+    readonly fg2: "#4a463c";
+    readonly fg3: "#6e6a5e";
+    readonly fgMute: "#8a8576";
+    readonly border: "#1f1d18";
+    readonly border2: "#6e6a5e";
+    readonly borderMute: "#b8ad94";
+    readonly rule: "#14130f";
+    readonly accent: "#c46a3a";
+    readonly accentFg: "#fbf8f0";
+    readonly accent2: "#4a5a32";
+    readonly accent3: "#5d4a6a";
+    readonly success: "#6ba03d";
+    readonly warn: "#b8924a";
+    readonly danger: "#8a3a22";
+    readonly info: "#7a5e8a";
+    readonly selectionBg: "#b8924a";
+    readonly selectionFg: "#1f1d18";
+};
+declare const darkTokens: {
+    readonly bg: "#14130f";
+    readonly bg2: "#1f1d18";
+    readonly bgSunken: "#0c0b08";
+    readonly surface: "#26241e";
+    readonly surface2: "#2d2a23";
+    readonly fg: "#e8dfc8";
+    readonly fg2: "#b8ad94";
+    readonly fg3: "#8a8576";
+    readonly fgMute: "#6e6a5e";
+    readonly border: "#e8dfc8";
+    readonly border2: "#8a8576";
+    readonly borderMute: "#4a463c";
+    readonly rule: "#e8dfc8";
+    readonly accent: "#d97a4a";
+    readonly accentFg: "#14130f";
+    readonly accent2: "#8da866";
+    readonly accent3: "#8b6fa8";
+    readonly success: "#7fba4a";
+    readonly warn: "#b8924a";
+    readonly danger: "#c46a3a";
+    readonly info: "#7a5e8a";
+    readonly selectionBg: "#8da866";
+    readonly selectionFg: "#14130f";
+};
+type SemanticTokens = typeof lightTokens;
+
+export { type PaletteKey, type SemanticTokens, darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, palette, px, radius, shadows, spacing, spacingScale, zIndex };

package/dist/tokens/index.d.ts

@@ -0,0 +1,188 @@
+export { A as AccentColor, a as accentColorNames, b as accentColors } from '../accents-DrqL1lLe.js';
+
+declare const palette: {
+    readonly ink: "#1f1d18";
+    readonly inkDeep: "#14130f";
+    readonly paper: "#fbf8f0";
+    readonly paperWarm: "#f0e9d6";
+    readonly paperToasted: "#e6dec5";
+    readonly cream: "#e8dfc8";
+    readonly creamSoft: "#d8cdb0";
+    readonly mossDeep: "#2e3a20";
+    readonly moss: "#4a5a32";
+    readonly mossMid: "#6b7a48";
+    readonly mossLight: "#8da866";
+    readonly sage: "#b6c898";
+    readonly terracotta: "#c46a3a";
+    readonly terracottaDeep: "#a05526";
+    readonly terracottaLight: "#d97a4a";
+    readonly plum: "#5d4a6a";
+    readonly plumMid: "#7a5e8a";
+    readonly plumLight: "#8b6fa8";
+    readonly rust: "#8a3a22";
+    readonly ochre: "#b8924a";
+    readonly leather: "#6b3a26";
+    readonly leatherMid: "#8a4e34";
+    readonly leatherLight: "#a86a48";
+    readonly copper: "#b8742a";
+    readonly copperDeep: "#8a531a";
+    readonly copperLight: "#d68f48";
+    readonly copperPatina: "#5a7a6a";
+    readonly silver: "#a8a098";
+    readonly silverDeep: "#6e6a62";
+    readonly silverLight: "#c8c0b6";
+    readonly wood: "#7a5a3a";
+    readonly woodLight: "#a88660";
+    readonly woodDeep: "#4a3422";
+    readonly gold: "#c69a4a";
+    readonly goldDeep: "#9a7430";
+    readonly goldLight: "#e0bc70";
+    readonly success: "#6ba03d";
+};
+type PaletteKey = keyof typeof palette;
+
+declare const spacingScale: readonly [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80];
+declare const spacing: {
+    readonly sp0: 0;
+    readonly sp1: 2;
+    readonly sp2: 4;
+    readonly sp3: 6;
+    readonly sp4: 8;
+    readonly sp5: 12;
+    readonly sp6: 16;
+    readonly sp7: 20;
+    readonly sp8: 24;
+    readonly sp9: 32;
+    readonly sp10: 40;
+    readonly sp11: 56;
+    readonly sp12: 80;
+};
+declare const px: (n: number) => string;
+
+declare const fontFamilies: {
+    readonly display: "'Roboto Slab', 'Rockwell', 'Courier New', serif";
+    readonly body: "'Space Grotesk', 'Helvetica Neue', 'Inter', system-ui, sans-serif";
+    readonly mono: "'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace";
+};
+declare const fontSizes: {
+    readonly xs: "11px";
+    readonly sm: "12px";
+    readonly md: "14px";
+    readonly lg: "16px";
+    readonly xl: "20px";
+    readonly '2xl': "26px";
+    readonly '3xl': "34px";
+    readonly '4xl': "46px";
+    readonly '5xl': "64px";
+    readonly '6xl': "88px";
+};
+declare const fontWeights: {
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+    readonly black: 900;
+};
+declare const lineHeights: {
+    readonly tight: 1.08;
+    readonly snug: 1.2;
+    readonly base: 1.45;
+    readonly loose: 1.65;
+};
+declare const letterSpacings: {
+    readonly tight: "-0.02em";
+    readonly snug: "-0.01em";
+    readonly base: "0";
+    readonly wide: "0.04em";
+    readonly wider: "0.08em";
+    readonly widest: "0.18em";
+};
+declare const googleFontsUrl = "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";
+
+declare const radius: {
+    readonly none: "0";
+    readonly hairline: "1px";
+    readonly sm: "2px";
+    readonly pill: "999px";
+};
+
+declare const shadows: {
+    readonly stamp: "2px 2px 0 0";
+    readonly stampLg: "4px 4px 0 0";
+    readonly pressLight: "inset 0 1px 0 rgba(20,19,15,0.18)";
+    readonly pressDark: "inset 0 1px 0 rgba(232,223,200,0.10)";
+    readonly softLight: "0 1px 0 rgba(20,19,15,0.12), 0 0 0 1px rgba(20,19,15,0.04)";
+    readonly softDark: "0 1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(232,223,200,0.05)";
+};
+
+declare const duration: {
+    readonly fast: "120ms";
+    readonly base: "180ms";
+    readonly slow: "320ms";
+};
+declare const easing: {
+    readonly out: "cubic-bezier(.2,.7,.2,1)";
+    readonly in: "cubic-bezier(.6,.0,.8,.3)";
+    readonly snap: "cubic-bezier(.5,1.6,.4,1)";
+};
+declare const zIndex: {
+    readonly base: 1;
+    readonly sticky: 10;
+    readonly overlay: 50;
+    readonly modal: 100;
+    readonly toast: 200;
+};
+
+declare const lightTokens: {
+    readonly bg: "#fbf8f0";
+    readonly bg2: "#f0e9d6";
+    readonly bgSunken: "#e6dec5";
+    readonly surface: "#fdfaf3";
+    readonly surface2: "#f0e9d6";
+    readonly fg: "#1f1d18";
+    readonly fg2: "#4a463c";
+    readonly fg3: "#6e6a5e";
+    readonly fgMute: "#8a8576";
+    readonly border: "#1f1d18";
+    readonly border2: "#6e6a5e";
+    readonly borderMute: "#b8ad94";
+    readonly rule: "#14130f";
+    readonly accent: "#c46a3a";
+    readonly accentFg: "#fbf8f0";
+    readonly accent2: "#4a5a32";
+    readonly accent3: "#5d4a6a";
+    readonly success: "#6ba03d";
+    readonly warn: "#b8924a";
+    readonly danger: "#8a3a22";
+    readonly info: "#7a5e8a";
+    readonly selectionBg: "#b8924a";
+    readonly selectionFg: "#1f1d18";
+};
+declare const darkTokens: {
+    readonly bg: "#14130f";
+    readonly bg2: "#1f1d18";
+    readonly bgSunken: "#0c0b08";
+    readonly surface: "#26241e";
+    readonly surface2: "#2d2a23";
+    readonly fg: "#e8dfc8";
+    readonly fg2: "#b8ad94";
+    readonly fg3: "#8a8576";
+    readonly fgMute: "#6e6a5e";
+    readonly border: "#e8dfc8";
+    readonly border2: "#8a8576";
+    readonly borderMute: "#4a463c";
+    readonly rule: "#e8dfc8";
+    readonly accent: "#d97a4a";
+    readonly accentFg: "#14130f";
+    readonly accent2: "#8da866";
+    readonly accent3: "#8b6fa8";
+    readonly success: "#7fba4a";
+    readonly warn: "#b8924a";
+    readonly danger: "#c46a3a";
+    readonly info: "#7a5e8a";
+    readonly selectionBg: "#8da866";
+    readonly selectionFg: "#14130f";
+};
+type SemanticTokens = typeof lightTokens;
+
+export { type PaletteKey, type SemanticTokens, darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, palette, px, radius, shadows, spacing, spacingScale, zIndex };

package/dist/tokens/index.js

@@ -0,0 +1,155 @@
+import { palette } from '../chunk-IARZATZY.js';
+export { accentColorNames, accentColors, palette } from '../chunk-IARZATZY.js';
+
+// src/tokens/spacing.ts
+var spacingScale = [0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 56, 80];
+var spacing = {
+  sp0: 0,
+  sp1: 2,
+  sp2: 4,
+  sp3: 6,
+  sp4: 8,
+  sp5: 12,
+  sp6: 16,
+  sp7: 20,
+  sp8: 24,
+  sp9: 32,
+  sp10: 40,
+  sp11: 56,
+  sp12: 80
+};
+var px = (n) => `${n}px`;
+
+// src/tokens/typography.ts
+var fontFamilies = {
+  display: "'Roboto Slab', 'Rockwell', 'Courier New', serif",
+  body: "'Space Grotesk', 'Helvetica Neue', 'Inter', system-ui, sans-serif",
+  mono: "'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace"
+};
+var fontSizes = {
+  xs: "11px",
+  sm: "12px",
+  md: "14px",
+  lg: "16px",
+  xl: "20px",
+  "2xl": "26px",
+  "3xl": "34px",
+  "4xl": "46px",
+  "5xl": "64px",
+  "6xl": "88px"
+};
+var fontWeights = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  black: 900
+};
+var lineHeights = {
+  tight: 1.08,
+  snug: 1.2,
+  base: 1.45,
+  loose: 1.65
+};
+var letterSpacings = {
+  tight: "-0.02em",
+  snug: "-0.01em",
+  base: "0",
+  wide: "0.04em",
+  wider: "0.08em",
+  widest: "0.18em"
+};
+var googleFontsUrl = "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";
+
+// src/tokens/radius.ts
+var radius = {
+  none: "0",
+  hairline: "1px",
+  sm: "2px",
+  pill: "999px"
+};
+
+// src/tokens/shadows.ts
+var shadows = {
+  stamp: "2px 2px 0 0",
+  stampLg: "4px 4px 0 0",
+  pressLight: "inset 0 1px 0 rgba(20,19,15,0.18)",
+  pressDark: "inset 0 1px 0 rgba(232,223,200,0.10)",
+  softLight: "0 1px 0 rgba(20,19,15,0.12), 0 0 0 1px rgba(20,19,15,0.04)",
+  softDark: "0 1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(232,223,200,0.05)"
+};
+
+// src/tokens/motion.ts
+var duration = {
+  fast: "120ms",
+  base: "180ms",
+  slow: "320ms"
+};
+var easing = {
+  out: "cubic-bezier(.2,.7,.2,1)",
+  in: "cubic-bezier(.6,.0,.8,.3)",
+  snap: "cubic-bezier(.5,1.6,.4,1)"
+};
+var zIndex = {
+  base: 1,
+  sticky: 10,
+  overlay: 50,
+  modal: 100,
+  toast: 200
+};
+
+// src/tokens/semantic.ts
+var lightTokens = {
+  bg: palette.paper,
+  bg2: palette.paperWarm,
+  bgSunken: palette.paperToasted,
+  surface: "#fdfaf3",
+  surface2: palette.paperWarm,
+  fg: palette.ink,
+  fg2: "#4a463c",
+  fg3: "#6e6a5e",
+  fgMute: "#8a8576",
+  border: palette.ink,
+  border2: "#6e6a5e",
+  borderMute: "#b8ad94",
+  rule: palette.inkDeep,
+  accent: palette.terracotta,
+  accentFg: palette.paper,
+  accent2: palette.moss,
+  accent3: palette.plum,
+  success: palette.success,
+  warn: palette.ochre,
+  danger: palette.rust,
+  info: palette.plumMid,
+  selectionBg: palette.ochre,
+  selectionFg: palette.ink
+};
+var darkTokens = {
+  bg: palette.inkDeep,
+  bg2: "#1f1d18",
+  bgSunken: "#0c0b08",
+  surface: "#26241e",
+  surface2: "#2d2a23",
+  fg: palette.cream,
+  fg2: "#b8ad94",
+  fg3: "#8a8576",
+  fgMute: "#6e6a5e",
+  border: palette.cream,
+  border2: "#8a8576",
+  borderMute: "#4a463c",
+  rule: palette.cream,
+  accent: palette.terracottaLight,
+  accentFg: palette.inkDeep,
+  accent2: palette.mossLight,
+  accent3: palette.plumLight,
+  success: "#7fba4a",
+  warn: palette.ochre,
+  danger: palette.terracotta,
+  info: palette.plumMid,
+  selectionBg: palette.mossLight,
+  selectionFg: palette.inkDeep
+};
+
+export { darkTokens, duration, easing, fontFamilies, fontSizes, fontWeights, googleFontsUrl, letterSpacings, lightTokens, lineHeights, px, radius, shadows, spacing, spacingScale, zIndex };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +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.js'\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\n"]}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "achery-ui",
+  "version": "0.1.0",
+  "description": "Achery Workshop design system — autumn alchemy, hard edges, botanical marginalia.",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js",
+      "require": "./dist/tokens/index.cjs"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-select": "^2.2.4",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-tooltip": "^1.2.6",
+    "@vanilla-extract/css": "^1.17.2",
+    "@vanilla-extract/recipes": "^0.5.6"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "^10.3.6",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-themes": "^10.3.6",
+    "@storybook/react": "^10.3.6",
+    "@storybook/react-vite": "^10.3.6",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.3",
+    "@vanilla-extract/esbuild-plugin": "^2.3.22",
+    "@vanilla-extract/vite-plugin": "^5.2.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "remark-gfm": "^4.0.1",
+    "storybook": "^10.3.6",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-svgr": "^4.3.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  }
+}