@vaneui/ui 0.2.1-alpha.20250901145733.e9c8d4d → 0.2.2-alpha.20250907183237.5f63365

package/dist/playground/src/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/playground/src/index.d.ts

@@ -0,0 +1,2 @@
+import '../../dist/vars.css';
+import '../../dist/ui.css';

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

@@ -1,4 +1,4 @@
-import { ComponentCategoryKey } from '../../ui/props/keys';
+import { ComponentCategoryKey } from '../../ui/props';
 /**
  * Get all possible boolean props for a given set of component categories
  */
@@ -14,14 +14,9 @@ export declare function checkForOmittedProps(element: Element | null, categories
     hasInvalidProps: boolean;
     invalidProps: string[];
 };
-/**
- * Check if element has the standard allowed props that should never be omitted
- */
-export declare function checkForRequiredProps(element: Element | null): {
-    hasRequiredProps: boolean;
-    missingProps: string[];
-};
 /**
  * Create a comprehensive test case for prop omission
  */
-export declare function createPropOmissionTest(componentName: string, categories: readonly ComponentCategoryKey[], renderComponent: (props: any) => any, querySelector?: string): () => void;
+export declare function createPropOmissionTest(componentName: string, categories: readonly ComponentCategoryKey[], renderComponent: (props: Record<string, unknown>) => {
+    container: HTMLElement;
+}, querySelector?: string): () => void;

package/dist/src/components/tests/visual-decoration.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{components → src/components}/themedComponent.d.ts

@@ -6,7 +6,9 @@ type ComponentProps = {
     tag?: React.ElementType;
 };
 export type ThemedComponentProps<P extends ComponentProps, T extends object> = P & {
-    theme: ComponentTheme<any, T>;
+    theme: ComponentTheme<P, T>;
 };
-export declare const ThemedComponent: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+export declare const ThemedComponent: React.ForwardRefExoticComponent<ComponentProps & {
+    theme: ComponentTheme<ComponentProps, object>;
+} & React.RefAttributes<HTMLElement>>;
 export {};

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

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

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

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

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

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

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

