typewritingclass 0.2.1 → 0.2.3

package/dist/sizes-CS9iz8YG.d.ts

@@ -0,0 +1,46 @@
+declare const full = "100%";
+declare const screen = "100vw";
+declare const screenH = "100vh";
+declare const min = "min-content";
+declare const max = "max-content";
+declare const fit = "fit-content";
+declare const auto = "auto";
+declare const maxWidths: {
+    readonly none: "none";
+    readonly 0: "0rem";
+    readonly xs: "20rem";
+    readonly sm: "24rem";
+    readonly md: "28rem";
+    readonly lg: "32rem";
+    readonly xl: "36rem";
+    readonly '2xl': "42rem";
+    readonly '3xl': "48rem";
+    readonly '4xl': "56rem";
+    readonly '5xl': "64rem";
+    readonly '6xl': "72rem";
+    readonly '7xl': "80rem";
+    readonly full: "100%";
+    readonly min: "min-content";
+    readonly max: "max-content";
+    readonly fit: "fit-content";
+    readonly prose: "65ch";
+    readonly screenSm: "640px";
+    readonly screenMd: "768px";
+    readonly screenLg: "1024px";
+    readonly screenXl: "1280px";
+    readonly screen2xl: "1536px";
+};
+
+declare const sizes_auto: typeof auto;
+declare const sizes_fit: typeof fit;
+declare const sizes_full: typeof full;
+declare const sizes_max: typeof max;
+declare const sizes_maxWidths: typeof maxWidths;
+declare const sizes_min: typeof min;
+declare const sizes_screen: typeof screen;
+declare const sizes_screenH: typeof screenH;
+declare namespace sizes {
+  export { sizes_auto as auto, sizes_fit as fit, sizes_full as full, sizes_max as max, sizes_maxWidths as maxWidths, sizes_min as min, sizes_screen as screen, sizes_screenH as screenH };
+}
+
+export { auto as a, full as b, maxWidths as c, min as d, screen as e, fit as f, screenH as g, max as m, sizes as s };

package/dist/theme/animations.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _chunkCB7B6PHYcjs = require('../chunk-CB7B6PHY.cjs');
+require('../chunk-75ZPJI57.cjs');
+
+
+
+
+
+
+exports.bounce = _chunkCB7B6PHYcjs.bounce; exports.keyframes = _chunkCB7B6PHYcjs.keyframes; exports.ping = _chunkCB7B6PHYcjs.ping; exports.pulse = _chunkCB7B6PHYcjs.pulse; exports.spin = _chunkCB7B6PHYcjs.spin;

package/dist/theme/animations.d.cts

@@ -0,0 +1,12 @@
+declare const spin = "spin 1s linear infinite";
+declare const ping = "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite";
+declare const pulse = "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+declare const bounce = "bounce 1s infinite";
+declare const keyframes: {
+    spin: string;
+    ping: string;
+    pulse: string;
+    bounce: string;
+};
+
+export { bounce, keyframes, ping, pulse, spin };

package/dist/theme/animations.d.ts

@@ -0,0 +1,12 @@
+declare const spin = "spin 1s linear infinite";
+declare const ping = "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite";
+declare const pulse = "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+declare const bounce = "bounce 1s infinite";
+declare const keyframes: {
+    spin: string;
+    ping: string;
+    pulse: string;
+    bounce: string;
+};
+
+export { bounce, keyframes, ping, pulse, spin };

package/dist/theme/animations.js

@@ -0,0 +1,15 @@
+import {
+  bounce,
+  keyframes,
+  ping,
+  pulse,
+  spin
+} from "../chunk-L7AJQJBR.js";
+import "../chunk-MLKGABMK.js";
+export {
+  bounce,
+  keyframes,
+  ping,
+  pulse,
+  spin
+};

