@molecule/app-theme 1.0.0

package/LICENSE

@@ -0,0 +1,115 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work.
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship.
+
+      "Contribution" shall mean any work of authorship, including the
+      original version of the Work and any modifications or additions
+      to that Work, that is intentionally submitted to the Licensor for
+      inclusion in the Work by the copyright owner or by an individual or
+      Legal Entity authorized to submit on behalf of the copyright owner.
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by the Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      patent license to make, have made, use, offer to sell, sell, import,
+      and otherwise transfer the Work.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file.
+
+   5. Submission of Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND.
+
+   8. Limitation of Liability. In no event and under no legal theory shall
+      any Contributor be liable to You for damages.
+
+   9. Accepting Warranty or Additional Liability.
+
+   Copyright 2026 Molecule Dev, Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Theme interface and utilities for molecule.dev.
+ *
+ * Framework-agnostic theme contract — a {@link Theme} (colors, spacing,
+ * typography, radii, shadows, z-index) plus a {@link ThemeProvider} bond for
+ * reading/switching themes, dark/light toggling, and change subscriptions.
+ * Bond a provider (e.g. `@molecule/app-theme-css-variables`, which applies the
+ * palette as CSS variables) at startup; {@link lightTheme}/{@link darkTheme}
+ * are the base defaults.
+ *
+ * @example
+ * ```typescript
+ * import { getProvider } from '@molecule/app-theme'
+ *
+ * const theme = getProvider() // null until a bond is wired at startup
+ * theme?.toggleMode() // light <-> dark
+ * const unsubscribe = theme?.subscribe((t) => applyBranding(t))
+ * ```
+ *
+ * @remarks
+ * - **Recoloring: find the REAL source of truth first.** Apps scaffolded from a
+ *   template ship a per-app stylesheet (e.g. `app/src/theme.css`) that
+ *   hardcodes the `--color-*` variables and loads AFTER the bond — its values
+ *   win, and editing this package's `Theme` objects (or the bond's palette) has
+ *   NO visible effect there. Precedence: per-app theme stylesheet > theme
+ *   bond > base defaults. Recolor by editing whichever file actually defines
+ *   the variables; the bond's `Theme` palette applies only when no per-app
+ *   stylesheet defines colors.
+ * - Read theme values through the provider or the CSS variables it emits —
+ *   never hardcode hex values in components; surfaces and status colors come
+ *   from the theme so light AND dark both work.
+ * - {@link getProvider} returns `null` when nothing is bonded — theme switching
+ *   is optional; guard rather than throw.
+ *
+ * @module
+ */
+export * from './provider.js';
+export * from './themes.js';
+export * from './types.js';
+export * from './utilities.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/index.js

