saurabh-table-dnd-edit 1.1.0

package/lib/components/AppHeader/types.d.ts

@@ -0,0 +1,79 @@
+import { ReactNode } from 'react';
+import { optionsType } from '../AllProjectsDropdown/types';
+export interface AppHeaderProps {
+    scriptId?: string | undefined | null;
+    width?: string;
+    borderRadius?: string;
+    logo: ReactNode;
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+    projectsList?: optionsType[];
+    appHeaderMenuItems: appHeaderMenuItemProps[];
+    appHeaderHiddenMenuItems?: appHeaderMenuItemProps[];
+    selectedMenu: string;
+    selectedSubMenu?: string;
+    selectedQuickMenu?: string;
+    selectedProject?: optionsType;
+    onMenuClick?: (text: any) => void;
+    onSubMenuClick?: (text: any) => void;
+    onQuickMenuClick?: (text: any) => void;
+    onProjectMenuClick?: (text: any) => void;
+    onProjectDropdownLabelClick?: () => void;
+    onMoreMenuOptionClick?: (text: any, callback: () => void) => void;
+    disabled?: boolean;
+    isClient?: boolean;
+    hideNavbar?: boolean;
+    centerInfoItems?: {
+        iconName: string;
+        label: string;
+    }[];
+    rightButtons?: {
+        label: string;
+        iconName?: string;
+        color?: string;
+        backgroundColor?: string;
+        onClick?: () => void;
+    }[];
+    profileContent?: ReactNode;
+}
+export interface appHeaderMenuItemProps {
+    iconName?: string;
+    label: string;
+    path?: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
+    access?: string;
+    isReviewer?: boolean;
+    entityPendingCounts?: {
+        [key: string]: number;
+    };
+    subMenuItems?: appHeaderSubMenuItemProps[];
+}
+export interface appHeaderSubMenuItemProps {
+    label: string;
+    path?: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
+    quickMenuItems?: appHeaderQuickMenuItemProps[];
+    hiddenMenuItems?: appHeaderHiddenMenuItemProps[];
+}
+export interface appHeaderQuickMenuItemProps {
+    label: string;
+    path: string;
+    iconName: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
+}
+export interface appHeaderHiddenMenuItemProps {
+    label: string;
+    value?: string | string[];
+    icon?: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
+    path?: string;
+    iconName?: string;
+}

package/lib/components/AppHeader/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/AppHeader/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/AppHeader/types.ts"],"names":[],"mappings":""}

package/lib/components/AttachMedia/AttachMedia.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './AttachMedia.scss';
+import { AttachMediaProps } from './types';
+declare const AttachMedia: React.FC<AttachMediaProps>;
+export default AttachMedia;

package/lib/components/AttachMedia/AttachMedia.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './AttachMedia.scss';
+import Icon from '../Icon/Icon';
+import Tooltip from '../Tooltip';
+import Typography from '../Typography';
+const AttachMedia = ({ mediaSrc, fileId, onExpandClick, onDeleteClick, onDownloadClick, height = '75px', width = '79px', fileName, thumbnailMediaSrc, isDelete, }) => {
+    const handleDeleteClick = () => {
+        if (onDeleteClick) {
+            onDeleteClick(fileId);
+        }
+    };
+    return (_jsx("div", { className: "ff-attach-media-container", style: { height, width }, children: _jsxs("div", { className: "ff-media-wrapper", style: { height, width }, children: [_jsx("img", { src: thumbnailMediaSrc ? thumbnailMediaSrc : mediaSrc, alt: "Attached" }), _jsxs("div", { className: "ff-hover-icons", children: [_jsxs("div", { className: "ff-top-icons", children: [_jsx("div", { className: "ff-icon-container", children: _jsx(Tooltip, { title: "Download File", placement: "bottom", children: _jsx(Icon, { name: "download_file_icon", height: 10, width: 10, onClick: onDownloadClick, color: "var(--icons-default-color)" }) }) }), isDelete && (_jsx("div", { className: "ff-icon-container", children: _jsx(Tooltip, { title: "Delete", placement: "bottom", children: _jsx(Icon, { name: "delete", height: 10, width: 10, color: "var(--ff-delete-button-attachment)", onClick: handleDeleteClick }) }) }))] }), _jsx("div", { className: "ff-expand-icon-container", children: _jsx(Tooltip, { title: "Maximize", placement: "bottom", children: _jsx(Icon, { name: "expand_icon", height: 16, width: 16, onClick: onExpandClick }) }) })] }), _jsx(Typography, { color: "var(--text-area-default-color)", fontWeight: "medium", className: "ff-media-text", children: fileName })] }) }));
+};
+export default AttachMedia;
+//# sourceMappingURL=AttachMedia.js.map

