bianic-ui 1.3.0-beta → 1.4.0-beta

package/dist/index.d.ts

@@ -1,10 +1,11 @@
-import React, { ComponentPropsWithoutRef, ChangeEvent, ComponentPropsWithRef } from 'react';
+/// <reference types="react" />
+import React$1, { ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent } from 'react';
 
 interface AccordionsProps extends ComponentPropsWithoutRef<'div'> {
     title: string;
     content: string;
 }
-declare function Accordions({ title, content }: AccordionsProps): React.JSX.Element;
+declare function Accordions({ title, content }: AccordionsProps): React$1.JSX.Element;
 
 interface AlertProps extends ComponentPropsWithoutRef<'div'> {
     title?: string;
@@ -15,7 +16,7 @@ interface AlertProps extends ComponentPropsWithoutRef<'div'> {
     visibleIcon?: boolean;
     visibleClose?: boolean;
 }
-declare function Alert({ title, caption, variant, visible, setVisible, visibleIcon, visibleClose, children, }: AlertProps): false | React.JSX.Element;
+declare function Alert({ title, caption, variant, visible, setVisible, visibleIcon, visibleClose, children, }: AlertProps): false | React$1.JSX.Element;
 declare namespace Alert {
     var defaultProps: {
         title: string;
@@ -32,7 +33,7 @@ interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
     variant: 'image' | 'picture' | 'initial';
     name?: string;
 }
-declare function Avatar({ size, variant, name }: AvatarProps): React.JSX.Element | null;
+declare function Avatar({ size, variant, name }: AvatarProps): React$1.JSX.Element | null;
 declare namespace Avatar {
     var defaultProps: {
         name: string;
@@ -45,7 +46,7 @@ interface BadgeProps extends ComponentPropsWithoutRef<'span'> {
     color?: string | undefined;
     isInverted?: boolean;
 }
-declare function Badge({ type, children, color, isInverted, className, }: BadgeProps): React.JSX.Element;
+declare function Badge({ type, children, color, isInverted, className, }: BadgeProps): React$1.JSX.Element;
 declare namespace Badge {
     var defaultProps: {
         isInverted: boolean;
@@ -54,13 +55,13 @@ declare namespace Badge {
 }
 
 interface BannerProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     closeable?: boolean;
     open: boolean;
     onClose: (arg0: boolean) => void;
     variant?: 'black' | 'info' | 'success' | 'warning' | 'danger';
 }
-declare function Banner({ children, closeable, variant, open, onClose, }: BannerProps): React.JSX.Element | undefined;
+declare function Banner({ children, closeable, variant, open, onClose, }: BannerProps): React$1.JSX.Element | undefined;
 declare namespace Banner {
     var defaultProps: {
         closeable: boolean;
@@ -72,13 +73,13 @@ interface BrandProps {
     variant: 'brand' | 'primary' | 'secondary' | 'black&white' | 'icon' | 'icon black&white' | 'icon outlined';
     brand: 'biaenergi' | 'flowqount' | 'analytical' | 'getaway' | 'modeler' | 'opera' | 'ecovest' | 'welldone';
 }
-declare function Brand({ variant, brand }: BrandProps): React.JSX.Element;
+declare function Brand({ variant, brand }: BrandProps): React$1.JSX.Element;
 
 interface BreadcrumbProps extends ComponentPropsWithoutRef<'button'> {
     disabled: boolean;
     selected?: boolean;
 }
-declare function Breadcrumb({ disabled, selected, children, onClick, ...rest }: BreadcrumbProps): React.JSX.Element;
+declare function Breadcrumb({ disabled, selected, children, onClick, ...rest }: BreadcrumbProps): React$1.JSX.Element;
 declare namespace Breadcrumb {
     var defaultProps: {
         selected: boolean;
@@ -88,17 +89,17 @@ declare namespace Breadcrumb {
 interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     className?: string;
     disabled?: boolean;
-    iconRight?: React.ReactNode;
-    iconLeft?: React.ReactNode;
-    right?: React.ReactNode;
-    left?: React.ReactNode;
+    iconRight?: React$1.ReactNode;
+    iconLeft?: React$1.ReactNode;
+    right?: React$1.ReactNode;
+    left?: React$1.ReactNode;
     label?: string;
     radius?: 'default' | 'full-rounded';
     size?: 'lg' | 'md' | 'sm' | 'tn';
     isFitContent?: boolean;
     variant?: 'default' | 'danger' | 'info' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'success' | 'warning' | 'default-outlined' | 'danger-outlined' | 'info-outlined' | 'primary-outlined' | 'success-outlined' | 'warning-outlined';
 }
-declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, left, right, isFitContent, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, left, right, isFitContent, ...props }: ButtonProps): React$1.JSX.Element;
 declare namespace Button {
     var defaultProps: {
         label: null;
@@ -115,43 +116,87 @@ declare namespace Button {
 }
 
 interface ButtonAppProps extends ComponentPropsWithoutRef<'button'> {
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     isNotified?: boolean;
     isActive?: boolean;
     color?: 'green' | 'blue';
     label?: string;
 }
-declare const ButtonApp: ({ icon, isNotified, isActive, disabled, color, label, ...rest }: ButtonAppProps) => React.JSX.Element;
+declare const ButtonApp: ({ icon, isNotified, isActive, disabled, color, label, ...rest }: ButtonAppProps) => React$1.JSX.Element;
 
-declare function Color(): React.JSX.Element;
+declare function Color(): React$1.JSX.Element;
 
 interface DividerProps extends ComponentPropsWithoutRef<'div'> {
     orientation: 'horizontal' | 'vertical';
     classname?: string;
 }
-declare function Divider({ orientation, classname }: DividerProps): React.JSX.Element;
+declare function Divider({ orientation, classname }: DividerProps): React$1.JSX.Element;
 declare namespace Divider {
     var defaultProps: {
         classname: string;
     };
 }
 
+interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    nodes?: TreeNode[];
+    color?: string;
+    label: string;
+}
+interface FileTreeProps {
+    color?: string;
+    data: TreeNode[];
+}
+declare const FileTree: ({ data, color }: FileTreeProps) => React$1.JSX.Element;
+
+interface MenuContainerProps {
+    isTopFlat?: boolean;
+    children: React$1.ReactNode | undefined;
+    open?: boolean;
+    onClose?: () => void;
+    className?: string;
+}
+declare function MenuContainer({ isTopFlat, children, open, onClose, className, }: MenuContainerProps): false | React$1.JSX.Element | undefined;
+declare namespace MenuContainer {
+    var defaultProps: {
+        isTopFlat: boolean;
+    };
+}
+
+interface MenuItemProps extends ComponentPropsWithoutRef<'div'> {
+    className?: string;
+    onClick?: (event: React$1.MouseEvent<HTMLDivElement>) => void;
+    label: string;
+    isChecked?: boolean | undefined;
+    caption?: string | undefined;
+    children?: React$1.ReactNode | undefined;
+    onClose?: () => void;
+}
+declare function MenuItem({ className, label, onClick, caption, isChecked, onClose, children, ...props }: MenuItemProps): React$1.JSX.Element;
+declare namespace MenuItem {
+    var defaultProps: {
+        className: string;
+        onClick: () => void;
+    };
+}
+
 interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
     descText?: string;
     disabled?: boolean;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     id?: string;
     size?: 'md' | 'sm';
     isValid?: boolean | null;
     label?: string;
     placeholder?: string;
     readOnly?: boolean;
-    variant?: 'password' | 'text' | 'number' | 'date';
+    variant?: 'password' | 'text' | 'number' | 'date' | 'text-transparent';
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     maxLength?: number;
+    inputClassName?: string;
+    isFlatRight?: boolean;
 }
-declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, ...props }: TextInputProps): React.JSX.Element;
+declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, inputClassName, isFlatRight, ...props }: TextInputProps): React$1.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;
@@ -166,6 +211,8 @@ declare namespace TextInput {
         variant: string;
         value: string;
         onChange: () => void;
+        inputClassName: string;
+        isFlatRight: boolean;
     };
 }
 
@@ -173,11 +220,11 @@ interface RadioProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
     label?: string;
     size?: 'md' | 'sm';
     id?: string;
-    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onClick?: (event: React$1.MouseEvent<HTMLInputElement>) => void;
     disabled?: boolean;
     checked?: boolean;
 }
-declare function Radio({ label, size, id, onClick, disabled, checked, }: RadioProps): React.JSX.Element;
+declare function Radio({ label, size, id, onClick, disabled, checked, }: RadioProps): React$1.JSX.Element;
 declare namespace Radio {
     var defaultProps: {
         label: string;
@@ -201,7 +248,7 @@ interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     maxLength?: number;
     value?: string;
 }
-declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, maxLength, value, ...props }: TextAreaProps): React.JSX.Element;
+declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, maxLength, value, ...props }: TextAreaProps): React$1.JSX.Element;
 declare namespace TextArea {
     var defaultProps: {
         disabled: boolean;
@@ -223,10 +270,10 @@ interface CheckboxProps$1 extends Omit<ComponentPropsWithoutRef<'input'>, 'size'
     size?: 'md' | 'sm';
     checked?: boolean;
     label?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
     value: string | number | readonly string[] | undefined;
 }
-declare function Checkbox({ disabled, id, size, checked, label, onChange, value, }: CheckboxProps$1): React.JSX.Element;
+declare function Checkbox({ disabled, id, size, checked, label, onChange, value, }: CheckboxProps$1): React$1.JSX.Element;
 declare namespace Checkbox {
     var defaultProps: {
         disabled: boolean;
@@ -251,7 +298,7 @@ interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size
     };
     setSelected?: any;
 }
-declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, ...props }: SelectInputProps): React.JSX.Element;
+declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, ...props }: SelectInputProps): React$1.JSX.Element;
 declare namespace SelectInput {
     var defaultProps: {
         descText: string;
@@ -277,7 +324,7 @@ interface LiveSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'
     setValue?: any;
     value?: any;
 }
-declare function LiveSearch({ descText, disabled, id, size, label, placeholder, required, options, setValue, value, }: LiveSearchProps): React.JSX.Element;
+declare function LiveSearch({ descText, disabled, id, size, label, placeholder, required, options, setValue, value, }: LiveSearchProps): React$1.JSX.Element;
 declare namespace LiveSearch {
     var defaultProps: {
         descText: string;
@@ -298,10 +345,10 @@ interface CheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'>
     size?: 'md' | 'sm';
     checked?: boolean;
     id?: string;
-    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onClick?: (event: React$1.MouseEvent<HTMLInputElement>) => void;
     disabled?: boolean;
 }
-declare function Toggle({ label, size, onClick, checked, id, disabled, }: CheckboxProps): React.JSX.Element;
+declare function Toggle({ label, size, onClick, checked, id, disabled, }: CheckboxProps): React$1.JSX.Element;
 declare namespace Toggle {
     var defaultProps: {
         label: string;
@@ -316,24 +363,25 @@ declare namespace Toggle {
 interface SegmentButtonItemProps extends ComponentPropsWithoutRef<'button'> {
     selected: boolean;
     size: 'lg' | 'md' | 'sm' | 'tn';
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     disabled: boolean;
+    isfitContent?: boolean;
     onClick: () => void;
 }
-declare function SegmentButtonItem({ selected, size, children, disabled, onClick, }: SegmentButtonItemProps): React.JSX.Element;
+declare function SegmentButtonItem({ selected, size, children, disabled, isfitContent, onClick, }: SegmentButtonItemProps): React$1.JSX.Element;
 
 declare function SegmentButtonGroup({ children }: {
-    children: React.ReactNode;
-}): React.JSX.Element;
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
 
 interface ModalProps extends ComponentPropsWithoutRef<'div'> {
-    size: 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     zIndex?: number;
     title?: string;
     open: boolean;
     onClose: () => void;
 }
-declare function Modal({ size, title, open, zIndex, onClose, ...rest }: ModalProps): React.JSX.Element | null;
+declare function Modal({ size, title, open, zIndex, onClose, ...rest }: ModalProps): React$1.JSX.Element | null;
 declare namespace Modal {
     var defaultProps: {
         title: null;
@@ -347,15 +395,15 @@ interface PagingProps extends ComponentPropsWithoutRef<'div'> {
     totalPages: number;
     onPageChange: (page: number) => void;
 }
-declare function PaginationBar({ size, position, currentPage, totalPages, onPageChange, }: PagingProps): React.JSX.Element;
+declare function PaginationBar({ size, position, currentPage, totalPages, onPageChange, }: PagingProps): React$1.JSX.Element;
 
 interface PillsProps extends ComponentPropsWithoutRef<'button'> {
     title: string;
     selected: boolean;
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
+    iconLeft?: React$1.ReactNode;
+    iconRight?: React$1.ReactNode;
 }
-declare function Piils({ title, iconLeft, iconRight, selected, onClick, ...props }: PillsProps): React.JSX.Element;
+declare function Piils({ title, iconLeft, iconRight, selected, onClick, ...props }: PillsProps): React$1.JSX.Element;
 declare namespace Piils {
     var defaultProps: {
         iconLeft: null;
@@ -364,7 +412,7 @@ declare namespace Piils {
 }
 
 interface PopoverProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     content: string;
     delay?: number;
     direction?: 'top' | 'right' | 'bottom' | 'left';
@@ -372,7 +420,7 @@ interface PopoverProps {
     open: boolean;
     setOpen: (arg0: boolean) => void;
 }
-declare function Popover({ children, content, delay, direction, title, open, setOpen, }: PopoverProps): React.JSX.Element;
+declare function Popover({ children, content, delay, direction, title, open, setOpen, }: PopoverProps): React$1.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
         delay: number;
@@ -385,15 +433,15 @@ interface ProgressCircleProps {
     variant: 'success' | 'failed' | 'persentage';
     persentage: number;
 }
-declare function ProgressCircle({ variant, persentage, }: ProgressCircleProps): React.JSX.Element;
+declare function ProgressCircle({ variant, persentage, }: ProgressCircleProps): React$1.JSX.Element;
 
 interface ResizeableDivProps extends ComponentPropsWithRef<'div'> {
     position?: 'top' | 'right' | 'bottom' | 'left';
     initialWidth?: string | number;
     initialHeight?: string | number;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
-declare function ResizeableDiv({ position, children, className, initialWidth, initialHeight, }: ResizeableDivProps): React.JSX.Element;
+declare function ResizeableDiv({ position, children, className, initialWidth, initialHeight, }: ResizeableDivProps): React$1.JSX.Element;
 declare namespace ResizeableDiv {
     var defaultProps: {
         position: string;
@@ -403,30 +451,19 @@ declare namespace ResizeableDiv {
 interface SliderProps {
     disabled: boolean;
 }
-declare function Slider({ disabled }: SliderProps): React.JSX.Element;
+declare function Slider({ disabled }: SliderProps): React$1.JSX.Element;
 
-declare function Spinner(): React.JSX.Element;
+declare function Spinner(): React$1.JSX.Element;
 
 interface TabProps extends ComponentPropsWithoutRef<'button'> {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     active: boolean;
-    icon?: React.ReactNode;
-    card?: boolean;
+    icon?: React$1.ReactNode;
     mode?: 'horizontal' | 'vertical';
     fit?: 'fit-content' | 'maximize';
     size?: 'md' | 'sm';
 }
-declare function Tab({ children, active, icon, disabled, mode, fit, size, card, ...rest }: TabProps): React.JSX.Element;
-declare namespace Tab {
-    var defaultProps: {
-        children: null;
-        mode: string;
-        fit: string;
-        size: string;
-        icon: null;
-        card: boolean;
-    };
-}
+declare function Tab({ children, active, icon, disabled, mode, fit, size, ...rest }: TabProps): React$1.JSX.Element;
 
 interface TabMenuProps extends ComponentPropsWithoutRef<'div'> {
     variant?: 'default' | 'alternative';
@@ -435,14 +472,14 @@ interface TabMenuProps extends ComponentPropsWithoutRef<'div'> {
     onClose?: () => void;
     isActive: boolean;
 }
-declare const TabMenu: ({ variant, text, rounded, isActive, onClose, ...rest }: TabMenuProps) => React.JSX.Element;
+declare const TabMenu: ({ variant, text, rounded, isActive, onClose, ...rest }: TabMenuProps) => React$1.JSX.Element;
 
 interface TableProps extends ComponentPropsWithoutRef<'table'> {
     tableSize?: 'md' | 'sm' | 'tn';
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
-declare function Table({ tableSize, className, children }: TableProps): React.JSX.Element;
+declare function Table({ tableSize, className, children }: TableProps): React$1.JSX.Element;
 declare namespace Table {
     var defaultProps: {
         tableSize: string;
@@ -451,10 +488,10 @@ declare namespace Table {
 }
 
 interface TableRowProps extends ComponentPropsWithoutRef<'tr'> {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
-declare function TableRow({ className, children }: TableRowProps): React.JSX.Element;
+declare function TableRow({ className, children }: TableRowProps): React$1.JSX.Element;
 declare namespace TableRow {
     var defaultProps: {
         className: string;
@@ -467,7 +504,7 @@ interface TableColProps extends ComponentPropsWithoutRef<'td'> {
     lined?: boolean;
     size?: 'md' | 'sm' | 'tn';
 }
-declare function TableCol({ variant, lined, alignment, className, children, size, }: TableColProps): React.JSX.Element;
+declare function TableCol({ variant, lined, alignment, className, children, size, }: TableColProps): React$1.JSX.Element;
 declare namespace TableCol {
     var defaultProps: {
         variant: string;
@@ -478,10 +515,10 @@ declare namespace TableCol {
 }
 
 interface TableHeadProps extends ComponentPropsWithoutRef<'thead'> {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
-declare function TableHead({ className, children }: TableHeadProps): React.JSX.Element;
+declare function TableHead({ className, children }: TableHeadProps): React$1.JSX.Element;
 declare namespace TableHead {
     var defaultProps: {
         className: string;
@@ -489,10 +526,10 @@ declare namespace TableHead {
 }
 
 interface TableBodyProps extends ComponentPropsWithoutRef<'tbody'> {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
-declare function TableBody({ className, children }: TableBodyProps): React.JSX.Element;
+declare function TableBody({ className, children }: TableBodyProps): React$1.JSX.Element;
 declare namespace TableBody {
     var defaultProps: {
         className: string;
@@ -502,7 +539,7 @@ declare namespace TableBody {
 interface TableDemoProps {
     tableSize?: 'md' | 'sm' | 'tn';
 }
-declare function TableDemo({ tableSize }: TableDemoProps): React.JSX.Element;
+declare function TableDemo({ tableSize }: TableDemoProps): React$1.JSX.Element;
 declare namespace TableDemo {
     var defaultProps: {
         tableSize: string;
@@ -516,10 +553,10 @@ interface TagLabelProps extends ComponentPropsWithoutRef<'div'> {
     closeHandler?: () => void;
     open?: boolean;
     text: string;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    left?: React.ReactNode;
-    right?: React.ReactNode;
+    leftIcon?: React$1.ReactNode;
+    rightIcon?: React$1.ReactNode;
+    left?: React$1.ReactNode;
+    right?: React$1.ReactNode;
     bgColor?: string;
     textColor?: string;
     isBlock?: boolean;
@@ -527,7 +564,7 @@ interface TagLabelProps extends ComponentPropsWithoutRef<'div'> {
     isDark?: boolean;
 }
 declare const TagLabel: {
-    ({ color, size, variant, closeHandler, open, text, leftIcon, rightIcon, left, right, bgColor, textColor, isBlock, maxWidth, isDark, ...props }: TagLabelProps): false | React.JSX.Element | undefined;
+    ({ color, size, variant, closeHandler, open, text, leftIcon, rightIcon, left, right, bgColor, textColor, isBlock, maxWidth, isDark, ...props }: TagLabelProps): false | React$1.JSX.Element | undefined;
     defaultProps: {
         variant: string;
         size: string;
@@ -552,7 +589,8 @@ interface TooltipProps {
     maxWidth?: string;
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
-declare function Tooltip(props: TooltipProps): React.JSX.Element;
+
+declare function Tooltip(props: TooltipProps): React$1.JSX.Element;
 declare namespace Tooltip {
     var defaultProps: {
         delay: number;
@@ -566,16 +604,16 @@ declare namespace Tooltip {
 }
 
 interface DisplayProps extends ComponentPropsWithoutRef<'h1'> {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
-declare function Display({ children }: DisplayProps): React.JSX.Element;
+declare function Display({ children }: DisplayProps): React$1.JSX.Element;
 
 interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {
     variant?: '1' | '2' | '3' | '4' | '5' | '6';
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
-declare function Heading({ variant, className, children }: HeadingProps): React.JSX.Element;
+declare function Heading({ variant, className, children }: HeadingProps): React$1.JSX.Element;
 declare namespace Heading {
     var defaultProps: {
         variant: string;
@@ -586,9 +624,9 @@ declare namespace Heading {
 interface ParagraphProps extends ComponentPropsWithoutRef<'p'> {
     className?: string;
     fontSize?: 'size-base' | 'size-sm' | 'size-lg' | 'size-tiny' | 'size-md';
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
-declare function P({ className, fontSize, children, }: ParagraphProps): React.JSX.Element;
+declare function P({ className, fontSize, children, }: ParagraphProps): React$1.JSX.Element;
 declare namespace P {
     var defaultProps: {
         className: string;
@@ -598,14 +636,14 @@ declare namespace P {
 
 interface TextProps extends ComponentPropsWithoutRef<'span'> {
     extended?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     variant: 'large-text' | 'large-text-semibold' | 'medium-text' | 'medium-text-semibold' | 'caption' | 'caption-semibold' | 'normal-text' | 'normal-text-semilight' | 'normal-text-semibold' | 'normal-text-bold' | 'small-text' | 'small-text-semibold' | 'tiny-text' | 'tiny-text-bold' | 'script' | 'link';
 }
-declare function Text({ extended, variant, children }: TextProps): React.JSX.Element;
+declare function Text({ extended, variant, children }: TextProps): React$1.JSX.Element;
 declare namespace Text {
     var defaultProps: {
         extended: string;
     };
 }
 
-export { Accordions, Alert, Avatar, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, Display, Divider, Heading, LiveSearch, Modal, P, PaginationBar, Piils as Pills, Popover, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, Table, TableBody, TableCol, TableDemo, TableHead, TableRow, TagLabel, Text, TextArea, TextInput, Toggle, Tooltip };
+export { Accordions, Alert, Avatar, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, Display, Divider, FileTree, Heading, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Piils as Pills, Popover, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, Table, TableBody, TableCol, TableDemo, TableHead, TableRow, TagLabel, Text, TextArea, TextInput, Toggle, Tooltip };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "1.3.0-beta",
+  "version": "1.4.0-beta",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c",

package/tailwind.config.js

@@ -454,6 +454,7 @@ module.exports = {
       fontFamily: {
         humnst777: ['humnst777', 'sans-serif'],
         segoe: ['SegoeUI', 'sans-serif'],
+        arial: ['Arial', 'sans-serif'],
       },
       fontSize: {
         'heading-1': [