@thatix.io/credit-ui 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @thatix.io/credit-ui
+ *
+ * UI Kit for Thatix credit pipelines with theming support.
+ *
+ * @example
+ * ```ts
+ * // Theme utilities
+ * import { useTheme, version } from '@thatix.io/credit-ui'
+ * import type { ThemeConfig } from '@thatix.io/credit-ui'
+ *
+ * // Components
+ * import { Button, FormField, LoginForm, FormLayout } from '@thatix.io/credit-ui'
+ * ```
+ */
+export declare const version = "0.0.1";
+export * from './components';
+export { useTheme } from './composables';
+export { mergeTheme, generateCSSString, injectThemeCSS, defaultTokens, defaultColors, defaultFonts, } from './themes';
+export type { CreditUIConfig, ThemeConfig, ThemeColors, ThemeFonts, ThemeTokens, CreditUIModuleOptions, } from './types';

package/dist/nuxt/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Nuxt module entry point
+ */
+export { default } from './module';
+export type { ModuleOptions } from './module';

package/dist/nuxt/module.d.ts

@@ -0,0 +1,17 @@
+import { ThemeConfig } from '../types/theme';
+export interface ModuleOptions {
+    /**
+     * Theme configuration
+     * Override default Giro Crédito theme values
+     */
+    theme?: ThemeConfig;
+}
+declare const _default: import('@nuxt/schema').NuxtModule<ModuleOptions, ModuleOptions, false>;
+export default _default;
+declare module '@nuxt/schema' {
+    interface PublicRuntimeConfig {
+        creditUi: {
+            theme: ThemeConfig;
+        };
+    }
+}

package/dist/nuxt.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("@nuxt/kit");var r=typeof document<"u"?document.currentScript:null;const o=e.defineNuxtModule({meta:{name:"@thatix.io/credit-ui",configKey:"creditUi",compatibility:{nuxt:">=3.0.0"}},defaults:{theme:{}},setup(i,s){const t=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:r&&r.tagName.toUpperCase()==="SCRIPT"&&r.src||new URL("nuxt.cjs.js",document.baseURI).href);s.options.runtimeConfig.public.creditUi={theme:i.theme||{}},e.addPlugin({src:t.resolve("./runtime/plugin"),mode:"client"}),e.addPlugin({src:t.resolve("./runtime/plugin.server"),mode:"server"}),e.addImports({name:"useTheme",from:t.resolve("./runtime/composables/useTheme")}),s.options.css.push(t.resolve("../themes/tokens.css"))}});module.exports=o;

package/dist/nuxt.es.js

@@ -0,0 +1,31 @@
+import { defineNuxtModule as r, createResolver as i, addPlugin as o, addImports as m } from "@nuxt/kit";
+const l = r({
+  meta: {
+    name: "@thatix.io/credit-ui",
+    configKey: "creditUi",
+    compatibility: {
+      nuxt: ">=3.0.0"
+    }
+  },
+  defaults: {
+    theme: {}
+  },
+  setup(s, t) {
+    const e = i(import.meta.url);
+    t.options.runtimeConfig.public.creditUi = {
+      theme: s.theme || {}
+    }, o({
+      src: e.resolve("./runtime/plugin"),
+      mode: "client"
+    }), o({
+      src: e.resolve("./runtime/plugin.server"),
+      mode: "server"
+    }), m({
+      name: "useTheme",
+      from: e.resolve("./runtime/composables/useTheme")
+    }), t.options.css.push(e.resolve("../themes/tokens.css"));
+  }
+});
+export {
+  l as default
+};

package/dist/themes/defaults.d.ts