package/lib/components/AttachMedia/AttachMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachMedia.js","sourceRoot":"","sources":["../../../src/components/AttachMedia/AttachMedia.tsx"],"names":[],"mappings":";AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,MAAM,EACN,aAAa,EACb,aAAa,EACb,eAAe,EACf,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,iBAAiB,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,YACjE,eAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aACxD,cACE,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EACrD,GAAG,EAAC,UAAU,GACd,EACF,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,OAAO,IAAC,KAAK,EAAC,eAAe,EAAC,SAAS,EAAC,QAAQ,YAC/C,KAAC,IAAI,IACH,IAAI,EAAC,oBAAoB,EACzB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,eAAe,EACxB,KAAK,EAAC,4BAA4B,GAClC,GACM,GACN,EACL,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,YACxC,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,KAAK,EAAC,oCAAoC,EAC1C,OAAO,EAAE,iBAAiB,GAC1B,GACM,GACN,CACP,IACG,EACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,OAAO,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,YAC1C,KAAC,IAAI,IACH,IAAI,EAAC,aAAa,EAClB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,aAAa,GACtB,GACM,GACN,IACF,EACN,KAAC,UAAU,IACT,KAAK,EAAC,gCAAgC,EACtC,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,eAAe,YAExB,QAAQ,GACE,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/AttachMedia/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AttachMedia';

package/lib/components/AttachMedia/index.js

@@ -0,0 +1,2 @@
+export { default } from './AttachMedia';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachMedia/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AttachMedia/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/AttachMedia/types.d.ts

@@ -0,0 +1,31 @@
+export interface AttachMediaProps {
+    /**
+     * The image source to display.
+     */
+    mediaSrc: string;
+    /**
+     * Function triggered when the expand icon is clicked.
+     */
+    onExpandClick: () => void;
+    /**
+     * Function triggered when the delete icon is clicked.
+     */
+    onDeleteClick: (mediaSrc: string) => void;
+    /**
+     * Function triggered when the download icon is clicked.
+     */
+    onDownloadClick: () => void;
+    /**
+     * Custom height for the component.
+     */
+    height?: string;
+    /**
+     * Custom width for the component.
+     */
+    width?: string;
+    mediaType: string;
+    fileName?: string;
+    fileId: string;
+    thumbnailMediaSrc?: string;
+    isDelete: boolean;
+}

package/lib/components/AttachMedia/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/AttachMedia/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/AttachMedia/types.ts"],"names":[],"mappings":""}

package/lib/components/AttachmentButton/AttachmentButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AttachmentUploaderProps } from './types';
+import './AttachmentButton.scss';
+declare const AttachmentButton: React.FC<AttachmentUploaderProps>;
+export default AttachmentButton;

