@vaneui/ui 0.2.2-alpha.20250907183237.5f63365 → 0.2.2-alpha.20250913214402.427a7ea

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

@@ -1,2 +1,98 @@
-import { RowProps } from './props';
-export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Row: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    border?: boolean | undefined;
+    shadow?: boolean | undefined;
+    ring?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    xsCol?: boolean | undefined;
+    smCol?: boolean | undefined;
+    mdCol?: boolean | undefined;
+    lgCol?: boolean | undefined;
+    xlCol?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    noRing?: boolean | undefined;
+    noShadow?: boolean | undefined;
+    pill?: boolean | undefined;
+    sharp?: boolean | undefined;
+    rounded?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,100 @@
-import { SectionProps } from './props';
-export declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Section: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    padding?: boolean | undefined;
+    border?: boolean | undefined;
+    shadow?: boolean | undefined;
+    ring?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    xsCol?: boolean | undefined;
+    smCol?: boolean | undefined;
+    mdCol?: boolean | undefined;
+    lgCol?: boolean | undefined;
+    xlCol?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    noPadding?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    noRing?: boolean | undefined;
+    noShadow?: boolean | undefined;
+    pill?: boolean | undefined;
+    sharp?: boolean | undefined;
+    rounded?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,100 @@
-import { StackProps } from './props';
-export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Stack: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    padding?: boolean | undefined;
+    border?: boolean | undefined;
+    shadow?: boolean | undefined;
+    ring?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    xsCol?: boolean | undefined;
+    smCol?: boolean | undefined;
+    mdCol?: boolean | undefined;
+    lgCol?: boolean | undefined;
+    xlCol?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    noPadding?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    noRing?: boolean | undefined;
+    noShadow?: boolean | undefined;
+    pill?: boolean | undefined;
+    sharp?: boolean | undefined;
+    rounded?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
 import { BaseTheme } from "../common/baseTheme";
-import { AppearanceCategoryKey, CategoryProps } from "../../props";
+import { AppearanceCategoryKey, CategoryProps, TransparentKey } from "../../props";
 import { ModeKey, AppearanceKey } from "../../props";
 export declare class AppearanceTheme extends BaseTheme implements Record<AppearanceKey, Record<ModeKey, string>> {
     default: Record<ModeKey, string>;
@@ -14,7 +14,8 @@ export declare class AppearanceTheme extends BaseTheme implements Record<Appeara
     link: Record<ModeKey, string>;
     private readonly transparentClasses?;
     private readonly category;
+    private readonly ignoreTransparent;
     private constructor();
     getClasses(extractedKeys: CategoryProps): string[];
-    static createTheme(src: Partial<Record<ModeKey, Partial<Record<AppearanceKey, string>>>> | undefined, category: AppearanceCategoryKey): AppearanceTheme;
+    static createTheme(src: Partial<Record<ModeKey, Partial<Record<AppearanceKey | TransparentKey, string>>>> | undefined, category: AppearanceCategoryKey, ignoreTransparent?: boolean): AppearanceTheme;
 }

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

@@ -9,6 +9,10 @@ export declare class GenericVariantTheme<T extends BaseTheme> extends BaseTheme
     private constructor();
     getClasses(extractedKeys: CategoryProps): string[];
     static createUIElementTextTheme(): GenericVariantTheme<AppearanceTheme>;
+    static createTypographyTextTheme(): GenericVariantTheme<AppearanceTheme>;
+    static createTypographyBgTheme(): GenericVariantTheme<AppearanceTheme>;
+    static createTypographyBorderTheme(): GenericVariantTheme<AppearanceTheme>;
+    static createUIElementTextThemeIgnoreTransparent(): GenericVariantTheme<AppearanceTheme>;
     static createUIElementShadowTheme(): GenericVariantTheme<ShadowAppearanceTheme>;
     static createLayoutShadowTheme(): GenericVariantTheme<ShadowAppearanceTheme>;
     static createUIElementBorderTheme(): GenericVariantTheme<AppearanceTheme>;
@@ -19,4 +23,5 @@ export declare class GenericVariantTheme<T extends BaseTheme> extends BaseTheme
     static createAccentColorAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
     static createCheckedAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
     static createLayoutBgAppearanceTheme(): GenericVariantTheme<AppearanceTheme>;
+    static createUIElementFocusVisibleTheme(): GenericVariantTheme<AppearanceTheme>;
 }

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

@@ -12,10 +12,10 @@ export declare class ShadowAppearanceTheme extends BaseTheme implements Record<A
     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>>);
+    private static readonly defaultUIShadow;
+    private static readonly defaultLayoutShadow;
+    constructor(initial: Record<SizeKey, Record<ModeKey, string>>);
     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;
+    static createUITheme(): ShadowAppearanceTheme;
+    static createLayoutTheme(): ShadowAppearanceTheme;
 }

package/dist/src/components/ui/theme/badgeTheme.d.ts

@@ -5,6 +5,7 @@ import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
 import { BorderTheme } from "./layout/borderTheme";
 import { RingTheme } from "./layout/ringTheme";
