@vaneui/ui 0.0.13 → 0.0.15

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

@@ -0,0 +1,32 @@
+import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { ChipProps } from "../props/props";
+import { SizeTheme } from "./size/sizeTheme";
+import { GapTheme } from "./size/gapTheme";
+import { RadiusTheme } from "./layout/radiusTheme";
+import { ShadowTheme } from "./layout/shadowTheme";
+import { BorderTheme } from "./layout/borderTheme";
+import { RingTheme } from "./layout/ringTheme";
+import { PxTheme } from "./size/pxTheme";
+import { PyTheme } from "./size/pyTheme";
+import { VariantTheme } from "./appearance/variantTheme";
+export interface ChipTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        px: PxTheme;
+        py: PyTheme;
+        text: SizeTheme;
+        gap: GapTheme;
+        shadow: ShadowTheme;
+    };
+    appearance: {
+        background: VariantTheme;
+        text: VariantTheme;
+        border: VariantTheme;
+        ring: VariantTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        radius: RadiusTheme;
+        border: BorderTheme;
+        ring: RingTheme;
+    };
+}
+export declare const defaultChipTheme: ComponentTheme<ChipProps, ChipTheme<ChipProps>>;

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

@@ -0,0 +1,15 @@
+import { DirectionTheme } from "./layout/directionTheme";
+import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { ColProps } from "../props/props";
+import { GapTheme } from "./size/gapTheme";
+import { WrapTheme } from "./layout/wrapTheme";
+export interface ColTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        gap: GapTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        wrap: WrapTheme;
+        direction: DirectionTheme;
+    };
+}
+export declare const defaultColTheme: ComponentTheme<ColProps, ColTheme<ColProps>>;

package/dist/components/ui/theme/common/ComponentTheme.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import { BaseTheme } from "./baseTheme";
+import { HideTheme } from "../layout/hideTheme";
+import { ItemsTheme } from "../layout/itemsTheme";
+import { JustifyTheme } from "../layout/justifyTheme";
+import { PositionTheme } from "../layout/positionTheme";
+import { FontFamilyTheme } from "../typography/fontFamilyTheme";
+import { FontWeightTheme } from "../typography/fontWeightTheme";
+import { FontStyleTheme } from "../typography/fontStyleTheme";
+import { TextDecorationTheme } from "../typography/textDecorationTheme";
+import { TextTransformTheme } from "../typography/textTransformTheme";
+import { TextAlignTheme } from "../typography/textAlignTheme";
+import { DeepPartial } from "../../../utils/deepPartial";
+type ThemeNode<P> = BaseTheme | ThemeMap<P>;
+export type ThemeMap<P> = {
+    [key: string]: ThemeNode<P>;
+};
+export interface DefaultLayoutThemes<P> {
+    hide: HideTheme;
+    items: ItemsTheme;
+    justify: JustifyTheme;
+    position: PositionTheme;
+}
+export interface DefaultTypographyThemes<P> {
+    fontFamily: FontFamilyTheme;
+    fontWeight: FontWeightTheme;
+    fontStyle: FontStyleTheme;
+    textDecoration: TextDecorationTheme;
+    textTransform: TextTransformTheme;
+    textAlign: TextAlignTheme;
+}
+export interface BaseComponentTheme<P> {
+    layout: DefaultLayoutThemes<P>;
+    typography: DefaultTypographyThemes<P>;
+}
+export declare class ComponentTheme<P extends object, TThemes extends object> {
+    readonly tag: React.ElementType;
+    readonly base: string;
+    readonly defaults: Partial<P>;
+    readonly themes: TThemes;
+    constructor(tag: React.ElementType, base: string, subThemes: DeepPartial<TThemes>, defaults?: Partial<P>);
+    getClasses(props: P, defaults?: Partial<P>): string[];
+}
+export {};

