gd-design-library 1.8.2 → 1.8.3

package/components/atoms/Typography/index.d.ts

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

package/components/atoms/Wrapper/Wrapper.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../types/wrapper.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./WrapperStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((i,o)=>{let{variant:s=e.WrapperVariant.Inline,children:c,as:l,...u}=i,{theme:d}=t.useTheme();return(0,a.jsx)(r.WrapperStyled,{ref:o,$variant:s,$as:l,theme:d,"data-testid":n.COMPONENT_NAME,...u,children:c})});exports.default=o;
+"use client";const e=require("../../../types/wrapper.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./WrapperStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((i,o)=>{let{variant:s=e.WrapperVariant.Inline,children:c,as:l,...u}=i,{theme:d}=t.useTheme();return(0,a.jsx)(r.WrapperStyled,{ref:o,$variant:s,$as:l,theme:d,"data-testid":n.COMPONENT_NAME,...u,children:c})});exports.default=o;

package/components/atoms/Wrapper/Wrapper.d.cts

@@ -0,0 +1,3 @@
+import { WrapperProps } from './Wrapper.types.js';
+declare const Wrapper: import('react').ForwardRefExoticComponent<WrapperProps & import('react').RefAttributes<HTMLBaseElement>>;
+export default Wrapper;

package/components/atoms/Wrapper/Wrapper.d.ts

@@ -1,3 +1,3 @@
-import { WrapperProps } from './Wrapper.types';
+import { WrapperProps } from './Wrapper.types.js';
 declare const Wrapper: import('react').ForwardRefExoticComponent<WrapperProps & import('react').RefAttributes<HTMLBaseElement>>;
 export default Wrapper;

package/components/atoms/Wrapper/Wrapper.types.d.cts

@@ -0,0 +1,11 @@
+import { ElementType, PropsWithChildren } from 'react';
+import { EnumOrPrimitive, WrapperVariant } from '../../../types/index.js';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface WrapperProps extends CommonCssComponentProps, PropsWithChildren {
+    variant?: EnumOrPrimitive<WrapperVariant>;
+    as?: keyof HTMLElementTagNameMap | ElementType;
+}
+export interface WrapperStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    $variant?: EnumOrPrimitive<WrapperVariant>;
+    $as?: keyof HTMLElementTagNameMap | ElementType;
+}

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

@@ -1,6 +1,6 @@
 import { ElementType, PropsWithChildren } from 'react';
-import { EnumOrPrimitive, WrapperVariant } from '../../../types';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { EnumOrPrimitive, WrapperVariant } from '../../../types/index.js';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface WrapperProps extends CommonCssComponentProps, PropsWithChildren {
     variant?: EnumOrPrimitive<WrapperVariant>;
     as?: keyof HTMLElementTagNameMap | ElementType;

package/components/atoms/Wrapper/WrapperStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../../types/wrapper.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)((r,a)=>{let{theme:{wrapper:o,...s}={},$variant:c=n.WrapperVariant.Inline,styles:l={},$as:u=`div`,...d}=r,{boxStyles:f,restProps:p}=t.getBoxStyles(d),m=new Proxy(o||{},t.tokensHandler(s));return(0,i.jsx)(u,{css:[e.get(m,`default`,{}),e.get(m,c,{}),f,l],...p,ref:a})});exports.WrapperStyled=a;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../../types/wrapper.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)((r,a)=>{let{theme:{wrapper:o,...s}={},$variant:c=n.WrapperVariant.Inline,styles:l={},$as:u=`div`,...d}=r,{boxStyles:f,restProps:p}=t.getBoxStyles(d),m=new Proxy(o||{},t.tokensHandler(s));return(0,i.jsx)(u,{css:[e.get(m,`default`,{}),e.get(m,c,{}),f,l],...p,ref:a})});exports.WrapperStyled=a;

package/components/atoms/Wrapper/WrapperStyled.d.cts

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

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

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

package/components/atoms/Wrapper/constants.d.cts

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

package/components/atoms/Wrapper/index.d.cts

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

package/components/atoms/Wrapper/index.d.ts

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

package/components/atoms/index.d.cts

@@ -0,0 +1,24 @@
+export * from './Avatar/index.js';
+export * from './Badge/index.js';
+export * from './Box/index.js';
+export * from './Button/index.js';
+export * from './Checkbox/index.js';
+export * from './Icon/index.js';
+export * from './Image/index.js';
+export * from './Input/index.js';
+export * from './InputFile/index.js';
+export * from './Label/index.js';
+export * from './Link/index.js';
+export * from './Loader/index.js';
+export * from './Select/index.js';
+export * from './Separator/index.js';
+export * from './Skeleton/index.js';
+export * from './Slider/index.js';
+export * from './SliderDots/index.js';
+export * from './Switch/index.js';
+export * from './Textarea/index.js';
+export * from './Toggle/index.js';
+export * from './Truncate/index.js';
+export * from './Typography/index.js';
+export * from './Wrapper/index.js';
+export * from './types/index.types.js';

package/components/atoms/index.d.ts

@@ -1,24 +1,24 @@
-export * from './Avatar';
-export * from './Badge';
-export * from './Box';
-export * from './Button';
-export * from './Checkbox';
-export * from './Icon';
-export * from './Image';
-export * from './Input';
-export * from './InputFile';
-export * from './Label';
-export * from './Link';
-export * from './Loader';
-export * from './Select';
-export * from './Separator';
-export * from './Skeleton';
-export * from './Slider';
-export * from './SliderDots';
-export * from './Switch';
-export * from './Textarea';
-export * from './Toggle';
-export * from './Truncate';
-export * from './Typography';
-export * from './Wrapper';
-export * from './types/index.types';
+export * from './Avatar/index.js';
+export * from './Badge/index.js';
+export * from './Box/index.js';
+export * from './Button/index.js';
+export * from './Checkbox/index.js';
+export * from './Icon/index.js';
+export * from './Image/index.js';
+export * from './Input/index.js';
+export * from './InputFile/index.js';
+export * from './Label/index.js';
+export * from './Link/index.js';
+export * from './Loader/index.js';
+export * from './Select/index.js';
+export * from './Separator/index.js';
+export * from './Skeleton/index.js';
+export * from './Slider/index.js';
+export * from './SliderDots/index.js';
+export * from './Switch/index.js';
+export * from './Textarea/index.js';
+export * from './Toggle/index.js';
+export * from './Truncate/index.js';
+export * from './Typography/index.js';
+export * from './Wrapper/index.js';
+export * from './types/index.types.js';

package/components/atoms/types/events.types.d.cts

@@ -0,0 +1,7 @@
+import { MouseEvent, KeyboardEvent, ChangeEvent } from 'react';
+import { Option } from '../../index.js';
+export interface OnSelectProps<T = HTMLDivElement, V = unknown> {
+    event: MouseEvent<T> | KeyboardEvent<T> | ChangeEvent<T>;
+    data: Option<V>;
+    index?: number;
+}

