@vaneui/ui 0.2.1-alpha.20250820203636.5bf2e74 → 0.2.1-alpha.20250830120134.26927ee

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/checkboxTheme.d.ts

@@ -41,5 +41,8 @@ export interface CheckboxWrapperTheme extends BaseComponentTheme {
         height: SizeTheme;
     };
     layout: DefaultLayoutThemes;
+    appearance: {
+        variant: GenericVariantTheme<AppearanceTheme>;
+    };
 }
 export declare const defaultCheckboxWrapperTheme: ComponentTheme<CheckboxProps, CheckboxWrapperTheme>;

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";

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";

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";

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";

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);
     }
 }
 
@@ -4170,12 +4160,15 @@ const themeDefaults = {
         },
         check: {
             default: true,
+            filled: true,
         },
         wrapper: {
+            transparent: true,
             md: true,
             inlineGrid: true,
             itemsCenter: true,
             justifyCenter: true,
+            filled: true,
         },
     },
 };
@@ -4776,6 +4769,9 @@ const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
         })
     },
     layout: defaultLayoutTheme,
+    appearance: {
+        variant: GenericVariantTheme.createSimpleUIElementBgAppearanceTheme()
+    }
 }, ((_c = themeDefaults.checkbox) === null || _c === void 0 ? void 0 : _c.wrapper) || {}, CHECKBOX_CATEGORIES);
 
 const defaultLabelTheme = new ComponentTheme("label", "has-[input]:cursor-pointer cursor-default", {