@vaneui/ui 0.2.1-alpha.20250810113755.26a118a → 0.2.1-alpha.20250812182914.4e44540

package/dist/components/examples/ref-usage-examples.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Ref Support Examples for VaneUI Components
+ *
+ * All VaneUI components now support refs through React.forwardRef.
+ * This file demonstrates various use cases for refs with different components.
+ */
+/**
+ * Basic UI Components with Refs
+ * Each component is properly typed with its corresponding HTML element
+ */
+export declare const BasicComponentRefs: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * Typography Components with Refs
+ */
+export declare const TypographyComponentRefs: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout Components with Refs
+ */
+export declare const LayoutComponentRefs: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * Practical Use Cases for Refs
+ */
+export declare const PracticalRefUseCases: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * Working with Custom Tags and Refs
+ * Note: When using custom tags, the ref type becomes 'any'
+ */
+export declare const CustomTagsWithRefs: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomComponentWithRef: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/theme-types-strictness-compile-check.d.ts

@@ -0,0 +1,5 @@
+import { ThemeDefaults, ThemeExtraClasses } from '../../index';
+declare const validDefaults: ThemeDefaults;
+declare const validExtraClasses: ThemeExtraClasses;
+declare const validCheckboxConfig: ThemeDefaults;
+export { validDefaults, validExtraClasses, validCheckboxConfig };

package/dist/components/tests/grid2.test.d.ts

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

package/dist/components/tests/ref-support-comprehensive.test.d.ts

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

package/dist/components/tests/ref-support.test.d.ts

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

package/dist/components/tests/theme-types-strictness.test.d.ts

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

package/dist/components/themeContext.d.ts

