@datability/8ui 1.2.2 → 1.3.0

package/dist/types/components/user-profile/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsUserProfile } from './index.type';
+declare const UserProfile: React.FC<PropsUserProfile>;
+export default UserProfile;

package/dist/types/components/user-profile/index.type.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type PropsUserProfile = {
+    src?: string;
+    name?: ReactNode;
+    subtitle?: ReactNode;
+    onChangePhoto?: () => void;
+    onViewPhoto?: () => void;
+    className?: string;
+};

package/dist/types/configs/router.d.ts

@@ -0,0 +1 @@
+export declare const router: import('react-router').DataRouter;

package/dist/types/images/icons/mic-lg.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const MicLgSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default MicLgSvg;

package/dist/types/images/icons/plus-lg.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const PlusLgSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default PlusLgSvg;

package/dist/types/images/icons/search.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const SearchSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SearchSvg;

package/dist/types/images/icons/tag-fill.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TagFillSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default TagFillSvg;

package/dist/types/images/logos/icon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const LogoIconSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default LogoIconSvg;

package/dist/types/images/logos/main.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const LogoMainSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default LogoMainSvg;

package/dist/types/images/logos/vertical.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const LogoVerticalSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default LogoVerticalSvg;

package/dist/types/images/logos/watermark.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const LogoWatermarkSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default LogoWatermarkSvg;

package/dist/types/index.d.ts

@@ -1,45 +1,105 @@
-export { default as Button } from './components/button';
-export type { PropsButton } from './components/button/index.type';
-export { default as Blackdrop } from './components/blackdrop';
-export type { PropsBlackdrop } from './components/blackdrop/index.type';
-export { default as Chip } from './components/chip';
-export type { PropsChip } from './components/chip/index.type';
-export { default as Divider } from './components/divider';
-export { default as Menu } from './components/menu';
-export type { PropsMenu } from './components/menu/index.type';
-export { default as Modal } from './components/modal';
-export type { PropsModal } from './components/modal/index.type';
-export { default as Input } from './components/input/input-basic';
-export type { PropsInputBasic as PropsInput } from './components/input/input-basic/index.type';
-export { default as InputNumber } from './components/input/input-number';
-export type { PropsInputNumber } from './components/input/input-number/index.type';
-export { default as InputDate } from './components/input/input-date';
-export type { PropsInputDate } from './components/input/input-date/index.type';
-export { default as InputDateRange } from './components/input/input-date-range';
-export type { PropsInputDateRange } from './components/input/input-date-range/index.type';
-export { default as InputDateTime } from './components/input/input-date-time';
-export type { PropsInputDateTime } from './components/input/input-date-time/index.type';
-export { default as InputPassword } from './components/input/input-password';
-export type { PropsInputPassword } from './components/input/input-password/index.type';
-export { default as InputRadio } from './components/input/input-radio';
-export type { PropsInputRadio } from './components/input/input-radio/index.type';
-export { default as InputCheckbox } from './components/input/input-checkbox';
-export type { PropsInputCheckbox } from './components/input/input-checkbox/index.type';
-export { default as InputTextarea } from './components/input/input-textarea';
-export type { PropsInputTextarea } from './components/input/input-textarea/index.type';
-export { default as InputSelect } from './components/input/input-select';
-export type { PropsInputSelect } from './components/input/input-select/index.type';
-export { default as InputAutoComplete } from './components/input/input-auto-complete';
-export type { PropsInputAutoComplete } from './components/input/input-auto-complete/index.type';
-export { default as InputSwitch } from './components/input/input-switch';
-export type { PropsInputSwitch } from './components/input/input-switch/index.type';
-export { default as InputAsyncSelect } from './components/input/input-async-select';
-export type { PropsInputAsyncSelect } from './components/input/input-async-select/index.type';
-export { default as InputAsyncAutoComplete } from './components/input/input-async-auto-complete';
-export type { PropsInputAsyncAutoComplete } from './components/input/input-async-auto-complete/index.type';
+export { Display1, Display2, Display3, Display4, H1, H2, H3, H4, H5, H6, Title, Subtitle, LabelLg, LabelMd, LabelSm, Paragraph, CaptionLg, CaptionMd, CaptionSm, CaptionXs, } from './components/typography';
+export type { PropsTypography, TypographyWeight } from './components/typography/index.type';
 export type TValueOption = string | number;
 export type TOption = {
     label: string;
     value: TValueOption;
 };
 export { DBuiContext, DBuiProvider } from './components/context';
