gd-design-library 0.2.0 → 0.3.1

package/components/domainSpecific/SearchModal/SearchItems/utils.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),r=require("../../../core/Icon/Icon.js"),u=(e,t)=>e?typeof e=="string"?n.jsx(r.Icon,{name:e,...t}):e:null;exports.getIcon=u;

package/components/domainSpecific/SearchModal/SearchLoader/SearchLoader.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),c=require("../../../../hooks/useTheme/useTheme.js"),i=require("../../../core/Skeleton/Skeleton.js"),t=require("./constants.js"),u=require("./SearchLoaderStyled.js"),r=o=>{const{itemsCount:s}=o,{theme:n}=c.useTheme();return e.jsx(u.SearchLoaderStyled,{theme:n,"data-testid":t.COMPONENT_NAME,children:Array.from({length:s}).map((d,a)=>e.jsx(i.Skeleton,{height:"20px"},a))})};r.displayName=t.COMPONENT_NAME;exports.SearchLoader=r;

package/components/domainSpecific/SearchModal/SearchLoader/SearchLoaderStyled.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { CommonCssComponentStyledProps } from '../../../index.types';
+export declare const SearchLoaderStyled: (props: PropsWithChildren<CommonCssComponentStyledProps>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/SearchModal/SearchLoader/SearchLoaderStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),o=require("../../../../utils/helpers.js");require("react");const a=e=>{const{theme:{searchModal:r}={},...t}=e;return s.jsx("div",{css:[o.get(r,"loader.default",{})],...t})};exports.SearchLoaderStyled=a;

package/components/domainSpecific/SearchModal/SearchLoader/constants.js

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

