@vaneui/ui 0.2.1-alpha.20250904211915.5efd1b4 → 0.2.2-alpha.20250907183237.5f63365

package/dist/{components → src/components}/ui/theme/typography/textAlignTheme.d.ts

@@ -1,9 +1,10 @@
 import { TextAlignKey } from "../../props";
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
-export interface TextAlignTheme extends Record<TextAlignKey, string> {
-}
-export declare class TextAlignTheme extends BaseTheme {
-    constructor(initial?: Partial<Record<TextAlignKey, string>>);
+export declare class TextAlignTheme extends BaseTheme implements Record<TextAlignKey, string> {
+    textLeft: string;
+    textCenter: string;
+    textRight: string;
+    textJustify: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }

package/dist/src/components/ui/theme/typography/textDecorationTheme.d.ts

@@ -0,0 +1,10 @@
+import { TextDecorationKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class TextDecorationTheme extends BaseTheme implements Record<TextDecorationKey, string> {
+    underline: string;
+    lineThrough: string;
+    noUnderline: string;
+    overline: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/src/components/ui/theme/typography/textTransformTheme.d.ts

@@ -0,0 +1,10 @@
+import { TextTransformKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class TextTransformTheme extends BaseTheme implements Record<TextTransformKey, string> {
+    uppercase: string;
+    lowercase: string;
+    capitalize: string;
+    normalCase: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/{components → src/components}/ui/theme/typographyTheme.d.ts

@@ -16,7 +16,7 @@ export interface TypographyTheme extends BaseTypographyComponentTheme {
     };
     layout: DefaultLayoutThemes;
 }
-export declare const createTypographyComponentTheme: (tag: React.ReactNode | string | any, base?: string, textSizeMap?: Record<SizeKey, string>, defaults?: Partial<TypographyProps>) => ComponentTheme<TypographyProps, TypographyTheme>;
+export declare const createTypographyComponentTheme: (tag: React.ElementType, base?: string, textSizeMap?: Record<SizeKey, string>, defaults?: Partial<TypographyProps>) => ComponentTheme<TypographyProps, TypographyTheme>;
 export declare const pageTitleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
 export declare const sectionTitleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
 export declare const titleTheme: ComponentTheme<TypographyProps, TypographyTheme>;

package/dist/{components → src/components}/ui/typography.d.ts

@@ -1,15 +1,14 @@
-import React from 'react';
 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>>;
-export declare const Text: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLParagraphElement>>;
-export declare const Link: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLAnchorElement>>;
-export declare const ListItem: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLLIElement>>;
-export declare const List: React.ForwardRefExoticComponent<{
+export declare const PageTitle: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const SectionTitle: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const Text: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const ListItem: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLLIElement>>;
+export declare const List: import("react").ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
-} & React.HTMLAttributes<HTMLElement> & {
+} & import("react").HTMLAttributes<HTMLElement> & {
     link?: boolean | undefined;
     table?: boolean | undefined;
     hidden?: boolean | undefined;
@@ -109,4 +108,4 @@ export declare const List: React.ForwardRefExoticComponent<{
     outline?: boolean | undefined;
 } & {
     tag?: React.ElementType;
-} & React.RefAttributes<HTMLUListElement>>;
+} & import("react").RefAttributes<HTMLUListElement>>;

package/dist/{components → src/components}/utils/componentUtils.d.ts

@@ -4,4 +4,4 @@ import { ComponentKeys, ComponentCategoryKey } from '../ui/props';
  * This function looks up the keys array internally using the category name.
  * Returns the specific key type for the given category.
  */
-export declare function pickFirstTruthyKeyByCategory<T extends ComponentCategoryKey>(props: Record<string, any>, defaults: Record<string, any>, category: T): typeof ComponentKeys[T][number] | undefined;
+export declare function pickFirstTruthyKeyByCategory<T extends ComponentCategoryKey>(props: Record<string, unknown>, defaults: Record<string, unknown>, category: T): typeof ComponentKeys[T][number] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.2.1-alpha.20250904211915.5efd1b4",
+  "version": "0.2.2-alpha.20250907183237.5f63365",
   "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",
@@ -44,7 +44,8 @@
   "scripts": {
     "clean": "rimraf dist",
     "type-check": "tsc --noEmit",
-    "build:js": "npm run type-check && npm run clean && rollup -c --bundleConfigAsCjs",
+    "lint": "eslint src playground --ext .ts,.tsx",
+    "build:js": "npm run type-check && npm run lint && npm run clean && rollup -c --bundleConfigAsCjs",
     "build:css:vars": "npx @tailwindcss/cli -i src/components/css/vars.css -o ./dist/vars.css",
     "build:css:ui": "npx @tailwindcss/cli -i src/components/index.css -o ./dist/ui.css",
     "build": "npm run clean && npm run build:js && npm run build:css:ui && npm run build:css:vars",
@@ -56,17 +57,22 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.34.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@tailwindcss/cli": "^4.0.14",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/eslint__js": "^8.42.3",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "@vitejs/plugin-react": "^4.7.0",
     "concurrently": "^8.2.2",
+    "eslint": "^9.34.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-unused-imports": "^4.2.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^30.0.4",
     "jsdom": "^26.1.0",
@@ -81,6 +87,7 @@
     "ts-jest": "^29.3.1",
     "tslib": "^2.8.1",
     "typescript": "^5.8.2",
+    "typescript-eslint": "^8.42.0",
     "vite": "^7.0.6"
   }
 }

package/dist/components/examples/ref-usage-examples.d.ts

@@ -1,29 +0,0 @@
-/**
- * Ref Support Examples for VaneUI Components
- *
- * All VaneUI components now support refs through React.forwardRef.
- * This file demonstrates various use cases for refs with different components.
- */
-/**
- * Basic UI Components with Refs
- * Each component is properly typed with its corresponding HTML element
- */
-export declare const BasicComponentRefs: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Typography Components with Refs
- */
-export declare const TypographyComponentRefs: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Layout Components with Refs
- */
-export declare const LayoutComponentRefs: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Practical Use Cases for Refs
- */
-export declare const PracticalRefUseCases: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Working with Custom Tags and Refs
- * Note: When using custom tags, the ref type becomes 'any'
- */
-export declare const CustomTagsWithRefs: () => import("react/jsx-runtime").JSX.Element;
-export declare const CustomComponentWithRef: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/theme-types-strictness-compile-check.d.ts

@@ -1,5 +0,0 @@
-import { ThemeDefaults, ThemeExtraClasses } from '../../index';
-declare const validDefaults: ThemeDefaults;
-declare const validExtraClasses: ThemeExtraClasses;
-declare const validCheckboxConfig: ThemeDefaults;
-export { validDefaults, validExtraClasses, validCheckboxConfig };

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

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

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ButtonProps } from './props';
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

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

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

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

package/dist/components/ui/classes/radiusClasses.d.ts

@@ -1,5 +0,0 @@
-import { SizeKey, ShapeKey } from "../props";
-export declare const uiBorderRadiusClasses: Record<SizeKey, string>;
-export declare const layoutBorderRadiusClasses: Record<SizeKey, string>;
-export declare const uiBorderRadiusShapeClasses: Record<ShapeKey, string | Record<SizeKey, string>>;
-export declare const layoutBorderRadiusShapeClasses: Record<ShapeKey, string | Record<SizeKey, string>>;

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

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

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

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

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

@@ -1,5 +0,0 @@
-import React from 'react';
-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 +0,0 @@
-import React from 'react';
-import { RowProps } from './props';
-export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -1,11 +0,0 @@
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-import { ModeKey, AppearanceKey } from "../../props";
-export interface AppearanceTheme extends Record<AppearanceKey, Record<ModeKey, string>> {
-}
-export declare class AppearanceTheme extends BaseTheme {
-    private readonly transparentClasses?;
-    private constructor();
-    getClasses(extractedKeys: CategoryProps): string[];
-    static createTheme(src?: Partial<Record<ModeKey, Partial<Record<AppearanceKey, string>>>>): AppearanceTheme;
-}

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

@@ -1,13 +0,0 @@
-import { SizeKey, ModeKey, AppearanceKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface ShadowAppearanceTheme extends Record<AppearanceKey, Record<SizeKey, Record<ModeKey, string>> | null> {
-}
-export declare class ShadowAppearanceTheme extends BaseTheme {
-    private static readonly defaultShadow;
-    private static readonly layoutShadow;
-    constructor(initial?: Partial<Record<AppearanceKey, Record<SizeKey, Record<ModeKey, string>> | null>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-    static createTheme(src?: Partial<Record<AppearanceKey, Record<SizeKey, Record<ModeKey, string>> | null>>): ShadowAppearanceTheme;
-    static createLayoutTheme(src?: Partial<Record<AppearanceKey, Record<SizeKey, Record<ModeKey, string>> | null>>): ShadowAppearanceTheme;
-}

package/dist/components/ui/theme/layout/displayTheme.d.ts

@@ -1,9 +0,0 @@
-import { DisplayKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface DisplayTheme extends Record<DisplayKey, string> {
-}
-export declare class DisplayTheme extends BaseTheme {
-    constructor(initialConfig?: Partial<Record<DisplayKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}

package/dist/components/ui/theme/layout/itemsTheme.d.ts

@@ -1,9 +0,0 @@
-import { ItemsKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface ItemsTheme extends Record<ItemsKey, string> {
-}
-export declare class ItemsTheme extends BaseTheme {
-    constructor(initialConfig?: Partial<Record<ItemsKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}

package/dist/components/ui/theme/layout/justifyTheme.d.ts

@@ -1,9 +0,0 @@
-import { JustifyKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface JustifyTheme extends Record<JustifyKey, string> {
-}
-export declare class JustifyTheme extends BaseTheme {
-    constructor(initialConfig?: Partial<Record<JustifyKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}

package/dist/components/ui/theme/layout/overflowTheme.d.ts

@@ -1,9 +0,0 @@
-import { OverflowKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface OverflowTheme extends Record<OverflowKey, string> {
-}
-export declare class OverflowTheme extends BaseTheme {
-    constructor(initialConfig?: Partial<Record<OverflowKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}

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

@@ -1,8 +0,0 @@
-import { FontFamilyKey, CategoryProps } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-export interface FontFamilyTheme extends Record<FontFamilyKey, string> {
-}
-export declare class FontFamilyTheme extends BaseTheme {
-    constructor(initial?: Partial<Record<FontFamilyKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}

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

@@ -1,9 +0,0 @@
-import { FontWeightKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface FontWeightTheme extends Record<FontWeightKey, string> {
-}
-export declare class FontWeightTheme extends BaseTheme {
-    constructor(initial?: Partial<Record<FontWeightKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}

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

@@ -1,9 +0,0 @@
-import { TextDecorationKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface TextDecorationTheme extends Record<TextDecorationKey, string> {
-}
-export declare class TextDecorationTheme extends BaseTheme {
-    constructor(initial?: Partial<Record<TextDecorationKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}

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

@@ -1,9 +0,0 @@
-import { TextTransformKey } from "../../props";
-import { BaseTheme } from "../common/baseTheme";
-import type { CategoryProps } from "../../props";
-export interface TextTransformTheme extends Record<TextTransformKey, string> {
-}
-export declare class TextTransformTheme extends BaseTheme {
-    constructor(initial?: Partial<Record<TextTransformKey, string>>);
-    getClasses(extractedKeys: CategoryProps): string[];
-}