bianic-ui 1.4.0-beta → 1.5.0

package/dist/esm/types/components/Button/Button.d.ts

@@ -9,10 +9,10 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     label?: string;
     radius?: 'default' | 'full-rounded';
     size?: 'lg' | 'md' | 'sm' | 'tn';
-    isFitContent?: boolean;
+    minWidth?: number;
     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, minWidth, ...props }: ButtonProps): React.JSX.Element;
 declare namespace Button {
     var defaultProps: {
         label: null;

package/dist/esm/types/components/Button/buttonConfigs.d.ts

@@ -18,6 +18,12 @@ export declare const sizeConfig: {
     sm: string;
     tn: string;
 };
+export declare const minWidthConfig: {
+    lg: string;
+    md: string;
+    sm: string;
+    tn: string;
+};
 export declare const iconOnlySizeConfig: {
     lg: string;
     md: string;

package/dist/esm/types/components/Forms/Checkbox/index.d.ts

@@ -3,12 +3,11 @@ interface CheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'>
     disabled?: boolean;
     id?: string;
     size?: 'md' | 'sm';
-    checked?: boolean;
     label?: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    value: string | number | readonly string[] | undefined;
+    value?: string | number | readonly string[] | undefined;
 }
-declare function Checkbox({ disabled, id, size, checked, label, onChange, value, }: CheckboxProps): React.JSX.Element;
+declare function Checkbox({ disabled, id, size, label, onChange, ...props }: CheckboxProps): React.JSX.Element;
 declare namespace Checkbox {
     var defaultProps: {
         disabled: boolean;

package/dist/esm/types/components/Forms/DropdownItem/Custom.d.ts

@@ -3,14 +3,20 @@ interface CustomDropdownItemProps {
     className?: string;
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     size?: 'md' | 'sm';
-    children: React.ReactNode;
+    options?: any;
+    isSelected?: boolean;
+    caption?: string;
+    children?: React.ReactNode;
 }
-declare function CustomDropdownItem({ className, children, onClick, size, }: CustomDropdownItemProps): React.JSX.Element;
+declare function CustomDropdownItem({ className, onClick, size, isSelected, options, children, }: CustomDropdownItemProps): React.JSX.Element;
 declare namespace CustomDropdownItem {
     var defaultProps: {
         className: string;
         onClick: () => void;
         size: string;
+        options: never[];
+        isSelected: boolean;
+        caption: string;
     };
 }
 export default CustomDropdownItem;

package/dist/esm/types/components/Forms/LiveSearch/PropsInterface.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from 'react';
+interface LiveSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
+    descText?: string;
+    disabled?: boolean;
+    id?: string;
+    size?: 'md' | 'sm';
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    options?: any;
+    setValue?: any;
+    value?: any;
+    readOnly?: boolean;
+}
+export default LiveSearchProps;

package/dist/esm/types/components/Forms/LiveSearch/Simulation.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-interface LiveSearchSimulationProps {
-    size: 'md' | 'sm';
-}
-declare function LiveSearchSimulation({ size }: LiveSearchSimulationProps): React.JSX.Element;
+import LiveSearchProps from './PropsInterface';
+declare function LiveSearchSimulation({ setValue, value, ...props }: LiveSearchProps): React.JSX.Element;
 export default LiveSearchSimulation;

package/dist/esm/types/components/Forms/LiveSearch/index.d.ts

@@ -1,17 +1,6 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface LiveSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
-    descText?: string;
-    disabled?: boolean;
-    id?: string;
-    size?: 'md' | 'sm';
-    label?: string;
-    placeholder?: string;
-    required?: boolean;
-    options?: any;
-    setValue?: any;
-    value?: any;
-}
-declare function LiveSearch({ descText, disabled, id, size, label, placeholder, required, options, setValue, value, }: LiveSearchProps): React.JSX.Element;
+import React from 'react';
+import LiveSearchProps from './PropsInterface';
+declare function LiveSearch({ descText, disabled, id, size, label, placeholder, required, options, setValue, value, readOnly, }: LiveSearchProps): React.JSX.Element;
 declare namespace LiveSearch {
     var defaultProps: {
         descText: string;
@@ -24,6 +13,7 @@ declare namespace LiveSearch {
         options: never[];
         setValue: () => void;
         value: {};
+        readonly: boolean;
     };
 }
 export default LiveSearch;

package/dist/esm/types/components/Forms/SelectInput/PropsInterface.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from 'react';
+interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
+    descText?: string;
+    disabled?: boolean;
+    id?: string;
+    size?: 'md' | 'sm';
+    label?: string;
+    options: any;
+    required?: boolean;
+    selected?: string | number | {
+        label: string | null;
+    };
+    setSelected?: any;
+}
+export default SelectInputProps;

package/dist/esm/types/components/Forms/SelectInput/Simulation.d.ts

@@ -1,8 +1,4 @@
 import React from 'react';
-interface SelectInputSimulationProps {
-    label: any;
-    size: 'md' | 'sm';
-    options: any;
-}
-declare function SelectInputSimulation({ size, options }: SelectInputSimulationProps): React.JSX.Element;
+import SelectInputProps from './PropsInterface';
+declare function SelectInputSimulation({ selected, ...props }: SelectInputProps): React.JSX.Element;
 export default SelectInputSimulation;

package/dist/esm/types/components/Forms/SelectInput/index.d.ts

@@ -1,17 +1,5 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
-    descText?: string;
-    disabled?: boolean;
-    id?: string;
-    size?: 'md' | 'sm';
-    label?: string;
-    options: any;
-    required?: boolean;
-    selected?: string | number | {
-        label: string;
-    };
-    setSelected?: any;
-}
+import React from 'react';
+import SelectInputProps from './PropsInterface';
 declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, ...props }: SelectInputProps): React.JSX.Element;
 declare namespace SelectInput {
     var defaultProps: {

package/dist/esm/types/components/Forms/TextArea/ResizeIcon.d.ts

@@ -0,0 +1,6 @@
+import React, { SVGProps } from 'react';
+interface ResizeIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+}
+declare const ResizeIcon: ({ className }: ResizeIconProps) => React.JSX.Element;
+export default ResizeIcon;

package/dist/esm/types/components/Forms/TextArea/index.d.ts

@@ -1,4 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
+import './style.css';
 export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     descText?: string;
     disabled?: boolean;
@@ -10,8 +11,9 @@ export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     rows?: number;
     maxLength?: number;
     value?: string;
+    readOnly?: boolean;
 }
