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

package/dist/src/components/tests/grid5.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/src/components/tests/grid6.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/src/components/tests/input.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/src/components/tests/transparent-key-behavior.test.d.ts

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

package/dist/src/components/themeContext.d.ts

@@ -16,7 +16,8 @@ import { GridTheme } from "./ui/theme/gridTheme";
 import { CheckboxTheme, CheckTheme, CheckboxWrapperTheme } from './ui/theme/checkboxTheme';
 import { LabelTheme } from './ui/theme/labelTheme';
 import { ImgTheme } from './ui/theme/imgTheme';
-import { BadgeProps, ButtonProps, CardProps, ChipProps, CodeProps, ColProps, ContainerProps, DividerProps, GridProps, ListProps, RowProps, SectionProps, StackProps, TypographyProps, CheckboxProps, LabelProps, ImgProps } from "./ui/props";
+import { InputTheme } from './ui/theme/inputTheme';
+import { BadgeProps, ButtonProps, CardProps, ChipProps, CodeProps, ColProps, ContainerProps, DividerProps, GridProps, ListProps, RowProps, SectionProps, StackProps, TypographyProps, CheckboxProps, LabelProps, ImgProps, InputProps } from "./ui/props";
 import { DeepPartial } from "./utils/deepPartial";
 export interface ThemeProps {
     button: ComponentTheme<ButtonProps, ButtonTheme>;
@@ -33,6 +34,8 @@ export interface ThemeProps {
     grid2: ComponentTheme<GridProps, GridTheme>;
     grid3: ComponentTheme<GridProps, GridTheme>;
     grid4: ComponentTheme<GridProps, GridTheme>;
+    grid5: ComponentTheme<GridProps, GridTheme>;
+    grid6: ComponentTheme<GridProps, GridTheme>;
     pageTitle: ComponentTheme<TypographyProps, TypographyTheme>;
     sectionTitle: ComponentTheme<TypographyProps, TypographyTheme>;
     title: ComponentTheme<TypographyProps, TypographyTheme>;
@@ -47,6 +50,7 @@ export interface ThemeProps {
     };
     label: ComponentTheme<LabelProps, LabelTheme>;
     img: ComponentTheme<ImgProps, ImgTheme>;
+    input: ComponentTheme<InputProps, InputTheme>;
 }
 export type PartialTheme = DeepPartial<ThemeProps>;
 export declare const defaultTheme: ThemeProps;
@@ -81,6 +85,8 @@ export type ThemeDefaults = {
     grid2?: Partial<BooleanKeys<GridProps>>;
     grid3?: Partial<BooleanKeys<GridProps>>;
     grid4?: Partial<BooleanKeys<GridProps>>;
+    grid5?: Partial<BooleanKeys<GridProps>>;
+    grid6?: Partial<BooleanKeys<GridProps>>;
     pageTitle?: Partial<BooleanKeys<TypographyProps>>;
     sectionTitle?: Partial<BooleanKeys<TypographyProps>>;
     title?: Partial<BooleanKeys<TypographyProps>>;
@@ -95,6 +101,7 @@ export type ThemeDefaults = {
     };
     label?: Partial<BooleanKeys<LabelProps>>;
     img?: Partial<BooleanKeys<ImgProps>>;
+    input?: Partial<BooleanKeys<InputProps>>;
 };
 export type ThemeExtraClasses = {
     button?: Partial<StringValueKeys<ButtonProps>>;
@@ -111,6 +118,8 @@ export type ThemeExtraClasses = {
     grid2?: Partial<StringValueKeys<GridProps>>;
     grid3?: Partial<StringValueKeys<GridProps>>;
     grid4?: Partial<StringValueKeys<GridProps>>;
+    grid5?: Partial<StringValueKeys<GridProps>>;
+    grid6?: Partial<StringValueKeys<GridProps>>;
     pageTitle?: Partial<StringValueKeys<TypographyProps>>;
     sectionTitle?: Partial<StringValueKeys<TypographyProps>>;
     title?: Partial<StringValueKeys<TypographyProps>>;
@@ -125,6 +134,7 @@ export type ThemeExtraClasses = {
     };
     label?: Partial<StringValueKeys<LabelProps>>;
     img?: Partial<StringValueKeys<ImgProps>>;
+    input?: Partial<StringValueKeys<InputProps>>;
 };
 export type MergeStrategy = 'merge' | 'replace';
 export interface ThemeProviderProps {

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

@@ -1,2 +1,126 @@
-import { CardProps } from "./props";
-export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Card: 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;
+    sans?: boolean | undefined;
+    serif?: boolean | undefined;
+    mono?: boolean | undefined;
+    italic?: boolean | undefined;
+    notItalic?: boolean | undefined;
+    thin?: boolean | undefined;
+    extralight?: boolean | undefined;
+    light?: boolean | undefined;
+    normal?: boolean | undefined;
+    medium?: boolean | undefined;
+    semibold?: boolean | undefined;
+    bold?: boolean | undefined;
+    extrabold?: boolean | undefined;
+    black?: 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;
+    textLeft?: boolean | undefined;
+    textCenter?: boolean | undefined;
+    textRight?: boolean | undefined;
+    textJustify?: boolean | undefined;
+    underline?: boolean | undefined;
+    lineThrough?: boolean | undefined;
+    noUnderline?: boolean | undefined;
+    overline?: boolean | undefined;
+    uppercase?: boolean | undefined;
+    lowercase?: boolean | undefined;
+    capitalize?: boolean | undefined;
+    normalCase?: 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/checkbox.d.ts

@@ -6,6 +6,7 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     border?: boolean | undefined;
     shadow?: boolean | undefined;
     ring?: boolean | undefined;
+    focusVisible?: boolean | undefined;
     default?: boolean | undefined;
     accent?: boolean | undefined;
     primary?: boolean | undefined;
@@ -68,6 +69,7 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     static?: boolean | undefined;
     noRing?: boolean | undefined;
     noShadow?: boolean | undefined;
+    noFocusVisible?: boolean | undefined;
     pill?: boolean | undefined;
     sharp?: boolean | undefined;
     rounded?: boolean | undefined;

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

@@ -1,18 +1,20 @@
-import { AppearanceKey, TransparentKey, LinkKey } from "../props";
-export declare const filledBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const filledHoverBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const filledActiveBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const backgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const hoverBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const activeBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const layoutBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const layoutFilledBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const bgBorderAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const borderAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const filledBorderAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const ringAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const filledRingAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const accentColorAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const filledAccentColorAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const checkedBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const filledCheckedBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
+import { AppearanceKey, TransparentKey } from "../props";
+export declare const filledBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const filledHoverBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const filledActiveBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const backgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const hoverBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const activeBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const layoutBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const layoutFilledBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const bgBorderAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const borderAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const filledBorderAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const ringAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const filledRingAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const focusVisibleOutlineAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const filledFocusVisibleOutlineAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const accentColorAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const filledAccentColorAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const checkedBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const filledCheckedBackgroundAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;

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

@@ -1,4 +1,4 @@
-import { SizeKey, AppearanceKey, TransparentKey, LinkKey } from "../props";
-export declare const filledTextAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
-export declare const textAppearanceClasses: Record<AppearanceKey | TransparentKey | LinkKey, string>;
+import { SizeKey, AppearanceKey, TransparentKey } from "../props";
+export declare const filledTextAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
+export declare const textAppearanceClasses: Record<AppearanceKey | TransparentKey, string>;
 export declare const textSizeClasses: Record<SizeKey, string>;

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

@@ -9,6 +9,7 @@ export declare const Code: import("react").ForwardRefExoticComponent<{
     border?: boolean | undefined;
     shadow?: boolean | undefined;
     ring?: boolean | undefined;
+    focusVisible?: boolean | undefined;
     default?: boolean | undefined;
     accent?: boolean | undefined;
     primary?: boolean | undefined;
@@ -91,6 +92,7 @@ export declare const Code: import("react").ForwardRefExoticComponent<{
     static?: boolean | undefined;
     noRing?: boolean | undefined;
     noShadow?: boolean | undefined;
+    noFocusVisible?: boolean | undefined;
     pill?: boolean | undefined;
     sharp?: boolean | undefined;
     rounded?: boolean | undefined;

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

@@ -1,2 +1,93 @@
-import { ColProps } from './props';
-export declare const Col: import("react").ForwardRefExoticComponent<ColProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Col: 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;
+    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/container.d.ts

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