@web-my-money/tokens 1.0.0

package/dist/index.js

@@ -0,0 +1,464 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DEFAULT_FONT_SIZE: () => DEFAULT_FONT_SIZE,
+  DEFAULT_THEME: () => DEFAULT_THEME,
+  FONT_SIZES: () => FONT_SIZES,
+  FONT_SIZE_STORAGE_KEY: () => FONT_SIZE_STORAGE_KEY,
+  THEMES: () => THEMES,
+  THEME_STORAGE_KEY: () => THEME_STORAGE_KEY,
+  animation: () => animation,
+  applyFontSize: () => applyFontSize,
+  applyTheme: () => applyTheme,
+  backgroundImage: () => backgroundImage,
+  boxShadow: () => boxShadow,
+  colors: () => colors,
+  colorsDark: () => colorsDark,
+  container: () => container,
+  darkBody: () => darkBody,
+  easing: () => easing,
+  fontFamily: () => fontFamily,
+  fontSize: () => fontSize,
+  fontSizeBootScript: () => fontSizeBootScript,
+  getStoredFontSize: () => getStoredFontSize,
+  getStoredTheme: () => getStoredTheme,
+  glassPanel: () => glassPanel,
+  isFontSizeName: () => isFontSizeName,
+  isThemeName: () => isThemeName,
+  keyframes: () => keyframes,
+  letterSpacing: () => letterSpacing,
+  radius: () => radius,
+  radiusBase: () => radiusBase,
+  spotlight: () => spotlight,
+  themeBootScript: () => themeBootScript,
+  wmmPreset: () => wmmPreset
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/colors.ts
+var colors = {
+  /* ── Semantic (light mode defaults) ──────────────────────────── */
+  background: "oklch(1 0 0)",
+  foreground: "oklch(0.145 0 0)",
+  card: "oklch(1 0 0)",
+  cardForeground: "oklch(0.145 0 0)",
+  popover: "oklch(1 0 0)",
+  popoverForeground: "oklch(0.145 0 0)",
+  primary: "oklch(0.205 0 0)",
+  primaryForeground: "oklch(0.985 0 0)",
+  secondary: "oklch(0.97 0 0)",
+  secondaryForeground: "oklch(0.205 0 0)",
+  muted: "oklch(0.97 0 0)",
+  mutedForeground: "oklch(0.556 0 0)",
+  accent: "oklch(0.97 0 0)",
+  accentForeground: "oklch(0.205 0 0)",
+  destructive: "oklch(0.577 0.245 27.325)",
+  border: "oklch(0.922 0 0)",
+  input: "oklch(0.922 0 0)",
+  ring: "oklch(0.708 0 0)",
+  /* ── Chart palette ──────────────────────────────────────────── */
+  chart1: "oklch(0.87 0 0)",
+  chart2: "oklch(0.556 0 0)",
+  chart3: "oklch(0.439 0 0)",
+  chart4: "oklch(0.371 0 0)",
+  chart5: "oklch(0.269 0 0)",
+  /* ── Sidebar (OS / dashboard apps) ──────────────────────────── */
+  sidebar: "oklch(0.985 0 0)",
+  sidebarForeground: "oklch(0.145 0 0)",
+  sidebarPrimary: "oklch(0.205 0 0)",
+  sidebarPrimaryForeground: "oklch(0.985 0 0)",
+  sidebarAccent: "oklch(0.97 0 0)",
+  sidebarAccentForeground: "oklch(0.205 0 0)",
+  sidebarBorder: "oklch(0.922 0 0)",
+  sidebarRing: "oklch(0.708 0 0)"
+};
+var colorsDark = {
+  background: "oklch(0.145 0 0)",
+  foreground: "oklch(0.985 0 0)",
+  card: "oklch(0.205 0 0)",
+  cardForeground: "oklch(0.985 0 0)",
+  popover: "oklch(0.205 0 0)",
+  popoverForeground: "oklch(0.985 0 0)",
+  primary: "oklch(0.922 0 0)",
+  primaryForeground: "oklch(0.205 0 0)",
+  secondary: "oklch(0.269 0 0)",
+  secondaryForeground: "oklch(0.985 0 0)",
+  muted: "oklch(0.269 0 0)",
+  mutedForeground: "oklch(0.708 0 0)",
+  accent: "oklch(0.269 0 0)",
+  accentForeground: "oklch(0.985 0 0)",
+  destructive: "oklch(0.704 0.191 22.216)",
+  border: "oklch(1 0 0 / 10%)",
+  input: "oklch(1 0 0 / 15%)",
+  ring: "oklch(0.556 0 0)",
+  chart1: "oklch(0.87 0 0)",
+  chart2: "oklch(0.556 0 0)",
+  chart3: "oklch(0.439 0 0)",
+  chart4: "oklch(0.371 0 0)",
+  chart5: "oklch(0.269 0 0)",
+  sidebar: "oklch(0.205 0 0)",
+  sidebarForeground: "oklch(0.985 0 0)",
+  sidebarPrimary: "oklch(0.488 0.243 264.376)",
+  sidebarPrimaryForeground: "oklch(0.985 0 0)",
+  sidebarAccent: "oklch(0.269 0 0)",
+  sidebarAccentForeground: "oklch(0.985 0 0)",
+  sidebarBorder: "oklch(1 0 0 / 10%)",
+  sidebarRing: "oklch(0.556 0 0)"
+};
+
+// src/typography.ts
+var fontFamily = {
+  /** Body text — Inter or system sans */
+  sans: [
+    "var(--font-inter)",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "Helvetica Neue",
+    "Arial",
+    "sans-serif"
+  ],
+  /** Display / hero headings — Satoshi */
+  display: [
+    "Satoshi",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "sans-serif"
+  ],
+  /** Labels, badges, section headers — Space Grotesk */
+  label: [
+    "var(--font-space-grotesk)",
+    "ui-sans-serif",
+    "system-ui",
+    "sans-serif"
+  ],
+  /** Code blocks */
+  mono: [
+    "var(--font-geist-mono)",
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    "monospace"
+  ]
+};
+var fontSize = {
+  xs: ["0.75rem", { lineHeight: "1rem" }],
+  sm: ["0.875rem", { lineHeight: "1.25rem" }],
+  base: ["1rem", { lineHeight: "1.5rem" }],
+  lg: ["1.125rem", { lineHeight: "1.75rem" }],
+  xl: ["1.25rem", { lineHeight: "1.75rem" }],
+  "2xl": ["1.5rem", { lineHeight: "2rem" }],
+  "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+  "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+  "5xl": ["3rem", { lineHeight: "1.15" }],
+  "6xl": ["3.75rem", { lineHeight: "1.1" }]
+};
+var letterSpacing = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  label: "0.15em"
+};
+
+// src/spacing.ts
+var radius = {
+  sm: "calc(var(--radius) * 0.6)",
+  md: "calc(var(--radius) * 0.8)",
+  lg: "var(--radius)",
+  xl: "calc(var(--radius) * 1.4)",
+  "2xl": "calc(var(--radius) * 1.8)",
+  "3xl": "calc(var(--radius) * 2.2)",
+  "4xl": "calc(var(--radius) * 2.6)",
+  full: "9999px"
+};
+var radiusBase = "0.625rem";
+var container = {
+  center: true,
+  padding: {
+    DEFAULT: "1.25rem",
+    sm: "1.5rem",
+    lg: "2rem",
+    xl: "2.5rem",
+    "2xl": "3rem"
+  },
+  screens: {
+    "2xl": "1320px"
+  }
+};
+
+// src/shadows.ts
+var boxShadow = {
+  /** Subtle teal glow for CTAs */
+  glow: "0 0 30px rgba(0, 196, 180, 0.15)",
+  /** Strong teal glow on hover */
+  glowStrong: "0 0 40px rgba(0, 196, 180, 0.4)",
+  /** Deep panel shadow with inset highlight (glassmorphism) */
+  panel: "0 24px 80px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255,255,255,0.08)",
+  /** Glass panel shadow */
+  glass: "0 28px 90px rgba(0, 0, 0, 0.38), 0 0 36px rgba(0, 196, 180, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.06)"
+};
+
+// src/animations.ts
+var keyframes = {
+  marquee: {
+    "0%": { transform: "translate3d(0, 0, 0)" },
+    "100%": { transform: "translate3d(-50%, 0, 0)" }
+  },
+  "marquee-reverse": {
+    "0%": { transform: "translate3d(-50%, 0, 0)" },
+    "100%": { transform: "translate3d(0, 0, 0)" }
+  },
+  shimmer: {
+    "0%": { transform: "translate3d(-150%, 0, 0)" },
+    "100%": { transform: "translate3d(150%, 0, 0)" }
+  },
+  float: {
+    "0%, 100%": { transform: "translate3d(0, 0, 0)" },
+    "50%": { transform: "translate3d(0, -12px, 0)" }
+  },
+  pulseGlow: {
+    "0%, 100%": { boxShadow: "0 0 0 rgba(0, 196, 180, 0.0)" },
+    "50%": { boxShadow: "0 0 36px rgba(0, 196, 180, 0.18)" }
+  }
+};
+var animation = {
+  marquee: "marquee 28s linear infinite",
+  "marquee-slow": "marquee 42s linear infinite",
+  "marquee-reverse": "marquee-reverse 32s linear infinite",
+  shimmer: "shimmer 4.2s linear infinite",
+  float: "float 8s ease-in-out infinite",
+  "pulse-glow": "pulseGlow 5s ease-in-out infinite"
+};
+var easing = {
+  spring: [0.22, 1, 0.36, 1],
+  smooth: [0.4, 0, 0.2, 1],
+  snappy: [0.2, 0, 0, 1]
+};
+
+// src/gradients.ts
+var backgroundImage = {
+  /** CTA gradient: navy → aqua (production brand) */
+  "cta-gradient": "linear-gradient(135deg, #1f2d56, #8fccb6)",
+  /** Grid pattern overlay for hero backgrounds */
+  "hero-grid": "linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px)"
+};
+var glassPanel = {
+  background: `radial-gradient(circle at top, rgba(255, 255, 255, 0.06), transparent 42%),
+    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
+    rgba(15, 23, 42, 0.84)`,
+  border: "1px solid rgba(255, 255, 255, 0.08)",
+  backdropFilter: "blur(20px)"
+};
+var spotlight = {
+  background: `radial-gradient(circle at 50% 0%, rgba(0, 196, 180, 0.18), transparent 28%),
+    radial-gradient(circle at 100% 0%, rgba(124, 58, 237, 0.2), transparent 25%)`
+};
+var darkBody = {
+  background: `radial-gradient(circle at top, rgba(14, 165, 233, 0.12), transparent 32%),
+    radial-gradient(circle at 80% 10%, rgba(124, 58, 237, 0.14), transparent 28%),
+    linear-gradient(180deg, #070b14 0%, #080b14 45%, #09111f 100%)`
+};
+
+// src/tailwind-preset.ts
+var wmmPreset = {
+  darkMode: ["class"],
+  theme: {
+    container,
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+        card: {
+          DEFAULT: "var(--card)",
+          foreground: "var(--card-foreground)"
+        },
+        popover: {
+          DEFAULT: "var(--popover)",
+          foreground: "var(--popover-foreground)"
+        },
+        primary: {
+          DEFAULT: "var(--primary)",
+          foreground: "var(--primary-foreground)"
+        },
+        secondary: {
+          DEFAULT: "var(--secondary)",
+          foreground: "var(--secondary-foreground)"
+        },
+        muted: {
+          DEFAULT: "var(--muted)",
+          foreground: "var(--muted-foreground)"
+        },
+        accent: {
+          DEFAULT: "var(--accent)",
+          foreground: "var(--accent-foreground)"
+        },
+        destructive: "var(--destructive)",
+        border: "var(--border)",
+        input: "var(--input)",
+        ring: "var(--ring)",
+        // Brand accents (from theme CSS — available when WMM theme is loaded)
+        teal: "var(--teal, #8fccb6)",
+        violet: "var(--violet, #869ce2)",
+        // Sidebar
+        sidebar: {
+          DEFAULT: "var(--sidebar)",
+          foreground: "var(--sidebar-foreground)",
+          primary: "var(--sidebar-primary)",
+          "primary-foreground": "var(--sidebar-primary-foreground)",
+          accent: "var(--sidebar-accent)",
+          "accent-foreground": "var(--sidebar-accent-foreground)",
+          border: "var(--sidebar-border)",
+          ring: "var(--sidebar-ring)"
+        },
+        // Charts
+        chart: {
+          1: "var(--chart-1)",
+          2: "var(--chart-2)",
+          3: "var(--chart-3)",
+          4: "var(--chart-4)",
+          5: "var(--chart-5)"
+        }
+      },
+      fontFamily: {
+        // spread the `as const` token tuples → mutable string[] (Tailwind's Config type)
+        sans: [...fontFamily.sans],
+        display: [...fontFamily.display],
+        label: [...fontFamily.label],
+        mono: [...fontFamily.mono]
+      },
+      backgroundImage,
+      boxShadow,
+      keyframes,
+      animation,
+      borderRadius: {
+        sm: "calc(var(--radius) * 0.6)",
+        md: "calc(var(--radius) * 0.8)",
+        lg: "var(--radius)",
+        xl: "calc(var(--radius) * 1.4)",
+        "2xl": "calc(var(--radius) * 1.8)",
+        "3xl": "calc(var(--radius) * 2.2)",
+        "4xl": "calc(var(--radius) * 2.6)"
+      },
+      backdropBlur: {
+        xs: "4px"
+      }
+    }
+  }
+};
+
+// src/theme-runtime.ts
+var THEMES = ["light", "dark", "wmm"];
+var DEFAULT_THEME = "dark";
+var THEME_STORAGE_KEY = "wmm-theme";
+function isThemeName(v) {
+  return typeof v === "string" && THEMES.includes(v);
+}
+var themeBootScript = `(function(){try{var t=localStorage.getItem('${THEME_STORAGE_KEY}');if(t==='light'||t==='dark'||t==='wmm'){document.documentElement.setAttribute('data-theme',t);}}catch(e){}})();`;
+function getStoredTheme() {
+  if (typeof window === "undefined") return null;
+  try {
+    const t = window.localStorage.getItem(THEME_STORAGE_KEY);
+    return isThemeName(t) ? t : null;
+  } catch {
+    return null;
+  }
+}
+function applyTheme(name) {
+  if (typeof document !== "undefined") {
+    document.documentElement.setAttribute("data-theme", name);
+  }
+  try {
+    window.localStorage.setItem(THEME_STORAGE_KEY, name);
+  } catch {
+  }
+}
+
+// src/font-size-runtime.ts
+var FONT_SIZES = ["md", "lg", "xl"];
+var DEFAULT_FONT_SIZE = "md";
+var FONT_SIZE_STORAGE_KEY = "wmm-font-size";
+function isFontSizeName(v) {
+  return typeof v === "string" && FONT_SIZES.includes(v);
+}
+var fontSizeBootScript = `(function(){try{var f=localStorage.getItem('${FONT_SIZE_STORAGE_KEY}');if(f==='md'||f==='lg'||f==='xl'){document.documentElement.classList.add('font-'+f);}}catch(e){}})();`;
+function getStoredFontSize() {
+  if (typeof window === "undefined") return null;
+  try {
+    const f = window.localStorage.getItem(FONT_SIZE_STORAGE_KEY);
+    return isFontSizeName(f) ? f : null;
+  } catch {
+    return null;
+  }
+}
+function applyFontSize(name) {
+  if (typeof document !== "undefined") {
+    const d = document.documentElement;
+    for (const s of FONT_SIZES) d.classList.remove(`font-${s}`);
+    d.classList.add(`font-${name}`);
+  }
+  try {
+    window.localStorage.setItem(FONT_SIZE_STORAGE_KEY, name);
+  } catch {
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_FONT_SIZE,
+  DEFAULT_THEME,
+  FONT_SIZES,
+  FONT_SIZE_STORAGE_KEY,
+  THEMES,
+  THEME_STORAGE_KEY,
+  animation,
+  applyFontSize,
+  applyTheme,
+  backgroundImage,
+  boxShadow,
+  colors,
+  colorsDark,
+  container,
+  darkBody,
+  easing,
+  fontFamily,
+  fontSize,
+  fontSizeBootScript,
+  getStoredFontSize,
+  getStoredTheme,
+  glassPanel,
+  isFontSizeName,
+  isThemeName,
+  keyframes,
+  letterSpacing,
+  radius,
+  radiusBase,
+  spotlight,
+  themeBootScript,
+  wmmPreset
+});