-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, readOnly, ...props }: TextAreaProps): React.JSX.Element;
 declare namespace TextArea {
     var defaultProps: {
         disabled: boolean;

package/dist/esm/types/components/Forms/TextInput/index.d.ts

@@ -15,8 +15,9 @@ interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'>
     maxLength?: number;
     inputClassName?: string;
     isFlatRight?: boolean;
+    actionElement?: React.ReactNode;
 }
-declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, inputClassName, isFlatRight, ...props }: TextInputProps): React.JSX.Element;
+declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, inputClassName, isFlatRight, actionElement, ...props }: TextInputProps): React.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;

package/dist/esm/types/components/Modal/Modal.d.ts

@@ -6,11 +6,6 @@ export interface ModalProps extends ComponentPropsWithoutRef<'div'> {
     title?: string;
     open: boolean;
     onClose: () => void;
+    onClick: () => void;
 }
-declare function Modal({ size, title, open, zIndex, onClose, ...rest }: ModalProps): React.JSX.Element | null;
-declare namespace Modal {
-    var defaultProps: {
-        title: null;
-    };
-}
-export default Modal;
+export default function Modal({ size, title, open, zIndex, onClose, onClick, ...rest }: ModalProps): React.JSX.Element | null;

package/dist/esm/types/components/PaginationBar/PaginationBarDemo.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-declare function PaginationBarDemo(): React.JSX.Element;
+interface PaginationBarDemoProps {
+    size?: 'md' | 'sm';
+    position?: 'start' | 'center' | 'end';
+}
+declare function PaginationBarDemo({ size }: PaginationBarDemoProps): React.JSX.Element;
 export default PaginationBarDemo;

