bianic-ui 1.3.0-beta → 1.4.0-beta

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

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef } from 'react';
+interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    nodes?: TreeNode[];
+    color?: string;
+    label: string;
+}
+export interface FileTreeProps {
+    color?: string;
+    data: TreeNode[];
+}
+declare const FileTree: ({ data, color }: FileTreeProps) => React.JSX.Element;
+export default FileTree;

package/dist/cjs/types/components/Forms/SegmentButton/SegmentButtonItem.d.ts

@@ -4,6 +4,7 @@ export interface SegmentButtonItemProps extends ComponentPropsWithoutRef<'button
     size: 'lg' | 'md' | 'sm' | 'tn';
     children: React.ReactNode;
     disabled: boolean;
+    isfitContent?: boolean;
     onClick: () => void;
 }
-export default function SegmentButtonItem({ selected, size, children, disabled, onClick, }: SegmentButtonItemProps): React.JSX.Element;
+export default function SegmentButtonItem({ selected, size, children, disabled, isfitContent, onClick, }: SegmentButtonItemProps): React.JSX.Element;

package/dist/cjs/types/components/Forms/SegmentButton/config.d.ts

@@ -14,4 +14,10 @@ declare const sizeConfig: {
     sm: string;
     tn: string;
 };
-export { isSelectedConfig, roundedConfig, sizeConfig };
+declare const minWidthConfig: {
+    lg: string;
+    md: string;
+    sm: string;
+    tn: string;
+};
+export { isSelectedConfig, roundedConfig, sizeConfig, minWidthConfig };

package/dist/cjs/types/components/Forms/TextInput/Simulation.d.ts

@@ -1,11 +1,8 @@
 import React from 'react';
 interface TextInputSimulationProps {
     size?: 'md' | 'sm';
+    backgroundColor?: string;
 }
-declare function TextInputSimulation({ size }: TextInputSimulationProps): React.JSX.Element;
-declare namespace TextInputSimulation {
-    var defaultProps: {
-        size: string;
-    };
-}
-export default TextInputSimulation;
+export declare const TextInputSimulationComponent: ({ size, }: TextInputSimulationProps) => React.JSX.Element;
+export declare const TransparentTextInputSimulationComponent: ({ backgroundColor, size, }: TextInputSimulationProps) => React.JSX.Element;
+export {};

package/dist/cjs/types/components/Forms/TextInput/configs.d.ts

@@ -27,4 +27,8 @@ export declare const styleConfig: {
         fieldStyle: string;
         iconStyle: string;
     };
+    'text-transparent': {
+        fieldStyle: string;
+        iconStyle: string;
+    };
 };

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

@@ -9,12 +9,14 @@ interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'>
     label?: string;
     placeholder?: string;
     readOnly?: boolean;
-    variant?: 'password' | 'text' | 'number' | 'date';
+    variant?: 'password' | 'text' | 'number' | 'date' | 'text-transparent';
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     maxLength?: number;
+    inputClassName?: string;
+    isFlatRight?: boolean;
 }
-declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, ...props }: TextInputProps): React.JSX.Element;
+declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, inputClassName, isFlatRight, ...props }: TextInputProps): React.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;
@@ -29,6 +31,8 @@ declare namespace TextInput {
         variant: string;
         value: string;
         onChange: () => void;
+        inputClassName: string;
+        isFlatRight: boolean;
     };
 }
 export default TextInput;

package/dist/cjs/types/components/Menu/Example/BasicExample.d.ts

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

package/dist/cjs/types/components/Menu/Example/FilterExample.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare function Filter(): React.JSX.Element;
+declare namespace Filter {
+    var defaultProps: {
+        className: string;
+        onClick: () => void;
+    };
+}
+export default Filter;

package/dist/cjs/types/components/Menu/Example/NestedExample.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface NestedExampleProps {
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    children: React.ReactNode;
+}
+declare function NestedExample({}: NestedExampleProps): React.JSX.Element;
+declare namespace NestedExample {
+    var defaultProps: {
+        className: string;
+        onClick: () => void;
+    };
+}
+export default NestedExample;

package/dist/cjs/types/components/Menu/MenuContainer.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface MenuContainerProps {
+    isTopFlat?: boolean;
+    children: React.ReactNode | undefined;
+    open?: boolean;
+    onClose?: () => void;
+    className?: string;
+}
+declare function MenuContainer({ isTopFlat, children, open, onClose, className, }: MenuContainerProps): false | React.JSX.Element | undefined;
+declare namespace MenuContainer {
+    var defaultProps: {
+        isTopFlat: boolean;
+    };
+}
+export default MenuContainer;

package/dist/cjs/types/components/Menu/MenuItem.d.ts

@@ -0,0 +1,18 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+export interface MenuItemProps extends ComponentPropsWithoutRef<'div'> {
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    label: string;
+    isChecked?: boolean | undefined;
+    caption?: string | undefined;
+    children?: React.ReactNode | undefined;
+    onClose?: () => void;
+}
+declare function MenuItem({ className, label, onClick, caption, isChecked, onClose, children, ...props }: MenuItemProps): React.JSX.Element;
+declare namespace MenuItem {
+    var defaultProps: {
+        className: string;
+        onClick: () => void;
+    };
+}
+export default MenuItem;

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

@@ -0,0 +1,3 @@
+import MenuContainer from './MenuContainer';
+import MenuItem from './MenuItem';
+export { MenuContainer, MenuItem };

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

