@algorithm-shift/design-system 1.2.980 → 1.2.982

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
+import React$1, { CSSProperties } from 'react';
 import axios from 'axios';
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
 
@@ -240,12 +241,6 @@ interface ButtonGroupProps extends ElementProps {
   textContent?: string;
   list?: Record<string, any>;
 }
-
-interface IconProps extends ElementProps {
-  iconType?: string;
-  name?: string;
-  fontSize?: number | string;
-}
 interface AccordionProps extends ElementProps {
   name?: string;
 }
@@ -315,7 +310,33 @@ declare const Breadcrumb: ({ list, className, style }: BreadcrumbProps) => react
 
 declare function SplitButton({ style, textContent, className, list }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
-declare const Icon: ({ iconType, name, className, fontSize, style }: IconProps) => react_jsx_runtime.JSX.Element | null;
+type IconSet = 'fa-css' | 'fa' | 'fontawesome' | 'lucide';
+type FAPrefix = 'fas' | 'far' | 'fab' | string;
+interface IconProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Icon provider */
+    iconSet?: IconSet;
+    /** Icon name
+     * - For Lucide: component name (e.g. "Search", "User").
+     * - For FA CSS: icon name without prefix (e.g. "coffee").
+     */
+    icon?: string | any;
+    /** FontAwesome CSS prefix (e.g. fas, far, fab) */
+    prefix?: FAPrefix;
+    /** Size in px (number) or FontAwesome size */
+    iconSize?: number | SizeProp;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles (include FA CSS variables to satisfy FontAwesomeIcon typings) */
+    style?: CSSProperties;
+    /** Tooltip / accessible title */
+    title?: string;
+    /** FA CSS helpers */
+    spin?: boolean;
+    pulse?: boolean;
+    fixedWidth?: boolean;
+    onClick?: () => void;
+}
+declare function Icon(props: IconProps): react_jsx_runtime.JSX.Element | null;
 
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
@@ -373,7 +394,7 @@ interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
     axiosInstance?: any;
     outputFormat?: 'array' | 'comma' | 'semicolon';
 }
-declare function LazyMultiSelectDropdown({ options, value, onChange, placeholder, className, id, disabled, readOnly, source, apiUrl, pageSize, dataKey, dataLabel, errorMessage, axiosInstance, outputFormat }: LazyMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
+declare function LazyMultiSelectDropdown({ value, onChange, placeholder, className, id, disabled, readOnly, source, apiUrl, pageSize, dataKey, dataLabel, errorMessage, axiosInstance, outputFormat, ...props }: LazyMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
 
 interface PageChangeProps {
   page: number;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
+import React$1, { CSSProperties } from 'react';
 import axios from 'axios';
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
 
@@ -240,12 +241,6 @@ interface ButtonGroupProps extends ElementProps {
   textContent?: string;
   list?: Record<string, any>;
 }
-
-interface IconProps extends ElementProps {
-  iconType?: string;
-  name?: string;
-  fontSize?: number | string;
-}
 interface AccordionProps extends ElementProps {
   name?: string;
 }
@@ -315,7 +310,33 @@ declare const Breadcrumb: ({ list, className, style }: BreadcrumbProps) => react
 
 declare function SplitButton({ style, textContent, className, list }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
-declare const Icon: ({ iconType, name, className, fontSize, style }: IconProps) => react_jsx_runtime.JSX.Element | null;
+type IconSet = 'fa-css' | 'fa' | 'fontawesome' | 'lucide';
+type FAPrefix = 'fas' | 'far' | 'fab' | string;
+interface IconProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Icon provider */
+    iconSet?: IconSet;
+    /** Icon name
+     * - For Lucide: component name (e.g. "Search", "User").
+     * - For FA CSS: icon name without prefix (e.g. "coffee").
+     */
+    icon?: string | any;
+    /** FontAwesome CSS prefix (e.g. fas, far, fab) */
+    prefix?: FAPrefix;
+    /** Size in px (number) or FontAwesome size */
+    iconSize?: number | SizeProp;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles (include FA CSS variables to satisfy FontAwesomeIcon typings) */
+    style?: CSSProperties;
+    /** Tooltip / accessible title */
+    title?: string;
+    /** FA CSS helpers */
+    spin?: boolean;
+    pulse?: boolean;
+    fixedWidth?: boolean;
+    onClick?: () => void;
+}
+declare function Icon(props: IconProps): react_jsx_runtime.JSX.Element | null;
 
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
@@ -373,7 +394,7 @@ interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
     axiosInstance?: any;
     outputFormat?: 'array' | 'comma' | 'semicolon';
 }
-declare function LazyMultiSelectDropdown({ options, value, onChange, placeholder, className, id, disabled, readOnly, source, apiUrl, pageSize, dataKey, dataLabel, errorMessage, axiosInstance, outputFormat }: LazyMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
+declare function LazyMultiSelectDropdown({ value, onChange, placeholder, className, id, disabled, readOnly, source, apiUrl, pageSize, dataKey, dataLabel, errorMessage, axiosInstance, outputFormat, ...props }: LazyMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
 
 interface PageChangeProps {
   page: number;