@bcrumbs.net/bc-ui 0.0.12 → 0.0.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/bc-ui",
   "description": "The UI components of Bread Crumbs portals",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "keyword": [
     "bcrumbs",
     "bc-ui"

package/src/index.d.ts

@@ -2,6 +2,7 @@ export * from './lib/loading/loading';
 export * from './lib/textbox/bctextbox';
 export * from './lib/dropList/bcdrop-list';
 export * from './lib/multiSelector/MutliSelector';
+export * from './lib/multiSelect/BCMultiSelect';
 export * from './lib/checkbox/bccheckbox';
 export * from './lib/navigation/bcnavigation';
 export * from './lib/navigation/types';
@@ -33,6 +34,8 @@ export * from './lib/radioButton';
 export * from './lib/charts/pieChart';
 export * from './lib/charts/NewPieChart/NewPieChart';
 export * from './lib/charts/barLineChart';
+export * from './lib/charts/ChartLegend/ChartLegend';
+export * from './lib/charts/NewBarChart/NewBarChart';
 export * from './lib/charts/HorizontalStatisticCard/HorizontalStatisticCard';
 export * from './lib/dateRangePicker';
 export * from './lib/InputWithSuggestions';
@@ -43,6 +46,7 @@ export * from './lib/newComponents/BCNewTable/BCNewTable';
 export * from './lib/newComponents/BCNewDropdown/BCNewDropdown';
 export * from './lib/newComponents/BCNewTooltip/BCNewTooltip';
 export * from './lib/newComponents/BCNewAlertDialog/BCNewAlertDialog';
+export type { RAlertDialogProps } from './lib/newComponents/BCNewAlertDialog/BCNewAlertDialog';
 export * from './lib/newComponents/BCNewDialog/BCNewDialog';
 export * from './lib/newComponents/BCRadioGroupItem/BCRadioItem';
 export * from './lib/newComponents/BCNewTabs/BCNewTabs';
@@ -55,6 +59,7 @@ export * from './lib/baseComponents/radio-group';
 export * from './lib/baseComponents/checkbox';
 export * from './lib/baseComponents/switch';
 export * from './lib/newComponents/BCNewCheckBox/BCNewCheckBox';
+export * from './lib/cards/SectionDetailsCard';
 export * from './lib/button/bcbutton';
 export * from './lib/button/types';
 export * from './lib/block/bcblock';

package/src/lib/baseComponents/button.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 interface ButtonStyleProps {
-    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'warning';
     size?: 'default' | 'sm' | 'lg' | 'icon';
 }
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonStyleProps {

package/src/lib/baseComponents/radio-group.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { SerializedStyles } from '@emotion/react';
 interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
     css?: SerializedStyles;

package/src/lib/baseComponents/switch.d.ts

@@ -1,9 +1,12 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { SerializedStyles } from '@emotion/react';
+type SwitchSize = 'S' | 'M';
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     css?: SerializedStyles;
     rtl?: boolean;
+    size?: SwitchSize;
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };
+export type { SwitchSize };

package/src/lib/cards/SectionDetailsCard.d.ts

@@ -0,0 +1,16 @@
+import { SerializedStyles } from '@emotion/react';
+import React from 'react';
+interface SectionDetailsCardProps {
+    title?: string;
+    subtitle?: string;
+    titleComponent?: React.ReactNode;
+    columns?: number;
+    gap?: number;
+    containerCss?: SerializedStyles;
+    titleCss?: SerializedStyles;
+    subTitleCss?: SerializedStyles;
+    noContentContainer?: boolean;
+    children: React.ReactNode;
+}
+export declare const SectionDetailsCard: ({ title, subtitle, titleComponent, columns, gap, containerCss, titleCss, subTitleCss, noContentContainer, children, }: SectionDetailsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/charts/ChartLegend/ChartLegend.d.ts

@@ -0,0 +1,12 @@
+export interface ChartLegendItem {
+    name: string;
+    value: number;
+    color: string;
+}
+export interface ChartLegendProps {
+    items: ChartLegendItem[];
+    /** When provided, displays percentage (value/total) instead of raw value */
+    total?: number;
+    loading?: boolean;
+}
+export declare const ChartLegend: ({ items, total, loading }: ChartLegendProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/charts/NewBarChart/NewBarChart.d.ts

@@ -0,0 +1,45 @@
+export interface NewBarChartDataItem {
+    name: string;
+    value: number;
+    [key: string]: unknown;
+}
+export interface NewBarChartTooltipMeta {
+    dataKey: string;
+    value: number;
+}
+export interface NewBarChartProps {
+    data: NewBarChartDataItem[];
+    /** Accepts px number or CSS string (e.g. "100%"). Defaults to "100%". */
+    height?: number | string;
+    /** Data key for the primary bars. Defaults to "value". */
+    primaryDataKey?: string;
+    /** Optional second series data key for grouped bars. */
+    secondaryDataKey?: string;
+    barColor?: string;
+    secondaryBarColor?: string;
+    activeBarColor?: string;
+    activeSecondaryBarColor?: string;
+    /** Fixed bar width in px. Defaults to 48. */
+    barSize?: number;
+    /** Top corner radius only (px); bottom stays square. Defaults to 4. */
+    barRadius?: number;
+    /** Gap between bars in the same category (Recharts BarChart). */
+    barGap?: number | string;
+    /** Horizontal grid lines behind bars */
+    horizontalGrid?: boolean;
+    /** Merged into default chart margins */
+    margin?: Partial<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }>;
+    /** With grouped bars, `meta` matches the bar under the cursor */
+    tooltipTitle?: (item: NewBarChartDataItem, meta?: NewBarChartTooltipMeta) => string;
+    tooltipSubtitle?: (item: NewBarChartDataItem) => string;
+    /** Tooltip with bottom center pointer */
+    tooltipWithCaret?: boolean;
+    /** Reverses bar order and moves Y-axis to the right for RTL layouts */
+    rtl?: boolean;
+}
+export declare const NewBarChart: ({ data, height, primaryDataKey, secondaryDataKey, barColor, secondaryBarColor, activeBarColor, activeSecondaryBarColor, barSize, barRadius, barGap, horizontalGrid, margin, tooltipTitle, tooltipSubtitle, tooltipWithCaret, rtl, }: NewBarChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/charts/formatChartAxisTick.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Formats Y-axis tick values with a leading zero for decimals (e.g. 0.75, not .75).
+ * Uses Western numerals for consistent chart readability across locales.
+ */
+export declare function formatChartAxisTick(value: number): string;
+export declare const CHART_Y_AXIS_WIDTH = 44;
+/** Gap between Y-axis line and tick labels (larger in RTL where axis is on the right). */
+export declare function getChartYAxisTickMargin(rtl: boolean): number;
+/**
+ * Positions labels inside the plot area, away from the axis line.
+ * Right-side axis (RTL): anchor end + negative dx shifts labels left of the line.
+ * Left-side axis (LTR): same anchor keeps labels in the margin to the left of the line.
+ */
+export declare function getChartYAxisTickStyle(rtl: boolean): {
+    textAnchor: "end";
+    dx: number;
+};
+/** Space between X-axis category labels and the horizontal axis line. */
+export declare const CHART_X_AXIS_TICK_MARGIN = 10;
+/** Merges Recharts Y-axis tick SVG props (tick may also be a component or boolean). */
+export declare function mergeYAxisTickProps(base: Record<string, unknown>, override: unknown, rtlStyle: ReturnType<typeof getChartYAxisTickStyle>): Record<string, unknown>;

package/src/lib/constants/Color.d.ts

@@ -37,6 +37,7 @@ export declare enum NewColors {
     DANGER_LIGHT = "var(--bc-danger-light)",
     SUCCESS = "var(--bc-success)",
     SUCCESS_DARKER = "var(--bc-success-darker)",
+    SUCCESS_LIGHT = "var(--bc-success-light)",
     DROPDOWN_ITEM = "var(--bc-dropDown-item)",
     DROPDOWN_HOVER = "var(--bc-dropDown-hover)",
     SUB_SIDEBAR_TITLE = "var(--bc-sub-sidebar-title)",
@@ -76,6 +77,7 @@ export declare enum NewColors {
     CHARTS_DANGER = "var(--bc-charts-danger)",
     CHARTS_LABEL = "var(--bc-charts-label)",
     CHARTS_LEGEND_LABEL = "var(--bc-charts-legend-label)",
+    CHARTS_TOOLTIP_TITLE = "var(--bc-charts-tooltip-title)",
     SECONDARY80 = "rgb(106, 107, 131, 0.8)",
     SECONDARY70 = "rgb(106, 107, 131, 0.7)",
     SECONDARY50 = "rgb(106, 107, 131, 0.5)",

package/src/lib/constants/InputHeight.d.ts

@@ -1,5 +1,6 @@
 export declare enum InputHeight {
     M = "M",
+    ML = "ML",
     L = "L",
     XL = "XL"
 }
@@ -7,6 +8,9 @@ export declare const HeightValues: {
     M: {
         height: string;
     };
+    ML: {
+        height: string;
+    };
     L: {
         height: string;
     };

package/src/lib/constants/TextSize.d.ts

@@ -18,6 +18,7 @@ export declare enum TextSizeRem {
     XXL = "var(--bc-fontSize-header-3)",
     XXXL = "var(--bc-fontSize-header-2_5)",
     XXXXL = "var(--bc-fontSize-header-2)",
-    XXXXXL = "var(--bc-fontSize-header-1)"
+    XXXXXL = "var(--bc-fontSize-header-1)",
+    BUTTON = "var(--bc-fontSize-button)"
 }
 export default TextSize;

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

@@ -28,10 +28,10 @@ interface useBCFormReturnFunctions {
     validateForm: () => boolean;
     onChange: (targetVal: string, e: React.ChangeEvent<HTMLInputElement>) => void;
     resetValidationStates: () => void;
-    renderField: (name: string, label: string, type: FieldType, readonly?: boolean, placeholder?: string, tooltip?: string, dynamicStyle?: SerializedStyles) => JSX.Element;
+    renderField: (name: string, label: string, type: FieldType, readonly?: boolean, placeholder?: string, tooltip?: string, dynamicStyle?: SerializedStyles, autoComplete?: string) => JSX.Element;
     _renderFieldInput: (name: string, type: FieldType, readonly: boolean, placeholder: string) => JSX.Element;
     onDroplistSelectionChange: (name: string, selectedKey?: string) => void;
-    renderDroplistField: (name: string, label: string, options: BCDropListOptionsType[], placeholder?: string, tooltip?: string, lang?: boolean, searchable?: boolean, labelStyle?: SerializedStyles, containerStyle?: SerializedStyles, loading?: boolean, noEmpty?: boolean) => JSX.Element;
+    renderDroplistField: (name: string, label: string, options: BCDropListOptionsType[], placeholder?: string, tooltip?: string, lang?: boolean, searchable?: boolean, labelStyle?: SerializedStyles, containerStyle?: SerializedStyles, loading?: boolean, noEmpty?: boolean, usePortal?: boolean) => JSX.Element;
 }
 type useMBFormReturnType = [{
     [key: string]: FormData;

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

@@ -401,4 +401,64 @@ export declare const BCIcons: {
         height?: number | undefined;
         fill?: string | undefined;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CrumbySettingsEntry: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DashboardStatisticCard: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    FeedbackIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Chatting: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Plus: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SingleHollowCheck: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    EmptyBCrumbsSlug: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    GupshupIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Robot: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    HelpCircle: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SingleUser: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ChatWithBubble: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/src/lib/multiSelect/BCMultiSelect.d.ts

@@ -0,0 +1,24 @@
+import { SerializedStyles } from '@emotion/react';
+import { BCDropListOptionsType } from '../constants/Droplist';
+export interface BCMultiSelectProps {
+    options: BCDropListOptionsType[];
+    selected: string[];
+    onChange: (values: string[]) => void;
+    placeholder?: string;
+    rtl?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    className?: string;
+    maxChipsVisible?: number;
+    showSelectAll?: boolean;
+    selectAllText?: string;
+    clearAllText?: string;
+    noResultsText?: string;
+    usePortal?: boolean;
+    containerCss?: SerializedStyles;
+    buttonCss?: SerializedStyles;
+    dropDownContentCss?: SerializedStyles;
+}
+export declare function BCMultiSelect({ options, selected, onChange, placeholder, rtl, searchable, searchPlaceholder, disabled, className, maxChipsVisible, showSelectAll, selectAllText, clearAllText, noResultsText, usePortal, containerCss, buttonCss, dropDownContentCss, }: BCMultiSelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default BCMultiSelect;

package/src/lib/multiSelect/style.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+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;
+} & {
+    rtl?: boolean | undefined;
+    containerCss?: SerializedStyles | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TriggerButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+    buttonCss?: SerializedStyles | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const ChipsRow: 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 Chip: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const OverflowChip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const DropDownContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+    openUpward?: boolean | undefined;
+    inPortal?: boolean | undefined;
+    dropDownContentCss?: SerializedStyles | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const SearchIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ActionRow: 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 ActionButton: 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").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const OptionsList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+    selected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const OptionText: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NoResultsMessage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PortalWrapper: 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 triggerDefaultCss: SerializedStyles;

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

@@ -1,22 +1,34 @@
 import { ReactElement } from 'react';
 export type SubMenuItemsType = {
     label: string;
+    title?: string;
     link: string;
     action: string;
     icon: string | ReactElement;
+    tags?: string[];
+    description?: string;
+    hide?: boolean;
 };
 export type SubMenuType = {
     title?: string;
     items?: Array<SubMenuItemsType>;
+    hide?: boolean;
 };
 export type NavItem = {
     label: string;
+    title?: string;
     icon: string | ReactElement;
     link?: string;
     externalLink?: string;
     action?: string;
+    tags?: string[];
+    description?: string;
     className?: string;
     subMenu?: Array<SubMenuType>;
+    hide?: boolean;
+};
+export type NavWithTags = NavItem & {
+    subMenu?: Array<SubMenuType>;
 };
 export type NavType = {
     brand?: string | ReactElement;

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

@@ -1,3 +1,28 @@
 import React from 'react';
-import { RAlertDialogProps } from './types';
-export declare const BCNewAlertDialog: React.FC<RAlertDialogProps>;
+import type { SerializedStyles } from '@emotion/react';
+export interface RAlertDialogProps {
+    component?: React.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;
+    icon?: React.ReactNode;
+    iconBackgroundColor?: string;
+    noConfirmButton?: boolean;
+}
+export declare const BCNewAlertDialog: ({ component, title, description, cancelText, cancelCssStyle, confirmText, confirmCssStyle, confirmAction, triggerCssStyle, headerItemsPosition, disableTrigger, open, onOpenChange, titleCssStyle, descriptionCssStyle, noTrigger, rtl, icon, iconBackgroundColor, noConfirmButton, cancelAction, }: RAlertDialogProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,27 +1 @@
-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;
-    icon?: ReactNode;
-    iconBackgroundColor?: string;
-    noConfirmButton?: boolean;
-};
+export type { RAlertDialogProps } from './BCNewAlertDialog';

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

@@ -30,4 +30,5 @@ export type RDropdownProps = {
     beforeActionsComponent?: ReactNode;
     afterActionsComponent?: ReactNode;
     rtl?: boolean;
+    onOpenChange?: (open: boolean) => void;
 };

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

@@ -7,4 +7,5 @@ export type RTooltipProps = {
     contentCssStyle?: SerializedStyles;
     delayDuration?: number;
     side?: 'top' | 'bottom' | 'left' | 'right';
+    open?: boolean;
 };

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

@@ -8,6 +8,8 @@ export interface BCRadioItemProps {
     containerCssStyle?: SerializedStyles;
     radioCssStyle?: SerializedStyles;
     labelCssStyle?: SerializedStyles;
+    variant?: 'default' | 'filled';
+    size?: 'S' | 'M' | 'L';
     id?: string;
     'aria-label'?: string;
     'aria-describedby'?: string;

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

@@ -25,5 +25,5 @@ export declare const SearchFilterDiv: import("@emotion/styled").StyledComponent<
     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 declare const InputStyle: (hasError?: boolean) => import("@emotion/react").SerializedStyles;
 export {};

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

@@ -11,6 +11,7 @@ export interface BCTextboxProps {
     placeholder?: string;
     maxLength?: number;
     autoCompleteList?: string[];
+    autoComplete?: string;
     onBlur?: (ev: ChangeEvent<HTMLInputElement>) => any;
     onClick?: (ev: any) => any;
     onFocus?: (ev: ChangeEvent<HTMLInputElement>) => any;
@@ -19,5 +20,5 @@ export interface BCTextboxProps {
 export interface BCTextboxState {
     showAutoComplete: boolean;
 }
-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 declare const BCTextbox: ({ className, name, onChange, onKeyDown, onClick, value, type, disabled, placeholder, maxLength, autoCompleteList, autoComplete, onBlur, onFocus, inputStyle, }: BCTextboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCTextbox;

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { ToastContainerProps } from 'react-toastify';
+import { ToastContainerProps, ToastPosition } from 'react-toastify';
+export type { ToastPosition };
 import 'react-toastify/dist/ReactToastify.css';
 import { IconType } from '../constants';
 export declare enum ToastSize {
@@ -25,6 +26,6 @@ export declare const BCToastContainer: ({ className, ...rest }: ToastContainerPr
     className?: string;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare function triggerToast({ title, description, firstButtonText, onFirstButtonClick, onSecondButtonClick, secondButtonText, autoClose, onClose, size, icon, titlePaddingRight, fullWidth, }: ToastProps): import("react").ReactText;
+export declare function triggerWarningToast({ title, description, firstButtonText, onFirstButtonClick, onSecondButtonClick, secondButtonText, autoClose, onClose, size, icon, titlePaddingRight, fullWidth, }: ToastProps): import("react").ReactText;
 export declare function triggerErrorToast({ title, description, firstButtonText, onFirstButtonClick, onSecondButtonClick, secondButtonText, autoClose, onClose, size, icon, titlePaddingRight, fullWidth, }: ToastProps): import("react").ReactText;
 export declare function closeAllToast(): void;
-export {};