@bcrumbs.net/bc-ui 0.0.1 → 0.0.3

package/src/lib/dropdown/DropdownList/index.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { DropdownListItemType, DropdownListItemValue, DropdownListSelectionMode, FooterItemsProps, HeaderItemsProps } from '../types';
+import { DropdownListWidth, DropdownSize } from '../../constants';
+type DropdownContainerProps = {
+    width?: DropdownListWidth;
+    fixed?: boolean;
+    top?: number;
+    left?: number;
+    up?: boolean;
+};
+type ListContainerProps = {
+    size: DropdownSize;
+};
+export type DropdownListProps = DropdownContainerProps & ListContainerProps & {
+    items: DropdownListItemType[];
+    maxVisibleItems?: number;
+    selectedValue?: DropdownListItemValue;
+    title?: string;
+    disableValue?: DropdownListItemValue;
+    selectionMode?: DropdownListSelectionMode;
+    onItemClick?: (value: DropdownListItemValue, fromEnter: boolean) => void;
+    onItemMouseDown?: (value: DropdownListItemValue, index?: number, e?: React.MouseEvent) => void;
+    selectedState?: boolean;
+    headerItems?: HeaderItemsProps[] | null;
+    footerItems?: FooterItemsProps[] | null | undefined;
+    hideDropdown?: () => void;
+    tooltipValue?: string;
+    titleTooltip?: string;
+    itemAsLink?: boolean;
+    setSelected?: (value?: DropdownListItemValue) => void;
+    dataTestid?: string;
+    minHeight?: number;
+    parentTop?: number;
+    className?: string;
+    maxWidth?: string;
+    up?: boolean;
+    id?: string;
+    hideBackgroundColorOnSelected?: boolean;
+    contextMenuY?: number;
+};
+/**
+ * This component will not be exported
+ */
+export declare const DropdownList: React.ForwardRefExoticComponent<DropdownContainerProps & ListContainerProps & {
+    items: DropdownListItemType[];
+    maxVisibleItems?: number | undefined;
+    selectedValue?: DropdownListItemValue | undefined;
+    title?: string | undefined;
+    disableValue?: DropdownListItemValue | undefined;
+    selectionMode?: DropdownListSelectionMode | undefined;
+    onItemClick?: ((value: DropdownListItemValue, fromEnter: boolean) => void) | undefined;
+    onItemMouseDown?: ((value: DropdownListItemValue, index?: number, e?: React.MouseEvent) => void) | undefined;
+    selectedState?: boolean | undefined;
+    headerItems?: HeaderItemsProps[] | null | undefined;
+    footerItems?: FooterItemsProps[] | null | undefined;
+    hideDropdown?: (() => void) | undefined;
+    tooltipValue?: string | undefined;
+    titleTooltip?: string | undefined;
+    itemAsLink?: boolean | undefined;
+    setSelected?: ((value?: DropdownListItemValue) => void) | undefined;
+    dataTestid?: string | undefined;
+    minHeight?: number | undefined;
+    parentTop?: number | undefined;
+    className?: string | undefined;
+    maxWidth?: string | undefined;
+    up?: boolean | undefined;
+    id?: string | undefined;
+    hideBackgroundColorOnSelected?: boolean | undefined;
+    contextMenuY?: number | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/src/lib/dropdown/index.d.ts

@@ -0,0 +1,46 @@
+import { ReactElement } from 'react';
+import Color from '../constants/Color';
+import TextWeight from '../constants/TextWeight';
+import { DropdownListWidth, DropdownSize } from '../constants';
+import { DropdownListItemType, DropdownListItemValue, DropdownPosition, DropdownType, FooterItemsProps } from './types';
+type DropdownButtonProps = {
+    width?: number;
+    disabled?: boolean;
+};
+type SelectedOptionProps = {
+    fontWeight?: TextWeight;
+};
+export type DropdownProps = DropdownButtonProps & SelectedOptionProps & {
+    color?: Color;
+    className?: string;
+    error?: string;
+    type: DropdownType;
+    selectedValue?: DropdownListItemValue;
+    items: DropdownListItemType[];
+    maxVisibleItems?: number;
+    listWidth?: DropdownListWidth;
+    onItemClick: (value: DropdownListItemValue) => void;
+    selectedState?: boolean;
+    footerItems?: FooterItemsProps[] | null | undefined;
+    fixedSelectedValue?: string | number | ReactElement | null;
+    title?: string;
+    titleTooltip?: string;
+    useAvatar?: boolean;
+    preventSelected?: boolean;
+    disabled?: boolean;
+    autoTopDownDropdownList?: boolean;
+    dataTestid?: string;
+    noHoverState?: boolean;
+    parentBottomOffset?: number;
+    size?: DropdownSize;
+    dropdownPosition?: DropdownPosition;
+    iconDistance?: number;
+    onDropdownStateChange?: (options: {
+        hidden: boolean;
+    }) => void;
+    preventDefaultOnMouseDown?: boolean;
+    selectedInputMask?: string;
+    hideDropdownOnCollapse?: boolean;
+};
+export declare function Dropdown({ color, className, error, items, maxVisibleItems, type, width, fontWeight, onItemClick, listWidth, selectedValue, selectedState, footerItems, fixedSelectedValue, title, titleTooltip, useAvatar, preventSelected, disabled, autoTopDownDropdownList, dataTestid, noHoverState, dropdownPosition, iconDistance, parentBottomOffset, size, onDropdownStateChange, preventDefaultOnMouseDown, selectedInputMask, hideDropdownOnCollapse, }: DropdownProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,50 @@
+import { ReactElement } from 'react';
+import { AvatarContentProps } from '../avatar';
+import IconType from '../constants/IconType';
+import { TooltipPlacement } from '../tooltip';
+export type DropdownListItemValue = string | number;
+export declare enum DropdownListSelectionMode {
+    NONE = "none",
+    CHECKBOX = "checkbox",
+    RADIO = "radio"
+}
+export declare enum DropdownPosition {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center",
+    TOP_LEFT = "topLeft"
+}
+export declare enum DropdownType {
+    TRANSPARENT = "transparent",
+    OUTLINED = "outlined",
+    SECONDARY = "secondary",
+    EDITOR = "editor",
+    GENERATOR = "generator",
+    DARK = "dark"
+}
+export type DropdownListItemContent = {
+    icon?: IconType | ReactElement;
+    avatar?: AvatarContentProps;
+    text?: string;
+    description?: string | null;
+    component?: ReactElement;
+};
+export type DropdownListItemType = {
+    premium?: boolean;
+    value?: DropdownListItemValue;
+    isSeparator?: boolean;
+    selected?: boolean;
+    content?: DropdownListItemContent;
+    disabled?: boolean;
+    tooltipText?: string;
+    tooltipTextPlacement?: TooltipPlacement;
+    showTooltipOnDisabled?: boolean;
+};
+export type HeaderItemsProps = {
+    onItemClick?: () => void;
+    content: DropdownListItemContent;
+};
+export type FooterItemsProps = {
+    onItemClick?: () => void;
+    content: DropdownListItemContent;
+};

package/src/lib/hooks/useDebounce/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Custom hook to debounce a function.
+ *
+ * @param callback - The callback function to be called after debouncing.
+ * @param delay - The debounce delay in milliseconds.
+ * @returns A function to update the debounced value.
+ */
+export declare function useDebounce<T>(callback: (value: T) => void, delay: number): import("react").Dispatch<import("react").SetStateAction<T>>;

package/src/lib/hooks/useDropdownClickOutside/index.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useDropdownClickOutside({ current: buttonCurrent }: RefObject<HTMLDivElement>, { current: dropdownCurrent }: RefObject<HTMLDivElement>, dropdownIsVisible: boolean, callback: () => void): void;

package/{lib → src/lib}/hooks/useForm/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BCValidationTypes } from './validationConstant';
-import { BCDropListOptionsType } from '../../dropList/bcdrop-list';
+import { BCDropListOptionsType } from '../../constants';
 export declare const FormGroup: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface FormData {
     value: string;
@@ -11,15 +11,15 @@ interface FormData {
     message: string;
     validations?: FormValidation[];
 }
-interface FormField {
+export interface FormField {
     value: string;
     validations?: FormValidation[];
 }
-interface FormValidation {
+export interface FormValidation {
     validationType: BCValidationTypes;
     additionalParam?: string;
 }
-type FieldType = 'password' | 'text' | 'number' | 'boolean' | 'droplist' | 'file' | 'email';
+type FieldType = 'password' | 'text' | 'number' | 'boolean' | 'droplist' | 'file' | 'email' | 'time' | 'date' | 'textArea';
 interface useBCFormReturnFunctions {
     setFieldValue: (name: string, value: string, validations?: FormValidation[]) => void;
     setFieldError: (name: string, error: string) => void;
@@ -40,5 +40,5 @@ type useMBFormReturnType = [
 ];
 export declare const useBCForm: (formInitialValue?: {
     [key: string]: FormField;
-} | undefined, t?: any) => useMBFormReturnType;
+}, t?: any) => useMBFormReturnType;
 export default useBCForm;

package/src/lib/hooks/useInterval/index.d.ts

@@ -0,0 +1 @@
+export declare function useInterval(callback: () => void, delay: number | null): void;

package/src/lib/hooks/usePolling/index.d.ts

@@ -0,0 +1,10 @@
+type UsePollingProps = {
+    action: () => any;
+    interval: number;
+};
+export declare const usePolling: ({ action, interval }: UsePollingProps) => {
+    isPolling: boolean;
+    startPolling: () => void;
+    stopPolling: () => void;
+};
+export {};

package/src/lib/hooks/usePrevious/index.d.ts

@@ -0,0 +1 @@
+export declare function usePrevious(value: any): undefined;

package/src/lib/hooks/useToggle/index.d.ts

@@ -0,0 +1 @@
+export declare function useToggle(initial?: boolean, reducer?: (state: boolean) => boolean): readonly [boolean, () => void];

package/src/lib/hooks/useUrlState/index.d.ts

@@ -0,0 +1,9 @@
+export type SetParam<T> = (value: T) => void;
+/**
+ * useUrlState
+ * --------------
+ * const [addType, setAddType] = useUrlState("keyName");
+ * addType is the value of the key=value pair in the url
+ * setAddType is a function that sets the value of the key=value pair in the url
+ */
+export declare function useUrlState<K>(key: string, initialValue?: K): [K | undefined, SetParam<K>];

package/src/lib/hooks/useWindowSize/index.d.ts

@@ -0,0 +1 @@
+export declare function useWindowSize(): number[];

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

@@ -0,0 +1,29 @@
+import Color from '../constants/Color';
+import IconType from '../constants/IconType';
+export declare enum IconSize {
+    XXL = 72,
+    XL = 42,
+    L = 28,
+    M = 18,
+    S = 14
+}
+export type IconProps = {
+    icon: IconType;
+    size?: IconSize;
+    color?: Color;
+    className?: string;
+    dataQA?: string;
+};
+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;
+    Bot: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/src/lib/inputTags/index.d.ts

@@ -0,0 +1,22 @@
+export interface ItemDropdown {
+    id: string;
+    label: string;
+    thumb?: string | null;
+    groupLabel?: string | null;
+}
+export interface SelectedItem {
+    id: string;
+    disabled: boolean;
+}
+export type InputTagsProps = {
+    items?: ItemDropdown[];
+    selectedItems?: SelectedItem[];
+    placeholder?: string;
+    unselectItem: (id: string) => void;
+    selectItem: (id: string) => void;
+    isGroupedItems?: boolean;
+    noResultsFoundText?: string;
+    allowAddingNewTags?: boolean;
+    rtl?: boolean;
+};
+export declare function BCInputTags({ items, selectedItems, placeholder, unselectItem, selectItem, isGroupedItems, allowAddingNewTags, noResultsFoundText, rtl, }: InputTagsProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/layout/flexBox/index.d.ts

@@ -0,0 +1,77 @@
+import { PropsWithChildren } from 'react';
+export declare enum FlexDirection {
+    ROW = "row",
+    ROW_REVERSE = "row-reverse",
+    COLUMN = "column",
+    COLUMN_REVERSE = "column-reverse"
+}
+export declare enum FlexAlignItems {
+    NORMAL = "normal",
+    FLEX_START = "flex-start",
+    FLEX_END = "flex-end",
+    CENTER = "center",
+    BASELINE = "baseline",
+    INHERIT = "inherit",
+    STRETCH = "stretch"
+}
+export declare enum FlexJustifyContent {
+    NORMAL = "normal",
+    FLEX_START = "flex-start",
+    FLEX_END = "flex-end",
+    CENTER = "center",
+    SPACE_BETWEEN = "space-between",
+    SPACE_AROUND = "space-around",
+    INHERIT = "inherit"
+}
+export declare enum FlexWrap {
+    NO_WRAP = "nowrap",
+    WRAP = "wrap",
+    WRAP_REVERSE = "wrap-reverse",
+    INHERIT = "inherit"
+}
+export type FlexBoxWrapperStyleProps = {
+    distance?: string;
+    flexWrap?: FlexWrap;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    maxWidth?: string;
+};
+export type FlexBoxStyleProps = FlexBoxWrapperStyleProps & {
+    flexDirection?: FlexDirection;
+    alignItems: FlexAlignItems;
+    justifyContent: FlexJustifyContent;
+    overflow?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    textAlign?: string;
+    rtl?: boolean;
+};
+export type FlexBoxProps = {
+    direction?: FlexDirection;
+    wrap?: FlexWrap;
+    alignItems?: FlexAlignItems;
+    justifyContent?: FlexJustifyContent;
+    distance?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    overflow?: string;
+    width?: string;
+    height?: string;
+    dataTestid?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    className?: string;
+    textAlign?: string;
+    rtl?: boolean;
+};
+/**
+ * Flex Box renders a container for a flexible box layout.
+ *
+ * The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.
+ */
+export declare const BCFlexBox: ({ direction, wrap, alignItems, justifyContent, distance, marginTop, marginRight, marginBottom, marginLeft, overflow, children, width, height, dataTestid, minWidth, maxWidth, className, textAlign, rtl, }: PropsWithChildren<FlexBoxProps>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/layout/gridLayout/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+export type GridLayoutProps = {
+    children: ReactElement[];
+    distance?: string;
+    dataTestid?: string;
+    elementMinWidth?: number;
+};
+/**
+ * The Grid Layout component renders children that will take on a variable amount of columns depending on available screen size.
+ */
+export declare function BCGridLayout({ children, distance, elementMinWidth, dataTestid }: GridLayoutProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/layout/horizontalLayout/index.d.ts

@@ -0,0 +1,26 @@
+import { PropsWithChildren } from 'react';
+import { FlexAlignItems, FlexJustifyContent } from '../flexBox';
+export type HorizontalLayoutProps = {
+    distance?: string;
+    alignItems?: FlexAlignItems;
+    justifyContent?: FlexJustifyContent;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    spaceBetween?: boolean;
+    overflow?: string;
+    width?: string;
+    height?: string;
+    dataTestid?: string;
+    minWidth?: string;
+    className?: string;
+    rtl?: boolean;
+};
+/**
+ * The Horizontal Layout component is a simple way to align multiple elements horizontally.
+ *
+ * By default the contained controls are not wrapped.
+ * If you want more sophisticated layout options, consider GridLayout or FlexBox components.
+ */
+export declare const BCHorizontalLayout: ({ distance, alignItems, justifyContent, marginTop, marginRight, marginBottom, marginLeft, spaceBetween, overflow, children, width, height, dataTestid, minWidth, className, rtl, }: PropsWithChildren<HorizontalLayoutProps>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/layout/index.d.ts

@@ -0,0 +1,4 @@
+export * from './flexBox';
+export * from './verticalLayout';
+export * from './horizontalLayout';
+export * from './gridLayout';

package/src/lib/layout/verticalLayout/index.d.ts

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+import { FlexAlignItems } from '../flexBox';
+export type VerticalLayoutProps = {
+    distance?: string;
+    alignItems?: FlexAlignItems;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    overflow?: string;
+    width?: string;
+    dataTestid?: string;
+    minWidth?: string;
+    textAlign?: string;
+};
+/**
+ * The Vertical Layout component is a simple way to align multiple elements vertically.
+ *
+ * By default the contained controls are not wrapped.
+ * If you want more sophisticated layout options, consider GridLayout or FlexBox components.
+ */
+export declare const BCVerticalLayout: ({ distance, alignItems, marginTop, marginRight, marginBottom, marginLeft, overflow, children, width, dataTestid, minWidth, textAlign, }: PropsWithChildren<VerticalLayoutProps>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/lazyScrollbar/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Scrollbars } from 'react-custom-scrollbars';
+export type LazyLoadBCScrollbarProps = {
+    loadMoreItems: () => void;
+    loading: boolean;
+    hasMore?: boolean;
+    children?: React.ReactNode;
+    rtl?: boolean;
+};
+export declare const BCLazyLoadScrollbar: React.ForwardRefExoticComponent<LazyLoadBCScrollbarProps & React.RefAttributes<Scrollbars>>;

package/src/lib/line/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const BCLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    backgroundColor?: string | null | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/{lib → src/lib}/loading/loading.d.ts

@@ -1,9 +1,8 @@
 import 'react-loader-spinner/dist/loader/css/react-spinner-loader.css';
 export interface LoadingProps {
-    className?: string;
     showBox?: boolean;
     blurContainer?: string;
     color?: string;
 }
-export declare const BCLoading: ({ className, showBox, blurContainer, color, }: LoadingProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const BCLoading: ({ showBox, blurContainer, color, }: LoadingProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default BCLoading;

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

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

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

@@ -0,0 +1,9 @@
+import { NavItem } from '../types';
+export type Props = {
+    leftLinks: Array<NavItem>;
+    onLeftNavButtonClick: (event: any, action?: string) => void;
+    className?: string;
+    location: any;
+};
+declare const LeftNav: ({ leftLinks, onLeftNavButtonClick, className, location, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LeftNav;

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

@@ -0,0 +1,7 @@
+import { NavItem } from '../../types';
+export type Props = NavItem & {
+    onClick: (event: any, action?: string) => void;
+    active: boolean;
+};
+export declare const LeftNavButton: ({ link, label, onClick, active, icon, action, externalLink, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LeftNavButton;

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

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+export type NavItem = {
+    label: string;
+    icon: string | ReactElement;
+    link?: string;
+    externalLink?: string;
+    action?: string;
+    className?: string;
+};
+export type NavType = {
+    brand?: string | ReactElement;
+    leftLinks: Array<NavItem>;
+    leftBottomLinks: Array<NavItem>;
+};

package/{lib → src/lib}/overlay/index.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from 'react';
 export declare enum OverlayContentPosition {
     CenterScreen = 0,
-    RightSide = 1
+    RightSide = 1,
+    LeftSide = 2
 }
 export type BCOverlayProps = {
     children: ReactElement[] | ReactElement;

package/{lib → src/lib}/popup/index.d.ts

@@ -23,7 +23,7 @@ export type BCPopupProps = {
 };
 export declare const BCPopupContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: number | undefined;
     minHeight?: number | undefined;

package/src/lib/radioButton/index.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { ButtonType } from '../button/types';
+import TextSize from '../constants/TextSize';
+import TextWeight from '../constants/TextWeight';
+type ColorTheme = ButtonType.PRIMARY | ButtonType.SECONDARY;
+export type RadioButtonProps = {
+    name?: string;
+    value: string | number;
+    onChange?: (value: string | number) => void;
+    checked: boolean;
+    label?: string;
+    colorTheme: ColorTheme;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    size?: TextSize;
+    weight?: TextWeight;
+};
+export declare const BCRadioButton: ({ name, value, checked, onChange, label, colorTheme, children, disabled, className, size, weight, }: RadioButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/{lib → src/lib}/scrollArea/index.d.ts

@@ -36,6 +36,7 @@ export type ScrollAreaProps = {
     onScrollStop?: () => void;
     onScroll?: () => void;
     verticalTrackRightPosition?: number;
+    rtl?: boolean;
 };
 export declare const BCScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<Scrollbars>>;
 export {};

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+export interface BCSearchboxProps {
+    className?: string;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+    name?: string;
+    icon?: string | ReactElement;
+    placeholder?: string;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export declare const BCSearchbox: ({ className, onChange, value, name, placeholder, icon, onKeyDown, }: BCSearchboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BCSearchbox;

package/src/lib/seperator/index.d.ts

@@ -0,0 +1,16 @@
+import Color from '../constants/Color';
+export declare enum SeparatorDirection {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export type SeparatorProps = {
+    width?: number;
+    height?: number;
+    color?: Color;
+    padding?: string;
+    direction?: SeparatorDirection;
+};
+/**
+ * This component is used to add separator line in the application
+ */
+export declare function BCSeparator({ width, height, color, padding, direction, }: SeparatorProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/skeleton/index.d.ts

@@ -0,0 +1,12 @@
+export interface SkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    borderRadius?: number | string;
+    backgroundColor?: string;
+    opacity?: number;
+    animate?: boolean;
+    lightBackground?: string;
+    lightAnimate?: string;
+    className?: string;
+}
+export declare function BCSkeleton({ width, height, borderRadius, backgroundColor, opacity, animate, lightBackground, lightAnimate, className, }: SkeletonProps): import("@emotion/react/jsx-runtime").JSX.Element;