package/dist/esm/types/components/Progress/Bar/Simulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function ProgressBarSimulation(): React.JSX.Element;
+export default ProgressBarSimulation;

package/dist/esm/types/components/Progress/Bar/Spinner/index.d.ts

@@ -0,0 +1,7 @@
+import React, { SVGProps } from 'react';
+import './style.css';
+interface SpinnerIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+}
+declare const SpinnerIcon: ({ className, ...props }: SpinnerIconProps) => React.JSX.Element;
+export default SpinnerIcon;

package/dist/esm/types/components/Progress/Bar/config.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+declare const config: {
+    success: {
+        progress: string;
+        statusIcon: React.JSX.Element;
+    };
+    failed: {
+        progress: string;
+        statusIcon: React.JSX.Element;
+    };
+    loading: {
+        progress: string;
+        statusIcon: React.JSX.Element;
+    };
+};
+export default config;

package/dist/esm/types/components/Progress/Bar/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ProgressBarProps {
+    title?: string;
+    percentage: number;
+    caption?: string;
+    variant?: 'success' | 'failed' | 'loading';
+}
+export default function ProgressBar({ title, percentage, caption, variant, }: ProgressBarProps): React.JSX.Element;

package/dist/esm/types/components/Progress/index.d.ts

@@ -1,2 +1,3 @@
 import { ProgressCircle } from './Circle';
-export { ProgressCircle };
+import ProgressBar from './Bar';
+export { ProgressCircle, ProgressBar };

package/dist/esm/types/components/Scrollbar/DefaultSimulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function DefaultScrollbarSimulation(): React.JSX.Element;
+export default DefaultScrollbarSimulation;

package/dist/esm/types/components/TabMenu/configs.d.ts

@@ -25,3 +25,7 @@ export declare const alternativeButtonConfigs: {
     true: string;
     false: string;
 };
+export declare const actionButtonConfig: {
+    true: string;
+    false: string;
+};

package/dist/esm/types/components/Table/TableCell/Demo.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TableCellDemoProps {
+    tableSize?: 'md' | 'sm' | 'tn';
+}
+declare function TableCellDemo(): React.JSX.Element;
+declare namespace TableCellDemo {
+    var defaultProps: {
+        tableSize: string;
+    };
+}
+export default TableCellDemo;

package/dist/esm/types/components/Table/TableCell/TableTestSample.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TableTestSampleProps {
+    tableSize?: 'md' | 'sm' | 'tn';
+}
+declare function TableTestSample({ tableSize }: TableTestSampleProps): React.JSX.Element;
+declare namespace TableTestSample {
+    var defaultProps: {
+        tableSize: string;
+    };
+}
+export default TableTestSample;

package/dist/esm/types/components/Table/TableCell/configs.d.ts

@@ -0,0 +1,21 @@
+declare const alignConfig: {
+    center: string;
+    right: string;
+    left: string;
+};
+declare const sizeConfig: {
+    md: string;
+    sm: string;
+    tn: string;
+};
+declare const bodyTextConfig: {
+    md: string;
+    sm: string;
+    tn: string;
+};
+declare const headTextConfig: {
+    md: string;
+    sm: string;
+    tn: string;
+};
+export { alignConfig, bodyTextConfig, headTextConfig, sizeConfig };

package/dist/esm/types/components/Table/TableCell/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './style.css';
+interface TableCellProps extends ComponentPropsWithoutRef<'td'> {
+    variant?: 'head' | 'body';
+    alignment?: 'center' | 'right' | 'left';
+    lined?: boolean;
+    size?: 'md' | 'sm' | 'tn';
+    bgColor?: string;
+}
+declare function TableCell({ variant, alignment, className, children, size, lined, bgColor, ...props }: TableCellProps): React.JSX.Element;
+declare namespace TableCell {
+    var defaultProps: {
+        alignment: string;
+        lined: boolean;
+        size: string;
+        variant: string;
+    };
+}
+export default TableCell;

package/dist/esm/types/components/Table/index.d.ts

@@ -1,6 +1 @@
-export { default as Table } from './Table';
-export { default as TableRow } from './TableRow';
-export { default as TableCol } from './TableCol';
-export { default as TableHead } from './TableHead';
-export { default as TableBody } from './TableBody';
-export { default as TableDemo } from './TableDemo';
+export { default as TableCell } from './TableCell';

package/dist/esm/types/components/Typography/index.d.ts

@@ -2,3 +2,4 @@ export { default as Display } from './Display';
 export { default as Heading } from './Heading';
 export { default as P } from './P';
 export { default as Text } from './Text/index';
+export { default as Link } from './Text/Link';

package/dist/esm/types/components/Window/index.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import '../../tailwind.css';
+export interface WindowProps extends ComponentPropsWithoutRef<'div'> {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    zIndex?: number;
+    title?: string;
+    open: boolean;
+    onClose: () => void;
+}
+declare function Window({ size, title, open, zIndex, onClose, ...rest }: WindowProps): React.JSX.Element | null;
+export default Window;

package/dist/esm/types/components/Window/windowDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const WindowDemo: () => React.JSX.Element;
+export default WindowDemo;

package/dist/esm/types/components/index.d.ts

@@ -15,13 +15,14 @@ export { default as Modal } from './Modal/Modal';
 export { default as PaginationBar } from './PaginationBar/PaginationBar';
 export { default as Pills } from './Pills/Pills';
 export { default as Popover } from './Popover';
-export { ProgressCircle } from './Progress';
+export { ProgressBar, ProgressCircle } from './Progress';
 export { default as ResizeableDiv } from './ResizeableDiv';
 export { default as Slider } from './Slider';
 export { default as Spinner } from './Spinner/Spinner';
 export { default as Tab } from './Tab/Tab';
 export { default as TabMenu } from './TabMenu/TabMenu';
-export { Table, TableRow, TableCol, TableHead, TableBody, TableDemo, } from './Table';
+export { TableCell } from './Table';
 export { default as TagLabel } from './TagLabel';
 export { default as Tooltip } from './Tooltip';
-export { Display, P, Heading, Text } from './Typography';
+export { Display, P, Heading, Text, Link } from './Typography';
+export { default as Window } from './Window';

package/dist/esm/types/stories/Form/LiveSearch/LiveSearch.stories.d.ts

@@ -1,8 +1,8 @@
 import type { StoryObj } from '@storybook/react';
-import { LiveSearch } from '../../../components';
+import LiveSearchSimulation from '../../../components/Forms/LiveSearch/Simulation';
 declare const meta: {
     title: string;
-    component: typeof LiveSearch;
+    component: typeof LiveSearchSimulation;
     parameters: {
         layout: string;
     };
@@ -12,3 +12,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Demo: Story;
+export declare const Custom: Story;

package/dist/esm/types/stories/Form/SelectInput/SelectInput.stories.d.ts

@@ -1,8 +1,8 @@
 import type { StoryObj } from '@storybook/react';
-import { SelectInput } from '../../../components';
+import SelectInputSimulation from '../../../components/Forms/SelectInput/Simulation';
 declare const meta: {
     title: string;
-    component: typeof SelectInput;
+    component: typeof SelectInputSimulation;
     parameters: {
         layout: string;
     };
@@ -12,3 +12,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Demo: Story;
+export declare const WithCaption: Story;
+export declare const CustomOption: Story;

package/dist/esm/types/stories/PaginationBar/{PaginationBarstories.d.ts → PaginationBar.stories.d.ts}

@@ -6,7 +6,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     args: {};
 };
 export default meta;

package/dist/esm/types/stories/PaginationBar/PaginationBarDemo.stories.d.ts

@@ -6,7 +6,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     args: {};
 };
 export default meta;

