@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/cjs/components/accordion/accordion.styled.d.ts

@@ -0,0 +1,24 @@
+import { CommonStyleType } from '../../types/styles';
+import { LineSeparatorLinePropsStylesType } from '../lineSeparator';
+export interface IAccordionStyles {
+    styles?: CommonStyleType;
+    lineSeparatorLineStyles?: LineSeparatorLinePropsStylesType;
+    displayOption?: string;
+    $rotate?: boolean;
+}
+export declare const AccordionContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionDecorativeBackgroundStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionHeaderExternalContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionHeaderInternalContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionHeaderMainContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionHeaderTitleHeadlineStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IAccordionStyles>> & string;
+export declare const AccordionTitleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IAccordionStyles>> & string;
+export declare const AccordionHeaderRightContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionSubHeaderContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionTriggerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IAccordionStyles>> & string;
+export declare const AccordionTriggerIconContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IAccordionStyles>> & string;
+export declare const AccordionContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IAccordionStyles>> & string;
+export declare const LineSeparatorContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionPanelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAccordionStyles>> & string;
+export declare const AccordionTitleIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IAccordionStyles>> & string;

package/dist/cjs/components/accordion/accordionControlled.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { IAccordionControlled } from './types';
+declare const AccordionBoundary: <V extends string | undefined>(props: IAccordionControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+/**
+ * @description
+ * Accordion component is component to show or hide content.
+ * @param {React.PropsWithChildren<IAccordionControlled<V>>} props
+ * @returns {JSX.Element}
+ */
+declare const AccordionControlled: <V extends string | unknown>(props: React.PropsWithChildren<IAccordionControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof AccordionBoundary>;
+export { AccordionControlled };

package/dist/cjs/components/accordion/accordionStandAlone.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { IAccordionStandAlone } from './types';
+export declare const AccordionStandAlone: React.ForwardRefExoticComponent<IAccordionStandAlone & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/accordion/accordionStandAlone.js

@@ -33,13 +33,13 @@ const component_1 = require("../../components/text/types/component");
 const hooks_1 = require("../../hooks");
 const accordion_styled_1 = require("./accordion.styled");
 const ACCORDION_BASE_ID = 'AccordionComponent';
-const AccordionStandAloneComponent = ({ hasHeaderLineSeparator = true, open = false, ...props }, ref) => {
+const AccordionStandAloneComponent = ({ dataTestId = 'accordion', hasHeaderLineSeparator = true, open = false, ...props }, ref) => {
     const BASE_ID = (0, hooks_1.useId)(ACCORDION_BASE_ID);
     const TRIGGER_ID = `${BASE_ID}-trigger`;
     const HEADER_ID = `${BASE_ID}-header`;
     const PANEL_ID = `${BASE_ID}-panel`;
-    const getDataTestId = (uniqueId = '') => `${props.dataTestId}${uniqueId}`;
-    return ((0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionContainerStyled, { ref: ref, "data-testid": getDataTestId(), id: BASE_ID, styles: props.styles.container, children: [(0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionDecorativeBackgroundStyled, { styles: props.styles.decorative }), (0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionHeaderExternalContainerStyled, { styles: props.styles.headerExternalContainer, children: (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionHeaderInternalContainerStyled, { "data-testid": getDataTestId('Header'), id: HEADER_ID, styles: props.styles.headerInternalContainer, children: [(0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionHeaderMainContainerStyled, { styles: props.styles.headerMainContainer, children: [(0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionHeaderTitleHeadlineStyled, { as: props.triggerComponent, styles: props.styles.titleHeaderMainContainer, children: (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionTriggerStyled, { "aria-controls": PANEL_ID, "aria-expanded": open, "data-testid": getDataTestId('TriggerButton'), id: TRIGGER_ID, styles: props.styles[typeof props.title?.content !== 'string' ? 'link' : 'trigger'], type: button_1.ButtonType.BUTTON, ...props.triggerButton, children: [(0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionTriggerIconContainerStyled, { "$rotate": open, "data-testid": `${props.dataTestId}TriggerIconWrapper`, styles: props.styles.triggerIconContainer, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.triggerIcon, dataTestId: getDataTestId('TriggerIcon'), ...props.triggerIcon }) }), (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionTitleStyled, { styles: props.styles.titleContainer, children: [props.titleIcon && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionTitleIconWrapper, { styles: props.styles.titleIconContainer, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.titleIcon, dataTestId: getDataTestId('TitleIcon'), ...props.titleIcon }) })), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.title, dataTestId: getDataTestId('TriggerText'), ...props.title, children: props.title?.content })] })] }) }), props.headerRightContent && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionHeaderRightContentStyled, { "data-testid": `${props.dataTestId}RightContent`, styles: props.styles.headerRightContentContainer, children: props.headerRightContent }))] }), props.subHeaderContent && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionSubHeaderContainerStyled, { "data-testid": `${props.dataTestId}SubHeader`, styles: props.styles.subHeader, children: props.subHeaderContent }))] }) }), (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionContentStyled, { "aria-labelledby": TRIGGER_ID, displayOption: !open ? 'none' : 'block', id: PANEL_ID, styles: props.styles.content, children: [hasHeaderLineSeparator && props.styles.lineSeparatorContainer && ((0, jsx_runtime_1.jsx)(accordion_styled_1.LineSeparatorContainerStyled, { lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.lineSeparatorContainer })), (0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionPanelStyled, { "data-testid": getDataTestId('Panel'), styles: props.styles.panel, children: props.children }), props.footerContent && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionFooterStyled, { "data-testid": getDataTestId('Footer'), styles: props.styles.footer, children: props.footerContent }))] })] }));
+    const getDataTestId = (uniqueId = '') => `${dataTestId}-${uniqueId}`;
+    return ((0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionContainerStyled, { ref: ref, "data-testid": dataTestId, id: BASE_ID, styles: props.styles.container, children: [(0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionDecorativeBackgroundStyled, { styles: props.styles.decorative }), (0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionHeaderExternalContainerStyled, { styles: props.styles.headerExternalContainer, children: (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionHeaderInternalContainerStyled, { "data-testid": getDataTestId('header'), id: HEADER_ID, styles: props.styles.headerInternalContainer, children: [(0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionHeaderMainContainerStyled, { styles: props.styles.headerMainContainer, children: [(0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionHeaderTitleHeadlineStyled, { as: props.triggerComponent, styles: props.styles.titleHeaderMainContainer, children: (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionTriggerStyled, { "aria-controls": PANEL_ID, "aria-expanded": open, "data-testid": getDataTestId('trigger-button'), id: TRIGGER_ID, styles: props.styles[typeof props.title?.content !== 'string' ? 'link' : 'trigger'], type: button_1.ButtonType.BUTTON, ...props.triggerButton, children: [(0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionTriggerIconContainerStyled, { "$rotate": open, "data-testid": `${dataTestId}-trigger-icon-wrapper`, styles: props.styles.triggerIconContainer, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.triggerIcon, ...props.triggerIcon }) }), (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionTitleStyled, { styles: props.styles.titleContainer, children: [props.titleIcon && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionTitleIconWrapper, { styles: props.styles.titleIconContainer, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.titleIcon, ...props.titleIcon }) })), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.title, ...props.title, children: props.title?.content })] })] }) }), props.headerRightContent && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionHeaderRightContentStyled, { "data-testid": `${dataTestId}-right-content`, styles: props.styles.headerRightContentContainer, children: props.headerRightContent }))] }), props.subHeaderContent && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionSubHeaderContainerStyled, { "data-testid": `${dataTestId}-subheader`, styles: props.styles.subHeader, children: props.subHeaderContent }))] }) }), (0, jsx_runtime_1.jsxs)(accordion_styled_1.AccordionContentStyled, { "aria-labelledby": TRIGGER_ID, displayOption: !open ? 'none' : 'block', id: PANEL_ID, styles: props.styles.content, children: [hasHeaderLineSeparator && props.styles.lineSeparatorContainer && ((0, jsx_runtime_1.jsx)(accordion_styled_1.LineSeparatorContainerStyled, { lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.lineSeparatorContainer })), (0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionPanelStyled, { "data-testid": getDataTestId('panel'), styles: props.styles.panel, children: props.children }), props.footerContent && ((0, jsx_runtime_1.jsx)(accordion_styled_1.AccordionFooterStyled, { "data-testid": getDataTestId('footer'), styles: props.styles.footer, children: props.footerContent }))] })] }));
 };
 exports.AccordionStandAlone = React.forwardRef(AccordionStandAloneComponent);
 //# sourceMappingURL=accordionStandAlone.js.map

