@fangxinyan/lumina 0.6.2 → 0.6.4

package/dist/chunk-NN25YMOL.js

@@ -1,251 +0,0 @@
-import './tokens-BIIUTPKN.css';
-import * as React from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/Theme/Theme.tsx
-var ACCENT_PRESETS = {
-  sky: { accent: "oklch(68% 0.14 235)", ink: "oklch(42% 0.12 235)", soft: "oklch(92% 0.04 235)", glow: "oklch(68% 0.14 235 / 0.35)" },
-  coral: { accent: "oklch(72% 0.16 35)", ink: "oklch(48% 0.14 35)", soft: "oklch(94% 0.04 35)", glow: "oklch(72% 0.16 35 / 0.35)" },
-  mint: { accent: "oklch(72% 0.13 165)", ink: "oklch(46% 0.11 165)", soft: "oklch(93% 0.04 165)", glow: "oklch(72% 0.13 165 / 0.35)" },
-  violet: { accent: "oklch(66% 0.16 290)", ink: "oklch(44% 0.14 290)", soft: "oklch(93% 0.04 290)", glow: "oklch(66% 0.16 290 / 0.35)" },
-  amber: { accent: "oklch(76% 0.14 75)", ink: "oklch(50% 0.12 75)", soft: "oklch(94% 0.05 75)", glow: "oklch(76% 0.14 75 / 0.35)" },
-  rose: { accent: "oklch(68% 0.17 10)", ink: "oklch(46% 0.15 10)", soft: "oklch(93% 0.04 10)", glow: "oklch(68% 0.17 10 / 0.35)" }
-};
-var ACCENT_PRESETS_DARK = {
-  sky: { soft: "oklch(35% 0.08 235)", ink: "oklch(82% 0.10 235)", glow: "oklch(68% 0.14 235 / 0.18)" },
-  coral: { soft: "oklch(38% 0.09 35)", ink: "oklch(84% 0.10 35)", glow: "oklch(72% 0.16 35 / 0.18)" },
-  mint: { soft: "oklch(36% 0.08 165)", ink: "oklch(83% 0.10 165)", glow: "oklch(72% 0.13 165 / 0.18)" },
-  violet: { soft: "oklch(36% 0.09 290)", ink: "oklch(82% 0.11 290)", glow: "oklch(66% 0.16 290 / 0.18)" },
-  amber: { soft: "oklch(38% 0.08 75)", ink: "oklch(85% 0.10 75)", glow: "oklch(76% 0.14 75 / 0.18)" },
-  rose: { soft: "oklch(38% 0.09 10)", ink: "oklch(84% 0.11 10)", glow: "oklch(68% 0.17 10 / 0.18)" }
-};
-var FONT_STACKS = {
-  system: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif',
-  sf: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif',
-  serif: 'Cambria, Georgia, "Songti SC", "STSong", serif',
-  mono: 'ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace'
-};
-var DEFAULT_CONFIG = {
-  mode: "light",
-  accent: "sky",
-  density: "comfortable",
-  intensity: 5,
-  radius: 20,
-  font: "sf",
-  tokens: {}
-};
-var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-function resolveThemeMode(mode) {
-  if (mode !== "system") return mode;
-  if (!isBrowser) return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function normalizeAccentInput(input, resolvedMode) {
-  if (typeof input === "string" && input in ACCENT_PRESETS) {
-    const key = input;
-    const base = ACCENT_PRESETS[key];
-    if (resolvedMode === "dark") {
-      return { key, palette: { ...base, ...ACCENT_PRESETS_DARK[key] } };
-    }
-    return { key, palette: base };
-  }
-  const raw = typeof input === "string" ? { accent: input } : input;
-  const { accent } = raw;
-  const ink = raw.ink ?? `color-mix(in oklch, ${accent} 65%, black)`;
-  const soft = raw.soft ?? (resolvedMode === "dark" ? `color-mix(in oklch, ${accent} 30%, black)` : `color-mix(in oklch, ${accent} 15%, white)`);
-  const glow = raw.glow ?? (resolvedMode === "dark" ? `color-mix(in oklch, ${accent} 18%, transparent)` : `color-mix(in oklch, ${accent} 35%, transparent)`);
-  return { key: "custom", palette: { accent, ink, soft, glow } };
-}
-function toVar(key) {
-  return key.startsWith("--") ? key : `--${key}`;
-}
-function applyTheme(target, config) {
-  const cfg = { ...DEFAULT_CONFIG, ...config };
-  const resolvedMode = resolveThemeMode(cfg.mode);
-  const { key, palette } = normalizeAccentInput(cfg.accent, resolvedMode);
-  target.dataset.theme = resolvedMode;
-  target.dataset.density = cfg.density;
-  if (key === "custom") {
-    delete target.dataset.accent;
-  } else {
-    target.dataset.accent = key;
-  }
-  target.style.setProperty("--accent", palette.accent);
-  target.style.setProperty("--accent-ink", palette.ink);
-  target.style.setProperty("--accent-soft", palette.soft);
-  target.style.setProperty("--accent-glow", palette.glow);
-  const intensity = cfg.intensity ?? DEFAULT_CONFIG.intensity;
-  target.style.setProperty("--d", String(0.4 + intensity * 0.12));
-  const r = cfg.radius ?? DEFAULT_CONFIG.radius;
-  target.style.setProperty("--r-xs", `${Math.max(4, r - 16)}px`);
-  target.style.setProperty("--r-sm", `${Math.max(6, r - 12)}px`);
-  target.style.setProperty("--r-md", `${Math.max(8, r - 6)}px`);
-  target.style.setProperty("--r-lg", `${r}px`);
-  target.style.setProperty("--r-xl", `${r + 10}px`);
-  const font = cfg.font ?? DEFAULT_CONFIG.font;
-  if (typeof font === "string") {
-    const stack = FONT_STACKS[font] ?? font;
-    target.style.setProperty("--font-sans", stack);
-    if (font === "mono") target.style.setProperty("--font-display", FONT_STACKS.mono);
-  } else {
-    if (font.sans) target.style.setProperty("--font-sans", font.sans);
-    if (font.display) target.style.setProperty("--font-display", font.display);
-    if (font.mono) target.style.setProperty("--font-mono", font.mono);
-  }
-  if (cfg.tokens) {
-    for (const [k, v] of Object.entries(cfg.tokens)) {
-      target.style.setProperty(toVar(k), v);
-    }
-  }
-}
-var ThemeCtx = React.createContext(null);
-function useTheme() {
-  const ctx = React.useContext(ThemeCtx);
-  if (!ctx) {
-    throw new Error(
-      "useTheme() must be used inside <ThemeProvider>. Wrap your app (or a subtree) with <ThemeProvider>."
-    );
-  }
-  return ctx;
-}
-function useThemeOptional() {
-  return React.useContext(ThemeCtx);
-}
-function loadPersisted(key) {
-  if (!key || !isBrowser) return null;
-  try {
-    const raw = localStorage.getItem(key);
-    if (!raw) return null;
-    return JSON.parse(raw);
-  } catch {
-    return null;
-  }
-}
-function persist(key, cfg) {
-  if (!key || !isBrowser) return;
-  try {
-    localStorage.setItem(key, JSON.stringify(cfg));
-  } catch {
-  }
-}
-var ThemeProvider = (props) => {
-  const {
-    children,
-    target = "root",
-    as: Tag = "div",
-    className,
-    style,
-    storageKey,
-    onChange,
-    ...configProps
-  } = props;
-  const initialConfig = React.useMemo(() => {
-    const fromProps = {
-      mode: configProps.mode ?? DEFAULT_CONFIG.mode,
-      accent: configProps.accent ?? DEFAULT_CONFIG.accent,
-      density: configProps.density ?? DEFAULT_CONFIG.density,
-      intensity: configProps.intensity ?? DEFAULT_CONFIG.intensity,
-      radius: configProps.radius ?? DEFAULT_CONFIG.radius,
-      font: configProps.font ?? DEFAULT_CONFIG.font,
-      tokens: configProps.tokens ?? {}
-    };
-    const persisted = loadPersisted(storageKey);
-    return persisted ? { ...fromProps, ...persisted } : fromProps;
-  }, []);
-  const [config, setConfig] = React.useState(initialConfig);
-  React.useEffect(() => {
-    setConfig((c) => {
-      const next = {
-        mode: configProps.mode ?? c.mode,
-        accent: configProps.accent ?? c.accent,
-        density: configProps.density ?? c.density,
-        intensity: configProps.intensity ?? c.intensity,
-        radius: configProps.radius ?? c.radius,
-        font: configProps.font ?? c.font,
-        tokens: configProps.tokens ?? c.tokens
-      };
-      if (next.mode === c.mode && next.accent === c.accent && next.density === c.density && next.intensity === c.intensity && next.radius === c.radius && next.font === c.font && next.tokens === c.tokens) {
-        return c;
-      }
-      return next;
-    });
-  }, [
-    configProps.mode,
-    configProps.accent,
-    configProps.density,
-    configProps.intensity,
-    configProps.radius,
-    configProps.font,
-    configProps.tokens
-  ]);
-  const [systemDark, setSystemDark] = React.useState(
-    () => isBrowser && window.matchMedia("(prefers-color-scheme: dark)").matches
-  );
-  React.useEffect(() => {
-    if (!isBrowser) return;
-    const mql = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = (e) => setSystemDark(e.matches);
-    mql.addEventListener?.("change", handler);
-    return () => mql.removeEventListener?.("change", handler);
-  }, []);
-  const resolvedMode = config.mode === "system" ? systemDark ? "dark" : "light" : config.mode;
-  const { key: accentKey, palette: accentPalette } = React.useMemo(
-    () => normalizeAccentInput(config.accent, resolvedMode),
-    [config.accent, resolvedMode]
-  );
-  const scopeRef = React.useRef(null);
-  React.useEffect(() => {
-    if (!isBrowser) return;
-    const el = target === "root" ? document.documentElement : scopeRef.current;
-    if (!el) return;
-    applyTheme(el, { ...config, mode: resolvedMode });
-    persist(storageKey, config);
-  }, [config, resolvedMode, target, storageKey]);
-  const value = React.useMemo(() => {
-    const patch = (p) => setConfig((c) => ({ ...c, ...p }));
-    return {
-      mode: config.mode,
-      resolvedMode,
-      accent: accentKey,
-      accentPalette,
-      density: config.density,
-      intensity: config.intensity,
-      radius: config.radius,
-      font: config.font,
-      tokens: config.tokens ?? {},
-      setMode: (m) => patch({ mode: m }),
-      toggleMode: () => setConfig((c) => ({
-        ...c,
-        mode: c.mode === "dark" ? "light" : "dark"
-      })),
-      setAccent: (a) => patch({ accent: a }),
-      setDensity: (d) => patch({ density: d }),
-      setIntensity: (n) => patch({ intensity: n }),
-      setRadius: (n) => patch({ radius: n }),
-      setFont: (f) => patch({ font: f }),
-      setTokens: (t) => patch({ tokens: t }),
-      update: patch,
-      reset: () => setConfig(initialConfig)
-    };
-  }, [config, resolvedMode, accentKey, accentPalette, initialConfig]);
-  const onChangeRef = React.useRef(onChange);
-  onChangeRef.current = onChange;
-  React.useEffect(() => {
-    onChangeRef.current?.(value);
-  }, [value]);
-  if (target === "scope") {
-    const Component = Tag;
-    return /* @__PURE__ */ jsx(ThemeCtx.Provider, { value, children: /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref: scopeRef,
-        className,
-        style,
-        children
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(ThemeCtx.Provider, { value, children });
-};
-
-export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional };

package/dist/chunk-PH3YECMF.js

@@ -1,90 +0,0 @@
-import { Icon } from './chunk-OF3SGLZY.js';
-import './tokens-BIIUTPKN.css';
-import './shared-NJHRNLRH.css';
-import './Image-4MN34O6P.css';
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var Image = React.forwardRef(({
-  src,
-  alt,
-  width = 200,
-  height = 140,
-  preview = true,
-  hover = true,
-  placeholder,
-  className = "",
-  style,
-  ...rest
-}, ref) => {
-  const [loaded, setLoaded] = React.useState(false);
-  const [err, setErr] = React.useState(false);
-  const [open, setOpen] = React.useState(false);
-  const canPreview = preview && loaded && !err;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: `n-image ${hover ? "hover" : ""} ${canPreview ? "clickable" : ""} ${className}`,
-        style: { width, ...style },
-        onClick: () => canPreview && setOpen(true),
-        ...rest,
-        children: /* @__PURE__ */ jsxs("div", { className: "n-image-frame", style: { width: "100%", height }, children: [
-          !err && src && /* @__PURE__ */ jsx("img", { src, alt, onLoad: () => setLoaded(true), onError: () => setErr(true) }),
-          /* @__PURE__ */ jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsx(Icon, { name: "image", size: 28 }) }),
-          canPreview && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "image-hint", children: [
-              /* @__PURE__ */ jsx(Icon, { name: "eye", size: 14 }),
-              /* @__PURE__ */ jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "ia-btn",
-                  onClick: () => setOpen(true),
-                  "aria-label": "\u9884\u89C8",
-                  children: /* @__PURE__ */ jsx(Icon, { name: "eye", size: 13 })
-                }
-              ),
-              src && /* @__PURE__ */ jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsx(Icon, { name: "download", size: 13 }) })
-            ] })
-          ] })
-        ] })
-      }
-    ),
-    open && typeof document !== "undefined" && ReactDOM.createPortal(
-      /* @__PURE__ */ jsx("div", { className: "image-preview-overlay", onClick: () => setOpen(false), children: /* @__PURE__ */ jsx("img", { src, alt, onClick: (e) => e.stopPropagation() }) }),
-      document.body
-    )
-  ] });
-});
-Image.displayName = "Image";
-var ImageGrid = React.forwardRef(({
-  images,
-  columns,
-  itemHeight = 130,
-  className = "",
-  style,
-  ...rest
-}, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className,
-    style: {
-      display: "grid",
-      gap: 14,
-      gridTemplateColumns: columns ? `repeat(${columns}, 1fr)` : "repeat(auto-fill, minmax(160px, 1fr))",
-      ...style
-    },
-    ...rest,
-    children: images.map((img, i) => /* @__PURE__ */ jsx(Image, { src: img.src, alt: img.alt, width: "100%", height: itemHeight }, i))
-  }
-));
-ImageGrid.displayName = "ImageGrid";
-
-export { Image, ImageGrid };

