@algorithm-shift/design-system 1.2.74 → 1.2.76

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
 
@@ -7,11 +8,11 @@ interface ModalProps {
     isOpen: boolean | string;
     onModalClose?: () => void;
     title: string;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     showCloseButton?: boolean;
     className?: string;
-    style?: React$1.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 declare function Modal({ isOpen, onModalClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
@@ -244,8 +245,8 @@ declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, alt
 
 declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React$1.DetailedReactHTMLElement<{
-    style: React$1.CSSProperties | undefined;
+declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React__default.DetailedReactHTMLElement<{
+    style: React__default.CSSProperties | undefined;
     className: string;
 }, HTMLElement>;
 
@@ -291,6 +292,24 @@ declare const DateRange: ({ className, style, ...props }: DateRangeInputProps) =
 
 declare const TextInputGroup: ({ className, style, prepend, append, ...props }: TextInputGroupProps) => react_jsx_runtime.JSX.Element;
 
+interface Option {
+    label: string;
+    value: string;
+}
+interface MultiSelectProps {
+    value: string[];
+    onChange: (value: string[]) => void;
+    data: Option[];
+    placeholder?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    className?: string;
+    errorMessage?: string;
+    dataKey?: string;
+    dataLabel?: string;
+}
+declare const MultiSelect: React$1.FC<MultiSelectProps>;
+
 interface PageChangeProps {
   page: number;
   itemsPerPage: number;
@@ -336,9 +355,9 @@ declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.
 
 declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, profileMenu, userName, isBuilder, source, navList }: NavbarProps): react_jsx_runtime.JSX.Element;
 
-declare const _default$1: React$1.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: React__default.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default: React$1.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
+declare const _default: React__default.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
 
 declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
 
@@ -358,4 +377,4 @@ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Ele
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, AccordionGroup, _default$1 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, _default as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, _default$1 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, MultiSelect, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, _default as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
 
@@ -7,11 +8,11 @@ interface ModalProps {
     isOpen: boolean | string;
     onModalClose?: () => void;
     title: string;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     showCloseButton?: boolean;
     className?: string;
-    style?: React$1.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 declare function Modal({ isOpen, onModalClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
@@ -244,8 +245,8 @@ declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, alt
 
 declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React$1.DetailedReactHTMLElement<{
-    style: React$1.CSSProperties | undefined;
+declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React__default.DetailedReactHTMLElement<{
+    style: React__default.CSSProperties | undefined;
     className: string;
 }, HTMLElement>;
 
@@ -291,6 +292,24 @@ declare const DateRange: ({ className, style, ...props }: DateRangeInputProps) =
 
 declare const TextInputGroup: ({ className, style, prepend, append, ...props }: TextInputGroupProps) => react_jsx_runtime.JSX.Element;
 
+interface Option {
+    label: string;
+    value: string;
+}
+interface MultiSelectProps {
+    value: string[];
+    onChange: (value: string[]) => void;
+    data: Option[];
+    placeholder?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    className?: string;
+    errorMessage?: string;
+    dataKey?: string;
+    dataLabel?: string;
+}
+declare const MultiSelect: React$1.FC<MultiSelectProps>;
+
 interface PageChangeProps {
   page: number;
   itemsPerPage: number;
@@ -336,9 +355,9 @@ declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.
 
 declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, profileMenu, userName, isBuilder, source, navList }: NavbarProps): react_jsx_runtime.JSX.Element;
 
-declare const _default$1: React$1.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: React__default.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default: React$1.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
+declare const _default: React__default.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
 
 declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
 
@@ -358,4 +377,4 @@ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Ele
 declare function cn(...inputs: ClassValue[]): string;
 declare function getInitials(name: string): string;
 
-export { Accordion, AccordionGroup, _default$1 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, _default as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };
+export { Accordion, AccordionGroup, _default$1 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, MultiSelect, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, _default as PieChart, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };