bianic-ui 1.4.0-beta → 1.5.0

package/dist/index.d.ts

@@ -96,10 +96,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$1.JSX.Element;
+declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, left, right, minWidth, ...props }: ButtonProps): React$1.JSX.Element;
 declare namespace Button {
     var defaultProps: {
         label: null;
@@ -195,8 +195,9 @@ interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'>
     maxLength?: number;
     inputClassName?: string;
     isFlatRight?: boolean;
+    actionElement?: React$1.ReactNode;
 }
-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 function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, inputClassName, isFlatRight, actionElement, ...props }: TextInputProps): React$1.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;
@@ -247,8 +248,9 @@ 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$1.JSX.Element;
+declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, maxLength, value, readOnly, ...props }: TextAreaProps): React$1.JSX.Element;
 declare namespace TextArea {
     var defaultProps: {
         disabled: boolean;
@@ -268,12 +270,11 @@ interface CheckboxProps$1 extends Omit<ComponentPropsWithoutRef<'input'>, 'size'
     disabled?: boolean;
     id?: string;
     size?: 'md' | 'sm';
-    checked?: boolean;
     label?: string;
     onChange?: (event: React$1.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$1): React$1.JSX.Element;
+declare function Checkbox({ disabled, id, size, label, onChange, ...props }: CheckboxProps$1): React$1.JSX.Element;
 declare namespace Checkbox {
     var defaultProps: {
         disabled: boolean;
@@ -294,10 +295,11 @@ interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size
     options: any;
     required?: boolean;
     selected?: string | number | {
-        label: string;
+        label: string | null;
     };
     setSelected?: any;
 }
+
 declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, ...props }: SelectInputProps): React$1.JSX.Element;
 declare namespace SelectInput {
     var defaultProps: {
@@ -323,8 +325,10 @@ interface LiveSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'
     options?: any;
     setValue?: any;
     value?: any;
+    readOnly?: boolean;
 }
-declare function LiveSearch({ descText, disabled, id, size, label, placeholder, required, options, setValue, value, }: LiveSearchProps): React$1.JSX.Element;
+
+declare function LiveSearch({ descText, disabled, id, size, label, placeholder, required, options, setValue, value, readOnly, }: LiveSearchProps): React$1.JSX.Element;
 declare namespace LiveSearch {
     var defaultProps: {
         descText: string;
@@ -337,6 +341,7 @@ declare namespace LiveSearch {
         options: never[];
         setValue: () => void;
         value: {};
+        readonly: boolean;
     };
 }
 
@@ -380,13 +385,9 @@ interface ModalProps extends ComponentPropsWithoutRef<'div'> {
     title?: string;
     open: boolean;
     onClose: () => void;
+    onClick: () => void;
 }
-declare function Modal({ size, title, open, zIndex, onClose, ...rest }: ModalProps): React$1.JSX.Element | null;
-declare namespace Modal {
-    var defaultProps: {
-        title: null;
-    };
-}
+declare function Modal({ size, title, open, zIndex, onClose, onClick, ...rest }: ModalProps): React$1.JSX.Element | null;
 
 interface PagingProps extends ComponentPropsWithoutRef<'div'> {
     size: 'sm' | 'md';
@@ -435,6 +436,14 @@ interface ProgressCircleProps {
 }
 declare function ProgressCircle({ variant, persentage, }: ProgressCircleProps): React$1.JSX.Element;
 
+interface ProgressBarProps {
+    title?: string;
+    percentage: number;
+    caption?: string;
+    variant?: 'success' | 'failed' | 'loading';
+}
+declare function ProgressBar({ title, percentage, caption, variant, }: ProgressBarProps): React$1.JSX.Element;
+
 interface ResizeableDivProps extends ComponentPropsWithRef<'div'> {
     position?: 'top' | 'right' | 'bottom' | 'left';
     initialWidth?: string | number;
@@ -474,75 +483,20 @@ interface TabMenuProps extends ComponentPropsWithoutRef<'div'> {
 }
 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$1.ReactNode;
-}
-declare function Table({ tableSize, className, children }: TableProps): React$1.JSX.Element;
-declare namespace Table {
-    var defaultProps: {
-        tableSize: string;
-        className: string;
-    };
-}
-
-interface TableRowProps extends ComponentPropsWithoutRef<'tr'> {
-    children: React$1.ReactNode;
-    className?: string;
-}
-declare function TableRow({ className, children }: TableRowProps): React$1.JSX.Element;
-declare namespace TableRow {
-    var defaultProps: {
-        className: string;
-    };
-}
-
-interface TableColProps extends ComponentPropsWithoutRef<'td'> {
+interface TableCellProps extends ComponentPropsWithoutRef<'td'> {
     variant?: 'head' | 'body';
-    alignment?: 'middle' | 'right' | 'left';
+    alignment?: 'center' | 'right' | 'left';
     lined?: boolean;
     size?: 'md' | 'sm' | 'tn';
+    bgColor?: string;
 }
-declare function TableCol({ variant, lined, alignment, className, children, size, }: TableColProps): React$1.JSX.Element;
-declare namespace TableCol {
+declare function TableCell({ variant, alignment, className, children, size, lined, bgColor, ...props }: TableCellProps): React$1.JSX.Element;
+declare namespace TableCell {
     var defaultProps: {
-        variant: string;
-        lined: boolean;
         alignment: string;
+        lined: boolean;
         size: string;
-    };
-}
-
-interface TableHeadProps extends ComponentPropsWithoutRef<'thead'> {
-    children: React$1.ReactNode;
-    className?: string;
-}
-declare function TableHead({ className, children }: TableHeadProps): React$1.JSX.Element;
-declare namespace TableHead {
-    var defaultProps: {
-        className: string;
-    };
-}
-
-interface TableBodyProps extends ComponentPropsWithoutRef<'tbody'> {
-    children: React$1.ReactNode;
-    className?: string;
-}
-declare function TableBody({ className, children }: TableBodyProps): React$1.JSX.Element;
-declare namespace TableBody {
-    var defaultProps: {
-        className: string;
-    };
-}
-
-interface TableDemoProps {
-    tableSize?: 'md' | 'sm' | 'tn';
-}
-declare function TableDemo({ tableSize }: TableDemoProps): React$1.JSX.Element;
-declare namespace TableDemo {
-    var defaultProps: {
-        tableSize: string;
+        variant: string;
     };
 }
 
@@ -646,4 +600,24 @@ declare namespace Text {
     };
 }
 
-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 };
+interface LinkProps extends ComponentPropsWithoutRef<'a'> {
+    extended?: string;
+    children: React$1.ReactNode;
+}
+declare function Link({ extended, children, ...rest }: LinkProps): React$1.JSX.Element;
+declare namespace Link {
+    var defaultProps: {
+        extended: string;
+    };
+}
+
+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$1.JSX.Element | null;
+
+export { Accordions, Alert, Avatar, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, Display, Divider, FileTree, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Piils as Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toggle, Tooltip, Window };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "1.4.0-beta",
+  "version": "1.5.0",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c",
@@ -88,10 +88,9 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0-beta",
     "react-dom": "^18.0.0 || ^19.0.0-beta",
-    "react-icons": "^5.2.1"
+    "react-icons": "^5.2.1",
+    "react-draggable": "^4.4.6"
   },
   "types": "dist/index.d.ts",
-  "dependencies": {
-    "bianic-ui": "^1.0.0-beta.27"
-  }
+  "dependencies": {}
 }

package/dist/cjs/types/components/Scrollbar/Simulation.d.ts

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

package/dist/cjs/types/components/Scrollbar/index.d.ts

@@ -1,3 +0,0 @@
-import ScrollbarSimulation from './Simulation';
-import HiddenScrollbarSimulation from './HiddenSimulation';
-export { ScrollbarSimulation, HiddenScrollbarSimulation };

package/dist/cjs/types/components/Table/Table.d.ts

@@ -1,15 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import './index.css';
-interface TableProps extends ComponentPropsWithoutRef<'table'> {
-    tableSize?: 'md' | 'sm' | 'tn';
-    className?: string;
-    children: React.ReactNode;
-}
-declare function Table({ tableSize, className, children }: TableProps): React.JSX.Element;
-declare namespace Table {
-    var defaultProps: {
-        tableSize: string;
-        className: string;
-    };
-}
-export default Table;

package/dist/cjs/types/components/Table/TableBody.d.ts

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableBodyProps extends ComponentPropsWithoutRef<'tbody'> {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function TableBody({ className, children }: TableBodyProps): React.JSX.Element;
-declare namespace TableBody {
-    var defaultProps: {
-        className: string;
-    };
-}
-export default TableBody;

package/dist/cjs/types/components/Table/TableCol.d.ts

@@ -1,17 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableColProps extends ComponentPropsWithoutRef<'td'> {
-    variant?: 'head' | 'body';
-    alignment?: 'middle' | 'right' | 'left';
-    lined?: boolean;
-    size?: 'md' | 'sm' | 'tn';
-}
-declare function TableCol({ variant, lined, alignment, className, children, size, }: TableColProps): React.JSX.Element;
-declare namespace TableCol {
-    var defaultProps: {
-        variant: string;
-        lined: boolean;
-        alignment: string;
-        size: string;
-    };
-}
-export default TableCol;

package/dist/cjs/types/components/Table/TableDemo.d.ts

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

package/dist/cjs/types/components/Table/TableHead.d.ts

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableHeadProps extends ComponentPropsWithoutRef<'thead'> {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function TableHead({ className, children }: TableHeadProps): React.JSX.Element;
-declare namespace TableHead {
-    var defaultProps: {
-        className: string;
-    };
-}
-export default TableHead;

package/dist/cjs/types/components/Table/TableRow.d.ts

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableRowProps extends ComponentPropsWithoutRef<'tr'> {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function TableRow({ className, children }: TableRowProps): React.JSX.Element;
-declare namespace TableRow {
-    var defaultProps: {
-        className: string;
-    };
-}
-export default TableRow;

package/dist/cjs/types/components/Table/configs.d.ts

@@ -1,16 +0,0 @@
-declare const colAlign: {
-    middle: string;
-    right: string;
-    left: string;
-};
-declare const colSize: {
-    md: string;
-    sm: string;
-    tn: string;
-};
-declare const tableClass: {
-    md: string;
-    sm: string;
-    tn: string;
-};
-export { colAlign, colSize, tableClass };

package/dist/cjs/types/stories/Form/LiveSearch/LiveSearchSimulation.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import LiveSearchSimulation from '../../../components/Forms/LiveSearch/Simulation';
-declare const meta: {
-    title: string;
-    component: typeof LiveSearchSimulation;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simulation: Story;

package/dist/cjs/types/stories/Form/SelectInput/ObjectItemSelectInput.Simulation.stories.d.ts

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

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

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

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

@@ -1,3 +0,0 @@
-import ScrollbarSimulation from './Simulation';
-import HiddenScrollbarSimulation from './HiddenSimulation';
-export { ScrollbarSimulation, HiddenScrollbarSimulation };

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

@@ -1,15 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import './index.css';
-interface TableProps extends ComponentPropsWithoutRef<'table'> {
-    tableSize?: 'md' | 'sm' | 'tn';
-    className?: string;
-    children: React.ReactNode;
-}
-declare function Table({ tableSize, className, children }: TableProps): React.JSX.Element;
-declare namespace Table {
-    var defaultProps: {
-        tableSize: string;
-        className: string;
-    };
-}
-export default Table;

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

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableBodyProps extends ComponentPropsWithoutRef<'tbody'> {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function TableBody({ className, children }: TableBodyProps): React.JSX.Element;
-declare namespace TableBody {
-    var defaultProps: {
-        className: string;
-    };
-}
-export default TableBody;

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

@@ -1,17 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableColProps extends ComponentPropsWithoutRef<'td'> {
-    variant?: 'head' | 'body';
-    alignment?: 'middle' | 'right' | 'left';
-    lined?: boolean;
-    size?: 'md' | 'sm' | 'tn';
-}
-declare function TableCol({ variant, lined, alignment, className, children, size, }: TableColProps): React.JSX.Element;
-declare namespace TableCol {
-    var defaultProps: {
-        variant: string;
-        lined: boolean;
-        alignment: string;
-        size: string;
-    };
-}
-export default TableCol;

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

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

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

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableHeadProps extends ComponentPropsWithoutRef<'thead'> {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function TableHead({ className, children }: TableHeadProps): React.JSX.Element;
-declare namespace TableHead {
-    var defaultProps: {
-        className: string;
-    };
-}
-export default TableHead;

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

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-interface TableRowProps extends ComponentPropsWithoutRef<'tr'> {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function TableRow({ className, children }: TableRowProps): React.JSX.Element;
-declare namespace TableRow {
-    var defaultProps: {
-        className: string;
-    };
-}
-export default TableRow;

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

@@ -1,16 +0,0 @@
-declare const colAlign: {
-    middle: string;
-    right: string;
-    left: string;
-};
-declare const colSize: {
-    md: string;
-    sm: string;
-    tn: string;
-};
-declare const tableClass: {
-    md: string;
-    sm: string;
-    tn: string;
-};
-export { colAlign, colSize, tableClass };

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

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import LiveSearchSimulation from '../../../components/Forms/LiveSearch/Simulation';
-declare const meta: {
-    title: string;
-    component: typeof LiveSearchSimulation;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simulation: Story;

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

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