@@ -0,0 +1,41 @@
+/**
+ * Theme interface and utilities for molecule.dev.
+ *
+ * Framework-agnostic theme contract — a {@link Theme} (colors, spacing,
+ * typography, radii, shadows, z-index) plus a {@link ThemeProvider} bond for
+ * reading/switching themes, dark/light toggling, and change subscriptions.
+ * Bond a provider (e.g. `@molecule/app-theme-css-variables`, which applies the
+ * palette as CSS variables) at startup; {@link lightTheme}/{@link darkTheme}
+ * are the base defaults.
+ *
+ * @example
+ * ```typescript
+ * import { getProvider } from '@molecule/app-theme'
+ *
+ * const theme = getProvider() // null until a bond is wired at startup
+ * theme?.toggleMode() // light <-> dark
+ * const unsubscribe = theme?.subscribe((t) => applyBranding(t))
+ * ```
+ *
+ * @remarks
+ * - **Recoloring: find the REAL source of truth first.** Apps scaffolded from a
+ *   template ship a per-app stylesheet (e.g. `app/src/theme.css`) that
+ *   hardcodes the `--color-*` variables and loads AFTER the bond — its values
+ *   win, and editing this package's `Theme` objects (or the bond's palette) has
+ *   NO visible effect there. Precedence: per-app theme stylesheet > theme
+ *   bond > base defaults. Recolor by editing whichever file actually defines
+ *   the variables; the bond's `Theme` palette applies only when no per-app
+ *   stylesheet defines colors.
+ * - Read theme values through the provider or the CSS variables it emits —
+ *   never hardcode hex values in components; surfaces and status colors come
+ *   from the theme so light AND dark both work.
+ * - {@link getProvider} returns `null` when nothing is bonded — theme switching
+ *   is optional; guard rather than throw.
+ *
+ * @module
+ */
+export * from './provider.js';
+export * from './themes.js';
+export * from './types.js';
+export * from './utilities.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/provider.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Theme bond accessor.
+ *
+ * Bond packages (e.g. `@molecule/app-theme-css-variables`) call
+ * `setProvider()` during setup. Application code uses `getProvider()`
+ * to read and switch themes, toggle dark/light mode, and subscribe
+ * to theme changes.
+ *
+ * @module
+ */
+import type { Theme } from './types.js';
+/**
+ * Manages theme state including the active theme, mode toggling,
+ * and change subscriptions.
+ */
+export interface ThemeProvider {
+    /**
+     * Returns the currently active theme.
+     */
+    getTheme(): Theme;
+    /**
+     * Sets the active theme by reference or by name.
+     *
+     * @param theme - A `Theme` object or a theme name string to activate.
+     */
+    setTheme(theme: Theme | string): void;
+    /**
+     * Toggles between light and dark mode for the active theme.
+     */
+    toggleMode(): void;
+    /**
+     * Subscribes to theme changes. The callback fires whenever
+     * `setTheme()` or `toggleMode()` is called.
+     *
+     * @param callback - Invoked with the new theme after each change.
+     * @returns An unsubscribe function.
+     */
+    subscribe(callback: (theme: Theme) => void): () => void;
+    /**
+     * Returns all registered themes. Optional — not all providers
+     * support multiple themes.
+     */
+    getThemes?(): Theme[];
+}
+/**
+ * Registers a theme provider as the active singleton.
+ *
+ * @param provider - The theme provider implementation to bond.
+ */
+export declare const setProvider: (provider: ThemeProvider) => void;
+/**
+ * Retrieves the bonded theme provider, or `null` if none is configured.
+ *
+ * @returns The bonded theme provider, or `null`.
+ */
+export declare const getProvider: () => ThemeProvider | null;
+/**
+ * Checks whether a theme provider is currently bonded.
+ *
+ * @returns `true` if a theme provider is bonded.
+ */
+export declare const hasProvider: () => boolean;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,IAAI,KAAK,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;IAErC;;OAEG;IACH,UAAU,IAAI,IAAI,CAAA;IAElB;;;;;;OAMG;IACH,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI,CAAA;IAEvD;;;OAGG;IACH,SAAS,CAAC,IAAI,KAAK,EAAE,CAAA;CACtB;AAID;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,UAAU,aAAa,KAAG,IAErD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAAO,aAAa,GAAG,IAAiD,CAAA;AAEhG;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAAO,OAA8B,CAAA"}

package/dist/provider.js

@@ -0,0 +1,33 @@
+/**
+ * Theme bond accessor.
+ *
+ * Bond packages (e.g. `@molecule/app-theme-css-variables`) call
+ * `setProvider()` during setup. Application code uses `getProvider()`
+ * to read and switch themes, toggle dark/light mode, and subscribe
+ * to theme changes.
+ *
+ * @module
+ */
+import { bond, get as bondGet, isBonded } from '@molecule/app-bond';
+const BOND_TYPE = 'theme';
+/**
+ * Registers a theme provider as the active singleton.
+ *
+ * @param provider - The theme provider implementation to bond.
+ */
+export const setProvider = (provider) => {
+    bond(BOND_TYPE, provider);
+};
+/**
+ * Retrieves the bonded theme provider, or `null` if none is configured.
+ *
+ * @returns The bonded theme provider, or `null`.
+ */
+export const getProvider = () => bondGet(BOND_TYPE) ?? null;
+/**
+ * Checks whether a theme provider is currently bonded.
+ *
+ * @returns `true` if a theme provider is bonded.
+ */
+export const hasProvider = () => isBonded(BOND_TYPE);
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AA0CnE,MAAM,SAAS,GAAG,OAAO,CAAA;AAEzB;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAuB,EAAQ,EAAE;IAC3D,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC3B,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAyB,EAAE,CAAC,OAAO,CAAgB,SAAS,CAAC,IAAI,IAAI,CAAA;AAEhG;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAY,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA"}

