achery-ui 0.10.4 → 0.10.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2788,6 +2788,73 @@ var require_yen = __commonJS({
2788
2788
  module.exports = "../yen-ZW6HM35W.svg";
2789
2789
  }
2790
2790
  });
2791
+
2792
+ // src/tokens/palette.ts
2793
+ var palette = {
2794
+ ink: "#1f1d18",
2795
+ inkDeep: "#14130f",
2796
+ paper: "#fbf8f0",
2797
+ mossDeep: "#2e3a20",
2798
+ moss: "#4a5a32",
2799
+ mossLight: "#8da866",
2800
+ terracotta: "#c46a3a",
2801
+ terracottaDeep: "#a05526",
2802
+ terracottaLight: "#d97a4a",
2803
+ plum: "#5d4a6a",
2804
+ plumLight: "#8b6fa8",
2805
+ rust: "#8a3a22",
2806
+ ochre: "#b8924a",
2807
+ copper: "#b8742a",
2808
+ copperDeep: "#8a531a",
2809
+ copperLight: "#d68f48",
2810
+ goldDeep: "#9a7430",
2811
+ goldLight: "#e0bc70"};
2812
+
2813
+ // src/tokens/accents.ts
2814
+ var accentColors = {
2815
+ terracotta: {
2816
+ main: palette.terracotta,
2817
+ light: palette.terracottaLight,
2818
+ deep: palette.terracottaDeep,
2819
+ fg: palette.paper,
2820
+ fgDark: palette.inkDeep
2821
+ },
2822
+ moss: {
2823
+ main: palette.moss,
2824
+ light: palette.mossLight,
2825
+ deep: palette.mossDeep,
2826
+ fg: palette.paper,
2827
+ fgDark: palette.inkDeep
2828
+ },
2829
+ plum: {
2830
+ main: palette.plum,
2831
+ light: palette.plumLight,
2832
+ deep: palette.plum,
2833
+ fg: palette.paper,
2834
+ fgDark: palette.inkDeep
2835
+ },
2836
+ ochre: {
2837
+ main: palette.ochre,
2838
+ light: palette.goldLight,
2839
+ deep: palette.goldDeep,
2840
+ fg: palette.ink,
2841
+ fgDark: palette.ink
2842
+ },
2843
+ rust: {
2844
+ main: palette.rust,
2845
+ light: palette.terracotta,
2846
+ deep: palette.rust,
2847
+ fg: palette.paper,
2848
+ fgDark: palette.inkDeep
2849
+ },
2850
+ copper: {
2851
+ main: palette.copper,
2852
+ light: palette.copperLight,
2853
+ deep: palette.copperDeep,
2854
+ fg: palette.ink,
2855
+ fgDark: palette.ink
2856
+ }
2857
+ };
2791
2858
  var ThemeContext = react.createContext({
2792
2859
  tokens: tokens.lightTokens,
2793
2860
  dark: false,
@@ -2818,11 +2885,20 @@ function NativeThemeProvider({
2818
2885
  const setAccent = react.useCallback((a) => setAccentState(a), []);
2819
2886
  const setDial = react.useCallback((d) => setDialState(d), []);
2820
2887
  const setMaterial = react.useCallback((m) => setMaterialState(m), []);
2888
+ const tokens$1 = react.useMemo(() => {
2889
+ const base = dark ? tokens.darkTokens : tokens.lightTokens;
2890
+ const a = accentColors[accent];
2891
+ return {
2892
+ ...base,
2893
+ accent: dark ? a.light : a.main,
2894
+ accentFg: dark ? a.fgDark : a.fg
2895
+ };
2896
+ }, [dark, accent]);
2821
2897
  return /* @__PURE__ */ jsxRuntime.jsx(
2822
2898
  ThemeContext.Provider,
2823
2899
  {
2824
2900
  value: {
2825
- tokens: dark ? tokens.darkTokens : tokens.lightTokens,
2901
+ tokens: tokens$1,
2826
2902
  dark,
2827
2903
  toggle,
2828
2904
  accent,