bord-design-system 0.0.12 → 0.0.13

package/dist/components/index.d.ts

@@ -30,7 +30,37 @@ import { ThemeProvider } from '../provider/themeProvider';
 import BordSwitch from './BordSwitch/BordSwitch';
 import BordSelect from './BordSelect/BordSelect';
 import BordUploaderButton from './BordUploaderButton/BordUploaderButton';
+import BordActionButton from './BordActionButton/BordActionButton';
+import BordBreadCrumb from './BordBreadCrumb/BordBreadCrumb';
+import BordCellCard from './BordCellCard/BordCellCard';
+import BordCheckBox from './BordCheckBox/BordCheckBox';
+import BordDatePicker from './BordDatePicker/BordDatePicker';
+import BordDropdown from './BordDropdown/BordDropdown';
+import { BordFeedbackAlert } from './BordFeedbackAlert/BordFeedbackAlert';
+import BordFiltersExpandableSelect from './BordFiltersExpandableSelect/BordFiltersExpandableSelect';
+import BordGlass from './BordGlass/BordGlass';
+import BordLogo from './BordLogo/BordLogo';
+import BordMarketplaceButton from './BordMarketplaceButton/BordMarketplaceButton';
+import BordMentions from './BordMentions/BordMentions';
+import BordNotificationIcon from './BordNotificationIcon/BordNotificationIcon';
+import BordPasswordInput from './BordPaswordInput/BordPasswordInput';
+import BordPhoto from './BordPhoto/BordPhoto';
+import BordProfileSummary from './BordProfileSummary/BordProfileSummary';
+import BordRadioButton from './BordRadioButton/BordRadioButton';
+import BordScrollBar from './BordScrollBar/BordScrollBar';
+import BordSidebar from './BordSidebar/BordSidebar';
+import BordSidebarButton from './BordSidebarButton/BordSidebarButton';
+import BordSidebarWithFilters from './BordSidebarWithFilters/BordSidebarWithFilters';
+import BordStatus from './BordStatus/BordStatus';
+import BordStepper from './BordStepper/BordStepper';
+import BordTag from './BordTag/BordTag';
+import BordTags from './BordTags/BordTags';
+import BordTextArea from './BordTextArea/BordTextArea';
+import BordTextButton from './BordTextButton/BordTextButton';
+import BordToolModelMarker from './BordToolModelMarker/BordToolModelMarker';
+import BordToolsPhotos from './BordToolsPhotos/BordToolsPhotos';
+import { BordTrelloRowFooterBadgeList } from './BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList';
 import '../styles/index.scss';
 export * from '../types/components.types';