package/dist/themes.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Default light and dark theme definitions for molecule.dev.
+ *
+ * @module
+ */
+import type { Theme, ThemeBorderRadius, ThemeBreakpoints, ThemeColors, ThemeShadows, ThemeSpacing, ThemeTransitions, ThemeTypography, ThemeZIndex } from './types.js';
+/**
+ * Default light theme colors.
+ */
+export declare const lightColors: ThemeColors;
+/**
+ * Default dark theme colors.
+ */
+export declare const darkColors: ThemeColors;
+/**
+ * Default responsive breakpoints (320px mobileS → 2560px desktop).
+ */
+export declare const defaultBreakpoints: ThemeBreakpoints;
+/**
+ * Default spacing scale (4px xs → 64px xxxl).
+ */
+export declare const defaultSpacing: ThemeSpacing;
+/**
+ * Default typography scale (system font stacks, rem-based sizes, weight/line-height presets).
+ */
+export declare const defaultTypography: ThemeTypography;
+/**
+ * Default border radius.
+ */
+export declare const defaultBorderRadius: ThemeBorderRadius;
+/**
+ * Default box-shadow scale (none → xl, rgba-based).
+ */
+export declare const defaultShadows: ThemeShadows;
+/**
+ * Default CSS transition durations (150ms fast, 250ms normal, 350ms slow).
+ */
+export declare const defaultTransitions: ThemeTransitions;
+/**
+ * Default z-index scale.
+ */
+export declare const defaultZIndex: ThemeZIndex;
+/**
+ * Default light theme.
+ */
+export declare const lightTheme: Theme;
+/**
+ * Default dark theme.
+ */
+export declare const darkTheme: Theme;
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,WAAW,EACZ,MAAM,YAAY,CAAA;AAEnB;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,WAmCzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,WAmCxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,gBAQhC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,YAQ5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,eA6B/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,iBAOjC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,YAM5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,gBAIhC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,WAU3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAA"}

package/dist/themes.js

