gd-design-library 0.2.0 → 0.3.1

package/components/domainSpecific/Card/CardCounter/CardCounterStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),e=require("../../../../utils/helpers.js");require("react");const i=r=>{const{theme:{card:s}={},$cardVariant:n,$sizeVariant:o,styles:c={},...u}=r,t=e.get(s,"counter",{}),a=[e.get(t,"default",{}),e.get(t,[n,o],{}),c];return d.jsx("div",{css:a,...u})};exports.CardCounterStyled=i;

package/components/domainSpecific/Card/CardCounter/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="CardCounter";exports.COMPONENT_NAME=e;

package/components/domainSpecific/Card/CardDescription/CardDescription.d.ts

@@ -1,4 +1,2 @@
 import { CardTextProps } from '../Card.types';
-export declare const CardDescription: import('react').ForwardRefExoticComponent<CardTextProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLElement>>;
+export declare const CardDescription: import('react').ForwardRefExoticComponent<CardTextProps & import('react').RefAttributes<HTMLBaseElement>>;

package/components/domainSpecific/Card/CardDescription/CardDescription.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),p=require("react"),y=require("../../../../hooks/useTheme/useTheme.js"),e=require("../../../../types/card.js"),C=require("../../../../types/typography.js"),r=require("./constants.js"),V=require("./CardDescriptionStyled.js"),t=p.forwardRef((a,i)=>{const{sizeVariant:n=e.CardSizeVariant.Default,cardVariant:s=e.CardVariant.Vertical,children:c,as:o=C.TypographyVariant.Body1,...d}=a,{theme:u}=y.useTheme();return l.jsx(V.CardDescriptionStyled,{ref:i,theme:u,as:o,$sizeVariant:n,$cardVariant:s,"data-testid":r.COMPONENT_NAME,...d,children:c})});t.displayName=r.COMPONENT_NAME;exports.CardDescription=t;

package/components/domainSpecific/Card/CardDescription/CardDescriptionStyled.d.ts

@@ -0,0 +1,2 @@
+import { CardTextStyledProps } from '../../..';
+export declare const CardDescriptionStyled: (props: CardTextStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Card/CardDescription/CardDescriptionStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),e=require("../../../../utils/helpers.js");require("react");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");const l=require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("../../Avatar/Avatar.js");require("../Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../../SearchModal/SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const p=require("./constants.js"),y=u=>{const{theme:{card:q}={},$sizeVariant:r,$cardVariant:t,styles:s,...n}=u,o=p.DESCRIPTION_SIZE[r],i=e.get(q,"description",{}),c={...e.get(i,"default",{}),...e.get(i,[t,r],{}),...s};return a.jsx(l.Typography,{styles:c,variant:o,...n})};exports.CardDescriptionStyled=y;

package/components/domainSpecific/Card/CardDescription/constants.d.ts

@@ -1,4 +1,4 @@
-import { TypographyVariant } from '../../..';
+import { TypographyVariant } from '../../../../types';
 export declare const COMPONENT_NAME = "CardDescription";
 export declare const DESCRIPTION_SIZE: {
     default: TypographyVariant;

package/components/domainSpecific/Card/CardDescription/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../types/card.js"),a=require("../../../../types/typography.js"),t="CardDescription",e={[r.CardSizeVariant.Default]:a.TypographyVariant.Body2,[r.CardSizeVariant.Sm]:a.TypographyVariant.Caption};exports.COMPONENT_NAME=t;exports.DESCRIPTION_SIZE=e;

package/components/domainSpecific/Card/CardImage/CardImage.d.ts

@@ -1,4 +1,2 @@
 import { CardImageProps } from '../Card.types';
-export declare const CardImage: import('react').ForwardRefExoticComponent<CardImageProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CardImage: import('react').ForwardRefExoticComponent<CardImageProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardImage/CardImage.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),o=require("react"),m=require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");const l=require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("../../Avatar/Avatar.js");require("../Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../../SearchModal/SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const r=require("../../../../types/card.js"),i=require("./constants.js"),g=require("./CardImageStyled.js"),u=o.forwardRef((q,a)=>{const{sizeVariant:t=r.CardSizeVariant.Default,cardVariant:s=r.CardVariant.Vertical,children:n,...c}=q,{theme:d}=m.useTheme();return e.jsxs(g.CardImageStyled,{ref:a,theme:d,$sizeVariant:t,$cardVariant:s,"data-testid":i.COMPONENT_NAME,children:[e.jsx(l.Image,{...c}),n]})});u.displayName=i.COMPONENT_NAME;exports.CardImage=u;

package/components/domainSpecific/Card/CardImage/CardImageStyled.d.ts

@@ -0,0 +1,2 @@
+import { CardImageStyledProps } from '../Card.types';
+export declare const CardImageStyled: import('react').ForwardRefExoticComponent<Omit<CardImageStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardImage/CardImageStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),u=require("react"),e=require("../../../../utils/helpers.js"),l=u.forwardRef((r,s)=>{const{theme:{card:a}={},$cardVariant:c,$sizeVariant:n,...o}=r,t=e.get(a,"image",{}),i=[e.get(t,"default",{}),e.get(t,[c,n],{})];return d.jsx("div",{css:i,...o,ref:s})});exports.CardImageStyled=l;

package/components/domainSpecific/Card/CardImage/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="CardImage";exports.COMPONENT_NAME=e;

package/components/domainSpecific/Card/CardPrice/CardPrice.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),d=require("react"),o=require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("../../Avatar/Avatar.js");require("../Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");const l=require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../../SearchModal/SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const r=require("../../../../types/card.js"),i=require("./constants.js"),P=require("./CardPriceStyled.js"),u=d.forwardRef((q,t)=>{const{sizeVariant:a=r.CardSizeVariant.Default,cardVariant:c=r.CardVariant.Vertical,...s}=q,{theme:n}=o.useTheme();return e.jsx(P.CardPriceStyled,{ref:t,theme:n,$cardVariant:c,$sizeVariant:a,"data-testid":i.COMPONENT_NAME,children:e.jsx(l.Price,{...s})})});u.displayName=i.COMPONENT_NAME;exports.CardPrice=u;

package/components/domainSpecific/Card/CardPrice/CardPriceStyled.d.ts