package/dist/chunk-RF2EY5JS.cjs

@@ -1,281 +0,0 @@
-'use strict';
-
-require('./tokens-BIIUTPKN.css');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-// src/components/Theme/Theme.tsx
-var ACCENT_PRESETS = {
-  sky: { accent: "oklch(68% 0.14 235)", ink: "oklch(42% 0.12 235)", soft: "oklch(92% 0.04 235)", glow: "oklch(68% 0.14 235 / 0.35)" },
-  coral: { accent: "oklch(72% 0.16 35)", ink: "oklch(48% 0.14 35)", soft: "oklch(94% 0.04 35)", glow: "oklch(72% 0.16 35 / 0.35)" },
-  mint: { accent: "oklch(72% 0.13 165)", ink: "oklch(46% 0.11 165)", soft: "oklch(93% 0.04 165)", glow: "oklch(72% 0.13 165 / 0.35)" },
-  violet: { accent: "oklch(66% 0.16 290)", ink: "oklch(44% 0.14 290)", soft: "oklch(93% 0.04 290)", glow: "oklch(66% 0.16 290 / 0.35)" },
-  amber: { accent: "oklch(76% 0.14 75)", ink: "oklch(50% 0.12 75)", soft: "oklch(94% 0.05 75)", glow: "oklch(76% 0.14 75 / 0.35)" },
-  rose: { accent: "oklch(68% 0.17 10)", ink: "oklch(46% 0.15 10)", soft: "oklch(93% 0.04 10)", glow: "oklch(68% 0.17 10 / 0.35)" }
-};
-var ACCENT_PRESETS_DARK = {
-  sky: { soft: "oklch(35% 0.08 235)", ink: "oklch(82% 0.10 235)", glow: "oklch(68% 0.14 235 / 0.18)" },
-  coral: { soft: "oklch(38% 0.09 35)", ink: "oklch(84% 0.10 35)", glow: "oklch(72% 0.16 35 / 0.18)" },
-  mint: { soft: "oklch(36% 0.08 165)", ink: "oklch(83% 0.10 165)", glow: "oklch(72% 0.13 165 / 0.18)" },
-  violet: { soft: "oklch(36% 0.09 290)", ink: "oklch(82% 0.11 290)", glow: "oklch(66% 0.16 290 / 0.18)" },
-  amber: { soft: "oklch(38% 0.08 75)", ink: "oklch(85% 0.10 75)", glow: "oklch(76% 0.14 75 / 0.18)" },
-  rose: { soft: "oklch(38% 0.09 10)", ink: "oklch(84% 0.11 10)", glow: "oklch(68% 0.17 10 / 0.18)" }
-};
-var FONT_STACKS = {
-  system: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif',
-  sf: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif',
-  serif: 'Cambria, Georgia, "Songti SC", "STSong", serif',
-  mono: 'ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace'
-};
-var DEFAULT_CONFIG = {
-  mode: "light",
-  accent: "sky",
-  density: "comfortable",
-  intensity: 5,
-  radius: 20,
-  font: "sf",
-  tokens: {}
-};
-var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-function resolveThemeMode(mode) {
-  if (mode !== "system") return mode;
-  if (!isBrowser) return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function normalizeAccentInput(input, resolvedMode) {
-  if (typeof input === "string" && input in ACCENT_PRESETS) {
-    const key = input;
-    const base = ACCENT_PRESETS[key];
-    if (resolvedMode === "dark") {
-      return { key, palette: { ...base, ...ACCENT_PRESETS_DARK[key] } };
-    }
-    return { key, palette: base };
-  }
-  const raw = typeof input === "string" ? { accent: input } : input;
-  const { accent } = raw;
-  const ink = raw.ink ?? `color-mix(in oklch, ${accent} 65%, black)`;
-  const soft = raw.soft ?? (resolvedMode === "dark" ? `color-mix(in oklch, ${accent} 30%, black)` : `color-mix(in oklch, ${accent} 15%, white)`);
-  const glow = raw.glow ?? (resolvedMode === "dark" ? `color-mix(in oklch, ${accent} 18%, transparent)` : `color-mix(in oklch, ${accent} 35%, transparent)`);
-  return { key: "custom", palette: { accent, ink, soft, glow } };
-}
-function toVar(key) {
-  return key.startsWith("--") ? key : `--${key}`;
-}
-function applyTheme(target, config) {
-  const cfg = { ...DEFAULT_CONFIG, ...config };
-  const resolvedMode = resolveThemeMode(cfg.mode);
-  const { key, palette } = normalizeAccentInput(cfg.accent, resolvedMode);
-  target.dataset.theme = resolvedMode;
-  target.dataset.density = cfg.density;
-  if (key === "custom") {
-    delete target.dataset.accent;
-  } else {
-    target.dataset.accent = key;
-  }
-  target.style.setProperty("--accent", palette.accent);
-  target.style.setProperty("--accent-ink", palette.ink);
-  target.style.setProperty("--accent-soft", palette.soft);
-  target.style.setProperty("--accent-glow", palette.glow);
-  const intensity = cfg.intensity ?? DEFAULT_CONFIG.intensity;
-  target.style.setProperty("--d", String(0.4 + intensity * 0.12));
-  const r = cfg.radius ?? DEFAULT_CONFIG.radius;
-  target.style.setProperty("--r-xs", `${Math.max(4, r - 16)}px`);
-  target.style.setProperty("--r-sm", `${Math.max(6, r - 12)}px`);
-  target.style.setProperty("--r-md", `${Math.max(8, r - 6)}px`);
-  target.style.setProperty("--r-lg", `${r}px`);
-  target.style.setProperty("--r-xl", `${r + 10}px`);
-  const font = cfg.font ?? DEFAULT_CONFIG.font;
-  if (typeof font === "string") {
-    const stack = FONT_STACKS[font] ?? font;
-    target.style.setProperty("--font-sans", stack);
-    if (font === "mono") target.style.setProperty("--font-display", FONT_STACKS.mono);
-  } else {
-    if (font.sans) target.style.setProperty("--font-sans", font.sans);
-    if (font.display) target.style.setProperty("--font-display", font.display);
-    if (font.mono) target.style.setProperty("--font-mono", font.mono);
-  }
-  if (cfg.tokens) {
-    for (const [k, v] of Object.entries(cfg.tokens)) {
-      target.style.setProperty(toVar(k), v);
-    }
-  }
-}
-var ThemeCtx = React__namespace.createContext(null);
-function useTheme() {
-  const ctx = React__namespace.useContext(ThemeCtx);
-  if (!ctx) {
-    throw new Error(
-      "useTheme() must be used inside <ThemeProvider>. Wrap your app (or a subtree) with <ThemeProvider>."
-    );
-  }
-  return ctx;
-}
-function useThemeOptional() {
-  return React__namespace.useContext(ThemeCtx);
-}
-function loadPersisted(key) {
-  if (!key || !isBrowser) return null;
-  try {
-    const raw = localStorage.getItem(key);
-    if (!raw) return null;
-    return JSON.parse(raw);
-  } catch {
-    return null;
-  }
-}
-function persist(key, cfg) {
-  if (!key || !isBrowser) return;
-  try {
-    localStorage.setItem(key, JSON.stringify(cfg));
-  } catch {
-  }
-}
-var ThemeProvider = (props) => {
-  const {
-    children,
-    target = "root",
-    as: Tag = "div",
-    className,
-    style,
-    storageKey,
-    onChange,
-    ...configProps
-  } = props;
-  const initialConfig = React__namespace.useMemo(() => {
-    const fromProps = {
-      mode: configProps.mode ?? DEFAULT_CONFIG.mode,
-      accent: configProps.accent ?? DEFAULT_CONFIG.accent,
-      density: configProps.density ?? DEFAULT_CONFIG.density,
-      intensity: configProps.intensity ?? DEFAULT_CONFIG.intensity,
-      radius: configProps.radius ?? DEFAULT_CONFIG.radius,
-      font: configProps.font ?? DEFAULT_CONFIG.font,
-      tokens: configProps.tokens ?? {}
-    };
-    const persisted = loadPersisted(storageKey);
-    return persisted ? { ...fromProps, ...persisted } : fromProps;
-  }, []);
-  const [config, setConfig] = React__namespace.useState(initialConfig);
-  React__namespace.useEffect(() => {
-    setConfig((c) => {
-      const next = {
-        mode: configProps.mode ?? c.mode,
-        accent: configProps.accent ?? c.accent,
-        density: configProps.density ?? c.density,
-        intensity: configProps.intensity ?? c.intensity,
-        radius: configProps.radius ?? c.radius,
-        font: configProps.font ?? c.font,
-        tokens: configProps.tokens ?? c.tokens
-      };
-      if (next.mode === c.mode && next.accent === c.accent && next.density === c.density && next.intensity === c.intensity && next.radius === c.radius && next.font === c.font && next.tokens === c.tokens) {
-        return c;
-      }
-      return next;
-    });
-  }, [
-    configProps.mode,
-    configProps.accent,
-    configProps.density,
-    configProps.intensity,
-    configProps.radius,
-    configProps.font,
-    configProps.tokens
-  ]);
-  const [systemDark, setSystemDark] = React__namespace.useState(
-    () => isBrowser && window.matchMedia("(prefers-color-scheme: dark)").matches
-  );
-  React__namespace.useEffect(() => {
-    if (!isBrowser) return;
-    const mql = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = (e) => setSystemDark(e.matches);
-    mql.addEventListener?.("change", handler);
-    return () => mql.removeEventListener?.("change", handler);
-  }, []);
-  const resolvedMode = config.mode === "system" ? systemDark ? "dark" : "light" : config.mode;
-  const { key: accentKey, palette: accentPalette } = React__namespace.useMemo(
-    () => normalizeAccentInput(config.accent, resolvedMode),
-    [config.accent, resolvedMode]
-  );
-  const scopeRef = React__namespace.useRef(null);
-  React__namespace.useEffect(() => {
-    if (!isBrowser) return;
-    const el = target === "root" ? document.documentElement : scopeRef.current;
-    if (!el) return;
-    applyTheme(el, { ...config, mode: resolvedMode });
-    persist(storageKey, config);
-  }, [config, resolvedMode, target, storageKey]);
-  const value = React__namespace.useMemo(() => {
-    const patch = (p) => setConfig((c) => ({ ...c, ...p }));
-    return {
-      mode: config.mode,
-      resolvedMode,
-      accent: accentKey,
-      accentPalette,
-      density: config.density,
-      intensity: config.intensity,
-      radius: config.radius,
-      font: config.font,
-      tokens: config.tokens ?? {},
-      setMode: (m) => patch({ mode: m }),
-      toggleMode: () => setConfig((c) => ({
-        ...c,
-        mode: c.mode === "dark" ? "light" : "dark"
-      })),
-      setAccent: (a) => patch({ accent: a }),
-      setDensity: (d) => patch({ density: d }),
-      setIntensity: (n) => patch({ intensity: n }),
-      setRadius: (n) => patch({ radius: n }),
-      setFont: (f) => patch({ font: f }),
-      setTokens: (t) => patch({ tokens: t }),
-      update: patch,
-      reset: () => setConfig(initialConfig)
-    };
-  }, [config, resolvedMode, accentKey, accentPalette, initialConfig]);
-  const onChangeRef = React__namespace.useRef(onChange);
-  onChangeRef.current = onChange;
-  React__namespace.useEffect(() => {
-    onChangeRef.current?.(value);
-  }, [value]);
-  if (target === "scope") {
-    const Component = Tag;
-    return /* @__PURE__ */ jsxRuntime.jsx(ThemeCtx.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref: scopeRef,
-        className,
-        style,
-        children
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeCtx.Provider, { value, children });
-};
-
-exports.ACCENT_PRESETS = ACCENT_PRESETS;
-exports.ACCENT_PRESETS_DARK = ACCENT_PRESETS_DARK;
-exports.FONT_STACKS = FONT_STACKS;
-exports.ThemeProvider = ThemeProvider;
-exports.applyTheme = applyTheme;
-exports.normalizeAccentInput = normalizeAccentInput;
-exports.resolveThemeMode = resolveThemeMode;
-exports.useTheme = useTheme;
-exports.useThemeOptional = useThemeOptional;