package/dist/esm/types/stories/{Table/Table.stories.d.ts → Progress/Bar/ProgressBar.stories.d.ts}

@@ -1,12 +1,11 @@
 import type { StoryObj } from '@storybook/react';
-import { TableDemo } from '../../components';
+import { ProgressBar } from '../../../components';
 declare const meta: {
     title: string;
-    component: typeof TableDemo;
+    component: typeof ProgressBar;
     parameters: {
         layout: string;
     };
-    tags: string[];
     args: {};
 };
 export default meta;

package/dist/esm/types/stories/{Form/SelectInput/SelectInput.Simulation.stories.d.ts → Progress/Bar/ProgressBarSimulation.stories.d.ts}

@@ -1,8 +1,8 @@
 import type { StoryObj } from '@storybook/react';
-import SelectInputSimulation from '../../../components/Forms/SelectInput/Simulation';
+import ProgressBarSimulation from '../../../components/Progress/Bar/Simulation';
 declare const meta: {
     title: string;
-    component: typeof SelectInputSimulation;
+    component: typeof ProgressBarSimulation;
     parameters: {
         layout: string;
     };

package/dist/esm/types/stories/Scrollbar/DefaultSimulation.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import DefaultScrollbarSimulation from '../../components/Scrollbar/DefaultSimulation';
+declare const meta: {
+    title: string;
+    component: typeof DefaultScrollbarSimulation;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/Scrollbar/HiddenSimulation.stories.d.ts

@@ -1,14 +1,13 @@
 import type { StoryObj } from '@storybook/react';
-import { HiddenScrollbarSimulation } from '../../components/Scrollbar';
+import HiddenScrollbarSimulation from '../../components/Scrollbar/HiddenSimulation';
 declare const meta: {
     title: string;
     component: typeof HiddenScrollbarSimulation;
     parameters: {
         layout: string;
     };
-    tags: string[];
     args: {};
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const HiddenSimulation: Story;
+export declare const Hidden: Story;

package/dist/esm/types/stories/Table/TableCell.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import { TableCell } from '../../components/Table';
+declare const meta: {
+    title: string;
+    component: typeof TableCell;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Cell: Story;

package/dist/esm/types/stories/Table/TableCellDemo.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import TableCellDemo from '../../components/Table/TableCell/Demo';
+declare const meta: {
+    title: string;
+    component: typeof TableCellDemo;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CellDemo: Story;

package/dist/esm/types/stories/Table/TableTestSample.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import { default as TestComponent } from '../../components/Table/TableCell/TableTestSample';
+declare const meta: {
+    title: string;
+    component: typeof TestComponent;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TableTestSample: Story;

package/dist/esm/types/stories/Window/Window.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+import { Window } from '../../components';
+declare const meta: {
+    title: string;
+    component: typeof Window;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Demo: Story;

package/dist/{cjs/types/stories/Form/SelectInput/SelectInput.Simulation.stories.d.ts → esm/types/stories/Window/WindowSimulation.stories.d.ts}

@@ -1,8 +1,8 @@
+/// <reference types="react" />
 import type { StoryObj } from '@storybook/react';
-import SelectInputSimulation from '../../../components/Forms/SelectInput/Simulation';
 declare const meta: {
     title: string;
-    component: typeof SelectInputSimulation;
+    component: () => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/esm/types/stories/ZIndex/zindexTable.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ZIndexTable: () => React.JSX.Element;
+export default ZIndexTable;