@vaneui/ui 0.2.1-alpha.20250824103031.3e0b460 → 0.2.1-alpha.20250830124557.3818ff4

package/dist/components/ui/badge.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { BadgeProps } from './props/props';
+import { BadgeProps } from './props';
 export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/ui/card.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CardProps } from "./props/props";
+import { CardProps } from "./props";
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/chip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ChipProps } from './props/props';
+import { ChipProps } from './props';
 export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/ui/col.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ColProps } from './props/props';
+import { ColProps } from './props';
 export declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/container.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ContainerProps } from './props/props';
+import { ContainerProps } from './props';
 export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/grid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridProps } from './props/props';
+import { GridProps } from './props';
 export declare const Grid2: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Grid3: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Grid4: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/row.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { RowProps } from './props/props';
+import { RowProps } from './props';
 export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/section.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { SectionProps } from './props/props';
+import { SectionProps } from './props';
 export declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/stack.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { StackProps } from './props/props';
+import { StackProps } from './props';
 export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/theme/appearance/appearanceTheme.d.ts

@@ -4,13 +4,9 @@ import { ModeKey, AppearanceKey } from "../../props";
 export interface AppearanceTheme extends Record<AppearanceKey, Record<ModeKey, string>> {
 }
 export declare class AppearanceTheme extends BaseTheme {
-    private readonly transparentClassSource?;
-    private readonly linkClassSource?;
+    private readonly transparentClasses?;
     private constructor();
     getClasses(extractedKeys: CategoryProps): string[];
-    static createTheme(src?: Partial<Record<ModeKey, Partial<Record<AppearanceKey, string>>>>, options?: {
-        transparentClassSource?: Record<string, string>;
-        linkClassSource?: Record<string, string>;
-    }): AppearanceTheme;
+    static createTheme(src?: Partial<Record<ModeKey, Partial<Record<AppearanceKey, string>>>>): AppearanceTheme;
     static createLayoutBgTheme(): AppearanceTheme;
 }

package/dist/components/ui/theme/badgeTheme.d.ts

@@ -1,5 +1,5 @@
 import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { BadgeProps } from "../props/props";
+import { BadgeProps } from "../props";
 import { SizeTheme } from "./size/sizeTheme";
 import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";

package/dist/components/ui/theme/cardTheme.d.ts

@@ -1,6 +1,6 @@
 import { DirectionTheme } from "./layout/directionTheme";
 import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { CardProps } from "../props/props";
+import { CardProps } from "../props";
 import { GapTheme } from "./size/gapTheme";
 import { WrapTheme } from "./layout/wrapTheme";
 import { BorderTheme } from "./layout/borderTheme";

package/dist/components/ui/theme/chipTheme.d.ts

@@ -1,5 +1,5 @@
 import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { ChipProps } from "../props/props";
+import { ChipProps } from "../props";
 import { SizeTheme } from "./size/sizeTheme";
 import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";

package/dist/components/ui/theme/codeTheme.d.ts

@@ -1,5 +1,5 @@
 import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { CodeProps } from "../props/props";
+import { CodeProps } from "../props";
 import { SizeTheme } from "./size/sizeTheme";
 import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";

package/dist/components/ui/theme/colTheme.d.ts

@@ -1,6 +1,6 @@
 import { DirectionTheme } from "./layout/directionTheme";
 import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { ColProps } from "../props/props";
+import { ColProps } from "../props";
 import { GapTheme } from "./size/gapTheme";
 import { WrapTheme } from "./layout/wrapTheme";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