package/components/domainSpecific/SearchModal/SearchModal.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),R=require("react"),O=require("../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),l=require("./SearchModalStyled.js"),q=require("./SearchInput/SearchInput.js"),y=require("./SearchLoader/SearchLoader.js"),A=require("./SearchItems/SearchItems.js"),i=R.forwardRef((u,S)=>{const{children:h,onResultClick:d,results:E=[],historyResults:T=[],searchValue:s="",isLoading:m=!1,noHistoryResultsLabel:C=e.DEFAULT_NO_HISTORY_RESULTS,noResultsLabel:L=e.DEFAULT_NO_RESULTS,newSearchCta:_=e.DEFAULT_NEW_SEARCH,loaderItemsCount:I=e.DEFAULT_LOADER_ITEMS_COUNT,modalProps:r={},searchProps:M={},...N}=u,{theme:a}=O.useTheme();let c=T,n=C,o=_;return s&&(c=E,n=L,o=""),t.jsxs(l.SearchModalStyled,{theme:a,ref:S,"data-testid":e.COMPONENT_NAME,...r,...N,children:[t.jsx(q.SearchInput,{onEndIconClick:r==null?void 0:r.onClose,...M,defaultValue:s}),t.jsx(l.SearchModalWrapperStyled,{theme:a,children:m?t.jsx(y.SearchLoader,{itemsCount:I}):t.jsx(A.SearchItems,{onItemClick:d,items:c,newSearchCta:o,noItemsLabel:n})}),h]})});i.displayName=e.COMPONENT_NAME;exports.SearchModal=i;

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

@@ -1,28 +1,30 @@
-import { MouseEvent, ReactNode } from 'react';
-import { CommonComponentProps, CommonStyledComponentProps, ModalProps, InputFieldProps } from '../..';
+import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
+import { ModalProps, InputFieldProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { defaultTheme } from '../../../tokens';
 export type SearchInputProps = InputFieldProps & {
+    theme?: typeof defaultTheme;
     onEndIconClick?: (event: MouseEvent<HTMLDivElement>) => void;
 };
-export interface SearchLoaderProps extends CommonComponentProps {
+export interface SearchLoaderProps extends CommonCssComponentProps {
     itemsCount: number;
 }
-export interface SearchModalResultItemProps extends CommonComponentProps {
+export interface SearchModalResultItemProps extends CommonCssComponentProps {
     title: string;
     icon?: ReactNode;
     description?: string;
     date?: number;
 }
-export interface SearchModalHistoryResultItemProps extends CommonComponentProps {
+export interface SearchModalHistoryResultItemProps extends CommonCssComponentProps {
     title: string;
     items: (never | SearchModalResultItemProps)[];
 }
-export interface SearchItemsProps extends CommonComponentProps {
+export interface SearchItemsProps extends CommonCssComponentProps {
     items?: (never | SearchModalResultItemProps | SearchModalHistoryResultItemProps)[];
     onItemClick?: (event: MouseEvent, item: string | SearchModalResultItemProps) => void;
     noItemsLabel?: string;
     newSearchCta?: string;
 }
-export interface SearchModalProps extends CommonComponentProps {
+export interface SearchModalProps extends CommonCssComponentProps {
     results?: (never | SearchModalResultItemProps | SearchModalHistoryResultItemProps)[];
     historyResults?: (never | SearchModalResultItemProps | SearchModalHistoryResultItemProps)[];
     noResultsLabel?: string;
@@ -36,10 +38,11 @@ export interface SearchModalProps extends CommonComponentProps {
     modalProps?: ModalProps;
     searchProps?: SearchInputProps;
 }
-export interface SearchModalStyledProps extends CommonStyledComponentProps {
-    isCustomView?: boolean;
-    closeOnEscape?: boolean;
+export interface SearchModalStyledProps extends Omit<CommonCssComponentStyledProps, 'title'>, PropsWithChildren {
+    title?: ReactNode;
 }
-export interface StyledSearchItemContentProps extends CommonStyledComponentProps {
+export interface SearchItemContentStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
     $variant?: 'title' | 'description' | 'date';
 }
+export interface SearchModalCommonStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+}

package/components/domainSpecific/SearchModal/SearchModalStyled.d.ts

@@ -0,0 +1,3 @@
+import { SearchModalStyledProps, SearchModalCommonStyledProps } from './SearchModal.types';
+export declare const SearchModalStyled: (props: SearchModalStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchModalWrapperStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/SearchModal/SearchModalStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),c=require("../../../utils/helpers.js");require("react");const a=require("../../core/Modal/Modal.js"),d=e=>{const{theme:{searchModal:t}={},styles:r={},...s}=e,l={...c.get(t,"default",{}),...r};return o.jsx(a.Modal,{styles:l,isCustomView:!0,closeOnEscape:!0,...s})},u=e=>{const{theme:{searchModal:t}={},...r}=e,s=c.get(t,"wrapper",{});return o.jsx("div",{css:s,...r})};exports.SearchModalStyled=d;exports.SearchModalWrapperStyled=u;

package/components/domainSpecific/SearchModal/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="SearchModal",_=3,T="You have no conversations",S="No Results",o="No chat";exports.COMPONENT_NAME=E;exports.DEFAULT_LOADER_ITEMS_COUNT=_;exports.DEFAULT_NEW_SEARCH=o;exports.DEFAULT_NO_HISTORY_RESULTS=T;exports.DEFAULT_NO_RESULTS=S;

package/components/domainSpecific/Stepper/Stepper.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),l=require("react"),y=require("../../../hooks/useTheme/useTheme.js"),o=require("../../../types/stepper.js"),a=require("./constants.js"),C=require("./utils.js"),c=require("./StepperStyled.js"),T=l.forwardRef((N,M)=>{const{steps:d=[],isIconsView:O=!1,activeStep:S=0,onStepClick:u,...$}=N,{theme:e}=y.useTheme(),E=l.useCallback((t,p)=>i=>u==null?void 0:u(t,p,i),[]),h=t=>t===S?o.StepStatus.Active:t<S?o.StepStatus.Complete:o.StepStatus.Inactive;return n.jsx(c.StepperStyled,{ref:M,theme:e,"data-testid":a.COMPONENT_NAME,...$,children:d.map(({validationStatus:t=o.StepValidationStatus.Success,customView:p,label:i},s)=>{const r=h(s),m=s<d.length-1,j=C.getStepStatusIcon({status:r,validationStatus:t,customView:p,isIconsView:O,theme:e})||s+1;return n.jsxs(l.Fragment,{children:[n.jsxs(c.StepStyled,{theme:e,$status:r,onClick:u&&E(s,r),"data-testid":`${a.COMPONENT_NAME}-step`,"aria-selected":s===S,children:[n.jsx(c.StepIconStyled,{theme:e,$status:r,$validationStatus:t,"data-testid":`${a.COMPONENT_NAME}-step-icon`,children:j}),i&&n.jsx(c.StepLabelStyled,{theme:e,$status:r,$validationStatus:t,"data-testid":`${a.COMPONENT_NAME}-step-label`,children:i})]}),m&&n.jsx(c.SeparatorStyled,{theme:e,$status:r})]},`${a.COMPONENT_NAME}-step-${s}`)})})});exports.Stepper=T;

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

@@ -1,16 +1,7 @@
-import { ReactNode, MouseEvent } from 'react';
+import { ReactNode, MouseEvent, PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
 import { Theme } from '../../../hooks/useTheme';
-import { EnumOrPrimitive } from '../../../types';
-import { CommonComponentProps, CommonStyledComponentProps } from '../../index.types';
-export declare enum StepStatus {
-    Active = "active",
-    Inactive = "inactive",
-    Complete = "complete"
-}
-export declare enum StepValidationStatus {
-    Error = "error",
-    Success = "success"
-}
+import { EnumOrPrimitive, StepStatus, StepValidationStatus } from '../../../types';
 export interface StepProps {
     validationStatus?: EnumOrPrimitive<StepValidationStatus>;
     customView?: ReactNode;
@@ -23,13 +14,14 @@ export type ContentViewProps = {
     customView: ReactNode;
     isIconsView: boolean;
 };
-export interface StepperProps extends CommonComponentProps {
+export interface StepperProps extends CommonCssComponentProps {
     steps: StepProps[];
     isIconsView?: boolean;
     activeStep?: number;
     onStepClick?: (idx: number, status: StepStatus, event: MouseEvent) => void;
 }
-export type StepperStyledProps = CommonStyledComponentProps;
+export interface StepperStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
 export interface StepCommonStyledProps extends StepperStyledProps {
     $status: StepStatus;
 }

package/components/domainSpecific/Stepper/StepperStyled.d.ts

@@ -0,0 +1,6 @@
+import { StepCommonStyledProps, StepEntityStyledProps, StepperStyledProps, StepStyledProps } from './Stepper.types';
+export declare const StepperStyled: import('react').ForwardRefExoticComponent<Omit<StepperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SeparatorStyled: (props: StepCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const StepStyled: (props: StepStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const StepIconStyled: (props: StepEntityStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const StepLabelStyled: (props: StepEntityStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Stepper/StepperStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@emotion/react/jsx-runtime"),S=require("react"),t=require("../../../utils/helpers.js"),d=S.forwardRef(n=>{const{theme:{stepper:c}={},styles:o={},...r}=n,e=[t.get(c,"default",{}),o];return p.jsx("div",{css:e,...r})}),a=n=>{const{theme:{stepper:c}={},$status:o,...r}=n,e=t.get(c,"separator",{}),s=[t.get(e,"default",{}),t.get(e,o,{})];return p.jsx("div",{css:s,...r})},u=n=>{const{theme:{stepper:c}={},$status:o,...r}=n,e=t.get(c,"step",{}),s=[t.get(e,"default",{}),t.get(e,o,{})];return p.jsx("div",{css:s,...r})},y=n=>{const{theme:{stepper:c}={},$status:o,$validationStatus:r,...e}=n,s=t.get(c,"stepIcon",{}),l=[t.get(s,"default",{}),t.get(s,[o,"default"],{}),t.get(s,[o,r],{})];return p.jsx("div",{css:l,...e})},g=n=>{const{theme:{stepper:c}={},$status:o,$validationStatus:r,...e}=n,s=t.get(c,"stepLabel",{}),l=[t.get(s,"default",{}),t.get(s,o,{}),t.get(s,r,{})];return p.jsx("div",{css:l,...e})};exports.SeparatorStyled=a;exports.StepIconStyled=y;exports.StepLabelStyled=g;exports.StepStyled=u;exports.StepperStyled=d;

package/components/domainSpecific/Stepper/constants.js

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

package/components/domainSpecific/Stepper/utils.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),r=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");const q=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/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.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const t=require("../../../types/stepper.js"),p=({status:s,validationStatus:o,customView:e,isIconsView:n,theme:a})=>{const c=o===t.StepValidationStatus.Error,u=r.get(a,"stepper.icons",{});switch(s){case t.StepStatus.Complete:return c?i.jsx(q.Icon,{...r.get(u,"error",{name:"cross"})}):n?i.jsx(q.Icon,{...r.get(u,"complete",{name:"check"})}):e;case t.StepStatus.Inactive:return n?e||i.jsx(q.Icon,{...r.get(u,"inactive",{name:"check"})}):e;case t.StepStatus.Active:return c?i.jsx(q.Icon,{...r.get(u,"errorActive",{name:"cross"})}):n?e||i.jsx(q.Icon,{...r.get(u,"active",{name:"check"})}):e;default:return e}};exports.getStepStatusIcon=p;

package/components/domainSpecific/Tabs/Tabs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),o=require("react"),h=require("../../../hooks/useTheme/useTheme.js"),A=require("../../../utils/uniqueKeys.js"),e=require("./constants.js"),l=require("./TabsStyled.js"),R=o.forwardRef((E,M)=>{const{activeTab:O=0,tabs:N=[],ariaLabel:u,onTabChange:c,...P}=E,{theme:n}=h.useTheme(),[$,C]=o.useState(O),y=o.useCallback(a=>()=>{C(a),c&&c(a)},[c]),r=o.useCallback((a,t)=>A.generateUniqueId(t,`${e.COMPONENT_NAME}-${a}`),[]);return s.jsxs(l.TabsStyled,{ref:M,theme:n,"data-testid":e.COMPONENT_NAME,...u?{"aria-label":u}:{},...P,children:[s.jsx(l.TabsHeaderStyled,{theme:n,"data-testid":`${e.COMPONENT_NAME}-header`,role:e.TabRoles.TabList,children:N.map(({isDisabled:a,noticeCounter:t,label:b,id:i},T)=>{const d=T===$;return s.jsx(l.TabLabelStyled,{theme:n,$isDisabled:a,$isActive:d,"data-testid":`${e.COMPONENT_NAME}-${e.TabRoles.Tab}`,children:s.jsx(l.TextButtonStyled,{onClick:y(T),disabled:a,id:r(`${e.TabRoles.Tab}-${T}`,i),theme:n,iconEnd:typeof t<"u"&&s.jsx(l.NoticeCounterStyled,{className:`${e.COMPONENT_NAME}__noticeCounter`,theme:n,$isActive:d,$isDisabled:a,"data-testid":`${e.COMPONENT_NAME}-noticeCounter`,children:t}),"aria-selected":d,"aria-controls":r(`${e.TabRoles.TabPanel}-${T}`,i),children:b})},r(`tab-${T}`,i))})}),s.jsx(l.TabPanelsWrapperStyled,{theme:n,"data-testid":`${e.COMPONENT_NAME}-wrapper`,children:N.map(({content:a,id:t},b)=>s.jsx(l.TabPanelStyled,{id:r(`${e.TabRoles.TabPanel}-${b}`,t),"aria-labelledby":r(`${e.TabRoles.Tab}-${b}`,t),role:e.TabRoles.TabPanel,hidden:b!==$,"data-testid":`${e.COMPONENT_NAME}-${e.TabRoles.TabPanel}`,children:a},r(`${e.TabRoles.TabPanel}-${b}`,t)))})]})});exports.Tabs=R;

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

@@ -1,5 +1,7 @@
-import { ReactNode } from 'react';
-import { CommonComponentProps, CommonStyledComponentProps } from '../../index.types';
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
+import { ButtonProps } from '../../core';
+import { Theme } from '../../../hooks';
 export interface TabProps {
     id?: string | number;
     label: ReactNode;
@@ -7,14 +9,18 @@ export interface TabProps {
     isDisabled?: boolean;
     noticeCounter?: number | string;
 }
-export interface TabsProps extends CommonComponentProps {
+export interface TabsProps extends CommonCssComponentProps {
     tabs?: (TabProps | never)[];
     activeTab?: number;
     ariaLabel?: string;
     onTabChange?: (index: number) => void;
 }
-export type TabsStyledProps = CommonStyledComponentProps;
-export interface TabLabelStyledProps extends CommonStyledComponentProps {
+export interface TabsStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface TabLabelStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
     $isActive?: boolean;
     $isDisabled?: boolean;
 }
+export interface StyledTextButtonProps extends ButtonProps {
+    theme?: Theme;
+}

package/components/domainSpecific/Tabs/TabsStyled.d.ts

@@ -0,0 +1,8 @@
+import { StyledTextButtonProps, TabLabelStyledProps, TabsStyledProps } from './Tabs.types';
+export declare const TabsStyled: import('react').ForwardRefExoticComponent<Omit<TabsStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TabsHeaderStyled: (props: TabsStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TabLabelStyled: (props: TabLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TabPanelsWrapperStyled: (props: TabsStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TabPanelStyled: (props: TabsStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NoticeCounterStyled: (props: TabLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TextButtonStyled: (props: StyledTextButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Tabs/TabsStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),c=require("react"),e=require("../../../utils/helpers.js");require("../../core/Breadcrumbs/Breadcrumbs.js");const d=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("../../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("../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.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("../../../types/button.js"),b=c.forwardRef((t,s)=>{const{theme:{tabs:r}={},styles:u={},...i}=t,n=[e.get(r,"default",{}),u];return q.jsx("div",{css:n,...i,ref:s})}),y=t=>{const{theme:{tabs:s}={},...r}=t;return q.jsx("div",{css:[e.get(s,"header.default",{})],...r})},S=t=>{const{theme:{tabs:s}={},$isDisabled:r,$isActive:u,...i}=t,n=e.get(s,"label",{}),a=e.get(n,"disabled",{}),l=[e.get(n,"default",{}),u?e.get(n,"active",{}):{},r?e.get(a,"default",{}):{},r&&u?e.get(a,"active",{}):{}];return q.jsx("div",{css:l,...i})},p=t=>{const{theme:{tabs:s}={},styles:r={},...u}=t,i=[e.get(s,"panelsWrapper.default",{}),r];return q.jsx("div",{css:i,...u})},g=t=>{const{theme:{tabs:s}={},styles:r={},...u}=t,i=[e.get(s,"panel.default",{}),r];return q.jsx("div",{css:i,...u})},m=t=>{const{theme:{tabs:s}={},$isDisabled:r,$isActive:u,...i}=t,n=e.get(s,"noticeCounter",{}),a=[e.get(n,"default",{}),u?e.get(n,"active",{}):{},r?e.get(n,"disabled",{}):{}];return q.jsx("span",{css:a,...i})},T=t=>{const{theme:{tabs:s}={},...r}=t,u=[e.get(s,"tabButton.default",{})];return q.jsx(d.Button,{css:u,variant:o.ButtonVariant.Text,role:o.ButtonRole.Tab,...r})};exports.NoticeCounterStyled=m;exports.TabLabelStyled=S;exports.TabPanelStyled=g;exports.TabPanelsWrapperStyled=p;exports.TabsHeaderStyled=y;exports.TabsStyled=b;exports.TextButtonStyled=T;

package/components/domainSpecific/Tabs/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Tabs";var a=(t=>(t.TabList="tablist",t.Tab="tab",t.TabPanel="tabpanel",t))(a||{});exports.COMPONENT_NAME=e;exports.TabRoles=a;

package/components/domainSpecific/index.d.ts

@@ -1,6 +1,8 @@
 export * from './Accordion';
+export * from './Avatar';
 export * from './Card';
 export * from './Carousel';
+export * from './ChatBubble';
 export * from './ContentCarousel';
 export * from './Counter';
 export * from './DragAndDropFiles';
@@ -13,4 +15,3 @@ export * from './Search';
 export * from './SearchModal';
 export * from './Stepper';
 export * from './Tabs';
-export * from './Templates';

package/components/index.d.ts

@@ -1,4 +1,6 @@
 export * from './core';
 export * from './layout';
 export * from './domainSpecific';
+export * from './widget';
+export * from './templates';
 export * from './index.types';

package/components/index.types.d.ts

@@ -1,68 +1,7 @@
-import { HTMLAttributes, ForwardedRef } from 'react';
-import { CSSObject as StyledCSSObject } from 'styled-components';
+import { HTMLAttributes, ForwardedRef, InputHTMLAttributes } from 'react';
 import { CSSObject } from '@emotion/react';
-import { defaultTheme } from '../tokens';
-export interface CommonComponentProps {
-    classNames?: string;
-    className?: string;
-    id?: string;
-    styles?: StyledCSSObject;
-    theme?: typeof defaultTheme;
-}
-export interface CommonStyledComponentProps {
-    $styles?: StyledCSSObject;
-    theme: typeof defaultTheme;
-}
-export interface BoxComponentProps extends CommonComponentProps {
-    overflow?: string;
-    minWidth?: string;
-    width?: string;
-    maxWidth?: string;
-    minHeight?: string;
-    height?: string;
-    maxHeight?: string;
-    margin?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    padding?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    position?: string;
-}
-export interface BoxStyledComponentProps extends CommonStyledComponentProps {
-    $overflow?: string;
-    $minWidth?: string;
-    $width?: string;
-    $maxWidth?: string;
-    $minHeight?: string;
-    $height?: string;
-    $maxHeight?: string;
-    $margin?: string;
-    $marginTop?: string;
-    $marginRight?: string;
-    $marginBottom?: string;
-    $marginLeft?: string;
-    $padding?: string;
-    $paddingTop?: string;
-    $paddingRight?: string;
-    $paddingBottom?: string;
-    $paddingLeft?: string;
-    $position?: string;
-}
-export type AlignType = 'start' | 'center' | 'end' | 'stretch';
-export type JustifyType = 'start' | 'center' | 'end' | 'between' | 'around';
-export declare enum SizeVariant {
-    Xs = "xs",
-    Sm = "sm",
-    Md = "md",
-    Lg = "lg",
-    Xl = "xl",
-    Xxl = "xxl"
-}
+import { AlignType, JustifyType } from '../types';
+import { Theme } from '../hooks/useTheme';
 export interface FlexElementProps {
     gutter?: number | string;
     flex?: string;
@@ -71,7 +10,7 @@ export interface FlexElementProps {
     align?: AlignType;
     justify?: JustifyType;
 }
-export interface StyledFlexElementProps {
+export interface FlexElementStyledProps {
     $gutter: number | string;
     $flex?: string;
     $isReversed: boolean;
@@ -79,15 +18,39 @@ export interface StyledFlexElementProps {
     $align: AlignType;
     $justify: JustifyType;
 }
+export declare enum FileTypes {
+    png = "image/png",
+    gif = "image/gif",
+    jpeg = "image/jpeg",
+    svg = "image/svg+xml",
+    webp = "image/webp",
+    mp4 = "video/mp4",
+    pdf = "application/pdf",
+    doc = "application/msword",
+    docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls = "application/vnd.ms-excel",
+    xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    csv = "text/csv",
+    text = "text/plain",
+    zip = "application/zip",
+    rar = "application/x-rar",
+    '7z' = "application/x-7z-compressed"
+}
 export interface CommonCssComponentProps<T = HTMLDivElement> extends HTMLAttributes<T> {
     styles?: CSSObject;
 }
 export interface CommonCssComponentStyledProps<T = HTMLDivElement> extends HTMLAttributes<T> {
-    theme?: typeof defaultTheme;
+    theme?: Theme;
     styles?: CSSObject;
     className?: string;
     ref?: ForwardedRef<T>;
 }
+export interface CommonCssInputStyledProps extends InputHTMLAttributes<HTMLInputElement> {
+    theme?: Theme;
+    styles?: CSSObject;
+    className?: string;
+    ref?: ForwardedRef<HTMLInputElement>;
+}
 export interface BoxCssComponentProps<T = HTMLDivElement> extends CommonCssComponentProps<T> {
     overflow?: string;
     minWidth?: string;
@@ -107,6 +70,17 @@ export interface BoxCssComponentProps<T = HTMLDivElement> extends CommonCssCompo
     paddingBottom?: string;
     paddingLeft?: string;
     position?: string;
+    flexDirection?: string;
+    justifyContent?: string;
+    alignItems?: string;
+    alignContent?: string;
+    flexWrap?: string;
+    flex?: string;
+    flexGrow?: string;
+    flexShrink?: string;
+    flexBasis?: string;
+    order?: string;
+    gap?: string;
 }
 export interface BoxCssComponentStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T> {
     $overflow?: string;
@@ -127,4 +101,15 @@ export interface BoxCssComponentStyledProps<T = HTMLDivElement> extends CommonCs
     $paddingBottom?: string;
     $paddingLeft?: string;
     $position?: string;
+    $flexDirection?: string;
+    $justifyContent?: string;
+    $alignItems?: string;
+    $alignContent?: string;
+    $flexWrap?: string;
+    $flex?: string;
+    $flexGrow?: string;
+    $flexShrink?: string;
+    $flexBasis?: string;
+    $order?: string;
+    $gap?: string;
 }

package/components/index.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=(a=>(a.png="image/png",a.gif="image/gif",a.jpeg="image/jpeg",a.svg="image/svg+xml",a.webp="image/webp",a.mp4="video/mp4",a.pdf="application/pdf",a.doc="application/msword",a.docx="application/vnd.openxmlformats-officedocument.wordprocessingml.document",a.xls="application/vnd.ms-excel",a.xlsx="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",a.csv="text/csv",a.text="text/plain",a.zip="application/zip",a.rar="application/x-rar",a["7z"]="application/x-7z-compressed",a))(o||{});exports.FileTypes=o;

package/components/layout/ChatContainer/ChatContainer.d.ts

@@ -1,4 +1,4 @@
-import { ChatContainerProps } from './types';
+import { ChatContainerProps } from './ChatContainer.types';
 /**
  * ChatContainer is a flexible layout component for chat-like interfaces.
  *

package/components/layout/ChatContainer/ChatContainer.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),o=require("react"),j=require("../../../hooks/useTheme/useTheme.js"),c=require("../../../utils/helpers.js"),l=require("../../core/Icon/Icon.js"),x=require("../../../types/chat.js"),a=require("./constants.js"),r=require("./ChatContainerStyled.js"),N=o.forwardRef((h,u)=>{const{sidebarContent:C,headerContent:O,children:S,isOpen:M=!0,sidebarHeaderContent:y,onToggleSidebar:s,styles:E={},variant:b=x.ChatLayoutVariant.Auto,...p}=h,{theme:e}=j.useTheme(),[n,g]=o.useState(M),d=()=>{const i=!n;g(i),s==null||s(i)};return t.jsxs(r.MainWrapperStyled,{className:"gd-chat-container","data-testid":`${a.COMPONENT_NAME}-main-wrapper`,theme:e,ref:u,...p,styles:E,children:[n&&t.jsx(r.SidebarWrapperStyled,{theme:e,$variant:b,"data-testid":`${a.COMPONENT_NAME}-sidebar-wrapper`,children:t.jsxs(r.SidebarStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-sidebar`,children:[t.jsxs(r.SidebarHeaderStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-sidebar-header`,children:[t.jsx(r.SidebarToggleButtonStyled,{theme:e,onClick:d,$open:n,children:t.jsx(l.Icon,{...c.get(e,"chat.toggleIcon",{name:"arrowDown"})})}),y]}),C]})}),t.jsxs(r.BodyStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-body`,children:[t.jsxs(r.MainHeaderStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-main-header`,children:[!n&&t.jsx(r.SidebarToggleButtonStyled,{theme:e,onClick:d,children:t.jsx(l.Icon,{...c.get(e,"chat.toggleIcon",{name:"arrowDown"})})}),O]}),t.jsx(r.ContentStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-content`,children:S})]})]})});N.displayName=a.COMPONENT_NAME;exports.ChatContainer=N;

package/components/layout/ChatContainer/ChatContainer.types.d.ts

@@ -0,0 +1,24 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { EnumOrPrimitive } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export declare enum ChatLayoutVariant {
+    Auto = "auto",
+    Desktop = "desktop",
+    Drawer = "drawer"
+}
+export interface ChatContainerProps extends PropsWithChildren<CommonCssComponentProps> {
+    sidebarContent?: ReactNode;
+    sidebarHeaderContent?: ReactNode;
+    headerContent?: ReactNode;
+    children?: ReactNode;
+    isOpen?: boolean;
+    variant?: EnumOrPrimitive<ChatLayoutVariant>;
+    onToggleSidebar?: (open: boolean) => void;
+}
+export type ChatCommonStyledProps = PropsWithChildren<CommonCssComponentStyledProps>;
+export interface SidebarWrapperStyledProps extends CommonCssComponentStyledProps {
+    $variant?: EnumOrPrimitive<ChatLayoutVariant>;
+}
+export interface SidebarToggleButtonStyledProps extends CommonCssComponentStyledProps<HTMLButtonElement> {
+    $open?: boolean;
+}

package/components/layout/ChatContainer/ChatContainer.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Auto="auto",e.Desktop="desktop",e.Drawer="drawer",e))(r||{});exports.ChatLayoutVariant=r;

package/components/layout/ChatContainer/ChatContainerStyled.d.ts

@@ -0,0 +1,9 @@
+import { SidebarWrapperStyledProps, ChatCommonStyledProps, SidebarToggleButtonStyledProps } from './ChatContainer.types';
+export declare const MainWrapperStyled: import('react').ForwardRefExoticComponent<Omit<ChatCommonStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const MainHeaderStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BodyStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SidebarWrapperStyled: (props: SidebarWrapperStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SidebarStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SidebarHeaderStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ContentStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SidebarToggleButtonStyled: (props: SidebarToggleButtonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/layout/ChatContainer/ChatContainerStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),q=require("react"),u=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("../FlexContainer/FlexContainer.js");require("../Column/Column.js");require("../Row/Row.js");require("./ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const d=q.forwardRef((r,e)=>{const{theme:t={},styles:s={},...o}=r,n=[u.get(t,"chat.wrapper.default",{}),s];return i.jsx("div",{css:n,...o,ref:e})}),a=r=>{const{theme:e={},...t}=r,s=u.get(e,"chat.mainHeader",{});return i.jsx("header",{css:s,...t})},l=r=>{const{theme:e={},...t}=r,s=u.get(e,"chat.body",{});return i.jsx("div",{css:s,...t})},p=r=>{const{theme:e={},$variant:t,...s}=r,o=[u.get(e,"chat.sidebarWrapper.default",{}),u.get(e,["chat","sidebarWrapper",t],{})];return i.jsx("div",{css:o,...s})},S=r=>{const{theme:e={},...t}=r,s=u.get(e,"chat.sidebar",{});return i.jsx("aside",{css:s,...t})},y=r=>{const{theme:e={},...t}=r,s=u.get(e,"chat.sidebarHeader",{});return i.jsx("header",{css:s,...t})},h=r=>{const{theme:e={},styles:t={},...s}=r,o=[u.get(e,"chat.content.default",{}),t];return i.jsx("main",{css:o,...s})},g=r=>{const{theme:e={},$open:t,...s}=r,o=t?u.get(e,"chat.toggleButton.open"):{},n={...u.get(e,"chat.toggleButton.default"),...o};return i.jsx(c.Button,{...s,styles:n})};exports.BodyStyled=l;exports.ContentStyled=h;exports.MainHeaderStyled=a;exports.MainWrapperStyled=d;exports.SidebarHeaderStyled=y;exports.SidebarStyled=S;exports.SidebarToggleButtonStyled=g;exports.SidebarWrapperStyled=p;

package/components/layout/ChatContainer/constants.js

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

package/components/layout/ChatContainer/index.d.ts

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

package/components/layout/Column/Column.d.ts

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

package/components/layout/Column/Column.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@emotion/react/jsx-runtime"),y=require("react"),N=require("../../../hooks/useTheme/useTheme.js"),g=require("../../../tokens/utils.js"),e=require("./constants.js"),q=require("./ColumnStyled.js"),t=y.forwardRef((r,s)=>{const{theme:n}=N.useTheme(),{children:i,gutter:u=0,isReversed:o=!1,align:l="stretch",justify:c="start",isWrap:a=!0,flex:d,...m}=r;return f.jsx(q.ColumnStyled,{"data-testid":e.COMPONENT_NAME,ref:s,theme:n,$isReversed:o,$gutter:u,$align:l,$justify:c,$isWrap:a,$flex:d,...g.convertToInlineBoxStyles(m),children:i})});t.displayName=e.COMPONENT_NAME;exports.Column=t;

package/components/layout/Column/Column.types.d.ts

@@ -1,5 +1,6 @@
-import { BoxComponentProps, BoxStyledComponentProps, FlexElementProps, StyledFlexElementProps } from '../..';
-export interface ColumnProps extends BoxComponentProps, FlexElementProps {
+import { PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, FlexElementProps, FlexElementStyledProps } from '../..';
+export interface ColumnProps extends BoxCssComponentProps, FlexElementProps, PropsWithChildren {
 }
-export interface StyledColumnProps extends BoxStyledComponentProps, StyledFlexElementProps {
+export interface ColumnStyledProps extends BoxCssComponentStyledProps, FlexElementStyledProps, PropsWithChildren {
 }

package/components/layout/Column/ColumnStyled.d.ts

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

package/components/layout/Column/ColumnStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@emotion/react/jsx-runtime"),p=require("react"),x=require("../../../utils/helpers.js"),e=require("../../../utils/layout.js"),S=require("../../../tokens/utils.js"),$=p.forwardRef((r,s)=>{const{theme:{column:l}={},$isWrap:u,$align:o,$justify:n,$gutter:c,$flex:t,$isReversed:i,styles:a,...f}=r,{boxStyles:y,restProps:m}=S.getBoxStyles(f),d=[x.get(l,"default",{}),{flexDirection:i?"column-reverse":"column",flexWrap:u?"wrap":"nowrap",alignItems:e.calculateAlign(o),justifyContent:e.calculateJustify(n),gap:e.calculateGutter(c)},y,t?{flex:t}:{},a];return g.jsx("div",{css:d,...m,ref:s})});exports.ColumnStyled=$;

package/components/layout/Column/constants.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAME = "column";
+export declare const COMPONENT_NAME = "Column";

package/components/layout/Column/constants.js

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

package/components/layout/Column/index.d.ts

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

package/components/layout/FlexContainer/FlexContainer.d.ts

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

package/components/layout/FlexContainer/FlexContainer.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("@emotion/react/jsx-runtime"),d=require("react"),m=require("../../../hooks/useTheme/useTheme.js"),y=require("../../../tokens/utils.js"),N=require("../../../types/layout.js"),e=require("./constants.js"),q=require("./FlexContainerStyled.js"),t=d.forwardRef((r,n)=>{const{className:o="",flexDirection:s=N.FlexDirection.Column,styles:i,children:l,gap:c,...a}=r,{theme:u}=m.useTheme();return x.jsx(q.FlexContainerStyled,{ref:n,theme:u,className:o,$flexDirection:s,$gap:c,styles:i,"data-testid":e.COMPONENT_NAME,...y.convertToInlineBoxStyles(a),children:l})});t.displayName=e.COMPONENT_NAME;exports.FlexContainer=t;

package/components/layout/FlexContainer/FlexContainer.types.d.ts

@@ -1,11 +1,11 @@
 import { PropsWithChildren } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, FlexDirection } from '../..';
-import { EnumOrPrimitive } from '../../../types';
-export interface FlexContainerProps extends BoxCssComponentProps<HTMLDivElement>, PropsWithChildren {
+import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../..';
+import { EnumOrPrimitive, FlexDirection } from '../../../types';
+export interface FlexContainerProps extends BoxCssComponentProps, PropsWithChildren {
     flexDirection?: EnumOrPrimitive<FlexDirection>;
     gap?: string;
 }
-export interface FlexContainerStyledProps extends BoxCssComponentStyledProps<HTMLDivElement>, PropsWithChildren {
+export interface FlexContainerStyledProps extends BoxCssComponentStyledProps, PropsWithChildren {
     $flexDirection?: EnumOrPrimitive<FlexDirection>;
     $gap?: string;
 }

package/components/layout/FlexContainer/FlexContainerStyled.d.ts

@@ -1,2 +1,2 @@
 import { FlexContainerStyledProps } from './FlexContainer.types';
-export declare const FlexContainerStyled: (props: FlexContainerStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FlexContainerStyled: import('react').ForwardRefExoticComponent<Omit<FlexContainerStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/layout/FlexContainer/FlexContainerStyled.js

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

package/components/layout/FlexContainer/constants.js

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

package/components/layout/FlexContainer/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../tokens/values.js"),l=(r,a)=>{switch(r){case"sm":return a?e.values.responsiveSmall:e.values.screenSmall;case"md":return a?e.values.responsiveMedium:e.values.screenMedium;case"lg":return a?e.values.responsiveLarge:e.values.screenLarge;case"xl":return a?e.values.responsiveXLarge:e.values.screenXLarge;default:return"100%"}};exports.calculateMaxWidth=l;

package/components/layout/Row/Row.d.ts

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

package/components/layout/Row/Row.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@emotion/react/jsx-runtime"),R=require("react"),N=require("../../../hooks/useTheme/useTheme.js"),g=require("../../../tokens/utils.js"),m=require("./RowStyled.js"),e=require("./constants.js"),t=R.forwardRef((r,s)=>{const{children:i,gutter:n=0,align:o="stretch",justify:u="start",isWrap:c=!0,isReversed:l=!1,flex:a,...d}=r,{theme:f}=N.useTheme();return y.jsx(m.RowStyled,{ref:s,theme:f,$isReversed:l,$gutter:n,$align:o,$justify:u,$isWrap:c,$flex:a,"data-testid":e.COMPONENT_NAME,...g.convertToInlineBoxStyles(d),children:i})});t.displayName=e.COMPONENT_NAME;exports.Row=t;