@fangxinyan/lumina 0.1.0

package/dist/Tabs-A27TSZOP.css

@@ -0,0 +1,95 @@
+/* ============ Tabs ============ */
+.tabs { display: flex; flex-direction: column; gap: var(--gap-3); }
+.tabs-nav {
+  display: inline-flex;
+  padding: 5px;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  gap: 2px;
+  align-self: flex-start;
+}
+.tabs-nav .tab {
+  padding: 8px 16px;
+  border: none;
+  background: transparent;
+  border-radius: calc(var(--r-md) - 5px);
+  font-size: 12px;
+  font-weight: 500;
+  font-family: inherit;
+  color: var(--fg-muted);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  transition: all var(--dur-fast) var(--ease);
+}
+.tabs-nav .tab:hover { color: var(--fg); }
+.tabs-nav .tab.active {
+  color: var(--accent-ink);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  font-weight: 600;
+}
+.tabs-nav .tab[disabled] { opacity: 0.4; cursor: not-allowed; }
+
+.tabs.line .tabs-nav,
+.tabs.underline .tabs-nav {
+  padding: 0;
+  background: transparent;
+  box-shadow: none;
+  border-radius: 0;
+  border-bottom: 1px solid var(--divider);
+  align-self: stretch;
+}
+.tabs.line .tabs-nav .tab,
+.tabs.underline .tabs-nav .tab {
+  padding: 10px 4px;
+  margin-right: 22px;
+  border-radius: 0;
+  position: relative;
+}
+.tabs.line .tabs-nav .tab.active,
+.tabs.underline .tabs-nav .tab.active { background: transparent; box-shadow: none; }
+.tabs.line .tabs-nav .tab.active::after,
+.tabs.underline .tabs-nav .tab.active::after {
+  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
+  background: var(--accent); border-radius: 999px;
+  box-shadow: 0 0 8px var(--accent-glow);
+}
+
+.tabs-content { padding: var(--gap-2) 0; }
+
+/* Segmented (owned by Tabs.tsx — Segmented is co-exported) */
+.segmented {
+  display: inline-flex;
+  padding: 4px;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  gap: 2px;
+}
+.segmented .seg {
+  padding: 6px 14px;
+  height: 32px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: none;
+  background: transparent;
+  border-radius: calc(var(--r-md) - 4px);
+  font-size: 12px;
+  font-family: inherit;
+  color: var(--fg-muted);
+  cursor: pointer;
+  transition: all var(--dur-fast) var(--ease);
+}
+.segmented .seg:hover { color: var(--fg); }
+.segmented .seg.active {
+  color: var(--accent-ink);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  font-weight: 600;
+}
+.segmented.sm .seg { height: 26px; padding: 4px 10px; font-size: 11px; }
+.segmented.lg .seg { height: 38px; padding: 8px 18px; font-size: 13px; }

package/dist/Tabs.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkITGCHU3Y_cjs = require('./chunk-ITGCHU3Y.cjs');
+
+
+
+Object.defineProperty(exports, "Segmented", {
+  enumerable: true,
+  get: function () { return chunkITGCHU3Y_cjs.Segmented; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkITGCHU3Y_cjs.Tabs; }
+});
+//# sourceMappingURL=Tabs.cjs.map
+//# sourceMappingURL=Tabs.cjs.map

package/dist/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Tabs.cjs"}

package/dist/Tabs.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface TabItem {
+    key: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    content?: React.ReactNode;
+}
+interface TabsProps {
+    items: TabItem[];
+    activeKey?: string;
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+    variant?: "line" | "pill" | "segmented";
+    className?: string;
+}
+/** `Tabs` — switchable sections. */
+declare const Tabs: React.FC<TabsProps>;
+interface SegmentedProps<T extends string = string> {
+    options: {
+        value: T;
+        label: React.ReactNode;
+        disabled?: boolean;
+    }[];
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+    size?: "sm" | "md";
+    className?: string;
+}
+/** `Segmented` — exclusive choice chip row. */
+declare function Segmented<T extends string = string>({ options, value, defaultValue, onChange, size, className, }: SegmentedProps<T>): react_jsx_runtime.JSX.Element;
+
+export { Segmented, type SegmentedProps, type TabItem, Tabs, type TabsProps };