@@ -0,0 +1,204 @@
+/**
+ * Default light and dark theme definitions for molecule.dev.
+ *
+ * @module
+ */
+/**
+ * Default light theme colors.
+ */
+export const lightColors = {
+    background: '#ffffff',
+    backgroundSecondary: '#f5f5f5',
+    backgroundTertiary: '#eeeeee',
+    surface: '#ffffff',
+    surfaceSecondary: '#fafafa',
+    inputBackground: '#ffffff',
+    text: '#1a1a1a',
+    textSecondary: '#666666',
+    textTertiary: '#999999',
+    textInverse: '#ffffff',
+    primary: '#0066cc',
+    primaryLight: '#3399ff',
+    primaryDark: '#004d99',
+    secondary: '#6c757d',
+    secondaryLight: '#868e96',
+    secondaryDark: '#495057',
+    success: '#28a745',
+    successLight: '#d4edda',
+    warning: '#b87a00',
+    warningLight: '#fff3cd',
+    error: '#dc3545',
+    errorLight: '#f8d7da',
+    info: '#17a2b8',
+    infoLight: '#d1ecf1',
+    border: '#e0e0e0',
+    borderSecondary: '#cccccc',
+    borderFocus: '#0066cc',
+    overlay: 'rgba(0, 0, 0, 0.5)',
+    shadow: 'rgba(0, 0, 0, 0.1)',
+};
+/**
+ * Default dark theme colors.
+ */
+export const darkColors = {
+    background: '#121212',
+    backgroundSecondary: '#1e1e1e',
+    backgroundTertiary: '#2d2d2d',
+    surface: '#1e1e1e',
+    surfaceSecondary: '#252525',
+    inputBackground: '#181818',
+    text: '#ffffff',
+    textSecondary: '#b3b3b3',
+    textTertiary: '#808080',
+    textInverse: '#1a1a1a',
+    primary: '#3399ff',
+    primaryLight: '#66b3ff',
+    primaryDark: '#0066cc',
+    secondary: '#868e96',
+    secondaryLight: '#adb5bd',
+    secondaryDark: '#6c757d',
+    success: '#28a745',
+    successLight: '#1e4620',
+    warning: '#b88a12',
+    warningLight: '#4d3800',
+    error: '#e87080',
+    errorLight: '#4d1a1f',
+    info: '#17a2b8',
+    infoLight: '#0d3d47',
+    border: '#333333',
+    borderSecondary: '#444444',
+    borderFocus: '#3399ff',
+    overlay: 'rgba(0, 0, 0, 0.7)',
+    shadow: 'rgba(0, 0, 0, 0.3)',
+};
+/**
+ * Default responsive breakpoints (320px mobileS → 2560px desktop).
+ */
+export const defaultBreakpoints = {
+    mobileS: '320px',
+    mobileM: '375px',
+    mobileL: '425px',
+    tablet: '768px',
+    laptop: '1024px',
+    laptopL: '1440px',
+    desktop: '2560px',
+};
+/**
+ * Default spacing scale (4px xs → 64px xxxl).
+ */
+export const defaultSpacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '32px',
+    xxl: '48px',
+    xxxl: '64px',
+};
+/**
+ * Default typography scale (system font stacks, rem-based sizes, weight/line-height presets).
+ */
+export const defaultTypography = {
+    fontFamily: {
+        sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+        serif: 'Georgia, "Times New Roman", Times, serif',
+        mono: 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+    },
+    fontSize: {
+        xs: '0.75rem',
+        sm: '0.875rem',
+        base: '1rem',
+        lg: '1.125rem',
+        xl: '1.25rem',
+        '2xl': '1.5rem',
+        '3xl': '1.875rem',
+        '4xl': '2.25rem',
+        '5xl': '3rem',
+    },
+    fontWeight: {
+        light: 300,
+        normal: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+    },
+    lineHeight: {
+        tight: 1.25,
+        normal: 1.5,
+        relaxed: 1.75,
+    },
+};
+/**
+ * Default border radius.
+ */
+export const defaultBorderRadius = {
+    none: '0',
+    sm: '4px',
+    md: '8px',
+    lg: '12px',
+    xl: '16px',
+    full: '9999px',
+};
+/**
+ * Default box-shadow scale (none → xl, rgba-based).
+ */
+export const defaultShadows = {
+    none: 'none',
+    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',
+    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
+    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1)',
+};
+/**
+ * Default CSS transition durations (150ms fast, 250ms normal, 350ms slow).
+ */
+export const defaultTransitions = {
+    fast: '150ms ease-in-out',
+    normal: '250ms ease-in-out',
+    slow: '350ms ease-in-out',
+};
+/**
+ * Default z-index scale.
+ */
+export const defaultZIndex = {
+    hide: -1,
+    base: 0,
+    dropdown: 1000,
+    sticky: 1100,
+    fixed: 1200,
+    modal: 1300,
+    popover: 1400,
+    tooltip: 1500,
+    toast: 1600,
+};
+/**
+ * Default light theme.
+ */
+export const lightTheme = {
+    name: 'light',
+    mode: 'light',
+    colors: lightColors,
+    breakpoints: defaultBreakpoints,
+    spacing: defaultSpacing,
+    typography: defaultTypography,
+    borderRadius: defaultBorderRadius,
+    shadows: defaultShadows,
+    transitions: defaultTransitions,
+    zIndex: defaultZIndex,
+};
+/**
+ * Default dark theme.
+ */
+export const darkTheme = {
+    name: 'dark',
+    mode: 'dark',
+    colors: darkColors,
+    breakpoints: defaultBreakpoints,
+    spacing: defaultSpacing,
+    typography: defaultTypography,
+    borderRadius: defaultBorderRadius,
+    shadows: defaultShadows,
+    transitions: defaultTransitions,
+    zIndex: defaultZIndex,
+};
+//# sourceMappingURL=themes.js.map