package/dist/cjs/components/accordion/accordionStandAlone.js.map

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

package/dist/cjs/components/accordion/accordionUnControlled.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { IAccordion } from './types';
+declare const AccordionUnControlledComponent: <V extends string | undefined>({ children, defaultOpen, triggerButton, onOpenClose, ...props }: IAccordion<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+/**
+ * @description
+ * Accordion component to show or hide content.
+ * @param {React.PropsWithChildren<IAccordion<V>>} props
+ * @returns {JSX.Element}
+ */
+declare const AccordionUnControlled: <V extends string | unknown>(props: React.PropsWithChildren<IAccordion<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof AccordionUnControlledComponent>;
+export { AccordionUnControlled };

package/dist/cjs/components/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './types';
+export { AccordionControlled } from './accordionControlled';
+export { AccordionUnControlled as Accordion } from './accordionUnControlled';

package/dist/cjs/components/accordion/types/accordion.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { ButtonType } from '../../../components/button';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { LineSeparatorLinePropsStylesType } from '../../../components/lineSeparator';
+import { IText, TextComponentType } from '../../../components/text/types';
+import { CustomTokenTypes } from '../../../types';
+import { AccordionPropsStylesType } from './accordionTheme';
+export type AccordionTextType = Omit<IText<string>, 'children'> & {
+    content?: React.ReactNode;
+};
+export type AccordionTriggerButtonType = {
+    ['aria-label']?: string;
+    type?: ButtonType;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+/**
+ * @description
+ * interface for the accordion standAlone
+ * @interface IAccordionStandAlone
+ */
+export interface IAccordionStandAlone {
+    styles: AccordionPropsStylesType;
+    lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
+    open?: boolean;
+    title?: AccordionTextType;
+    titleIcon?: IElementOrIcon;
+    subHeaderContent?: React.ReactNode;
+    headerRightContent?: React.ReactNode;
+    hasHeaderLineSeparator?: boolean;
+    footerContent?: React.ReactNode;
+    triggerComponent?: TextComponentType;
+    triggerButton?: AccordionTriggerButtonType;
+    triggerIcon?: IElementOrIcon;
+    dataTestId?: string;
+}
+/**
+ * @description
+ * interface for the controlled accordion
+ * @template V
+ * @interface IAccordionControlled
+ */
+export interface IAccordionControlled<V = undefined extends string ? unknown : string> extends React.PropsWithChildren<Omit<IAccordionStandAlone, 'styles' | 'lineSeparatorLineStyles'>>, Omit<CustomTokenTypes<AccordionPropsStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}
+/**
+ * @description
+ * interface for the accordion
+ * @template V
+ * @interface IAccordion
+ */
+export interface IAccordion<V = undefined extends string ? unknown : string> extends Omit<IAccordionControlled<V>, 'open'> {
+    defaultOpen?: boolean;
+    onOpenClose?: (open: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+}

package/dist/cjs/components/accordion/types/accordionTheme.d.ts

@@ -0,0 +1,45 @@
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types/styles';
+/**
+ * @description
+ * interface for the accordion prop styles
+ * @interface AccordionPropsStylesType
+ * @extends {CommonStyleType}
+ * @extends {IconTypes}
+ * @extends {TypographyTypes}
+ */
+export type AccordionPropsStylesType = {
+    container?: CommonStyleType;
+    decorative?: CommonStyleType;
+    headerExternalContainer?: CommonStyleType;
+    headerInternalContainer?: CommonStyleType;
+    headerMainContainer?: CommonStyleType;
+    titleHeaderMainContainer?: CommonStyleType;
+    trigger?: CommonStyleType;
+    /**
+     * @deprecated currently link styles is used instead of trigger when tittle is not type of string. In the next major only trigger styles will be used
+     */
+    link?: CommonStyleType;
+    triggerIconContainer?: CommonStyleType;
+    triggerIcon?: IconTypes;
+    subHeader?: CommonStyleType;
+    content?: CommonStyleType;
+    panel?: CommonStyleType;
+    footer?: CommonStyleType;
+    titleContainer?: CommonStyleType;
+    titleIconContainer?: CommonStyleType;
+    title?: TypographyTypes;
+    titleIcon?: IconTypes;
+    headerRightContentContainer?: CommonStyleType & TypographyTypes;
+    lineSeparatorContainer?: CommonStyleType & {
+        variant?: string;
+    };
+};
+/**
+ * @description
+ * interface for the accordion styles
+ * @template V
+ * @interface AccordionStylesType
+ */
+export type AccordionStylesType<V extends string | number | symbol> = {
+    [key in V]: AccordionPropsStylesType;
+};

package/dist/cjs/components/accordion/types/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './accordion';
+export type * from './accordionTheme';

package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.d.ts

@@ -0,0 +1,20 @@
+import { CommonStyleType } from '../../types';
+import { ActionBottomSheetVariantStylesType } from './types/actionBottomSheetTheme';
+type ActionBottomSheetStylesTypes = {
+    styles: ActionBottomSheetVariantStylesType;
+};
+type IActionBottomSheetStyles = {
+    styles?: CommonStyleType;
+};
+export declare const ActionBottomSheetStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IActionBottomSheetStyles & {
+    $height?: string;
+}>> & string;
+export declare const ActionBottomSheetHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IActionBottomSheetStyles>> & string;
+export declare const ActionBottomSheetControlStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IActionBottomSheetStyles>> & string;
+export declare const ActionBottomSheetActionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IActionBottomSheetStyles>> & string;
+export declare const ActionBottomSheetIconSyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IActionBottomSheetStyles>> & string;
+export declare const ActionBottomSheetTitleSyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ActionBottomSheetStylesTypes>> & string;
+export declare const ActionBottomSheetHeaderContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ActionBottomSheetStylesTypes>> & string;
+export declare const ActionBottomSheetContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IActionBottomSheetStyles>> & string;
+export declare const DraggableIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ActionBottomSheetStylesTypes>> & string;
+export {};

package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionBottomSheetContentStyled = exports.ActionBottomSheetHeaderContentStyled = exports.ActionBottomSheetTitleSyled = exports.ActionBottomSheetIconSyled = exports.ActionBottomSheetActionStyled = exports.ActionBottomSheetControlStyled = exports.ActionBottomSheetHeaderStyled = exports.ActionBottomSheetStyled = void 0;
+exports.DraggableIcon = exports.ActionBottomSheetContentStyled = exports.ActionBottomSheetHeaderContentStyled = exports.ActionBottomSheetTitleSyled = exports.ActionBottomSheetIconSyled = exports.ActionBottomSheetActionStyled = exports.ActionBottomSheetControlStyled = exports.ActionBottomSheetHeaderStyled = exports.ActionBottomSheetStyled = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const getStyles_1 = require("../../utils/getStyles/getStyles");
 exports.ActionBottomSheetStyled = styled_components_1.default.div `
@@ -70,4 +70,7 @@ exports.ActionBottomSheetContentStyled = styled_components_1.default.div `
     }
   `}
 `;
+exports.DraggableIcon = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.dragIconContainer)}
+`;
 //# sourceMappingURL=actionBottomSheet.styled.js.map

package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionBottomSheet.styled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheet.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAGhD,2DAA6E;AAYhE,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAiD;;;;IAI9F,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;YACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;CACnC,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,8BAA8B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,2BAAM,CAAC,GAAG,CAA0B;;IAE1E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,2BAA2B,GAAG,2BAAM,CAAC,GAAG,CAA8B;;IAE/E,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACnC,aAAa,EAAE,WAAW;;;GAG7B;IACC,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;MAC7C,KAAK,CAAC,EAAE,CAAC,IAAA,+BAAmB,EAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;CAClE,CAAC;AAEW,QAAA,oCAAoC,GAAG,2BAAM,CAAC,GAAG,CAA8B;IACxF,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;CACjD,CAAC;AAEW,QAAA,8BAA8B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;;IAEhC,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACnC,aAAa,EAAE,eAAe;;;;;GAKjC;CACF,CAAC"}
+{"version":3,"file":"actionBottomSheet.styled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheet.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAGhD,2DAA6E;AAYhE,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAiD;;;;IAI9F,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;YACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;CACnC,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,8BAA8B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,2BAAM,CAAC,GAAG,CAA0B;;IAE1E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEW,QAAA,2BAA2B,GAAG,2BAAM,CAAC,GAAG,CAA8B;;IAE/E,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACnC,aAAa,EAAE,WAAW;;;GAG7B;IACC,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;MAC7C,KAAK,CAAC,EAAE,CAAC,IAAA,+BAAmB,EAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;CAClE,CAAC;AAEW,QAAA,oCAAoC,GAAG,2BAAM,CAAC,GAAG,CAA8B;IACxF,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;CACjD,CAAC;AAEW,QAAA,8BAA8B,GAAG,2BAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC;;IAEhC,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACnC,aAAa,EAAE,eAAe;;;;;GAKjC;CACF,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAA8B;IACjE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;CACrD,CAAC"}

package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IActionBottomSheetControlled, IActionBottomSheetControlledStructure } from './types';
+export declare const ActionBottomSheetControlledStructure: React.ForwardRefExoticComponent<IActionBottomSheetControlledStructure<unknown> & React.RefAttributes<HTMLDivElement>>;
+declare const ActionBottomSheetControlledComponentBoundary: (props: IActionBottomSheetControlled, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+/**
+ * @description
+ * ActionBottomSheetControlled component is a controlled action bottom sheet, that use a Popover component to show the content.
+ * @param {React.PropsWithChildren<IActionBottomSheetControlled<V>>} props
+ * @returns {JSX.Element}
+ * @example
+ * <ActionBottomSheetControlled
+ *  open={open}
+ * onCloseIconClick={onCloseIconClick}
+ * onPopoverCloseInternally={handleOnPopoverCloseInternally}
+ * title="Title"
+ * >
+ * <div>Content</div>
+ * </ActionBottomSheetControlled>
+ *
+ */
+declare const ActionBottomSheetControlled: <V extends string | unknown>(props: React.PropsWithChildren<IActionBottomSheetControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof ActionBottomSheetControlledComponentBoundary>;
+export { ActionBottomSheetControlled };

package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.js

@@ -52,9 +52,21 @@ const ActionBottomSheetControlledStructureComponentBoundary = (props, ref) => ((
 exports.ActionBottomSheetControlledStructure = React.forwardRef(ActionBottomSheetControlledStructureComponentBoundary);
 const ActionBottomSheetControlledComponent = React.forwardRef(({ open, title, popover, blocked = false, ...props }, ref) => {
     const uniqueTitleId = (0, hooks_1.useId)('actionSheet-title');
-    const titleId = title?.id ?? uniqueTitleId;
+    const titleId = (title?.id ?? title?.content) ? uniqueTitleId : undefined;
     const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.ACTION_BOTTOM_SHEET, props.variant, props.ctv);
-    return ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": titleId, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: open, trapFocusInsideModal: true, variant: styles.popoverVariant, ...popover, children: (0, jsx_runtime_1.jsx)(exports.ActionBottomSheetControlledStructure, { ...props, ref: ref, title: { ...title, id: titleId } }) }));
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => {
+        return innerRef.current;
+    }, []);
+    const { setPopoverRef, setDragIconRef } = (0, hooks_1.useSwipeDown)(popover?.animationOptions, popover?.onCloseInternally);
+    const setInnerRef = React.useCallback(node => {
+        innerRef.current = node;
+        const dragIcon = innerRef.current?.querySelector('[data-drag-icon]');
+        if (dragIcon instanceof HTMLElement) {
+            setDragIconRef(dragIcon);
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": titleId, "aria-modal": true, clickOverlayClose: !blocked, component: popover_1.PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, forwardedRef: setPopoverRef, hasBackDrop: true, open: open, role: types_1.ROLES.DIALOG, trapFocusInsideModal: true, variant: styles.popoverVariant, ...popover, children: (0, jsx_runtime_1.jsx)(exports.ActionBottomSheetControlledStructure, { ...props, ref: setInnerRef, title: { ...title, id: titleId } }) }));
 });
 ActionBottomSheetControlledComponent.displayName = 'ActionBottomSheetControlledComponent';
 const ActionBottomSheetControlledComponentBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(exports.ActionBottomSheetControlledStructure, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ActionBottomSheetControlledComponent, { ...props, ref: ref }) }));

package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.js.map

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

package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IActionBottomSheetStandAlone } from './types';
+export declare const ActionBottomSheetStandAlone: React.ForwardRefExoticComponent<IActionBottomSheetStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js

@@ -29,9 +29,10 @@ const React = __importStar(require("react"));
 const elementOrIcon_1 = require("../../components/elementOrIcon");
 const text_1 = require("../../components/text/text");
 const component_1 = require("../../components/text/types/component");
+const types_1 = require("../../types");
 const link_1 = require("../link");
 const actionBottomSheet_styled_1 = require("./actionBottomSheet.styled");
-const ActionBottomSheetStandAloneComponent = ({ hasHeader = true, scrollableRef, shadowRef, ...props }, ref) => {
+const ActionBottomSheetStandAloneComponent = ({ dataTestId = 'action-bottom-sheet', hasHeader = true, scrollableRef, shadowRef, ...props }, ref) => {
     // Parent container Ref
     const actionBottomRef = React.useRef(null);
     // Expose the ref to the parent component
@@ -42,7 +43,8 @@ const ActionBottomSheetStandAloneComponent = ({ hasHeader = true, scrollableRef,
     React.useEffect(() => {
         scrollableRef(actionBottomRef.current);
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(actionBottomSheet_styled_1.ActionBottomSheetStyled, { ref: actionBottomRef, "$height": props.height, "data-testid": `${props.dataTestId}Container`, styles: props.styles.container, children: [hasHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actionBottomSheet_styled_1.ActionBottomSheetControlStyled, { ref: shadowRef, styles: props.styles.controlContainer, children: [(0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetActionStyled, { styles: props.styles.actionLinkContainer, children: props.actionLink && (0, jsx_runtime_1.jsx)(link_1.Link, { ...props.actionLink }) }), (0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetIconSyled, { styles: props.styles.closeIconContainer, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.closeIcon, dataTestId: `${props.dataTestId}Icon`, ...props.closeIcon }) })] }), (0, jsx_runtime_1.jsxs)(actionBottomSheet_styled_1.ActionBottomSheetHeaderStyled, { styles: props.styles.header, children: [(0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetTitleSyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H5, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title?.content }) }), props.headerContent && ((0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetHeaderContentStyled, { styles: props.styles, children: props.headerContent }))] })] })), (0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetContentStyled, { styles: props.styles.content, children: props.children })] }));
+    const isMobileOrTablet = [types_1.DeviceBreakpointsType.MOBILE, types_1.DeviceBreakpointsType.TABLET].includes(props.device);
+    return ((0, jsx_runtime_1.jsxs)(actionBottomSheet_styled_1.ActionBottomSheetStyled, { ref: actionBottomRef, "$height": props.height, "data-testid": dataTestId, styles: props.styles.container, children: [props.dragIcon && isMobileOrTablet && ((0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.DraggableIcon, { ref: props.dragIconRef, "data-drag-icon": true, styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { ...props.dragIcon }) })), hasHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actionBottomSheet_styled_1.ActionBottomSheetControlStyled, { ref: shadowRef, styles: props.styles.controlContainer, children: [(0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetActionStyled, { styles: props.styles.actionLinkContainer, children: props.actionLink && (0, jsx_runtime_1.jsx)(link_1.Link, { ...props.actionLink }) }), (0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetIconSyled, { styles: props.styles.closeIconContainer, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) })] }), (0, jsx_runtime_1.jsxs)(actionBottomSheet_styled_1.ActionBottomSheetHeaderStyled, { styles: props.styles.header, children: [(0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetTitleSyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H5, customTypography: props.styles.title, ...props.title, children: props.title?.content }) }), props.headerContent && ((0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetHeaderContentStyled, { styles: props.styles, children: props.headerContent }))] })] })), (0, jsx_runtime_1.jsx)(actionBottomSheet_styled_1.ActionBottomSheetContentStyled, { styles: props.styles.content, children: props.children })] }));
 };
 exports.ActionBottomSheetStandAlone = React.forwardRef(ActionBottomSheetStandAloneComponent);
 //# sourceMappingURL=actionBottomSheetStandAlone.js.map

package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionBottomSheetStandAlone.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAA2D;AAC3D,iDAA8C;AAC9C,iEAAsE;AAEtE,kCAA+B;AAC/B,yEASoC;AAGpC,MAAM,oCAAoC,GAAG,CAC3C,EAAE,SAAS,GAAG,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC,EACtF,GAA0D,EAC7C,EAAE;IACf,uBAAuB;IACvB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAElE,yCAAyC;IACzC,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAClC,OAAO,eAAe,CAAC,OAAyB,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,+DAA+D;IAC/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,kDAAuB,IACtB,GAAG,EAAE,eAAe,aACX,KAAK,CAAC,MAAM,iBACR,GAAG,KAAK,CAAC,UAAU,WAAW,EAC3C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,aAE7B,SAAS,IAAI,CACZ,6DACE,wBAAC,yDAA8B,IAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,aACnF,uBAAC,wDAA6B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,YACpE,KAAK,CAAC,UAAU,IAAI,uBAAC,WAAI,OAAK,KAAK,CAAC,UAAU,GAAI,GACrB,EAChC,uBAAC,qDAA0B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,YACjE,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EACxC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,KACjC,KAAK,CAAC,SAAS,GACnB,GACyB,IACE,EACjC,wBAAC,wDAA6B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,aACxD,uBAAC,sDAA2B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC/C,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,KAClC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACqB,EAC7B,KAAK,CAAC,aAAa,IAAI,CACtB,uBAAC,+DAAoC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACvD,KAAK,CAAC,aAAa,GACiB,CACxC,IAC6B,IAC/B,CACJ,EACD,uBAAC,yDAA8B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,YACzD,KAAK,CAAC,QAAQ,GACgB,IACT,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAoC,CAAC,CAAC"}
+{"version":3,"file":"actionBottomSheetStandAlone.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAA2D;AAC3D,iDAA8C;AAC9C,iEAAsE;AACtE,mCAAgD;AAEhD,kCAA+B;AAC/B,yEAUoC;AAGpC,MAAM,oCAAoC,GAAG,CAC3C,EACE,UAAU,GAAG,qBAAqB,EAClC,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,SAAS,EACT,GAAG,KAAK,EACqB,EAC/B,GAA0D,EAC7C,EAAE;IACf,uBAAuB;IACvB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAElE,yCAAyC;IACzC,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAClC,OAAO,eAAe,CAAC,OAAyB,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,+DAA+D;IAC/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,CAAC,6BAAqB,CAAC,MAAM,EAAE,6BAAqB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAC5F,KAAK,CAAC,MAAM,CACb,CAAC;IAEF,OAAO,CACL,wBAAC,kDAAuB,IACtB,GAAG,EAAE,eAAe,aACX,KAAK,CAAC,MAAM,iBACR,UAAU,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,aAE7B,KAAK,CAAC,QAAQ,IAAI,gBAAgB,IAAI,CACrC,uBAAC,wCAAa,IAAC,GAAG,EAAE,KAAK,CAAC,WAAW,0BAAiB,MAAM,EAAE,KAAK,CAAC,MAAM,YACxE,uBAAC,6BAAa,OAAK,KAAK,CAAC,QAAQ,GAAI,GACvB,CACjB,EACA,SAAS,IAAI,CACZ,6DACE,wBAAC,yDAA8B,IAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,aACnF,uBAAC,wDAA6B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,YACpE,KAAK,CAAC,UAAU,IAAI,uBAAC,WAAI,OAAK,KAAK,CAAC,UAAU,GAAI,GACrB,EAChC,uBAAC,qDAA0B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,YACjE,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,KAAM,KAAK,CAAC,SAAS,GAAI,GACrD,IACE,EACjC,wBAAC,wDAA6B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,aACxD,uBAAC,sDAA2B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC/C,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACqB,EAC7B,KAAK,CAAC,aAAa,IAAI,CACtB,uBAAC,+DAAoC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACvD,KAAK,CAAC,aAAa,GACiB,CACxC,IAC6B,IAC/B,CACJ,EACD,uBAAC,yDAA8B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,YACzD,KAAK,CAAC,QAAQ,GACgB,IACT,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAoC,CAAC,CAAC"}

package/dist/cjs/components/actionBottomSheet/actionBottomSheetUnControlled.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ActionBottomSheetUnControlledType } from './types';
+export declare const ActionBottomSheetUnControlledComponent: <V extends string | unknown>({ open, popover, closeIcon, ...props }: ActionBottomSheetUnControlledType<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+/**
+ * @description
+ * ActionBottomSheetUnControlled component is a controlled action bottom sheet that use a Popover component to show the content.
+ * @param {React.PropsWithChildren<ActionBottomSheetUnControlledType<V>>} props
+ * @returns {JSX.Element}
+ */
+declare const ActionBottomSheetUnControlled: <V extends string | unknown>(props: React.PropsWithChildren<ActionBottomSheetUnControlledType<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof ActionBottomSheetUnControlledComponent>;
+export { ActionBottomSheetUnControlled };

package/dist/cjs/components/actionBottomSheet/index.d.ts

@@ -0,0 +1,3 @@
+export { ActionBottomSheetUnControlled as ActionBottomSheet } from './actionBottomSheetUnControlled';
+export { ActionBottomSheetControlled, ActionBottomSheetControlledStructure, } from './actionBottomSheetControlled';
+export * from './types';

package/dist/cjs/components/actionBottomSheet/types/actionBottomSheet.d.ts

@@ -0,0 +1,64 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { ILink } from '../../../components/link';
+import { IPopoverControlled } from '../../../components/popover';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { ActionBottomSheetVariantStylesType } from './actionBottomSheetTheme';
+export type ActionBottomPopoverType = Omit<IPopoverControlled, 'children' | 'open'>;
+export type ActionBottomSheetTextType = Omit<IText<string>, 'children'> & {
+    content?: React.ReactNode;
+};
+/**
+ * @description
+ * interface for the action bottom sheet stand alone
+ * @interface ActionBottomSheetProps
+ * @template V
+ */
+export interface IActionBottomSheetStandAlone {
+    children: React.ReactNode;
+    styles: ActionBottomSheetVariantStylesType;
+    closeIcon?: IElementOrIcon;
+    actionLink?: ILink;
+    title?: ActionBottomSheetTextType;
+    hasHeader?: boolean;
+    dataTestId?: string;
+    device: DeviceBreakpointsType;
+    headerContent?: React.ReactNode;
+    height?: string;
+    dragIcon?: IElementOrIcon;
+    dragIconRef?: (node: HTMLDivElement) => void;
+    scrollableRef: (node: any) => void;
+    shadowRef: (node: any) => void;
+}
+type OmitProps = 'styles' | 'device' | 'scrollableRef' | 'shadowRef';
+/**
+ * @description
+ * interface for the action bottom sheet uncontrolled
+ * @interface ActionBottomSheetProps
+ * @template V
+ */
+export interface IActionBottomSheetControlledStructure<V = undefined extends string ? unknown : string> extends Omit<IActionBottomSheetStandAlone, OmitProps>, Omit<CustomTokenTypes<ActionBottomSheetVariantStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    blocked?: boolean;
+}
+/**
+ * @description
+ * interface for the action bottom sheet controlled
+ * @interface ActionBottomSheetProps
+ * @template V
+ * @extends {IActionBottomSheetControlledStructure<V>}
+ */
+export interface IActionBottomSheetControlled<V = undefined extends string ? unknown : string> extends Omit<IActionBottomSheetControlledStructure<V>, 'dragIconRef'> {
+    open: boolean;
+    popover?: ActionBottomPopoverType;
+}
+/**
+ * @description
+ * interface for the action bottom sheet styles
+ * @interface ActionBottomSheetPropsStylesType
+ * @template V
+ */
+export interface ActionBottomSheetUnControlledType<V = undefined extends string ? unknown : string> extends Omit<IActionBottomSheetControlled<V>, 'open'> {
+    open?: boolean;
+}
+export {};

package/dist/cjs/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts

@@ -0,0 +1,31 @@
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
+/**
+ * @description
+ * interface for the action bottom sheet variant styles
+ * @interface ActionBottomSheetVariantStylesType
+ * @template P
+ */
+export type ActionBottomSheetVariantStylesType = {
+    container?: CommonStyleType;
+    header?: CommonStyleType;
+    controlContainer?: CommonStyleType;
+    actionLinkContainer?: CommonStyleType;
+    closeIconContainer?: CommonStyleType;
+    closeIcon?: IconTypes;
+    titleContainer?: CommonStyleType;
+    titleContainerFont?: TypographyTypes;
+    title?: TypographyTypes;
+    headerContent?: CommonStyleType;
+    content?: CommonStyleType;
+    popoverVariant?: string;
+    dragIconContainer?: CommonStyleType;
+};
+/**
+ * @description
+ * interface for the action bottom sheet styles
+ * @template P
+ * @interface ActionBottomSheetStylesType
+ */
+export type ActionBottomSheetStylesType<P extends string | number | symbol> = {
+    [key in P]?: ActionBottomSheetVariantStylesType;
+};

package/dist/cjs/components/actionBottomSheet/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './actionBottomSheetTheme';
+export * from './actionBottomSheet';

package/dist/cjs/components/avatar/avatar.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { IAvatar } from './types/';
+declare const AvatarBoundary: <S extends string | undefined>(props: IAvatar<S>, ref: React.ForwardedRef<HTMLDivElement | HTMLButtonElement>) => JSX.Element;
+/**
+ * @description
+ * Avatar component is a component that shows an icon, image or initials.
+ * @param {React.PropsWithChildren<IAvatar<S>>} props
+ * @returns {JSX.Element}
+ * @example
+ * <Avatar
+ *  dataTestId="avatar"
+ * icon={<Icon name="user" />}
+ * initials="JD"
+ * image="https://www.w3schools.com/howto/img_avatar.png"
+ * size="M"
+ * />
+ */
+declare const Avatar: <S extends string | unknown>(props: React.PropsWithChildren<IAvatar<S>> & {
+    ref?: React.ForwardedRef<HTMLDivElement | HTMLButtonElement> | undefined | null;
+}) => ReturnType<typeof AvatarBoundary>;
+export { Avatar };

package/dist/cjs/components/avatar/avatar.styled.d.ts

@@ -0,0 +1,10 @@
+import { AvatarBackgroundColor, AvatarContentStylesType } from './types';
+type AvatarPropStylesType = {
+    styles?: AvatarContentStylesType;
+    image?: string;
+    backgroundColor: AvatarBackgroundColor;
+};
+export declare const AvatarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AvatarPropStylesType>> & string;
+export declare const AvatarLinkStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarPropStylesType>> & string;
+export declare const AvatarDotStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export {};

package/dist/cjs/components/avatar/avatarStandAlone.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IAvatarStandAlone } from './types/';
+export declare const AvatarStandAloneComponent: ({ contentType, backgroundColor, image, onClick, styles, dataTestId, maxLengthInitials, ...props }: IAvatarStandAlone, ref: React.ForwardedRef<HTMLDivElement | HTMLButtonElement>) => JSX.Element;
+export declare const AvatarStandAlone: React.ForwardRefExoticComponent<IAvatarStandAlone & React.RefAttributes<HTMLButtonElement | HTMLDivElement>>;

package/dist/cjs/components/avatar/avatarStandAlone.js

@@ -35,7 +35,7 @@ const component_1 = require("../../components/text/types/component");
 const aria_1 = require("../../utils/aria/aria");
 const avatar_styled_1 = require("./avatar.styled");
 const types_1 = require("./types/");
-const AvatarStandAloneComponent = ({ contentType, backgroundColor = types_1.AvatarBackgroundColor.COLOR_DEFAULT, image, onClick, styles, dataTestId, maxLengthInitials = 2, ...props }, ref) => {
+const AvatarStandAloneComponent = ({ contentType, backgroundColor = types_1.AvatarBackgroundColor.COLOR_DEFAULT, image, onClick, styles, dataTestId = 'avatar', maxLengthInitials = 2, ...props }, ref) => {
     const ariaProps = (0, aria_1.pickAriaProps)(props);
     const drawContent = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.dot?.number && ((0, jsx_runtime_1.jsx)(avatar_styled_1.AvatarDotStyled, { children: (0, jsx_runtime_1.jsx)(dot_1.Dot, { ...props.dot }) })), contentType === types_1.AvatarContentType.WITH_ICON && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: styles?.containerBackgroundColor?.[backgroundColor]?.contentColor, customIconStyles: styles?.avatar, ...props.icon })), contentType === types_1.AvatarContentType.WITH_INITIALS && ((0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: styles?.containerBackgroundColor?.[backgroundColor]?.contentColor, component: component_1.TextComponentType.SPAN, customTypography: styles?.initials, ...props.initials, children: props.initials?.content?.substring(0, maxLengthInitials) }))] }));
     return props.link ? ((0, jsx_runtime_1.jsx)(avatar_styled_1.AvatarLinkStyled, { ref: ref, backgroundColor: backgroundColor, "data-testid": dataTestId, image: image, styles: styles, children: (0, jsx_runtime_1.jsx)(link_1.Link, { "aria-label": props['aria-label'], ...props.link, children: drawContent() }) })) : ((0, jsx_runtime_1.jsx)(avatar_styled_1.AvatarStyled, { ref: ref, as: onClick ? 'button' : 'div', backgroundColor: backgroundColor, "data-testid": dataTestId, image: image, styles: styles, type: onClick && button_1.ButtonType.BUTTON, onClick: onClick, ...ariaProps, children: drawContent() }));

package/dist/cjs/components/avatar/avatarStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,gDAAiD;AACjD,8CAA2C;AAC3C,8DAA2D;AAC3D,iDAA8C;AAC9C,iDAA8C;AAC9C,iEAAsE;AACtE,4CAAkD;AAElD,mDAAkF;AAClF,oCAAuF;AAEhF,MAAM,yBAAyB,GAAG,CACvC,EACE,WAAW,EACX,eAAe,GAAG,6BAAqB,CAAC,aAAa,EACrD,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,EACV,iBAAiB,GAAG,CAAC,EACrB,GAAG,KAAK,EACU,EACpB,GAA2D,EAC9C,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,6DACG,KAAK,CAAC,GAAG,EAAE,MAAM,IAAI,CACpB,uBAAC,+BAAe,cACd,uBAAC,SAAG,OAAK,KAAK,CAAC,GAAG,GAAI,GACN,CACnB,EACA,WAAW,KAAK,yBAAiB,CAAC,SAAS,IAAI,CAC9C,uBAAC,6BAAa,IACZ,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,gBAAgB,EAAE,MAAM,EAAE,MAAM,KAC5B,KAAK,CAAC,IAAI,GACd,CACH,EACA,WAAW,KAAK,yBAAiB,CAAC,aAAa,IAAI,CAClD,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,MAAM,EAAE,QAAQ,KAC9B,KAAK,CAAC,QAAQ,YAEjB,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,iBAAiB,CAAC,GACpD,CACR,IACA,CACJ,CAAC;IACF,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,uBAAC,gCAAgB,IACf,GAAG,EAAE,GAAyC,EAC9C,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEd,uBAAC,WAAI,kBAAa,KAAK,CAAC,YAAY,CAAC,KAAM,KAAK,CAAC,IAAI,YAClD,WAAW,EAAE,GACT,GACU,CACpB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAY,IACX,GAAG,EAAE,GAA4C,EACjD,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC9B,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,IAAI,mBAAU,CAAC,MAAM,EAClC,OAAO,EAAE,OAAO,KACZ,SAAS,YAEZ,WAAW,EAAE,GACD,CAChB,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,yBAAyB,6BAoEpC;AAEW,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAyB,CAAC,CAAC"}
+{"version":3,"file":"avatarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,gDAAiD;AACjD,8CAA2C;AAC3C,8DAA2D;AAC3D,iDAA8C;AAC9C,iDAA8C;AAC9C,iEAAsE;AACtE,4CAAkD;AAElD,mDAAkF;AAClF,oCAAuF;AAEhF,MAAM,yBAAyB,GAAG,CACvC,EACE,WAAW,EACX,eAAe,GAAG,6BAAqB,CAAC,aAAa,EACrD,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,GAAG,QAAQ,EACrB,iBAAiB,GAAG,CAAC,EACrB,GAAG,KAAK,EACU,EACpB,GAA2D,EAC9C,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,6DACG,KAAK,CAAC,GAAG,EAAE,MAAM,IAAI,CACpB,uBAAC,+BAAe,cACd,uBAAC,SAAG,OAAK,KAAK,CAAC,GAAG,GAAI,GACN,CACnB,EACA,WAAW,KAAK,yBAAiB,CAAC,SAAS,IAAI,CAC9C,uBAAC,6BAAa,IACZ,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,gBAAgB,EAAE,MAAM,EAAE,MAAM,KAC5B,KAAK,CAAC,IAAI,GACd,CACH,EACA,WAAW,KAAK,yBAAiB,CAAC,aAAa,IAAI,CAClD,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,MAAM,EAAE,QAAQ,KAC9B,KAAK,CAAC,QAAQ,YAEjB,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,iBAAiB,CAAC,GACpD,CACR,IACA,CACJ,CAAC;IACF,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,uBAAC,gCAAgB,IACf,GAAG,EAAE,GAAyC,EAC9C,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEd,uBAAC,WAAI,kBAAa,KAAK,CAAC,YAAY,CAAC,KAAM,KAAK,CAAC,IAAI,YAClD,WAAW,EAAE,GACT,GACU,CACpB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAY,IACX,GAAG,EAAE,GAA4C,EACjD,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC9B,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,IAAI,mBAAU,CAAC,MAAM,EAClC,OAAO,EAAE,OAAO,KACZ,SAAS,YAEZ,WAAW,EAAE,GACD,CAChB,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,yBAAyB,6BAoEpC;AAEW,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAyB,CAAC,CAAC"}

package/dist/cjs/components/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export type { IAvatarStandAlone, IAvatar, AvatarContentStylesType, AvatarSizeStylesType, AvatarStylesType, AvatarInitialsType, AvatarLinkType, } from './types';
+export { AvatarContentType, AvatarBackgroundColor } from './types';
+export { Avatar } from './avatar';