package/dist/Tabs.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface TabItem {
+    key: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    content?: React.ReactNode;
+}
+interface TabsProps {
+    items: TabItem[];
+    activeKey?: string;
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+    variant?: "line" | "pill" | "segmented";
+    className?: string;
+}
+/** `Tabs` — switchable sections. */
+declare const Tabs: React.FC<TabsProps>;
+interface SegmentedProps<T extends string = string> {
+    options: {
+        value: T;
+        label: React.ReactNode;
+        disabled?: boolean;
+    }[];
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+    size?: "sm" | "md";
+    className?: string;
+}
+/** `Segmented` — exclusive choice chip row. */
+declare function Segmented<T extends string = string>({ options, value, defaultValue, onChange, size, className, }: SegmentedProps<T>): react_jsx_runtime.JSX.Element;
+
+export { Segmented, type SegmentedProps, type TabItem, Tabs, type TabsProps };

package/dist/Tabs.js

@@ -0,0 +1,3 @@
+export { Segmented, Tabs } from './chunk-G3UWXSNQ.js';
+//# sourceMappingURL=Tabs.js.map
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Tabs.js"}

package/dist/Tag-EYOY3UWG.css

@@ -0,0 +1,49 @@
+/* ============ Tag & Badge ============ */
+.tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 24px;
+  padding: 0 10px;
+  border-radius: var(--r-pill);
+  font-size: 11px;
+  font-weight: 500;
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+  color: var(--fg-muted);
+}
+.tag.accent  { color: var(--accent-ink); }
+.tag.info    { color: var(--info); }
+.tag.success { color: var(--success); }
+.tag.warning { color: var(--warning); }
+.tag.danger  { color: var(--danger); }
+.tag.solid          { background: var(--accent); color: white; box-shadow: 0 2px 6px var(--accent-glow); }
+.tag.solid.info     { background: var(--info);    color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--info) 35%, transparent); }
+.tag.solid.success  { background: var(--success); color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--success) 35%, transparent); }
+.tag.solid.warning  { background: var(--warning); color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--warning) 35%, transparent); }
+.tag.solid.danger   { background: var(--danger);  color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--danger) 35%, transparent); }
+.tag .dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
+.tag .x { cursor: pointer; color: var(--fg-subtle); margin-left: 2px; display: inline-flex; }
+.tag .x:hover { color: var(--fg); }
+
+.badge {
+  display: inline-flex;
+  align-items: center; justify-content: center;
+  min-width: 18px; height: 18px;
+  padding: 0 6px;
+  border-radius: 999px;
+  font-size: 10px;
+  font-weight: 700;
+  background: var(--danger);
+  color: white;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
+  font-variant-numeric: tabular-nums;
+}
+.badge.dot { min-width: 10px; height: 10px; padding: 0; }
+.badge.accent  { background: var(--accent);  box-shadow: 0 1px 4px var(--accent-glow); }
+.badge.info    { background: var(--info);    box-shadow: 0 1px 4px color-mix(in oklch, var(--info) 35%, transparent); }
+.badge.success { background: var(--success); box-shadow: 0 1px 4px color-mix(in oklch, var(--success) 35%, transparent); }
+.badge.warning { background: var(--warning); box-shadow: 0 1px 4px color-mix(in oklch, var(--warning) 35%, transparent); }
+.badge.neutral { background: var(--fg-muted); box-shadow: 0 1px 4px rgba(0,0,0,0.15); }
+.badge-wrap { position: relative; display: inline-block; }
+.badge-wrap > .badge { position: absolute; top: -4px; right: -4px; }

package/dist/Tag.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkVMHNKD3N_cjs = require('./chunk-VMHNKD3N.cjs');
+require('./chunk-YVO7XO4W.cjs');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkVMHNKD3N_cjs.Badge; }
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () { return chunkVMHNKD3N_cjs.Tag; }
+});
+//# sourceMappingURL=Tag.cjs.map
+//# sourceMappingURL=Tag.cjs.map

package/dist/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Tag.cjs"}

package/dist/Tag.d.cts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+type TagTone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
+interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: TagTone;
+    solid?: boolean;
+    /** Render a leading colored dot. */
+    dot?: boolean;
+    /** Show a close button. */
+    removable?: boolean;
+    onRemove?: () => void;
+    children?: React.ReactNode;
+}
+/** `Tag` — small label/pill. */
+declare const Tag: React.FC<TagProps>;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Numeric count — renders as "99+" if > 99. */
+    count?: number;
+    /** Show a tiny dot instead of a number. */
+    dot?: boolean;
+    tone?: TagTone;
+    children?: React.ReactNode;
+}
+/** `Badge` — notification dot / count. Wrap around another element. */
+declare const Badge: React.FC<BadgeProps>;
+
+export { Badge, type BadgeProps, Tag, type TagProps, type TagTone };