package/lib/components/AttachmentButton/AttachmentButton.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import Typography from '../Typography';
+import Button from '../Button';
+import IconButton from '../IconButton';
+import Toaster from '../Toast';
+import Icon from '../Icon';
+import Tooltip from '../Tooltip';
+import './AttachmentButton.scss';
+import TruncatedTooltip from '../TruncatedTooltip';
+const AttachmentButton = ({ label, selectedFiles, onFilesChange, disabled = false, buttonDisplayType = 'attachment', iconName = 'plus_icon', maxFileSizeMB, maxFiles, buttonLabel = 'Select Files', showSelectedFiles = true, buttonVariant = 'primary', deleteButton = true, multiple = true, addAttachmentButton = true, isInfoIconRequired = true, onFileListClick, types = [], attachmentInfoTooltip = '', selectedFileMessage = 'This file is already selected', required = false, errorMessage, truncateMaxLimit = Infinity, }) => {
+    const fileInputRef = useRef(null);
+    const [fileError, setFileError] = useState('');
+    const fileTypes = {
+        image: ['image/jpeg', 'image/png', 'image/svg+xml'],
+        video: ['video/mp4', 'video/mpeg', 'video/quicktime'],
+        audio: ['audio/mpeg', 'audio/wav', 'audio/ogg'],
+        document: [
+            'application/pdf',
+            'application/msword',
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        ],
+        archive: [
+            'application/zip',
+            'application/x-rar-compressed',
+            'application/x-7z-compressed',
+        ],
+        spreadsheet: [
+            'application/vnd.ms-excel',
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        ],
+        excel: [
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        ],
+    };
+    const acceptTypes = types.flatMap((type) => fileTypes[type] || []).join(',');
+    const getTooltipTitle = () => {
+        if (types.length === 0) {
+            return 'Any files are allowed.';
+        }
+        const acceptedFileTypes = types
+            .flatMap((type) => fileTypes[type] || [])
+            .map((type) => type.split('/')[1]);
+        const lastType = acceptedFileTypes.pop();
+        return (_jsxs("span", { children: [acceptedFileTypes.join(', '), " and ", lastType, " files are allowed.", _jsx("br", {}), "Max size: ", maxFileSizeMB, " MB"] }));
+    };
+    const handleAttachmentClick = () => {
+        setFileError('');
+        fileInputRef.current?.click();
+    };
+    const handleFileChange = () => {
+        setFileError('');
+        if (fileInputRef.current?.files) {
+            const files = Array.from(fileInputRef.current.files);
+            if (files.length > 5) {
+                setFileError('Maximum file(s) can be uploaded: 5');
+                fileInputRef.current.value = '';
+                return;
+            }
+            const newFiles = files.filter((file) => !selectedFiles.some((selectedFile) => selectedFile.name === file.name));
+            if (newFiles.length === 0) {
+                setFileError(selectedFileMessage);
+                fileInputRef.current.value = '';
+                return;
+            }
+            if (typeof maxFiles === 'number' &&
+                selectedFiles.length + newFiles.length > maxFiles) {
+                setFileError(`You can only select up to ${maxFiles} files.`);
+                fileInputRef.current.value = '';
+                return;
+            }
+            if (typeof maxFileSizeMB === 'number') {
+                const maxFileSizeBytes = maxFileSizeMB * 1024 * 1024;
+                const oversizedFiles = newFiles.filter((file) => file.size > maxFileSizeBytes);
+                if (oversizedFiles.length > 0) {
+                    setFileError(`Maximum file(s) size allowed: ${maxFileSizeMB} MB.`);
+                    fileInputRef.current.value = '';
+                    return;
+                }
+            }
+            onFilesChange([...selectedFiles, ...newFiles], newFiles, 'ADD');
+            fileInputRef.current.value = '';
+        }
+    };
+    const handleDeleteFile = (index) => {
+        const updatedFiles = [...selectedFiles];
+        const deletedFile = updatedFiles.splice(index, 1);
+        onFilesChange(updatedFiles, deletedFile, 'DELETE');
+    };
+    return (_jsxs("div", { children: [isInfoIconRequired && (_jsxs("div", { className: "ff-label-icon", children: [_jsx(Typography, { fontWeight: "semi-bold", lineHeight: "18px", as: "span", required: required, children: label }), _jsx(Tooltip, { title: attachmentInfoTooltip ? attachmentInfoTooltip : getTooltipTitle(), placement: "bottom-start", children: _jsx(Icon, { name: "info", hoverEffect: true }) })] })), (!showSelectedFiles || selectedFiles.length === 0) &&
+                (buttonDisplayType === 'attachment' ? (_jsx(Button, { variant: buttonVariant, label: buttonLabel, size: "medium", onClick: handleAttachmentClick, disabled: disabled })) : buttonDisplayType === 'icon' ? (_jsx(IconButton, { label: buttonLabel, iconName: iconName, onClick: handleAttachmentClick, isDisable: disabled })) : null), _jsx("input", { type: "file", ref: fileInputRef, className: "ff-input-field", onChange: handleFileChange, multiple: multiple, accept: acceptTypes, required: required }), fileError && (_jsx(Toaster, { isOpen: !!fileError, variant: "info", toastTitle: "Info", toastMessage: fileError, zIndex: 10000000 })), showSelectedFiles &&
+                selectedFiles.map((file, index) => (_jsxs("div", { className: "ff-attachment-files", onClick: onFileListClick, children: [_jsx(Typography, { color: "var(--brand-color)", children: _jsx(TruncatedTooltip, { title: file.name, width: truncateMaxLimit }) }), deleteButton && (_jsx(Tooltip, { title: "Delete", children: _jsx(Icon, { name: "delete", hoverEffect: true, color: "var(--ff-delete-button-attachment)", variant: "danger", onClick: () => handleDeleteFile(index) }) })), index === selectedFiles.length - 1 && addAttachmentButton && (_jsx(Tooltip, { title: `${typeof maxFiles === 'number' &&
+                                selectedFiles.length >= maxFiles
+                                ? `Maximum files can be uploaded: ${maxFiles}`
+                                : 'Add File'}`, children: _jsx(Icon, { name: "add_file", hoverEffect: true, onClick: handleAttachmentClick, disabled: typeof maxFiles === 'number'
+                                    ? !(selectedFiles.length < maxFiles)
+                                    : false }) }))] }, file.name))), required && (_jsx(Typography, { children: errorMessage, fontSize: 10, className: "error-text" }))] }));
+};
+export default AttachmentButton;
+//# sourceMappingURL=AttachmentButton.js.map

