tenara-ui-components 0.3.3 → 0.3.5

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

@@ -0,0 +1,8 @@
+/**
+ * Client-side theme provider wrapper
+ * This component can be used in any React application
+ */
+import { ThemeProvider as BaseThemeProvider } from './context';
+export { useTheme } from './context';
+export declare const ThemeProvider: typeof BaseThemeProvider;
+//# sourceMappingURL=client-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client-provider.d.ts","sourceRoot":"","sources":["../../../src/themes/core/client-provider.tsx"],"names":[],"mappings":"AAAA;;;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,72 @@
+/**
+ * Multi-tier color management system (Three-tier naming convention)
+ *
+ * Tier 1: Base Colors - Raw color values (palette) with structured naming
+ * Tier 2: Semantic Tokens - Purpose-based colors referencing base colors
+ * Tier 3: Component Tokens - Component-specific colors referencing semantic tokens
+ *
+ */
+export interface ColorPrimitives {
+    'color-white': string;
+    'color-black': string;
+    [key: string]: string;
+}
+export interface SemanticColorTokens {
+    [key: string]: string | undefined;
+    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;
+}
+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;;;;;;;GAOG;AASH,MAAM,WAAW,eAAe;IAE9B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAGtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAQD,MAAM,WAAW,mBAAmB;IAElC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAGlC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAMD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,mBAAmB,CAAC;CAC/B"}

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

