@vaneui/ui 0.0.18 → 0.1.0

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

@@ -11,6 +11,8 @@ import { TextDecorationTheme } from "../typography/textDecorationTheme";
 import { TextTransformTheme } from "../typography/textTransformTheme";
 import { TextAlignTheme } from "../typography/textAlignTheme";
 import { DeepPartial } from "../../../utils/deepPartial";
+import { DisplayTheme } from "../layout/displayTheme";
+import { ComponentProps } from "../../props/props";
 type ThemeNode<P> = BaseTheme | ThemeMap<P>;
 export type ThemeMap<P> = {
     [key: string]: ThemeNode<P>;
@@ -20,6 +22,7 @@ export interface DefaultLayoutThemes<P> {
     items: ItemsTheme;
     justify: JustifyTheme;
     position: PositionTheme;
+    display: DisplayTheme;
 }
 export interface DefaultTypographyThemes<P> {
     fontFamily: FontFamilyTheme;
@@ -33,12 +36,17 @@ export interface BaseComponentTheme<P> {
     layout: DefaultLayoutThemes<P>;
     typography: DefaultTypographyThemes<P>;
 }
-export declare class ComponentTheme<P extends object, TThemes extends object> {
+export declare class ComponentTheme<P extends ComponentProps, TThemes extends object> {
     readonly tag: React.ElementType;
     readonly base: string;
     readonly themes: TThemes;
     defaults: Partial<P>;
     constructor(tag: React.ElementType, base: string, subThemes: DeepPartial<TThemes>, defaults?: Partial<P>);
     getClasses(props: P, defaults?: Partial<P>): string[];
+    getComponentConfig(props: P, propsToOmit?: readonly string[]): {
+        Tag: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+        finalClasses: string;
+        finalProps: Omit<P, "tag" | "className">;
+    };
 }
 export {};

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

@@ -8,6 +8,7 @@ import { BorderTheme } from "./layout/borderTheme";
 import { RingTheme } from "./layout/ringTheme";
 import { LayoutAppearanceTheme } from "./appearance/layoutAppearanceTheme";
 import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
+import { RadiusTheme } from "./layout/radiusTheme";
 export interface ContainerTheme<P> extends BaseComponentTheme<P> {
     size: {
         gap: GapTheme;
@@ -18,6 +19,7 @@ export interface ContainerTheme<P> extends BaseComponentTheme<P> {
         direction: DirectionTheme;
         border: BorderTheme;
         ring: RingTheme;
+        radius: RadiusTheme;
     };
     appearance: {
         background: LayoutAppearanceTheme;

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

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

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

@@ -1,8 +1,7 @@
-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;
+import { ComponentProps } from "../ui/props/props";
+export type ThemedComponentProps<P extends ComponentProps, T extends object> = P & {
+    theme: ComponentTheme<P, T>;
+    propsToOmit?: readonly string[];
+};
+export declare function ThemedComponent<P extends ComponentProps, T extends object>({ theme, propsToOmit, ...props }: ThemedComponentProps<P, T>): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/index.d.ts

@@ -4,5 +4,5 @@ export { Divider } from "./components/ui/divider";
 export { Chip } from "./components/ui/chip";
 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";
+export { ThemeProvider, useTheme, type ThemeProps, type ThemeDefaults, type ThemeProviderProps, type PartialTheme, defaultTheme, type ComponentKey, COMPONENT_KEYS } from './components/theme/themeContext';
+export { type ModeKey } from "./components/ui/props/keys";