@@ -1,8 +1,7 @@
-import React from 'react';
-export declare const Checkbox: React.ForwardRefExoticComponent<{
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement> & {
+} & import("react").InputHTMLAttributes<HTMLInputElement> & {
     transparent?: boolean | undefined;
     border?: boolean | undefined;
     shadow?: boolean | undefined;
@@ -81,4 +80,4 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     outline?: boolean | undefined;
 } & {
     tag?: React.ElementType;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -1,8 +1,7 @@
-import React from 'react';
-export declare const Code: React.ForwardRefExoticComponent<{
+export declare const Code: import("react").ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
-} & React.HTMLAttributes<HTMLElement> & {
+} & import("react").HTMLAttributes<HTMLElement> & {
     transparent?: boolean | undefined;
     gap?: boolean | undefined;
     reverse?: boolean | undefined;
@@ -119,4 +118,4 @@ export declare const Code: React.ForwardRefExoticComponent<{
     flexWrapReverse?: boolean | undefined;
 } & {
     tag?: React.ElementType;
-} & React.RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLElement>>;

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

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

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

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

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

@@ -1,8 +1,7 @@
-import React from 'react';
-export declare const Divider: React.ForwardRefExoticComponent<{
+export declare const Divider: import("react").ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
-} & React.HTMLAttributes<HTMLDivElement> & {
+} & import("react").HTMLAttributes<HTMLDivElement> & {
     transparent?: boolean | undefined;
     padding?: boolean | undefined;
     default?: boolean | undefined;
@@ -72,4 +71,4 @@ export declare const Divider: React.ForwardRefExoticComponent<{
     xl?: boolean | undefined;
 } & {
     tag?: React.ElementType;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,8 +1,7 @@
-import React from 'react';
-export declare const Img: React.ForwardRefExoticComponent<{
+export declare const Img: import("react").ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
-} & React.ImgHTMLAttributes<HTMLImageElement> & {
+} & import("react").ImgHTMLAttributes<HTMLImageElement> & {
     transparent?: boolean | undefined;
     border?: boolean | undefined;
     shadow?: boolean | undefined;
@@ -81,4 +80,4 @@ export declare const Img: React.ForwardRefExoticComponent<{
     outline?: boolean | undefined;
 } & {
     tag?: React.ElementType;
-} & React.RefAttributes<HTMLImageElement>>;
+} & import("react").RefAttributes<HTMLImageElement>>;

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

@@ -1,8 +1,7 @@
-import React from 'react';
-export declare const Label: React.ForwardRefExoticComponent<{
+export declare const Label: import("react").ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
-} & React.LabelHTMLAttributes<HTMLLabelElement> & {
+} & import("react").LabelHTMLAttributes<HTMLLabelElement> & {
     transparent?: boolean | undefined;
     gap?: boolean | undefined;
     reverse?: boolean | undefined;
@@ -108,4 +107,4 @@ export declare const Label: React.ForwardRefExoticComponent<{
     flexWrapReverse?: boolean | undefined;
 } & {
     tag?: React.ElementType;
-} & React.RefAttributes<HTMLLabelElement>>;
+} & import("react").RefAttributes<HTMLLabelElement>>;

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

@@ -9,6 +9,12 @@ export declare const TYPOGRAPHY_STYLE: readonly ["fontWeight", "fontStyle", "tex
 export declare const LIST_STYLE: readonly ["listStyle"];
 export declare const VARIANT: readonly ["variant"];
 export declare const COMPONENT_PROPS_CATEGORY: readonly ["appearance", "transparent", "wrap", "gap", "flexDirection", "reverse", "fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "listStyle", "size", "hide", "items", "justify", "position", "display", "overflow", "breakpoint", "padding", "border", "shadow", "ring", "shape", "variant", "mode"];
+/**
+ * Describes what the @ComponentKeys.appearance can be applied to
+ * @see ComponentKeys.appearance
+ */
+export declare const APPEARANCE_CATEGORY: readonly ["text", "border", "ring", "shadow", "bg", "accent"];
+export type AppearanceCategoryKey = typeof APPEARANCE_CATEGORY[number];
 export type ComponentCategoryKey = typeof COMPONENT_PROPS_CATEGORY[number];
 export declare const ComponentKeys: {
     readonly appearance: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "link"];
@@ -42,11 +48,6 @@ export declare const ComponentKeys: {
 };
 export type ModeKey = typeof ComponentKeys.mode[number];
 export type SizeKey = typeof ComponentKeys.size[number];
-export type RingKey = typeof ComponentKeys.ring[number];
-export type ShapeKey = typeof ComponentKeys.shape[number];
-export type BorderKey = typeof ComponentKeys.border[number];
-export type PaddingKey = typeof ComponentKeys.padding[number];
-export type GapKey = typeof ComponentKeys.gap[number];
 export type VariantKey = typeof ComponentKeys.variant[number];
 export type AppearanceKey = typeof ComponentKeys.appearance[number];
 export type TransparentKey = typeof ComponentKeys.transparent[number];

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

@@ -0,0 +1,2 @@
+import { RowProps } from './props';
+export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { BaseTheme } from "../common/baseTheme";
+import { AppearanceCategoryKey, CategoryProps } from "../../props";
+import { ModeKey, AppearanceKey } from "../../props";
+export declare class AppearanceTheme extends BaseTheme implements Record<AppearanceKey, Record<ModeKey, string>> {
+    default: Record<ModeKey, string>;
+    accent: Record<ModeKey, string>;
+    primary: Record<ModeKey, string>;
+    secondary: Record<ModeKey, string>;
+    tertiary: Record<ModeKey, string>;
+    success: Record<ModeKey, string>;
+    danger: Record<ModeKey, string>;
+    warning: Record<ModeKey, string>;
+    info: Record<ModeKey, string>;
+    link: Record<ModeKey, string>;
+    private readonly transparentClasses?;
+    private readonly category;
+    private constructor();
+    getClasses(extractedKeys: CategoryProps): string[];
+    static createTheme(src: Partial<Record<ModeKey, Partial<Record<AppearanceKey, string>>>> | undefined, category: AppearanceCategoryKey): AppearanceTheme;
+}

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

@@ -3,21 +3,18 @@ import type { CategoryProps } from "../../props";
 import { VariantKey } from "../../props";
 import { AppearanceTheme } from "./appearanceTheme";
 import { ShadowAppearanceTheme } from "./shadowAppearanceTheme";
-export interface GenericVariantTheme<T extends BaseTheme> extends Record<VariantKey, T> {
-}
-export declare class GenericVariantTheme<T extends BaseTheme> extends BaseTheme {
+export declare class GenericVariantTheme<T extends BaseTheme> extends BaseTheme implements Record<VariantKey, T> {
+    filled: T;
+    outline: T;
     private constructor();
     getClasses(extractedKeys: CategoryProps): string[];
     static createUIElementTextTheme(): GenericVariantTheme<AppearanceTheme>;
     static createUIElementShadowTheme(): GenericVariantTheme<ShadowAppearanceTheme>;
     static createLayoutShadowTheme(): GenericVariantTheme<ShadowAppearanceTheme>;
-    static createBorderAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
     static createUIElementBorderTheme(): GenericVariantTheme<AppearanceTheme>;
     static createUIElementRingTheme(): GenericVariantTheme<AppearanceTheme>;
-    static createBgAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
     static createCheckboxBgAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
-    static createUIElementBgAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
-    static createSimpleBgAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
+    static createBgAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
     static createSimpleUIElementBgAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
     static createAccentColorAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
     static createCheckedAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;

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

@@ -0,0 +1,21 @@
+import { SizeKey, ModeKey, AppearanceKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class ShadowAppearanceTheme extends BaseTheme implements Record<AppearanceKey, Record<SizeKey, Record<ModeKey, string>> | null> {
+    default: Record<SizeKey, Record<ModeKey, string>> | null;
+    accent: Record<SizeKey, Record<ModeKey, string>> | null;
+    primary: Record<SizeKey, Record<ModeKey, string>> | null;
+    secondary: Record<SizeKey, Record<ModeKey, string>> | null;
+    tertiary: Record<SizeKey, Record<ModeKey, string>> | null;
+    success: Record<SizeKey, Record<ModeKey, string>> | null;
+    danger: Record<SizeKey, Record<ModeKey, string>> | null;
+    warning: Record<SizeKey, Record<ModeKey, string>> | null;
+    info: Record<SizeKey, Record<ModeKey, string>> | null;
+    link: Record<SizeKey, Record<ModeKey, string>> | null;
+    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/src/components/ui/theme/layout/borderTheme.d.ts

@@ -0,0 +1,9 @@
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+import { ModeKey } from "../../props";
+export declare class BorderTheme extends BaseTheme implements Record<ModeKey, string> {
+    base: string;
+    hover: string;
+    active: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/src/components/ui/theme/layout/directionTheme.d.ts

@@ -0,0 +1,10 @@
+import { FlexDirectionKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class DirectionTheme extends BaseTheme implements Record<FlexDirectionKey, string> {
+    row: string;
+    column: string;
+    rowReverse: string;
+    columnReverse: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -0,0 +1,17 @@
+import { DisplayKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class DisplayTheme extends BaseTheme implements Record<DisplayKey, string> {
+    inline: string;
+    block: string;
+    inlineBlock: string;
+    flex: string;
+    inlineFlex: string;
+    grid: string;
+    inlineGrid: string;
+    contents: string;
+    table: string;
+    tableCell: string;
+    hidden: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/src/components/ui/theme/layout/hideTheme.d.ts

@@ -0,0 +1,11 @@
+import { HideKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class HideTheme extends BaseTheme implements Record<HideKey, string> {
+    xsHide: string;
+    smHide: string;
+    mdHide: string;
+    lgHide: string;
+    xlHide: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -0,0 +1,11 @@
+import { ItemsKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class ItemsTheme extends BaseTheme implements Record<ItemsKey, string> {
+    itemsStart: string;
+    itemsEnd: string;
+    itemsCenter: string;
+    itemsBaseline: string;
+    itemsStretch: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -0,0 +1,14 @@
+import { JustifyKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class JustifyTheme extends BaseTheme implements Record<JustifyKey, string> {
+    justifyStart: string;
+    justifyEnd: string;
+    justifyCenter: string;
+    justifyBetween: string;
+    justifyAround: string;
+    justifyEvenly: string;
+    justifyStretch: string;
+    justifyBaseline: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -0,0 +1,21 @@
+import { OverflowKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class OverflowTheme extends BaseTheme implements Record<OverflowKey, string> {
+    overflowAuto: string;
+    overflowHidden: string;
+    overflowClip: string;
+    overflowVisible: string;
+    overflowScroll: string;
+    overflowXAuto: string;
+    overflowYAuto: string;
+    overflowXHidden: string;
+    overflowYHidden: string;
+    overflowXClip: string;
+    overflowYClip: string;
+    overflowXVisible: string;
+    overflowYVisible: string;
+    overflowXScroll: string;
+    overflowYScroll: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/src/components/ui/theme/layout/positionTheme.d.ts

@@ -0,0 +1,11 @@
+import { PositionKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class PositionTheme extends BaseTheme implements Record<PositionKey, string> {
+    relative: string;
+    absolute: string;
+    fixed: string;
+    sticky: string;
+    static: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -1,17 +1,12 @@
 import { SizeKey } from "../../props";
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
-export interface RadiusTheme {
-    pill: string;
-    sharp: string;
-    rounded: Record<SizeKey, string>;
-}
 export declare class RadiusTheme extends BaseTheme {
     pill: string;
     sharp: string;
     rounded: Record<SizeKey, string>;
     private constructor();
     static createUITheme(customRounded?: Record<SizeKey, string>): RadiusTheme;
-    static createLayoutTheme(customRounded?: Record<SizeKey, string>): RadiusTheme;
+    static createLayoutTheme(): RadiusTheme;
     getClasses(extractedKeys: CategoryProps): string[];
 }

package/dist/src/components/ui/theme/layout/ringTheme.d.ts

@@ -0,0 +1,9 @@
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+import { ModeKey } from "../../props";
+export declare class RingTheme extends BaseTheme implements Record<ModeKey, string> {
+    base: string;
+    hover: string;
+    active: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/src/components/ui/theme/layout/wrapTheme.d.ts

@@ -0,0 +1,9 @@
+import { WrapKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class WrapTheme extends BaseTheme implements Record<WrapKey, string> {
+    flexWrap: string;
+    flexNoWrap: string;
+    flexWrapReverse: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/src/components/ui/theme/list/listStyleTheme.d.ts

@@ -0,0 +1,8 @@
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+import { ListStyleKey } from "../../props";
+export declare class ListStyleTheme extends BaseTheme implements Record<ListStyleKey, string> {
+    disc: string;
+    decimal: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

package/dist/src/components/ui/theme/size/breakpointTheme.d.ts

@@ -0,0 +1,11 @@
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+import { BreakpointKey } from "../../props";
+export declare class BreakpointTheme extends BaseTheme implements Record<BreakpointKey, string> {
+    xsCol: string;
+    smCol: string;
+    mdCol: string;
+    lgCol: string;
+    xlCol: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -1,10 +1,12 @@
 import { SizeKey } from "../../props";
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
-export interface GapTheme extends Record<SizeKey, string> {
-}
-export declare class GapTheme extends BaseTheme {
-    readonly defaultClasses: Record<SizeKey, string>;
+export declare class GapTheme extends BaseTheme implements Record<SizeKey, string> {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
     constructor(sizeMap?: Record<SizeKey, string>);
     getClasses(extractedKeys: CategoryProps): string[];
 }

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

@@ -1,10 +1,12 @@
 import { SizeKey } from "../../props";
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
-export interface PaddingTheme extends Record<SizeKey, string> {
-}
-export declare class PaddingTheme extends BaseTheme {
-    readonly defaultClasses: Record<SizeKey, string>;
+export declare class PaddingTheme extends BaseTheme implements Record<SizeKey, string> {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
     constructor(initial?: Partial<Record<SizeKey, string>>);
     getClasses(extractedKeys: CategoryProps): string[];
 }

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

@@ -1,8 +1,5 @@
 import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
-export interface PlTheme extends Record<SizeKey, string> {
-}
 export declare class PlTheme extends PaddingTheme {
-    readonly defaultClasses: Record<SizeKey, string>;
     constructor(sizeMap?: Record<SizeKey, string>);
 }

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

@@ -1,8 +1,5 @@
 import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
-export interface PxTheme extends Record<SizeKey, string> {
-}
 export declare class PxTheme extends PaddingTheme {
-    readonly defaultClasses: Record<SizeKey, string>;
     constructor(sizeMap?: Record<SizeKey, string>);
 }

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

@@ -1,8 +1,5 @@
 import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
-export interface PyTheme extends Record<SizeKey, string> {
-}
 export declare class PyTheme extends PaddingTheme {
-    readonly defaultClasses: Record<SizeKey, string>;
     constructor(sizeMap?: Record<SizeKey, string>);
 }

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

@@ -1,9 +1,12 @@
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
 import { SizeKey } from "../../props";
-export interface SizeTheme extends Record<SizeKey, string> {
-}
-export declare class SizeTheme extends BaseTheme {
+export declare class SizeTheme extends BaseTheme implements Record<SizeKey, string> {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
     private readonly useDefaultKey;
     constructor(sizeMap?: Record<SizeKey, string>, useDefaultKey?: boolean);
     getClasses(extractedKeys: CategoryProps): string[];

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

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

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

@@ -0,0 +1,8 @@
+import { FontStyleKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class FontStyleTheme extends BaseTheme implements Record<FontStyleKey, string> {
+    italic: string;
+    notItalic: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -0,0 +1,15 @@
+import { FontWeightKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class FontWeightTheme extends BaseTheme implements Record<FontWeightKey, string> {
+    thin: string;
+    extralight: string;
+    light: string;
+    normal: string;
+    medium: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+    black: string;
+    getClasses(extractedKeys: CategoryProps): string[];
+}

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

@@ -0,0 +1,10 @@
+import { TextAlignKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+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[];
+}