+export { default as Avatars } from './components/avatars';
+export type { PropsAvatars, AvatarsSize, AvatarsType } from './components/avatars/index.type';
+export { default as AvatarGroup } from './components/avatar-group';
+export type { PropsAvatarGroup, AvatarGroupType, AvatarGroupItem } from './components/avatar-group/index.type';
+export { default as Button } from './components/button';
+export type { PropsButton, ButtonColor, ButtonVariant, ButtonSize } from './components/button/index.type';
+export { default as ButtonIcon } from './components/button-icon';
+export type { PropsButtonIcon, ButtonIconColor, ButtonIconVariant, ButtonIconSize, } from './components/button-icon/index.type';
+export { default as TextInput } from './components/input/text-input';
+export type { PropsTextInput } from './components/input/text-input/index.type';
+export { default as NumberInput } from './components/input/number-input';
+export type { PropsNumberInput } from './components/input/number-input/index.type';
+export { default as PhoneInput } from './components/input/phone-input';
+export type { PropsPhoneInput } from './components/input/phone-input/index.type';
+export { default as Textarea } from './components/input/textarea';
+export type { PropsTextarea } from './components/input/textarea/index.type';
+export { default as Calendar } from './components/calendar';
+export type { PropsCalendar } from './components/calendar/index.type';
+export { default as DateInput } from './components/input/date-input';
+export type { PropsDateInput } from './components/input/date-input/index.type';
+export { default as DateTimeInput } from './components/input/date-time-input';
+export type { PropsDateTimeInput } from './components/input/date-time-input/index.type';
+export { default as DateRangeInput } from './components/input/date-range-input';
+export type { PropsDateRangeInput, DateRangeValue } from './components/input/date-range-input/index.type';
+export { default as SearchBar } from './components/search-bar';
+export type { PropsSearchBar, SearchBarSize } from './components/search-bar/index.type';
+export { default as Checkbox } from './components/input/checkbox';
+export type { PropsCheckbox, CheckboxOption } from './components/input/checkbox/index.type';
+export { default as RadioButton } from './components/input/radio-button';
+export type { PropsRadioButton, RadioOption } from './components/input/radio-button/index.type';
+export { default as AutoComplete } from './components/input/auto-complete';
+export type { PropsAutoComplete, AutoCompleteRenderProps } from './components/input/auto-complete/index.type';
+export { default as Select } from './components/input/select';
+export type { PropsSelect, TSelectOption, SelectRenderProps, MultiSelectRenderProps, } from './components/input/select/index.type';
+export { default as MultiSelect } from './components/input/multi-select';
+export type { PropsMultiSelect } from './components/input/multi-select/index.type';
+export { default as Toggle } from './components/input/toggle';
+export type { PropsToggle, ToggleSize } from './components/input/toggle/index.type';
+export { default as Chip } from './components/chip';
+export type { PropsChip, ChipColor, ChipSize } from './components/chip/index.type';
+export { default as CounterLabel } from './components/counter-label';
+export type { PropsCounterLabel, CounterLabelShape, CounterLabelSize, CounterLabelType, } from './components/counter-label/index.type';
+export { default as Loading } from './components/loading';
+export type { PropsLoading, LoadingThickness } from './components/loading/index.type';
+export { default as Modal } from './components/modal';
+export type { PropsModal } from './components/modal/index.type';
+export { default as DialogBox } from './components/dialog-box';
+export type { PropsDialogBox } from './components/dialog-box/index.type';
+export { default as OnRemove } from './components/on-remove';
+export type { PropsOnRemove, OnRemoveSize, OnRemoveColor } from './components/on-remove/index.type';
+export { default as Toaster } from './components/toast';
+export { toast } from './components/toast/toast';
+export type { ToastType, ToastPosition, ToastOptions, PropsToaster } from './components/toast/index.type';
+export { default as Rate } from './components/rate';
+export type { PropsRate, RateCount } from './components/rate/index.type';
+export { default as Tooltip } from './components/tooltip';
+export type { PropsTooltip, TooltipPlacement, TooltipSize } from './components/tooltip/index.type';
+export { default as Menu, MenuItem, MenuHeader, MenuDivider, MenuButton } from './components/menu';
+export type { PropsMenu, PropsMenuItem, PropsMenuHeader, PropsMenuDivider, PropsMenuButton, MenuSize, MenuAlign, } from './components/menu/index.type';
+export { default as Breadcrumbs } from './components/breadcrumbs';
+export type { PropsBreadcrumbs, BreadcrumbItem } from './components/breadcrumbs/index.type';
+export { default as ProgressBar } from './components/progress-bar';
+export type { PropsProgressBar, ProgressBarSize } from './components/progress-bar/index.type';
+export { default as FileUploader } from './components/file-uploader';
+export type { PropsFileUploader, FileUploaderSize, FileUploaderVariant } from './components/file-uploader/index.type';
+export { default as UploadDragger } from './components/upload-dragger';
+export type { PropsUploadDragger, UploadDraggerFile } from './components/upload-dragger/index.type';
+export { default as UploadListItem } from './components/upload-list-item';
+export type { PropsUploadListItem, UploadListItemType } from './components/upload-list-item/index.type';
+export { default as Empty } from './components/empty';
+export type { PropsEmpty, EmptyType } from './components/empty/index.type';
+export { default as Tabs } from './components/tabs';
+export type { PropsTabs, TabItem } from './components/tabs/index.type';
+export { default as Tag } from './components/tag';
+export type { PropsTag, TagColor, TagVariant } from './components/tag/index.type';
+export { default as Favorite } from './components/favorite';
+export type { PropsFavorite, FavoriteVariant } from './components/favorite/index.type';
+export { default as Slider, RangeSlider } from './components/slider';
+export type { PropsSlider, PropsRangeSlider } from './components/slider/index.type';
+export { default as SliderInput } from './components/input/slider';
+export type { PropsSliderInput } from './components/input/slider/index.type';
+export { default as RangeSliderInput } from './components/input/range-slider';
+export type { PropsRangeSliderInput } from './components/input/range-slider/index.type';
+export { default as UserProfile } from './components/user-profile';
+export type { PropsUserProfile } from './components/user-profile/index.type';
+export { default as TreeFolderRight } from './components/tree-folder-right';
+export type { PropsTreeFolderRight } from './components/tree-folder-right/index.type';
+export { default as TreeFolderLeft } from './components/tree-folder-left';
+export type { PropsTreeFolderLeft } from './components/tree-folder-left/index.type';
+export { default as TreeFolder } from './components/tree-folder';
+export type { PropsTreeFolder, TreeNode, TreeFolderVariant } from './components/tree-folder/index.type';
+export { default as Battery } from './components/battery';
+export type { PropsBattery, BatteryVariant } from './components/battery/index.type';
+export { default as Pagination } from './components/pagination';
+export type { PropsPagination } from './components/pagination/index.type';
+export { default as Table, TableSort, TableHead, TableCell } from './components/table';
+export type { PropsTable, TableColumn, PropsTableSort, TableSortSize, PropsTableHead, PropsTableCell, } from './components/table/index.type';