@@ -0,0 +1,96 @@
+import { ThemeTokens, ThemeColors, ThemeFonts } from '../types/theme';
+/**
+ * Default color values - Giro Crédito brand
+ */
+export declare const defaultColors: Required<ThemeColors>;
+/**
+ * Default font families
+ */
+export declare const defaultFonts: Required<ThemeFonts>;
+/**
+ * Fixed spacing scale (not customizable)
+ */
+export declare const spacing: {
+    readonly 0: "0";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+};
+/**
+ * Fixed font sizes (not customizable)
+ */
+export declare const fontSize: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly '2xl': "1.5rem";
+    readonly '3xl': "1.875rem";
+    readonly '4xl': "2.25rem";
+};
+/**
+ * Fixed font weights (not customizable)
+ */
+export declare const fontWeight: {
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+/**
+ * Fixed line heights (not customizable)
+ */
+export declare const lineHeight: {
+    readonly tight: "1.25";
+    readonly normal: "1.5";
+    readonly relaxed: "1.75";
+};
+/**
+ * Fixed border radius (not customizable)
+ */
+export declare const radius: {
+    readonly none: "0";
+    readonly sm: "0.125rem";
+    readonly md: "0.375rem";
+    readonly lg: "0.5rem";
+    readonly xl: "0.75rem";
+    readonly '2xl': "1rem";
+    readonly full: "9999px";
+};
+/**
+ * Fixed shadows (not customizable)
+ */
+export declare const shadow: {
+    readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+};
+/**
+ * Fixed transitions (not customizable)
+ */
+export declare const transition: {
+    readonly fast: "150ms";
+    readonly normal: "300ms";
+    readonly slow: "500ms";
+};
+/**
+ * Fixed easing functions (not customizable)
+ */
+export declare const easing: {
+    readonly default: "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+    readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+};
+/**
+ * Complete default theme tokens
+ */
+export declare const defaultTokens: ThemeTokens;

package/dist/themes/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Themes module entry point
+ *
+ * Re-exports all theme-related utilities and defaults.
+ */
+export { defaultColors, defaultFonts, defaultTokens, spacing, fontSize, fontWeight, lineHeight, radius, shadow, transition, easing, } from './defaults';
+export { mergeTheme, generateColorVariables, generateFontVariables, generateCSSString, generateStyleObject, injectThemeCSS, getCSSVariable, } from './utils';
+export type { ThemeConfig, ThemeColors, ThemeFonts, ThemeTokens } from '../types/theme';

package/dist/themes/utils.d.ts

@@ -0,0 +1,35 @@
+import { ThemeConfig, ThemeColors, ThemeFonts, ThemeTokens } from '../types/theme';
+/**
+ * Merge user theme config with defaults
+ * Only colors and fonts can be customized
+ */
+export declare function mergeTheme(config?: ThemeConfig): ThemeTokens;
+/**
+ * Generate CSS variables string from theme tokens
+ * Only generates variables for colors and fonts (customizable)
+ */
+export declare function generateColorVariables(colors: Required<ThemeColors>): string;
+/**
+ * Generate font family CSS variables
+ */
+export declare function generateFontVariables(fonts: Required<ThemeFonts>): string;
+/**
+ * Generate complete CSS string with :root selector
+ * Contains only customizable tokens (colors and fonts)
+ */
+export declare function generateCSSString(tokens: ThemeTokens): string;
+/**
+ * Generate inline style object from theme tokens
+ * Useful for SSR or dynamic styling
+ */
+export declare function generateStyleObject(tokens: ThemeTokens): Record<string, string>;
+/**
+ * Inject theme CSS into document head
+ * For client-side use only
+ */
+export declare function injectThemeCSS(tokens: ThemeTokens, id?: string): void;
+/**
+ * Get CSS variable value from document
+ * For client-side use only
+ */
+export declare function getCSSVariable(name: string): string;

package/dist/themes.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c={primary:"#06012c",primaryDark:"#03011a",primaryLight:"#1a1647",secondary:"#4a4a68",accent:"#ffca46",background:"#ffffff",backgroundAlt:"#f8f9fa",surface:"#ffffff",surfaceAccent:"#f0f1f5",text:"#1a1a2e",textMuted:"#6b7280",textInverse:"#ffffff",error:"#dc2626",warning:"#f59e0b",success:"#10b981",info:"#3b82f6"},i={heading:"'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",base:"'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"},f={0:"0",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem"},l={xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem"},m={normal:"400",medium:"500",semibold:"600",bold:"700"},u={tight:"1.25",normal:"1.5",relaxed:"1.75"},g={none:"0",sm:"0.125rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem",full:"9999px"},d={sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"},p={fast:"150ms",normal:"300ms",slow:"500ms"},b={default:"cubic-bezier(0.4, 0, 0.2, 1)",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)"},a={colors:c,fonts:i,spacing:f,fontSize:l,fontWeight:m,lineHeight:u,radius:g,shadow:d,transition:p,easing:b};function o(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function h(e){return e?{...a,colors:{...c,...e.colors},fonts:{...i,...e.fonts}}:a}function x(e){const t=[];for(const[n,r]of Object.entries(e)){const s=`--color-${o(n)}`;t.push(`  ${s}: ${r};`)}return t.join(`
+`)}function y(e){const t=[];for(const[n,r]of Object.entries(e)){const s=`--font-family-${o(n)}`;t.push(`  ${s}: ${r};`)}return t.join(`
+`)}function S(e){const t=x(e.colors),n=y(e.fonts);return`:root {
+${t}
+${n}
+}`}function C(e){const t={};for(const[n,r]of Object.entries(e.colors))t[`--color-${o(n)}`]=r;for(const[n,r]of Object.entries(e.fonts))t[`--font-family-${o(n)}`]=r;return t}function j(e,t="credit-ui-theme"){if(typeof document>"u")return;const n=document.getElementById(t);n&&n.remove();const r=document.createElement("style");r.id=t,r.textContent=S(e),document.head.appendChild(r)}function V(e){return typeof document>"u"?"":getComputedStyle(document.documentElement).getPropertyValue(e).trim()}exports.defaultColors=c;exports.defaultFonts=i;exports.defaultTokens=a;exports.easing=b;exports.fontSize=l;exports.fontWeight=m;exports.generateCSSString=S;exports.generateColorVariables=x;exports.generateFontVariables=y;exports.generateStyleObject=C;exports.getCSSVariable=V;exports.injectThemeCSS=j;exports.lineHeight=u;exports.mergeTheme=h;exports.radius=g;exports.shadow=d;exports.spacing=f;exports.transition=p;

package/dist/themes.es.js

@@ -0,0 +1,163 @@
+const a = {
+  primary: "#06012c",
+  primaryDark: "#03011a",
+  primaryLight: "#1a1647",
+  secondary: "#4a4a68",
+  accent: "#ffca46",
+  background: "#ffffff",
+  backgroundAlt: "#f8f9fa",
+  surface: "#ffffff",
+  surfaceAccent: "#f0f1f5",
+  text: "#1a1a2e",
+  textMuted: "#6b7280",
+  textInverse: "#ffffff",
+  error: "#dc2626",
+  warning: "#f59e0b",
+  success: "#10b981",
+  info: "#3b82f6"
+}, f = {
+  heading: "'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+  base: "'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+}, m = {
+  0: "0",
+  1: "0.25rem",
+  2: "0.5rem",
+  3: "0.75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  8: "2rem",
+  10: "2.5rem",
+  12: "3rem",
+  16: "4rem"
+}, i = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  base: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem"
+}, l = {
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+}, u = {
+  tight: "1.25",
+  normal: "1.5",
+  relaxed: "1.75"
+}, p = {
+  none: "0",
+  sm: "0.125rem",
+  md: "0.375rem",
+  lg: "0.5rem",
+  xl: "0.75rem",
+  "2xl": "1rem",
+  full: "9999px"
+}, x = {
+  sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+}, d = {
+  fast: "150ms",
+  normal: "300ms",
+  slow: "500ms"
+}, b = {
+  default: "cubic-bezier(0.4, 0, 0.2, 1)",
+  in: "cubic-bezier(0.4, 0, 1, 1)",
+  out: "cubic-bezier(0, 0, 0.2, 1)"
+}, c = {
+  colors: a,
+  fonts: f,
+  spacing: m,
+  fontSize: i,
+  fontWeight: l,
+  lineHeight: u,
+  radius: p,
+  shadow: x,
+  transition: d,
+  easing: b
+};
+function o(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function h(e) {
+  return e ? {
+    ...c,
+    colors: {
+      ...a,
+      ...e.colors
+    },
+    fonts: {
+      ...f,
+      ...e.fonts
+    }
+  } : c;
+}
+function g(e) {
+  const t = [];
+  for (const [n, r] of Object.entries(e)) {
+    const s = `--color-${o(n)}`;
+    t.push(`  ${s}: ${r};`);
+  }
+  return t.join(`
+`);
+}
+function y(e) {
+  const t = [];
+  for (const [n, r] of Object.entries(e)) {
+    const s = `--font-family-${o(n)}`;
+    t.push(`  ${s}: ${r};`);
+  }
+  return t.join(`
+`);
+}
+function S(e) {
+  const t = g(e.colors), n = y(e.fonts);
+  return `:root {
+${t}
+${n}
+}`;
+}
+function $(e) {
+  const t = {};
+  for (const [n, r] of Object.entries(e.colors))
+    t[`--color-${o(n)}`] = r;
+  for (const [n, r] of Object.entries(e.fonts))
+    t[`--font-family-${o(n)}`] = r;
+  return t;
+}
+function C(e, t = "credit-ui-theme") {
+  if (typeof document > "u")
+    return;
+  const n = document.getElementById(t);
+  n && n.remove();
+  const r = document.createElement("style");
+  r.id = t, r.textContent = S(e), document.head.appendChild(r);
+}
+function j(e) {
+  return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(e).trim();
+}
+export {
+  a as defaultColors,
+  f as defaultFonts,
+  c as defaultTokens,
+  b as easing,
+  i as fontSize,
+  l as fontWeight,
+  S as generateCSSString,
+  g as generateColorVariables,
+  y as generateFontVariables,
+  $ as generateStyleObject,
+  j as getCSSVariable,
+  C as injectThemeCSS,
+  u as lineHeight,
+  h as mergeTheme,
+  p as radius,
+  x as shadow,
+  m as spacing,
+  d as transition
+};

package/dist/tokens.css

@@ -0,0 +1,124 @@
+/**
+ * @thatix.io/credit-ui - Design Tokens
+ *
+ * CSS Variables for the theming system.
+ * Default values are from Giro Crédito brand.
+ *
+ * Naming convention: --{category}-{variant}[-{modifier}]
+ */
+
+:root {
+  /* ===========================================
+   * COLORS
+   * =========================================== */
+
+  /* Primary - Azul escuro Giro Crédito */
+  --color-primary: #06012c;
+  --color-primary-dark: #03011a;
+  --color-primary-light: #1a1647;
+
+  /* Secondary */
+  --color-secondary: #4a4a68;
+
+  /* Accent - Amarelo Giro Crédito */
+  --color-accent: #ffca46;
+
+  /* Background */
+  --color-background: #ffffff;
+  --color-background-alt: #f8f9fa;
+
+  /* Surface */
+  --color-surface: #ffffff;
+  --color-surface-accent: #f0f1f5;
+
+  /* Text */
+  --color-text: #1a1a2e;
+  --color-text-muted: #6b7280;
+  --color-text-inverse: #ffffff;
+
+  /* Semantic */
+  --color-error: #dc2626;
+  --color-warning: #f59e0b;
+  --color-success: #10b981;
+  --color-info: #3b82f6;
+
+  /* ===========================================
+   * TYPOGRAPHY
+   * =========================================== */
+
+  /* Font Families */
+  --font-family-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-family-base: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+
+  /* Font Sizes */
+  --font-size-xs: 0.75rem; /* 12px */
+  --font-size-sm: 0.875rem; /* 14px */
+  --font-size-base: 1rem; /* 16px */
+  --font-size-lg: 1.125rem; /* 18px */
+  --font-size-xl: 1.25rem; /* 20px */
+  --font-size-2xl: 1.5rem; /* 24px */
+  --font-size-3xl: 1.875rem; /* 30px */
+  --font-size-4xl: 2.25rem; /* 36px */
+
+  /* Font Weights */
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /* Line Heights */
+  --line-height-tight: 1.25;
+  --line-height-normal: 1.5;
+  --line-height-relaxed: 1.75;
+
+  /* ===========================================
+   * SPACING
+   * Based on 4px scale
+   * =========================================== */
+
+  --spacing-0: 0;
+  --spacing-1: 0.25rem; /* 4px */
+  --spacing-2: 0.5rem; /* 8px */
+  --spacing-3: 0.75rem; /* 12px */
+  --spacing-4: 1rem; /* 16px */
+  --spacing-5: 1.25rem; /* 20px */
+  --spacing-6: 1.5rem; /* 24px */
+  --spacing-8: 2rem; /* 32px */
+  --spacing-10: 2.5rem; /* 40px */
+  --spacing-12: 3rem; /* 48px */
+  --spacing-16: 4rem; /* 64px */
+
+  /* ===========================================
+   * BORDER RADIUS
+   * =========================================== */
+
+  --radius-none: 0;
+  --radius-sm: 0.125rem; /* 2px */
+  --radius-md: 0.375rem; /* 6px */
+  --radius-lg: 0.5rem; /* 8px */
+  --radius-xl: 0.75rem; /* 12px */
+  --radius-2xl: 1rem; /* 16px */
+  --radius-full: 9999px;
+
+  /* ===========================================
+   * SHADOWS
+   * =========================================== */
+
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+
+  /* ===========================================
+   * TRANSITIONS
+   * =========================================== */
+
+  --transition-fast: 150ms;
+  --transition-normal: 300ms;
+  --transition-slow: 500ms;
+
+  /* Easing */
+  --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
+  --easing-in: cubic-bezier(0.4, 0, 1, 1);
+  --easing-out: cubic-bezier(0, 0, 0.2, 1);
+}

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+import { ThemeConfig } from './theme';
+export type { ThemeColors, ThemeFonts, ThemeConfig, ThemeTokens, CreditUIModuleOptions, CSSVariableName, } from './theme';
+export interface CreditUIConfig {
+    theme?: ThemeConfig;
+}
+export type { ThemeConfig as CreditUIThemeConfig } from './theme';

package/dist/types/theme.d.ts

@@ -0,0 +1,142 @@
+/**
+ * Theme Types for @thatix.io/credit-ui
+ *
+ * Define interfaces for theme configuration and tokens.
+ * Colors and fonts are customizable; spacing, radius, shadows are fixed.
+ */
+/**
+ * Theme color tokens
+ * All values should be valid CSS color strings (hex, rgb, hsl, etc.)
+ */
+export interface ThemeColors {
+    /** Primary brand color */
+    primary?: string;
+    /** Darker variant of primary */
+    primaryDark?: string;
+    /** Lighter variant of primary */
+    primaryLight?: string;
+    /** Secondary brand color */
+    secondary?: string;
+    /** Accent color for highlights and CTAs */
+    accent?: string;
+    /** Main background color */
+    background?: string;
+    /** Alternative background color */
+    backgroundAlt?: string;
+    /** Surface color (cards, modals) */
+    surface?: string;
+    /** Accented surface color */
+    surfaceAccent?: string;
+    /** Main text color */
+    text?: string;
+    /** Muted/secondary text color */
+    textMuted?: string;
+    /** Text color for dark backgrounds */
+    textInverse?: string;
+    /** Error/danger color */
+    error?: string;
+    /** Warning color */
+    warning?: string;
+    /** Success color */
+    success?: string;
+    /** Info color */
+    info?: string;
+}
+/**
+ * Theme font tokens
+ * Values should be CSS font-family strings
+ */
+export interface ThemeFonts {
+    /** Font family for headings */
+    heading?: string;
+    /** Font family for body text */
+    base?: string;
+}
+/**
+ * User-facing theme configuration
+ * Only colors and fonts are customizable
+ */
+export interface ThemeConfig {
+    /** Color overrides */
+    colors?: ThemeColors;
+    /** Font family overrides */
+    fonts?: ThemeFonts;
+}
+/**
+ * Complete theme tokens including fixed values
+ * Used internally by the theme system
+ */
+export interface ThemeTokens {
+    colors: Required<ThemeColors>;
+    fonts: Required<ThemeFonts>;
+    spacing: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+    };
+    fontSize: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    lineHeight: {
+        tight: string;
+        normal: string;
+        relaxed: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+    shadow: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    transition: {
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    easing: {
+        default: string;
+        in: string;
+        out: string;
+    };
+}
+/**
+ * Module options for Nuxt configuration
+ */
+export interface CreditUIModuleOptions {
+    /** Theme configuration */
+    theme?: ThemeConfig;
+}
+/**
+ * Type helper for CSS variable names
+ */
+export type CSSVariableName = `--color-${keyof ThemeColors}` | `--font-family-${keyof ThemeFonts}` | `--spacing-${keyof ThemeTokens['spacing']}` | `--font-size-${keyof ThemeTokens['fontSize']}` | `--font-weight-${keyof ThemeTokens['fontWeight']}` | `--line-height-${keyof ThemeTokens['lineHeight']}` | `--radius-${keyof ThemeTokens['radius']}` | `--shadow-${keyof ThemeTokens['shadow']}` | `--transition-${keyof ThemeTokens['transition']}` | `--easing-${keyof ThemeTokens['easing']}`;