package/dist/theme/borders.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+var _chunkTUUH2FJYcjs = require('../chunk-TUUH2FJY.cjs');
+require('../chunk-75ZPJI57.cjs');
+
+
+
+
+
+
+
+
+
+
+exports.DEFAULT = _chunkTUUH2FJYcjs.DEFAULT; exports._2xl = _chunkTUUH2FJYcjs._2xl; exports._3xl = _chunkTUUH2FJYcjs._3xl; exports.full = _chunkTUUH2FJYcjs.full; exports.lg = _chunkTUUH2FJYcjs.lg; exports.md = _chunkTUUH2FJYcjs.md; exports.none = _chunkTUUH2FJYcjs.none; exports.sm = _chunkTUUH2FJYcjs.sm; exports.xl = _chunkTUUH2FJYcjs.xl;

package/dist/theme/borders.d.cts

@@ -0,0 +1 @@
+export { D as DEFAULT, _ as _2xl, a as _3xl, f as full, l as lg, m as md, n as none, s as sm, x as xl } from '../borders-pzt8w5Wv.cjs';

package/dist/theme/borders.d.ts

@@ -0,0 +1 @@
+export { D as DEFAULT, _ as _2xl, a as _3xl, f as full, l as lg, m as md, n as none, s as sm, x as xl } from '../borders-pzt8w5Wv.js';

package/dist/theme/borders.js

@@ -0,0 +1,23 @@
+import {
+  DEFAULT,
+  _2xl,
+  _3xl,
+  full,
+  lg,
+  md,
+  none,
+  sm,
+  xl
+} from "../chunk-YHDPOIUZ.js";
+import "../chunk-MLKGABMK.js";
+export {
+  DEFAULT,
+  _2xl,
+  _3xl,
+  full,
+  lg,
+  md,
+  none,
+  sm,
+  xl
+};