package/components/atoms/types/events.types.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, KeyboardEvent, ChangeEvent } from 'react';
-import { Option } from '../..';
+import { Option } from '../../index.js';
 export interface OnSelectProps<T = HTMLDivElement, V = unknown> {
     event: MouseEvent<T> | KeyboardEvent<T> | ChangeEvent<T>;
     data: Option<V>;

package/components/atoms/types/index.types.d.cts

@@ -0,0 +1,2 @@
+export * from './roles.types.js';
+export * from './events.types.js';

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

@@ -1,2 +1,2 @@
-export * from './roles.types';
-export * from './events.types';
+export * from './roles.types.js';
+export * from './events.types.js';

package/components/atoms/types/roles.types.d.cts

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

package/components/index.d.cts

@@ -0,0 +1,6 @@
+export * from './atoms/index.js';
+export * from './molecules/index.js';
+export * from './organisms/index.js';
+export * from './layout/index.js';
+export * from './widget/index.js';
+export * from './index.types.js';

package/components/index.d.ts

@@ -1,6 +1,6 @@
-export * from './atoms';
-export * from './molecules';
-export * from './organisms';
-export * from './layout';
-export * from './widget';
-export * from './index.types';
+export * from './atoms/index.js';
+export * from './molecules/index.js';
+export * from './organisms/index.js';
+export * from './layout/index.js';
+export * from './widget/index.js';
+export * from './index.types.js';

package/components/index.types.d.cts

@@ -0,0 +1,130 @@
+import { HTMLAttributes, ForwardedRef, InputHTMLAttributes } from 'react';
+import { CSSObject } from '@emotion/react';
+import { AlignType, JustifyType } from '../types/index.js';
+import { Theme } from '../hooks/useTheme/index.js';
+export interface FlexElementProps {
+    gutter?: number | string;
+    flex?: string;
+    isReversed?: boolean;
+    isWrap?: boolean;
+    align?: AlignType;
+    justify?: JustifyType;
+}
+export interface FlexElementStyledProps {
+    $gutter: number | string;
+    $flex?: string;
+    $isReversed: boolean;
+    $isWrap: boolean;
+    $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?: 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> {
+    display?: string;
+    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;
+    zIndex?: string | number;
+    position?: string;
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+    flexDirection?: string;
+    justifyContent?: string;
+    justifySelf?: string;
+    alignItems?: string;
+    alignSelf?: 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;
+    $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;
+    $zIndex?: string | number;
+    $position?: string;
+    $top?: string;
+    $right?: string;
+    $bottom?: string;
+    $left?: string;
+    $flexDirection?: string;
+    $justifyContent?: string;
+    $justifySelf?: string;
+    $alignItems?: string;
+    $alignSelf?: string;
+    $alignContent?: string;
+    $flexWrap?: string;
+    $flex?: string;
+    $flexGrow?: string;
+    $flexShrink?: string;
+    $flexBasis?: string;
+    $order?: string;
+    $gap?: string;
+}

package/components/index.types.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes, ForwardedRef, InputHTMLAttributes } from 'react';
 import { CSSObject } from '@emotion/react';
-import { AlignType, JustifyType } from '../types';
-import { Theme } from '../hooks/useTheme';
+import { AlignType, JustifyType } from '../types/index.js';
+import { Theme } from '../hooks/useTheme/index.js';
 export interface FlexElementProps {
     gutter?: number | string;
     flex?: string;

package/components/layout/ChatContainer/ChatContainer.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../hooks/useLogger/useLogger.cjs`),n=require(`../../../hooks/useTheme/useTheme.cjs`),r=require(`../../../hooks/useMediaQuery/useMediaQuery.cjs`),i=require(`./constants.cjs`),a=require(`./ChatContainerStyled.cjs`),o=require(`../../atoms/Icon/Icon.cjs`);let s=require(`react`),c=require(`@emotion/react/jsx-runtime`);var l=(0,s.forwardRef)(({sidebarContent:l,headerContent:u,children:d,isOpen:f,sidebarHeaderContent:p,sidebarMinifiedContent:m,onToggleSidebar:h,styles:g={},showSidebarAsideControl:_=!0,showSidebarHeaderControl:v=!0,...y},b)=>{let{theme:x}=n.useTheme(),S=t.useLogger(),C=(0,s.useRef)(null),[w,T]=(0,s.useState)(f),E=r.useMediaQuery(`(max-width: ${e.get(x,`values.screenMedium`,`768px`)})`),D=(0,s.useCallback)(()=>{let e=!w;S.debug(`${i.COMPONENT_NAME}: Toggle triggered (user interaction)`,{isOpen:e}),T(e),h?.(e)},[w,h,S]),O=(0,s.useCallback)(e=>{E&&w&&e.target===e.currentTarget&&(S.debug(`${i.COMPONENT_NAME}: Sidebar wrapper clicked (mobile close)`,{isMobile:E,wasOpen:w}),T(!1),h?.(!1))},[E,w,h,S]);return(0,s.useImperativeHandle)(b,()=>({ref:C,isOpen:w,open:()=>{S.debug(`${i.COMPONENT_NAME}: Ref method called - open()`),T(!0)},close:()=>{S.debug(`${i.COMPONENT_NAME}: Ref method called - close()`),T(!1)},toggle:()=>{S.debug(`${i.COMPONENT_NAME}: Ref method called - toggle()`),D()}})),(0,c.jsxs)(a.MainWrapperStyled,{className:`gd-chat-container`,"data-testid":`${i.COMPONENT_NAME}-main-wrapper`,theme:x,ref:C,...y,styles:g,children:[(0,c.jsx)(a.SidebarWrapperStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-sidebar-wrapper`,$open:w,onClick:O,children:(0,c.jsxs)(a.SidebarStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-sidebar`,$open:w,onClick:e=>e.stopPropagation(),"aria-label":`Sidebar content`,children:[p?(0,c.jsxs)(a.SidebarHeaderStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-sidebar-header`,children:[_&&(0,c.jsx)(a.SidebarToggleButtonStyled,{theme:x,onClick:D,$open:w,"aria-label":`Toggle sidebar - close`,children:(0,c.jsx)(o.Icon,{...e.get(x,`chat.toggleIcon`,{name:`arrowDown`})})}),p]}):null,(0,c.jsx)(a.SidebarContentWrapperStyled,{theme:x,children:l})]})}),m&&(0,c.jsx)(a.SidebarMinifiedStyled,{theme:x,"data-testid":`ChatContainer-sidebar-minified`,$open:!w,"aria-label":`Sidebar minified content`,children:m}),(0,c.jsxs)(a.BodyStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-body`,children:[u?(0,c.jsxs)(a.MainHeaderStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-main-header`,children:[!w&&v&&(0,c.jsx)(a.SidebarToggleButtonStyled,{theme:x,onClick:D,"aria-label":`Toggle sidebar - open`,children:(0,c.jsx)(o.Icon,{...e.get(x,`chat.toggleIcon`,{name:`arrowDown`})})}),u]}):null,(0,c.jsx)(a.ContentStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-content`,children:d})]})]})});l.displayName=i.COMPONENT_NAME,exports.ChatContainer=l;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useLogger/useLogger.cjs"),n=require("../../../hooks/useTheme/useTheme.cjs"),r=require("../../../hooks/useMediaQuery/useMediaQuery.cjs"),i=require("./constants.cjs"),a=require("./ChatContainerStyled.cjs"),o=require("../../atoms/Icon/Icon.cjs");let s=require("react"),c=require("@emotion/react/jsx-runtime");var l=(0,s.forwardRef)(({sidebarContent:l,headerContent:u,children:d,isOpen:f,sidebarHeaderContent:p,sidebarMinifiedContent:m,onToggleSidebar:h,styles:g={},showSidebarAsideControl:_=!0,showSidebarHeaderControl:v=!0,...y},b)=>{let{theme:x}=n.useTheme(),S=t.useLogger(),C=(0,s.useRef)(null),[w,T]=(0,s.useState)(f),E=r.useMediaQuery(`(max-width: ${e.get(x,`values.screenMedium`,`768px`)})`),D=(0,s.useCallback)(()=>{let e=!w;S.debug(`${i.COMPONENT_NAME}: Toggle triggered (user interaction)`,{isOpen:e}),T(e),h?.(e)},[w,h,S]),O=(0,s.useCallback)(e=>{E&&w&&e.target===e.currentTarget&&(S.debug(`${i.COMPONENT_NAME}: Sidebar wrapper clicked (mobile close)`,{isMobile:E,wasOpen:w}),T(!1),h?.(!1))},[E,w,h,S]);return(0,s.useImperativeHandle)(b,()=>({ref:C,isOpen:w,open:()=>{S.debug(`${i.COMPONENT_NAME}: Ref method called - open()`),T(!0)},close:()=>{S.debug(`${i.COMPONENT_NAME}: Ref method called - close()`),T(!1)},toggle:()=>{S.debug(`${i.COMPONENT_NAME}: Ref method called - toggle()`),D()}})),(0,c.jsxs)(a.MainWrapperStyled,{className:`gd-chat-container`,"data-testid":`${i.COMPONENT_NAME}-main-wrapper`,theme:x,ref:C,...y,styles:g,children:[(0,c.jsx)(a.SidebarWrapperStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-sidebar-wrapper`,$open:w,onClick:O,children:(0,c.jsxs)(a.SidebarStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-sidebar`,$open:w,onClick:e=>e.stopPropagation(),"aria-label":`Sidebar content`,children:[p?(0,c.jsxs)(a.SidebarHeaderStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-sidebar-header`,children:[_&&(0,c.jsx)(a.SidebarToggleButtonStyled,{theme:x,onClick:D,$open:w,"aria-label":`Toggle sidebar - close`,children:(0,c.jsx)(o.Icon,{...e.get(x,`chat.toggleIcon`,{name:`arrowDown`})})}),p]}):null,(0,c.jsx)(a.SidebarContentWrapperStyled,{theme:x,children:l})]})}),m&&(0,c.jsx)(a.SidebarMinifiedStyled,{theme:x,"data-testid":`ChatContainer-sidebar-minified`,$open:!w,"aria-label":`Sidebar minified content`,children:m}),(0,c.jsxs)(a.BodyStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-body`,children:[u?(0,c.jsxs)(a.MainHeaderStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-main-header`,children:[!w&&v&&(0,c.jsx)(a.SidebarToggleButtonStyled,{theme:x,onClick:D,"aria-label":`Toggle sidebar - open`,children:(0,c.jsx)(o.Icon,{...e.get(x,`chat.toggleIcon`,{name:`arrowDown`})})}),u]}):null,(0,c.jsx)(a.ContentStyled,{theme:x,"data-testid":`${i.COMPONENT_NAME}-content`,children:d})]})]})});l.displayName=i.COMPONENT_NAME,exports.ChatContainer=l;