@@ -0,0 +1,2 @@
+import { CardPriceStyledProps } from '../../..';
+export declare const CardPriceStyled: import('react').ForwardRefExoticComponent<Omit<CardPriceStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardPrice/CardPriceStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),u=require("react"),e=require("../../../../utils/helpers.js"),y=u.forwardRef((r,s)=>{const{theme:{card:c}={},$cardVariant:n,$sizeVariant:o,styles:i={},...a}=r,t=e.get(c,"price",{}),d=[e.get(t,"default",{}),e.get(t,[n,o],{}),i];return l.jsx("div",{css:d,...a,ref:s})});exports.CardPriceStyled=y;

package/components/domainSpecific/Card/CardPrice/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="CardPrice";exports.COMPONENT_NAME=e;

package/components/domainSpecific/Card/CardRating/CardRating.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),A=require("react"),N=require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("../../Avatar/Avatar.js");require("../Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");const T=require("../../Rating/Rating.js");require("../../Search/Search.js");require("../../SearchModal/SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const i=require("../../../../types/card.js"),e=require("./constants.js"),g=require("./CardRatingStyled.js"),u=A.forwardRef((q,t)=>{const{sizeVariant:a=i.CardSizeVariant.Default,cardVariant:n=i.CardVariant.Vertical,readOnly:s=!0,size:c=e.CARD_RATING_DEFAULT_SIZE,value:d=e.CARD_RATING_DEFAULT_VAL,label:o,styles:l={},...R}=q,{theme:C}=N.useTheme();return r.jsxs(g.CardRatingStyled,{ref:t,theme:C,$cardVariant:n,$sizeVariant:a,"data-testid":e.COMPONENT_NAME,styles:l,children:[r.jsx(T.Rating,{size:c,readOnly:s,value:d,...R}),o]})});u.displayName=e.COMPONENT_NAME;exports.CardRating=u;

package/components/domainSpecific/Card/CardRating/CardRatingStyled.d.ts

@@ -0,0 +1,2 @@
+import { CardRatingStyledProps } from '../Card.types';
+export declare const CardRatingStyled: import('react').ForwardRefExoticComponent<Omit<CardRatingStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardRating/CardRatingStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),u=require("react"),e=require("../../../../utils/helpers.js"),g=u.forwardRef((r,s)=>{const{theme:{card:n}={},$cardVariant:a,$sizeVariant:c,styles:o,...i}=r,t=e.get(n,"rating",{}),d=[e.get(t,"default",{}),e.get(t,[a,c],{}),o];return l.jsx("div",{css:d,...i,ref:s})});exports.CardRatingStyled=g;

package/components/domainSpecific/Card/CardRating/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="CardRating",_=0,T="sm";exports.CARD_RATING_DEFAULT_SIZE=T;exports.CARD_RATING_DEFAULT_VAL=_;exports.COMPONENT_NAME=A;

package/components/domainSpecific/Card/CardTitle/CardTitle.d.ts

@@ -1,4 +1,4 @@
 import { CardTextProps } from '../Card.types';
 export declare const CardTitle: import('react').ForwardRefExoticComponent<CardTextProps & {
     children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLElement>>;
+} & import('react').RefAttributes<HTMLBaseElement>>;

package/components/domainSpecific/Card/CardTitle/CardTitle.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@emotion/react/jsx-runtime"),V=require("react"),p=require("../../../../hooks/useTheme/useTheme.js"),e=require("../../../../types/card.js"),r=require("../../../../types/typography.js"),t=require("./constants.js"),C=require("./CardTitleStyled.js"),a=V.forwardRef((i,n)=>{const{sizeVariant:s=e.CardSizeVariant.Default,cardVariant:c=e.CardVariant.Vertical,children:o,as:d=r.TypographyVariant.H3,styleVariant:l=r.TypographyStyleVariant.Semibold,...u}=i,{theme:y}=p.useTheme();return T.jsx(C.CardTitleStyled,{ref:n,as:d,theme:y,$styleVariant:l,$sizeVariant:s,$cardVariant:c,"data-testid":t.COMPONENT_NAME,...u,children:o})});a.displayName=t.COMPONENT_NAME;exports.CardTitle=a;

package/components/domainSpecific/Card/CardTitle/CardTitleStyled.d.ts

@@ -0,0 +1,2 @@
+import { CardTextStyledProps } from '../Card.types';
+export declare const CardTitleStyled: (props: CardTextStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Card/CardTitle/CardTitleStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),e=require("../../../../utils/helpers.js");require("react");const y=require("../../../core/Typography/Typography.js"),d=require("./constants.js"),p=s=>{const{theme:{card:n}={},$sizeVariant:t,$cardVariant:o,styles:c,...i}=s,a=d.TITLE_SIZE[t],r=e.get(n,"title",{}),l={...e.get(r,"default",{}),...e.get(r,[o,t],{}),...c};return u.jsx(y.Typography,{variant:a,styles:l,...i})};exports.CardTitleStyled=p;

package/components/domainSpecific/Card/CardTitle/constants.d.ts