package/dist/components/ui/theme/common/baseTheme.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Base Theme class that all theme types will extend
+ */
+export declare abstract class BaseTheme {
+    /**
+     * Get CSS classes based on props
+     * @param props Component props (only the real props the user passed)
+     * @param defaults Component-level defaults
+     * @returns CSS classes as an array of strings
+     */
+    abstract getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,29 @@
+import { DirectionTheme } from "./layout/directionTheme";
+import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { ContainerProps } from "../props/props";
+import { GapTheme } from "./size/gapTheme";
+import { SizeTheme } from "./size/sizeTheme";
+import { WrapTheme } from "./layout/wrapTheme";
+import { BorderTheme } from "./layout/borderTheme";
+import { RingTheme } from "./layout/ringTheme";
+import { LayoutAppearanceTheme } from "./appearance/layoutAppearanceTheme";
+import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
+export interface ContainerTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        gap: GapTheme;
+        maxWidth: SizeTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        wrap: WrapTheme;
+        direction: DirectionTheme;
+        border: BorderTheme;
+        ring: RingTheme;
+    };
+    appearance: {
+        background: LayoutAppearanceTheme;
+        text: TextAppearanceTheme;
+        border: TextAppearanceTheme;
+        ring: TextAppearanceTheme;
+    };
+}
+export declare const defaultContainerTheme: ComponentTheme<ContainerProps, ContainerTheme<ContainerProps>>;

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

@@ -0,0 +1,9 @@
+import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
+import { DividerProps } from "../props/props";
+import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
+export interface DividerTheme<P> extends BaseComponentTheme<P> {
+    appearance: {
+        background: TextAppearanceTheme;
+    };
+}
+export declare const defaultDividerTheme: ComponentTheme<DividerProps, DividerTheme<DividerProps>>;

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

@@ -0,0 +1,10 @@
+import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
+import { GridProps } from "../props/props";
+import { GapTheme } from "./size/gapTheme";
+export interface GridTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        gap: GapTheme;
+    };
+}
+export declare const defaultGrid3Theme: ComponentTheme<GridProps, GridTheme<GridProps>>;
+export declare const defaultGrid4Theme: ComponentTheme<GridProps, GridTheme<GridProps>>;

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