package/components/layout/ChatContainer/ChatContainer.d.cts

@@ -0,0 +1,2 @@
+import { ChatContainerProps, ChatContainerRef } from './/index.js';
+export declare const ChatContainer: import('react').ForwardRefExoticComponent<ChatContainerProps & import('react').RefAttributes<ChatContainerRef>>;

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

@@ -1,2 +1,2 @@
-import { ChatContainerProps, ChatContainerRef } from './';
+import { ChatContainerProps, ChatContainerRef } from './/index.js';
 export declare const ChatContainer: import('react').ForwardRefExoticComponent<ChatContainerProps & import('react').RefAttributes<ChatContainerRef>>;

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

@@ -0,0 +1,28 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface ChatContainerProps extends PropsWithChildren<CommonCssComponentProps> {
+    sidebarContent?: ReactNode;
+    sidebarMinifiedContent?: ReactNode;
+    sidebarHeaderContent?: ReactNode;
+    headerContent?: ReactNode;
+    children?: ReactNode;
+    isOpen?: boolean;
+    showSidebarAsideControl?: boolean;
+    showSidebarHeaderControl?: boolean;
+    onToggleSidebar?: (open: boolean) => void;
+}
+export interface ChatContainerRef {
+    isOpen?: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export interface ChatCommonStyledProps extends PropsWithChildren<CommonCssComponentStyledProps> {
+    $open?: boolean;
+}
+export interface SidebarWrapperStyledProps extends CommonCssComponentStyledProps {
+    $open?: boolean;
+}
+export interface SidebarToggleButtonStyledProps extends CommonCssComponentStyledProps<HTMLButtonElement> {
+    $open?: boolean;
+}

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface ChatContainerProps extends PropsWithChildren<CommonCssComponentProps> {
     sidebarContent?: ReactNode;
     sidebarMinifiedContent?: ReactNode;

package/components/layout/ChatContainer/ChatContainerStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../../types/button.cjs`),r=require(`../../atoms/Button/Button.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((n,r)=>{let{theme:{chat:i,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,a.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(o)),`wrapper.default`,{}),l,s],...u,ref:r})}),s=n=>{let{theme:{chat:r,...i}={},...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o);return(0,a.jsx)(`header`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`mainHeader`,{}),s],...c})},c=n=>{let{theme:{chat:r,...i}={},...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o);return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`body`,{}),s],...c})},l=n=>{let{theme:{chat:r,...i}={},$open:o,...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s),u=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`div`,{css:[e.get(u,`sidebarWrapper.default`,{}),e.get(u,o?`sidebarWrapper.open`:`sidebarWrapper.close`,{}),t.getMediaQuery({max:e.get(i,`breakpoints.md`)},e.get(r,[`sidebarWrapper`,`md`],e=>({}))(i)),c],...l})},u=n=>{let{theme:{chat:r,...i}={},$open:o,...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s),u=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`aside`,{css:[e.get(u,`sidebar.default`,{}),e.get(u,o?`sidebar.open`:`sidebar.close`,{}),c],...l})},d=n=>{let{theme:{chat:r,...i}={},$open:o,...s}=n,c=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`aside`,{css:[e.get(c,`sidebarMinified.default`,{}),e.get(c,o?`sidebarMinified.open`:`sidebarMinified.close`,{})],...s})},f=n=>{let{theme:{chat:r,...i}={},...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o),l=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`header`,{css:[e.get(l,`sidebarHeader`,{}),e.get(l,`sidebar.open`,{}),s],...c})},p=n=>{let{theme:{chat:r,...i}={},...o}=n,s=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`div`,{css:[e.get(s,`sidebarContentWrapper`,{}),e.get(s,`sidebar.open`,{})],...o})},m=n=>{let{theme:{chat:r,...i}={},styles:o={},...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s);return(0,a.jsx)(`main`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`content.default`,{}),t.getMediaQuery({max:e.get(i,`breakpoints.md`)},e.get(r,`content.md`,{})),t.getMediaQuery({min:e.get(i,`breakpoints.md`),max:e.get(i,`breakpoints.xl`)},e.get(r,`content.mdXl`,{})),t.getMediaQuery({min:e.get(i,`breakpoints.xl`)},e.get(r,`content.xl`,{})),c,o],...l})},h=i=>{let{theme:{chat:o,...s}={},$open:c,...l}=i,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(o||{},t.tokensHandler(s)),p=c?e.get(f,`toggleButton.open`):{},m=e.get(f,`toggleButton.attrs`,{variant:n.ButtonVariant.Text}),h={...e.get(f,`toggleButton.default`),...p,...u};return(0,a.jsx)(r.Button,{...m,...d,isIcon:!0,styles:h})};exports.BodyStyled=c,exports.ContentStyled=m,exports.MainHeaderStyled=s,exports.MainWrapperStyled=o,exports.SidebarContentWrapperStyled=p,exports.SidebarHeaderStyled=f,exports.SidebarMinifiedStyled=d,exports.SidebarStyled=u,exports.SidebarToggleButtonStyled=h,exports.SidebarWrapperStyled=l;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../../types/button.cjs"),r=require("../../atoms/Button/Button.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((n,r)=>{let{theme:{chat:i,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,a.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(o)),`wrapper.default`,{}),l,s],...u,ref:r})}),s=n=>{let{theme:{chat:r,...i}={},...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o);return(0,a.jsx)(`header`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`mainHeader`,{}),s],...c})},c=n=>{let{theme:{chat:r,...i}={},...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o);return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`body`,{}),s],...c})},l=n=>{let{theme:{chat:r,...i}={},$open:o,...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s),u=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`div`,{css:[e.get(u,`sidebarWrapper.default`,{}),e.get(u,o?`sidebarWrapper.open`:`sidebarWrapper.close`,{}),t.getMediaQuery({max:e.get(i,`breakpoints.md`)},e.get(r,[`sidebarWrapper`,`md`],e=>({}))(i)),c],...l})},u=n=>{let{theme:{chat:r,...i}={},$open:o,...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s),u=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`aside`,{css:[e.get(u,`sidebar.default`,{}),e.get(u,o?`sidebar.open`:`sidebar.close`,{}),c],...l})},d=n=>{let{theme:{chat:r,...i}={},$open:o,...s}=n,c=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`aside`,{css:[e.get(c,`sidebarMinified.default`,{}),e.get(c,o?`sidebarMinified.open`:`sidebarMinified.close`,{})],...s})},f=n=>{let{theme:{chat:r,...i}={},...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o),l=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`header`,{css:[e.get(l,`sidebarHeader`,{}),e.get(l,`sidebar.open`,{}),s],...c})},p=n=>{let{theme:{chat:r,...i}={},...o}=n,s=new Proxy(r||{},t.tokensHandler(i));return(0,a.jsx)(`div`,{css:[e.get(s,`sidebarContentWrapper`,{}),e.get(s,`sidebar.open`,{})],...o})},m=n=>{let{theme:{chat:r,...i}={},styles:o={},...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s);return(0,a.jsx)(`main`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`content.default`,{}),t.getMediaQuery({max:e.get(i,`breakpoints.md`)},e.get(r,`content.md`,{})),t.getMediaQuery({min:e.get(i,`breakpoints.md`),max:e.get(i,`breakpoints.xl`)},e.get(r,`content.mdXl`,{})),t.getMediaQuery({min:e.get(i,`breakpoints.xl`)},e.get(r,`content.xl`,{})),c,o],...l})},h=i=>{let{theme:{chat:o,...s}={},$open:c,...l}=i,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(o||{},t.tokensHandler(s)),p=c?e.get(f,`toggleButton.open`):{},m=e.get(f,`toggleButton.attrs`,{variant:n.ButtonVariant.Text}),h={...e.get(f,`toggleButton.default`),...p,...u};return(0,a.jsx)(r.Button,{...m,...d,isIcon:!0,styles:h})};exports.BodyStyled=c,exports.ContentStyled=m,exports.MainHeaderStyled=s,exports.MainWrapperStyled=o,exports.SidebarContentWrapperStyled=p,exports.SidebarHeaderStyled=f,exports.SidebarMinifiedStyled=d,exports.SidebarStyled=u,exports.SidebarToggleButtonStyled=h,exports.SidebarWrapperStyled=l;

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