package/dist/types/layouts/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Layout: React.FC;
+export default Layout;

package/dist/types/main.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/pages/Color/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ColorPage: React.FC;
+export default ColorPage;

package/dist/types/pages/ComponentBase/demos/AutoCompleteDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AutoCompleteDemo: React.FC;
+export default AutoCompleteDemo;

package/dist/types/pages/ComponentBase/demos/AvatarGroupDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AvatarGroupDemo: React.FC;
+export default AvatarGroupDemo;

package/dist/types/pages/ComponentBase/demos/AvatarsDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AvatarsDemo: React.FC;
+export default AvatarsDemo;

package/dist/types/pages/ComponentBase/demos/ButtonDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ButtonDemo: React.FC;
+export default ButtonDemo;

package/dist/types/pages/ComponentBase/demos/ButtonIconDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ButtonIconDemo: React.FC;
+export default ButtonIconDemo;

package/dist/types/pages/ComponentBase/demos/CheckboxDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CheckboxDemo: React.FC;
+export default CheckboxDemo;

package/dist/types/pages/ComponentBase/demos/ChipDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ChipDemo: React.FC;
+export default ChipDemo;

package/dist/types/pages/ComponentBase/demos/CounterLabelDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CounterLabelDemo: React.FC;
+export default CounterLabelDemo;

package/dist/types/pages/ComponentBase/demos/DateInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const DateInputDemo: React.FC;
+export default DateInputDemo;

package/dist/types/pages/ComponentBase/demos/DateRangeInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const DateRangeInputDemo: React.FC;
+export default DateRangeInputDemo;

package/dist/types/pages/ComponentBase/demos/DateTimeInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const DateTimeInputDemo: React.FC;
+export default DateTimeInputDemo;

package/dist/types/pages/ComponentBase/demos/LoadingDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const LoadingDemo: React.FC;
+export default LoadingDemo;

package/dist/types/pages/ComponentBase/demos/MenuDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const MenuDemo: React.FC;
+export default MenuDemo;

package/dist/types/pages/ComponentBase/demos/MultiSelectDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const MultiSelectDemo: React.FC;
+export default MultiSelectDemo;

package/dist/types/pages/ComponentBase/demos/NumberInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const NumberInputDemo: React.FC;
+export default NumberInputDemo;

package/dist/types/pages/ComponentBase/demos/PasswordInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const PasswordInputDemo: React.FC;
+export default PasswordInputDemo;

package/dist/types/pages/ComponentBase/demos/PhoneInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const PhoneInputDemo: React.FC;
+export default PhoneInputDemo;

package/dist/types/pages/ComponentBase/demos/RadioButtonDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const RadioButtonDemo: React.FC;
+export default RadioButtonDemo;

package/dist/types/pages/ComponentBase/demos/SelectDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const SelectDemo: React.FC;
+export default SelectDemo;

package/dist/types/pages/ComponentBase/demos/SliderInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const SliderInputDemo: React.FC;
+export default SliderInputDemo;

package/dist/types/pages/ComponentBase/demos/TextInputDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TextInputDemo: React.FC;
+export default TextInputDemo;

package/dist/types/pages/ComponentBase/demos/TextareaDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TextareaDemo: React.FC;
+export default TextareaDemo;

package/dist/types/pages/ComponentBase/demos/ToggleDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ToggleDemo: React.FC;
+export default ToggleDemo;

package/dist/types/pages/ComponentBase/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ComponentBasePage: React.FC;
+export default ComponentBasePage;

package/dist/types/pages/Components/demos/BatteryDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const BatteryDemo: React.FC;
+export default BatteryDemo;

package/dist/types/pages/Components/demos/BreadcrumbsDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const BreadcrumbsDemo: React.FC;
+export default BreadcrumbsDemo;

package/dist/types/pages/Components/demos/DialogBoxDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const DialogBoxDemo: React.FC;
+export default DialogBoxDemo;

package/dist/types/pages/Components/demos/EmptyDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const EmptyDemo: React.FC;
+export default EmptyDemo;

package/dist/types/pages/Components/demos/FavoriteDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const FavoriteDemo: React.FC;
+export default FavoriteDemo;

package/dist/types/pages/Components/demos/FileUploaderDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const FileUploaderDemo: React.FC;
+export default FileUploaderDemo;

package/dist/types/pages/Components/demos/ModalDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ModalDemo: React.FC;
+export default ModalDemo;

package/dist/types/pages/Components/demos/OnRemoveDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const OnRemoveDemo: React.FC;
+export default OnRemoveDemo;

package/dist/types/pages/Components/demos/PaginationDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const PaginationDemo: React.FC;
+export default PaginationDemo;

package/dist/types/pages/Components/demos/ProgressBarDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ProgressBarDemo: React.FC;
+export default ProgressBarDemo;

package/dist/types/pages/Components/demos/RateDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const RateDemo: React.FC;
+export default RateDemo;

package/dist/types/pages/Components/demos/SearchBarDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const SearchBarDemo: React.FC;
+export default SearchBarDemo;

package/dist/types/pages/Components/demos/SliderDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const SliderDemo: React.FC;
+export default SliderDemo;

package/dist/types/pages/Components/demos/TableDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TableDemo: React.FC;
+export default TableDemo;

