gd-design-library 0.2.0 → 0.3.1

package/components/core/Tooltip/Tooltip.types.d.ts

@@ -1,20 +1,22 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { CSSObject } from 'styled-components';
-import { CommonStyledComponentProps } from '../..';
+import { CSSObject } from '@emotion/react';
+import { CommonCssComponentStyledProps } from '../..';
 export declare enum TooltipPosition {
     Top = "top",
     Bottom = "bottom",
     Left = "left",
     Right = "right"
 }
-export interface TooltipProps extends PropsWithChildren<Partial<StyledTooltipProps>> {
+export interface TooltipProps extends PropsWithChildren {
     classNames?: string;
     content: ReactNode;
     delay?: number;
     gap?: number;
-    styles: CSSObject;
+    position: TooltipPosition;
+    styles?: CSSObject;
+}
+export interface TooltipWrapperStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
 }
-export type StyledTooltipWrapperProps = CommonStyledComponentProps;
-export interface StyledTooltipProps extends CommonStyledComponentProps {
+export interface TooltipStyledProps extends CommonCssComponentStyledProps {
     position: TooltipPosition;
 }

package/components/core/Tooltip/Tooltip.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.Top="top",t.Bottom="bottom",t.Left="left",t.Right="right",t))(e||{});exports.TooltipPosition=e;

package/components/core/Tooltip/TooltipStyled.d.ts

@@ -0,0 +1,3 @@
+import { TooltipStyledProps, TooltipWrapperStyledProps } from './Tooltip.types';
+export declare const TooltipWrapperStyled: import('react').ForwardRefExoticComponent<Omit<TooltipWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TooltipStyled: import('react').ForwardRefExoticComponent<Omit<TooltipStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Tooltip/TooltipStyled.js

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

package/components/core/Tooltip/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="Tooltip",A=10,E=200;exports.COMPONENT_NAME=t;exports.DEFAULT_DELAY=E;exports.DEFAULT_GAP=A;

package/components/core/Tooltip/index.d.ts

@@ -1 +1,2 @@
 export { default as Tooltip } from './Tooltip';
+export * from './Tooltip.types';

package/components/core/Tooltip/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),o=require("./Tooltip.types.js"),h=require("./constants.js"),F=(t=o.TooltipPosition.Top,l=h.DEFAULT_DELAY,i=h.DEFAULT_GAP)=>{const[e,p]=s.useState(!1),[g,P]=s.useState({top:0,left:0}),[m,b]=s.useState(t),r=s.useRef(null),u=s.useRef(null),n=s.useRef(null),k=s.useCallback(()=>{n.current=setTimeout(()=>{r.current&&(p(!0),requestAnimationFrame(()=>{if(u.current&&r.current){const T=r.current.getBoundingClientRect(),f=u.current.getBoundingClientRect(),d=w(T,f,t,i),c=a(t,f,d);b(c),P(c===t?d:w(T,f,c,i))}}))},l)},[l,t,i]),B=()=>{n.current&&clearTimeout(n.current),p(!1)};return s.useEffect(()=>()=>{n.current&&(clearTimeout(n.current),n.current=null)},[]),{isVisible:e,coords:g,containerRef:r,tooltipRef:u,showTooltip:k,hideTooltip:B,positionWithFallback:m}},w=(t,l,i,e)=>{switch(i){case o.TooltipPosition.Top:return{top:t.top+window.scrollY-l.height-e,left:t.left+window.scrollX+t.width/2};case o.TooltipPosition.Bottom:return{top:t.top+window.scrollY+t.height+e,left:t.left+window.scrollX+t.width/2};case o.TooltipPosition.Left:return{top:t.top+window.scrollY+t.height/2,left:t.left+window.scrollX-l.width-e};case o.TooltipPosition.Right:return{top:t.top+window.scrollY+t.height/2,left:t.right+window.scrollX+e};default:throw Error(`Unexpected position '${i}'`)}},a=(t,l,i)=>{let e=t;return t===o.TooltipPosition.Top&&i.top<0?e=o.TooltipPosition.Bottom:t===o.TooltipPosition.Bottom&&i.top+l.height>window.innerHeight+window.scrollY?e=o.TooltipPosition.Top:t===o.TooltipPosition.Left&&i.left<0?e=o.TooltipPosition.Right:t===o.TooltipPosition.Right&&i.left+l.width>window.innerWidth+window.scrollX&&(e=o.TooltipPosition.Left),e};exports.getCoords=w;exports.getFallbackPosition=a;exports.useTooltip=F;

package/components/core/Typography/Typography.d.ts

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