package/lib/components/AttachmentButton/AttachmentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentButton.js","sourceRoot":"","sources":["../../../src/components/AttachmentButton/AttachmentButton.tsx"],"names":[],"mappings":"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"}

package/lib/components/AttachmentButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AttachmentButton';

package/lib/components/AttachmentButton/index.js

@@ -0,0 +1,2 @@
+export { default } from './AttachmentButton';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachmentButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AttachmentButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/AttachmentButton/types.d.ts

@@ -0,0 +1,26 @@
+export interface AttachmentUploaderProps {
+    label: string;
+    selectedFiles: File[];
+    onFilesChange: (files: File[], selectedFile?: File[], changeType?: 'ADD' | 'DELETE') => void;
+    disabled?: boolean;
+    maxFileSizeMB?: number;
+    maxFiles?: number;
+    buttonLabel?: string;
+    showSelectedFiles?: boolean;
+    buttonVariant?: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
+    deleteButton: boolean;
+    addAttachmentButton: boolean;
+    accept?: string[];
+    onFileListClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    types?: string[];
+    iconName?: string;
+    buttonDisplayType?: 'attachment' | 'icon';
+    isInfoIconRequired?: boolean;
+    multiple?: boolean;
+    attachmentInfoTooltip?: string;
+    selectedFileMessage?: string;
+    required?: boolean;
+    errorMessage?: string;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    truncateMaxLimit?: number;
+}

package/lib/components/AttachmentButton/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/AttachmentButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/AttachmentButton/types.ts"],"names":[],"mappings":""}

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Avatar.scss';
+import { AvatarProps } from './types';
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/lib/components/Avatar/Avatar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Icon from '../Icon';
+import './Avatar.scss';
+const Avatar = ({ variant = "small", iconName, iconColor = 'var(--avatar-icon-color)', customAvatarSize, customIconSize, backgroundColor, label, labelFontSize, }) => {
+    const truncatedLabel = label?.slice(0, 2);
+    return (_jsx("div", { className: `ff-avatar ff-avatar--${variant}`, style: { height: `${customAvatarSize}px`, width: `${customAvatarSize}px`, backgroundColor }, children: label ? (_jsx("span", { className: "ff-avatar-label", style: { fontSize: labelFontSize || '14px', color: iconColor }, children: truncatedLabel })) : (_jsx(Icon, { name: iconName, height: customIconSize, width: customIconSize, color: iconColor })) }));
+};
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,GAA0B,CAAC,EACrC,OAAO,GAAC,OAAO,EACf,QAAQ,EACR,SAAS,GAAE,0BAA0B,EACrC,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,KAAK,EACL,aAAa,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1C,OAAO,CACL,cACE,SAAS,EAAE,wBAAwB,OAAO,EAAE,EAC5C,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,gBAAgB,IAAI,EAAE,KAAK,EAAE,GAAG,gBAAgB,IAAI,EAAE,eAAe,EAAE,YAE3F,KAAK,CAAC,CAAC,CAAC,CACN,eACE,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,IAAI,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAE7D,cAAc,GACV,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAE,QAAS,EACf,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,SAAS,GAChB,CACH,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Avatar';