package/dist/index.mjs

@@ -0,0 +1,137 @@
+import {
+  DEFAULT_FONT_SIZE,
+  DEFAULT_THEME,
+  FONT_SIZES,
+  FONT_SIZE_STORAGE_KEY,
+  THEMES,
+  THEME_STORAGE_KEY,
+  applyFontSize,
+  applyTheme,
+  fontSizeBootScript,
+  getStoredFontSize,
+  getStoredTheme,
+  isFontSizeName,
+  isThemeName,
+  themeBootScript
+} from "./chunk-2IXFKPNU.mjs";
+import {
+  animation,
+  backgroundImage,
+  boxShadow,
+  container,
+  darkBody,
+  easing,
+  fontFamily,
+  fontSize,
+  glassPanel,
+  keyframes,
+  letterSpacing,
+  radius,
+  radiusBase,
+  spotlight,
+  wmmPreset
+} from "./chunk-4FF2FHY6.mjs";
+
+// src/colors.ts
+var colors = {
+  /* ── Semantic (light mode defaults) ──────────────────────────── */
+  background: "oklch(1 0 0)",
+  foreground: "oklch(0.145 0 0)",
+  card: "oklch(1 0 0)",
+  cardForeground: "oklch(0.145 0 0)",
+  popover: "oklch(1 0 0)",
+  popoverForeground: "oklch(0.145 0 0)",
+  primary: "oklch(0.205 0 0)",
+  primaryForeground: "oklch(0.985 0 0)",
+  secondary: "oklch(0.97 0 0)",
+  secondaryForeground: "oklch(0.205 0 0)",
+  muted: "oklch(0.97 0 0)",
+  mutedForeground: "oklch(0.556 0 0)",
+  accent: "oklch(0.97 0 0)",
+  accentForeground: "oklch(0.205 0 0)",
+  destructive: "oklch(0.577 0.245 27.325)",
+  border: "oklch(0.922 0 0)",
+  input: "oklch(0.922 0 0)",
+  ring: "oklch(0.708 0 0)",
+  /* ── Chart palette ──────────────────────────────────────────── */
+  chart1: "oklch(0.87 0 0)",
+  chart2: "oklch(0.556 0 0)",
+  chart3: "oklch(0.439 0 0)",
+  chart4: "oklch(0.371 0 0)",
+  chart5: "oklch(0.269 0 0)",
+  /* ── Sidebar (OS / dashboard apps) ──────────────────────────── */
+  sidebar: "oklch(0.985 0 0)",
+  sidebarForeground: "oklch(0.145 0 0)",
+  sidebarPrimary: "oklch(0.205 0 0)",
+  sidebarPrimaryForeground: "oklch(0.985 0 0)",
+  sidebarAccent: "oklch(0.97 0 0)",
+  sidebarAccentForeground: "oklch(0.205 0 0)",
+  sidebarBorder: "oklch(0.922 0 0)",
+  sidebarRing: "oklch(0.708 0 0)"
+};
+var colorsDark = {
+  background: "oklch(0.145 0 0)",
+  foreground: "oklch(0.985 0 0)",
+  card: "oklch(0.205 0 0)",
+  cardForeground: "oklch(0.985 0 0)",
+  popover: "oklch(0.205 0 0)",
+  popoverForeground: "oklch(0.985 0 0)",
+  primary: "oklch(0.922 0 0)",
+  primaryForeground: "oklch(0.205 0 0)",
+  secondary: "oklch(0.269 0 0)",
+  secondaryForeground: "oklch(0.985 0 0)",
+  muted: "oklch(0.269 0 0)",
+  mutedForeground: "oklch(0.708 0 0)",
+  accent: "oklch(0.269 0 0)",
+  accentForeground: "oklch(0.985 0 0)",
+  destructive: "oklch(0.704 0.191 22.216)",
+  border: "oklch(1 0 0 / 10%)",
+  input: "oklch(1 0 0 / 15%)",
+  ring: "oklch(0.556 0 0)",
+  chart1: "oklch(0.87 0 0)",
+  chart2: "oklch(0.556 0 0)",
+  chart3: "oklch(0.439 0 0)",
+  chart4: "oklch(0.371 0 0)",
+  chart5: "oklch(0.269 0 0)",
+  sidebar: "oklch(0.205 0 0)",
+  sidebarForeground: "oklch(0.985 0 0)",
+  sidebarPrimary: "oklch(0.488 0.243 264.376)",
+  sidebarPrimaryForeground: "oklch(0.985 0 0)",
+  sidebarAccent: "oklch(0.269 0 0)",
+  sidebarAccentForeground: "oklch(0.985 0 0)",
+  sidebarBorder: "oklch(1 0 0 / 10%)",
+  sidebarRing: "oklch(0.556 0 0)"
+};
+export {
+  DEFAULT_FONT_SIZE,
+  DEFAULT_THEME,
+  FONT_SIZES,
+  FONT_SIZE_STORAGE_KEY,
+  THEMES,
+  THEME_STORAGE_KEY,
+  animation,
+  applyFontSize,
+  applyTheme,
+  backgroundImage,
+  boxShadow,
+  colors,
+  colorsDark,
+  container,
+  darkBody,
+  easing,
+  fontFamily,
+  fontSize,
+  fontSizeBootScript,
+  getStoredFontSize,
+  getStoredTheme,
+  glassPanel,
+  isFontSizeName,
+  isThemeName,
+  keyframes,
+  letterSpacing,
+  radius,
+  radiusBase,
+  spotlight,
+  themeBootScript,
+  wmmPreset
+};