@@ -22,6 +22,7 @@ export interface ColTheme extends BaseComponentTheme {
     };
     appearance: {
         background: AppearanceTheme;
+        text: AppearanceTheme;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;

package/dist/components/ui/theme/containerTheme.d.ts

@@ -1,6 +1,6 @@
 import { DirectionTheme } from "./layout/directionTheme";
 import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { ContainerProps } from "../props/props";
+import { ContainerProps } from "../props";
 import { GapTheme } from "./size/gapTheme";
 import { SizeTheme } from "./size/sizeTheme";
 import { WrapTheme } from "./layout/wrapTheme";

package/dist/components/ui/theme/dividerTheme.d.ts

@@ -1,5 +1,5 @@
 import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { DividerProps } from "../props/props";
+import { DividerProps } from "../props";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
 import { PyTheme } from "./size/pyTheme";
 export interface DividerTheme extends BaseComponentTheme {

package/dist/components/ui/theme/gridTheme.d.ts

@@ -1,5 +1,5 @@
 import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { GridProps } from "../props/props";
+import { GridProps } from "../props";
 import { GapTheme } from "./size/gapTheme";
 import { WrapTheme } from "./layout/wrapTheme";
 import { DirectionTheme } from "./layout/directionTheme";
@@ -10,6 +10,7 @@ export interface GridTheme extends BaseComponentTheme {
     };
     appearance: {
         background: AppearanceTheme;
+        text: AppearanceTheme;
     };
     layout: DefaultLayoutThemes & {
         wrap: WrapTheme;

package/dist/components/ui/theme/rowTheme.d.ts

@@ -1,7 +1,7 @@
 import { GapTheme } from "./size/gapTheme";
 import { WrapTheme } from "./layout/wrapTheme";
 import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { RowProps } from "../props/props";
+import { RowProps } from "../props";
 import { BreakpointTheme } from "./size/breakpointTheme";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
 import { DirectionTheme } from "./layout/directionTheme";
@@ -24,6 +24,7 @@ export interface RowTheme extends BaseComponentTheme {
     };
     appearance: {
         background: AppearanceTheme;
+        text: AppearanceTheme;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;

package/dist/components/ui/theme/stackTheme.d.ts

@@ -1,7 +1,7 @@
 import { DirectionTheme } from "./layout/directionTheme";
 import { WrapTheme } from "./layout/wrapTheme";
 import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { StackProps } from "../props/props";
+import { StackProps } from "../props";
 import { GapTheme } from "./size/gapTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
@@ -28,6 +28,7 @@ export interface StackTheme extends BaseComponentTheme {
     };
     appearance: {
         background: AppearanceTheme;
+        text: AppearanceTheme;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;

package/dist/components/ui/typography.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypographyProps } from './props/props';
+import { TypographyProps } from './props';
 export declare const PageTitle: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLHeadingElement>>;
 export declare const SectionTitle: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLHeadingElement>>;
 export declare const Title: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/index.esm.js

@@ -3630,17 +3630,16 @@ const filledCheckedBackgroundAppearanceClasses = {
 };
 
 class AppearanceTheme extends BaseTheme {
-    constructor(config, options) {
+    constructor(config, transparentClasses) {
         super();
         Object.assign(this, config);
-        this.transparentClassSource = options === null || options === void 0 ? void 0 : options.transparentClassSource;
-        this.linkClassSource = options === null || options === void 0 ? void 0 : options.linkClassSource;
+        this.transparentClasses = transparentClasses;
     }
     getClasses(extractedKeys) {
         var _a;
         // Check for specific transparent styles first
         if (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.transparent) {
-            const transparentClass = ((_a = this.transparentClassSource) === null || _a === void 0 ? void 0 : _a[extractedKeys.transparent]) || '';
+            const transparentClass = ((_a = this.transparentClasses) === null || _a === void 0 ? void 0 : _a[extractedKeys.transparent]) || '';
             return [transparentClass];
         }
         // Use appearance (now includes link as an appearance option)
@@ -3653,8 +3652,8 @@ class AppearanceTheme extends BaseTheme {
         }
         return [];
     }
-    static createTheme(src = {}, options) {
-        const finalConfig = Object.fromEntries(ComponentKeys.appearance.map(textKey => [
+    static createTheme(src = {}) {
+        const config = Object.fromEntries(ComponentKeys.appearance.map(textKey => [
             textKey,
             Object.fromEntries(ComponentKeys.mode.map(modeKey => {
                 var _a;
@@ -3664,13 +3663,7 @@ class AppearanceTheme extends BaseTheme {
                 ];
             })),
         ]));
-        // Auto-detect base classes for transparent and link sources if not explicitly provided
-        const baseClasses = src.base;
-        const finalOptions = {
-            transparentClassSource: (options === null || options === void 0 ? void 0 : options.transparentClassSource) || baseClasses,
-            linkClassSource: (options === null || options === void 0 ? void 0 : options.linkClassSource) || baseClasses,
-        };
-        return new AppearanceTheme(finalConfig, finalOptions);
+        return new AppearanceTheme(config, src.base);
     }
     static createLayoutBgTheme() {
         // Creates a theme for layout backgrounds, replacing BgAppearanceTheme
@@ -3682,10 +3675,7 @@ class AppearanceTheme extends BaseTheme {
                 active: '',
             }
         ]));
-        return new AppearanceTheme(config, {
-            transparentClassSource: layoutBackgroundAppearanceClasses,
-            linkClassSource: layoutBackgroundAppearanceClasses
-        });
+        return new AppearanceTheme(config, layoutBackgroundAppearanceClasses);
     }
 }
 
@@ -4098,7 +4088,6 @@ const themeDefaults = {
         md: true,
         flex: true,
         gap: true,
-        default: true,
         sans: true,
         medium: true,
     },
@@ -4117,27 +4106,23 @@ const themeDefaults = {
     },
     text: {
         md: true,
-        default: true,
         sans: true,
         textLeft: true,
     },
     title: {
         md: true,
-        default: true,
         sans: true,
         semibold: true,
         textLeft: true,
     },
     pageTitle: {
         md: true,
-        default: true,
         sans: true,
         semibold: true,
         textLeft: true,
     },
     sectionTitle: {
         md: true,
-        default: true,
         sans: true,
         semibold: true,
         textLeft: true,
@@ -4152,7 +4137,6 @@ const themeDefaults = {
     },
     list: {
         md: true,
-        default: true,
         sans: true,
         normal: true,
         padding: true,
@@ -4563,6 +4547,7 @@ const defaultRowTheme = new ComponentTheme("div", "", {
     },
     appearance: {
         background: AppearanceTheme.createLayoutBgTheme(),
+        text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
         border: GenericVariantTheme.createUIElementBorderTheme(),
         ring: GenericVariantTheme.createUIElementRingTheme(),
         shadow: GenericVariantTheme.createLayoutShadowTheme(),
@@ -4628,6 +4613,7 @@ const defaultColTheme = new ComponentTheme("div", "", {
     },
     appearance: {
         background: AppearanceTheme.createLayoutBgTheme(),
+        text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
         border: GenericVariantTheme.createUIElementBorderTheme(),
         ring: GenericVariantTheme.createUIElementRingTheme(),
         shadow: GenericVariantTheme.createLayoutShadowTheme(),
@@ -4653,6 +4639,7 @@ const defaultStackTheme = new ComponentTheme("div", "", {
     },
     appearance: {
         background: AppearanceTheme.createLayoutBgTheme(),
+        text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
         border: GenericVariantTheme.createUIElementBorderTheme(),
         ring: GenericVariantTheme.createUIElementRingTheme(),
         shadow: GenericVariantTheme.createLayoutShadowTheme(),
@@ -4711,6 +4698,7 @@ const gridSubThemes = {
     },
     appearance: {
         background: AppearanceTheme.createLayoutBgTheme(),
+        text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
     },
     layout: {
         ...defaultLayoutTheme,