@@ -0,0 +1,11 @@
+import { SidebarWrapperStyledProps, ChatCommonStyledProps, SidebarToggleButtonStyledProps } from './/index.js';
+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 SidebarMinifiedStyled: (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 SidebarContentWrapperStyled: (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.d.ts

@@ -1,4 +1,4 @@
-import { SidebarWrapperStyledProps, ChatCommonStyledProps, SidebarToggleButtonStyledProps } from './';
+import { SidebarWrapperStyledProps, ChatCommonStyledProps, SidebarToggleButtonStyledProps } from './/index.js';
 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;

package/components/layout/ChatContainer/constants.d.cts

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

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

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

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

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

package/components/layout/Column/Column.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./ColumnStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((i,o)=>{let{theme:s}=t.useTheme(),{children:c,gutter:l=0,isReversed:u=!1,align:d=`stretch`,justify:f=`start`,isWrap:p=!0,flex:m,...h}=i;return(0,a.jsx)(r.ColumnStyled,{"data-testid":n.COMPONENT_NAME,ref:o,theme:s,$isReversed:u,$gutter:l,$align:d,$justify:f,$isWrap:p,$flex:m,...e.convertToInlineBoxStyles(h),children:c})});o.displayName=n.COMPONENT_NAME,exports.Column=o;
+"use client";const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./ColumnStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((i,o)=>{let{theme:s}=t.useTheme(),{children:c,gutter:l=0,isReversed:u=!1,align:d=`stretch`,justify:f=`start`,isWrap:p=!0,flex:m,...h}=i;return(0,a.jsx)(r.ColumnStyled,{"data-testid":n.COMPONENT_NAME,ref:o,theme:s,$isReversed:u,$gutter:l,$align:d,$justify:f,$isWrap:p,$flex:m,...e.convertToInlineBoxStyles(h),children:c})});o.displayName=n.COMPONENT_NAME,exports.Column=o;

package/components/layout/Column/Column.d.cts

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

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

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

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

@@ -0,0 +1,8 @@
+import { ElementType, PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, FlexElementProps, FlexElementStyledProps } from '../../index.js';
+export interface ColumnProps extends BoxCssComponentProps, FlexElementProps, PropsWithChildren {
+    as?: keyof HTMLElementTagNameMap | ElementType;
+}
+export interface ColumnStyledProps extends BoxCssComponentStyledProps, FlexElementStyledProps, PropsWithChildren {
+    as?: keyof HTMLElementTagNameMap | ElementType;
+}

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

@@ -1,5 +1,5 @@
 import { ElementType, PropsWithChildren } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, FlexElementProps, FlexElementStyledProps } from '../..';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, FlexElementProps, FlexElementStyledProps } from '../../index.js';
 export interface ColumnProps extends BoxCssComponentProps, FlexElementProps, PropsWithChildren {
     as?: keyof HTMLElementTagNameMap | ElementType;
 }