package/components/core/Typography/Typography.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@emotion/react/jsx-runtime"),T=require("react"),d=require("../../../hooks/useTheme/useTheme.js"),t=require("../../../types/typography.js"),r=require("./constants.js"),N=require("./TypographyStyled.js"),a=T.forwardRef((s,n)=>{const{variant:e=t.TypographyVariant.Inherit,as:i,size:o,children:y,align:c=t.TextAlign.Start,color:l,styleVariant:p,...u}=s,{theme:g}=d.useTheme();return h.jsx(N.TypographyStyled,{ref:n,theme:g,$as:i||e,$variant:e,$align:c,$size:o,$color:l,$styleVariant:p,"data-testid":r.COMPONENT_NAME,...u,children:y})});a.displayName=r.COMPONENT_NAME;exports.Typography=a;

package/components/core/Typography/Typography.types.d.ts

@@ -1,60 +1,19 @@
-import { ElementType } from 'react';
-import { EnumOrPrimitive } from '../../../types';
-import { CommonCoreComponentProps, CommonCoreStyledComponentProps, SizeVariant } from '../..';
-export declare enum TextAlign {
-    Start = "start",
-    End = "end",
-    Center = "center",
-    Left = "left",
-    Right = "right",
-    Justify = "justify",
-    MatchParent = "match-parent",
-    Inherit = "inherit",
-    Initial = "initial",
-    Revert = "revert",
-    RevertLayer = "revert-layer",
-    Unset = "unset",
-    WebkitCenter = "-webkit-center",
-    MozCenter = "-moz-center"
-}
-export declare enum TypographyVariant {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    H6 = "h6",
-    Body1 = "p",
-    Body2 = "small",
-    Display = "div",
-    Italic = "i",
-    Bold = "strong",
-    Sup = "sup",
-    Sub = "sub",
-    Caption = "caption",
-    Inherit = "span"
-}
-export declare enum TypographyStyleVariant {
-    Bold = "bold",
-    Semibold = "semibold",
-    Normal = "normal",
-    Light = "light",
-    Italic = "italic",
-    Small = "small",
-    Uppercase = "uppercase",
-    Lowercase = "lowercase",
-    Underline = "underline",
-    Strike = "strike"
-}
+import { ElementType, PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { EnumOrPrimitive, SizeVariant, TextAlign, TypographyStyleVariant, TypographyVariant } from '../../../types';
 export type StyleVariant = EnumOrPrimitive<TypographyStyleVariant> | EnumOrPrimitive<TypographyStyleVariant>[];
-export interface TypographyProps extends CommonCoreComponentProps<TypographyVariant, string> {
+export interface TypographyProps extends CommonCssComponentProps<HTMLBaseElement>, PropsWithChildren {
     as?: keyof HTMLElementTagNameMap | ElementType;
+    color?: string;
+    variant?: EnumOrPrimitive<TypographyVariant>;
     size?: SizeVariant;
     align?: TextAlign;
     styleVariant?: StyleVariant;
 }
-export interface StyledTypographyType extends CommonCoreStyledComponentProps<TypographyVariant, string> {
-    as?: keyof HTMLElementTagNameMap | ElementType;
+export interface TypographyStyledProps extends CommonCssComponentStyledProps<HTMLBaseElement>, PropsWithChildren {
+    $as?: keyof HTMLElementTagNameMap | ElementType;
+    $color?: string;
+    $variant?: EnumOrPrimitive<TypographyVariant>;
     $size?: SizeVariant;
     $align?: TextAlign;
     $styleVariant?: StyleVariant;

package/components/core/Typography/TypographyStyled.d.ts

@@ -0,0 +1,2 @@
+import { TypographyStyledProps } from './Typography.types';
+export declare const TypographyStyled: import('react').ForwardRefExoticComponent<Omit<TypographyStyledProps, "ref"> & import('react').RefAttributes<HTMLBaseElement>>;

package/components/core/Typography/TypographyStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@emotion/react/jsx-runtime"),x=require("react"),t=require("../../../utils/helpers.js"),j=require("../../../types/common.js"),a=require("../../../types/typography.js"),z=x.forwardRef((y,c)=>{const{theme:{typography:e,colors:i}={},$as:p="span",$color:r,$align:l=a.TextAlign.Start,$variant:n=a.TypographyVariant.Inherit,$size:g=j.SizeVariant.Md,$styleVariant:s,styles:u,...S}=y,h=t.get(e,"base",{}),d=t.get(e,n,{}),m=t.get(e,[n,g],{}),$=r&&t.get(i,r,r),o=typeof s=="string"?[s]:s,T=o==null?void 0:o.reduce((b,f)=>({...b,...t.get(e,["styleVariant",f],{})}),{}),q=[h,d,m,T,{textAlign:l,color:$},u];return v.jsx(p,{css:q,...S,ref:c})});exports.TypographyStyled=z;

package/components/core/Typography/constants.js

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

package/components/core/Wrapper/Wrapper.d.ts

@@ -1,5 +1,3 @@
 import { WrapperProps } from './Wrapper.types';
-declare const Wrapper: import('react').ForwardRefExoticComponent<WrapperProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+declare const Wrapper: import('react').ForwardRefExoticComponent<WrapperProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Wrapper;

package/components/core/Wrapper/Wrapper.js

@@ -0,0 +1 @@
+"use client";"use strict";const i=require("@emotion/react/jsx-runtime"),c=require("react"),o=require("../../../hooks/useTheme/useTheme.js"),u=require("../../../types/wrapper.js"),p=require("./constants.js"),d=require("./WrapperStyled.js"),q=c.forwardRef((e,r)=>{const{variant:t=u.WrapperVariant.Inline,children:s,...n}=e,{theme:a}=o.useTheme();return i.jsx(d.WrapperStyled,{ref:r,$variant:t,theme:a,"data-testid":p.COMPONENT_NAME,...n,children:s})});module.exports=q;

package/components/core/Wrapper/Wrapper.types.d.ts

@@ -1,8 +1,9 @@
-import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
-export declare enum WrapperVariant {
-    Inline = "inline",
-    Section = "section",
-    FullPage = "fullPage"
+import { PropsWithChildren } from 'react';
+import { EnumOrPrimitive, WrapperVariant } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface WrapperProps extends CommonCssComponentProps, PropsWithChildren {
+    variant?: EnumOrPrimitive<WrapperVariant>;
+}
+export interface WrapperStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    $variant?: EnumOrPrimitive<WrapperVariant>;
 }
-export type WrapperProps = CommonCoreComponentProps<WrapperVariant>;
-export type WrapperStyledProps = CommonCoreStyledComponentProps<WrapperVariant>;

package/components/core/Wrapper/WrapperStyled.d.ts

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

package/components/core/Wrapper/WrapperStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),u=require("react"),r=require("../../../utils/helpers.js"),d=require("../../../types/wrapper.js"),y=u.forwardRef((t,s)=>{const{theme:{wrapper:e}={},$variant:n=d.WrapperVariant.Inline,styles:a={},...o}=t,p=r.get(e,"default",{}),c=r.get(e,n,{}),i={...p,...c,...a};return l.jsx("div",{css:i,...o,ref:s})});exports.WrapperStyled=y;

package/components/core/Wrapper/constants.js

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

package/components/core/index.d.ts

@@ -5,25 +5,26 @@ export * from './DropdownItem';
 export * from './Form';
 export * from './Icon';
 export * from './Image';
+export * from './InlineNotification';
 export * from './Input';
 export * from './InputFile';
 export * from './Label';
 export * from './Link';
 export * from './List';
 export * from './Loader';
+export * from './Menu';
 export * from './Modal';
 export * from './Portal';
+export * from './Scroll';
 export * from './Select';
+export * from './Separator';
 export * from './Skeleton';
+export * from './Slider';
 export * from './Snackbar';
 export * from './Switch';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './Typography';
-export * from './Scroll';
-export * from './Slider';
-export * from './Menu';
 export * from './Wrapper';
-export * from './InlineNotification';
 export * from './types/index.types';
 export { Textarea } from './Textarea';

package/components/core/types/common.types.d.ts

@@ -1,24 +1,2 @@
-import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from 'react';
-import { CommonComponentProps, CommonStyledComponentProps } from '../..';
-import { EnumOrPrimitive } from '../../../types';
+import { ReactNode } from 'react';
 export type CommonCoreContent = ReactNode;
-export interface CommonCoreComponentProps<V extends string | number = never, C extends string | number = never> extends CommonComponentProps {
-    variant?: EnumOrPrimitive<V>;
-    color?: EnumOrPrimitive<C>;
-}
-export interface CommonCoreStyledComponentProps<V extends string | number = never, C extends string | number = never> extends CommonStyledComponentProps {
-    $variant?: EnumOrPrimitive<V>;
-    $disabled?: boolean;
-    $color?: EnumOrPrimitive<C>;
-}
-export interface EventBaseComponentsCoreProps<T extends HTMLElement = HTMLBaseElement> {
-    onClick?: (event: MouseEvent<T>) => void;
-    onChange?: (event: ChangeEvent<T>) => void;
-    onBlur?: (event: FocusEvent<T>) => void;
-    onFocus?: (event: FocusEvent<T>) => void;
-}
-export declare enum ColorVariant {
-    Default = "default",
-    Primary = "primary",
-    Secondary = "secondary"
-}

package/components/core/types/index.types.d.ts

@@ -1,3 +1,3 @@
-export * from './cursors.types';
 export * from './common.types';
 export * from './roles.types';
+export * from './events.types';

package/components/core/types/roles.types.d.ts

@@ -1,3 +1,4 @@
 export declare enum Roles {
-    Link = "link"
+    Link = "link",
+    Region = "region"
 }

package/components/core/types/roles.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Link="link",e.Region="region",e))(r||{});exports.Roles=r;

package/components/domainSpecific/Accordion/Accordion.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("@emotion/react/jsx-runtime"),c=require("react"),m=require("../../../utils/helpers.js"),b=require("./hooks/useAccordion.js"),f=({children:l,allowMultipleExpand:u=!1,value:i,defaultValue:I=[],onChange:s})=>{const[p,a]=c.useState(I),r=m.isArray(i),t=r?i:p,o=c.useCallback(e=>{if(r){s==null||s(e);return}a(e)},[s,r]),d=c.useCallback(e=>{if(t.includes(e)){const n=m.without(t,e);o(n)}else{const n=u?[...t,e]:[e];o(n)}},[u,t,o]),A=c.useMemo(()=>({openedItems:t,toggleItem:d}),[d,t]);return O.jsx(b.AccordionContext.Provider,{value:A,children:l})};exports.Accordion=f;

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

@@ -1,15 +1,16 @@
-import { ReactNode } from 'react';
-import { CommonStyledComponentProps, CommonComponentProps } from '../../index.types';
-export interface AccordionBaseProps extends CommonComponentProps {
-    children: ReactNode;
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
+export interface AccordionBaseProps extends CommonCssComponentProps, PropsWithChildren {
     isOpen?: boolean;
 }
 export interface AccordionHeaderProps extends AccordionBaseProps {
     expandIcon?: ReactNode;
 }
-export interface StyledAccordionBaseProps extends CommonStyledComponentProps {
+export interface AccordionBasePropsStyled extends CommonCssComponentStyledProps, PropsWithChildren {
     $isOpen?: boolean;
 }
+export interface AccordionHeaderPropsStyled extends CommonCssComponentStyledProps<HTMLButtonElement>, PropsWithChildren {
+}
 export type AccordionContextType = {
     openedItems: string[];
     toggleItem: (key: string) => void;

package/components/domainSpecific/Accordion/AccordionContent/AccordionContent.d.ts

@@ -1,2 +1,2 @@
 import { AccordionBaseProps } from '../Accordion.types';
-export declare const AccordionContent: ({ children, id, classNames, isOpen, styles, }: AccordionBaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AccordionContent: ({ children, id, className, isOpen, styles }: AccordionBaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Accordion/AccordionContent/AccordionContent.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),s=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("react");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../hooks/useAccordion.js");const d=require("../constants.js"),a=require("../AccordionStyled.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("../../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");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");const l=require("../../../core/types/roles.types.js");require("../../../core/Textarea/Textarea.js");const y=({children:r,id:e,className:i="",isOpen:u=!1,styles:q={}})=>{const o=`accordion-panel-${e}`,t=`accordion-header-${e}`,{theme:n}=s.useTheme();return c.jsx(a.AccordionContentStyled,{id:o,role:l.Roles.Region,"data-testid":`${d.CONTENT_COMPONENT}-${e}`,"aria-labelledby":t,$isOpen:u,styles:q,theme:n,className:i,children:r})};exports.AccordionContent=y;

package/components/domainSpecific/Accordion/AccordionHeader/AccordionHeader.d.ts

@@ -1,2 +1,2 @@
 import { AccordionHeaderProps } from '../Accordion.types';
-export declare const AccordionHeader: ({ children, id, styles, classNames, isOpen, expandIcon, }: AccordionHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AccordionHeader: ({ children, id, styles, className, isOpen, expandIcon, }: AccordionHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Accordion/AccordionHeader/AccordionHeader.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),A=require("../../../../hooks/useTheme/useTheme.js");require("react");const m=require("../hooks/useAccordion.js"),q=require("../constants.js"),t=require("../AccordionStyled.js"),y=({children:s,id:e,styles:i={},className:d="",isOpen:c=!1,expandIcon:o})=>{const{theme:r}=A.useTheme(),{toggleItem:a}=m.useAccordion(),l=`accordion-header-${e}`,u=`accordion-panel-${e}`,h=()=>{e&&a(e)};return n.jsxs(t.AccordionHeaderStyled,{theme:r,id:l,"data-testid":`${q.HEADER_COMPONENT}-${e}`,className:d,"aria-expanded":c,"aria-controls":u,onClick:h,styles:i,children:[s,o&&n.jsx(t.AccordionIconStyled,{theme:r,$isOpen:c,children:o})]})};exports.AccordionHeader=y;

package/components/domainSpecific/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,2 +1,2 @@
 import { AccordionBaseProps } from '../Accordion.types';
-export declare const AccordionItem: ({ children, id, styles, classNames }: AccordionBaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AccordionItem: ({ children, id, styles, className }: AccordionBaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Accordion/AccordionItem/AccordionItem.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),t=require("react"),d=require("../../../../hooks/useTheme/useTheme.js"),a=require("../hooks/useAccordion.js"),m=require("../constants.js"),q=require("../AccordionStyled.js"),A=({children:o,id:e,styles:c={},className:s=""})=>{const{openedItems:u}=a.useAccordion(),{theme:i}=d.useTheme(),n=e&&u.includes(e);return l.jsx(q.AccordionItemStyled,{"data-testid":`${m.ITEM_COMPONENT}-${e}`,"data-open":n,"data-value":e,theme:i,className:s,styles:c,children:t.Children.map(o,r=>t.isValidElement(r)?t.cloneElement(r,{id:e,isOpen:n}):null)})};exports.AccordionItem=A;

package/components/domainSpecific/Accordion/AccordionStyled.d.ts

@@ -0,0 +1,5 @@
+import { AccordionBasePropsStyled, AccordionHeaderPropsStyled } from './Accordion.types';
+export declare const AccordionContentStyled: (props: AccordionBasePropsStyled) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AccordionHeaderStyled: (props: AccordionHeaderPropsStyled) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AccordionItemStyled: (props: AccordionBasePropsStyled) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AccordionIconStyled: (props: AccordionBasePropsStyled) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Accordion/AccordionStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),e=require("../../../utils/helpers.js");require("react");const u=c=>{const{theme:n,$isOpen:s,styles:d={},...t}=c,o=e.get(n,"accordion.content",{}),l=s?"opened":"closed",i=[e.get(o,"default",{}),e.get(o,l,{}),d];return r.jsx("div",{css:i,...t})},y=c=>{const{theme:n,styles:s,...d}=c,t=e.get(n,"accordion.header",{}),o=[e.get(t,"default",{}),s];return r.jsx("button",{css:o,...d})},S=c=>{const{theme:n,styles:s,...d}=c,t=e.get(n,"accordion.item",{}),o=[e.get(t,"default",{}),s];return r.jsx("div",{css:o,...d})},m=c=>{const{theme:n,$isOpen:s,...d}=c,t=e.get(n,"accordion.icon",{}),o=s?"opened":"closed",l=[e.get(t,"default",{}),e.get(t,o,{})];return r.jsx("span",{css:l,...d})};exports.AccordionContentStyled=u;exports.AccordionHeaderStyled=y;exports.AccordionIconStyled=m;exports.AccordionItemStyled=S;

package/components/domainSpecific/Accordion/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="AccordionItem",E="AccordionContent",O="AccordionHeader",N="Accordion Context must be inside Accordion component";exports.CONTENT_COMPONENT=E;exports.CONTEXT_ERROR_MESSAGE=N;exports.HEADER_COMPONENT=O;exports.ITEM_COMPONENT=o;

package/components/domainSpecific/Accordion/hooks/useAccordion.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),n=require("../constants.js"),e=o.createContext(null),r=()=>{const t=o.useContext(e);if(!t)throw new Error(n.CONTEXT_ERROR_MESSAGE);return t};exports.AccordionContext=e;exports.useAccordion=r;

package/components/domainSpecific/Avatar/Avatar.d.ts

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

package/components/domainSpecific/Avatar/Avatar.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),c=require("react"),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");require("../../core/Icon/Icon.js");const E=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("../../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("../Card/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");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 t=require("./constants.js"),r=require("./AvatarStyled.js"),d=c.forwardRef((m,y)=>{const{id:N,sizeVariant:a,withBadge:b,badgeColor:g,backgroundColor:p,src:q,alt:s,className:f,placeholder:A,onClick:C,fallbackComponent:i,styles:h={},...O}=m,{theme:u}=x.useTheme(),[l,o]=c.useState(!1),S=()=>{o(!0)},j=()=>{o(!1)},n=typeof i=="string"||typeof i=="number";return e.jsxs(r.AvatarStyled,{theme:u,role:"img","aria-label":s,$sizeVariant:a,styles:h,ref:y,className:f,"data-testid":t.COMPONENT_NAME,...O,children:[e.jsxs(r.AvatarImageWrapperStyled,{$color:p,theme:u,children:[!l&&q&&e.jsx(E.Image,{id:N,src:q,alt:s,placeholder:A,onClick:C,onError:S,onLoad:j}),(l||!q)&&e.jsxs(r.FallbackComponentWrapperStyled,{"data-testid":t.FALLBACK_COMPONENT,"aria-label":s,children:[n&&e.jsx(r.FallbackTextStyled,{$sizeVariant:a,theme:u,children:i}),!n&&i]})]}),b&&e.jsx(r.BadgeStyled,{"data-testid":t.BADGE_COMPONENT,role:"status",$color:g,theme:u,$sizeVariant:a})]})});d.displayName=t.COMPONENT_NAME;exports.Avatar=d;

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

@@ -0,0 +1,28 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps, ImageProps, TypographyStyledProps } from '../..';
+import { RowProps } from '../../layout/Row/Row.types';
+import { SizeVariant } from '../../../types';
+export interface AvatarProps extends Omit<ImageProps, keyof CommonCssComponentProps | 'width' | 'height' | 'caption' | 'styles'>, CommonCssComponentProps {
+    sizeVariant?: SizeVariant;
+    withBadge?: boolean;
+    badgeColor?: string;
+    backgroundColor?: string;
+    fallbackComponent?: ReactNode;
+    onClick?: () => void;
+}
+export interface AvatarStyledProps extends CommonCssComponentStyledProps, Pick<ImageProps, 'width' | 'height' | 'id'> {
+    $sizeVariant?: SizeVariant;
+    $withBadge?: boolean;
+}
+export interface StyledAvatarBadgeProps extends CommonCssComponentStyledProps {
+    $color?: string;
+    $sizeVariant?: SizeVariant;
+}
+export interface StyledFallbackComponentWrapperProps extends RowProps, PropsWithChildren {
+}
+export interface StyledAvatarImageWrapperProps extends CommonCssComponentStyledProps {
+    $color?: string;
+}
+export interface StyledFallbackTextProps extends TypographyStyledProps, PropsWithChildren {
+    $sizeVariant?: SizeVariant;
+}

package/components/domainSpecific/Avatar/AvatarStyled.d.ts

@@ -0,0 +1,6 @@
+import { AvatarStyledProps, StyledAvatarBadgeProps, StyledAvatarImageWrapperProps, StyledFallbackComponentWrapperProps, StyledFallbackTextProps } from './Avatar.types';
+export declare const AvatarStyled: (props: AvatarStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BadgeStyled: (props: StyledAvatarBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AvatarImageWrapperStyled: (props: StyledAvatarImageWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FallbackComponentWrapperStyled: (props: StyledFallbackComponentWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FallbackTextStyled: (props: StyledFallbackTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Avatar/AvatarStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),u=require("../../../utils/helpers.js");require("react");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");const n=require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.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("../../../hooks/useTheme/useTheme.js");require("../Accordion/hooks/useAccordion.js");require("./Avatar.js");require("../Card/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");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 d=require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");const y=r=>{const{theme:{avatar:e}={},$sizeVariant:a,styles:t={},...i}=r,q=[u.get(e,"default",{}),u.get(e,`size.${a}`,{}),t];return s.jsx("div",{css:q,...i})},g=r=>{const{theme:{avatar:e,colors:a}={},$sizeVariant:t,$color:i,styles:q={},...o}=r,l=i?{backgroundColor:u.get(a,`${i}`,i)}:{},c=[u.get(e,"badge.default",{}),u.get(e,`badge.size.${t}`,{}),l,q];return s.jsx("div",{css:c,...o})},p=r=>{const{theme:{avatar:e,colors:a}={},$color:t,styles:i={},...q}=r,o=t?{backgroundColor:u.get(a,`${t}`,t)}:{},l=[u.get(e,"imageWrapper.default",{}),o,i];return s.jsx("div",{css:l,...q})},S=r=>s.jsx(n.Row,{justify:"center",align:"center",...r}),m=r=>{const{theme:{avatar:e}={},$sizeVariant:a,...t}=r,i={...u.get(e,"fallbackText.default",{}),...u.get(e,`fallbackText.size.${a}`,{}),...t};return s.jsx(d.Typography,{...i})};exports.AvatarImageWrapperStyled=p;exports.AvatarStyled=y;exports.BadgeStyled=g;exports.FallbackComponentWrapperStyled=S;exports.FallbackTextStyled=m;

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

@@ -0,0 +1,3 @@
+export declare const COMPONENT_NAME = "Avatar";
+export declare const BADGE_COMPONENT = "AvatarBadge";
+export declare const FALLBACK_COMPONENT = "AvatarFallback";

package/components/domainSpecific/Avatar/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="Avatar",O="AvatarBadge",t="AvatarFallback";exports.BADGE_COMPONENT=O;exports.COMPONENT_NAME=N;exports.FALLBACK_COMPONENT=t;

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

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

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

@@ -2,27 +2,19 @@ import { CardProps } from './Card.types';
 export declare const Card: import('react').ForwardRefExoticComponent<CardProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>> & {
-    Row: import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
-        children?: import('react').ReactNode | undefined;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    Column: import('react').ForwardRefExoticComponent<import('../../layout/Column/Column.types').ColumnProps & {
-        children?: import('react').ReactNode | undefined;
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    Row: import('react').ForwardRefExoticComponent<import('../../layout/Row').RowProps & import('react').RefAttributes<HTMLDivElement>>;
+    Column: import('react').ForwardRefExoticComponent<import('../../layout/Column').ColumnProps & import('react').RefAttributes<HTMLDivElement>>;
     Counter: import('react').ForwardRefExoticComponent<import('./Card.types').CardCounterProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Image: import('react').ForwardRefExoticComponent<import('./Card.types').CardImageProps & {
-        children?: import('react').ReactNode | undefined;
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    Image: import('react').ForwardRefExoticComponent<import('./Card.types').CardImageProps & import('react').RefAttributes<HTMLDivElement>>;
     Price: import('react').ForwardRefExoticComponent<import('./Card.types').CardPriceProps & import('react').RefAttributes<HTMLDivElement>>;
     Button: import('react').ForwardRefExoticComponent<import('./Card.types').CardButtonProps & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Title: import('react').ForwardRefExoticComponent<import('./Card.types').CardTextProps & {
         children?: import('react').ReactNode | undefined;
-    } & import('react').RefAttributes<HTMLElement>>;
-    Description: import('react').ForwardRefExoticComponent<import('./Card.types').CardTextProps & {
-        children?: import('react').ReactNode | undefined;
-    } & import('react').RefAttributes<HTMLElement>>;
+    } & import('react').RefAttributes<HTMLBaseElement>>;
+    Description: import('react').ForwardRefExoticComponent<import('./Card.types').CardTextProps & import('react').RefAttributes<HTMLBaseElement>>;
     Rating: import('react').ForwardRefExoticComponent<import('./Card.types').CardRatingProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/components/domainSpecific/Card/Card.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),g=require("react"),m=require("../../../types/accesability.js"),T=require("../../../types/card.js"),h=require("../../../hooks/useTheme/useTheme.js"),y=require("../../../tokens/utils.js"),R=require("../../layout/Column/Column.js"),f=require("../../layout/Row/Row.js"),e=require("./constants.js"),p=require("./CardTitle/CardTitle.js"),N=require("./CardDescription/CardDescription.js"),b=require("./CardRating/CardRating.js"),B=require("./CardPrice/CardPrice.js"),I=require("./CardButton/CardButton.js"),O=require("./CardImage/CardImage.js"),P=require("./CardCounter/CardCounter.js"),x=require("./CartStyled.js"),M=g.forwardRef((t,i)=>{const{variant:n=T.CardVariant.Vertical,isBordered:a=!1,children:s,gutter:o,tabIndex:c=m.TabIndex.Default,isHighlighted:u=!1,styles:d={},...C}=t,{theme:l}=h.useTheme();return q.jsx(x.CardStyled,{theme:l,$variant:n,$isBordered:a,styles:d,$isHighlighted:u,$gutter:o,ref:i,tabIndex:c,"data-testid":e.COMPONENT_NAME,...y.convertToInlineBoxStyles(C),children:s})}),r=Object.assign(M,{Row:f.Row,Column:R.Column,Counter:P.CardCounter,Image:O.CardImage,Price:B.CardPrice,Button:I.CardButton,Title:p.CardTitle,Description:N.CardDescription,Rating:b.CardRating});r.displayName=e.COMPONENT_NAME;exports.Card=r;

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

@@ -1,28 +1,21 @@
-import { PriceProps, StyledPriceProps, ImageProps, StyledImageProps, ButtonProps, CounterProps, CounterStyledProps, TypographyProps, StyledTypographyType, RatingProps, CommonStyledComponentProps, BoxComponentProps, BoxStyledComponentProps } from '../..';
-import { EnumOrPrimitive, TabIndex } from '../../../types';
-export declare enum CardVariant {
-    Vertical = "Vertical",
-    Horizontal = "Horizontal"
-}
-export declare enum CardSizeVariant {
-    Default = "default",
-    Sm = "sm"
-}
-export interface CardProps extends BoxComponentProps {
+import { ElementType, PropsWithChildren } from 'react';
+import { PriceProps, ImageProps, ImageStyledProps, ButtonProps, CounterProps, CounterStyledProps, TypographyProps, TypographyStyledProps, RatingProps, PriceStyledProps, CommonCssComponentStyledProps, BoxCssComponentStyledProps, BoxCssComponentProps } from '../..';
+import { CardSizeVariant, CardVariant, EnumOrPrimitive, TabIndex } from '../../../types';
+export interface CardProps extends BoxCssComponentProps {
     variant?: EnumOrPrimitive<CardVariant>;
     isBordered?: boolean;
     gutter?: string;
     tabIndex?: TabIndex;
     isHighlighted?: boolean;
 }
-export interface CardStyledProps extends BoxStyledComponentProps {
+export interface CardStyledProps extends BoxCssComponentStyledProps {
     $variant: EnumOrPrimitive<CardVariant>;
     $isBordered?: boolean;
     $gutter?: string;
     $isHighlighted?: boolean;
     tabIndex?: TabIndex;
 }
-export interface CardCommonProps {
+export interface CardCommonProps extends PropsWithChildren {
     sizeVariant?: EnumOrPrimitive<CardSizeVariant>;
     cardVariant?: EnumOrPrimitive<CardVariant>;
 }
@@ -32,24 +25,25 @@ export interface CardCommonStyledProps {
 }
 export interface CardTextProps extends CardCommonProps, TypographyProps {
 }
-export interface CardTextStyledProps extends CardCommonStyledProps, StyledTypographyType {
+export interface CardTextStyledProps extends CardCommonStyledProps, TypographyStyledProps {
+    as?: keyof HTMLElementTagNameMap | ElementType;
 }
 export interface CardRatingProps extends CardCommonProps, RatingProps {
     label?: string;
 }
-export interface CardRatingStyledProps extends CardCommonStyledProps, CommonStyledComponentProps {
+export interface CardRatingStyledProps extends CardCommonStyledProps, CommonCssComponentStyledProps {
 }
 export interface CardButtonProps extends CardCommonProps, ButtonProps {
 }
-export interface CardButtonStyledProps extends CardCommonStyledProps, CommonStyledComponentProps {
+export interface CardButtonStyledProps extends CardCommonStyledProps, CommonCssComponentStyledProps {
 }
 export interface CardPriceProps extends CardCommonProps, PriceProps {
 }
-export interface CardPriceStyledProps extends CardCommonStyledProps, StyledPriceProps {
+export interface CardPriceStyledProps extends CardCommonStyledProps, PriceStyledProps {
 }
 export interface CardImageProps extends CardCommonProps, ImageProps {
 }
-export interface CardImageStyledProps extends CardCommonStyledProps, Exclude<StyledImageProps, 'isLoading'> {
+export interface CardImageStyledProps extends CardCommonStyledProps, Exclude<ImageStyledProps, 'isLoading'> {
 }
 export interface CardCounterProps extends CardCommonProps, CounterProps {
 }

package/components/domainSpecific/Card/CardButton/CardButton.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),l=require("react"),C=require("../../../../hooks/useTheme/useTheme.js"),r=require("../../../../types/card.js"),V=require("../../../../types/button.js");require("../../../core/Breadcrumbs/Breadcrumbs.js");const B=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");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("./constants.js"),N=require("./CardButtonStyled.js"),u=l.forwardRef((q,t)=>{const{sizeVariant:n=r.CardSizeVariant.Default,children:a,variant:s=V.ButtonVariant.Outlined,cardVariant:o=r.CardVariant.Vertical,...c}=q,{theme:d}=C.useTheme();return e.jsx(N.CardButtonStyled,{ref:t,theme:d,$cardVariant:o,$sizeVariant:n,"data-testid":i.COMPONENT_NAME,children:e.jsx(B.Button,{variant:s,fullWidth:!0,...c,children:a})})});u.displayName=i.COMPONENT_NAME;exports.CardButton=u;

package/components/domainSpecific/Card/CardButton/CardButtonStyled.d.ts

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

package/components/domainSpecific/Card/CardButton/CardButtonStyled.js

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

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

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

package/components/domainSpecific/Card/CardCounter/CardCounter.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"),C=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");const l=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"),N=require("./CardCounterStyled.js"),u=d.forwardRef((q,t)=>{const{sizeVariant:a=r.CardSizeVariant.Default,children:n,cardVariant:s=r.CardVariant.Vertical,...o}=q,{theme:c}=C.useTheme();return e.jsxs(N.CardCounterStyled,{ref:t,theme:c,$cardVariant:s,$sizeVariant:a,"data-testid":i.COMPONENT_NAME,children:[e.jsx(l.Counter,{...o}),n]})});u.displayName=i.COMPONENT_NAME;exports.CardCounter=u;

package/components/domainSpecific/Card/CardCounter/CardCounterStyled.d.ts

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