package/dist/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,155 @@
+/**
+ * Theme type definitions for molecule.dev.
+ *
+ * @module
+ */
+/**
+ * Color palette definition.
+ */
+export interface ThemeColors {
+    background: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    surface: string;
+    surfaceSecondary: string;
+    inputBackground: string;
+    text: string;
+    textSecondary: string;
+    textTertiary: string;
+    textInverse: string;
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    secondary: string;
+    secondaryLight: string;
+    secondaryDark: string;
+    success: string;
+    successLight: string;
+    warning: string;
+    warningLight: string;
+    error: string;
+    errorLight: string;
+    info: string;
+    infoLight: string;
+    border: string;
+    borderSecondary: string;
+    borderFocus: string;
+    overlay: string;
+    shadow: string;
+}
+/**
+ * Responsive viewport breakpoints from mobileS (320px) to desktop (2560px).
+ */
+export interface ThemeBreakpoints {
+    mobileS: string;
+    mobileM: string;
+    mobileL: string;
+    tablet: string;
+    laptop: string;
+    laptopL: string;
+    desktop: string;
+}
+/**
+ * Theme spacing scale mapping size tokens (xs–3xl) to CSS values (e.g. '4px', '16px').
+ */
+export interface ThemeSpacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    xxxl: string;
+}
+/**
+ * Typography scale (font families, sizes, weights, and line heights).
+ */
+export interface ThemeTypography {
+    fontFamily: {
+        sans: string;
+        serif: string;
+        mono: string;
+    };
+    fontSize: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+    };
+    fontWeight: {
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+    };
+    lineHeight: {
+        tight: number;
+        normal: number;
+        relaxed: number;
+    };
+}
+/**
+ * Border radius scale.
+ */
+export interface ThemeBorderRadius {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+}
+/**
+ * Box-shadow scale from none to xl for elevation levels.
+ */
+export interface ThemeShadows {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}
+/**
+ * CSS transition duration presets (fast, normal, slow).
+ */
+export interface ThemeTransitions {
+    fast: string;
+    normal: string;
+    slow: string;
+}
+/**
+ * Theme z-index scale for layering UI elements (dropdowns, modals, toasts, etc.).
+ */
+export interface ThemeZIndex {
+    hide: number;
+    base: number;
+    dropdown: number;
+    sticky: number;
+    fixed: number;
+    modal: number;
+    popover: number;
+    tooltip: number;
+    toast: number;
+}
+/**
+ * Complete theme definition.
+ */
+export interface Theme {
+    name: string;
+    mode: 'light' | 'dark';
+    colors: ThemeColors;
+    breakpoints: ThemeBreakpoints;
+    spacing: ThemeSpacing;
+    typography: ThemeTypography;
+    borderRadius: ThemeBorderRadius;
+    shadows: ThemeShadows;
+    transitions: ThemeTransitions;
+    zIndex: ThemeZIndex;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,7 @@
+/**
+ * Theme type definitions for molecule.dev.
+ *
+ * @module
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/dist/utilities.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Theme utility functions for molecule.dev.
+ *
+ * @module
+ */
+import type { Theme } from './types.js';
+/**
+ * Creates a light theme by merging default light-mode tokens with
+ * optional overrides for colors, spacing, typography, etc.
+ *
+ * @param overrides - Partial theme tokens to merge over the defaults.
+ * @returns A complete `Theme` object with `mode: 'light'`.
+ */
+export declare const createLightTheme: (overrides?: Partial<Theme>) => Theme;
+/**
+ * Creates a dark theme by merging default dark-mode tokens with
+ * optional overrides for colors, spacing, typography, etc.
+ *
+ * @param overrides - Partial theme tokens to merge over the defaults.
+ * @returns A complete `Theme` object with `mode: 'dark'`.
+ */
+export declare const createDarkTheme: (overrides?: Partial<Theme>) => Theme;
+//# sourceMappingURL=utilities.d.ts.map

package/dist/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../src/utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,YAAY,OAAO,CAAC,KAAK,CAAC,KAAG,KAY5D,CAAA;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,OAAO,CAAC,KAAK,CAAC,KAAG,KAY3D,CAAA"}

package/dist/utilities.js

@@ -0,0 +1,47 @@
+/**
+ * Theme utility functions for molecule.dev.
+ *
+ * @module
+ */
+import { darkColors, defaultBorderRadius, defaultBreakpoints, defaultShadows, defaultSpacing, defaultTransitions, defaultTypography, defaultZIndex, lightColors, } from './themes.js';
+/**
+ * Creates a light theme by merging default light-mode tokens with
+ * optional overrides for colors, spacing, typography, etc.
+ *
+ * @param overrides - Partial theme tokens to merge over the defaults.
+ * @returns A complete `Theme` object with `mode: 'light'`.
+ */
+export const createLightTheme = (overrides) => ({
+    name: 'light',
+    mode: 'light',
+    colors: { ...lightColors, ...overrides?.colors },
+    breakpoints: { ...defaultBreakpoints, ...overrides?.breakpoints },
+    spacing: { ...defaultSpacing, ...overrides?.spacing },
+    typography: { ...defaultTypography, ...overrides?.typography },
+    borderRadius: { ...defaultBorderRadius, ...overrides?.borderRadius },
+    shadows: { ...defaultShadows, ...overrides?.shadows },
+    transitions: { ...defaultTransitions, ...overrides?.transitions },
+    zIndex: { ...defaultZIndex, ...overrides?.zIndex },
+    ...overrides,
+});
+/**
+ * Creates a dark theme by merging default dark-mode tokens with
+ * optional overrides for colors, spacing, typography, etc.
+ *
+ * @param overrides - Partial theme tokens to merge over the defaults.
+ * @returns A complete `Theme` object with `mode: 'dark'`.
+ */
+export const createDarkTheme = (overrides) => ({
+    name: 'dark',
+    mode: 'dark',
+    colors: { ...darkColors, ...overrides?.colors },
+    breakpoints: { ...defaultBreakpoints, ...overrides?.breakpoints },
+    spacing: { ...defaultSpacing, ...overrides?.spacing },
+    typography: { ...defaultTypography, ...overrides?.typography },
+    borderRadius: { ...defaultBorderRadius, ...overrides?.borderRadius },
+    shadows: { ...defaultShadows, ...overrides?.shadows },
+    transitions: { ...defaultTransitions, ...overrides?.transitions },
+    zIndex: { ...defaultZIndex, ...overrides?.zIndex },
+    ...overrides,
+});
+//# sourceMappingURL=utilities.js.map

package/dist/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../src/utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,WAAW,GACZ,MAAM,aAAa,CAAA;AAGpB;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAA0B,EAAS,EAAE,CAAC,CAAC;IACtE,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE;IAChD,WAAW,EAAE,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE;IACjE,OAAO,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE;IACrD,UAAU,EAAE,EAAE,GAAG,iBAAiB,EAAE,GAAG,SAAS,EAAE,UAAU,EAAE;IAC9D,YAAY,EAAE,EAAE,GAAG,mBAAmB,EAAE,GAAG,SAAS,EAAE,YAAY,EAAE;IACpE,OAAO,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE;IACrD,WAAW,EAAE,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE;IACjE,MAAM,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE;IAClD,GAAG,SAAS;CACb,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAA0B,EAAS,EAAE,CAAC,CAAC;IACrE,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE;IAC/C,WAAW,EAAE,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE;IACjE,OAAO,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE;IACrD,UAAU,EAAE,EAAE,GAAG,iBAAiB,EAAE,GAAG,SAAS,EAAE,UAAU,EAAE;IAC9D,YAAY,EAAE,EAAE,GAAG,mBAAmB,EAAE,GAAG,SAAS,EAAE,YAAY,EAAE;IACpE,OAAO,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE;IACrD,WAAW,EAAE,EAAE,GAAG,kBAAkB,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE;IACjE,MAAM,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE;IAClD,GAAG,SAAS;CACb,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@molecule/app-theme",
+  "version": "1.0.0",
+  "description": "Theme interface and utilities for molecule.dev",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "molecule",
+    "theme",
+    "styling",
+    "dark-mode"
+  ],
+  "license": "Apache-2.0",
+  "peerDependencies": {
+    "@molecule/app-bond": "^1.0.0"
+  },
+  "devDependencies": {
+    "@molecule/app-bond": "1.0.0",
+    "@types/node": "26.1.2",
+    "typescript": "6.0.3",
+    "vitest": "4.1.10"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/molecule-dev/molecule.git",
+    "directory": "packages/app/core/theme"
+  },
+  "homepage": "https://github.com/molecule-dev/molecule/tree/main/packages/app/core/theme",
+  "bugs": "https://github.com/molecule-dev/molecule/issues",
+  "publishConfig": {
+    "access": "public"
+  }
+}