package/dist/Tag.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+type TagTone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
+interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: TagTone;
+    solid?: boolean;
+    /** Render a leading colored dot. */
+    dot?: boolean;
+    /** Show a close button. */
+    removable?: boolean;
+    onRemove?: () => void;
+    children?: React.ReactNode;
+}
+/** `Tag` — small label/pill. */
+declare const Tag: React.FC<TagProps>;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Numeric count — renders as "99+" if > 99. */
+    count?: number;
+    /** Show a tiny dot instead of a number. */
+    dot?: boolean;
+    tone?: TagTone;
+    children?: React.ReactNode;
+}
+/** `Badge` — notification dot / count. Wrap around another element. */
+declare const Badge: React.FC<BadgeProps>;
+
+export { Badge, type BadgeProps, Tag, type TagProps, type TagTone };

package/dist/Tag.js

@@ -0,0 +1,4 @@
+export { Badge, Tag } from './chunk-3QWHDCHJ.js';
+import './chunk-GEYMWUW6.js';
+//# sourceMappingURL=Tag.js.map
+//# sourceMappingURL=Tag.js.map

package/dist/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Tag.js"}

package/dist/Theme.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var chunk7U6I44RV_cjs = require('./chunk-7U6I44RV.cjs');
+
+
+
+Object.defineProperty(exports, "ACCENT_PRESETS", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.ACCENT_PRESETS; }
+});
+Object.defineProperty(exports, "ACCENT_PRESETS_DARK", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.ACCENT_PRESETS_DARK; }
+});
+Object.defineProperty(exports, "FONT_STACKS", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.FONT_STACKS; }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.ThemeProvider; }
+});
+Object.defineProperty(exports, "applyTheme", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.applyTheme; }
+});
+Object.defineProperty(exports, "normalizeAccentInput", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.normalizeAccentInput; }
+});
+Object.defineProperty(exports, "resolveThemeMode", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.resolveThemeMode; }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.useTheme; }
+});
+Object.defineProperty(exports, "useThemeOptional", {
+  enumerable: true,
+  get: function () { return chunk7U6I44RV_cjs.useThemeOptional; }
+});
+//# sourceMappingURL=Theme.cjs.map
+//# sourceMappingURL=Theme.cjs.map

package/dist/Theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Theme.cjs"}

package/dist/Theme.d.cts