package/components/layout/Column/ColumnStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../utils/layout.cjs`),n=require(`../../../tokens/utils.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)((r,a)=>{let{theme:{column:o,...s}={},$isWrap:c,$align:l,$justify:u,$gutter:d,$flex:f,$isReversed:p,styles:m,as:h=`div`,...g}=r,{boxStyles:_,restProps:v}=n.getBoxStyles(g);return(0,i.jsx)(h,{css:[e.get(new Proxy(o||{},n.tokensHandler(s)),`default`,{}),{flexDirection:p?`column-reverse`:`column`,flexWrap:c?`wrap`:`nowrap`,alignItems:t.calculateAlign(l),justifyContent:t.calculateJustify(u),gap:t.calculateGutter(d)},_,f?{flex:f}:{},m],...v,ref:a})});exports.ColumnStyled=a;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../utils/layout.cjs"),n=require("../../../tokens/utils.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)((r,a)=>{let{theme:{column:o,...s}={},$isWrap:c,$align:l,$justify:u,$gutter:d,$flex:f,$isReversed:p,styles:m,as:h=`div`,...g}=r,{boxStyles:_,restProps:v}=n.getBoxStyles(g);return(0,i.jsx)(h,{css:[e.get(new Proxy(o||{},n.tokensHandler(s)),`default`,{}),{flexDirection:p?`column-reverse`:`column`,flexWrap:c?`wrap`:`nowrap`,alignItems:t.calculateAlign(l),justifyContent:t.calculateJustify(u),gap:t.calculateGutter(d)},_,f?{flex:f}:{},m],...v,ref:a})});exports.ColumnStyled=a;

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

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

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

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

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

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

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

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

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

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

