@algorithm-shift/design-system 1.2.54 → 1.2.56

package/dist/index.d.mts

@@ -54,27 +54,27 @@ interface TextInputGroupProps extends ElementProps, InputProperties {
   append?: string | React.ReactNode;
 }
 interface CheckboxInputProps extends ElementProps, InputProperties {
-  value?: boolean;
+  value?: boolean | any;
   onChange?: (value: boolean) => void;
 }
 interface RadioInputProps extends ElementProps, InputSourceProperties, InputProperties {
-  value?: string;
+  value?: string | any;
   onChange?: (value: string) => void;
 }
 interface MultiCheckboxInputProps extends ElementProps, InputSourceProperties, InputProperties {
-  value?: Record<string, boolean>;
+  value?: Record<string, boolean> | any;
   onChange?: (value: Record<string, boolean>) => void;
 }
 interface RichTextInputProps extends ElementProps, InputProperties {
-  value?: string;
+  value?: string | any;
   onChange?: (value: string) => void;
 }
 interface SelectDropdownInputProps extends ElementProps, InputProperties, InputSourceProperties {
-  value?: string;
+  value?: string | any;
   onChange?: (value: string) => void;
 }
 interface SwitchToggleInputProps extends ElementProps, InputProperties {
-  value?: boolean;
+  value?: boolean | any;
   onChange?: (value: boolean) => void;
 }
 interface PhoneInputProps extends ElementProps, InputProperties { }