@@ -0,0 +1,127 @@
+import * as React from 'react';
+
+type ThemeMode = "light" | "dark" | "system";
+type ResolvedThemeMode = "light" | "dark";
+type AccentKey = "sky" | "coral" | "mint" | "violet" | "amber" | "rose";
+type DensityMode = "compact" | "comfortable" | "spacious";
+type FontKey = "system" | "sf" | "serif" | "mono";
+/** Full accent color slots. All four CSS variables the library reads. */
+interface AccentPalette {
+    /** Primary accent — `--accent`. */
+    accent: string;
+    /** Darker text-on-soft variant — `--accent-ink`. */
+    ink: string;
+    /** Pale tint for backgrounds — `--accent-soft`. */
+    soft: string;
+    /** Halo / glow color (typically with alpha) — `--accent-glow`. */
+    glow: string;
+}
+/** Input type for custom accent: either full palette, or just a base color
+ *  (missing slots derived via color-mix in CSS). */
+type CustomAccentInput = string | Partial<AccentPalette> & {
+    accent: string;
+};
+/** Font config — either a preset key, a single sans string, or a granular object. */
+type FontConfig = FontKey | string | {
+    sans?: string;
+    display?: string;
+    mono?: string;
+};
+/** Arbitrary CSS variable overrides. Keys may be either a short name
+ *  (e.g. `"bg"` → `--bg`) or a full var name (e.g. `"--bg"`). */
+type ThemeTokens = Record<string, string>;
+interface ThemeConfig {
+    mode?: ThemeMode;
+    accent?: AccentKey | CustomAccentInput;
+    density?: DensityMode;
+    /** Shadow strength, 1..10. Maps to `--d` (0.4..1.6). */
+    intensity?: number;
+    /** Base radius in px — generates the full `--r-*` scale. */
+    radius?: number;
+    font?: FontConfig;
+    tokens?: ThemeTokens;
+}
+interface ThemeValue {
+    /** Requested mode ("system" is preserved here). */
+    mode: ThemeMode;
+    /** Resolved concrete mode ("system" → "light" | "dark" based on OS). */
+    resolvedMode: ResolvedThemeMode;
+    /** Accent key or "custom" if a palette was supplied. */
+    accent: AccentKey | "custom";
+    /** Resolved palette currently in effect. */
+    accentPalette: AccentPalette;
+    density: DensityMode;
+    intensity: number;
+    radius: number;
+    font: FontConfig;
+    tokens: ThemeTokens;
+    setMode: (m: ThemeMode) => void;
+    toggleMode: () => void;
+    setAccent: (a: AccentKey | CustomAccentInput) => void;
+    setDensity: (d: DensityMode) => void;
+    setIntensity: (n: number) => void;
+    setRadius: (n: number) => void;
+    setFont: (f: FontConfig) => void;
+    setTokens: (t: ThemeTokens) => void;
+    /** Shallow-merge a partial config. */
+    update: (cfg: Partial<ThemeConfig>) => void;
+    /** Reset to the initial props. */
+    reset: () => void;
+}
+/** Built-in accent palettes (light-mode values). */
+declare const ACCENT_PRESETS: Record<AccentKey, AccentPalette>;
+/** Dark-mode overrides — ink/soft shift, and glow alpha is halved so the outer
+ *  button bloom doesn't read as a bright ring on dark surfaces. */
+declare const ACCENT_PRESETS_DARK: Record<AccentKey, Pick<AccentPalette, "ink" | "soft" | "glow">>;
+/** Built-in font family stacks. */
+declare const FONT_STACKS: Record<FontKey, string>;
+/** Resolve "system" mode against `prefers-color-scheme`. */
+declare function resolveThemeMode(mode: ThemeMode): ResolvedThemeMode;
+/** Fill missing slots of a custom accent via color-mix. */
+declare function normalizeAccentInput(input: AccentKey | CustomAccentInput, resolvedMode: ResolvedThemeMode): {
+    key: AccentKey | "custom";
+    palette: AccentPalette;
+};
+/** Imperative theme application — writes CSS vars / data-attrs on a target. */
+declare function applyTheme(target: HTMLElement, config: ThemeConfig): void;
+/** Read/write access to the nearest `<ThemeProvider>`. */
+declare function useTheme(): ThemeValue;
+/** Read theme value without throwing — returns `null` outside of a provider. */
+declare function useThemeOptional(): ThemeValue | null;
+interface ThemeProviderProps extends ThemeConfig {
+    children?: React.ReactNode;
+    /**
+     * Where to apply the theme.
+     * - `"root"` (default): on `<html>` — affects the whole document.
+     * - `"scope"`: on a local wrapper element — scoped to descendants.
+     */
+    target?: "root" | "scope";
+    /** Tag for scope mode. Default `"div"`. */
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: React.CSSProperties;
+    /** If set, theme state is persisted to localStorage under this key. */
+    storageKey?: string;
+    /** Called whenever the resolved theme value changes. */
+    onChange?: (value: ThemeValue) => void;
+}
+/**
+ * `<ThemeProvider>` — manage theme state and apply CSS variables.
+ *
+ * @example
+ * ```tsx
+ * <ThemeProvider mode="system" accent="violet" storageKey="app:theme">
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ *
+ * @example Custom accent
+ * ```tsx
+ * <ThemeProvider accent={{ accent: "oklch(70% 0.2 180)" }} />
+ * // or just
+ * <ThemeProvider accent="oklch(70% 0.2 180)" />
+ * ```
+ */
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, type AccentKey, type AccentPalette, type CustomAccentInput, type DensityMode, FONT_STACKS, type FontConfig, type FontKey, type ResolvedThemeMode, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ThemeValue, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional };

package/dist/Theme.d.ts