package/lib/components/Avatar/index.js

@@ -0,0 +1,2 @@
+export { default } from './Avatar';
+//# sourceMappingURL=index.js.map

package/lib/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/Avatar/types.d.ts

@@ -0,0 +1,34 @@
+export interface AvatarProps {
+    /**
+   * This property determines the size of the avatar. It can be set to 'small', 'medium', or 'large'.
+   */
+    variant?: 'small' | 'medium' | 'large';
+    /**
+     * This property allows you to customize the background color of the avatar.
+     */
+    backgroundColor?: string;
+    /**
+     * This property specifies the name of the icon to be displayed within the avatar.
+     */
+    iconName?: string;
+    /**
+     * This property allows you to customize the color of the icon within the avatar.
+     */
+    iconColor?: string;
+    /**
+     * This property allows you to set a custom size for the avatar, overriding the default size specified by the variant property.
+     */
+    customAvatarSize?: number;
+    /**
+     * This property allows you to set a custom size for the icon within the avatar.
+     */
+    customIconSize?: number;
+    /**
+    * This property specifies the label to display inside the avatar, used as an alternative to the icon.
+    */
+    label?: string;
+    /**
+     * This property allows you to customize the font size of the label inside the avatar.
+     */
+    labelFontSize?: string;
+}

package/lib/components/Avatar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Avatar/types.ts"],"names":[],"mappings":""}

package/lib/components/Box/Box.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import './Box.scss';
+import { CardProps } from './types';
+declare const Card: FC<CardProps>;
+export default Card;

package/lib/components/Box/Box.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './Box.scss';
+const Card = ({ cardProperties = {
+    width: '200px',
+    height: '200px',
+    background: 'white',
+    borderRadius: '16px',
+    boxShadow: '1px 4px 8px var(--plugins-header-bg-color)',
+    padding: '16px',
+    margin: '0',
+    border: 'none',
+    className: '',
+    style: {},
+    onClick: () => { },
+}, headerContent, midContent, footerContent, }) => {
+    const { width, height, background, borderRadius, boxShadow, padding, margin, border, className = '', style = {}, } = cardProperties;
+    return (_jsxs("section", { className: `ff-card ${className}`, style: {
+            width,
+            height,
+            background,
+            borderRadius,
+            boxShadow,
+            padding,
+            margin,
+            border,
+            ...style,
+        }, onClick: cardProperties.onClick, children: [headerContent?.isHeader && (_jsx("div", { className: "ff-card-header", children: headerContent.content })), midContent?.isMidContent && (_jsx("div", { className: "ff-card-content", children: midContent.content })), footerContent?.isFooter && (_jsx("div", { className: "ff-card-footer", children: footerContent.content }))] }));
+};
+export default Card;
+//# sourceMappingURL=Box.js.map

package/lib/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,CAAC;AAGpB,MAAM,IAAI,GAAkB,CAAC,EAC3B,cAAc,GAAG;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,OAAO;IACnB,YAAY,EAAE,MAAM;IACpB,SAAS,EAAE,4CAA4C;IACvD,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAmB;IAC1B,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,EACD,aAAa,EACb,UAAU,EACV,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EACJ,KAAK,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,GACX,GAAG,cAAc,CAAC;IAEnB,OAAO,CACL,mBACE,SAAS,EAAE,WAAW,SAAS,EAAE,EACjC,KAAK,EAAE;YACL,KAAK;YACL,MAAM;YACN,UAAU;YACV,YAAY;YACZ,SAAS;YACT,OAAO;YACP,MAAM;YACN,MAAM;YACN,GAAG,KAAK;SACT,EACD,OAAO,EAAE,cAAc,CAAC,OAAO,aAE9B,aAAa,EAAE,QAAQ,IAAI,CAC1B,cAAK,SAAS,EAAC,gBAAgB,YAAE,aAAa,CAAC,OAAO,GAAO,CAC9D,EACA,UAAU,EAAE,YAAY,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAAE,UAAU,CAAC,OAAO,GAAO,CAC5D,EACA,aAAa,EAAE,QAAQ,IAAI,CAC1B,cAAK,SAAS,EAAC,gBAAgB,YAAE,aAAa,CAAC,OAAO,GAAO,CAC9D,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Box/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Box';