@@ -1,7 +1,7 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 import '../../tailwind.css';
 export interface ModalProps extends ComponentPropsWithoutRef<'div'> {
-    size: 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     zIndex?: number;
     title?: string;
     open: boolean;

package/dist/cjs/types/components/Tab/CardTab.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+export interface TabProps extends ComponentPropsWithoutRef<'button'> {
+    children?: React.ReactNode;
+    isActive: boolean;
+    iconRight?: React.ReactNode;
+    iconLeft?: React.ReactNode;
+    mode?: 'dropdown' | 'default';
+    onDropdownClick?: () => void;
+    size?: 'md' | 'sm';
+    label?: string;
+}
+declare const CardTab: ({ isActive, iconLeft, iconRight, mode, onDropdownClick, size, label, disabled, ...props }: TabProps) => React.JSX.Element;
+export default CardTab;

package/dist/cjs/types/components/Tab/CardTabConfig.d.ts

@@ -0,0 +1,26 @@
+export declare const colorConfig: {
+    active: string;
+    default: string;
+};
+export declare const dropdownColorConfig: {
+    active: string;
+    default: string;
+};
+export declare const paddingConfig: {
+    md: {
+        dropdown: string;
+        default: string;
+    };
+    sm: {
+        dropdown: string;
+        default: string;
+    };
+};
+export declare const textConfig: {
+    md: string;
+    sm: string;
+};
+export declare const radiusConfig: {
+    md: string;
+    sm: string;
+};

package/dist/cjs/types/components/Tab/CardTabDemo.d.ts

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

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

@@ -3,20 +3,8 @@ export interface TabProps extends ComponentPropsWithoutRef<'button'> {
     children?: React.ReactNode;
     active: boolean;
     icon?: React.ReactNode;
-    card?: boolean;
     mode?: 'horizontal' | 'vertical';
     fit?: 'fit-content' | 'maximize';
     size?: 'md' | 'sm';
 }
-declare function Tab({ children, active, icon, disabled, mode, fit, size, card, ...rest }: TabProps): React.JSX.Element;
-declare namespace Tab {
-    var defaultProps: {
-        children: null;
-        mode: string;
-        fit: string;
-        size: string;
-        icon: null;
-        card: boolean;
-    };
-}
-export default Tab;
+export default function Tab({ children, active, icon, disabled, mode, fit, size, ...rest }: TabProps): React.JSX.Element;

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

@@ -1,2 +1,3 @@
 export { default as Tab } from './Tab';
+export { default as CardTab } from './CardTab';
 export { default as TabDemo } from './TabDemo';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface TooltipProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    delay?: number;
+    maxWidth?: string;
+    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}
+export default TooltipProps;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import TooltipProps from './PropsInterface';
+declare function TooltipDemo(props: TooltipProps): React.JSX.Element;
+declare namespace TooltipDemo {
+    var defaultProps: {
+        delay: number;
+        direction: string;
+        maxWidth: string;
+    } | {
+        delay?: undefined;
+        direction?: undefined;
+        maxWidth?: undefined;
+    };
+}
+export default TooltipDemo;

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

@@ -1,11 +1,5 @@
 import React from 'react';
-interface TooltipProps {
-    children: React.ReactNode;
-    content: React.ReactNode;
-    delay?: number;
-    maxWidth?: string;
-    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-}
+import TooltipProps from './PropsInterface';
 declare function Tooltip(props: TooltipProps): React.JSX.Element;
 declare namespace Tooltip {
     var defaultProps: {

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

@@ -8,6 +8,8 @@ export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
 export { Button, ButtonApp } from './Button';
 export { default as Color } from './Color';
 export { default as Divider } from './Divider/Divider';
+export { default as FileTree } from './FileTree';
+export { MenuContainer, MenuItem } from './Menu';
 export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, } from './Forms';
 export { default as Modal } from './Modal/Modal';
 export { default as PaginationBar } from './PaginationBar/PaginationBar';

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { FileTreeProps } from '../../components/FileTree';
+declare const meta: {
+    title: string;
+    component: ({ data, color }: 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/cjs/types/stories/Form/TextInput/TextInput.stories.d.ts

@@ -6,10 +6,13 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     args: {};
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Demo: Story;
-export declare const DemoWithIcon: Story;
+export declare const TextInputDemo: Story;
+export declare const TransparentTextInputDemo: Story;
+export declare const PasswordInputDemo: Story;
+export declare const NumberInputDemo: Story;
+export declare const DateInputDemo: Story;
+export declare const TextInputDemoWithIcon: Story;

package/dist/cjs/types/stories/{Form/TextInput/TextInputSimulation.stories.d.ts → Menu/BasicExample.stories.d.ts}

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

package/dist/{esm/types/stories/Form/TextInput/TextInputSimulation.stories.d.ts → cjs/types/stories/Menu/FilterExample.stories.d.ts}

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

package/dist/cjs/types/stories/Menu/MenuContainer.stories.d.ts

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

package/dist/cjs/types/stories/Menu/MenuItem.stories.d.ts

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

package/dist/cjs/types/stories/Menu/NestedExample.stories.d.ts

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

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

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

package/dist/cjs/types/stories/Modal/ModalDemo.stories.d.ts

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

package/dist/cjs/types/stories/Tab/CardTab.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ isActive, iconLeft, iconRight, mode, onDropdownClick, size, label, disabled, ...props }: import("../../components/Tab/CardTab").TabProps) => React.JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            toc: boolean;
+        };
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CardTabDemo: Story;
+export declare const CardTabNoIconDemo: Story;
+export declare const CardTabDropdownDemo: Story;

package/dist/cjs/types/stories/Tab/CardTabDemo.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: number;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CardTabSimulation: Story;

package/dist/cjs/types/stories/Tab/TabHead.stories.d.ts

@@ -12,7 +12,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const TabHeadHorizontal: Story;
-export declare const TabCardHorizontal: Story;
 export declare const TabHeadSmallHorizontal: Story;
 export declare const TabHeadVertical: Story;
 export declare const TabHeadSmallVertical: Story;

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

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