@@ -0,0 +1,9 @@
+import { BaseTheme } from "../common/baseTheme";
+import { ModeKey, BorderKey } from "../../props/keys";
+export interface BorderTheme extends Record<BorderKey, Record<ModeKey, string>> {
+}
+export declare class BorderTheme extends BaseTheme {
+    static readonly defaultClasses: Record<BorderKey, Record<ModeKey, string>>;
+    constructor(initial?: Partial<Record<BorderKey, Record<ModeKey, string>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,9 @@
+import { FlexDirectionKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface DirectionTheme extends Record<FlexDirectionKey, string> {
+}
+export declare class DirectionTheme extends BaseTheme {
+    static readonly defaultClasses: Record<FlexDirectionKey, string>;
+    constructor(initial?: Partial<Record<FlexDirectionKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,9 @@
+import { HideKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface HideTheme extends Record<HideKey, string> {
+}
+export declare class HideTheme extends BaseTheme {
+    static readonly defaultClasses: Record<HideKey, string>;
+    constructor(initialConfig?: Partial<Record<HideKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { PositionKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface PositionTheme extends Record<PositionKey, string> {
+}
+export declare class PositionTheme extends BaseTheme {
+    static readonly defaultClasses: Record<PositionKey, string>;
+    constructor(initialConfig?: Partial<Record<PositionKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,9 @@
+import { ShapeKey, SizeKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface RadiusTheme extends Record<ShapeKey, string | Record<SizeKey, string>> {
+}
+export declare class RadiusTheme extends BaseTheme {
+    static readonly defaultClasses: Record<ShapeKey, string | Record<SizeKey, string>>;
+    constructor(initial?: Partial<Record<ShapeKey, string | Record<SizeKey, string>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,9 @@
+import { BaseTheme } from "../common/baseTheme";
+import { ModeKey, RingKey } from "../../props/keys";
+export interface RingTheme extends Record<RingKey, Record<ModeKey, string>> {
+}
+export declare class RingTheme extends BaseTheme {
+    static readonly defaultClasses: Record<RingKey, Record<ModeKey, string>>;
+    constructor(initial?: Partial<Record<RingKey, Record<ModeKey, string>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,9 @@
+import { SizeKey, ModeKey, ShadowKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface ShadowTheme extends Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>> {
+}
+export declare class ShadowTheme extends BaseTheme {
+    static readonly defaultClasses: Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>>;
+    constructor(initial?: Partial<Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,9 @@
+import { WrapKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface WrapTheme extends Record<WrapKey, string> {
+}
+export declare class WrapTheme extends BaseTheme {
+    static readonly defaultClasses: Record<WrapKey, string>;
+    constructor(initialConfig?: Partial<Record<WrapKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,15 @@
+import { GapTheme } from "./size/gapTheme";
+import { WrapTheme } from "./layout/wrapTheme";
+import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { RowProps } from "../props/props";
+import { BreakpointTheme } from "./size/breakpointTheme";
+export interface RowTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        gap: GapTheme;
+        breakpoint: BreakpointTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        wrap: WrapTheme;
+    };
+}
+export declare const defaultRowTheme: ComponentTheme<RowProps, RowTheme<RowProps>>;

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

@@ -0,0 +1,19 @@
+import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { DirectionTheme } from "./layout/directionTheme";
+import { GapTheme } from "./size/gapTheme";
+import { WrapTheme } from "./layout/wrapTheme";
+import { SectionProps } from "../props/props";
+import { PxTheme } from "./size/pxTheme";
+import { PyTheme } from "./size/pyTheme";
+export interface SectionTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        px: PxTheme;
+        py: PyTheme;
+        gap: GapTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        wrap: WrapTheme;
+        direction: DirectionTheme;
+    };
+}
+export declare const defaultSectionTheme: ComponentTheme<SectionProps, SectionTheme<SectionProps>>;

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

@@ -0,0 +1,9 @@
+import { BaseTheme } from "../common/baseTheme";
+import { BreakpointKey } from "../../props/keys";
+export interface BreakpointTheme extends Record<BreakpointKey, string> {
+}
+export declare class BreakpointTheme extends BaseTheme {
+    static readonly defaultClasses: Record<BreakpointKey, string>;
+    constructor(initial?: Partial<Record<BreakpointKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

package/dist/components/ui/theme/size/gapTheme.d.ts

@@ -0,0 +1,9 @@
+import { SizeKey, GapKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface GapTheme extends Record<GapKey, string | Record<SizeKey, string>> {
+}
+export declare class GapTheme extends BaseTheme {
+    static readonly defaultClasses: Record<GapKey, string | Record<SizeKey, string>>;
+    constructor(initial?: Partial<Record<GapKey, string | Record<SizeKey, string>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

package/dist/components/ui/theme/size/pxTheme.d.ts

@@ -0,0 +1,9 @@
+import { SizeKey, PaddingKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface PxTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
+}
+export declare class PxTheme extends BaseTheme {
+    static readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
+    constructor(initial?: Partial<Record<PaddingKey, string | Record<SizeKey, string>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

package/dist/components/ui/theme/size/pyTheme.d.ts

@@ -0,0 +1,9 @@
+import { SizeKey, PaddingKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface PyTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
+}
+export declare class PyTheme extends BaseTheme {
+    static readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
+    constructor(initial?: Partial<Record<PaddingKey, string | Record<SizeKey, string>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

package/dist/components/ui/theme/size/sizeTheme.d.ts

@@ -0,0 +1,9 @@
+import { BaseTheme } from "../common/baseTheme";
+import { SizeKey } from "../../props/keys";
+export interface SizeTheme extends Record<SizeKey, string> {
+}
+export declare class SizeTheme extends BaseTheme {
+    static readonly defaultClasses: Record<SizeKey, string>;
+    constructor(initial?: Partial<Record<SizeKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,19 @@
+import { DirectionTheme } from "./layout/directionTheme";
+import { WrapTheme } from "./layout/wrapTheme";
+import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { StackProps } from "../props/props";
+import { GapTheme } from "./size/gapTheme";
+import { PxTheme } from "./size/pxTheme";
+import { PyTheme } from "./size/pyTheme";
+export interface StackTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        px: PxTheme;
+        py: PyTheme;
+        gap: GapTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        wrap: WrapTheme;
+        direction: DirectionTheme;
+    };
+}
+export declare const defaultStackTheme: ComponentTheme<StackProps, StackTheme<StackProps>>;

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

@@ -0,0 +1,9 @@
+import { FontFamilyKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface FontFamilyTheme extends Record<FontFamilyKey, string> {
+}
+export declare class FontFamilyTheme extends BaseTheme {
+    static readonly defaultClasses: Record<FontFamilyKey, string>;
+    constructor(initial?: Partial<Record<FontFamilyKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

@@ -0,0 +1,9 @@
+import { FontStyleKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface FontStyleTheme extends Record<FontStyleKey, string> {
+}
+export declare class FontStyleTheme extends BaseTheme {
+    static readonly defaultClasses: Record<FontStyleKey, string>;
+    constructor(initial?: Partial<Record<FontStyleKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

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

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

@@ -0,0 +1,9 @@
+import { TextAlignKey } from "../../props/keys";
+import { BaseTheme } from "../common/baseTheme";
+export interface TextAlignTheme extends Record<TextAlignKey, string> {
+}
+export declare class TextAlignTheme extends BaseTheme {
+    static readonly defaultClasses: Record<TextAlignKey, string>;
+    constructor(initial?: Partial<Record<TextAlignKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { SizeKey } from "../props/keys";
+import { TypographyComponentProps } from "../props/props";
+import React from "react";
+import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
+import { SizeTheme } from "./size/sizeTheme";
+import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
+export interface TypographyComponentTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        text: SizeTheme;
+    };
+    appearance: {
+        text: TextAppearanceTheme;
+    };
+}
+export declare const createTypographyComponentTheme: (tag: React.ReactNode | string | any, base?: string, textSizeMap?: Record<SizeKey, string>, defaults?: Partial<TypographyComponentProps>) => ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+export declare const pageTitleTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+export declare const sectionTitleTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+export declare const titleTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+export declare const textTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+export declare const linkTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+export declare const listItemTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+export declare const listTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { TypographyComponentProps } from "./props/props";
-export declare const PageTitle: React.FC<TypographyComponentProps>;
-export declare const SectionTitle: React.FC<TypographyComponentProps>;
-export declare const Title: React.FC<TypographyComponentProps>;
-export declare const Text: React.FC<TypographyComponentProps>;
-export declare const Link: React.FC<TypographyComponentProps>;
-export declare const ListItem: React.FC<TypographyComponentProps>;
-export declare const List: React.FC<TypographyComponentProps>;
+import { JSX } from 'react';
+import { TypographyComponentProps } from './props/props';
+export declare const PageTitle: (props: TypographyComponentProps) => JSX.Element;
+export declare const SectionTitle: (props: TypographyComponentProps) => JSX.Element;
+export declare const Title: (props: TypographyComponentProps) => JSX.Element;
+export declare const Text: (props: TypographyComponentProps) => JSX.Element;
+export declare const Link: (props: TypographyComponentProps) => JSX.Element;
+export declare const ListItem: (props: TypographyComponentProps) => JSX.Element;
+export declare const List: (props: TypographyComponentProps) => JSX.Element;

package/dist/components/utils/buildComponent.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ComponentTheme } from "../ui/theme/common/ComponentTheme";
+import { TagProps } from "../ui/props/props";
+export interface BuildableComponentProps extends TagProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function buildComponent<P extends BuildableComponentProps, TThemes extends object>(props: P, theme: ComponentTheme<P, TThemes>, propsToOmit?: readonly string[]): React.ReactElement;

package/dist/components/utils/componentUtils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Pick the first truthy key from props, then from defaults, then fallback.
+ */
+export declare function pickKey<P, K extends keyof P>(props: Partial<P>, defaults: Partial<P>, keys: readonly K[], fallback?: K): K | undefined;

package/dist/components/utils/deepMerge.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "./deepPartial";
+export declare const deepMerge: <T extends object>(target: T, source: DeepPartial<T>) => T;
+export declare const deepClone: <T extends object>(source: T) => T;
+export declare const mergeDefaults: (baseDefaults: Record<string, boolean>, overrideDefaults: Record<string, boolean>) => Record<string, boolean>;

package/dist/components/utils/deepPartial.d.ts

@@ -0,0 +1,3 @@
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};

package/dist/components/utils/tests/deepMerge.test.d.ts

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

package/dist/index.d.ts

@@ -2,5 +2,7 @@ export { Button } from "./components/ui/button";
 export { Badge } from "./components/ui/badge";
 export { Divider } from "./components/ui/divider";
 export { Chip } from "./components/ui/chip";
-export { Section, Container, Col, Row, Grid3, Grid4 } from "./components/ui/layout";
+export { Section, Container, Col, Row, Stack, Grid3, Grid4, Card } from "./components/ui/layout";
 export { Text, Title, Link, List, ListItem, SectionTitle, PageTitle } from "./components/ui/typography";
+export { ThemeProvider, useTheme, ThemeProps, ThemeProviderProps, PartialTheme } from './components/theme/themeContext';
+export { ModeKey } from "./components/ui/props/keys";