@@ -107,7 +107,6 @@ interface TableProps extends ElementProps {
 interface TabsProps extends ElementProps {
   tabs?: Record<string, any>;
   pathname?: string;
-  LinkComponent?: React.ComponentType<any>;
   verticalMenu?: boolean;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
 }
@@ -120,7 +119,7 @@ interface StagesProps extends ElementProps {
 
 type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
   textContent?: string;
-  type?: 'button' | 'submit';
+  type?: 'button' | 'submit' | 'reset';
 }
 
 interface PieChartProps extends ElementProps {
@@ -162,35 +161,31 @@ interface EmailComposerProps extends ElementProps {
 
 interface NavbarProps extends ElementProps {
   style?: React.CSSProperties;
-  badgeType?: 'number' | 'dot';
-  badgeCount?: number;
+  badgeType?: string;
+  badgeCount?: number | string;
   hideBadgeWhenZero?: boolean;
-  profileType?: 'avatar' | 'initial';
+  profileType?: string;
   showName?: boolean;
   imageUrl?: string;
   altText?: string;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
-  LinkComponent?: React.ComponentType<any>;
-  ImageComponent?: React.ComponentType<any>;
   list?: Record<string, any>;
   userName?: string;
 }
 
 interface BreadcrumbProps extends ElementProps {
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface ButtonGroupProps extends ElementProps {
   textContent?: string;
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface IconProps extends ElementProps {
-  iconType?: 'fontawesome' | 'lucide';
+  iconType?: string;
   name?: string;
-  fontSize?: number;
+  fontSize?: number | string;
 }
 interface AccordionProps extends ElementProps {
   name?: string;
@@ -206,6 +201,10 @@ declare const Container: ({ children, className, style, ...props }: ElementProps
 
 declare const Accordion: ({ children, name, style, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
+declare const Slot: ({ children }: ElementProps) => react_jsx_runtime.JSX.Element;
+
+declare const AccordionGroup: ({ children, style, className }: ElementProps) => react_jsx_runtime.JSX.Element;
+
 declare const ButtonWrapper: ({ className, style, textContent, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
@@ -217,9 +216,9 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
     className: string;
 }, HTMLElement>;
 
-declare const Breadcrumb: ({ list, className, style, LinkComponent }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ list, className, style }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
-declare function SplitButton({ style, textContent, className, list, LinkComponent }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+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;
 
@@ -285,13 +284,13 @@ declare const Table: ({ columns, data, rowActions, className, style, pagination,
 
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, perPage, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style }: StagesProps) => react_jsx_runtime.JSX.Element;
 
 declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, LinkComponent, ImageComponent, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 declare const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
@@ -313,4 +312,4 @@ declare function showSonnerToast({ title, description, variant, duration, action
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, ChartComponent as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, ChartComponent as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };

package/dist/index.d.ts

@@ -54,27 +54,27 @@ interface TextInputGroupProps extends ElementProps, InputProperties {
   append?: string | React.ReactNode;
 }
 interface CheckboxInputProps extends ElementProps, InputProperties {
-  value?: boolean;
+  value?: boolean | any;
   onChange?: (value: boolean) => void;
 }
 interface RadioInputProps extends ElementProps, InputSourceProperties, InputProperties {
-  value?: string;
+  value?: string | any;
   onChange?: (value: string) => void;
 }
 interface MultiCheckboxInputProps extends ElementProps, InputSourceProperties, InputProperties {
-  value?: Record<string, boolean>;
+  value?: Record<string, boolean> | any;
   onChange?: (value: Record<string, boolean>) => void;
 }
 interface RichTextInputProps extends ElementProps, InputProperties {
-  value?: string;
+  value?: string | any;
   onChange?: (value: string) => void;
 }
 interface SelectDropdownInputProps extends ElementProps, InputProperties, InputSourceProperties {
-  value?: string;
+  value?: string | any;
   onChange?: (value: string) => void;
 }
 interface SwitchToggleInputProps extends ElementProps, InputProperties {
-  value?: boolean;
+  value?: boolean | any;
   onChange?: (value: boolean) => void;
 }
 interface PhoneInputProps extends ElementProps, InputProperties { }
@@ -107,7 +107,6 @@ interface TableProps extends ElementProps {
 interface TabsProps extends ElementProps {
   tabs?: Record<string, any>;
   pathname?: string;
-  LinkComponent?: React.ComponentType<any>;
   verticalMenu?: boolean;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
 }
@@ -120,7 +119,7 @@ interface StagesProps extends ElementProps {
 
 type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
   textContent?: string;
-  type?: 'button' | 'submit';
+  type?: 'button' | 'submit' | 'reset';
 }
 
 interface PieChartProps extends ElementProps {
@@ -162,35 +161,31 @@ interface EmailComposerProps extends ElementProps {
 
 interface NavbarProps extends ElementProps {
   style?: React.CSSProperties;
-  badgeType?: 'number' | 'dot';
-  badgeCount?: number;
+  badgeType?: string;
+  badgeCount?: number | string;
   hideBadgeWhenZero?: boolean;
-  profileType?: 'avatar' | 'initial';
+  profileType?: string;
   showName?: boolean;
   imageUrl?: string;
   altText?: string;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
-  LinkComponent?: React.ComponentType<any>;
-  ImageComponent?: React.ComponentType<any>;
   list?: Record<string, any>;
   userName?: string;
 }
 
 interface BreadcrumbProps extends ElementProps {
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface ButtonGroupProps extends ElementProps {
   textContent?: string;
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface IconProps extends ElementProps {
-  iconType?: 'fontawesome' | 'lucide';
+  iconType?: string;
   name?: string;
-  fontSize?: number;
+  fontSize?: number | string;
 }
 interface AccordionProps extends ElementProps {
   name?: string;
@@ -206,6 +201,10 @@ declare const Container: ({ children, className, style, ...props }: ElementProps
 
 declare const Accordion: ({ children, name, style, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
+declare const Slot: ({ children }: ElementProps) => react_jsx_runtime.JSX.Element;
+
+declare const AccordionGroup: ({ children, style, className }: ElementProps) => react_jsx_runtime.JSX.Element;
+
 declare const ButtonWrapper: ({ className, style, textContent, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
@@ -217,9 +216,9 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
     className: string;
 }, HTMLElement>;
 
-declare const Breadcrumb: ({ list, className, style, LinkComponent }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ list, className, style }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
-declare function SplitButton({ style, textContent, className, list, LinkComponent }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+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;
 
@@ -285,13 +284,13 @@ declare const Table: ({ columns, data, rowActions, className, style, pagination,
 
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, perPage, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style }: StagesProps) => react_jsx_runtime.JSX.Element;
 
 declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, LinkComponent, ImageComponent, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 declare const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
@@ -313,4 +312,4 @@ declare function showSonnerToast({ title, description, variant, duration, action
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, ChartComponent as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, ChartComponent as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };