@datability/8ui 1.2.3 → 1.4.0

package/dist/types/components/typography/index.type.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+export type TypographyWeight = "bold" | "semibold" | "medium" | "text" | "light" | "thin";
+export type PropsTypography = {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    as?: ElementType;
+    weight?: TypographyWeight;
+};

package/dist/types/components/upload-dragger/index.d.ts

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

package/dist/types/components/upload-dragger/index.type.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type UploadDraggerFile = {
+    name: string;
+    error?: boolean;
+};
+export type PropsUploadDragger = {
+    title?: ReactNode;
+    description?: ReactNode;
+    files?: UploadDraggerFile[];
+    onChange?: (files: FileList | null) => void;
+    onRemove?: (index: number) => void;
+    accept?: string;
+    multiple?: boolean;
+    className?: string;
+};

package/dist/types/components/upload-list-item/index.d.ts

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

package/dist/types/components/upload-list-item/index.type.d.ts

@@ -0,0 +1,9 @@
+export type UploadListItemType = "file" | "image";
+export type PropsUploadListItem = {
+    type?: UploadListItemType;
+    name: string;
+    preview?: string;
+    error?: boolean;
+    onRemove?: () => void;
+    className?: string;
+};

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,107 @@
-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 Quantity } from './components/quantity';
+export type { PropsQuantity, QuantitySize, QuantityVariant } from './components/quantity/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/QuantityDemo.d.ts

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

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.3",
+  "version": "1.4.0",
   "type": "module",
   "exports": {
     ".": {
@@ -18,6 +18,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build && npm run cp-scss && npm run cp-scss-2 && npm run cp-svg",
+    "build:demo": "vite build --config vite.config.demo.ts",
     "lint": "eslint .",
     "preview": "vite preview",
     "cp-svg": "copyfiles -u 1 src/components/**/*.svg dist/",
@@ -48,6 +49,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>