tenara-ui-components 0.2.1 → 0.2.2

package/dist/themes/core/client-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client-provider.d.ts","sourceRoot":"","sources":["../../../src/themes/core/client-provider.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGrC,eAAO,MAAM,aAAa,0BAAoB,CAAC"}
+{"version":3,"file":"client-provider.d.ts","sourceRoot":"","sources":["../../../src/themes/core/client-provider.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGrC,eAAO,MAAM,aAAa,0BAAoB,CAAC"}

package/dist/themes/core/color-system.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Multi-level color management system (Figma-style)
+ *
+ * Level 1: Primitive Colors - Raw color values (palette)
+ * Level 2: Semantic Tokens - Purpose-based colors referencing primitives
+ *
+ */
+export interface ColorPrimitives {
+    white: string;
+    black: string;
+    [key: string]: string;
+}
+export interface SemanticColorTokens {
+    primary: string;
+    primaryHover: string;
+    primaryActive: string;
+    primaryText: string;
+    secondary: string;
+    secondaryHover: string;
+    secondaryActive: string;
+    secondaryText: string;
+    accent: string;
+    accentHover: string;
+    accentActive: string;
+    accentText: string;
+    tertiary: string;
+    tertiaryHover: string;
+    tertiaryActive: string;
+    tertiaryText: string;
+    textPrimary: string;
+    textSecondary: string;
+    textTertiary: string;
+    textInverse: string;
+    textDisabled: string;
+    textLink: string;
+    textLinkHover: string;
+    bgPrimary: string;
+    bgSecondary: string;
+    bgTertiary: string;
+    bgInverse: string;
+    bgOverlay: string;
+    borderDefault: string;
+    borderSubtle: string;
+    borderStrong: string;
+    borderFocus: string;
+    stateSuccess: string;
+    stateSuccessHover: string;
+    stateSuccessBg: string;
+    stateWarning: string;
+    stateWarningHover: string;
+    stateWarningBg: string;
+    stateError: string;
+    stateErrorHover: string;
+    stateErrorBg: string;
+    stateInfo: string;
+    stateInfoHover: string;
+    stateInfoBg: string;
+    interactivePrimary: string;
+    interactivePrimaryHover: string;
+    interactivePrimaryActive: string;
+    interactiveSecondary: string;
+    interactiveSecondaryHover: string;
+    interactiveSecondaryActive: string;
+    interactiveDisabled: string;
+    [key: string]: string;
+}
+export interface ColorSystem {
+    primitives: ColorPrimitives;
+    semantic: SemanticColorTokens;
+}
+//# sourceMappingURL=color-system.d.ts.map

package/dist/themes/core/color-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-system.d.ts","sourceRoot":"","sources":["../../../src/themes/core/color-system.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,MAAM,WAAW,eAAe;IAE9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAGd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAQD,MAAM,WAAW,mBAAmB;IAElC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IAGrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IAGtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAGlB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IAGpB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IAGpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,0BAA0B,EAAE,MAAM,CAAC;IACnC,mBAAmB,EAAE,MAAM,CAAC;IAE5B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAMD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,mBAAmB,CAAC;CAC/B"}

package/dist/themes/core/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/themes/core/context.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAwBpD,UAAU,iBAAiB;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,SAAS,EAAE,YAAY,CAAC;CACzB;AAID,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,gBAAgB,CAAC,EAAE,YAAY,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAA2B,EAC3B,gBAA4B,EAC7B,EAAE,kBAAkB,2CAiBpB;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/themes/core/context.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA+BpD,UAAU,iBAAiB;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,SAAS,EAAE,YAAY,CAAC;CACzB;AAID,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,gBAAgB,CAAC,EAAE,YAAY,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAA2B,EAC3B,gBAA4B,EAC7B,EAAE,kBAAkB,2CAiBpB;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/themes/core/types.d.ts

@@ -2,20 +2,17 @@
  * Core TypeScript interfaces for theme configuration schema
  * Defines the structure and types for all theme properties
  */
+import { ColorPrimitives, SemanticColorTokens } from './color-system';
+/**
+ * Two-level color system integrated into theme
+ * Level 1: Primitives (raw colors - the palette)
+ * Level 2: Semantic tokens (purpose-based colors)
+ *
+ * Components use semantic tokens directly in their CSS
+ */
 export interface ThemeColors {
-    primary: string;
-    primaryHover: string;
-    primaryActive: string;
-    secondary: string;
-    secondaryHover: string;
-    secondaryActive: string;
-    text: string;
-    textInverse: string;
-    background: string;
-    border: string;
-    success: string;
-    warning: string;
-    error: string;
+    primitives: ColorPrimitives;
+    semantic: SemanticColorTokens;
 }
 export interface ThemeSpacing {
     xs: string;
@@ -37,6 +34,27 @@ export interface ThemeShadows {
     lg: string;
     xl: string;
 }
+export interface ThemeBreakpoints {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+}
+export interface TypographyVariantDefault {
+    fontSize?: string;
+    fontWeight?: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    textDecoration?: string;
+    textTransform?: string;
+    fontFamily?: string;
+}
+export interface TypographyVariant extends TypographyVariantDefault {
+    mobile?: TypographyVariantDefault;
+    tablet?: TypographyVariantDefault;
+}
 export interface ThemeTypography {
     fontFamily: string;
     fontFamilyHeading: string;
@@ -51,27 +69,38 @@ export interface ThemeTypography {
     lineHeightTight: string;
     lineHeightNormal: string;
     lineHeightRelaxed: string;
+    variants?: Record<string, TypographyVariant>;
 }
 export interface ButtonVariant {
     background: string;
-    backgroundHover: string;
-    backgroundActive: string;
+    backgroundHover?: string;
+    backgroundActive?: string;
     color: string;
-    colorHover: string;
-    border: string;
-    borderHover: string;
-    shadow: string;
+    colorHover?: string;
+    colorActive?: string;
+    border?: string;
+    borderHover?: string;
+    borderActive?: string;
+    focusOutline?: string;
+    shadow?: string;
 }
 export interface ThemeButtons {
     borderRadius: string;
     padding: string;
     fontSize: string;
     fontWeight: string;
+    lineHeight: string;
     general: ButtonVariant;
     cta: ButtonVariant;
     secondary: ButtonVariant;
     outline: ButtonVariant;
     ghost: ButtonVariant;
+    video?: ButtonVariant;
+    subscribe?: ButtonVariant;
+    twitter?: ButtonVariant;
+    linkedIn?: ButtonVariant;
+    facebook?: ButtonVariant;
+    secondaryDarkMode?: ButtonVariant;
 }
 export interface ThemeComponents {
     card: {
@@ -101,13 +130,20 @@ export interface ThemeComponents {
         descriptionLineHeight?: string;
     };
 }
+export interface ColorPalette {
+    name: string;
+    bg: string;
+    text: string;
+}
 export interface ThemeConfig {
     name: string;
-    fontImportUrl?: string;
+    fontImportUrl?: string | string[];
     colors: ThemeColors;
+    colorPalettes?: ColorPalette[];
     spacing: ThemeSpacing;
     borderRadius: ThemeBorderRadius;
     shadows: ThemeShadows;
+    breakpoints: ThemeBreakpoints;
     typography: ThemeTypography;
     buttons: ThemeButtons;
     components: ThemeComponents;

package/dist/themes/core/types.d.ts.map

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

package/dist/themes/hooks/useColorTokens.d.ts

@@ -0,0 +1,26 @@
+/**
+ * React hook for accessing color tokens programmatically
+ * Useful when you need to use colors in JavaScript/TypeScript
+ */
+export interface ColorTokens {
+    primitives: Record<string, string>;
+    semantic: Record<string, string>;
+}
+/**
+ * Hook to access color tokens from the current theme
+ * Returns resolved CSS variable values
+ */
+export declare function useColorTokens(): ColorTokens;
+/**
+ * Hook to get a specific color token value
+ * @param level - The color system level ('primitives' or 'semantic')
+ * @param tokenName - The name of the token
+ * @returns The resolved color value
+ */
+export declare function useColorToken(level: 'primitives' | 'semantic', tokenName: string): string;
+/**
+ * Hook to get CSS variable name for a color token
+ * Useful for inline styles
+ */
+export declare function useColorVar(level: 'primitives' | 'semantic', tokenName: string): string;
+//# sourceMappingURL=useColorTokens.d.ts.map

package/dist/themes/hooks/useColorTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorTokens.d.ts","sourceRoot":"","sources":["../../../src/themes/hooks/useColorTokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,MAAM,WAAW,WAAW;IAE1B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEnC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CA4B5C;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,YAAY,GAAG,UAAU,EAChC,SAAS,EAAE,MAAM,GAChB,MAAM,CAGR;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,YAAY,GAAG,UAAU,EAChC,SAAS,EAAE,MAAM,GAChB,MAAM,CAOR"}

package/dist/themes/index.d.ts

@@ -2,9 +2,15 @@
  * Main theme system exports
  * Central entry point for all theming functionality
  */
-export type { ThemeConfig, ThemeColors, ThemeSpacing, ThemeBorderRadius, ThemeShadows, ThemeTypography, ThemeButtons, ThemeComponents, ThemeVariant, ButtonVariant } from './core/types';
+export type { ThemeConfig, ThemeColors, ThemeSpacing, ThemeBorderRadius, ThemeShadows, ThemeBreakpoints, ThemeTypography, ThemeButtons, ThemeComponents, ThemeVariant, ButtonVariant } from './core/types';
+export type { ColorPrimitives, SemanticColorTokens, } from './core/color-system';
 export { defaultTheme } from './presets/default';
 export { advisorsPlusTheme } from './presets/advisors-plus';
 export { primaxTheme } from './presets/primax';
+export { defaultColorSystem } from './presets/color-systems/default-colors';
+export { advisorsPlusColorSystem } from './presets/color-systems/advisors-plus-colors';
+export { primaxColorSystem } from './presets/color-systems/primax-colors';
 export { ThemeProvider, useTheme } from './core/client-provider';
+export { useColorTokens, useColorToken, useColorVar } from './hooks/useColorTokens';
+export { generateThemeCSS, applyTheme, setThemeAttribute } from './utils/generator';
 //# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,aAAa,EACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,aAAa,EACd,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,eAAe,EACf,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGpF,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/themes/presets/advisors-plus.d.ts

@@ -1,6 +1,6 @@
 /**
  * Advisors Plus theme configuration
- * Green and brown color scheme with rounded buttons for financial advisory brand
+ * Midnight blue and violet color scheme for financial advisory brand
  */
 import { ThemeConfig } from '../core/types';
 export declare const advisorsPlusTheme: ThemeConfig;

package/dist/themes/presets/advisors-plus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advisors-plus.d.ts","sourceRoot":"","sources":["../../../src/themes/presets/advisors-plus.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,iBAAiB,EAAE,WA6D/B,CAAC"}
+{"version":3,"file":"advisors-plus.d.ts","sourceRoot":"","sources":["../../../src/themes/presets/advisors-plus.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,eAAO,MAAM,iBAAiB,EAAE,WAgD/B,CAAC"}

package/dist/themes/presets/color-systems/advisors-plus-colors.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Advisors Plus color system
+ * Carnation (primary), Medium Purple (secondary), and Royal Blue (tertiary) color scheme
+ */
+import { ColorSystem } from '../../core/color-system';
+export declare const advisorsPlusColorSystem: ColorSystem;
+//# sourceMappingURL=advisors-plus-colors.d.ts.map

package/dist/themes/presets/color-systems/advisors-plus-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advisors-plus-colors.d.ts","sourceRoot":"","sources":["../../../../src/themes/presets/color-systems/advisors-plus-colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,eAAO,MAAM,uBAAuB,EAAE,WAsLrC,CAAC"}

package/dist/themes/presets/color-systems/default-colors.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Default color system implementation
+ * Demonstrates the three-level color abstraction
+ */
+import { ColorSystem } from '../../core/color-system';
+export declare const defaultColorSystem: ColorSystem;
+//# sourceMappingURL=default-colors.d.ts.map

package/dist/themes/presets/color-systems/default-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-colors.d.ts","sourceRoot":"","sources":["../../../../src/themes/presets/color-systems/default-colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,EAAE,WAyIhC,CAAC"}

package/dist/themes/presets/color-systems/primax-colors.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Primax color system
+ * Brilliant Blue, Neon Mint, and Electric Berry color scheme
+ */
+import { ColorSystem } from '../../core/color-system';
+export declare const primaxColorSystem: ColorSystem;
+//# sourceMappingURL=primax-colors.d.ts.map

package/dist/themes/presets/color-systems/primax-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primax-colors.d.ts","sourceRoot":"","sources":["../../../../src/themes/presets/color-systems/primax-colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,WAyI/B,CAAC"}

package/dist/themes/presets/default.d.ts

@@ -1,6 +1,6 @@
 /**
  * Default theme configuration
- * Base theme with standard design tokens and component styling
+ * Base theme with multi-level color system and standard design tokens
  */
 import { ThemeConfig } from '../core/types';
 export declare const defaultTheme: ThemeConfig;

package/dist/themes/presets/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/presets/default.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,YAAY,EAAE,WAwI1B,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/presets/default.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,YAAY,EAAE,WAwU1B,CAAC"}

package/dist/themes/presets/primax.d.ts

@@ -1,7 +1,7 @@
 /**
  * Primax theme configuration
- * Blue and orange color scheme with custom CTA styling for Primax brand
+ * Blue and orange color scheme for Primax brand
  */
-import { ThemeConfig } from '../core/types';
+import { ThemeConfig } from "../core/types";
 export declare const primaxTheme: ThemeConfig;
 //# sourceMappingURL=primax.d.ts.map

package/dist/themes/presets/primax.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primax.d.ts","sourceRoot":"","sources":["../../../src/themes/presets/primax.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,WAAW,EAAE,WA2DzB,CAAC"}
+{"version":3,"file":"primax.d.ts","sourceRoot":"","sources":["../../../src/themes/presets/primax.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,eAAO,MAAM,WAAW,EAAE,WAgDzB,CAAC"}

package/dist/themes/utils/generator.d.ts

@@ -5,6 +5,7 @@
 import { ThemeConfig } from '../core/types';
 /**
  * Generates CSS custom properties from theme configuration
+ * Uses the integrated two-level color system
  */
 export declare function generateThemeCSS(theme: ThemeConfig, selector?: string): string;
 /**

package/dist/themes/utils/generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/themes/utils/generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAc5C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAE,MAAgB,GAAG,MAAM,CA4CvF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAevE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAEzD"}
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/themes/utils/generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAiC5C;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAE,MAAgB,GAAG,MAAM,CA+EvF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAevE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAEzD"}

package/dist/themes/utils/helpers.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Theme utility helper functions
+ */
+/**
+ * Converts camelCase to kebab-case, handling numbers properly
+ * Examples:
+ * - textPrimary -> text-primary
+ * - blue500 -> blue-500
+ * - brandPrimary -> brand-primary
+ */
+export declare function toKebabCase(str: string): string;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/themes/utils/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/themes/utils/helpers.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK/C"}

package/dist/themes/utils/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Theme utilities barrel export
+ */
+export { generateThemeCSS, applyTheme, setThemeAttribute } from './generator';
+export { toKebabCase } from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenara-ui-components",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "private": false,
   "main": "dist/index.js",
@@ -17,7 +17,8 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build:lib": "rollup -c",
-    "prepublishOnly": "npm run build:lib"
+    "prepublishOnly": "npm run build:lib",
+    "chromatic": "npx chromatic"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.0",