package/dist/react.d.mts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { c as FontSizeName, e as ThemeName } from './font-size-runtime-DlvZXy2n.mjs';
+
+/**
+ * @web-my-money/tokens/react — versioned React theme helpers.
+ * Wraps the framework-agnostic runtime (theme-runtime.ts) so every app shares one
+ * theme vocabulary: light / dark / wmm (default dark, persisted as `wmm-theme`).
+ *
+ *   import { ThemeProvider, ThemeToggle, useTheme } from "@web-my-money/tokens/react";
+ *
+ * React is an OPTIONAL peer — the core tokens package stays framework-agnostic;
+ * React is only pulled in if you import this subpath.
+ */
+
+interface ThemeCtx {
+    theme: ThemeName;
+    setTheme: (t: ThemeName) => void;
+    themes: readonly ThemeName[];
+}
+declare function ThemeProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare function useTheme(): ThemeCtx;
+/** Minimal segmented theme switcher styled from token CSS vars. */
+declare function ThemeToggle({ className }: {
+    className?: string;
+}): React.JSX.Element;
+/** Persisted 3-step text-size preference, synced with whatever `fontSizeBootScript` already applied. */
+declare function useFontSizePreference(): [FontSizeName, (size: FontSizeName) => void];
+/**
+ * Three "A" buttons that scale the whole UI via `html.font-*` classes. Modeled
+ * directly on wmm-finance-hr's real FontSizeToggle. Uses inline `style` with
+ * token CSS vars (not Tailwind utility classes) — same reasoning as
+ * `ThemeToggle` above: `tokens` ships no rendered-JSX Tailwind classes, so
+ * consuming apps never need a `@source` directive for this package.
+ */
+declare function FontSizeToggle({ className }: {
+    className?: string;
+}): React.JSX.Element;
+declare const BREAKPOINTS: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly "2xl": 1536;
+};
+type Breakpoint = keyof typeof BREAKPOINTS;
+/**
+ * SSR-safe media query hook — `false` on the server and on first client render
+ * (avoids hydration mismatch), then updates after mount. Prefer CSS (`md:flex`)
+ * for pure styling; reach for this only when a component needs the boolean in
+ * JS (e.g. choosing AppShell's drawer vs. static sidebar, swapping a chart's
+ * orientation, rendering a Sheet on mobile vs. a Dialog on desktop).
+ *
+ *   const isMobile = !useBreakpoint("md"); // true below 768px
+ */
+declare function useMediaQuery(query: string): boolean;
+/** True once the viewport is at or above the named breakpoint. SSR-safe (see useMediaQuery). */
+declare function useBreakpoint(bp: Breakpoint): boolean;
+
+export { type Breakpoint, FontSizeToggle, ThemeProvider, ThemeToggle, useBreakpoint, useFontSizePreference, useMediaQuery, useTheme };