package/components/layout/FlexContainer/FlexContainer.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./FlexContainerStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((i,o)=>{let{className:s=``,styles:c,children:l,...u}=i,{theme:d}=t.useTheme();return(0,a.jsx)(r.FlexContainerStyled,{ref:o,theme:d,className:s,styles:c,"data-testid":n.COMPONENT_NAME,...e.convertToInlineBoxStyles(u),children:l})});o.displayName=n.COMPONENT_NAME,exports.FlexContainer=o;
+"use client";const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./FlexContainerStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((i,o)=>{let{className:s=``,styles:c,children:l,...u}=i,{theme:d}=t.useTheme();return(0,a.jsx)(r.FlexContainerStyled,{ref:o,theme:d,className:s,styles:c,"data-testid":n.COMPONENT_NAME,...e.convertToInlineBoxStyles(u),children:l})});o.displayName=n.COMPONENT_NAME,exports.FlexContainer=o;

package/components/layout/FlexContainer/FlexContainer.d.cts

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

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

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

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
+export interface FlexContainerProps extends BoxCssComponentProps, PropsWithChildren {
+}
+export interface FlexContainerStyledProps extends BoxCssComponentStyledProps, PropsWithChildren {
+}

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../..';
+import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
 export interface FlexContainerProps extends BoxCssComponentProps, PropsWithChildren {
 }
 export interface FlexContainerStyledProps extends BoxCssComponentStyledProps, PropsWithChildren {

package/components/layout/FlexContainer/FlexContainerStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{theme:{flexContainer:a,...o}={},styles:s,...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),l,s],...u,ref:i})});exports.FlexContainerStyled=i;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{theme:{flexContainer:a,...o}={},styles:s,...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),l,s],...u,ref:i})});exports.FlexContainerStyled=i;

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

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

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

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

package/components/layout/FlexContainer/constants.d.cts

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

package/components/layout/FlexContainer/index.d.cts

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

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

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

package/components/layout/FlexContainer/utils.d.cts

@@ -0,0 +1,2 @@
+import { LayoutSize } from '../../../tokens/index.js';
+export declare const calculateMaxWidth: (maxWidth?: LayoutSize, isResponsive?: boolean) => string;

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

@@ -1,2 +1,2 @@
-import { LayoutSize } from '../../../tokens';
+import { LayoutSize } from '../../../tokens/index.js';
 export declare const calculateMaxWidth: (maxWidth?: LayoutSize, isResponsive?: boolean) => string;