bianic-ui 2.10.1 → 2.11.0

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

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface CountdownProps extends React.ComponentPropsWithoutRef<'div'> {
     seconds: number;
+    maxSeconds: number;
     variant?: 'countdown' | 'success';
 }
 declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import SelectInputProps from './PropsInterface';
-declare function SelectInput({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React.JSX.Element;
+declare function SelectInput({ descText, disabled, size, id, isValid, label, options, readOnly, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React.JSX.Element;
 declare namespace SelectInput {
     var defaultProps: {
         descText: string;

package/dist/esm/types/components/Icons/Unlinked.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './interface';
+declare const Unlinked: ({ className, fill, size, }: IconProps) => React.JSX.Element;
+export default Unlinked;

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

@@ -15,9 +15,10 @@ export { default as BCNeutral } from './Neutral';
 export { default as BCNode } from './Node';
 export { default as BCOutlet } from './Outlet';
 export { default as BCPort } from './Port';
+export { default as BCRhombus } from './Rhombus';
 export { default as BCSelectAllAdd } from './SelectAllAdd';
 export { default as BCSelectAllRemove } from './SelectAllRemove';
 export { default as BCSpinner } from './Spinner';
 export { default as BCStack } from './Stack';
-export { default as BCRhombus } from './Rhombus';
+export { default as BCUnlinked } from './Unlinked';
 export { default as BCVirtualPort } from './VirtualPort';

package/dist/esm/types/components/Popover/PropInterface.d.ts

@@ -7,6 +7,7 @@ export interface PopoverProps {
     title?: string;
     style?: React.CSSProperties;
     zIndex?: number;
+    color?: 'black' | 'white';
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 export interface PopoverItemProps {
@@ -16,5 +17,6 @@ export interface PopoverItemProps {
     style?: React.CSSProperties;
     title: string;
     zIndex?: number;
+    color?: 'black' | 'white';
     direction: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }

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

@@ -2,42 +2,42 @@ declare const classConfig: {
     top: {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
     right: {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
     bottom: {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
     left: {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
     'top-right': {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
     'top-left': {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
     'bottom-right': {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
     'bottom-left': {
         tooltipContainer: string;
         triangleContainer: string;
-        triangleShape: string;
+        triangleBorders: string;
     };
 };
 export default classConfig;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PopoverProps } from './PropInterface';
-declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, }: PopoverProps): React.JSX.Element;
+declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, color, }: PopoverProps): React.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
         direction: string;

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

@@ -1,6 +1,7 @@
 import { ComponentPropsWithoutRef, Dispatch, SetStateAction } from 'react';
 import React from 'react';
 interface TableFooterControllerProps extends ComponentPropsWithoutRef<'div'> {
+    size: 'sm' | 'md';
     currentPage: number;
     totalPages: number;
     pageSize: number;
@@ -8,5 +9,5 @@ interface TableFooterControllerProps extends ComponentPropsWithoutRef<'div'> {
     setPageSize: Dispatch<SetStateAction<number>>;
     isLoading?: boolean;
 }
-declare const TableFooterController: ({ currentPage, totalPages, pageSize, setCurrentPage, setPageSize, isLoading, }: TableFooterControllerProps) => React.JSX.Element;
+declare const TableFooterController: ({ currentPage, totalPages, pageSize, setCurrentPage, setPageSize, isLoading, size, }: TableFooterControllerProps) => React.JSX.Element;
 export default TableFooterController;

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

@@ -1,9 +1,10 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 interface TableHeaderControllerProps extends ComponentPropsWithoutRef<'div'> {
+    size?: 'sm' | 'md';
     buttonActions?: ReactNode[];
     totalData?: number;
     firstIndex?: number;
     lastIndex?: number;
 }
-declare const TableHeaderController: ({ buttonActions, totalData, firstIndex, lastIndex, }: TableHeaderControllerProps) => React.JSX.Element;
+declare const TableHeaderController: ({ size, buttonActions, totalData, firstIndex, lastIndex, }: TableHeaderControllerProps) => React.JSX.Element;
 export default TableHeaderController;

package/dist/esm/types/components/Tooltip/PropsInterface.d.ts

@@ -10,6 +10,7 @@ interface TooltipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 interface TooltipItemProps {
+    active?: boolean;
     anchorRef: RefObject<HTMLDivElement>;
     className?: string;
     content: ReactNode | string;

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

@@ -16,3 +16,4 @@ export declare const DemoIconButtonDanger: Story;
 export declare const DemoIconButtonInfo: Story;
 export declare const DemoIconButtonSuccess: Story;
 export declare const DemoIconButtonWarning: Story;
+export declare const DemoMoreText: Story;

package/dist/esm/types/stories/Icons/Unlinked.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-webpack5';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ className, fill, size, }: import("../../components/Icons/interface").IconProps) => React.JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Preview: Story;

package/dist/index.d.ts

@@ -153,6 +153,7 @@ declare function Color(): React$1.JSX.Element;
 
 interface CountdownProps extends React$1.ComponentPropsWithoutRef<'div'> {
     seconds: number;
+    maxSeconds: number;
     variant?: 'countdown' | 'success';
 }
 declare const Countdown: React$1.ForwardRefExoticComponent<CountdownProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -380,7 +381,7 @@ interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size
     dropContProps?: Omit<DropdownContainerProps, 'children'>;
 }
 
-declare function SelectInput({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React$1.JSX.Element;
+declare function SelectInput({ descText, disabled, size, id, isValid, label, options, readOnly, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React$1.JSX.Element;
 declare namespace SelectInput {
     var defaultProps: {
         descText: string;
@@ -601,6 +602,8 @@ declare const Outlet: ({ className, fill, size }: IconProps) => React$1.JSX.Elem
 
 declare const Port: ({ className, fill, size }: IconProps) => React$1.JSX.Element;
 
+declare const Rhombus: ({ className, fill, size, }: IconProps) => React$1.JSX.Element;
+
 declare const SelectAllAdd: ({ className, fill, size, }: IconProps) => React$1.JSX.Element;
 
 declare const SelectAllRemove: ({ className, fill, size, }: IconProps) => React$1.JSX.Element;
@@ -609,7 +612,7 @@ declare const Spinner$1: ({ className, fill, size }: IconProps) => React$1.JSX.E
 
 declare const Stack: ({ className, fill, size }: IconProps) => React$1.JSX.Element;
 
-declare const Rhombus: ({ className, fill, size, }: IconProps) => React$1.JSX.Element;
+declare const Unlinked: ({ className, fill, size, }: IconProps) => React$1.JSX.Element;
 
 declare const VirtualPort: ({ className, fill, size }: IconProps) => React$1.JSX.Element;
 
@@ -679,10 +682,11 @@ interface PopoverProps {
     title?: string;
     style?: React.CSSProperties;
     zIndex?: number;
+    color?: 'black' | 'white';
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 
-declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, }: PopoverProps): React$1.JSX.Element;
+declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, color, }: PopoverProps): React$1.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
         direction: string;
@@ -860,6 +864,7 @@ interface EmptyTableProps {
 declare const EmptyTable: ({ content, subContent }: EmptyTableProps) => React$1.JSX.Element;
 
 interface TableFooterControllerProps extends ComponentPropsWithoutRef<'div'> {
+    size: 'sm' | 'md';
     currentPage: number;
     totalPages: number;
     pageSize: number;
@@ -867,15 +872,16 @@ interface TableFooterControllerProps extends ComponentPropsWithoutRef<'div'> {
     setPageSize: Dispatch<SetStateAction<number>>;
     isLoading?: boolean;
 }
-declare const TableFooterController: ({ currentPage, totalPages, pageSize, setCurrentPage, setPageSize, isLoading, }: TableFooterControllerProps) => React$1.JSX.Element;
+declare const TableFooterController: ({ currentPage, totalPages, pageSize, setCurrentPage, setPageSize, isLoading, size, }: TableFooterControllerProps) => React$1.JSX.Element;
 
 interface TableHeaderControllerProps extends ComponentPropsWithoutRef<'div'> {
+    size?: 'sm' | 'md';
     buttonActions?: ReactNode[];
     totalData?: number;
     firstIndex?: number;
     lastIndex?: number;
 }
-declare const TableHeaderController: ({ buttonActions, totalData, firstIndex, lastIndex, }: TableHeaderControllerProps) => React$1.JSX.Element;
+declare const TableHeaderController: ({ size, buttonActions, totalData, firstIndex, lastIndex, }: TableHeaderControllerProps) => React$1.JSX.Element;
 
 interface TableSearchInputProps extends ComponentPropsWithoutRef<'input'> {
     isShow: boolean;
@@ -1097,4 +1103,4 @@ declare const useTableDataHandler: (initialData: any[], options?: UseTableDataOp
     handleSortChange: (key: string) => void;
 };
 
-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, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, Rhombus as BCRhombus, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, BlockLoading, Brand, Breadcrumb, Button, ButtonApp, Card, Checkbox, Color, ContextualButton, Countdown, DatePicker, Display, Divider, DropdownContainer, DropdownItem, EmptyTable, FileTree, FormGroup, FormGroupButton, FormGroupLabel, FormLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, MonospaceBadge, Notification, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, SidebarContainer, SidebarItem, SidebarMenu, SidebarProfile, Slider, Spinner, Tab, TabMenu, Table, TableBody, TableCell, TableFooterController, TableHead, TableHeaderController, TableRow, TableSearchInput, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, TreeItem, StepperItem as VerticalStepper, Window, getRelativeTime, useFileTree, useTableDataHandler };
+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, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, Rhombus as BCRhombus, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, Unlinked as BCUnlinked, VirtualPort as BCVirtualPort, Badge, Banner, BlockLoading, Brand, Breadcrumb, Button, ButtonApp, Card, Checkbox, Color, ContextualButton, Countdown, DatePicker, Display, Divider, DropdownContainer, DropdownItem, EmptyTable, FileTree, FormGroup, FormGroupButton, FormGroupLabel, FormLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, MonospaceBadge, Notification, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, SidebarContainer, SidebarItem, SidebarMenu, SidebarProfile, Slider, Spinner, Tab, TabMenu, Table, TableBody, TableCell, TableFooterController, TableHead, TableHeaderController, TableRow, TableSearchInput, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, TreeItem, StepperItem as VerticalStepper, Window, getRelativeTime, useFileTree, useTableDataHandler };

package/package.json

@@ -1,143 +1,143 @@
-{
-  "name": "bianic-ui",
-  "publishConfig": {
-    "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
-  },
-  "version": "2.10.1",
-  "description": "Design Language System develop by BIAENERGI",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:bia-energi/bianic-2.0.git"
-  },
-  "scripts": {
-    "rollup": "rollup -c",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
-    "chromatic": "echo 'Chromatic not configured'",
-    "lint": "npx eslint src/components",
-    "lint:fix": "npx eslint src/components --fix",
-    "prepare": "husky install",
-    "release": "standard-version",
-    "release:alpha": "node scripts/release.js alpha",
-    "release:beta": "node scripts/release.js beta",
-    "release:stable": "node scripts/release.js"
-  },
-  "standard-version": {
-    "types": [
-      {
-        "type": "feat",
-        "section": "✨ Features",
-        "hidden": false
-      },
-      {
-        "type": "fix",
-        "section": "🐛 Bug Fixes",
-        "hidden": false
-      },
-      {
-        "type": "perf",
-        "section": "🚀 Performance Improvements",
-        "hidden": false
-      },
-      {
-        "type": "style",
-        "section": "🎨 Styling Changes",
-        "hidden": false
-      },
-      {
-        "type": "docs",
-        "section": "📖 Documentation",
-        "hidden": false
-      },
-      {
-        "type": "chore",
-        "hidden": true
-      },
-      {
-        "type": "refactor",
-        "hidden": true
-      }
-    ]
-  },
-  "author": {
-    "name": "Biaenergi"
-  },
-  "license": "ISC",
-  "devDependencies": {
-    "@chromatic-com/storybook": "^5.2.1",
-    "@eslint/js": "^9.5.0",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-typescript": "^11.1.4",
-    "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-docs": "^10.4.2",
-    "@storybook/addon-links": "^10.4.2",
-    "@storybook/addon-onboarding": "^10.4.2",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-webpack5-compiler-swc": "^4.0.3",
-    "@storybook/react-webpack5": "^10.4.2",
-    "@types/react": "^18.2.24",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
-    "autoprefixer": "^10.4.19",
-    "chromatic": "^11.5.3",
-    "css-loader": "^7.1.2",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-node": "^4.1.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.3",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-storybook": "10.4.2",
-    "globals": "^15.6.0",
-    "husky": "^9.0.11",
-    "postcss": "^8.4.31",
-    "postcss-loader": "^8.1.1",
-    "postcss-url": "^10.1.3",
-    "prettier": "^3.3.2",
-    "prettier-plugin-tailwindcss": "^0.5.6",
-    "react-dom": "^18.0.0 || ^19.0.0-beta",
-    "react-draggable": "^4.5.0",
-    "react-icons": "^5.2.1",
-    "rollup": "^3.29.4",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.0.2",
-    "rollup-plugin-image": "^1.0.2",
-    "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.77.6",
-    "sass-loader": "^14.2.1",
-    "standard-version": "^9.5.0",
-    "storybook": "^10.4.2",
-    "style-loader": "^4.0.0",
-    "tailwindcss": "^3.4.4",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "typescript-eslint": "^7.13.1",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.88.2"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist",
-    "dist/*.css",
-    "src/style",
-    "src/font",
-    "tailwind.config.js"
-  ],
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0-beta",
-    "react-dom": "^18.0.0 || ^19.0.0-beta",
-    "react-icons": "^5.2.1"
-  },
-  "types": "dist/index.d.ts",
-  "dependencies": {
-    "tailwind-merge": "^3.6.0"
-  }
-}
+{
+  "name": "bianic-ui",
+  "publishConfig": {
+    "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
+  },
+  "version": "2.11.0",
+  "description": "Design Language System develop by BIAENERGI",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:bia-energi/bianic-2.0.git"
+  },
+  "scripts": {
+    "rollup": "rollup -c",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
+    "chromatic": "echo 'Chromatic not configured'",
+    "lint": "npx eslint src/components",
+    "lint:fix": "npx eslint src/components --fix",
+    "prepare": "husky install",
+    "release": "standard-version",
+    "release:alpha": "node scripts/release.js alpha",
+    "release:beta": "node scripts/release.js beta",
+    "release:stable": "node scripts/release.js"
+  },
+  "standard-version": {
+    "types": [
+      {
+        "type": "feat",
+        "section": "✨ Features",
+        "hidden": false
+      },
+      {
+        "type": "fix",
+        "section": "🐛 Bug Fixes",
+        "hidden": false
+      },
+      {
+        "type": "perf",
+        "section": "🚀 Performance Improvements",
+        "hidden": false
+      },
+      {
+        "type": "style",
+        "section": "🎨 Styling Changes",
+        "hidden": false
+      },
+      {
+        "type": "docs",
+        "section": "📖 Documentation",
+        "hidden": false
+      },
+      {
+        "type": "chore",
+        "hidden": true
+      },
+      {
+        "type": "refactor",
+        "hidden": true
+      }
+    ]
+  },
+  "author": {
+    "name": "Biaenergi"
+  },
+  "license": "ISC",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.2.1",
+    "@eslint/js": "^9.5.0",
+    "@rollup/plugin-commonjs": "^25.0.4",
+    "@rollup/plugin-node-resolve": "^15.2.1",
+    "@rollup/plugin-typescript": "^11.1.4",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-links": "^10.4.2",
+    "@storybook/addon-onboarding": "^10.4.2",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-webpack5-compiler-swc": "^4.0.3",
+    "@storybook/react-webpack5": "^10.4.2",
+    "@types/react": "^18.2.24",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "autoprefixer": "^10.4.19",
+    "chromatic": "^11.5.3",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-node": "^4.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-storybook": "10.4.2",
+    "globals": "^15.6.0",
+    "husky": "^9.0.11",
+    "postcss": "^8.4.31",
+    "postcss-loader": "^8.1.1",
+    "postcss-url": "^10.1.3",
+    "prettier": "^3.3.2",
+    "prettier-plugin-tailwindcss": "^0.5.6",
+    "react-dom": "^18.0.0 || ^19.0.0-beta",
+    "react-draggable": "^4.5.0",
+    "react-icons": "^5.2.1",
+    "rollup": "^3.29.4",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^6.0.2",
+    "rollup-plugin-image": "^1.0.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.77.6",
+    "sass-loader": "^14.2.1",
+    "standard-version": "^9.5.0",
+    "storybook": "^10.4.2",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.4.4",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "typescript-eslint": "^7.13.1",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.88.2"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist",
+    "dist/*.css",
+    "src/style",
+    "src/font",
+    "tailwind.config.js"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0-beta",
+    "react-dom": "^18.0.0 || ^19.0.0-beta",
+    "react-icons": "^5.2.1"
+  },
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "tailwind-merge": "^3.6.0"
+  }
+}