-export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner, BordButton, BordTabs, BordInfoCard, BordMetricCard, BordTabBar, BordTab, BordTabsGroupWithBadge, BordFloatDropdown, BordFilters, BordSearchBar, BordModal, ModalContent, BordIlustrationIcon, BordToast, BordTooltip, BordMetricCards, BordSortSelect, BordBadge, BordGenericSelect, BordEmptyState, ThemeProvider, BordSwitch, BordSelect, BordUploaderButton, };
+export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner, BordButton, BordTabs, BordInfoCard, BordMetricCard, BordTabBar, BordTab, BordTabsGroupWithBadge, BordFloatDropdown, BordFilters, BordSearchBar, BordModal, ModalContent, BordIlustrationIcon, BordToast, BordTooltip, BordMetricCards, BordSortSelect, BordBadge, BordGenericSelect, BordEmptyState, ThemeProvider, BordSwitch, BordSelect, BordUploaderButton, BordActionButton, BordBreadCrumb, BordCellCard, BordCheckBox, BordDatePicker, BordDropdown, BordFeedbackAlert, BordFiltersExpandableSelect, BordGlass, BordLogo, BordMarketplaceButton, BordMentions, BordNotificationIcon, BordPasswordInput, BordPhoto, BordProfileSummary, BordRadioButton, BordScrollBar, BordSidebar, BordSidebarButton, BordSidebarWithFilters, BordStatus, BordStepper, BordTag, BordTags, BordTextArea, BordTextButton, BordToolModelMarker, BordToolsPhotos, BordTrelloRowFooterBadgeList, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,kBAAkB,MAAM,yCAAyC,CAAC;AAEzE,OAAO,sBAAsB,CAAC;AAE9B,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EACL,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,UAAU,EACV,OAAO,EACP,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction, ButtonHTMLAttributes } from 'react';
+import React__default, { ComponentProps, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction, ButtonHTMLAttributes, HTMLAttributes } from 'react';
 
 declare enum BORD_AVATARS {
     'circularFigma' = "circularFigma",
@@ -828,6 +828,7 @@ interface IRowFooterProps {
     badgeList?: TBadgeItem[];
     children?: ReactNode;
 }
+declare const BordTrelloRowFooterBadgeList: ({ title, badgeList, children }: IRowFooterProps) => react_jsx_runtime.JSX.Element;
 
 interface IBordFloatDropdownOption {
     iconProps?: Omit<IbordOneToneIconProps, 'variant'> & {
@@ -1360,41 +1361,33 @@ interface IBordUploaderButton {
 
 declare const BordUploaderButton: FC<IBordUploaderButton>;
 
+interface IBordActionButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant: TbordOneToneIcon;
+    subTitle: string;
+    title: string;
+}
+
+declare const BordActionButton: FC<IBordActionButtonProps>;
+
 interface IBordBreadCrumbProps {
     headerNavigationSubtitle: string;
     headerNavigationTitle: string;
 }
 
+declare const BordBreadCrumb: ({ headerNavigationTitle: title, headerNavigationSubtitle: subtitle, }: IBordBreadCrumbProps) => JSX.Element;
+
 interface IBordCellCard extends ComponentProps<'div'> {
     children: ReactNode;
     customClassName?: string;
 }
 
-interface IBordCellHeader extends ComponentProps<'div'> {
-    icon?: ReactNode;
-    title: string;
-    subtitle?: string;
-    description?: string;
-    customClassName?: string;
-}
-
-interface IBordCellItem extends ComponentProps<'div'> {
-    title?: string;
-    icon?: ReactNode;
-    label: ReactNode;
-    customContentElement?: ReactNode;
-    customClassName?: string;
-}
-
-interface IBordCellItemData {
-    title?: string;
-    icon?: ReactNode;
-    label: string;
-}
-interface IBordGroupCellItem extends ComponentProps<'div'> {
-    items: IBordCellItemData[];
-    customClassName?: string;
-}
+/**
+ * @description A card container component for cell items.
+ * @prop {ReactNode} children - The cell items or groups to display.
+ * @prop {string} [customClassName=""] - Add a custom class to the component.
+ * @returns {React.ReactElement} A cell card component.
+ */
+declare const BordCellCard: (props: IBordCellCard) => React$1.ReactElement;
 
 interface IBordCheckBoxSvgProps extends ComponentProps<"svg"> {
     size?: 16 | 20 | 32 | 48 | 64 | 80 | 320;
@@ -1425,6 +1418,19 @@ interface IBordCheckBoxProps extends ComponentProps<"div"> {
     handleClickButton?: () => void;
 }
 
+/**
+ * BordCheckBox component
+ *
+ * @param {IBordCheckBoxProps} props - Props for the component
+ * @param {string} [props.label] - The label of the checkbox
+ * @param {boolean} [props.isButtonActive] - Is the button active or not?
+ * @param {boolean} [props.isButtonDisabled] - Is the button disabled or not?
+ * @param {() => void} [props.handleClickButton] - A callback function to run when the button is clicked
+ * @param {string} [props.customSize] - Custom size of the checkbox
+ * @returns {JSX.Element} A JSX element representing the checkbox component
+ */
+declare const BordCheckBox: ({ label, isButtonActive, isButtonDisabled, handleClickButton, customSize, labelProps, }: IBordCheckBoxProps) => react_jsx_runtime.JSX.Element;
+
 interface IBordDatePickerProps {
     updateCurrentValueCallback: (inputText: string) => void;
     isFilled: boolean;
@@ -1439,6 +1445,97 @@ interface IBordDatePickerProps {
     handleFocus?: () => void;
 }
 
+declare const BordDatePicker: ({ updateCurrentValueCallback, isFilled, defaultValue, desiredTimeZone, label, errorText, isDisabled, hideErrorText, debounceTime, handleFocus, customWidth, }: IBordDatePickerProps) => react_jsx_runtime.JSX.Element;
+
+type TcomponentSize = "xsSmall" | "extraSmall-74" | "extraSmall" | "small" | "small-184" | "medium" | "large" | "extraLarge" | "w256" | "w368" | "w-380" | "w-280" | "w-180" | "w-80";
+interface IBordDropdown<T> {
+    label?: string;
+    caption?: string;
+    isFilled?: boolean;
+    errorText?: string;
+    isFocused?: boolean;
+    customIcon?: JSX.Element;
+    rawOptions: T[];
+    customLabel?: string;
+    openDropdown?: boolean;
+    currentValue?: T;
+    isDeactivated?: boolean;
+    hideErrorText?: boolean;
+    componentSize?: TcomponentSize;
+    dropdownStyles?: {
+        [key: string]: string;
+    };
+    componentStyles?: {
+        [key: string]: string;
+    };
+    customClassname?: string;
+    customInputClass?: string;
+    customPlaceholder?: string;
+    alternativeStyling?: "matchingBackground";
+    showSkeletonLoader?: boolean;
+    closesOnClickOutside?: boolean;
+    includeMagnifierIcon?: boolean;
+    closesOnChangeSelection?: boolean;
+    dropdownOptionsListStyles?: {
+        [key: string]: string;
+    };
+    formDropdownOptionsCallback: (rawOptions: T[], clickOptionCallback?: (option: T) => void, searchString?: string) => JSX.Element[];
+    formSelectedOptionUICallback: (rawSelectedOption: T) => JSX.Element;
+    filterBySearchStringCallback: (search: string, rawOptions: T[]) => T[];
+    dropdownCloseCallback?: (...args: (number | string)[]) => void;
+}
+
+/**
+ * IMPORTANT: if the styles of the implementation you are going to make of this component differs significantly from the design system options, DONT MODIFY THIS COMPONENT, use the customClassname, componentStyles, dropdownStyles, dropdownOptionsListStyles properties to customized it.
+ * IMPORTANT: for the formDropdownOptionsCallback each of the returned options in the returned array should have the className "optionContainer" to inherit the default styles for the options UI.
+ * IMPORTANT: for the formDropdownOptionsCallback each of the returned options should include as the onClick prop the logic to select the option, ie updated the current option with the newly selected value
+ * @property {T[]} rawOptions : Optional, an array of all the possible values from which select. The type of the elements in the array must be the same for all, but can be anything required by the instance of this component. This type is the same one expected in the formDropdownOptionsCallback and filterBySearchStringCallback
+ * @property { (rawOptions: T[], clickOptionCallback: (option: T) => void) => JSX.Element[], searchString?: string } formDropdownOptionsCallback : a function that maps the rawOptions array to an array of JSX.Element that will be displayed as the options for dropdown
+ * @property { (rawSelectedOption: T) => JSX.Element } formSelectedOptionUICallback : a function that forms the UI to show when the dropdown is closed starting from the raw value of the selected option
+ * @property { (search: string, rawOptions: T[]) => T[] } filterBySearchStringCallback : a function that implements the filtering logic using the search string of the dropdown. Must return an array of elements with the same type used in the elements of the rawOptions property, or an empty array if no results are found.
+ * @property { (...args: (number | string)[]) => void } dropdownCloseCallback : a function callback to execute upon closing the dropdown
+ * @property { T } currentValue : the current selected value, it is this value that updates upon clicking on an option in the dropdown. Must be of the same type used for the elements of the rawOptions array
+ * @property {string} componentSize : Optional, one of the standard sizes for the components, corresponding to one of the following words: "extra-small", "small", "medium" or "large". If no value is passed the component will have the width of its parent container.
+ * @property {string} customClassname : Optional, a string classname to provide customizing styles.
+ * @property {string} customPlaceholder : Optional, the desired text when the dropdown is closed and no option has been selected yet. Default is the text "Elige una opción"
+ * @property {boolean} isFilled : Optional, a boolean indicating if the dropdown component must have filled styles or not.
+ * @property {boolean} isFocused : Optional, a boolean indicating if the dropdown component must show the focused styles or not.
+ * @property {boolean} includeMagnifierIcon : Optional, a boolean indicating if the dropdown component should have a magnifier icon on the left or not. DEFAULT is true
+ * @property {JSX.Element} customIcon : Optional, a custom icon to show on the dropdown closed UI, if this is passed it replaces the magnifier ico
+ * @property {string} label : Optional, a label for the select input.
+ * @property {string} caption : Optional, a caption to shown at the components bottom.
+ * @property {string} errorText : Optional, the text to be shown if theres an error with the component or its current selected value. If an error is passed the style of the component will change to reflect that.
+ * @property {boolean} showSkeletonLoader - Optional,a  boolean indicating if the component is loading and therefore the skeleton loader is to be shown. Default is false.
+ * @property {boolean} isDeactivated : Optional, boolean indicating if the dropdown input is deactivated. If a value is provided the input will behave as a read only field and styles will be accordingly.
+ * @property {{[key:string]: string}} componentStyles : an object with valid styles to be used as the value for the style property of the parent component. Use it to customized the NudosSearchbarDropdown component.
+ * @property {{[key:string]: string}} dropdownStyles : an object with valid styles to be used as the value for the style property of the open dropdown section. Use it to customized the NudosSearchbarDropdown component.
+ * @property {{[key:string]: string}} dropdownOptionsListStyles : an object with valid styles to be used as the value for the style property of the dropdown options list. Use it to customized the NudosSearchbarDropdown component.
+ * @property {boolean} closesOnClickOutside : Optional, a boolean indicating if the dropdown closes when clicked outside. If no value is pause the default is true, with the select value being updated to the default.
+ * @property {boolean} closesOnChangeSelection : Optional, a boolean indicating if the dropdown closes when the selected option(s) change. If no value is pause the default is true.
+ * @property {string} hideErrorText : Optional, if the dropdown is part of another component that shows an error text, used this boolean to prevent from repeating the error text.
+ */
+declare const BordDropdown: <T>({ label, caption, isFilled, errorText, isFocused, rawOptions, customIcon, customLabel, openDropdown, currentValue, hideErrorText, componentSize, isDeactivated, dropdownStyles, componentStyles, customClassname, customInputClass, customPlaceholder, alternativeStyling, showSkeletonLoader, includeMagnifierIcon, closesOnClickOutside, closesOnChangeSelection, dropdownOptionsListStyles, dropdownCloseCallback, formDropdownOptionsCallback, formSelectedOptionUICallback, filterBySearchStringCallback, }: IBordDropdown<T>) => react_jsx_runtime.JSX.Element;
+
+type TAlertType = 'info' | 'success' | 'warning' | 'error';
+interface IBordFeedbackAlert {
+    type: TAlertType;
+    title: string | ReactNode;
+    description?: string | ReactNode;
+    icon?: ReactNode;
+    iconProps?: IbordOneToneIconProps;
+    className?: string;
+}
+declare const BordFeedbackAlert: ({ type, title, description, icon, iconProps, className, }: IBordFeedbackAlert) => react_jsx_runtime.JSX.Element;
+
+declare const BordFiltersExpandableSelect: ({ filterTitle, openSelectStatus, openSelectFunction, rawSelectOptions, handleChangeSelectedOption, isFilterActive, searchPlaceholder, }: IBordFiltersExpandableSelect) => react_jsx_runtime.JSX.Element;
+
+interface IBordGlassProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactElement;
+    customClassName: string;
+}
+
+declare const BordGlass: FC<IBordGlassProps>;
+
 interface IBordLogoProps extends ComponentProps<"svg"> {
     standardSize?: 20 | 32 | 48 | 64 | 80 | 320;
     customWidth?: string;
@@ -1446,11 +1543,53 @@ interface IBordLogoProps extends ComponentProps<"svg"> {
     colorDot?: string;
 }
 
+/**
+ * BordLogo component
+ *
+ * @example
+ * <BordLogo />
+ *
+ * @param {Object} props Component props
+ * @param {number} [props.standardSize=48] Standard logo size in pixels
+ * @param {string} [props.customWidth] Custom logo width
+ * @param {string} [props.colorLetters=#fff] Color of the letters
+ * @param {string} [props.colorDot=#FF6175] Color of the dot
+ */
+declare const BordLogo: ({ standardSize, customWidth, colorLetters, colorDot, }: IBordLogoProps) => react_jsx_runtime.JSX.Element;
+
 interface IBordMarketplaceButtonProps extends ComponentProps<"button"> {
     buttonText: string;
     buttonColor: 'light' | 'dark';
 }
 
+/**
+ * @param {Object} props - The properties object.
+ * @param {string} props.buttonColor - The color of the button, applied as a CSS class.
+ * @param {string} props.buttonText - The text to display inside the button.
+ * @param {function} props.onClick - The function to call when the button is clicked.
+ * @returns {JSX.Element} The rendered button component.
+ */
+declare const BordMarketplaceButton: ({ buttonColor, buttonText, onClick, ...rest }: IBordMarketplaceButtonProps) => JSX.Element;
+
+interface ImentionableUser {
+    userId: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    photoUrl?: string;
+}
+
+declare const BordMentions: ({ placeholder, style, userList, userListProps, updateMessageCallback, updateMentionedUsersCallback, }: IBordMentionsProps) => react_jsx_runtime.JSX.Element;
+
+interface IBordMentionsProps {
+    placeholder: string;
+    style?: React__default.CSSProperties;
+    userList?: ImentionableUser[];
+    userListProps?: React__default.HTMLAttributes<HTMLDivElement>;
+    updateMessageCallback?: (message: string) => void;
+    updateMentionedUsersCallback?: (mentionedUsers: ImentionableUser[]) => void;
+}
+
 declare enum BORD_NOTIFICATION_ICONS {
     on = "on",
     off = "off"
@@ -1461,6 +1600,8 @@ interface IBordNotificationIconProps extends ComponentProps<'svg'> {
     customWidth?: string;
 }
 
+declare const BordNotificationIcon: FC<IBordNotificationIconProps>;
+
 interface IBordPasswordInputProps {
     label?: string;
     placeholder?: string;
@@ -1470,6 +1611,29 @@ interface IBordPasswordInputProps {
     setCurrentValue?: (inputValue: string) => void;
 }
 
+declare const BordPasswordInput: ({ label, disabled, placeholder, errorText, hideErrorText, setCurrentValue, }: IBordPasswordInputProps) => react_jsx_runtime.JSX.Element;
+
+declare const BordToolModelMarker: ({ isBordTool, customSize, }: IbordToolModelMarkerProps) => react_jsx_runtime.JSX.Element;
+
+interface IbordToolModelMarkerProps {
+    isBordTool: boolean;
+    customSize?: number;
+}
+
+type TBordPhotoSize = 's20' | 's32' | 's48' | 's56' | 's64' | 's100';
+interface IBordPhotoProps extends ComponentProps<'div'> {
+    url?: string;
+    variant?: 'circle' | 'square';
+    size?: TBordPhotoSize;
+    imageProps?: ComponentProps<'img'>;
+    avatarProps?: IBordAvatarProps;
+    oneToneIconProps?: IbordOneToneIconProps;
+    flagProps?: IbordFlagProps;
+    toolModelMarkerProps?: IbordToolModelMarkerProps;
+}
+
+declare const BordPhoto: FC<IBordPhotoProps>;
+
 interface IBordProfileSummaryProps {
     title?: string | JSX.Element;
     subTitle?: string | JSX.Element;
@@ -1477,6 +1641,8 @@ interface IBordProfileSummaryProps {
     imgUrl?: string;
 }
 
+declare const BordProfileSummary: FC<IBordProfileSummaryProps>;
+
 interface IBordRadioButtonProps extends ComponentProps<"div"> {
     isButtonActive?: boolean;
     componentSize?: string;
@@ -1496,6 +1662,22 @@ interface IBordRadioButtonSvgProps extends ComponentProps<"svg"> {
     isInactive?: string;
 }
 
+/**
+ * @description A component for rendering a radio button with a label.
+ * @prop {string} [componentSize] - The size of the component, can be "extraSmall", "small", "medium", "large", or "extraLarge".
+ * @prop {string} [customWidth] - The width of the component, can be any valid CSS unit.
+ * @prop {boolean} [isButtonActive] - Is the button active or not?
+ * @prop {string} [label] - The label of the button.
+ * @prop {boolean} [disabled=false] - Is the button disabled or not?
+ * @prop {() => void} [onClick] - A callback function to run when the button is clicked and not disabled.
+ * @prop {ComponentProps<"svg">} [svgProps] - an object with svg props to pass to the primitive component
+ * @prop {ComponentProps<"p">} [labelProps] - an object with p element props to pass to the primitive component
+ * @returns {JSX.Element} A JSX element representing the radio button component.
+ */
+declare const BordRadioButton: ({ onClick, componentSize, isButtonActive, label, customWidth, labelProps, svgProps, disabled, ...rest }: IBordRadioButtonProps) => react_jsx_runtime.JSX.Element;
+
+declare const BordScrollBar: () => react_jsx_runtime.JSX.Element;
+
 interface IbordSidebarButtonProps extends ComponentProps<"button"> {
     isSelected?: boolean;
     isOpen?: boolean;
@@ -1517,6 +1699,20 @@ interface IsidebarLogoProps extends ComponentProps<"div"> {
     isOpen: boolean;
 }
 
+declare const BordSidebar: ({ isOpen, sidebarBaseModules, sidebarAdditionalModules, logoProps, }: IbordSidebarProps) => react_jsx_runtime.JSX.Element;
+
+declare const BordSidebarButton: ({ isSelected, isOpen, buttonText, buttonIcon, disabled, ...rest }: IbordSidebarButtonProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * @property { string } text - The text to show in the link like button
+ * @property { string } customClassname - A classname for custom styles
+ * @property {  IbordOneToneIconProps }  leftIconProps - The props of the left icon.
+ * @property { IbordOneToneIconProps }  rightIconProps - The props of the right icon.
+ * @property { boolean  } isDisabled - A boolean indicating if the button is disabled
+ * @property { JSX.Element } explainingHover - A jsx element to display when the button is hovered, as to be used in the explaination of its action or state
+ */
+declare const BordTextButton: ({ text, isDisabled, explainingHover, onClick, className: customClassName, leftIconProps, rightIconProps, textProps, }: IbordTextButton) => react_jsx_runtime.JSX.Element;
+
 interface IbordTextButton extends ComponentProps<'div'> {
     text: string;
     isDisabled?: boolean;
@@ -1552,6 +1748,55 @@ interface IsidebarFilterValue {
     description?: string;
 }
 
+declare const BordSidebarWithFilters: ({ title, logoProps, dynamicFilters, suggestionFilters, updateFiltersCallback, sidebarSuggestionFiltersTitle, cleanFiltersButtonProps, loadingDynamicFilters, loadingSuggestionFilters, ...rest }: IbordSidebarWithFilersProps) => react_jsx_runtime.JSX.Element;
+
+type statusVariants = "default" | "informative" | "success" | "danger";
+
+interface IBordStatusProps {
+    label: string;
+    variant?: statusVariants;
+}
+declare const BordStatus: FC<IBordStatusProps>;
+
+interface IprogressStepData {
+    order: number;
+    stepContent?: React$1.ReactElement;
+    stepWidth?: number;
+    customStepStyles?: {
+        [key: string]: string;
+    };
+    title?: string;
+    subTitle?: string;
+    customConectorWidth?: string;
+    isTooltipMessage?: boolean;
+    tooltipMessage?: string;
+}
+
+/**
+@property { IprogressStepData[] } steps - An array with the information for each step of the progress bar, including the folowing data: order (number), stepContent (JSX.Element), stepWidth (number), customStepStyles ({ [key: string]: string })
+@property { number } currentStep -A number indicating the index of the step in the steps array that should be display as current
+@property { number } firstAndLastConectorWidth - The width in pixels (only the number) for the first and last connector lines of the progress bar (the ones coneecting to the points)
+@property { number } intermediateStepsConectorWidth - The width in pixels (only the number) for the connector lines connecting the different steps of the progress bar
+@property { number } customHeight - The height of the boxes for the steps of the progress bar, ie the height of the component as a whole
+@property { IprogressStepData[] } skeletonSteps - An array with the information for each of the skeleton steps. Can contain the same data as the steps property, but the most relevant  are the order and stepWidth, that should be equal to that of the steps in the steps property
+ */
+declare const BordStepper: ({ steps, currentStep, firstAndLastConectorWidth, intermediateStepsConectorWidth, customHeight, customStepperClassname, skeletonSteps, loading, isStepContent, }: {
+    steps: IprogressStepData[];
+    currentStep: number;
+    firstAndLastConectorWidth?: number;
+    intermediateStepsConectorWidth?: number;
+    customHeight?: number;
+    customWidth?: string;
+    customStepperClassname?: string;
+    skeletonSteps?: IprogressStepData[];
+    loading?: boolean;
+    isStepContent?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const BordTag: FC<IBordTagProps>;
+
+declare const BordTags: FC<IBordTagsProps>;
+
 interface IBordTextAreaProps extends ComponentProps<"div"> {
     label?: string;
     placeholder: string;
@@ -1571,5 +1816,43 @@ interface IBordTextAreaProps extends ComponentProps<"div"> {
     isLoading?: boolean;
 }
 
-export { BORD_AVATARS, BORD_ILUSTRATION_ICONS, BORD_NOTIFICATION_ICONS, BORD_ONE_TONE_ICONS, BORD_TWO_TONE_ICONS, BordAttentionButton, BordAvatar, BordBackButton, BordBadge, BordButton, BordEmptyState, BordFilters, BordFlag, BordFloatDropdown, BordGenericSelect, BordIlustrationIcon, BordInfoBanner, BordInfoCard, BordMetricCard, BordMetricCards, BordModal, BordOneToneIcon, BordSearchBar, BordSelect, BordSortSelect, BordSwitch, BordTab, BordTabBar, BordTabs, BordTabsGroupWithBadge, BordTextInput, BordToast, BordTooltip, BordTwoToneIcon, BordUploaderButton, COUNTRY_CODES, FORM_COMPONENTS_STANDARD_SIZES, ModalContent, ThemeProvider };
+declare const BordTextArea: ({ placeholder, name, rows, cols, leftIconVariant, label, customWidth, filled, errorText, hideError, isDisabled, setInputValue, value, captionText, maxLength, isLoading, }: IBordTextAreaProps) => react_jsx_runtime.JSX.Element;
+
+type TBordToolsPhotosSize = "h-100" | "h-80" | "h-64" | "h-56" | "h-32";
+interface IBordToolsPhotosProps {
+    url?: string;
+    size?: TBordToolsPhotosSize;
+    customSize?: string;
+    variant?: "rounded" | "square";
+}
+
+declare const BordToolsPhotos: FC<IBordToolsPhotosProps>;
+
+interface IBordCellHeader extends ComponentProps<'div'> {
+    icon?: ReactNode;
+    title: string;
+    subtitle?: string;
+    description?: string;
+    customClassName?: string;
+}
+
+interface IBordCellItem extends ComponentProps<'div'> {
+    title?: string;
+    icon?: ReactNode;
+    label: ReactNode;
+    customContentElement?: ReactNode;
+    customClassName?: string;
+}
+
+interface IBordCellItemData {
+    title?: string;
+    icon?: ReactNode;
+    label: string;
+}
+interface IBordGroupCellItem extends ComponentProps<'div'> {
+    items: IBordCellItemData[];
+    customClassName?: string;
+}
+
+export { BORD_AVATARS, BORD_ILUSTRATION_ICONS, BORD_NOTIFICATION_ICONS, BORD_ONE_TONE_ICONS, BORD_TWO_TONE_ICONS, BordActionButton, BordAttentionButton, BordAvatar, BordBackButton, BordBadge, BordBreadCrumb, BordButton, BordCellCard, BordCheckBox, BordDatePicker, BordDropdown, BordEmptyState, BordFeedbackAlert, BordFilters, BordFiltersExpandableSelect, BordFlag, BordFloatDropdown, BordGenericSelect, BordGlass, BordIlustrationIcon, BordInfoBanner, BordInfoCard, BordLogo, BordMarketplaceButton, BordMentions, BordMetricCard, BordMetricCards, BordModal, BordNotificationIcon, BordOneToneIcon, BordPasswordInput, BordPhoto, BordProfileSummary, BordRadioButton, BordScrollBar, BordSearchBar, BordSelect, BordSidebar, BordSidebarButton, BordSidebarWithFilters, BordSortSelect, BordStatus, BordStepper, BordSwitch, BordTab, BordTabBar, BordTabs, BordTabsGroupWithBadge, BordTag, BordTags, BordTextArea, BordTextButton, BordTextInput, BordToast, BordToolModelMarker, BordToolsPhotos, BordTooltip, BordTrelloRowFooterBadgeList, BordTwoToneIcon, BordUploaderButton, COUNTRY_CODES, FORM_COMPONENTS_STANDARD_SIZES, ModalContent, ThemeProvider };
 export type { BordFiltersProps, IBordAttentionButton, IBordAvatarProps, IBordBackButtonProps, IBordBreadCrumbProps, IBordButton, IBordCellCard, IBordCellHeader, IBordCellItem, IBordCellItemData, IBordCheckBoxProps, IBordCheckBoxSvgProps, IBordDatePickerProps, IBordEmptyStateProps, IBordFiltersExpandableSelect, IBordFloatDropdown, IBordFloatDropdownOption, IBordGenericSelectProps, IBordGroupCellItem, IBordIlustrationIconProps, IBordInfoBanner, IBordInfoBannerDivProps, IBordInfoBannerSpanProps, IBordInfoCard, IBordInfoCardHeader, IBordInfoCardItem, IBordLogoProps, IBordMarketplaceButtonProps, IBordNotificationIconProps, IBordPasswordInputProps, IBordProfileSummaryProps, IBordRadioButtonProps, IBordRadioButtonSvgProps, IBordSearchBar, IBordSortByOption, IBordSortSelect, IBordSwitchProps, IBordTagProps, IBordTagsProps, IBordTextAreaProps, IBordTwoToneIconProps, IBordUploaderButton, IDocumentDetail, IModuleFilterInfo, ITwoToneIconProps, IbordComponentColors, IbordSidebarButtonProps, IbordSidebarModulesList, IbordSidebarProps, IbordSidebarWithFilersProps, IcheckBoxButton, IcolorTones, IrawSelectOption, IsidebarFilter, IsidebarFilterValue, IsidebarLogoProps, TBordSelectDropdownAlign, TBordSelectDropdownSide, TBordSelectIndicatorPlacement, TBordSelectMultiProps, TBordSelectOption, TBordSelectProps, TBordSelectSingleProps, TBordSelectTriggerVariant, TBordSortOnOpenChange, TBordSortOnOrderChange, TBordSortOnSortByChange, TBordSwitchVariant, TFlexDirection, TSemanticColors, TSortOrder, TTabValue, TTagColors, TTagStandardSizes, TbordAvatarsVariant, TbordOneToneIcon, TbordTwoToneIcon, TbordilustrationIcon, TcountryCode, TformComponentsStandardSizes, TupdateFiltersCallback };