levannta-ui 1.0.49-react18 → 1.0.50-react18

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

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 
-export interface CardProps {
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-export declare const Card: ({ children }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
 
-export interface CardCTAProps {
+export interface CardCTAProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
     subtitle?: string;
     buttonText?: string;
@@ -9,7 +9,6 @@ export interface CardCTAProps {
     image?: string;
     icon: ReactNode;
     disabled?: boolean;
-    className?: string;
     size?: "sm" | "md" | "lg";
 }
-export declare const CardCTA: React.FC<CardCTAProps>;
+export declare const CardCTA: React.ForwardRefExoticComponent<CardCTAProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/CollapsibleContainer/Collapsible.d.ts

@@ -1,10 +1,10 @@
 import { default as React, ReactNode } from 'react';
 
-export interface CollapsibleProps {
+export interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
     isOpen: boolean;
     onToggle: () => void;
     title: string;
     subtitle?: string;
     children?: ReactNode;
 }
-export declare const Collapsible: React.FC<CollapsibleProps>;
+export declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
 
-export interface DrawerProps {
+export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
     isOpen: boolean;
     onClose: () => void;
     title?: string;
@@ -9,4 +9,4 @@ export interface DrawerProps {
     size?: 'small' | 'medium' | 'large';
     enableSwipeToClose?: boolean;
 }
-export declare const Drawer: React.FC<DrawerProps>;
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -7,4 +7,4 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     showLogo?: boolean;
     logoProps?: React.ComponentProps<typeof Logo>;
 }
-export declare const Header: React.FC<HeaderProps>;
+export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -14,6 +14,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     hintText?: string;
     onClear?: () => void;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    ref?: React.Ref<HTMLInputElement>;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input, inputVariants };

package/dist/components/ui/Modal/index.d.ts

@@ -4,11 +4,11 @@ import { VariantProps } from 'class-variance-authority';
 declare const modalVariants: (props?: ({
     size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ModalProps extends VariantProps<typeof modalVariants> {
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof modalVariants> {
     title: string;
     children?: React.ReactNode;
     active: boolean;
     onClose: () => void;
 }
-export declare const Modal: React.FC<ModalProps>;
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/components/ui/Sidebar/index.d.ts

@@ -10,7 +10,7 @@ export interface SidebarItemProps {
         label: string;
     }[];
 }
-export interface SidebarProps {
+export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
     logo?: React.ReactNode;
     logoCollapsed?: React.ReactNode;
     items: SidebarItemProps[];
@@ -22,5 +22,5 @@ export interface SidebarProps {
     activePath?: string;
     onActiveChange?: (url: string) => void;
 }
-export declare const Sidebar: React.FC<SidebarProps>;
+export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
 export default Sidebar;

package/dist/components/ui/Tab/TabGroup.d.ts

@@ -1,14 +1,13 @@
 import { default as React } from 'react';
 
-export interface TabGroupProps {
+export interface TabGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     defaultActiveIndex?: number;
     activeIndex?: number;
     onTabChange?: (index: number) => void;
-    className?: string;
     variant?: 'default' | 'pills' | 'underline';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     outline?: boolean;
 }
-export declare const TabGroup: React.FC<TabGroupProps>;
+export declare const TabGroup: React.ForwardRefExoticComponent<TabGroupProps & React.RefAttributes<HTMLDivElement>>;
 export default TabGroup;

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

@@ -1,9 +1,10 @@
+import { default as React } from 'react';
 
-export interface ToggleButtonProps {
+export interface ToggleButtonProps extends React.HTMLAttributes<HTMLDivElement> {
     buttonsData: {
         label: string;
         onClick: () => void;
     }[];
     size?: "xs" | "sm" | "md";
 }
-export declare const ToggleButton: ({ buttonsData, size }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLDivElement>>;