package/dist/types/pages/Components/demos/TabsDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TabsDemo: React.FC;
+export default TabsDemo;

package/dist/types/pages/Components/demos/TagDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TagDemo: React.FC;
+export default TagDemo;

package/dist/types/pages/Components/demos/ToastDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ToastDemo: React.FC;
+export default ToastDemo;

package/dist/types/pages/Components/demos/TooltipDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TooltipDemo: React.FC;
+export default TooltipDemo;

package/dist/types/pages/Components/demos/TreeFolderDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TreeFolderDemo: React.FC;
+export default TreeFolderDemo;

package/dist/types/pages/Components/demos/UploadDraggerDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const UploadDraggerDemo: React.FC;
+export default UploadDraggerDemo;

package/dist/types/pages/Components/demos/UploadListItemDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const UploadListItemDemo: React.FC;
+export default UploadListItemDemo;

package/dist/types/pages/Components/demos/UserProfileDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const UserProfileDemo: React.FC;
+export default UserProfileDemo;

package/dist/types/pages/Components/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ComponentsPage: React.FC;
+export default ComponentsPage;

package/dist/types/pages/Home/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const HomePage: React.FC;
+export default HomePage;

package/dist/types/pages/Logo/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const LogoPage: React.FC;
+export default LogoPage;

package/dist/types/pages/Styles/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const StylesPage: React.FC;
+export default StylesPage;

package/dist/types/pages/Typography/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TypographyPage: React.FC;
+export default TypographyPage;

package/dist/types/pages/_shared/PageHeader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface PageHeaderProps {
+    title: string;
+    children?: React.ReactNode;
+}
+declare const PageHeader: React.FC<PageHeaderProps>;
+export default PageHeader;