package/dist/theme/colors.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkL3IF2OVAcjs = require('../chunk-L3IF2OVA.cjs');
+require('../chunk-75ZPJI57.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.amber = _chunkL3IF2OVAcjs.amber; exports.black = _chunkL3IF2OVAcjs.black; exports.blue = _chunkL3IF2OVAcjs.blue; exports.currentColor = _chunkL3IF2OVAcjs.currentColor; exports.cyan = _chunkL3IF2OVAcjs.cyan; exports.emerald = _chunkL3IF2OVAcjs.emerald; exports.fuchsia = _chunkL3IF2OVAcjs.fuchsia; exports.gray = _chunkL3IF2OVAcjs.gray; exports.green = _chunkL3IF2OVAcjs.green; exports.indigo = _chunkL3IF2OVAcjs.indigo; exports.lime = _chunkL3IF2OVAcjs.lime; exports.neutral = _chunkL3IF2OVAcjs.neutral; exports.orange = _chunkL3IF2OVAcjs.orange; exports.pink = _chunkL3IF2OVAcjs.pink; exports.purple = _chunkL3IF2OVAcjs.purple; exports.red = _chunkL3IF2OVAcjs.red; exports.rose = _chunkL3IF2OVAcjs.rose; exports.sky = _chunkL3IF2OVAcjs.sky; exports.slate = _chunkL3IF2OVAcjs.slate; exports.stone = _chunkL3IF2OVAcjs.stone; exports.teal = _chunkL3IF2OVAcjs.teal; exports.transparent = _chunkL3IF2OVAcjs.transparent; exports.violet = _chunkL3IF2OVAcjs.violet; exports.white = _chunkL3IF2OVAcjs.white; exports.yellow = _chunkL3IF2OVAcjs.yellow; exports.zinc = _chunkL3IF2OVAcjs.zinc;

package/dist/theme/colors.d.cts

@@ -0,0 +1 @@
+export { C as ColorScale, a as amber, b as black, d as blue, e as currentColor, f as cyan, g as emerald, h as fuchsia, i as gray, j as green, k as indigo, l as lime, n as neutral, o as orange, p as pink, m as purple, r as red, q as rose, s as sky, t as slate, u as stone, v as teal, w as transparent, x as violet, y as white, z as yellow, A as zinc } from '../colors-MvgcZKUW.cjs';

package/dist/theme/colors.d.ts

@@ -0,0 +1 @@
+export { C as ColorScale, a as amber, b as black, d as blue, e as currentColor, f as cyan, g as emerald, h as fuchsia, i as gray, j as green, k as indigo, l as lime, n as neutral, o as orange, p as pink, m as purple, r as red, q as rose, s as sky, t as slate, u as stone, v as teal, w as transparent, x as violet, y as white, z as yellow, A as zinc } from '../colors-MvgcZKUW.js';

package/dist/theme/colors.js

@@ -0,0 +1,57 @@
+import {
+  amber,
+  black,
+  blue,
+  currentColor,
+  cyan,
+  emerald,
+  fuchsia,
+  gray,
+  green,
+  indigo,
+  lime,
+  neutral,
+  orange,
+  pink,
+  purple,
+  red,
+  rose,
+  sky,
+  slate,
+  stone,
+  teal,
+  transparent,
+  violet,
+  white,
+  yellow,
+  zinc
+} from "../chunk-XEHQXLQR.js";
+import "../chunk-MLKGABMK.js";
+export {
+  amber,
+  black,
+  blue,
+  currentColor,
+  cyan,
+  emerald,
+  fuchsia,
+  gray,
+  green,
+  indigo,
+  lime,
+  neutral,
+  orange,
+  pink,
+  purple,
+  red,
+  rose,
+  sky,
+  slate,
+  stone,
+  teal,
+  transparent,
+  violet,
+  white,
+  yellow,
+  zinc
+};

package/dist/theme/createTheme.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkBAZLFQIVcjs = require('../chunk-BAZLFQIV.cjs');
+require('../chunk-75ZPJI57.cjs');
+
+
+exports.createTheme = _chunkBAZLFQIVcjs.createTheme;

package/dist/theme/createTheme.d.cts

@@ -0,0 +1,133 @@
+/**
+ * Configuration object for defining a theme's design tokens.
+ *
+ * Pass this to {@link createTheme} to generate CSS custom properties and
+ * a type-safe `vars` accessor for use in style utilities.
+ *
+ * @example
+ * ```ts
+ * const config: ThemeConfig = {
+ *   name: 'light',
+ *   colors: {
+ *     blue: { 500: '#3b82f6', 600: '#2563eb' },
+ *   },
+ *   spacing: { 4: '1rem', 8: '2rem' },
+ * }
+ * ```
+ */
+interface ThemeConfig {
+    /** Optional theme name. Defaults to `'default'` which targets `:root`. Any other name targets `[data-theme="<name>"]`. */
+    name?: string;
+    /** Color palette scales, keyed by color name, then by shade (e.g., `{ blue: { 500: '#3b82f6' } }`). */
+    colors?: Record<string, Record<string | number, string>>;
+    /** Spacing scale, keyed by size token (e.g., `{ 4: '1rem', 8: '2rem' }`). */
+    spacing?: Record<string | number, string>;
+    /** Typography tokens for text sizes and font weights. */
+    typography?: {
+        /** Named text size presets with `fontSize` and `lineHeight` values. */
+        textSizes?: Record<string, {
+            fontSize: string;
+            lineHeight: string;
+        }>;
+        /** Named font weight presets (e.g., `{ bold: '700' }`). */
+        fontWeights?: Record<string, string>;
+    };
+    /** Named border style tokens (e.g., `{ default: '1px solid #e5e7eb' }`). */
+    borders?: Record<string, string>;
+    /** Named box-shadow tokens (e.g., `{ md: '0 4px 6px rgba(0,0,0,0.1)' }`). */
+    shadows?: Record<string, string>;
+}
+/**
+ * The result returned by {@link createTheme}.
+ *
+ * Contains the generated CSS text for injection and a `vars` object whose
+ * values are `var(--twc-...)` references ready to pass to style utilities.
+ */
+interface ThemeResult {
+    /** The theme name, matching the `name` from {@link ThemeConfig} (defaults to `'default'`). */
+    name: string;
+    /**
+     * A complete CSS rule string containing all custom property declarations.
+     *
+     * For the default theme this targets `:root`; for named themes it targets
+     * `[data-theme="<name>"]`. Inject with {@link injectTheme}.
+     */
+    cssText: string;
+    /** Type-safe accessor whose leaf values are `var(--twc-...)` CSS references. */
+    vars: ThemeVars;
+}
+/**
+ * Type-safe map of CSS `var()` references generated from a {@link ThemeConfig}.
+ *
+ * Every leaf value is a string like `var(--twc-color-blue-500)` that can be
+ * passed directly to style utilities such as `bg()`, `color()`, and `p()`.
+ *
+ * @example
+ * ```ts
+ * const { vars } = createTheme({ colors: { blue: { 500: '#3b82f6' } } })
+ * vars.colors.blue[500] // "var(--twc-color-blue-500)"
+ *
+ * // Use in style utilities:
+ * cx(bg(vars.colors.blue[500]))
+ * ```
+ */
+interface ThemeVars {
+    /** Color `var()` references, organized by color name and shade. */
+    colors: Record<string, Record<string | number, string>>;
+    /** Spacing `var()` references, keyed by size token. */
+    spacing: Record<string | number, string>;
+    /** Typography `var()` references for text sizes and font weights. */
+    typography: {
+        /** Text size `var()` references with `fontSize` and `lineHeight` keys. */
+        textSizes: Record<string, {
+            fontSize: string;
+            lineHeight: string;
+        }>;
+        /** Font weight `var()` references keyed by weight name. */
+        fontWeights: Record<string, string>;
+    };
+    /** Border `var()` references keyed by border name. */
+    borders: Record<string, string>;
+    /** Shadow `var()` references keyed by shadow name. */
+    shadows: Record<string, string>;
+}
+/**
+ * Creates a theme from a configuration of design tokens.
+ *
+ * Converts all token values into CSS custom properties and returns:
+ * - `cssText`: a string ready to inject into a `<style>` element via {@link injectTheme}
+ * - `vars`: a mirrored object whose leaf values are `var(--twc-...)` references,
+ *   suitable for passing directly into style utilities like `bg()`, `color()`, `p()`, etc.
+ *
+ * The default theme (no `name` or `name: 'default'`) targets the `:root` selector.
+ * Named themes target `[data-theme="<name>"]` and can be activated with {@link setTheme}.
+ *
+ * @param config - The theme configuration containing design tokens.
+ * @returns A {@link ThemeResult} with `name`, `cssText`, and `vars`.
+ *
+ * @example
+ * ```ts
+ * import { createTheme, injectTheme } from 'typewritingclass/theme'
+ * import { cx, bg, p } from 'typewritingclass'
+ *
+ * const { cssText, vars } = createTheme({
+ *   name: 'light',
+ *   colors: {
+ *     blue: { 500: '#3b82f6', 600: '#2563eb' },
+ *     gray: { 100: '#f3f4f6', 900: '#111827' },
+ *   },
+ *   spacing: { 4: '1rem', 8: '2rem' },
+ *   shadows: { md: '0 4px 6px rgba(0,0,0,0.1)' },
+ * })
+ *
+ * // Inject the generated CSS custom properties into the document
+ * injectTheme(cssText)
+ *
+ * // Use vars in style utilities — they resolve to var(--twc-...) references
+ * cx(bg(vars.colors.blue[500]), p(vars.spacing[4]))
+ * // CSS: .abc { background-color: var(--twc-color-blue-500); padding: var(--twc-spacing-4); }
+ * ```
+ */
+declare function createTheme(config: ThemeConfig): ThemeResult;
+
+export { type ThemeConfig, type ThemeResult, type ThemeVars, createTheme };

package/dist/theme/createTheme.d.ts

@@ -0,0 +1,133 @@
+/**
+ * Configuration object for defining a theme's design tokens.
+ *
+ * Pass this to {@link createTheme} to generate CSS custom properties and
+ * a type-safe `vars` accessor for use in style utilities.
+ *
+ * @example
+ * ```ts
+ * const config: ThemeConfig = {
+ *   name: 'light',
+ *   colors: {
+ *     blue: { 500: '#3b82f6', 600: '#2563eb' },
+ *   },
+ *   spacing: { 4: '1rem', 8: '2rem' },
+ * }
+ * ```
+ */
+interface ThemeConfig {
+    /** Optional theme name. Defaults to `'default'` which targets `:root`. Any other name targets `[data-theme="<name>"]`. */
+    name?: string;
+    /** Color palette scales, keyed by color name, then by shade (e.g., `{ blue: { 500: '#3b82f6' } }`). */
+    colors?: Record<string, Record<string | number, string>>;
+    /** Spacing scale, keyed by size token (e.g., `{ 4: '1rem', 8: '2rem' }`). */
+    spacing?: Record<string | number, string>;
+    /** Typography tokens for text sizes and font weights. */
+    typography?: {
+        /** Named text size presets with `fontSize` and `lineHeight` values. */
+        textSizes?: Record<string, {
+            fontSize: string;
+            lineHeight: string;
+        }>;
+        /** Named font weight presets (e.g., `{ bold: '700' }`). */
+        fontWeights?: Record<string, string>;
+    };
+    /** Named border style tokens (e.g., `{ default: '1px solid #e5e7eb' }`). */
+    borders?: Record<string, string>;
+    /** Named box-shadow tokens (e.g., `{ md: '0 4px 6px rgba(0,0,0,0.1)' }`). */
+    shadows?: Record<string, string>;
+}
+/**
+ * The result returned by {@link createTheme}.
+ *
+ * Contains the generated CSS text for injection and a `vars` object whose
+ * values are `var(--twc-...)` references ready to pass to style utilities.
+ */
+interface ThemeResult {
+    /** The theme name, matching the `name` from {@link ThemeConfig} (defaults to `'default'`). */
+    name: string;
+    /**
+     * A complete CSS rule string containing all custom property declarations.
+     *
+     * For the default theme this targets `:root`; for named themes it targets
+     * `[data-theme="<name>"]`. Inject with {@link injectTheme}.
+     */
+    cssText: string;
+    /** Type-safe accessor whose leaf values are `var(--twc-...)` CSS references. */
+    vars: ThemeVars;
+}
+/**
+ * Type-safe map of CSS `var()` references generated from a {@link ThemeConfig}.
+ *
+ * Every leaf value is a string like `var(--twc-color-blue-500)` that can be
+ * passed directly to style utilities such as `bg()`, `color()`, and `p()`.
+ *
+ * @example
+ * ```ts
+ * const { vars } = createTheme({ colors: { blue: { 500: '#3b82f6' } } })
+ * vars.colors.blue[500] // "var(--twc-color-blue-500)"
+ *
+ * // Use in style utilities:
+ * cx(bg(vars.colors.blue[500]))
+ * ```
+ */
+interface ThemeVars {
+    /** Color `var()` references, organized by color name and shade. */
+    colors: Record<string, Record<string | number, string>>;
+    /** Spacing `var()` references, keyed by size token. */
+    spacing: Record<string | number, string>;
+    /** Typography `var()` references for text sizes and font weights. */
+    typography: {
+        /** Text size `var()` references with `fontSize` and `lineHeight` keys. */
+        textSizes: Record<string, {
+            fontSize: string;
+            lineHeight: string;
+        }>;
+        /** Font weight `var()` references keyed by weight name. */
+        fontWeights: Record<string, string>;
+    };
+    /** Border `var()` references keyed by border name. */
+    borders: Record<string, string>;
+    /** Shadow `var()` references keyed by shadow name. */
+    shadows: Record<string, string>;
+}
+/**
+ * Creates a theme from a configuration of design tokens.
+ *
+ * Converts all token values into CSS custom properties and returns:
+ * - `cssText`: a string ready to inject into a `<style>` element via {@link injectTheme}
+ * - `vars`: a mirrored object whose leaf values are `var(--twc-...)` references,
+ *   suitable for passing directly into style utilities like `bg()`, `color()`, `p()`, etc.
+ *
+ * The default theme (no `name` or `name: 'default'`) targets the `:root` selector.
+ * Named themes target `[data-theme="<name>"]` and can be activated with {@link setTheme}.
+ *
+ * @param config - The theme configuration containing design tokens.
+ * @returns A {@link ThemeResult} with `name`, `cssText`, and `vars`.
+ *
+ * @example
+ * ```ts
+ * import { createTheme, injectTheme } from 'typewritingclass/theme'
+ * import { cx, bg, p } from 'typewritingclass'
+ *
+ * const { cssText, vars } = createTheme({
+ *   name: 'light',
+ *   colors: {
+ *     blue: { 500: '#3b82f6', 600: '#2563eb' },
+ *     gray: { 100: '#f3f4f6', 900: '#111827' },
+ *   },
+ *   spacing: { 4: '1rem', 8: '2rem' },
+ *   shadows: { md: '0 4px 6px rgba(0,0,0,0.1)' },
+ * })
+ *
+ * // Inject the generated CSS custom properties into the document
+ * injectTheme(cssText)
+ *
+ * // Use vars in style utilities — they resolve to var(--twc-...) references
+ * cx(bg(vars.colors.blue[500]), p(vars.spacing[4]))
+ * // CSS: .abc { background-color: var(--twc-color-blue-500); padding: var(--twc-spacing-4); }
+ * ```
+ */
+declare function createTheme(config: ThemeConfig): ThemeResult;
+
+export { type ThemeConfig, type ThemeResult, type ThemeVars, createTheme };

package/dist/theme/createTheme.js

@@ -0,0 +1,7 @@
+import {
+  createTheme
+} from "../chunk-ATLK64TQ.js";
+import "../chunk-MLKGABMK.js";
+export {
+  createTheme
+};

package/dist/theme/filters.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkEBHM46CVcjs = require('../chunk-EBHM46CV.cjs');
+require('../chunk-75ZPJI57.cjs');
+
+
+
+exports.blur = _chunkEBHM46CVcjs.blur; exports.dropShadow = _chunkEBHM46CVcjs.dropShadow;

package/dist/theme/filters.d.cts

@@ -0,0 +1,21 @@
+declare const blur: {
+    none: string;
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    _2xl: string;
+    _3xl: string;
+};
+declare const dropShadow: {
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    _2xl: string;
+    none: string;
+};
+
+export { blur, dropShadow };

package/dist/theme/filters.d.ts

@@ -0,0 +1,21 @@
+declare const blur: {
+    none: string;
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    _2xl: string;
+    _3xl: string;
+};
+declare const dropShadow: {
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    _2xl: string;
+    none: string;
+};
+
+export { blur, dropShadow };

package/dist/theme/filters.js

@@ -0,0 +1,9 @@
+import {
+  blur,
+  dropShadow
+} from "../chunk-JKT74FUK.js";
+import "../chunk-MLKGABMK.js";
+export {
+  blur,
+  dropShadow
+};

package/dist/theme/index.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunk34VD2OBFcjs = require('../chunk-34VD2OBF.cjs');
+
+
+var _chunkL3IF2OVAcjs = require('../chunk-L3IF2OVA.cjs');
+
+
+var _chunkUUVUSZJScjs = require('../chunk-UUVUSZJS.cjs');
+
+
+var _chunkUUUE7HRNcjs = require('../chunk-UUUE7HRN.cjs');
+
+
+var _chunk6CEDQ6GFcjs = require('../chunk-6CEDQ6GF.cjs');
+
+
+var _chunkTUUH2FJYcjs = require('../chunk-TUUH2FJY.cjs');
+
+
+var _chunkBAZLFQIVcjs = require('../chunk-BAZLFQIV.cjs');
+require('../chunk-75ZPJI57.cjs');
+
+
+
+
+
+
+
+
+
+
+exports.borders = _chunkTUUH2FJYcjs.borders_exports; exports.colors = _chunkL3IF2OVAcjs.colors_exports; exports.createTheme = _chunkBAZLFQIVcjs.createTheme; exports.injectTheme = _chunk34VD2OBFcjs.injectTheme; exports.setTheme = _chunk34VD2OBFcjs.setTheme; exports.shadows = _chunk6CEDQ6GFcjs.shadows_exports; exports.sizes = _chunkUUUE7HRNcjs.sizes_exports; exports.spacing = _chunk34VD2OBFcjs.spacing_exports; exports.typography = _chunkUUVUSZJScjs.typography_exports;