@@ -0,0 +1,26 @@
+/**
+ * React context for theme management
+ * Optimized for single-theme tenant sites
+ */
+import { ReactNode } from 'react';
+import { ThemeConfig, ThemeVariant } from './types';
+interface ThemeContextValue {
+    currentTheme: ThemeConfig;
+    themeName: ThemeVariant;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    initialTheme?: ThemeConfig;
+    initialThemeName?: ThemeVariant;
+}
+/**
+ * Theme provider optimized for single-theme tenant sites
+ * Sets theme once on mount - no runtime switching needed
+ */
+export declare function ThemeProvider({ children, initialTheme, initialThemeName, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access current theme (read-only for tenant sites)
+ */
+export declare function useTheme(): ThemeContextValue;
+export {};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +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;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,GAC7B,EAAE,kBAAkB,2CAapB;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

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

@@ -0,0 +1,188 @@
+/**
+ * Core TypeScript interfaces for theme configuration schema
+ * Defines the structure and types for all theme properties
+ * Updated for three-tier naming convention
+ */
+import { ColorPrimitives, SemanticColorTokens } from './color-system';
+/**
+ * Three-tier color system integrated into theme
+ * Tier 1: Base Colors (raw colors - the palette) with structured naming
+ * Tier 2: Semantic tokens (purpose-based colors) with tier1-theme prefix
+ * Tier 3: Component tokens (component-specific colors) with tier3-theme prefix
+ *
+ * Components use semantic and component tokens directly in their CSS
+ */
+export interface ThemeColors {
+    primitives: ColorPrimitives;
+    semantic: SemanticColorTokens;
+}
+export interface ThemeSpacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+}
+export interface ThemeBorderRadius {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}
+export interface ThemeShadows {
+    sm: string;
+    md: string;
+    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;
+    fontFamilyMono?: string;
+    fontSizeXs: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+    fontSizeLg: string;
+    fontSizeXl: string;
+    fontSize2xl?: string;
+    fontWeightLight?: string;
+    fontWeightRegular: string;
+    fontWeightSemibold?: string;
+    fontWeightBold: string;
+    fontWeightBlack?: string;
+    lineHeightTight: string;
+    lineHeightSnug?: string;
+    lineHeightNormal: string;
+    lineHeightRelaxed: string;
+    lineHeightLoose?: string;
+    letterSpacingTighter?: string;
+    letterSpacingTight?: string;
+    letterSpacingNormal?: string;
+    letterSpacingWide?: string;
+    letterSpacingWider?: string;
+    letterSpacingWidest?: string;
+    variants?: Record<string, TypographyVariant>;
+}
+/**
+ * Dynamically extract button variant types from componentTokens.button
+ * Supports both nested variants structure and legacy flat structure
+ * This ensures ButtonVariantType is always in sync with defined variants
+ */
+export type ButtonVariantType = string;
+export interface ThemeComponents {
+    card: {
+        background: string;
+        border: string;
+        borderRadius: string;
+        shadow: string;
+        padding: string;
+    };
+    header: {
+        background: string;
+        borderBottom: string;
+        height: string;
+        padding: string;
+    };
+    cta: {
+        background: string;
+        borderRadius: string;
+        padding: string;
+        titleFontSize?: string;
+        titleFontWeight?: string;
+        titleMargin?: string;
+        titleLineHeight?: string;
+        descriptionFontSize?: string;
+        descriptionFontWeight?: string;
+        descriptionMargin?: string;
+        descriptionLineHeight?: string;
+    };
+}
+export interface ColorPalette {
+    name: string;
+    bg: string;
+    text: string;
+}
+/**
+ * Component token definition - flexible structure for any component
+ * Each component can define any properties it needs
+ * The generator will automatically create CSS variables for all properties
+ *
+ * Supports four patterns:
+ * 1. Flat structure with breakpoint-scoped properties via desktop/tablet/mobile keys
+ * 2. Nested variants structure: { borderRadius: "0px", variants: { general: {...}, secondary: {...} } }
+ * 3. Dark mode overrides: { bg: "white", dark: { bg: "black" } } or variants: { general: { bg: "white", dark: { bg: "black" } } }
+ * 4. Size variants: { sizes: { sm: { padding: "8px" }, md: { padding: "12px" }, lg: { padding: "16px" } } }
+ * 5. Animation tokens: { hoverAnimationEnabled: "true", hoverAnimationDuration: "0.3s", hoverAnimationTiming: "ease" }
+ */
+export type ComponentTokenDefinition = {
+    [key: string]: string | undefined | Record<string, any>;
+    desktop?: Record<string, string | undefined>;
+    tablet?: Record<string, string | undefined>;
+    mobile?: Record<string, string | undefined>;
+    sm?: Record<string, string | undefined>;
+    md?: Record<string, string | undefined>;
+    lg?: Record<string, string | undefined>;
+    xl?: Record<string, string | undefined>;
+    dark?: Record<string, string | undefined>;
+    sizes?: Record<string, Record<string, string | undefined>>;
+    variants?: Record<string, Record<string, any>>;
+};
+/**
+ * Component tokens interface - extensible for any component
+ * Add new components by simply adding a new key with ComponentTokenDefinition
+ * No need to modify generator.ts - it automatically handles all components
+ *
+ * Breakpoint-scoped structure:
+ * component: {
+ *   property: 'value',           // Base (applies to all unless overridden)
+ *   tablet: { property: 'value' },  // Tablet overrides
+ *   mobile: { property: 'value' },  // Mobile overrides
+ * }
+ */
+export interface ComponentTokens {
+    button?: ComponentTokenDefinition;
+    card?: ComponentTokenDefinition;
+    header?: ComponentTokenDefinition;
+    cta?: ComponentTokenDefinition;
+    input?: ComponentTokenDefinition;
+    modal?: ComponentTokenDefinition;
+    dropdown?: ComponentTokenDefinition;
+    [componentName: string]: ComponentTokenDefinition | undefined;
+}
+export interface ThemeConfig {
+    name: string;
+    fontImportUrl?: string | string[];
+    colors: ThemeColors;
+    colorPalettes?: ColorPalette[];
+    spacing: ThemeSpacing;
+    borderRadius: ThemeBorderRadius;
+    shadows: ThemeShadows;
+    breakpoints: ThemeBreakpoints;
+    typography: ThemeTypography;
+    components: ThemeComponents;
+    componentTokens?: ComponentTokens;
+}
+export type ThemeVariant = 'default' | 'advisors-plus' | 'primax' | string;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"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,CA0B5C;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAGzF;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAOvF"}