package/dist/types/pages/_shared/SectionHeader.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface SectionHeaderProps {
+    title: string;
+}
+declare const SectionHeader: React.FC<SectionHeaderProps>;
+export default SectionHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datability/8ui",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "type": "module",
   "exports": {
     ".": {
@@ -48,6 +48,7 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "react-router-dom": "^7.13.2",
     "sass": "^1.97.3",
     "semantic-release": "^24.2.9",
     "typescript": "~5.9.3",

package/dist/components/assets/closed.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 6L6 18" stroke="#B1B1B1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6 6L18 18" stroke="#B1B1B1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/dist/components/assets/expand-arrow.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.21967 8.46967C4.51256 8.17678 4.98744 8.17678 5.28033 8.46967L12 15.1893L18.7197 8.46967C19.0126 8.17678 19.4874 8.17678 19.7803 8.46967C20.0732 8.76256 20.0732 9.23744 19.7803 9.53033L12.5303 16.7803C12.2374 17.0732 11.7626 17.0732 11.4697 16.7803L4.21967 9.53033C3.92678 9.23744 3.92678 8.76256 4.21967 8.46967Z" fill="#B1B1B1"/>
-</svg>

package/dist/components/assets/visibility-off.svg

@@ -1,5 +0,0 @@
-<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M4.00187 3.07082C3.94973 3.01204 3.88644 2.9642 3.81567 2.93006C3.7449 2.89592 3.66806 2.87617 3.5896 2.87195C3.51114 2.86773 3.43263 2.87912 3.35861 2.90547C3.28458 2.93182 3.21653 2.97259 3.15838 3.02544C3.10023 3.07828 3.05315 3.14214 3.01987 3.21331C2.98658 3.28448 2.96775 3.36156 2.96447 3.44006C2.96119 3.51856 2.97353 3.59693 3.00076 3.67064C3.02799 3.74434 3.06958 3.8119 3.12312 3.86941L4.55109 5.44062C1.85546 7.09496 0.696165 9.64511 0.644954 9.76089C0.611194 9.83683 0.59375 9.919 0.59375 10.0021C0.59375 10.0852 0.611194 10.1674 0.644954 10.2433C0.67093 10.3019 1.29956 11.6958 2.6971 13.0933C4.55925 14.9547 6.91124 15.9389 9.49999 15.9389C10.8305 15.9464 12.1475 15.6725 13.3646 15.1351L14.9974 16.9319C15.0495 16.9907 15.1128 17.0385 15.1836 17.0727C15.2543 17.1068 15.3312 17.1266 15.4096 17.1308C15.4881 17.135 15.5666 17.1236 15.6406 17.0973C15.7147 17.0709 15.7827 17.0301 15.8409 16.9773C15.899 16.9244 15.9461 16.8606 15.9794 16.7894C16.0127 16.7182 16.0315 16.6412 16.0348 16.5627C16.0381 16.4842 16.0257 16.4058 15.9985 16.3321C15.9713 16.2584 15.9297 16.1908 15.8761 16.1333L4.00187 3.07082ZM10.6073 12.1025C10.1416 12.3475 9.6077 12.4309 9.08944 12.3396C8.57118 12.2483 8.09793 11.9874 7.74399 11.598C7.39006 11.2085 7.17549 10.7126 7.13398 10.188C7.09246 9.66336 7.22636 9.13982 7.51464 8.69957L10.6073 12.1025ZM18.355 10.2433C18.3239 10.3131 17.572 11.9778 15.8791 13.4941C15.7624 13.5988 15.6091 13.6531 15.4525 13.6452C15.296 13.6373 15.1489 13.5677 15.0434 13.4518L7.52577 5.18234C7.45386 5.10342 7.40455 5.00657 7.38305 4.90199C7.36155 4.79741 7.36864 4.68896 7.40359 4.58807C7.43853 4.48718 7.50004 4.39759 7.58162 4.32871C7.66321 4.25984 7.76186 4.21424 7.86718 4.19671C8.40687 4.1076 8.953 4.06317 9.49999 4.06386C12.0887 4.06386 14.4407 5.048 16.3029 6.91015C17.7004 8.30769 18.3291 9.70226 18.355 9.76089C18.3888 9.83683 18.4062 9.919 18.4062 10.0021C18.4062 10.0852 18.3888 10.1674 18.355 10.2433Z" fill="#1B1C1E"/>
-</g>
-</svg>

package/dist/components/assets/visibility.svg

@@ -1,5 +0,0 @@
-<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M18.355 9.75953C18.3291 9.7009 17.7004 8.30633 16.3029 6.90879C14.4407 5.04664 12.0887 4.0625 9.49999 4.0625C6.91124 4.0625 4.55925 5.04664 2.6971 6.90879C1.29956 8.30633 0.667962 9.70313 0.644954 9.75953C0.611194 9.83547 0.59375 9.91764 0.59375 10.0007C0.59375 10.0838 0.611194 10.166 0.644954 10.242C0.67093 10.3006 1.29956 11.6944 2.6971 13.092C4.55925 14.9534 6.91124 15.9375 9.49999 15.9375C12.0887 15.9375 14.4407 14.9534 16.3029 13.092C17.7004 11.6944 18.3291 10.3006 18.355 10.242C18.3888 10.166 18.4062 10.0838 18.4062 10.0007C18.4062 9.91764 18.3888 9.83547 18.355 9.75953ZM9.49999 12.9688C8.91283 12.9688 8.33885 12.7946 7.85064 12.4684C7.36244 12.1422 6.98192 11.6786 6.75723 11.1361C6.53253 10.5936 6.47374 9.99671 6.58829 9.42083C6.70284 8.84494 6.98558 8.31596 7.40077 7.90078C7.81596 7.48559 8.34494 7.20284 8.92082 7.08829C9.4967 6.97374 10.0936 7.03253 10.6361 7.25723C11.1786 7.48193 11.6422 7.86244 11.9684 8.35065C12.2946 8.83886 12.4687 9.41284 12.4687 10C12.4687 10.7874 12.156 11.5425 11.5992 12.0992C11.0425 12.656 10.2874 12.9688 9.49999 12.9688Z" fill="#1B1C1E"/>
-</g>
-</svg>

package/dist/components/blackdrop/index.scss

@@ -1,16 +0,0 @@
-.DBui-blackdrop {
-  opacity: 1;
-  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  position: fixed;
-  z-index: var(--z-index-backdrop);
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.4);
-
-  &[data-hidden='true'] {
-    opacity: 0;
-    visibility: hidden;
-  }
-}

package/dist/components/divider/index.scss

@@ -1,4 +0,0 @@
-.DBui-divider {
-    border: 1px solid #9E9E9E;
-    width: 100%;
-}