@algorithm-shift/design-system 1.2.40 → 1.2.42

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
 import { ClassValue } from 'clsx';
 
 interface ElementProps {
@@ -110,6 +111,8 @@ interface TabsProps extends ElementProps {
   tabs?: Record<string, any>;
   pathname?: string;
   LinkComponent?: React.ComponentType<any>;
+  verticalMenu?: boolean;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
 }
 
 interface StagesProps extends ElementProps {
@@ -118,23 +121,6 @@ interface StagesProps extends ElementProps {
   buttonText?: string;
 }
 
-interface ProfileProps extends ElementProps {
-  profileType?: 'avatar' | 'initial';
-  showName?: boolean;
-  userName?: string;
-}
-
-interface NotificationProps extends ElementProps {
-  badgeType?: 'number' | 'dot';
-  badgeCount?: number;
-  hideBadgeWhenZero?: boolean;
-}
-
-interface LogoProps extends ElementProps {
-  imageUrl?: string;
-  altText?: string;
-}
-
 type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
   textContent?: string;
   type?: 'button' | 'submit';
@@ -189,6 +175,19 @@ interface NavbarProps extends ElementProps {
   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>;
 }
 
 declare const Modal: ({ children, onClose, label, className, style }: ModalProps) => react_jsx_runtime.JSX.Element;
@@ -210,6 +209,10 @@ 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 function SplitButton({ style, textContent, className, list, LinkComponent }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
 declare const NumberInput: ({ className, style, ...props }: NumberInputProps) => react_jsx_runtime.JSX.Element;
@@ -256,19 +259,13 @@ interface CustomPaginationProps {
 }
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ tabs, className, style, pathname, LinkComponent }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, LinkComponent, 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 const Profile: ({ profileType, showName, userName, className, style }: ProfileProps) => react_jsx_runtime.JSX.Element;
-
-declare const Notification: ({ className, style, badgeType, badgeCount, hideBadgeWhenZero }: NotificationProps) => react_jsx_runtime.JSX.Element;
-
-declare const Logo: ({ className, style, imageUrl, altText, }: LogoProps) => react_jsx_runtime.JSX.Element;
-
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, LinkComponent, ImageComponent }: NavbarProps): 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 const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
@@ -300,7 +297,7 @@ type CanvasAction = {
 };
 declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
 
-interface FormWrapperProps<T extends z.ZodObject<any>> {
+interface FormProps<T extends z.ZodObject<any>> {
     validation?: any[];
     formName?: string;
     defaultValues?: Partial<z.infer<T>> | any;
@@ -308,8 +305,19 @@ interface FormWrapperProps<T extends z.ZodObject<any>> {
     onSubmit?: (data: z.infer<T>) => void;
     onReset?: () => void;
 }
+declare const Form: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface FormWrapperProps<T extends z.ZodObject<any>> {
+    validation?: any[];
+    formName?: string;
+    defaultValues?: Partial<z.infer<T>> | any;
+    children?: React$1.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React$1.ReactNode);
+    onSubmit?: (data: z.infer<T>) => void;
+    onReset?: () => void;
+}
 declare const FormWrapper: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
+declare function getInitials(name: string): string;
 
-export { ChartComponent as BarChart, ButtonWrapper as Button, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, FormWrapper as Form, Grid as GridLayout, ImageControl as Image, Logo, Modal, MultiCheckbox, Navbar, Notification, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, Profile, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, StateProvider, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, showSonnerToast, stateReducer, useAppState };
+export { 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, Form, FormWrapper, Grid as GridLayout, 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, StateProvider, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast, stateReducer, useAppState };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
 import { ClassValue } from 'clsx';
 
 interface ElementProps {
@@ -110,6 +111,8 @@ interface TabsProps extends ElementProps {
   tabs?: Record<string, any>;
   pathname?: string;
   LinkComponent?: React.ComponentType<any>;
+  verticalMenu?: boolean;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
 }
 
 interface StagesProps extends ElementProps {
@@ -118,23 +121,6 @@ interface StagesProps extends ElementProps {
   buttonText?: string;
 }
 
-interface ProfileProps extends ElementProps {
-  profileType?: 'avatar' | 'initial';
-  showName?: boolean;
-  userName?: string;
-}
-
-interface NotificationProps extends ElementProps {
-  badgeType?: 'number' | 'dot';
-  badgeCount?: number;
-  hideBadgeWhenZero?: boolean;
-}
-
-interface LogoProps extends ElementProps {
-  imageUrl?: string;
-  altText?: string;
-}
-
 type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
   textContent?: string;
   type?: 'button' | 'submit';
@@ -189,6 +175,19 @@ interface NavbarProps extends ElementProps {
   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>;
 }
 
 declare const Modal: ({ children, onClose, label, className, style }: ModalProps) => react_jsx_runtime.JSX.Element;
@@ -210,6 +209,10 @@ 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 function SplitButton({ style, textContent, className, list, LinkComponent }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
 declare const NumberInput: ({ className, style, ...props }: NumberInputProps) => react_jsx_runtime.JSX.Element;
@@ -256,19 +259,13 @@ interface CustomPaginationProps {
 }
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ tabs, className, style, pathname, LinkComponent }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, LinkComponent, 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 const Profile: ({ profileType, showName, userName, className, style }: ProfileProps) => react_jsx_runtime.JSX.Element;
-
-declare const Notification: ({ className, style, badgeType, badgeCount, hideBadgeWhenZero }: NotificationProps) => react_jsx_runtime.JSX.Element;
-
-declare const Logo: ({ className, style, imageUrl, altText, }: LogoProps) => react_jsx_runtime.JSX.Element;
-
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, LinkComponent, ImageComponent }: NavbarProps): 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 const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
@@ -300,7 +297,7 @@ type CanvasAction = {
 };
 declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
 
-interface FormWrapperProps<T extends z.ZodObject<any>> {
+interface FormProps<T extends z.ZodObject<any>> {
     validation?: any[];
     formName?: string;
     defaultValues?: Partial<z.infer<T>> | any;
@@ -308,8 +305,19 @@ interface FormWrapperProps<T extends z.ZodObject<any>> {
     onSubmit?: (data: z.infer<T>) => void;
     onReset?: () => void;
 }
+declare const Form: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface FormWrapperProps<T extends z.ZodObject<any>> {
+    validation?: any[];
+    formName?: string;
+    defaultValues?: Partial<z.infer<T>> | any;
+    children?: React$1.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React$1.ReactNode);
+    onSubmit?: (data: z.infer<T>) => void;
+    onReset?: () => void;
+}
 declare const FormWrapper: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
+declare function getInitials(name: string): string;
 
-export { ChartComponent as BarChart, ButtonWrapper as Button, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, FormWrapper as Form, Grid as GridLayout, ImageControl as Image, Logo, Modal, MultiCheckbox, Navbar, Notification, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, Profile, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, StateProvider, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, showSonnerToast, stateReducer, useAppState };
+export { 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, Form, FormWrapper, Grid as GridLayout, 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, StateProvider, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, getInitials, showSonnerToast, stateReducer, useAppState };