package/dist/themes/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Main theme system exports
+ * Central entry point for all theming functionality
+ */
+export type { ThemeConfig, ThemeColors, ThemeSpacing, ThemeBorderRadius, ThemeShadows, ThemeBreakpoints, ThemeTypography, ThemeComponents, ThemeVariant, ButtonVariantType, ComponentTokens, } 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

@@ -0,0 +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,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,eAAe,GAChB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,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

@@ -0,0 +1,7 @@
+/**
+ * Advisors Plus theme configuration
+ * Midnight blue and violet color scheme for financial advisory brand
+ */
+import { ThemeConfig } from '../core/types';
+export declare const advisorsPlusTheme: ThemeConfig;
+//# sourceMappingURL=advisors-plus.d.ts.map

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

@@ -0,0 +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;AAI5C,eAAO,MAAM,iBAAiB,EAAE,WAyD/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,WAqTrC,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Default color system implementation
+ * Demonstrates the three-tier color abstraction with new naming convention
+ */
+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,WA+PhC,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,WA0Z/B,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Default theme configuration
+ * Base theme with multi-level color system and standard design tokens
+ */
+import { ThemeConfig } from '../core/types';
+export declare const defaultTheme: ThemeConfig;
+//# sourceMappingURL=default.d.ts.map

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

@@ -0,0 +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;AAG5C,eAAO,MAAM,YAAY,EAAE,WA61B1B,CAAC"}

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

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

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

@@ -0,0 +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;AAK5C,eAAO,MAAM,WAAW,EAAE,WAupCzB,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Theme CSS generation utilities
+ * Converts theme configurations to CSS custom properties and applies them
+ * Updated to support three-tier naming convention
+ */
+import { ThemeConfig } from '../core/types';
+/**
+ * Generates CSS custom properties from theme configuration
+ * Uses the integrated three-tier system
+ */
+export declare function generateThemeCSS(theme: ThemeConfig, selector?: string): string;
+/**
+ * Applies theme to document by injecting CSS
+ */
+export declare function applyTheme(theme: ThemeConfig, themeName?: string): void;
+/**
+ * Sets theme attribute on document element
+ */
+export declare function setThemeAttribute(themeName: string): void;
+//# sourceMappingURL=generator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/themes/utils/generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAuD,MAAM,eAAe,CAAC;AAqHjG;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAE,MAAgB,GAAG,MAAM,CAgEvF;AA0MD;;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,14 @@
+/**
+ * Theme utility helper functions
+ */
+/**
+ * Converts camelCase to kebab-case:
+ * - textPrimary -> text-primary
+ * - blue500 -> blue-500
+ * - brandPrimary -> brand-primary
+ * - h1 -> h1
+ * - h2 -> h2
+ * - bodyLarge -> body-large
+ */
+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;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAS/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.3.3",
+  "version": "0.3.5",
   "description": "A React component library with built-in theming system for multi-tenant applications",
   "type": "module",
   "private": false,
@@ -42,7 +42,7 @@
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build": "rollup -c",
+    "build": "rollup -c && tsc --project tsconfig.lib.json",
     "prepublishOnly": "npm run build",
     "chromatic": "npx chromatic",
     "lint": "eslint .",
@@ -76,7 +76,6 @@
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
     "@rollup/plugin-url": "8.0.2",
     "@storybook/addon-a11y": "10.2.1",
     "@storybook/addon-docs": "10.2.1",
@@ -96,7 +95,8 @@
     "prettier": "3.8.3",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "rollup": "^4.50.0",
+    "rollup": "4.60.3",
+    "rollup-plugin-esbuild": "6.2.1",
     "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.93.1",
     "storybook": "10.2.1",