@@ -0,0 +1,127 @@
+import * as React from 'react';
+
+type ThemeMode = "light" | "dark" | "system";
+type ResolvedThemeMode = "light" | "dark";
+type AccentKey = "sky" | "coral" | "mint" | "violet" | "amber" | "rose";
+type DensityMode = "compact" | "comfortable" | "spacious";
+type FontKey = "system" | "sf" | "serif" | "mono";
+/** Full accent color slots. All four CSS variables the library reads. */
+interface AccentPalette {
+    /** Primary accent — `--accent`. */
+    accent: string;
+    /** Darker text-on-soft variant — `--accent-ink`. */
+    ink: string;
+    /** Pale tint for backgrounds — `--accent-soft`. */
+    soft: string;
+    /** Halo / glow color (typically with alpha) — `--accent-glow`. */
+    glow: string;
+}
+/** Input type for custom accent: either full palette, or just a base color
+ *  (missing slots derived via color-mix in CSS). */
+type CustomAccentInput = string | Partial<AccentPalette> & {
+    accent: string;
+};
+/** Font config — either a preset key, a single sans string, or a granular object. */
+type FontConfig = FontKey | string | {
+    sans?: string;
+    display?: string;
+    mono?: string;
+};
+/** Arbitrary CSS variable overrides. Keys may be either a short name
+ *  (e.g. `"bg"` → `--bg`) or a full var name (e.g. `"--bg"`). */
+type ThemeTokens = Record<string, string>;
+interface ThemeConfig {
+    mode?: ThemeMode;
+    accent?: AccentKey | CustomAccentInput;
+    density?: DensityMode;
+    /** Shadow strength, 1..10. Maps to `--d` (0.4..1.6). */
+    intensity?: number;
+    /** Base radius in px — generates the full `--r-*` scale. */
+    radius?: number;
+    font?: FontConfig;
+    tokens?: ThemeTokens;
+}
+interface ThemeValue {
+    /** Requested mode ("system" is preserved here). */
+    mode: ThemeMode;
+    /** Resolved concrete mode ("system" → "light" | "dark" based on OS). */
+    resolvedMode: ResolvedThemeMode;
+    /** Accent key or "custom" if a palette was supplied. */
+    accent: AccentKey | "custom";
+    /** Resolved palette currently in effect. */
+    accentPalette: AccentPalette;
+    density: DensityMode;
+    intensity: number;
+    radius: number;
+    font: FontConfig;
+    tokens: ThemeTokens;
+    setMode: (m: ThemeMode) => void;
+    toggleMode: () => void;
+    setAccent: (a: AccentKey | CustomAccentInput) => void;
+    setDensity: (d: DensityMode) => void;
+    setIntensity: (n: number) => void;
+    setRadius: (n: number) => void;
+    setFont: (f: FontConfig) => void;
+    setTokens: (t: ThemeTokens) => void;
+    /** Shallow-merge a partial config. */
+    update: (cfg: Partial<ThemeConfig>) => void;
+    /** Reset to the initial props. */
+    reset: () => void;
+}
+/** Built-in accent palettes (light-mode values). */
+declare const ACCENT_PRESETS: Record<AccentKey, AccentPalette>;
+/** Dark-mode overrides — ink/soft shift, and glow alpha is halved so the outer
+ *  button bloom doesn't read as a bright ring on dark surfaces. */
+declare const ACCENT_PRESETS_DARK: Record<AccentKey, Pick<AccentPalette, "ink" | "soft" | "glow">>;
+/** Built-in font family stacks. */
+declare const FONT_STACKS: Record<FontKey, string>;
+/** Resolve "system" mode against `prefers-color-scheme`. */
+declare function resolveThemeMode(mode: ThemeMode): ResolvedThemeMode;
+/** Fill missing slots of a custom accent via color-mix. */
+declare function normalizeAccentInput(input: AccentKey | CustomAccentInput, resolvedMode: ResolvedThemeMode): {
+    key: AccentKey | "custom";
+    palette: AccentPalette;
+};
+/** Imperative theme application — writes CSS vars / data-attrs on a target. */
+declare function applyTheme(target: HTMLElement, config: ThemeConfig): void;
+/** Read/write access to the nearest `<ThemeProvider>`. */
+declare function useTheme(): ThemeValue;
+/** Read theme value without throwing — returns `null` outside of a provider. */
+declare function useThemeOptional(): ThemeValue | null;
+interface ThemeProviderProps extends ThemeConfig {
+    children?: React.ReactNode;
+    /**
+     * Where to apply the theme.
+     * - `"root"` (default): on `<html>` — affects the whole document.
+     * - `"scope"`: on a local wrapper element — scoped to descendants.
+     */
+    target?: "root" | "scope";
+    /** Tag for scope mode. Default `"div"`. */
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: React.CSSProperties;
+    /** If set, theme state is persisted to localStorage under this key. */
+    storageKey?: string;
+    /** Called whenever the resolved theme value changes. */
+    onChange?: (value: ThemeValue) => void;
+}
+/**
+ * `<ThemeProvider>` — manage theme state and apply CSS variables.
+ *
+ * @example
+ * ```tsx
+ * <ThemeProvider mode="system" accent="violet" storageKey="app:theme">
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ *
+ * @example Custom accent
+ * ```tsx
+ * <ThemeProvider accent={{ accent: "oklch(70% 0.2 180)" }} />
+ * // or just
+ * <ThemeProvider accent="oklch(70% 0.2 180)" />
+ * ```
+ */
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, type AccentKey, type AccentPalette, type CustomAccentInput, type DensityMode, FONT_STACKS, type FontConfig, type FontKey, type ResolvedThemeMode, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ThemeValue, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional };

package/dist/Theme.js

@@ -0,0 +1,3 @@
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional } from './chunk-I7SSCSFH.js';
+//# sourceMappingURL=Theme.js.map
+//# sourceMappingURL=Theme.js.map

package/dist/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Theme.js"}