package/lib/components/Box/index.js

@@ -0,0 +1,2 @@
+export { default } from './Box';
+//# sourceMappingURL=index.js.map

package/lib/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC"}

package/lib/components/Box/types.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+type CardProperties = {
+    width?: string;
+    height?: string;
+    background?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+    padding?: string;
+    margin?: string;
+    border?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+};
+type HeaderContentProperties = {
+    isHeader?: boolean;
+    content?: JSX.Element;
+};
+type MidContentProperties = {
+    isMidContent?: boolean;
+    content?: JSX.Element;
+};
+type FooterContentProperties = {
+    isFooter?: boolean;
+    content?: JSX.Element;
+};
+export type CardProps = {
+    cardProperties?: CardProperties;
+    headerContent?: HeaderContentProperties;
+    midContent: MidContentProperties;
+    footerContent?: FooterContentProperties;
+    isSkeleton?: boolean;
+};
+export {};

package/lib/components/Box/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Box/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Box/types.ts"],"names":[],"mappings":""}

package/lib/components/BrowserTabs/BrowserTabs.d.ts

@@ -0,0 +1,5 @@
+import { BrowserTabsProps } from './types';
+import './BrowserTabs.scss';
+import '../../assets/styles/_colors.scss';
+declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, }: BrowserTabsProps) => import("react/jsx-runtime").JSX.Element;
+export default BrowserTabs;

