@bcrumbs.net/bc-ui 0.0.4 → 0.0.7

package/src/lib/icon/bcicon.d.ts

@@ -14,16 +14,250 @@ export type IconProps = {
     className?: string;
     dataQA?: string;
 };
-export declare function BCIcon({ icon, size, color, className, dataQA, }: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function BCIcon({ icon, size, color, className, dataQA }: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export interface BCIconsProps {
     width?: string | number;
     height?: string | number;
     fill?: string;
 }
 export declare const BCIcons: {
-    WhatsApp: ({ width, height, fill, }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Facebook: ({ width, height, fill, }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Google: ({ width, height, fill, }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Broadcast: ({ width, height, fill, }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    WhatsApp: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Facebook: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Google: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Broadcast: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Bot: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    FileExport: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CSV: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Excel: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Filter: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Sort: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Dashboard: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Inbox: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ContactBook: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Contact: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ContactLifeCycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    MirroringScreen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Managemnet: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Agents: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Ai: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    AiAssistant: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    APIKey: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Webhooks: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ConvLifecycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Channels: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    RatingSettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CrumbySettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CrumbyAIIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    File: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Files: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DoxIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    PdfIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    PngIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    InformationCircle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    LeadingClose: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    LeadingOpen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Upload: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Close: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Text: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Website: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Integration: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    FineTuning: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Prompts: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SuggestedQs: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    GeneralSettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Resource: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ResourceAdd: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Language: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Edit: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Delete: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Calendar: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    AddUser: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SearchIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ActiveChat: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ClosedChat: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SingleGrayCheck: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DoubleGrayCheck: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DoubleGreenCheck: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ExclamationMark: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ImageIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Spinner: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Marker: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DetailsMarker: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    IdCard: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Email: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Phone: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Pencil: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    NewChat: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    UnAssignUser: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    AssignUser: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    StageChanged: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DoubleChat: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CloseChat: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    AddNote: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    MagicPencil: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DoubleStar: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Note: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    EndChat: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    UpArrow: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DownArrow: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    BIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CopyIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    UploadFile: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SendArrow: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CircleStop: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Mobile: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ClientId: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    NotFount: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/src/lib/navigation/bcnavigation.d.ts

@@ -1,10 +1,12 @@
-import { NavType } from './types';
+import { NavItem, NavType } from './types';
 export interface BCNavigationProps {
     brand?: string;
     handleLeftNavItemClick: (event: any, action?: string) => void;
     navModel: NavType;
     location: any;
     rtl: boolean;
+    activeItem?: NavItem | null;
+    hasSubMenu?: boolean;
 }
-export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, location, rtl, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, location, rtl, activeItem, hasSubMenu, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCNavigation;

package/src/lib/navigation/left-nav/sub-left-nav/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SubSidebarProps {
+    rtl: boolean;
+    title?: string;
+    children?: React.ReactNode;
+}
+declare const SubSidebar: React.FC<SubSidebarProps>;
+export default SubSidebar;

package/src/lib/navigation/types.d.ts

@@ -1,4 +1,14 @@
 import { ReactElement } from 'react';
+export type SubMenuItemsType = {
+    label: string;
+    link: string;
+    action: string;
+    icon: string | ReactElement;
+};
+export type SubMenuType = {
+    title?: string;
+    items?: Array<SubMenuItemsType>;
+};
 export type NavItem = {
     label: string;
     icon: string | ReactElement;
@@ -6,6 +16,7 @@ export type NavItem = {
     externalLink?: string;
     action?: string;
     className?: string;
+    subMenu?: Array<SubMenuType>;
 };
 export type NavType = {
     brand?: string | ReactElement;

package/src/lib/newComponents/BCNewAlertDialog/BCNewAlertDialog.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RAlertDialogProps } from './types';
+export declare const BCNewAlertDialog: React.FC<RAlertDialogProps>;

package/src/lib/newComponents/BCNewAlertDialog/types.d.ts

@@ -0,0 +1,24 @@
+import { SerializedStyles } from '@emotion/react';
+import { ReactNode } from 'react';
+export type RAlertDialogProps = {
+    component?: ReactNode;
+    title?: string;
+    description?: string;
+    cancelText?: string;
+    cancelCssStyle?: SerializedStyles;
+    cancelAction?: () => void;
+    confirmText?: string;
+    confirmCssStyle?: SerializedStyles;
+    confirmAction: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    headerItemsPosition?: string;
+    disableTrigger?: boolean;
+    triggerCssStyle?: SerializedStyles;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    titleCssStyle?: SerializedStyles;
+    descriptionCssStyle?: SerializedStyles;
+    noTrigger?: boolean;
+    rtl?: boolean;
+};

package/src/lib/newComponents/BCNewDialog/BCNewDialog.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RControlledDialogProps } from './types';
+export declare const BCNewDialog: React.FC<RControlledDialogProps>;

package/src/lib/newComponents/BCNewDialog/types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+export interface DialogHeaderProps {
+    title?: string;
+    description?: string;
+    cssStyle?: SerializedStyles;
+}
+export type RControlledDialogProps = {
+    isOpen?: boolean;
+    closeDialog: () => void;
+    dialogHeader?: DialogHeaderProps | null;
+    dialogBody?: React.ReactNode | null;
+    dialogFooter?: React.ReactNode | null;
+    contentCssStyle?: SerializedStyles;
+    titleCssStyle?: SerializedStyles;
+    descriptionCssStyle?: SerializedStyles;
+    closeIcon?: boolean;
+    rtl?: boolean;
+};

package/src/lib/newComponents/BCNewDropdown/BCNewDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RDropdownProps } from './types';
+export declare const BCNewDropdown: React.FC<RDropdownProps>;

package/src/lib/newComponents/BCNewDropdown/types.d.ts

@@ -0,0 +1,33 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { SerializedStyles } from '@emotion/react';
+export type ActionItem = {
+    name: string;
+    onClick?: () => void;
+    isChecked?: boolean;
+    Icon?: keyof typeof import('@radix-ui/react-icons');
+    iconOnRight?: boolean;
+    actionIconCssStyle?: SerializedStyles;
+    keepOpenOnSelect?: boolean;
+    actionTextCssStyle?: SerializedStyles;
+    component?: ReactNode;
+    addSeparator?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    customIcon?: ReactNode;
+    extraValue?: any;
+    submenu?: ActionItem[];
+};
+export type RDropdownProps = {
+    triggerComponent?: ReactNode;
+    label?: string | null;
+    actions?: ActionItem[];
+    onPointerDownHandler?: MouseEventHandler;
+    itemCssStyle?: SerializedStyles;
+    contentCssStyle?: SerializedStyles;
+    subTriggerCssStyle?: SerializedStyles;
+    side?: 'bottom' | 'right' | 'top' | 'left';
+    align?: 'center' | 'end' | 'start';
+    beforeActionsComponent?: ReactNode;
+    afterActionsComponent?: ReactNode;
+    rtl?: boolean;
+};

package/src/lib/newComponents/BCNewTable/BCNewTable.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { RTableProps } from './types';
+interface ExtendedRTableProps extends RTableProps {
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    loadingMore?: boolean;
+    loadingMoreText?: string;
+    rtl?: boolean;
+}
+export declare const BCNewTable: React.NamedExoticComponent<ExtendedRTableProps>;
+export {};

package/src/lib/newComponents/BCNewTable/types.d.ts

@@ -0,0 +1,59 @@
+import { CellContext, HeaderContext } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+import { SerializedStyles } from '@emotion/react';
+export type RTableProps = {
+    Records: TableRecords;
+    tableContainerCssStyle?: SerializedStyles;
+    emptyData?: string | React.ReactNode;
+    callBack?: (table: any) => void;
+    finishedOperation?: string | null | number;
+    setFinishedOperation?: (value: string | null | number) => void;
+    loading?: boolean;
+    tableHeight?: string;
+};
+export type TableRecords = {
+    columns: CustomColumn[];
+    data: any[];
+    actions?: TableAction[];
+    removeDropDownActions?: boolean;
+    triggerDropDownComponent?: (info: any) => React.ReactNode;
+    dropDownSide?: 'bottom' | 'right' | 'top' | 'left';
+    dropDownAlign?: 'center' | 'end' | 'start';
+    dropDownContentClassName?: SerializedStyles;
+    onPointerDownHandler?: (info: any) => void;
+    staticColumns?: boolean;
+    staticHeight?: string;
+};
+export type CustomColumn = {
+    id: string;
+    accessorKey?: string;
+    renderHeader: (info: HeaderContext<any, any>) => ReactNode;
+    renderCell: (info: CellContext<any, any>) => ReactNode;
+    size?: number;
+};
+export type TableAction = {
+    name: string;
+    onClick: (info: CellContext<any, any>) => void;
+    inDropdown?: boolean;
+    hidden?: boolean;
+    Icon?: keyof typeof import('@radix-ui/react-icons') | React.ReactNode;
+    actionIconCssStyle?: SerializedStyles;
+    actionTextCssStyle?: SerializedStyles;
+    actionToolTipCssStyle?: SerializedStyles;
+    needLoader?: boolean;
+    iconFn?: (info: any) => string;
+    dynamicName?: (info: CellContext<any, any>) => string;
+    dynamicIcon?: (info: CellContext<any, any>) => keyof typeof import('@radix-ui/react-icons');
+    dynamicActionIconCssStyle?: (info: CellContext<any, any>) => SerializedStyles;
+    dynamicActionTextCssStyle?: (info: CellContext<any, any>) => SerializedStyles;
+    dynamicActionToolTipCssStyle?: (info: CellContext<any, any>) => SerializedStyles | undefined;
+    dialogTitle?: (info: any) => string;
+    dialogDescription?: (info: any) => string;
+    cancel?: string;
+    confirm?: string;
+    loading?: boolean;
+    confirmAction?: (info: any) => void;
+    disabled?: boolean;
+    headerItemsPosition?: string;
+    inDialog?: boolean;
+};

package/src/lib/newComponents/BCNewTabs/BCNewTabs.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { SerializedStyles } from '@emotion/react';
+export interface TabItem {
+    value: string;
+    title: string;
+    disabled?: boolean;
+    content?: React.ReactNode;
+    css?: SerializedStyles;
+}
+export interface BCNewTabsProps {
+    defaultTab?: string;
+    tabs?: TabItem[];
+    className?: string;
+    activeTab: string;
+    setActiveTab: (value: string) => void;
+    innerContent?: boolean;
+    handleChangeTab?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    tabsCss?: SerializedStyles;
+    tabsListCss?: SerializedStyles;
+    tabsTriggerCss?: SerializedStyles;
+    tabsContentCss?: SerializedStyles;
+    rtl?: boolean;
+}
+export declare const BCNewTabs: React.FC<BCNewTabsProps>;

package/src/lib/newComponents/BCNewTooltip/BCNewTooltip.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RTooltipProps } from './types';
+export declare const BCNewTooltip: React.FC<RTooltipProps>;

package/src/lib/newComponents/BCNewTooltip/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { SerializedStyles } from '@emotion/react';
+export type RTooltipProps = {
+    triggerComponent?: ReactNode;
+    tooltipText?: string;
+    triggerCssStyle?: SerializedStyles;
+    contentCssStyle?: SerializedStyles;
+    delayDuration?: number;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+};

package/src/lib/newComponents/BCRadioGroupItem/BCRadioItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BCRadioItemProps } from './types';
+export declare const BCRadioItem: React.FC<BCRadioItemProps>;
+export default BCRadioItem;

package/src/lib/newComponents/BCRadioGroupItem/types.d.ts

@@ -0,0 +1,15 @@
+import { SerializedStyles } from '@emotion/react';
+export interface BCRadioItemProps {
+    value: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    containerCssStyle?: SerializedStyles;
+    radioCssStyle?: SerializedStyles;
+    labelCssStyle?: SerializedStyles;
+    id?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    className?: string;
+}

package/src/lib/searchbox/bcsearchbox.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { SerializedStyles } from '@emotion/react';
 export interface BCSearchboxProps {
     className?: string;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -7,6 +8,11 @@ export interface BCSearchboxProps {
     icon?: string | ReactElement;
     placeholder?: string;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    customInputCss?: SerializedStyles;
+    customContainerCss?: SerializedStyles;
+    onSearchIconClick?: () => void;
+    onClearIconClick?: () => void;
+    rtl?: boolean;
 }
-export declare const BCSearchbox: ({ className, onChange, value, name, placeholder, icon, onKeyDown, }: BCSearchboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCSearchbox: ({ className, onChange, value, name, placeholder, icon, onKeyDown, customInputCss, customContainerCss, rtl, onSearchIconClick, onClearIconClick, }: BCSearchboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCSearchbox;

package/src/lib/sortableHeader/SortableHeader.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SortableHeaderProps {
+    field: string;
+    title: string;
+    onSort?: (field: string) => void;
+    showSortIcon?: boolean;
+    currentSortField?: string;
+    currentSortDirection?: 'asc' | 'desc';
+}
+export declare const SortableHeader: React.FC<SortableHeaderProps>;
+export {};

package/src/lib/styledFormInput/StyledFormInput.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+interface StyledFormGroupProps {
+    direction?: 'row' | 'column';
+    gap?: string | number;
+    inputHeight?: string | number;
+}
+export declare const StyledFormGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & StyledFormGroupProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LabelStyle: (required?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropDownTrigger: import("@emotion/styled").StyledComponent<import("../baseComponents/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const SearchFilterDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const searchInputStyle: import("@emotion/react").SerializedStyles;
+export declare const InputStyle: import("@emotion/react").SerializedStyles;
+export {};

package/src/lib/tagDisplay/TagDisplay.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TagDisplayProps {
+    value: string[];
+}
+export declare const TagDisplay: React.FC<TagDisplayProps>;
+export {};

package/src/lib/text/bctext.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { Color, TextSize, TextWeight, TextStyle, WhiteSpace, TextAlign } from '../constants';
+import { SerializedStyles } from '@emotion/react';
+import { Color, TextSize, TextWeight, TextStyle, WhiteSpace, TextAlign, LineHeightRem, TextSizeRem, NewColors, NewTextWeight } from '../constants';
 export type BCTextProps = {
     as?: 'span' | 'label';
     htmlFor?: string;
@@ -19,9 +20,14 @@ export type BCTextProps = {
     maxWidth?: string;
     strikeThrough?: boolean;
     breakWords?: boolean;
+    lineHeightRem?: LineHeightRem;
+    sizeRem?: TextSizeRem;
+    newTextColor?: NewColors;
+    newTextWeight?: NewTextWeight;
+    customCss?: SerializedStyles;
 };
 /**
  * This component is used to add text in the application
  */
-export declare function BCText({ as, htmlFor, children, size, weight, color, style, align, uppercase, underline, ellipsis, lineClamp, className, title, maxWidth, strikeThrough, whiteSpace, breakWords, }: PropsWithChildren<BCTextProps>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function BCError({ htmlFor, children, style, align, uppercase, underline, ellipsis, className, title, maxWidth, strikeThrough, whiteSpace, breakWords, }: PropsWithChildren<BCTextProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function BCText({ as, htmlFor, children, size, weight, color, style, align, uppercase, underline, ellipsis, lineClamp, className, title, maxWidth, strikeThrough, whiteSpace, breakWords, lineHeightRem, sizeRem, newTextColor, newTextWeight, customCss, }: PropsWithChildren<BCTextProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function BCError({ htmlFor, children, style, align, uppercase, underline, ellipsis, className, title, maxWidth, strikeThrough, whiteSpace, breakWords, lineHeightRem, sizeRem, newTextColor, newTextWeight, }: PropsWithChildren<BCTextProps>): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/textbox/bctextbox.d.ts

@@ -1,3 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
 import { ChangeEvent } from 'react';
 export interface BCTextboxProps {
     className?: string;
@@ -13,9 +14,10 @@ export interface BCTextboxProps {
     onBlur?: (ev: ChangeEvent<HTMLInputElement>) => any;
     onClick?: (ev: any) => any;
     onFocus?: (ev: ChangeEvent<HTMLInputElement>) => any;
+    inputStyle?: SerializedStyles;
 }
 export interface BCTextboxState {
     showAutoComplete: boolean;
 }
-export declare const BCTextbox: ({ className, name, onChange, onKeyDown, onClick, value, type, disabled, placeholder, maxLength, autoCompleteList, onBlur, onFocus, }: BCTextboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCTextbox: ({ className, name, onChange, onKeyDown, onClick, value, type, disabled, placeholder, maxLength, autoCompleteList, onBlur, onFocus, inputStyle, }: BCTextboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCTextbox;