hiver-ui-kit-extended 1.0.0-beta.14 → 1.0.0-beta.15

package/dist/env.hui.d.ts

@@ -1,6 +1,7 @@
 import { BreadCrumbProps } from 'primereact/breadcrumb';
 import { ButtonHTMLAttributes } from 'react';
 import { ChipProps as ChipProps_2 } from 'primereact/chip';
+import { CSSProperties } from 'react';
 import { DataTableProps as DataTableProps_2 } from 'primereact/datatable';
 import { DialogProps as DialogProps_2 } from 'primereact/dialog';
 import { ElementType } from 'react';
@@ -126,8 +127,57 @@ declare interface HUIThemeProviderProps {
     theme?: typeof HUITheme;
 }
 
+export declare const IconButton: (props: IconButtonProps) => JSX_2.Element;
+
+declare type IconButtonColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+
+export declare interface IconButtonProps {
+    /** The icon element to display (for HUI) */
+    children?: ReactNode;
+    /** PrimeReact icon class (e.g., 'pi pi-check') */
+    icon?: string;
+    /** Image source for custom icon (alternative to icon prop) */
+    image?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** The color of the button (for HUI) */
+    color?: IconButtonColor;
+    /** The size of the button (for HUI) */
+    size?: IconButtonSize | PrimeReactSize;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Click handler */
+    onClick?: (event: MouseEvent_2<HTMLButtonElement>) => void;
+    /** Additional CSS classes */
+    className?: string;
+    /** Additional CSS classes for the icon wrapper */
+    iconWrapperClassName?: string;
+    /** Additional CSS classes for the icon/image */
+    iconClassName?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+    /** The edge placement of the button (for HUI) */
+    edge?: 'start' | 'end' | false;
+    /** Aria label for accessibility */
+    ariaLabel?: string;
+    /** Aria label for accessibility (alternative) */
+    'aria-label'?: string;
+    /** Rounded corners */
+    rounded?: boolean;
+    /** Outlined style */
+    outlined?: boolean;
+    /** Text style (no background) */
+    text?: boolean;
+    /** Raised/elevated style */
+    raised?: boolean;
+}
+
+declare type IconButtonSize = 'small' | 'medium' | 'large';
+
 declare type IconType = ReactNode | string;
 
+declare type PrimeReactSize = 'sm' | 'md' | 'lg' | 'xl';
+
 export declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
 
 export declare const Tab: (props: TabProps) => JSX_2.Element;