bianic-ui 1.7.4-alpha.5 → 1.8.0

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var Draggable = require('react-draggable');
 
 function Accordions(_a) {
     var title = _a.title, content = _a.content;
@@ -1649,7 +1648,7 @@ Divider.defaultProps = {
 };
 
 var FileTree = function (_a) {
-    var data = _a.data, color = _a.color, contextMenu = _a.contextMenu, onMouseDown = _a.onMouseDown;
+    var data = _a.data, color = _a.color, chevronColor = _a.chevronColor, contextMenu = _a.contextMenu, onMouseDown = _a.onMouseDown;
     var popupRef = React.useRef(null); // Ref untuk div utama
     var _b = useDetectOutsideClick(popupRef, false), isOpenContMenu = _b[0], setIsOpenContMenu = _b[1];
     var _c = React.useState({ x: 0, y: 0 }), contMenuPosition = _c[0], setContMenuPosition = _c[1];
@@ -1667,7 +1666,7 @@ var FileTree = function (_a) {
     return (React.createElement("div", { className: "file-tree" },
         data.map(function (_a, index) {
             var label = _a.label, nodes = _a.nodes, props = __rest(_a, ["label", "nodes"]);
-            return (React.createElement(TreeItem, __assign({ label: label, nodes: nodes, key: index, color: color, handleRightClick: handleRightClick, onMouseDownTreeItem: onMouseDown }, props)));
+            return (React.createElement(TreeItem, __assign({ label: label, nodes: nodes, key: index, color: color, chevronColor: chevronColor, handleRightClick: handleRightClick, onMouseDownTreeItem: onMouseDown }, props)));
         }),
         isOpenContMenu && (React.createElement("div", { style: menuStyle, ref: popupRef, className: "bianic-filetree-contextmenu absolute z-10" }, React.isValidElement(contextMenu)
             ? // Kirimkan handleItemClick sebagai props onClick ke setiap MenuItem
@@ -1675,13 +1674,13 @@ var FileTree = function (_a) {
             : contextMenu))));
 };
 var TreeItem = function (_a) {
-    var label = _a.label, nodes = _a.nodes, color = _a.color, handleRightClick = _a.handleRightClick, onMouseDownTreeItem = _a.onMouseDownTreeItem, props = __rest(_a, ["label", "nodes", "color", "handleRightClick", "onMouseDownTreeItem"]);
+    var label = _a.label, nodes = _a.nodes, color = _a.color, chevronColor = _a.chevronColor, handleRightClick = _a.handleRightClick, onMouseDownTreeItem = _a.onMouseDownTreeItem, props = __rest(_a, ["label", "nodes", "color", "chevronColor", "handleRightClick", "onMouseDownTreeItem"]);
     var treeRef = React.useRef(null);
     var _b = React.useState(false), isExpand = _b[0], setIsExpand = _b[1];
     var _c = React.useState(false), isFocused = _c[0], setIsFocused = _c[1];
     var _d = useDetectOutsideClick(treeRef, false, 'mousedown'), isClickRight = _d[0], setIsClickRight = _d[1];
-    var focusedIconColor = color
-        ? "text-bia-".concat(color)
+    var focusedIconColor = chevronColor || color
+        ? "text-bia-".concat(chevronColor || color)
         : 'text-bia-coolgrey-light-50';
     var focusedBgColor = color ? "bg-bia-".concat(color) : 'bg-bia-coolgrey-light-50';
     var clickRightClass = 'outline outline-[3px] outline-bia-blue-light-50';
@@ -1691,7 +1690,7 @@ var TreeItem = function (_a) {
             nodes && nodes.length > 0 ? (React.createElement("button", { className: "cursor-pointer", onClick: function (e) {
                     setIsExpand(function (prev) { return !prev; });
                 } },
-                React.createElement(TbChevronRight, { className: "text-bia-coolgrey-light-50 ".concat(isFocused && focusedIconColor, " ").concat(isExpand && 'rotate-90'), size: 18 }))) : (React.createElement("div", { className: "aspect-square w-[18px]" })),
+                React.createElement(TbChevronRight, { className: "".concat(isFocused ? focusedIconColor : 'text-bia-coolgrey-light-20', " ").concat(isExpand && 'rotate-90'), size: 18 }))) : (React.createElement("div", { className: "aspect-square w-[18px]" })),
             React.createElement("button", __assign({ onFocus: function (e) {
                     var _a;
                     setIsFocused(true);
@@ -3248,39 +3247,6 @@ function Toaster(_a) {
                 React.createElement(TbX, { size: 14 })))));
 }
 
-function Window(_a) {
-    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, title = _a.title, open = _a.open; _a.zIndex; var onClose = _a.onClose, rest = __rest(_a, ["size", "title", "open", "zIndex", "onClose"]);
-    var windowSize;
-    // sizing logic
-    switch (size) {
-        case 'sm':
-            windowSize = 'w-[300px]';
-            break;
-        case 'md':
-            windowSize = 'w-[540px]';
-            break;
-        case 'lg':
-            windowSize = 'w-[800px]';
-            break;
-        case 'xl':
-            windowSize = 'w-[1140px]';
-            break;
-        default:
-            windowSize = 'w-[540px]';
-    }
-    if (open) {
-        return (
-        // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
-        React.createElement(Draggable, { handle: ".drag-handle", enableUserSelectHack: false },
-            React.createElement("div", { className: "bianic-window drag-handle flex flex-col gap-[20px] rounded-[5px] bg-white ".concat(windowSize) },
-                React.createElement("div", { className: "bianic-window-header flex cursor-move justify-between px-[20px] pt-[20px]" },
-                    React.createElement("div", { className: " text-wrap text-left font-humnst777 text-[18px] font-bold leading-[21.85px] text-primary-black" }, title),
-                    React.createElement(Button, { variant: "subtle", radius: "full-rounded", iconLeft: React.createElement(TbX, null), size: "tn", onClick: function () { return onClose(); } })),
-                React.createElement("div", { className: "bianic-window-content flex w-full flex-col items-start gap-[20px] px-[20px] pb-[20px] text-primary-black" }, rest.children))));
-    }
-    return null;
-}
-
 exports.Accordions = Accordions;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
@@ -3349,4 +3315,3 @@ exports.TextInput = TextInput;
 exports.Toaster = Toaster;
 exports.Toggle = Toggle;
 exports.Tooltip = Tooltip;
-exports.Window = Window;

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

@@ -3,14 +3,16 @@ interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     label: string;
     nodes?: TreeNode[];
     color?: string;
+    chevronColor?: string;
     handleRightClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseDownTreeItem?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
 export interface FileTreeProps {
     color?: string;
+    chevronColor?: string;
     data: TreeNode[];
     contextMenu?: React.ReactNode;
     onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
-declare const FileTree: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
+declare const FileTree: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => React.JSX.Element;
 export default FileTree;

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

@@ -27,4 +27,3 @@ export { default as TagLabel } from './TagLabel';
 export { default as Tooltip } from './Tooltip';
 export { Display, P, Heading, Text, Link } from './Typography';
 export { Toaster } from './Toaster';
-export { default as Window } from './Window';

package/dist/cjs/types/stories/FileTree/FIleTree.stories.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { FileTreeProps } from '../../components/FileTree';
+declare const meta: {
+    title: string;
+    component: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+    argTypes: {
+        color: {
+            description: string;
+        };
+        chevronColor: {
+            description: string;
+        };
+        contextMenu: {
+            description: string;
+        };
+        onMouseDown: {
+            description: string;
+        };
+        data: {
+            description: string;
+            control: {
+                type: "object";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TwoLevelTree: Story;
+export declare const MixedLevelTree: Story;
+export declare const CustomColor: Story;
+export declare const CustomTextChevronColor: Story;

package/dist/cjs/types/stories/FileTree/FileTreeContextMenu.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
 import { FileTreeProps } from '../../components/FileTree';
 declare const meta: {
     title: string;
-    component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
+    component: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => React.JSX.Element;
     parameters: {
         layout: string;
     };

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

@@ -1,8 +1,7 @@
 import type { StoryObj } from '@storybook/react';
-import { Window } from '../../components';
 declare const meta: {
     title: string;
-    component: typeof Window;
+    component: any;
     parameters: {
         layout: string;
     };

package/dist/esm/index.js

@@ -1,5 +1,4 @@
 import React, { useState, useEffect, useRef, cloneElement, Children } from 'react';
-import Draggable from 'react-draggable';
 
 function Accordions(_a) {
     var title = _a.title, content = _a.content;
@@ -1647,7 +1646,7 @@ Divider.defaultProps = {
 };
 
 var FileTree = function (_a) {
-    var data = _a.data, color = _a.color, contextMenu = _a.contextMenu, onMouseDown = _a.onMouseDown;
+    var data = _a.data, color = _a.color, chevronColor = _a.chevronColor, contextMenu = _a.contextMenu, onMouseDown = _a.onMouseDown;
     var popupRef = useRef(null); // Ref untuk div utama
     var _b = useDetectOutsideClick(popupRef, false), isOpenContMenu = _b[0], setIsOpenContMenu = _b[1];
     var _c = useState({ x: 0, y: 0 }), contMenuPosition = _c[0], setContMenuPosition = _c[1];
@@ -1665,7 +1664,7 @@ var FileTree = function (_a) {
     return (React.createElement("div", { className: "file-tree" },
         data.map(function (_a, index) {
             var label = _a.label, nodes = _a.nodes, props = __rest(_a, ["label", "nodes"]);
-            return (React.createElement(TreeItem, __assign({ label: label, nodes: nodes, key: index, color: color, handleRightClick: handleRightClick, onMouseDownTreeItem: onMouseDown }, props)));
+            return (React.createElement(TreeItem, __assign({ label: label, nodes: nodes, key: index, color: color, chevronColor: chevronColor, handleRightClick: handleRightClick, onMouseDownTreeItem: onMouseDown }, props)));
         }),
         isOpenContMenu && (React.createElement("div", { style: menuStyle, ref: popupRef, className: "bianic-filetree-contextmenu absolute z-10" }, React.isValidElement(contextMenu)
             ? // Kirimkan handleItemClick sebagai props onClick ke setiap MenuItem
@@ -1673,13 +1672,13 @@ var FileTree = function (_a) {
             : contextMenu))));
 };
 var TreeItem = function (_a) {
-    var label = _a.label, nodes = _a.nodes, color = _a.color, handleRightClick = _a.handleRightClick, onMouseDownTreeItem = _a.onMouseDownTreeItem, props = __rest(_a, ["label", "nodes", "color", "handleRightClick", "onMouseDownTreeItem"]);
+    var label = _a.label, nodes = _a.nodes, color = _a.color, chevronColor = _a.chevronColor, handleRightClick = _a.handleRightClick, onMouseDownTreeItem = _a.onMouseDownTreeItem, props = __rest(_a, ["label", "nodes", "color", "chevronColor", "handleRightClick", "onMouseDownTreeItem"]);
     var treeRef = useRef(null);
     var _b = useState(false), isExpand = _b[0], setIsExpand = _b[1];
     var _c = useState(false), isFocused = _c[0], setIsFocused = _c[1];
     var _d = useDetectOutsideClick(treeRef, false, 'mousedown'), isClickRight = _d[0], setIsClickRight = _d[1];
-    var focusedIconColor = color
-        ? "text-bia-".concat(color)
+    var focusedIconColor = chevronColor || color
+        ? "text-bia-".concat(chevronColor || color)
         : 'text-bia-coolgrey-light-50';
     var focusedBgColor = color ? "bg-bia-".concat(color) : 'bg-bia-coolgrey-light-50';
     var clickRightClass = 'outline outline-[3px] outline-bia-blue-light-50';
@@ -1689,7 +1688,7 @@ var TreeItem = function (_a) {
             nodes && nodes.length > 0 ? (React.createElement("button", { className: "cursor-pointer", onClick: function (e) {
                     setIsExpand(function (prev) { return !prev; });
                 } },
-                React.createElement(TbChevronRight, { className: "text-bia-coolgrey-light-50 ".concat(isFocused && focusedIconColor, " ").concat(isExpand && 'rotate-90'), size: 18 }))) : (React.createElement("div", { className: "aspect-square w-[18px]" })),
+                React.createElement(TbChevronRight, { className: "".concat(isFocused ? focusedIconColor : 'text-bia-coolgrey-light-20', " ").concat(isExpand && 'rotate-90'), size: 18 }))) : (React.createElement("div", { className: "aspect-square w-[18px]" })),
             React.createElement("button", __assign({ onFocus: function (e) {
                     var _a;
                     setIsFocused(true);
@@ -3246,37 +3245,4 @@ function Toaster(_a) {
                 React.createElement(TbX, { size: 14 })))));
 }
 
-function Window(_a) {
-    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, title = _a.title, open = _a.open; _a.zIndex; var onClose = _a.onClose, rest = __rest(_a, ["size", "title", "open", "zIndex", "onClose"]);
-    var windowSize;
-    // sizing logic
-    switch (size) {
-        case 'sm':
-            windowSize = 'w-[300px]';
-            break;
-        case 'md':
-            windowSize = 'w-[540px]';
-            break;
-        case 'lg':
-            windowSize = 'w-[800px]';
-            break;
-        case 'xl':
-            windowSize = 'w-[1140px]';
-            break;
-        default:
-            windowSize = 'w-[540px]';
-    }
-    if (open) {
-        return (
-        // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
-        React.createElement(Draggable, { handle: ".drag-handle", enableUserSelectHack: false },
-            React.createElement("div", { className: "bianic-window drag-handle flex flex-col gap-[20px] rounded-[5px] bg-white ".concat(windowSize) },
-                React.createElement("div", { className: "bianic-window-header flex cursor-move justify-between px-[20px] pt-[20px]" },
-                    React.createElement("div", { className: " text-wrap text-left font-humnst777 text-[18px] font-bold leading-[21.85px] text-primary-black" }, title),
-                    React.createElement(Button, { variant: "subtle", radius: "full-rounded", iconLeft: React.createElement(TbX, null), size: "tn", onClick: function () { return onClose(); } })),
-                React.createElement("div", { className: "bianic-window-content flex w-full flex-col items-start gap-[20px] px-[20px] pb-[20px] text-primary-black" }, rest.children))));
-    }
-    return null;
-}
-
-export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, Display, Divider, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
+export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, Display, Divider, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip };

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

@@ -3,14 +3,16 @@ interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     label: string;
     nodes?: TreeNode[];
     color?: string;
+    chevronColor?: string;
     handleRightClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseDownTreeItem?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
 export interface FileTreeProps {
     color?: string;
+    chevronColor?: string;
     data: TreeNode[];
     contextMenu?: React.ReactNode;
     onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
-declare const FileTree: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
+declare const FileTree: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => React.JSX.Element;
 export default FileTree;

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

@@ -27,4 +27,3 @@ export { default as TagLabel } from './TagLabel';
 export { default as Tooltip } from './Tooltip';
 export { Display, P, Heading, Text, Link } from './Typography';
 export { Toaster } from './Toaster';
-export { default as Window } from './Window';

package/dist/esm/types/stories/FileTree/FIleTree.stories.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { FileTreeProps } from '../../components/FileTree';
+declare const meta: {
+    title: string;
+    component: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+    argTypes: {
+        color: {
+            description: string;
+        };
+        chevronColor: {
+            description: string;
+        };
+        contextMenu: {
+            description: string;
+        };
+        onMouseDown: {
+            description: string;
+        };
+        data: {
+            description: string;
+            control: {
+                type: "object";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TwoLevelTree: Story;
+export declare const MixedLevelTree: Story;
+export declare const CustomColor: Story;
+export declare const CustomTextChevronColor: Story;

package/dist/esm/types/stories/FileTree/FileTreeContextMenu.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
 import { FileTreeProps } from '../../components/FileTree';
 declare const meta: {
     title: string;
-    component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
+    component: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => React.JSX.Element;
     parameters: {
         layout: string;
     };

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

@@ -1,8 +1,7 @@
 import type { StoryObj } from '@storybook/react';
-import { Window } from '../../components';
 declare const meta: {
     title: string;
-    component: typeof Window;
+    component: any;
     parameters: {
         layout: string;
     };

package/dist/index.d.ts

@@ -152,16 +152,18 @@ interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     label: string;
     nodes?: TreeNode[];
     color?: string;
+    chevronColor?: string;
     handleRightClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
     onMouseDownTreeItem?: (e: React$1.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
 interface FileTreeProps {
     color?: string;
+    chevronColor?: string;
     data: TreeNode[];
     contextMenu?: React$1.ReactNode;
     onMouseDown?: (e: React$1.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
-declare const FileTree: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React$1.JSX.Element;
+declare const FileTree: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => React$1.JSX.Element;
 
 interface MenuContainerProps {
     isTopFlat?: boolean;
@@ -708,13 +710,4 @@ interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
 }
 declare function Toaster({ children, title, icon, onClose, variant, position, }: ToasterProps): React$1.JSX.Element;
 
-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, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, Display, Divider, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
+export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, Display, Divider, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "1.7.4-alpha.5",
+  "version": "1.8.0",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c",
@@ -76,6 +76,9 @@
     "url-loader": "^4.1.1",
     "webpack": "^5.88.2"
   },
+  "dependencies": {
+    "react-draggable": "^4.4.6"
+  },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "files": [
@@ -88,7 +91,6 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0-beta",
     "react-dom": "^18.0.0 || ^19.0.0-beta",
-    "react-draggable": "^4.4.6",
     "react-icons": "^5.2.1"
   },
   "types": "dist/index.d.ts"

package/dist/cjs/types/stories/FileTree/FileTree.stories.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-import { FileTreeProps } from '../../components/FileTree';
-declare const meta: {
-    title: string;
-    component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => import("react").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TwoLevelTree: Story;
-export declare const MixedLevelTree: Story;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-import { FileTreeProps } from '../../components/FileTree';
-declare const meta: {
-    title: string;
-    component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => import("react").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TwoLevelTree: Story;
-export declare const MixedLevelTree: Story;