@@ -1,4 +1,4 @@
-import { TypographyVariant } from '../../../core/Typography/Typography.types';
+import { TypographyVariant } from '../../../../types';
 export declare const COMPONENT_NAME = "CardTitle";
 export declare const TITLE_SIZE: {
     default: TypographyVariant;

package/components/domainSpecific/Card/CardTitle/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../types/card.js"),a=require("../../../../types/typography.js"),t="CardTitle",e={[r.CardSizeVariant.Default]:a.TypographyVariant.H6,[r.CardSizeVariant.Sm]:a.TypographyVariant.Body1};exports.COMPONENT_NAME=t;exports.TITLE_SIZE=e;

package/components/domainSpecific/Card/CartStyled.d.ts

@@ -0,0 +1,2 @@
+import { CardStyledProps } from './Card.types';
+export declare const CardStyled: import('react').ForwardRefExoticComponent<Omit<CardStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CartStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@emotion/react/jsx-runtime"),h=require("react"),t=require("../../../utils/helpers.js"),S=require("../../../tokens/utils.js"),f=h.forwardRef((o,d)=>{const{theme:{card:e}={},$variant:r,$gutter:s,$isBordered:i,$isHighlighted:l,styles:c={},...u}=o,{boxStyles:g,restProps:n}=S.getBoxStyles(u),a=[t.get(e,"default",{}),t.get(e,[r,"default"],{}),i?t.get(e,[r,"bordered"],{}):{},l?t.get(e,[r,"highlighted"],{}):{},s?{gap:s}:{},g,c];return y.jsx("div",{css:a,...n,ref:d})});exports.CardStyled=f;

package/components/domainSpecific/Card/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Card";exports.COMPONENT_NAME=e;

package/components/domainSpecific/Carousel/Carousel.d.ts

@@ -4,7 +4,7 @@ import { TypographyProps } from '../../core/Typography/Typography.types';
 import { CarouselProps, CarouselRef, ExtractedCarousel } from './Carousel.types';
 export declare function extractCarouselNodes(children: ReactNode): ExtractedCarousel;
 export declare const Carousel: import('react').ForwardRefExoticComponent<CarouselProps & import('react').RefAttributes<CarouselRef>> & {
-    Slide: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Slide: (props: import('./Carousel.types').CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Image: (props: ImageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Title: (props: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Description: (props: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Carousel/Carousel.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),i=require("react"),A=require("../../../utils/helpers.js"),_=require("../../../types/accesability.js"),V=require("../../../types/typography.js"),l=require("../../../types/button.js"),F=require("../../../hooks/useCarousel/useCarousel.js"),G=require("../../../hooks/useTheme/useTheme.js"),j=require("../../core/Icon/Icon.js"),J=require("../../core/Image/Image.js"),P=require("../../core/Typography/Typography.js"),s=require("./constants.js"),b=require("./Carousel.types.js"),o=require("./CarouselStyled.js");function q(r){const d=[];function u($){return i.Children.toArray($).flatMap(a=>{if(!i.isValidElement(a))return[a];if(a.type===w.Image)return d.push(a),[];const{children:C,...g}=a.props;if(C){const N=u(C);return[i.cloneElement(a,g,N.length>0?N:void 0)]}return[a]})}const S=u(r);return{images:d,content:t.jsx(i.Fragment,{children:S})}}const B=i.forwardRef(({layout:r=b.LayoutType.Horizontal,variant:d=b.CarouselVariantTypes.Cards,showArrows:u=!0,isFocusable:S=!0,showDots:$=!1,thumbs:a=b.ThumbsPosition.End,styles:C,children:g},N)=>{var I;const{theme:e}=G.useTheme(),{images:c,content:R}=q(g),{active:y,disabled:p}=A.get(e,"colors.icon.primary"),{icons:{base:h,controlLeft:k,controlRight:D}}=A.get(e,"carousel"),v=i.useRef(null),{carouselRef:L,carouselApi:H,thumbsRef:W,activeIndex:T,scrollTo:m,scrollPrev:x,scrollNext:E,canScrollPrev:M,canScrollNext:O,slidesCount:z}=F.useCarousel({options:{axis:r==="vertical"?"y":"x"},targetRef:v});return i.useImperativeHandle(N,()=>({scrollPrev:x,scrollNext:E,scrollTo:m,carouselApi:H,selectedIndex:T}),[x,E,m,T]),t.jsxs(o.CarouselContainerStyled,{ref:v,theme:e,$layout:r,styles:C,$variant:d,tabIndex:S?_.TabIndex.Default:_.TabIndex.Disabled,"data-testid":s.COMPONENT_NAME,children:[t.jsxs(o.CarouselControlsWrapperStyled,{"data-testid":`${s.COMPONENT_NAME}-controls-wrapper`,theme:e,styles:{order:a===b.ThumbsPosition.Start?1:"inherit"},children:[u&&t.jsxs(o.CarouselControlsStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-controls`,children:[t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:x,disabled:!M,"data-testid":`${s.COMPONENT_NAME}-control-previous`,children:t.jsx(j.Icon,{...h,name:"arrowLeft",fill:M?y:p})}),t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,styles:{transform:"rotate(180deg)"},color:l.ButtonColorVariant.Primary,onClick:E,disabled:!O,"data-testid":`${s.COMPONENT_NAME}-control-next`,children:t.jsx(j.Icon,{...h,name:"arrowLeft",fill:O?y:p})})]}),t.jsx(o.ContentContainerStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-content-container`,children:R}),t.jsx(o.CarouselViewportStyled,{theme:e,ref:L,"data-testid":`${s.COMPONENT_NAME}-viewport`,children:t.jsx(o.CarouselViewportSlideWrapperStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-slider-wrapper`,children:c==null?void 0:c.map((f,n)=>t.jsx(o.CarouselSlideStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-slide-${n}`,children:f},n))})}),$&&t.jsx(o.CarouselDotsStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-dots`,children:(I=Array.from({length:z}))==null?void 0:I.map((f,n)=>t.jsx(o.CarouselDotStyled,{theme:e,$active:n===T,onClick:()=>m(n)},n))})]}),a&&t.jsxs(o.CarouselThumbsStyled,{theme:e,$layout:r,"data-testid":`${s.COMPONENT_NAME}-thumbnails`,children:[t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,styles:{transform:`rotate(${r==="vertical"?"90":"0"}deg)`},color:l.ButtonColorVariant.Primary,onClick:x,disabled:!M,"data-testid":`${s.COMPONENT_NAME}-thumbnail-control-previous`,children:t.jsx(j.Icon,{...h,...k,fill:M?y:p})}),t.jsx(o.CarouselThumbsViewportStyled,{theme:e,$layout:r,"data-testid":`${s.COMPONENT_NAME}-thumbs-viewport`,ref:W,children:t.jsx(o.CarouselThumbsWrapperStyled,{theme:e,$layout:r,"data-testid":`${s.COMPONENT_NAME}-thumbs-wrapper`,children:c==null?void 0:c.map((f,n)=>t.jsx(o.CarouselThumbStyled,{theme:e,$layout:r,$active:n===T,onClick:()=>m(n),"data-testid":`${s.COMPONENT_NAME}-thumbnail-${n}`,children:f},n))})}),t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:E,styles:{transform:`rotate(${r==="vertical"?"90":"0"}deg)`},disabled:!O,"data-testid":`${s.COMPONENT_NAME}-thumbnail-control-next`,children:t.jsx(j.Icon,{...h,...D,fill:O?y:p})})]})]})});B.displayName=s.COMPONENT_NAME;const w=Object.assign(B,{Slide:o.CarouselSlideStyled,Image:r=>t.jsx(J.Image,{styles:{height:"100%",width:"100%"},...r}),Title:r=>t.jsx(P.Typography,{variant:V.TypographyVariant.H1,...r}),Description:r=>t.jsx(P.Typography,{variant:V.TypographyVariant.Body1,...r}),Content:r=>t.jsx(P.Typography,{styles:{flexDirection:"column",height:"100%",position:"absolute",justifyContent:"center",alignItems:"center",zIndex:"100"},...r})});exports.Carousel=w;exports.extractCarouselNodes=q;

package/components/domainSpecific/Carousel/Carousel.types.d.ts

@@ -1,6 +1,7 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode, PropsWithChildren } from 'react';
 import { EmblaOptionsType } from 'embla-carousel';
-import { CommonComponentProps, CommonStyledComponentProps } from '../..';
+import { Theme } from '../../../hooks';
+import { CommonCssComponentProps, CommonCssComponentStyledProps, ButtonProps } from '../..';
 export declare enum CarouselVariantTypes {
     Cards = "cards",
     Single = "single"
@@ -15,17 +16,15 @@ export declare enum ThumbsPosition {
 }
 export type KeyboardHandler = () => void;
 export type KeyboardConfig = Record<string, KeyboardHandler>;
-export interface CarouselProps extends CommonComponentProps {
+export interface CarouselProps extends PropsWithChildren<CommonCssComponentProps> {
     options?: EmblaOptionsType;
     layout?: LayoutType;
     showArrows?: boolean;
     showDots?: boolean;
     thumbs?: ThumbsPosition;
     variant?: CarouselVariantTypes;
-    className?: string;
     keyboardConfig?: KeyboardConfig;
     isFocusable?: boolean;
-    children: ReactNode[];
     onSlideChange?: (activeIndex: number) => void;
 }
 export interface CarouselRef {
@@ -33,9 +32,13 @@ export interface CarouselRef {
     scrollNext: () => void;
     scrollTo: (index: number) => void;
 }
-export interface CarouselStyledProps extends CommonStyledComponentProps {
-    layout: LayoutType;
-    variant: CarouselVariantTypes;
+export interface CarouselStyledProps<T = HTMLDivElement> extends PropsWithChildren<CommonCssComponentStyledProps<T>> {
+    $layout?: LayoutType;
+    $active?: boolean;
+    $variant?: CarouselVariantTypes;
+}
+export interface CarouselControlsButtonStyledProps extends ButtonProps {
+    theme?: Theme;
 }
 export type ExtractedCarousel = {
     images: ReactElement[];

package/components/domainSpecific/Carousel/Carousel.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r.Cards="cards",r.Single="single",r))(t||{}),e=(r=>(r.Horizontal="horizontal",r.Vertical="vertical",r))(e||{}),a=(r=>(r.Start="start",r.End="end",r))(a||{});exports.CarouselVariantTypes=t;exports.LayoutType=e;exports.ThumbsPosition=a;

package/components/domainSpecific/Carousel/CarouselStyled.d.ts

@@ -0,0 +1,15 @@
+import { CarouselStyledProps, CarouselControlsButtonStyledProps } from './Carousel.types';
+export declare const CarouselContainerStyled: import('react').ForwardRefExoticComponent<Omit<CarouselStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CarouselViewportStyled: import('react').ForwardRefExoticComponent<Omit<CarouselStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CarouselThumbsViewportStyled: import('react').ForwardRefExoticComponent<Omit<CarouselStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ContentContainerStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselViewportSlideWrapperStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselSlideStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselControlsWrapperStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselControlsStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselControlsButtonStyled: (props: CarouselControlsButtonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselDotsStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselDotStyled: (props: CarouselStyledProps<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselThumbsStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselThumbsWrapperStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselThumbStyled: (props: CarouselStyledProps<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Carousel/CarouselStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),a=require("react"),o=require("../../../utils/helpers.js"),p=require("../../core/Button/Button.js"),i=a.forwardRef((s,e)=>{const{theme:{carousel:t}={},$layout:r,$variant:u,styles:c,...n}=s,d=[o.get(t,"container",{}),o.get(t,`container.layout.${r}`,{}),o.get(t,`container.variant.${u}`,{}),c];return l.jsx("div",{css:d,...n,ref:e})}),y=a.forwardRef((s,e)=>{const{theme:{carousel:t}={},...r}=s;return l.jsx("div",{css:o.get(t,"carouselViewport",{}),...r,ref:e})}),S=a.forwardRef((s,e)=>{const{theme:{carousel:t}={},$layout:r,...u}=s,c=[o.get(t,"carouselThumbsViewport.default",{}),o.get(t,`carouselThumbsViewport.${r}`,{})];return l.jsx("div",{css:c,...u,ref:e})}),m=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"contentContainer",{}),...t})},C=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselViewportSlideWrapper",{}),...t})},h=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselSlide",{}),...t})},g=s=>{const{theme:{carousel:e}={},styles:t,...r}=s,u=[o.get(e,"carouselControlsWrapper",{}),t];return l.jsx("div",{css:u,...r})},b=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselControls",{}),...t})},v=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx(p.Button,{styles:o.get(e,"controlsButton",{}),...t})},T=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselDots",{}),...t})},j=s=>{const{theme:{carousel:e}={},$active:t,...r}=s,u=[o.get(e,"carouselDot.default",{}),t?o.get(e,"carouselDot.active",{}):o.get(e,"carouselDot.nonActive",{})];return l.jsx("button",{css:u,...r})},f=s=>{const{theme:{carousel:e}={},$layout:t,...r}=s,u=[o.get(e,"carouselThumbs.default",{}),o.get(e,`carouselThumbs.${t}`,{})];return l.jsx("div",{css:u,...r})},x=s=>{const{theme:{carousel:e}={},$layout:t,...r}=s,u=[o.get(e,"carouselThumbsWrapper.default",{}),o.get(e,`carouselThumbsWrapper.${t}`,{})];return l.jsx("div",{css:u,...r})},P=s=>{const{theme:{carousel:e}={},$active:t,$layout:r,...u}=s,c=[o.get(e,"carouselThumb.default",{}),o.get(e,`carouselThumb.${r}`,{}),t?o.get(e,"carouselThumb.active",{}):o.get(e,"carouselThumb.nonActive",{})];return l.jsx("button",{css:c,...u})};exports.CarouselContainerStyled=i;exports.CarouselControlsButtonStyled=v;exports.CarouselControlsStyled=b;exports.CarouselControlsWrapperStyled=g;exports.CarouselDotStyled=j;exports.CarouselDotsStyled=T;exports.CarouselSlideStyled=h;exports.CarouselThumbStyled=P;exports.CarouselThumbsStyled=f;exports.CarouselThumbsViewportStyled=S;exports.CarouselThumbsWrapperStyled=x;exports.CarouselViewportSlideWrapperStyled=C;exports.CarouselViewportStyled=y;exports.ContentContainerStyled=m;

package/components/domainSpecific/Carousel/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Carousel";exports.COMPONENT_NAME=e;

package/components/domainSpecific/Carousel/index.d.ts

@@ -1,4 +1,2 @@
 export * from './Carousel';
 export * from './Carousel.types';
-export * from './StyledCarousel';
-export * from './utils';

package/components/domainSpecific/ChatBubble/ChatBubble.d.ts

@@ -0,0 +1,2 @@
+import { ChatBubbleProps } from './ChatBubble.types';
+export declare const ChatBubble: import('react').ForwardRefExoticComponent<ChatBubbleProps<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/ChatBubble/ChatBubble.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),N=require("react"),C=require("../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),a=require("./ChatBubbleStyled.js"),l=N.forwardRef((u,i)=>{const{styles:c={},status:r="fulfilled",variant:d="question",actions:t=[],children:o,...h}=u,{theme:s}=C.useTheme();return n.jsxs(a.ChatBubbleStyled,{theme:s,styles:c,$variant:d,ref:i,$status:r,"data-testid":e.COMPONENT_NAME,...h,children:[n.jsx(a.ChatContentStyled,{theme:s,$status:r,"data-testid":`${e.COMPONENT_NAME}-content`,children:o}),t!=null&&t.length?n.jsx(a.ChatActionsStyled,{theme:s,"data-testid":`${e.COMPONENT_NAME}-actions`,children:t}):null]})});l.displayName=e.COMPONENT_NAME;exports.ChatBubble=l;

package/components/domainSpecific/ChatBubble/ChatBubble.types.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export type ChatBubbleVariant = 'answer' | 'question';
+export type ChatBubbleStatus = 'pending' | 'fulfilled' | 'rejected';
+export interface ChatBubbleProps<T = HTMLDivElement> extends CommonCssComponentProps<T>, PropsWithChildren {
+    variant?: ChatBubbleVariant;
+    actions?: ReactNode[];
+    status?: ChatBubbleStatus;
+}
+export interface ChatBubbleStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+    $variant?: ChatBubbleVariant;
+    $status?: ChatBubbleStatus;
+}
+export interface ChatBubbleCommonStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+    $status?: ChatBubbleStatus;
+}

package/components/domainSpecific/ChatBubble/ChatBubbleStyled.d.ts

@@ -0,0 +1,4 @@
+import { ChatBubbleStyledProps, ChatBubbleCommonStyledProps } from './ChatBubble.types';
+export declare const ChatBubbleStyled: import('react').ForwardRefExoticComponent<Omit<ChatBubbleStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ChatContentStyled: (props: ChatBubbleCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ChatActionsStyled: (props: ChatBubbleCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/ChatBubble/ChatBubbleStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),d=require("react"),u=require("../../../utils/helpers.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");const l=require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../../hooks/useTheme/useTheme.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("./ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../Counter/Counter.js");require("../DragAndDropFiles/DragAndDropFiles.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Rating/Rating.js");require("../Search/Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const a=d.forwardRef((t,r)=>{const{theme:{chatbubble:e}={},styles:i={},$variant:s,$status:o,...n}=t,c=[u.get(e,"default",{}),u.get(e,s,{}),u.get(e,o,{}),i];return q.jsx("div",{css:c,...n,ref:r})}),b=t=>{const{theme:{chatbubble:r}={},$status:e,children:i,...s}=t,o=u.get(r,"loader.props",{}),n=[u.get(r,"content.default",{}),u.get(r,["content",e],{})];return q.jsxs("div",{css:n,...s,children:[e==="pending"&&q.jsx(l.Loader,{...o}),i]})},h=t=>{const{theme:{chatbubble:r}={},...e}=t,i=u.get(r,"actions",{});return q.jsx("div",{css:i,...e})};exports.ChatActionsStyled=h;exports.ChatBubbleStyled=a;exports.ChatContentStyled=b;

package/components/domainSpecific/ChatBubble/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "ChatBubble";

package/components/domainSpecific/ChatBubble/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="ChatBubble";exports.COMPONENT_NAME=e;

package/components/domainSpecific/ChatBubble/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChatBubble';
+export * from './ChatBubble.types';

package/components/domainSpecific/ContentCarousel/ContentCarousel.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),u=require("react"),R=require("../../../hooks/useCarousel/useCarousel.js"),V=require("../../../hooks/useTheme/useTheme.js"),S=require("../../core/Icon/Icon.js"),h=require("../../../types/accesability.js"),l=require("../../../types/button.js");require("../Carousel/Carousel.js");const P=require("../Carousel/Carousel.types.js"),r=require("../Carousel/CarouselStyled.js"),o=require("./constants.js"),C=require("./ContentCarouselStyled.js"),f=u.forwardRef((j,b)=>{var E;const{theme:e}=V.useTheme(),{items:a,renderItem:m,showArrows:v=!0,isFocusable:A=!0,showDots:_=!0,styles:$}=j,{active:N,disabled:y}=e.colors.icon.primary,{icons:{base:M,controlLeft:q,controlRight:I}}=e.carousel,O=u.useRef(null),{carouselRef:w,activeIndex:n,scrollTo:i,scrollPrev:c,scrollNext:d,canScrollPrev:p,canScrollNext:x,slidesCount:B}=R.useCarousel({options:{axis:"x"},targetRef:O});return u.useImperativeHandle(b,()=>({scrollPrev:c,scrollNext:d,scrollTo:i,selectedIndex:n}),[c,d,i,n]),t.jsxs(r.CarouselContainerStyled,{ref:O,theme:e,styles:$,$layout:P.LayoutType.Horizontal,$variant:P.CarouselVariantTypes.Cards,tabIndex:A?h.TabIndex.Default:h.TabIndex.Disabled,"data-testid":o.COMPONENT_NAME,children:[t.jsx(r.CarouselControlsWrapperStyled,{"data-testid":`${o.COMPONENT_NAME}-controls-wrapper`,theme:e,children:t.jsx(r.CarouselViewportStyled,{theme:e,ref:w,"data-testid":`${o.COMPONENT_NAME}-viewport`,children:t.jsx(r.CarouselViewportSlideWrapperStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-slider-wrapper`,children:a==null?void 0:a.map((T,s)=>t.jsx(C.ContentSlideStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-content-slide-${s}`,children:m(T,s)},s))})})}),t.jsxs(C.CarouselFooterStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-footer`,children:[_&&t.jsx(r.CarouselDotsStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-dots`,children:(E=Array.from({length:B}))==null?void 0:E.map((T,s)=>t.jsx(r.CarouselDotStyled,{theme:e,$active:s===n,onClick:()=>i(s)},s))}),v&&t.jsxs(C.CarouselFooterControlsStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-controls`,children:[t.jsx(r.CarouselControlsButtonStyled,{theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:c,disabled:!p,"data-testid":`${o.COMPONENT_NAME}-control-previous`,children:t.jsx(S.Icon,{...M,...q,fill:p?N:y})}),t.jsx(r.CarouselControlsButtonStyled,{theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:d,disabled:!x,"data-testid":`${o.COMPONENT_NAME}-control-next`,children:t.jsx(S.Icon,{...M,...I,fill:x?N:y})})]})]})]})});f.displayName=o.COMPONENT_NAME;exports.ContentCarousel=f;

package/components/domainSpecific/ContentCarousel/ContentCarousel.types.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
-import { CSSObject } from 'styled-components';
-export interface ContentCarouselProps<T> {
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface ContentCarouselProps<T> extends CommonCssComponentProps {
     items: T[];
     renderItem: (item: T, index: number) => ReactNode;
     showArrows?: boolean;
     showDots?: boolean;
     isFocusable?: boolean;
-    styles?: CSSObject;
 }
+export type ContentCarouselStyledProps = CommonCssComponentStyledProps;
 export interface ContentCarouselRef {
     scrollPrev: () => void;
     scrollNext: () => void;

package/components/domainSpecific/ContentCarousel/ContentCarouselStyled.d.ts

@@ -0,0 +1,5 @@
+import { ContentCarouselStyledProps } from '../..';
+export declare const ContentSlideStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselHeaderStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselFooterStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselFooterControlsStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/ContentCarousel/ContentCarouselStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),s=require("../../../utils/helpers.js");require("react");const l=e=>{const{theme:{carousel:t}={},...o}=e;return r.jsx("div",{css:s.get(t,"contentSlide",{}),...o})},n=e=>{const{theme:{carousel:t}={},...o}=e;return r.jsx("div",{css:s.get(t,"footer",{}),...o})},c=e=>{const{theme:{carousel:t}={},...o}=e;return r.jsx("div",{css:s.get(t,"footerControls",{}),...o})};exports.CarouselFooterControlsStyled=c;exports.CarouselFooterStyled=n;exports.ContentSlideStyled=l;

package/components/domainSpecific/ContentCarousel/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="ContentCarousel";exports.COMPONENT_NAME=e;

package/components/domainSpecific/ContentCarousel/index.d.ts

@@ -1 +1,2 @@
 export * from './ContentCarousel';
+export * from './ContentCarousel.types';

package/components/domainSpecific/Counter/Counter.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),q=require("react"),a=require("../../../utils/helpers.js"),x=require("../../../hooks/useTheme/useTheme.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");const E=require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");const A=require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../DragAndDropFiles/DragAndDropFiles.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Rating/Rating.js");require("../Search/Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const V=require("../../../types/input.js"),r=require("./constants.js"),l=require("./CounterStyled.js"),S=q.forwardRef((g,C)=>{const{min:d=r.MIN_INITIAL_QTY,max:N=r.MAX_INITIAL_QTY,initial:I=r.INITIAL_QTY,onCounterChange:c,styles:O={}}=g,{theme:n}=x.useTheme(),m=a.get(n,"counter.icons",{}),[t,o]=q.useState(I),[p,i]=q.useState(String(I)),M=t>=N,T=t<=d,_=()=>{if(M)return;const e=t+1;o(e),i(String(e))},f=()=>{if(T)return;const e=t-1;o(e),i(String(e))},y=e=>{const s=a.get(e,"target.value");r.REGEX_NUMBER.test(s)&&i(s)},b=()=>{const e=parseInt(p,10);if(isNaN(e))i(String(t));else{const s=Math.min(N,e),h=Math.max(d,s);o(h),i(String(h))}};return q.useEffect(()=>{c==null||c(t)},[t]),u.jsxs(l.CounterStyled,{theme:n,styles:O,ref:C,"data-testid":r.COMPONENT_NAME,children:[u.jsx(l.NavButtonStyled,{theme:n,disabled:T,onClick:f,"data-testid":`${r.COMPONENT_NAME}-button-decrease`,children:u.jsx(E.Icon,{...a.get(m,"minus",{name:"minus"})})}),u.jsx(A.Input,{variant:V.InputVariantType.Number,onChange:y,onBlur:b,value:p,"data-testid":`${r.COMPONENT_NAME}-input`}),u.jsx(l.NavButtonStyled,{theme:n,disabled:M,onClick:_,"data-testid":`${r.COMPONENT_NAME}-button-increase`,children:u.jsx(E.Icon,{...a.get(m,"plus",{name:"plus"})})})]})});S.displayName=r.COMPONENT_NAME;exports.Counter=S;

package/components/domainSpecific/Counter/Counter.types.d.ts

@@ -1,9 +1,15 @@
-import { CommonComponentProps, CommonStyledComponentProps } from '../..';
-export interface CounterProps extends CommonComponentProps {
+import { PropsWithChildren } from 'react';
+import { ButtonProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { Theme } from '../../../hooks';
+export interface CounterProps extends CommonCssComponentProps {
     min?: number;
     max?: number;
     initial?: number;
     inputDebounceMs?: number;
     onCounterChange?: (qty: number) => void;
 }
-export type CounterStyledProps = CommonStyledComponentProps;
+export interface CounterStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface NavButtonStyledProps extends ButtonProps {
+    theme?: Theme;
+}

package/components/domainSpecific/Counter/CounterStyled.d.ts

@@ -0,0 +1,3 @@
+import { CounterStyledProps, NavButtonStyledProps } from './Counter.types';
+export declare const CounterStyled: import('react').ForwardRefExoticComponent<Omit<CounterStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const NavButtonStyled: (props: NavButtonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Counter/CounterStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),s=require("react"),t=require("../../../utils/helpers.js");require("../../core/Breadcrumbs/Breadcrumbs.js");const c=require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../../hooks/useTheme/useTheme.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("./Counter.js");require("../DragAndDropFiles/DragAndDropFiles.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Rating/Rating.js");require("../Search/Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const l=require("../../../types/button.js"),a=s.forwardRef((e,r)=>{const{theme:{counter:u}={},styles:i={},...n}=e,o=[t.get(u,"default",{}),i];return q.jsx("div",{css:o,ref:r,...n})}),d=e=>{const{theme:{counter:r}={},...u}=e,i=[t.get(r,"navButton",{})];return q.jsx(c.Button,{css:i,variant:l.ButtonVariant.Outlined,isIcon:!0,...u})};exports.CounterStyled=a;exports.NavButtonStyled=d;

package/components/domainSpecific/Counter/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I="Counter",N=1,T=1/0,_=1,t=/^\d*$/;exports.COMPONENT_NAME=I;exports.INITIAL_QTY=N;exports.MAX_INITIAL_QTY=T;exports.MIN_INITIAL_QTY=_;exports.REGEX_NUMBER=t;

package/components/domainSpecific/DragAndDropFiles/DragAndDropFiles.d.ts

@@ -10,7 +10,9 @@ import { DragAndDropFilesProps, DragAndDropFilesRef } from './DragAndDropFiles.t
  * `targetRef` or `triggerRef` is not set.
  *
  * @example
+ *
  * ```tsx
+ *
  * import { DragAndDropFiles } from '@components/core/DragAndDropFiles';
  *
  * function UploadArea() {

package/components/domainSpecific/DragAndDropFiles/DragAndDropFiles.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),i=require("react"),y=require("../../../hooks/useTheme/useTheme.js"),N=require("../../../types/wrapper.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");const h=require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../Counter/Counter.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Rating/Rating.js");require("../Search/Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");const o=require("./constants.js"),M=require("./hooks/useDragAndDrop/useDragAndDrop.js"),T=require("./DragAndDropFilesStyled.js"),a=i.forwardRef((c,l)=>{const{children:d,dragOverContent:u,targetRef:e,triggerRef:D,onDragEnter:g,onDragOver:p,onDragLeave:A,onDrop:f,...m}=c,{theme:v}=y.useTheme(),s=i.useRef(null),{files:q,isOver:r,isGlobalDragging:t}=M.useDragAndDrop({triggerRef:D,targetRef:e,fallbackRef:s,onDragEnter:g,onDragOver:p,onDragLeave:A,onDrop:f}),O=i.useMemo(()=>!!(e!=null&&e.current&&r&&u),[e==null?void 0:e.current,r,u]);return i.useImperativeHandle(l,()=>({files:q?Array.from(q):[],isOver:r,isGlobalDragging:t}),[q,r,t]),n.jsxs("div",{children:[O&&n.jsx(h,{container:e.current,wrapperVariant:N.WrapperVariant.Section,children:u}),n.jsx(T.DragAndDropFilesStyled,{theme:v,ref:s,"data-testid":o.COMPONENT_NAME,...m,children:d})]})});a.displayName=o.COMPONENT_NAME;exports.DragAndDropFiles=a;

package/components/domainSpecific/DragAndDropFiles/DragAndDropFiles.types.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode, RefObject } from 'react';
-import { CommonComponentProps, CommonStyledComponentProps } from '../..';
-export interface DragAndDropFilesProps extends CommonComponentProps {
+import { PropsWithChildren, ReactNode, RefObject } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface DragAndDropFilesProps extends Omit<CommonCssComponentProps, 'onDragEnter' | 'onDragOver' | 'onDragLeave' | 'onDrop'> {
     targetRef?: RefObject<HTMLElement>;
     triggerRef?: RefObject<HTMLElement>;
     dragOverContent?: ReactNode;
@@ -17,4 +17,5 @@ export interface DragAndDropFilesRef {
     isOver: boolean;
     isGlobalDragging: boolean;
 }
-export type DragAndDropFilesStyledProps = CommonStyledComponentProps;
+export interface DragAndDropFilesStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}

package/components/domainSpecific/DragAndDropFiles/DragAndDropFilesStyled.d.ts

@@ -0,0 +1,2 @@
+import { DragAndDropFilesStyledProps } from './DragAndDropFiles.types';
+export declare const DragAndDropFilesStyled: import('react').ForwardRefExoticComponent<Omit<DragAndDropFilesStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/DragAndDropFiles/DragAndDropFilesStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),l=require("react"),c=require("../../../utils/helpers.js"),i=l.forwardRef((e,r)=>{const{theme:{draganddropfiles:t}={},styles:s={},...o}=e,d=[c.get(t,"default",{}),s];return n.jsx("div",{css:d,ref:r,...o})});exports.DragAndDropFilesStyled=i;

package/components/domainSpecific/DragAndDropFiles/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="DragAndDropFiles";exports.COMPONENT_NAME=e;

package/components/domainSpecific/DragAndDropFiles/hooks/useDragAndDrop/useDragAndDrop.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),G=y=>{const{triggerRef:s,targetRef:o,fallbackRef:i,onDragEnter:c,onDragOver:a,onDragLeave:u,onDrop:g}=y,[h,C]=n.useState(null),[F,l]=n.useState(!1),[Z,f]=n.useState(!1),r=n.useCallback(e=>e?typeof e=="object"&&"current"in e&&e!==null?e.current:e instanceof HTMLElement?e:null:null,[]),D=n.useCallback(e=>{var d;e.preventDefault(),Array.from(((d=e.dataTransfer)==null?void 0:d.items)||[]).some(k=>k.kind==="file")&&(f(!0),c==null||c(e),l(!0),console.log("Global Drag Enter (Trigger):",r(s)||document.body))},[c,s,r]),b=n.useCallback(e=>{e.preventDefault();const t=r(s)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&(f(!1),u==null||u(e),l(!1),console.log("Global Drag Leave (Trigger):",t))},[u,s,r]),p=n.useCallback(e=>{e.preventDefault(),f(!1),l(!1)},[]),v=n.useCallback(e=>{var d;e.preventDefault(),Array.from(((d=e.dataTransfer)==null?void 0:d.items)||[]).some(k=>k.kind==="file")&&(l(!0),console.log("Drop Zone Drag Enter:",r(o)||r(i)||document.body))},[o,i,r]),E=n.useCallback(e=>{e.preventDefault(),a==null||a(e),l(t=>t||(console.log("isOver (inside functional update):",!t),a==null||a(e),!0))},[a]),L=n.useCallback(e=>{e.preventDefault();const t=r(o)||r(i)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&l(!1)},[o,i,r]),T=n.useCallback(e=>{var m;e.preventDefault();const t=(m=e.dataTransfer)==null?void 0:m.files;t&&t.length>0&&(C(t),g==null||g(t,e)),l(!1),f(!1)},[g]);return n.useEffect(()=>{const e=r(s)||document.body,t=r(o)||r(i)||document.body;if(!(!e||!t))return e.addEventListener("dragenter",D),e.addEventListener("dragleave",b),e.addEventListener("drop",p),t.addEventListener("dragenter",v),t.addEventListener("dragover",E),t.addEventListener("dragleave",L),t.addEventListener("drop",T),()=>{e.removeEventListener("dragenter",D),e.removeEventListener("dragleave",b),e.removeEventListener("drop",p),t.removeEventListener("dragenter",v),t.removeEventListener("dragover",E),t.removeEventListener("dragleave",L),t.removeEventListener("drop",T)}},[s,o,i,D,b,p,v,E,L,T,r]),{files:h,isOver:F,isGlobalDragging:Z}};exports.useDragAndDrop=G;

package/components/domainSpecific/Header/Header.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),M=require("react"),t=require("../../../utils/helpers.js"),B=require("../../../hooks/useMediaQuery/useMediaQuery.js"),E=require("../../../hooks/useTheme/useTheme.js"),x=require("../../core/Icon/Icon.js");require("../../layout/FlexContainer/FlexContainer.js");const i=require("../../layout/Column/Column.js"),l=require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");const C=require("../Search/Search.js"),H=require("../../core/Typography/Typography.js"),A=require("../../../types/typography.js"),f=require("./constants.js"),n=require("./HeaderStyled.js"),q=M.forwardRef((b,R)=>{var g;const{theme:r}=E.useTheme(),c=t.get(r,"header.icons",{}),{bgColor:T=t.get(r,"header.container.backgroundColor"),onMobileMenuItemClick:d,menuItemMapper:p,showTopBanner:O=!1,showSearch:a,children:y,advBlock:N,mobileMenuList:h,bannerContent:m,logo:o,menu:u,actions:s,...I}=b,w=B.useMediaQuery(`(max-width: ${(g=r==null?void 0:r.values)==null?void 0:g.screenMedium})`),[v,S]=M.useState(!1);return e.jsxs(n.HeaderStyled,{ref:R,theme:r,$backgroundColor:T,"data-testid":f.COMPONENT_NAME,...I,children:[O&&m&&e.jsx(n.TopBannerRowStyled,{theme:r,justify:"center",children:m}),e.jsx(n.NavigationRowStyled,{theme:r,children:w?v?e.jsxs(n.MobileMenuOpenedDropdownWrapperStyled,{theme:r,children:[e.jsxs(l.Row,{justify:"between",children:[e.jsx(i.Column,{justify:"center",children:e.jsx(n.CloseMenuIconWrapperStyled,{theme:r,onClick:()=>S(!1),children:e.jsx(x.Icon,{...t.get(c,"close",{name:"cross",width:24,height:24})})})}),e.jsx(l.Row,{children:s})]}),a&&e.jsx(C.Search,{width:"100%",styles:{margin:"24px 0"},placeholder:"Search"}),e.jsx(n.MobileMenuWrapperStyled,{theme:r,children:h==null?void 0:h.map((j,k)=>e.jsx("div",{onClick:W=>d==null?void 0:d(W,j),children:e.jsxs(n.MobileMenuItemWrapperStyled,{theme:r,justify:"between",align:"center",children:[e.jsx(H.Typography,{variant:A.TypographyVariant.Body1,children:p?p(j):j.title}),e.jsx(x.Icon,{...t.get(c,"right",{name:"arrowRight",width:16,height:16})})]})},k))}),N]}):e.jsxs(l.Row,{justify:"between",styles:{width:"100%"},children:[e.jsx(i.Column,{justify:"center",children:e.jsx(n.OpenMenuIconWrapperStyled,{theme:r,onClick:()=>S(!0),children:e.jsx(x.Icon,{...t.get(c,"menu",{name:"mobileMenu",width:40,height:40})})})}),o&&e.jsx(i.Column,{children:o}),s&&e.jsx(i.Column,{children:e.jsx(l.Row,{children:s})})]}):e.jsxs(e.Fragment,{children:[o&&e.jsx(i.Column,{flex:"2",children:o}),e.jsx(n.SearchColumnStyled,{theme:r,flex:"5",children:a?e.jsx(C.Search,{width:"484px",placeholder:"Search"}):u}),s&&e.jsx(n.ActionsColumnStyled,{theme:r,flex:"2",children:s})]})}),!w&&a&&u&&e.jsx(n.MenuRowStyled,{theme:r,children:e.jsx(n.MenuColumnStyled,{theme:r,children:u})}),y&&e.jsx(n.ChildrenRowStyled,{theme:r,children:y})]})});q.displayName=f.COMPONENT_NAME;exports.Header=q;

package/components/domainSpecific/Header/Header.types.d.ts

@@ -1,20 +1,30 @@
 import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
-import { CommonCoreContent, BoxCssComponentProps } from '../..';
+import { Theme } from '../../../hooks';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps, RowProps, ColumnProps } from '../..';
 export interface MenuListItem {
     title?: string;
     path?: string;
     [key: string]: unknown;
 }
-export interface HeaderProps extends BoxCssComponentProps, PropsWithChildren {
-    isResponsive?: boolean;
+export interface HeaderStyledProps extends PropsWithChildren<BoxCssComponentStyledProps> {
+    $backgroundColor?: string;
+}
+export type HeaderCommonStyledProps = PropsWithChildren<CommonCssComponentStyledProps>;
+export interface HeaderCommonRowStyledProps extends RowProps {
+    theme?: Theme;
+}
+export interface HeaderCommonColumnStyledProps extends ColumnProps {
+    theme?: Theme;
+}
+export interface HeaderProps extends PropsWithChildren<BoxCssComponentProps> {
     showTopBanner?: boolean;
     bgColor?: string;
     mobileMenuList?: MenuListItem[];
     showSearch?: boolean;
-    bannerContent?: CommonCoreContent;
-    logo?: CommonCoreContent;
-    menu?: CommonCoreContent;
-    actions?: CommonCoreContent;
+    bannerContent?: ReactNode;
+    logo?: ReactNode;
+    menu?: ReactNode;
+    actions?: ReactNode;
     onMobileMenuItemClick?: (event: MouseEvent<HTMLDivElement>, item: MenuListItem) => void;
     menuItemMapper?: (item: MenuListItem) => ReactNode;
     advBlock?: ReactNode;