@@ -30,6 +30,7 @@ export interface ThemeProps {
     col: ComponentTheme<ColProps, ColTheme>;
     stack: ComponentTheme<StackProps, StackTheme>;
     section: ComponentTheme<SectionProps, SectionTheme>;
+    grid2: ComponentTheme<GridProps, GridTheme>;
     grid3: ComponentTheme<GridProps, GridTheme>;
     grid4: ComponentTheme<GridProps, GridTheme>;
     pageTitle: ComponentTheme<TypographyProps, TypographyTheme>;
@@ -49,63 +50,81 @@ export interface ThemeProps {
 }
 export type PartialTheme = DeepPartial<ThemeProps>;
 export declare const defaultTheme: ThemeProps;
+/**
+ * Helper type to extract boolean keys from component props.
+ * This ensures only valid component prop keys can be used in ThemeDefaults.
+ * For example, ButtonProps will only allow keys like 'primary', 'secondary', 'filled', etc.
+ */
+type BooleanKeys<T> = {
+    [K in keyof T as T[K] extends boolean | undefined ? K : never]: boolean;
+};
+/**
+ * Helper type to get all boolean keys from component props as string-valued keys.
+ * This ensures only valid component prop keys can be used in ThemeExtraClasses.
+ * The keys are the same as BooleanKeys, but the values are strings (CSS class names).
+ */
+type StringValueKeys<T> = {
+    [K in keyof T as T[K] extends boolean | undefined ? K : never]: string;
+};
 export type ThemeDefaults = {
-    button?: Record<string, boolean>;
-    badge?: Record<string, boolean>;
-    chip?: Record<string, boolean>;
-    code?: Record<string, boolean>;
-    card?: Record<string, boolean>;
-    divider?: Record<string, boolean>;
-    container?: Record<string, boolean>;
-    row?: Record<string, boolean>;
-    col?: Record<string, boolean>;
-    stack?: Record<string, boolean>;
-    section?: Record<string, boolean>;
-    grid3?: Record<string, boolean>;
-    grid4?: Record<string, boolean>;
-    pageTitle?: Record<string, boolean>;
-    sectionTitle?: Record<string, boolean>;
-    title?: Record<string, boolean>;
-    text?: Record<string, boolean>;
-    link?: Record<string, boolean>;
-    list?: Record<string, boolean>;
-    listItem?: Record<string, boolean>;
+    button?: Partial<BooleanKeys<ButtonProps>>;
+    badge?: Partial<BooleanKeys<BadgeProps>>;
+    chip?: Partial<BooleanKeys<ChipProps>>;
+    code?: Partial<BooleanKeys<CodeProps>>;
+    card?: Partial<BooleanKeys<CardProps>>;
+    divider?: Partial<BooleanKeys<DividerProps>>;
+    container?: Partial<BooleanKeys<ContainerProps>>;
+    row?: Partial<BooleanKeys<RowProps>>;
+    col?: Partial<BooleanKeys<ColProps>>;
+    stack?: Partial<BooleanKeys<StackProps>>;
+    section?: Partial<BooleanKeys<SectionProps>>;
+    grid2?: Partial<BooleanKeys<GridProps>>;
+    grid3?: Partial<BooleanKeys<GridProps>>;
+    grid4?: Partial<BooleanKeys<GridProps>>;
+    pageTitle?: Partial<BooleanKeys<TypographyProps>>;
+    sectionTitle?: Partial<BooleanKeys<TypographyProps>>;
+    title?: Partial<BooleanKeys<TypographyProps>>;
+    text?: Partial<BooleanKeys<TypographyProps>>;
+    link?: Partial<BooleanKeys<TypographyProps>>;
+    list?: Partial<BooleanKeys<ListProps>>;
+    listItem?: Partial<BooleanKeys<TypographyProps>>;
     checkbox?: {
-        input?: Record<string, boolean>;
-        check?: Record<string, boolean>;
-        wrapper?: Record<string, boolean>;
+        input?: Partial<BooleanKeys<CheckboxProps>>;
+        check?: Partial<BooleanKeys<CheckboxProps>>;
+        wrapper?: Partial<BooleanKeys<CheckboxProps>>;
     };
-    label?: Record<string, boolean>;
-    img?: Record<string, boolean>;
+    label?: Partial<BooleanKeys<LabelProps>>;
+    img?: Partial<BooleanKeys<ImgProps>>;
 };
 export type ThemeExtraClasses = {
-    button?: Record<string, string>;
-    badge?: Record<string, string>;
-    chip?: Record<string, string>;
-    code?: Record<string, string>;
-    card?: Record<string, string>;
-    divider?: Record<string, string>;
-    container?: Record<string, string>;
-    row?: Record<string, string>;
-    col?: Record<string, string>;
-    stack?: Record<string, string>;
-    section?: Record<string, string>;
-    grid3?: Record<string, string>;
-    grid4?: Record<string, string>;
-    pageTitle?: Record<string, string>;
-    sectionTitle?: Record<string, string>;
-    title?: Record<string, string>;
-    text?: Record<string, string>;
-    link?: Record<string, string>;
-    list?: Record<string, string>;
-    listItem?: Record<string, string>;
+    button?: Partial<StringValueKeys<ButtonProps>>;
+    badge?: Partial<StringValueKeys<BadgeProps>>;
+    chip?: Partial<StringValueKeys<ChipProps>>;
+    code?: Partial<StringValueKeys<CodeProps>>;
+    card?: Partial<StringValueKeys<CardProps>>;
+    divider?: Partial<StringValueKeys<DividerProps>>;
+    container?: Partial<StringValueKeys<ContainerProps>>;
+    row?: Partial<StringValueKeys<RowProps>>;
+    col?: Partial<StringValueKeys<ColProps>>;
+    stack?: Partial<StringValueKeys<StackProps>>;
+    section?: Partial<StringValueKeys<SectionProps>>;
+    grid2?: Partial<StringValueKeys<GridProps>>;
+    grid3?: Partial<StringValueKeys<GridProps>>;
+    grid4?: Partial<StringValueKeys<GridProps>>;
+    pageTitle?: Partial<StringValueKeys<TypographyProps>>;
+    sectionTitle?: Partial<StringValueKeys<TypographyProps>>;
+    title?: Partial<StringValueKeys<TypographyProps>>;
+    text?: Partial<StringValueKeys<TypographyProps>>;
+    link?: Partial<StringValueKeys<TypographyProps>>;
+    list?: Partial<StringValueKeys<ListProps>>;
+    listItem?: Partial<StringValueKeys<TypographyProps>>;
     checkbox?: {
-        input?: Record<string, string>;
-        check?: Record<string, string>;
-        wrapper?: Record<string, string>;
+        input?: Partial<StringValueKeys<CheckboxProps>>;
+        check?: Partial<StringValueKeys<CheckboxProps>>;
+        wrapper?: Partial<StringValueKeys<CheckboxProps>>;
     };
-    label?: Record<string, string>;
-    img?: Record<string, string>;
+    label?: Partial<StringValueKeys<LabelProps>>;
+    img?: Partial<StringValueKeys<ImgProps>>;
 };
 export interface ThemeProviderProps {
     children: React.ReactNode;
@@ -116,3 +135,4 @@ export interface ThemeProviderProps {
 }
 export declare function ThemeProvider({ children, theme: themeObject, themeDefaults, extraClasses, themeOverride }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTheme(): ThemeProps;
+export {};

package/dist/components/themedComponent.d.ts

@@ -8,5 +8,5 @@ type ComponentProps = {
 export type ThemedComponentProps<P extends ComponentProps, T extends object> = P & {
     theme: ComponentTheme<any, T>;
 };
-export declare function ThemedComponent<P extends ComponentProps, T extends object>(allProps: ThemedComponentProps<P, T>): import("react/jsx-runtime").JSX.Element;
+export declare const ThemedComponent: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
 export {};

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

@@ -1,3 +1,3 @@
-import { JSX } from 'react';
+import React from 'react';
 import { BadgeProps } from './props/props';
-export declare const Badge: (props: BadgeProps) => JSX.Element;
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,3 +1,3 @@
-import { JSX } from 'react';
+import React from 'react';
 import { ButtonProps } from './props';
-export declare const Button: (props: ButtonProps) => JSX.Element;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,3 +1,3 @@
-import { JSX } from 'react';
+import React from 'react';
 import { CardProps } from "./props/props";
-export declare const Card: (props: CardProps) => JSX.Element;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,83 @@
-import { JSX } from 'react';
-import { CheckboxProps } from './props';
-export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+import React from 'react';
+export declare const Checkbox: React.ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement> & {
+    transparent?: 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;
+    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;
+    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;
+} & {
+    tag?: React.ElementType;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,3 @@
-import { JSX } from 'react';
+import React from 'react';
 import { ChipProps } from './props/props';
-export declare const Chip: (props: ChipProps) => JSX.Element;
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,3 +1,121 @@
-import { JSX } from 'react';
-import { CodeProps } from './props/props';
-export declare const Code: (props: CodeProps) => JSX.Element;
+import React from 'react';
+export declare const Code: React.ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & React.HTMLAttributes<HTMLElement> & {
+    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;
+    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;
+    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;
+} & React.RefAttributes<HTMLElement>>;

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

@@ -1,3 +1,3 @@
-import { JSX } from 'react';
+import React from 'react';
 import { ColProps } from './props/props';
-export declare const Col: (props: ColProps) => JSX.Element;
+export declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,3 @@
-import { JSX } from 'react';
+import React from 'react';
 import { ContainerProps } from './props/props';
-export declare const Container: (props: ContainerProps) => JSX.Element;
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,74 @@
-import { JSX } from 'react';
-import { DividerProps } from './props/props';
-export declare const Divider: (props: DividerProps) => JSX.Element;
+import React from 'react';
+export declare const Divider: React.ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    padding?: 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;
+    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;
+    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;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,3 +1,81 @@
-import { JSX } from 'react';
-import { ImgProps } from './props';
-export declare const Img: (props: ImgProps) => JSX.Element;
+import React from 'react';
+export declare const Img: React.ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & React.ImgHTMLAttributes<HTMLImageElement> & {
+    transparent?: 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;
+    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;
+    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;
+} & {
+    tag?: React.ElementType;
+} & React.RefAttributes<HTMLImageElement>>;