package/lib/components/BrowserTabs/BrowserTabs.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from 'react';
+import classNames from 'classnames';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+import './BrowserTabs.scss';
+import '../../assets/styles/_colors.scss';
+const BrowserTabs = ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth = 132, showCloseOnActive = true, }) => {
+    const containerRef = useRef(null);
+    const [tabWidth, setTabWidth] = useState();
+    const [failedIcons, setFailedIcons] = useState({});
+    const labelRefs = useRef({});
+    const labelObservers = useRef({});
+    const [overflowedTabs, setOverflowedTabs] = useState({});
+    useEffect(() => {
+        const updateTabWidth = () => {
+            if (containerRef.current) {
+                const containerWidth = containerRef.current.getBoundingClientRect().width - maxTabWidth;
+                const calculatedWidth = containerWidth / tabsData.length;
+                setTabWidth(Math.min(maxTabWidth, calculatedWidth));
+            }
+        };
+        updateTabWidth();
+        window.addEventListener('resize', updateTabWidth);
+        return () => window.removeEventListener('resize', updateTabWidth);
+    }, [tabsData.length, maxTabWidth]);
+    const handleIconError = (tabId) => {
+        setFailedIcons((prev) => ({ ...prev, [tabId]: true }));
+    };
+    useEffect(() => {
+        tabsData.forEach((tab) => {
+            const el = labelRefs.current[tab.id];
+            if (!el)
+                return;
+            if (labelObservers.current[tab.id]) {
+                labelObservers.current[tab.id]?.disconnect();
+            }
+            const observer = new ResizeObserver(() => {
+                setOverflowedTabs((prev) => ({
+                    ...prev,
+                    [tab.id]: el.scrollWidth > el.clientWidth,
+                }));
+            });
+            observer.observe(el);
+            labelObservers.current[tab.id] = observer;
+        });
+        return () => {
+            Object.values(labelObservers.current).forEach((obs) => obs.disconnect());
+            labelObservers.current = {};
+        };
+    }, [tabsData, tabWidth]);
+    return (_jsxs("div", { className: "ff-browser-tabs-container", ref: containerRef, children: [_jsxs("div", { className: "ff-browser-tab-row", children: [_jsx("div", { className: "ff-tab-button-container", children: tabsData.map((tab, index) => {
+                            const isActive = activeTabId === tab.id;
+                            return (_jsxs("div", { className: classNames('ff-tab-wrapper', { active: isActive }), children: [_jsx(Tooltip, { title: overflowedTabs[tab.id] ? tab.label : '', children: _jsx("button", { onClick: () => onTabClick(tab.id), className: classNames('ff-tab-button', {
+                                                shrink: tabWidth && tabWidth <= 80,
+                                            }), style: {
+                                                width: tabWidth ? `${tabWidth}px` : 'auto',
+                                                padding: tabWidth === undefined
+                                                    ? '0px'
+                                                    : tabWidth < 60
+                                                        ? '0px'
+                                                        : tabWidth < 80
+                                                            ? '0px 2px'
+                                                            : tabWidth < 132
+                                                                ? '0px 8px'
+                                                                : `0px ${tabWidth / 17}px`,
+                                            }, children: _jsxs("div", { className: "ff-tab-content", children: [tabWidth &&
+                                                        tabWidth >= 20 &&
+                                                        (!isActive || tabWidth >= 80) && (_jsx(_Fragment, { children: tab.tabIconSrc && !failedIcons[tab.id] ? (_jsx("img", { src: tab.tabIconSrc, alt: tab.label, className: "ff-tab-icon", onError: () => handleIconError(tab.id) })) : (_jsx(Icon, { name: tab.tabIcon || 'web_icon', hoverEffect: false, color: "inherit" })) })), tabWidth && tabWidth > 40 && (_jsx("div", { className: "ff-tab-label-container", children: _jsx("div", { ref: (el) => (labelRefs.current[tab.id] = el), className: "ff-tab-label", children: _jsx(Typography, { children: tab.label, lineHeight: "18px", fontWeight: isActive ? 'semi-bold' : 'regular', color: isActive
+                                                                    ? 'var(--tabs-label-active-color)'
+                                                                    : 'var(--tabs-label-default-color)' }) }) })), ((tabWidth && tabWidth >= 80) || isActive) &&
+                                                        showCloseOnActive && (_jsx(Icon, { name: "close", className: "ff-close-icon", hoverEffect: true, onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            if (onTabClose) {
+                                                                onTabClose(tab.id);
+                                                            }
+                                                        } }))] }) }) }), tabWidth &&
+                                        tabWidth < maxTabWidth &&
+                                        !(isActive ||
+                                            index === tabsData.length - 1 ||
+                                            (activeTabId === tabsData[0]?.id && index === 0) ||
+                                            activeTabId === tabsData[index + 1]?.id) && (_jsx("span", { className: `ff-tab-separator ${tabWidth > 80
+                                            ? 'wide-browser-tab'
+                                            : 'narrow-browser-tab'}` }))] }, tab.id));
+                        }) }), _jsx(Tooltip, { title: "Add", children: _jsx("div", { className: "ff-tab-plus-icon", onClick: onTabAdd, children: _jsx(Icon, { name: "add_file", color: "var(--secondary-icon-color)", width: 12, height: 12, hoverEffect: true }) }) })] }), _jsx("div", { className: `ff-tab-content`, children: tabsData.find((tab) => tab.id === activeTabId)?.component })] }));
+};
+export default BrowserTabs;
+//# sourceMappingURL=BrowserTabs.js.map