+import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
@@ -24,11 +25,13 @@ export interface BadgeTheme extends BaseTypographyComponentTheme {
         text: GenericVariantTheme<AppearanceTheme>;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
     layout: DefaultLayoutThemes & {
         border: BorderTheme;
         ring: RingTheme;
+        focusVisible: FocusVisibleTheme;
         radius: RadiusTheme;
         wrap: WrapTheme;
         flexDirection: DirectionTheme;

package/dist/src/components/ui/theme/buttonTheme.d.ts

@@ -5,6 +5,7 @@ import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
 import { BorderTheme } from "./layout/borderTheme";
 import { RingTheme } from "./layout/ringTheme";
+import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
@@ -24,11 +25,13 @@ export interface ButtonTheme extends BaseTypographyComponentTheme {
         text: GenericVariantTheme<AppearanceTheme>;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
     layout: DefaultLayoutThemes & {
         border: BorderTheme;
         ring: RingTheme;
+        focusVisible: FocusVisibleTheme;
         radius: RadiusTheme;
         wrap: WrapTheme;
         flexDirection: DirectionTheme;

package/dist/src/components/ui/theme/checkboxTheme.d.ts

@@ -8,6 +8,7 @@ import { GenericVariantTheme } from "./appearance/genericVariantTheme";
 import { SizeTheme } from "./size/sizeTheme";
 import { ReactElement } from "react";
 import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
+import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
 export interface CheckboxTheme extends BaseComponentTheme {
     size: {
         size: SizeTheme;
@@ -16,6 +17,7 @@ export interface CheckboxTheme extends BaseComponentTheme {
     layout: DefaultLayoutThemes & {
         border: BorderTheme;
         ring: RingTheme;
+        focusVisible: FocusVisibleTheme;
         radius: RadiusTheme;
     };
     appearance: {
@@ -23,6 +25,7 @@ export interface CheckboxTheme extends BaseComponentTheme {
         background: GenericVariantTheme<AppearanceTheme>;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
         check: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
@@ -32,17 +35,23 @@ export interface CheckTheme extends BaseComponentTheme {
     checkElement: () => ReactElement;
     appearance: {
         color: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
+    };
+    layout: DefaultLayoutThemes & {
+        focusVisible: FocusVisibleTheme;
     };
-    layout: DefaultLayoutThemes;
 }
 export declare const defaultCheckTheme: ComponentTheme<CheckboxProps, CheckTheme>;
 export interface CheckboxWrapperTheme extends BaseComponentTheme {
     size: {
         height: SizeTheme;
     };
-    layout: DefaultLayoutThemes;
+    layout: DefaultLayoutThemes & {
+        focusVisible: FocusVisibleTheme;
+    };
     appearance: {
         variant: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
     };
 }
 export declare const defaultCheckboxWrapperTheme: ComponentTheme<CheckboxProps, CheckboxWrapperTheme>;

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

@@ -5,6 +5,7 @@ import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
 import { BorderTheme } from "./layout/borderTheme";
 import { RingTheme } from "./layout/ringTheme";
+import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
@@ -24,12 +25,14 @@ export interface ChipTheme extends BaseTypographyComponentTheme {
         text: GenericVariantTheme<AppearanceTheme>;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
     layout: DefaultLayoutThemes & {
         radius: RadiusTheme;
         border: BorderTheme;
         ring: RingTheme;
+        focusVisible: FocusVisibleTheme;
         wrap: WrapTheme;
         flexDirection: DirectionTheme;
     };

package/dist/src/components/ui/theme/codeTheme.d.ts

@@ -12,6 +12,7 @@ import { AppearanceTheme } from "./appearance/appearanceTheme";
 import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
 import { WrapTheme } from "./layout/wrapTheme";
 import { DirectionTheme } from "./layout/directionTheme";
+import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
 export interface CodeTheme extends BaseTypographyComponentTheme {
     size: {
         px: PxTheme;
@@ -24,12 +25,14 @@ export interface CodeTheme extends BaseTypographyComponentTheme {
         text: GenericVariantTheme<AppearanceTheme>;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
     layout: DefaultLayoutThemes & {
         radius: RadiusTheme;
         border: BorderTheme;
         ring: RingTheme;
+        focusVisible: FocusVisibleTheme;
         wrap: WrapTheme;
         flexDirection: DirectionTheme;
     };

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

@@ -13,12 +13,12 @@ import { TextTransformTheme } from "../typography/textTransformTheme";
 import { TextAlignTheme } from "../typography/textAlignTheme";
 import { DeepPartial } from "../../../utils/deepPartial";
 import { DisplayTheme } from "../layout/displayTheme";
+import { OverflowTheme } from "../layout/overflowTheme";
 type ComponentProps = {
     className?: string;
     children?: React.ReactNode;
     tag?: React.ElementType;
 };
-import { OverflowTheme } from "../layout/overflowTheme";
 type ThemeNode<P> = BaseTheme | ThemeMap<P>;
 export type ThemeMap<P> = {
     [key: string]: ThemeNode<P>;
@@ -45,8 +45,8 @@ export interface BaseComponentTheme {
 export interface BaseTypographyComponentTheme extends BaseComponentTheme {
     typography: DefaultTypographyThemes;
 }
-export declare const defaultLayoutTheme: DefaultLayoutThemes;
-export declare const defaultTypographyTheme: DefaultTypographyThemes;
+export declare const defaultLayoutsThemes: DefaultLayoutThemes;
+export declare const defaultTypographyThemes: DefaultTypographyThemes;
 export declare class ComponentTheme<P extends ComponentProps, TTheme extends object> {
     readonly tag: React.ElementType;
     readonly base: string;

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

@@ -21,3 +21,5 @@ export interface GridTheme extends BaseComponentTheme {
 export declare const defaultGrid2Theme: ComponentTheme<GridProps, GridTheme>;
 export declare const defaultGrid3Theme: ComponentTheme<GridProps, GridTheme>;
 export declare const defaultGrid4Theme: ComponentTheme<GridProps, GridTheme>;
+export declare const defaultGrid5Theme: ComponentTheme<GridProps, GridTheme>;
+export declare const defaultGrid6Theme: ComponentTheme<GridProps, GridTheme>;

package/dist/src/components/ui/theme/imgTheme.d.ts

@@ -6,15 +6,19 @@ import { RingTheme } from "./layout/ringTheme";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
 import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
+import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
 export interface ImgTheme extends BaseComponentTheme {
     layout: DefaultLayoutThemes & {
         border: BorderTheme;
         ring: RingTheme;
+        focusVisible: FocusVisibleTheme;
         radius: RadiusTheme;
     };
     appearance: {
+        background: GenericVariantTheme<AppearanceTheme>;
         border: GenericVariantTheme<AppearanceTheme>;
         ring: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
         shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
 }

package/dist/src/components/ui/theme/inputTheme.d.ts

@@ -0,0 +1,40 @@
+import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { InputProps } from "../props";
+import { SizeTheme } from "./size/sizeTheme";
+import { GapTheme } from "./size/gapTheme";
+import { RadiusTheme } from "./layout/radiusTheme";
+import { BorderTheme } from "./layout/borderTheme";
+import { RingTheme } from "./layout/ringTheme";
+import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
+import { PxTheme } from "./size/pxTheme";
+import { PyTheme } from "./size/pyTheme";
+import { GenericVariantTheme } from "./appearance/genericVariantTheme";
+import { AppearanceTheme } from "./appearance/appearanceTheme";
+import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
+import { WrapTheme } from "./layout/wrapTheme";
+import { DirectionTheme } from "./layout/directionTheme";
+export interface InputTheme extends BaseTypographyComponentTheme {
+    size: {
+        px: PxTheme;
+        py: PyTheme;
+        text: SizeTheme;
+        gap: GapTheme;
+    };
+    appearance: {
+        background: GenericVariantTheme<AppearanceTheme>;
+        text: GenericVariantTheme<AppearanceTheme>;
+        border: GenericVariantTheme<AppearanceTheme>;
+        ring: GenericVariantTheme<AppearanceTheme>;
+        focusVisible: GenericVariantTheme<AppearanceTheme>;
+        shadow: GenericVariantTheme<ShadowAppearanceTheme>;
+    };
+    layout: DefaultLayoutThemes & {
+        border: BorderTheme;
+        ring: RingTheme;
+        focusVisible: FocusVisibleTheme;
+        radius: RadiusTheme;
+        wrap: WrapTheme;
+        flexDirection: DirectionTheme;
+    };
+}
+export declare const defaultInputTheme: ComponentTheme<InputProps, InputTheme>;

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

@@ -5,5 +5,7 @@ export declare class BorderTheme extends BaseTheme implements Record<ModeKey, st
     base: string;
     hover: string;
     active: string;
+    focus: string;
+    focusVisible: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }

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

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

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

@@ -5,5 +5,7 @@ export declare class RingTheme extends BaseTheme implements Record<ModeKey, stri
     base: string;
     hover: string;
     active: string;
+    focus: string;
+    focusVisible: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }

package/dist/src/index.d.ts

@@ -6,7 +6,8 @@ export { Code } from "./components/ui/code";
 export { Checkbox } from "./components/ui/checkbox";
 export { Label } from "./components/ui/label";
 export { Img } from "./components/ui/img";
-export { Section, Container, Col, Row, Stack, Grid2, Grid3, Grid4, Card } from "./components/ui/layout";
+export { Input } from "./components/ui/input";
+export { Section, Container, Col, Row, Stack, Grid2, Grid3, Grid4, Grid5, Grid6, Card } from "./components/ui/layout";
 export { Text, Title, Link, List, ListItem, SectionTitle, PageTitle } from "./components/ui/typography";
 export { COMPONENT, ComponentKeys, ComponentCategories, type ComponentKey, } from "./components/ui/props/keys";
 export { ThemeProvider, useTheme, defaultTheme, type ThemeProps, type ThemeDefaults, type ThemeExtraClasses, type ThemeProviderProps, type PartialTheme, } from './components/themeContext';