package/lib/components/BrowserTabs/BrowserTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserTabs.js","sourceRoot":"","sources":["../../../src/components/BrowserTabs/BrowserTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kCAAkC,CAAC;AAE1C,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,GAAG,EACjB,iBAAiB,GAAG,IAAI,GACP,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAU,CAAC;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG,MAAM,CAAwC,EAAE,CAAC,CAAC;IACpE,MAAM,cAAc,GAAG,MAAM,CAAiC,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,MAAM,cAAc,GAClB,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,WAAW,CAAC;gBACnE,MAAM,eAAe,GAAG,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACzD,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,CAAC;QAEF,cAAc,EAAE,CAAC;QACjB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;QACxC,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACvB,MAAM,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACrC,IAAI,CAAC,EAAE;gBAAE,OAAO;YAEhB,IAAI,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;gBACnC,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;YAC/C,CAAC;YAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAC3B,GAAG,IAAI;oBACP,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW;iBAC1C,CAAC,CAAC,CAAC;YACN,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACrB,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;YACzE,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,EAAC,GAAG,EAAE,YAAY,aAC1D,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,yBAAyB,YACrC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;4BAC3B,MAAM,QAAQ,GAAG,WAAW,KAAK,GAAG,CAAC,EAAE,CAAC;4BACxC,OAAO,CACL,eAEE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,aAE7D,KAAC,OAAO,IAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YACrD,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,EACjC,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE;gDACrC,MAAM,EAAE,QAAQ,IAAI,QAAQ,IAAI,EAAE;6CACnC,CAAC,EACF,KAAK,EAAE;gDACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,CAAC,CAAC,CAAC,MAAM;gDAC1C,OAAO,EACL,QAAQ,KAAK,SAAS;oDACpB,CAAC,CAAC,KAAK;oDACP,CAAC,CAAC,QAAQ,GAAG,EAAE;wDACf,CAAC,CAAC,KAAK;wDACP,CAAC,CAAC,QAAQ,GAAG,EAAE;4DACf,CAAC,CAAC,SAAS;4DACX,CAAC,CAAC,QAAQ,GAAG,GAAG;gEAChB,CAAC,CAAC,SAAS;gEACX,CAAC,CAAC,OAAO,QAAQ,GAAG,EAAE,IAAI;6CAC/B,YAED,eAAK,SAAS,EAAC,gBAAgB,aAC5B,QAAQ;wDACP,QAAQ,IAAI,EAAE;wDACd,CAAC,CAAC,QAAQ,IAAI,QAAQ,IAAI,EAAE,CAAC,IAAI,CAC/B,4BACG,GAAG,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CACxC,cACE,GAAG,EAAE,GAAG,CAAC,UAAU,EACnB,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,GACtC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAE,GAAG,CAAC,OAAO,IAAI,UAAU,EAC/B,WAAW,EAAE,KAAK,EAClB,KAAK,EAAC,SAAS,GACf,CACH,GACA,CACJ,EAEF,QAAQ,IAAI,QAAQ,GAAG,EAAE,IAAI,CAC5B,cAAK,SAAS,EAAC,wBAAwB,YACrC,cACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAC7C,SAAS,EAAC,cAAc,YAExB,KAAC,UAAU,IACT,QAAQ,EAAE,GAAG,CAAC,KAAK,EACnB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EACH,QAAQ;oEACN,CAAC,CAAC,gCAAgC;oEAClC,CAAC,CAAC,iCAAiC,GAEvC,GACE,GACF,CACP,EAEA,CAAC,CAAC,QAAQ,IAAI,QAAQ,IAAI,EAAE,CAAC,IAAI,QAAQ,CAAC;wDACzC,iBAAiB,IAAI,CACnB,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,eAAe,EACzB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4DACb,CAAC,CAAC,eAAe,EAAE,CAAC;4DACpB,IAAI,UAAU,EAAE,CAAC;gEACf,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;4DACrB,CAAC;wDACH,CAAC,GACD,CACH,IACC,GACC,GACD,EACT,QAAQ;wCACP,QAAQ,GAAG,WAAW;wCACtB,CAAC,CACC,QAAQ;4CACR,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;4CAC7B,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC;4CAChD,WAAW,KAAK,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EAAE,CACxC,IAAI,CACH,eACE,SAAS,EAAE,oBACT,QAAQ,GAAG,EAAE;4CACX,CAAC,CAAC,kBAAkB;4CACpB,CAAC,CAAC,oBACN,EAAE,GACF,CACH,KAjGE,GAAG,CAAC,EAAE,CAkGP,CACP,CAAC;wBACJ,CAAC,CAAC,GACE,EACN,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,YAClB,cAAK,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,QAAQ,YACjD,KAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,6BAA6B,EACnC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,WAAW,EAAE,IAAI,GACjB,GACE,GACE,IACN,EACN,cAAK,SAAS,EAAE,gBAAgB,YAC7B,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,SAAS,GACtD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/BrowserTabs/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BrowserTabs";