gd-design-library 1.8.2 → 1.8.3

package/components/organisms/ChatBubble/ChatBubble.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../hooks/useTheme/useTheme.cjs`),t=require(`./constants.cjs`),n=require(`./ChatBubbleStyled.cjs`),r=require(`./ChatImageGallery/ChatImageGallery.cjs`),i=require(`./ChatLinkPreview/ChatLinkPreview.cjs`);let a=require(`react`),o=require(`@emotion/react/jsx-runtime`);var s=(0,a.forwardRef)((r,i)=>{let{styles:a={},status:s=`fulfilled`,variant:c=`question`,size:l=`md`,actions:u=[],children:d,...f}=r,{theme:p}=e.useTheme();return(0,o.jsxs)(n.ChatBubbleStyled,{theme:p,styles:a,$variant:c,$size:l,ref:i,$status:s,"data-testid":t.COMPONENT_NAME,...f,children:[(0,o.jsx)(n.ChatContentStyled,{theme:p,$status:s,"data-testid":`${t.COMPONENT_NAME}-content`,children:d}),u?.length?(0,o.jsx)(n.ChatActionsStyled,{theme:p,"data-testid":`${t.COMPONENT_NAME}-actions`,children:u}):null]})});s.displayName=t.COMPONENT_NAME;var c=Object.assign(s,{ImageGallery:r.ChatImageGallery,LinkPreview:i.ChatLinkPreview});exports.ChatBubble=c;
+"use client";const e=require("../../../hooks/useTheme/useTheme.cjs"),t=require("./constants.cjs"),n=require("./ChatBubbleStyled.cjs"),r=require("./ChatImageGallery/ChatImageGallery.cjs"),i=require("./ChatLinkPreview/ChatLinkPreview.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");var s=(0,a.forwardRef)((r,i)=>{let{styles:a={},status:s=`fulfilled`,variant:c=`question`,size:l=`md`,actions:u=[],children:d,...f}=r,{theme:p}=e.useTheme();return(0,o.jsxs)(n.ChatBubbleStyled,{theme:p,styles:a,$variant:c,$size:l,ref:i,$status:s,"data-testid":t.COMPONENT_NAME,...f,children:[(0,o.jsx)(n.ChatContentStyled,{theme:p,$status:s,"data-testid":`${t.COMPONENT_NAME}-content`,children:d}),u?.length?(0,o.jsx)(n.ChatActionsStyled,{theme:p,"data-testid":`${t.COMPONENT_NAME}-actions`,children:u}):null]})});s.displayName=t.COMPONENT_NAME;var c=Object.assign(s,{ImageGallery:r.ChatImageGallery,LinkPreview:i.ChatLinkPreview});exports.ChatBubble=c;

package/components/organisms/ChatBubble/ChatBubble.d.cts

@@ -0,0 +1,5 @@
+import { ChatBubbleProps } from './ChatBubble.types.js';
+export declare const ChatBubble: import('react').ForwardRefExoticComponent<ChatBubbleProps<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+    ImageGallery: import('react').ForwardRefExoticComponent<import('./ChatBubble.types.js').ChatImageGalleryProps & import('react').RefAttributes<HTMLDivElement>>;
+    LinkPreview: import('react').ForwardRefExoticComponent<import('./ChatBubble.types.js').ChatLinkPreviewProps & import('react').RefAttributes<HTMLAnchorElement>>;
+};

package/components/organisms/ChatBubble/ChatBubble.d.ts

@@ -1,5 +1,5 @@
-import { ChatBubbleProps } from './ChatBubble.types';
+import { ChatBubbleProps } from './ChatBubble.types.js';
 export declare const ChatBubble: import('react').ForwardRefExoticComponent<ChatBubbleProps<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
-    ImageGallery: import('react').ForwardRefExoticComponent<import('./ChatBubble.types').ChatImageGalleryProps & import('react').RefAttributes<HTMLDivElement>>;
-    LinkPreview: import('react').ForwardRefExoticComponent<import('./ChatBubble.types').ChatLinkPreviewProps & import('react').RefAttributes<HTMLAnchorElement>>;
+    ImageGallery: import('react').ForwardRefExoticComponent<import('./ChatBubble.types.js').ChatImageGalleryProps & import('react').RefAttributes<HTMLDivElement>>;
+    LinkPreview: import('react').ForwardRefExoticComponent<import('./ChatBubble.types.js').ChatLinkPreviewProps & import('react').RefAttributes<HTMLAnchorElement>>;
 };

package/components/organisms/ChatBubble/ChatBubble.types.d.cts

@@ -0,0 +1,38 @@
+import { AnchorHTMLAttributes, PropsWithChildren, ReactNode, MouseEvent } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export type ChatBubbleVariant = 'answer' | 'question';
+export type ChatBubbleStatus = 'pending' | 'fulfilled' | 'rejected';
+export type ChatBubbleSize = 'sm' | 'md' | 'lg';
+export interface ChatBubbleProps<T = HTMLDivElement> extends CommonCssComponentProps<T>, PropsWithChildren {
+    variant?: ChatBubbleVariant;
+    actions?: ReactNode[];
+    status?: ChatBubbleStatus;
+    size?: ChatBubbleSize;
+}
+export interface ChatBubbleStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+    $variant?: ChatBubbleVariant;
+    $status?: ChatBubbleStatus;
+    $size?: ChatBubbleSize;
+}
+export interface ChatBubbleCommonStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+    $status?: ChatBubbleStatus;
+}
+export interface ChatImageGalleryImage {
+    src: string;
+    alt?: string;
+}
+export interface ChatImageGalleryProps extends CommonCssComponentProps {
+    images: ChatImageGalleryImage[];
+    onImageClick?: (index: number, event: MouseEvent<HTMLButtonElement>) => void;
+    maxVisible?: number;
+}
+export type ChatImageGalleryStyledProps = CommonCssComponentStyledProps;
+export interface ChatLinkPreviewProps extends Omit<CommonCssComponentProps<HTMLAnchorElement>, 'onClick'> {
+    url: string;
+    title?: string;
+    description?: string;
+    thumbnail?: string;
+    domain?: string;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}
+export type ChatLinkPreviewStyledProps = CommonCssComponentStyledProps<HTMLAnchorElement> & AnchorHTMLAttributes<HTMLAnchorElement>;

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

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, PropsWithChildren, ReactNode, MouseEvent } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export type ChatBubbleVariant = 'answer' | 'question';
 export type ChatBubbleStatus = 'pending' | 'fulfilled' | 'rejected';
 export type ChatBubbleSize = 'sm' | 'md' | 'lg';

package/components/organisms/ChatBubble/ChatBubbleStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../atoms/Loader/Loader.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)((n,r)=>{let{theme:{chatbubble:a,...o}={},styles:s={},$variant:c,$status:l,$size:u,...d}=n,{boxStyles:f,restProps:p}=t.getBoxStyles(d),m=new Proxy(a||{},t.tokensHandler(o));return(0,i.jsx)(`div`,{css:[e.get(m,`default`,{}),e.get(m,[c,`default`],{}),e.get(m,l,{}),e.get(m,[`size`,u],{}),t.getMediaQuery({min:e.get(o,`breakpoints.xs`)},e.get(a,[c,`xs`],{})),t.getMediaQuery({min:e.get(o,`breakpoints.sm`)},e.get(a,[c,`sm`],{})),t.getMediaQuery({min:e.get(o,`breakpoints.md`)},e.get(a,[c,`sm`],{})),t.getMediaQuery({min:e.get(o,`breakpoints.lg`)},e.get(a,[c,`lg`],{})),f,s],...p,ref:r})}),o=r=>{let{theme:{chatbubble:a,...o}={},$status:s,children:c,styles:l,...u}=r,{boxStyles:d,restProps:f}=t.getBoxStyles(u),p=new Proxy(a||{},t.tokensHandler(o)),m=e.get(p,`loader.attrs`,{});return(0,i.jsxs)(`div`,{css:[e.get(p,`content.default`,{}),e.get(p,[`content`,s],{}),d,l],...f,children:[s===`pending`&&(0,i.jsx)(n.Loader,{...m}),c]})},s=n=>{let{theme:{chatbubble:r}={},styles:a,...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o);return(0,i.jsx)(`div`,{css:[e.get(r,`actions`,{}),s,a],...c})};exports.ChatActionsStyled=s,exports.ChatBubbleStyled=a,exports.ChatContentStyled=o;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../atoms/Loader/Loader.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)((n,r)=>{let{theme:{chatbubble:a,...o}={},styles:s={},$variant:c,$status:l,$size:u,...d}=n,{boxStyles:f,restProps:p}=t.getBoxStyles(d),m=new Proxy(a||{},t.tokensHandler(o));return(0,i.jsx)(`div`,{css:[e.get(m,`default`,{}),e.get(m,[c,`default`],{}),e.get(m,l,{}),e.get(m,[`size`,u],{}),t.getMediaQuery({min:e.get(o,`breakpoints.xs`)},e.get(a,[c,`xs`],{})),t.getMediaQuery({min:e.get(o,`breakpoints.sm`)},e.get(a,[c,`sm`],{})),t.getMediaQuery({min:e.get(o,`breakpoints.md`)},e.get(a,[c,`sm`],{})),t.getMediaQuery({min:e.get(o,`breakpoints.lg`)},e.get(a,[c,`lg`],{})),f,s],...p,ref:r})}),o=r=>{let{theme:{chatbubble:a,...o}={},$status:s,children:c,styles:l,...u}=r,{boxStyles:d,restProps:f}=t.getBoxStyles(u),p=new Proxy(a||{},t.tokensHandler(o)),m=e.get(p,`loader.attrs`,{});return(0,i.jsxs)(`div`,{css:[e.get(p,`content.default`,{}),e.get(p,[`content`,s],{}),d,l],...f,children:[s===`pending`&&(0,i.jsx)(n.Loader,{...m}),c]})},s=n=>{let{theme:{chatbubble:r}={},styles:a,...o}=n,{boxStyles:s,restProps:c}=t.getBoxStyles(o);return(0,i.jsx)(`div`,{css:[e.get(r,`actions`,{}),s,a],...c})};exports.ChatActionsStyled=s,exports.ChatBubbleStyled=a,exports.ChatContentStyled=o;

package/components/organisms/ChatBubble/ChatBubbleStyled.d.cts

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

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

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

package/components/organisms/ChatBubble/ChatImageGallery/ChatImageGallery.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../utils/helpers.cjs`),t=require(`../../../../hooks/useTheme/useTheme.cjs`),n=require(`../../../atoms/Image/Image.cjs`),r=require(`./constants.cjs`),i=require(`./ChatImageGalleryStyled.cjs`);let a=require(`react`),o=require(`@emotion/react/jsx-runtime`);var s=(0,a.forwardRef)((a,s)=>{let{images:c,onImageClick:l,maxVisible:u=4,...d}=a,{theme:f}=t.useTheme(),p=c.slice(0,u),m=c.length-u,h=e.get(f,`chatbubble.imageGallery.image`,{}),g=e.get(f,`chatbubble.imageGallery.overlay`,{}),_=e.get(f,`chatbubble.imageGallery.imageStyles`,{});return(0,o.jsx)(i.ChatImageGalleryStyled,{ref:s,theme:f,"data-testid":r.COMPONENT_NAME,...d,children:p.map((e,t)=>(0,o.jsxs)(`button`,{type:`button`,css:h,onClick:e=>l?.(t,e),"aria-label":e.alt||`Image ${t+1}`,"data-testid":`${r.COMPONENT_NAME}-image-${t}`,children:[(0,o.jsx)(n.Image,{src:e.src,alt:e.alt||``,styles:_}),t===u-1&&m>0&&(0,o.jsxs)(`span`,{css:g,"data-testid":`ChatImageGallery-remaining`,children:[`+`,m]})]},t))})});s.displayName=r.COMPONENT_NAME,exports.ChatImageGallery=s;
+"use client";const e=require("../../../../utils/helpers.cjs"),t=require("../../../../hooks/useTheme/useTheme.cjs"),n=require("../../../atoms/Image/Image.cjs"),r=require("./constants.cjs"),i=require("./ChatImageGalleryStyled.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");var s=(0,a.forwardRef)((a,s)=>{let{images:c,onImageClick:l,maxVisible:u=4,...d}=a,{theme:f}=t.useTheme(),p=c.slice(0,u),m=c.length-u,h=e.get(f,`chatbubble.imageGallery.image`,{}),g=e.get(f,`chatbubble.imageGallery.overlay`,{}),_=e.get(f,`chatbubble.imageGallery.imageStyles`,{});return(0,o.jsx)(i.ChatImageGalleryStyled,{ref:s,theme:f,"data-testid":r.COMPONENT_NAME,...d,children:p.map((e,t)=>(0,o.jsxs)(`button`,{type:`button`,css:h,onClick:e=>l?.(t,e),"aria-label":e.alt||`Image ${t+1}`,"data-testid":`${r.COMPONENT_NAME}-image-${t}`,children:[(0,o.jsx)(n.Image,{src:e.src,alt:e.alt||``,styles:_}),t===u-1&&m>0&&(0,o.jsxs)(`span`,{css:g,"data-testid":`ChatImageGallery-remaining`,children:[`+`,m]})]},t))})});s.displayName=r.COMPONENT_NAME,exports.ChatImageGallery=s;

package/components/organisms/ChatBubble/ChatImageGallery/ChatImageGallery.d.cts

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

package/components/organisms/ChatBubble/ChatImageGallery/ChatImageGallery.d.ts

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

package/components/organisms/ChatBubble/ChatImageGallery/ChatImageGalleryStyled.cjs

@@ -1 +1 @@
-"use client";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:{chatbubble: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)),`imageGallery.default`,{}),l,s],...u,ref:i})});exports.ChatImageGalleryStyled=i;
+"use client";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:{chatbubble: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)),`imageGallery.default`,{}),l,s],...u,ref:i})});exports.ChatImageGalleryStyled=i;

package/components/organisms/ChatBubble/ChatImageGallery/ChatImageGalleryStyled.d.cts

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

package/components/organisms/ChatBubble/ChatImageGallery/ChatImageGalleryStyled.d.ts

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

package/components/organisms/ChatBubble/ChatImageGallery/constants.d.cts

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

package/components/organisms/ChatBubble/ChatImageGallery/index.d.cts

@@ -0,0 +1 @@
+export { ChatImageGallery } from './ChatImageGallery.js';

package/components/organisms/ChatBubble/ChatImageGallery/index.d.ts

@@ -1 +1 @@
-export { ChatImageGallery } from './ChatImageGallery';
+export { ChatImageGallery } from './ChatImageGallery.js';

package/components/organisms/ChatBubble/ChatLinkPreview/ChatLinkPreview.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../utils/helpers.cjs`),t=require(`../../../../types/typography.cjs`),n=require(`../../../../hooks/useTheme/useTheme.cjs`),r=require(`../../../atoms/Typography/Typography.cjs`),i=require(`../../../atoms/Image/Image.cjs`),a=require(`./constants.cjs`),o=require(`./ChatLinkPreviewStyled.cjs`);let s=require(`react`),c=require(`@emotion/react/jsx-runtime`);var l=(0,s.forwardRef)((s,l)=>{let{url:u,title:d,description:f,thumbnail:p,domain:m,onClick:h,...g}=s,{theme:_}=n.useTheme(),v=e.get(_,`chatbubble.linkPreview.thumbnail`,{}),y=e.get(_,`chatbubble.linkPreview.content`,{}),b=e.get(_,`chatbubble.linkPreview.title`,{}),x=e.get(_,`chatbubble.linkPreview.description`,{}),S=e.get(_,`chatbubble.linkPreview.domain`,{}),C=e.get(_,`chatbubble.linkPreview.imageStyles`,{});return(0,c.jsxs)(o.ChatLinkPreviewStyled,{ref:l,theme:_,href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:h,"data-testid":a.COMPONENT_NAME,...g,children:[p&&(0,c.jsx)(`div`,{css:v,children:(0,c.jsx)(i.Image,{src:p,alt:d||``,styles:C})}),(0,c.jsxs)(`div`,{css:y,children:[d&&(0,c.jsx)(r.Typography,{variant:t.TypographyVariant.Body2,css:b,children:d}),f&&(0,c.jsx)(r.Typography,{variant:`caption`,css:x,children:f}),m&&(0,c.jsx)(r.Typography,{variant:`caption`,css:S,children:m})]})]})});l.displayName=a.COMPONENT_NAME,exports.ChatLinkPreview=l;
+"use client";const e=require("../../../../utils/helpers.cjs"),t=require("../../../../types/typography.cjs"),n=require("../../../../hooks/useTheme/useTheme.cjs"),r=require("../../../atoms/Typography/Typography.cjs"),i=require("../../../atoms/Image/Image.cjs"),a=require("./constants.cjs"),o=require("./ChatLinkPreviewStyled.cjs");let s=require("react"),c=require("@emotion/react/jsx-runtime");var l=(0,s.forwardRef)((s,l)=>{let{url:u,title:d,description:f,thumbnail:p,domain:m,onClick:h,...g}=s,{theme:_}=n.useTheme(),v=e.get(_,`chatbubble.linkPreview.thumbnail`,{}),y=e.get(_,`chatbubble.linkPreview.content`,{}),b=e.get(_,`chatbubble.linkPreview.title`,{}),x=e.get(_,`chatbubble.linkPreview.description`,{}),S=e.get(_,`chatbubble.linkPreview.domain`,{}),C=e.get(_,`chatbubble.linkPreview.imageStyles`,{});return(0,c.jsxs)(o.ChatLinkPreviewStyled,{ref:l,theme:_,href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:h,"data-testid":a.COMPONENT_NAME,...g,children:[p&&(0,c.jsx)(`div`,{css:v,children:(0,c.jsx)(i.Image,{src:p,alt:d||``,styles:C})}),(0,c.jsxs)(`div`,{css:y,children:[d&&(0,c.jsx)(r.Typography,{variant:t.TypographyVariant.Body2,css:b,children:d}),f&&(0,c.jsx)(r.Typography,{variant:`caption`,css:x,children:f}),m&&(0,c.jsx)(r.Typography,{variant:`caption`,css:S,children:m})]})]})});l.displayName=a.COMPONENT_NAME,exports.ChatLinkPreview=l;

package/components/organisms/ChatBubble/ChatLinkPreview/ChatLinkPreview.d.cts

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

package/components/organisms/ChatBubble/ChatLinkPreview/ChatLinkPreview.d.ts

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

package/components/organisms/ChatBubble/ChatLinkPreview/ChatLinkPreviewStyled.cjs

@@ -1 +1 @@
-"use client";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:{chatbubble:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`a`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`linkPreview.default`,{}),l,s],...u,ref:i})});exports.ChatLinkPreviewStyled=i;
+"use client";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:{chatbubble:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`a`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`linkPreview.default`,{}),l,s],...u,ref:i})});exports.ChatLinkPreviewStyled=i;

package/components/organisms/ChatBubble/ChatLinkPreview/ChatLinkPreviewStyled.d.cts

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

package/components/organisms/ChatBubble/ChatLinkPreview/ChatLinkPreviewStyled.d.ts

@@ -1,2 +1,2 @@
-import { ChatLinkPreviewStyledProps } from '../ChatBubble.types';
+import { ChatLinkPreviewStyledProps } from '../ChatBubble.types.js';
 export declare const ChatLinkPreviewStyled: import('react').ForwardRefExoticComponent<Omit<ChatLinkPreviewStyledProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/organisms/ChatBubble/ChatLinkPreview/constants.d.cts

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

package/components/organisms/ChatBubble/ChatLinkPreview/index.d.cts

@@ -0,0 +1 @@
+export { ChatLinkPreview } from './ChatLinkPreview.js';

package/components/organisms/ChatBubble/ChatLinkPreview/index.d.ts

@@ -1 +1 @@
-export { ChatLinkPreview } from './ChatLinkPreview';
+export { ChatLinkPreview } from './ChatLinkPreview.js';

package/components/organisms/ChatBubble/constants.d.cts

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

package/components/organisms/ChatBubble/index.d.cts

@@ -0,0 +1,4 @@
+export * from './ChatBubble.js';
+export * from './ChatBubble.types.js';
+export * from './ChatImageGallery/index.js';
+export * from './ChatLinkPreview/index.js';

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

@@ -1,4 +1,4 @@
-export * from './ChatBubble';
-export * from './ChatBubble.types';
-export * from './ChatImageGallery';
-export * from './ChatLinkPreview';
+export * from './ChatBubble.js';
+export * from './ChatBubble.types.js';
+export * from './ChatImageGallery/index.js';
+export * from './ChatLinkPreview/index.js';

package/components/organisms/ContentCarousel/ContentCarousel.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../types/accesability.cjs`),n=require(`../../../types/carousel.cjs`),r=require(`../../../hooks/useLogger/useLogger.cjs`),i=require(`../../../hooks/useTheme/useTheme.cjs`),a=require(`../../../hooks/useCarousel/useCarousel.cjs`),o=require(`../../atoms/Icon/Icon.cjs`),s=require(`../Carousel/CarouselStyled.cjs`),c=require(`./constants.cjs`),l=require(`./ContentCarouselStyled.cjs`);let u=require(`react`),d=require(`@emotion/react/jsx-runtime`);var f=(0,u.forwardRef)((f,p)=>{let{theme:m}=i.useTheme(),h=r.useLogger(),{items:g,renderItem:_,showArrows:v=!0,isFocusable:y=!0,showDots:b=!0,styles:x,visibleItems:S,scrollStep:C=1,scrollAlignment:w=`left`}=f,T=e.get(m,`colors.icon.default`),E=e.get(m,`colors.icon.disabled`),{base:D,controlLeft:O,controlRight:k}=e.get(m,`carousel.icons`,{}),A=Math.max(1,C||1),j={centered:`center`,left:`start`},M=(0,u.useRef)(null),{carouselRef:N,carouselApi:P,activeIndex:F,scrollTo:I,scrollPrev:L,scrollNext:R,canScrollPrev:z,canScrollNext:B,slidesCount:V}=a.useCarousel({options:{axis:`x`,align:j[w],slidesToScroll:A,startIndex:0,direction:`ltr`,dragFree:!1},targetRef:M}),[H,U]=(0,u.useState)(0);(0,u.useEffect)(()=>{if(!P)return;let e=()=>{U(P.scrollSnapList().length)};return e(),P.on(`reInit`,e),()=>{P.off(`reInit`,e)}},[P]);let W=(0,u.useCallback)(e=>{h.debug(`${c.COMPONENT_NAME}: Navigate previous`,{trigger:e,activeIndex:F,slidesCount:V,visibleItems:S,scrollStep:A,scrollAlignment:w}),L()},[F,A,h,w,L,V,S]),G=(0,u.useCallback)(e=>{h.debug(`${c.COMPONENT_NAME}: Navigate next`,{trigger:e,activeIndex:F,slidesCount:V,visibleItems:S,scrollStep:A,scrollAlignment:w}),R()},[F,A,h,w,R,V,S]),K=(0,u.useCallback)((e,t)=>{h.debug(`${c.COMPONENT_NAME}: Navigate to slide`,{trigger:t,activeIndex:F,targetIndex:e,slidesCount:V,visibleItems:S,scrollStep:A,scrollAlignment:w}),I(e)},[F,A,h,w,I,V,S]);return(0,u.useImperativeHandle)(p,()=>({scrollPrev:()=>W(`ref`),scrollNext:()=>G(`ref`),scrollTo:e=>K(e,`ref`),selectedIndex:F}),[F,G,W,K]),(0,d.jsxs)(s.CarouselContainerStyled,{ref:M,theme:m,styles:x,$layout:n.LayoutType.Horizontal,$variant:n.CarouselVariantTypes.Cards,tabIndex:y?t.TabIndex.Default:t.TabIndex.Disabled,"data-testid":c.COMPONENT_NAME,children:[(0,d.jsx)(s.CarouselControlsWrapperStyled,{"data-testid":`${c.COMPONENT_NAME}-controls-wrapper`,theme:m,children:(0,d.jsx)(s.CarouselViewportStyled,{theme:m,ref:N,"data-testid":`${c.COMPONENT_NAME}-viewport`,children:(0,d.jsx)(s.CarouselViewportSlideWrapperStyled,{theme:m,"data-testid":`${c.COMPONENT_NAME}-slider-wrapper`,children:g?.map((e,t)=>(0,d.jsx)(l.ContentSlideStyled,{theme:m,$visibleItems:S,"data-testid":`${c.COMPONENT_NAME}-content-slide-${t}`,children:_(e,t)},t))})})}),(0,d.jsxs)(l.CarouselFooterStyled,{theme:m,"data-testid":`${c.COMPONENT_NAME}-footer`,children:[b&&(0,d.jsx)(s.CarouselDotsStyled,{theme:m,"data-testid":`ContentCarousel-dots`,children:Array.from({length:H||V})?.map((e,t)=>(0,d.jsx)(s.CarouselDotStyled,{theme:m,$active:t===F,onClick:()=>K(t,`dot`),"data-active":t===F},t))}),v&&(0,d.jsxs)(l.CarouselFooterControlsStyled,{theme:m,"data-testid":`ContentCarousel-controls`,children:[(0,d.jsx)(s.CarouselControlsButtonStyled,{theme:m,onClick:()=>W(`control`),disabled:!z,"data-testid":`ContentCarousel-control-previous`,children:(0,d.jsx)(o.Icon,{...D,...O,fill:z?T:E})}),(0,d.jsx)(s.CarouselControlsButtonStyled,{theme:m,onClick:()=>G(`control`),disabled:!B,"data-testid":`ContentCarousel-control-next`,children:(0,d.jsx)(o.Icon,{...D,...k,fill:B?T:E})})]})]})]})});f.displayName=c.COMPONENT_NAME,exports.ContentCarousel=f;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../types/accesability.cjs"),n=require("../../../types/carousel.cjs"),r=require("../../../hooks/useLogger/useLogger.cjs"),i=require("../../../hooks/useTheme/useTheme.cjs"),a=require("../../../hooks/useCarousel/useCarousel.cjs"),o=require("../../atoms/Icon/Icon.cjs"),s=require("../Carousel/CarouselStyled.cjs"),c=require("./constants.cjs"),l=require("./ContentCarouselStyled.cjs");let u=require("react"),d=require("@emotion/react/jsx-runtime");var f=(0,u.forwardRef)((f,p)=>{let{theme:m}=i.useTheme(),h=r.useLogger(),{items:g,renderItem:_,showArrows:v=!0,isFocusable:y=!0,showDots:b=!0,styles:x,visibleItems:S,scrollStep:C=1,scrollAlignment:w=`left`}=f,T=e.get(m,`colors.icon.default`),E=e.get(m,`colors.icon.disabled`),{base:D,controlLeft:O,controlRight:k}=e.get(m,`carousel.icons`,{}),A=Math.max(1,C||1),j={centered:`center`,left:`start`},M=(0,u.useRef)(null),{carouselRef:N,carouselApi:P,activeIndex:F,scrollTo:I,scrollPrev:L,scrollNext:R,canScrollPrev:z,canScrollNext:B,slidesCount:V}=a.useCarousel({options:{axis:`x`,align:j[w],slidesToScroll:A,startIndex:0,direction:`ltr`,dragFree:!1},targetRef:M}),[H,U]=(0,u.useState)(0);(0,u.useEffect)(()=>{if(!P)return;let e=()=>{U(P.scrollSnapList().length)};return e(),P.on(`reInit`,e),()=>{P.off(`reInit`,e)}},[P]);let W=(0,u.useCallback)(e=>{h.debug(`${c.COMPONENT_NAME}: Navigate previous`,{trigger:e,activeIndex:F,slidesCount:V,visibleItems:S,scrollStep:A,scrollAlignment:w}),L()},[F,A,h,w,L,V,S]),G=(0,u.useCallback)(e=>{h.debug(`${c.COMPONENT_NAME}: Navigate next`,{trigger:e,activeIndex:F,slidesCount:V,visibleItems:S,scrollStep:A,scrollAlignment:w}),R()},[F,A,h,w,R,V,S]),K=(0,u.useCallback)((e,t)=>{h.debug(`${c.COMPONENT_NAME}: Navigate to slide`,{trigger:t,activeIndex:F,targetIndex:e,slidesCount:V,visibleItems:S,scrollStep:A,scrollAlignment:w}),I(e)},[F,A,h,w,I,V,S]);return(0,u.useImperativeHandle)(p,()=>({scrollPrev:()=>W(`ref`),scrollNext:()=>G(`ref`),scrollTo:e=>K(e,`ref`),selectedIndex:F}),[F,G,W,K]),(0,d.jsxs)(s.CarouselContainerStyled,{ref:M,theme:m,styles:x,$layout:n.LayoutType.Horizontal,$variant:n.CarouselVariantTypes.Cards,tabIndex:y?t.TabIndex.Default:t.TabIndex.Disabled,"data-testid":c.COMPONENT_NAME,children:[(0,d.jsx)(s.CarouselControlsWrapperStyled,{"data-testid":`${c.COMPONENT_NAME}-controls-wrapper`,theme:m,children:(0,d.jsx)(s.CarouselViewportStyled,{theme:m,ref:N,"data-testid":`${c.COMPONENT_NAME}-viewport`,children:(0,d.jsx)(s.CarouselViewportSlideWrapperStyled,{theme:m,"data-testid":`${c.COMPONENT_NAME}-slider-wrapper`,children:g?.map((e,t)=>(0,d.jsx)(l.ContentSlideStyled,{theme:m,$visibleItems:S,"data-testid":`${c.COMPONENT_NAME}-content-slide-${t}`,children:_(e,t)},t))})})}),(0,d.jsxs)(l.CarouselFooterStyled,{theme:m,"data-testid":`${c.COMPONENT_NAME}-footer`,children:[b&&(0,d.jsx)(s.CarouselDotsStyled,{theme:m,"data-testid":`ContentCarousel-dots`,children:Array.from({length:H||V})?.map((e,t)=>(0,d.jsx)(s.CarouselDotStyled,{theme:m,$active:t===F,onClick:()=>K(t,`dot`),"data-active":t===F},t))}),v&&(0,d.jsxs)(l.CarouselFooterControlsStyled,{theme:m,"data-testid":`ContentCarousel-controls`,children:[(0,d.jsx)(s.CarouselControlsButtonStyled,{theme:m,onClick:()=>W(`control`),disabled:!z,"data-testid":`ContentCarousel-control-previous`,children:(0,d.jsx)(o.Icon,{...D,...O,fill:z?T:E})}),(0,d.jsx)(s.CarouselControlsButtonStyled,{theme:m,onClick:()=>G(`control`),disabled:!B,"data-testid":`ContentCarousel-control-next`,children:(0,d.jsx)(o.Icon,{...D,...k,fill:B?T:E})})]})]})]})});f.displayName=c.COMPONENT_NAME,exports.ContentCarousel=f;

package/components/organisms/ContentCarousel/ContentCarousel.d.cts

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

package/components/organisms/ContentCarousel/ContentCarousel.d.ts

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

package/components/organisms/ContentCarousel/ContentCarousel.types.d.cts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export type ScrollAlignment = 'left' | 'centered';
+export interface ContentCarouselProps<T> extends CommonCssComponentProps {
+    items: T[];
+    renderItem: (item: T, index: number) => ReactNode;
+    showArrows?: boolean;
+    showDots?: boolean;
+    isFocusable?: boolean;
+    visibleItems?: number;
+    scrollStep?: number;
+    scrollAlignment?: ScrollAlignment;
+}
+export type ContentCarouselStyledProps = CommonCssComponentStyledProps;
+export interface ContentCarouselRef {
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    scrollTo: (index: number) => void;
+    selectedIndex: number;
+}

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export type ScrollAlignment = 'left' | 'centered';
 export interface ContentCarouselProps<T> extends CommonCssComponentProps {
     items: T[];

package/components/organisms/ContentCarousel/ContentCarouselStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`@emotion/react/jsx-runtime`);var r=r=>{let{theme:{carousel:i,...a}={},$visibleItems:o,...s}=r;return(0,n.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(a)),`contentSlide`,{}),o?{flex:`0 0 ${100/o}%`,minWidth:`${100/o}%`,maxWidth:`${100/o}%`}:{flex:`0 0 auto`,minWidth:`auto`,maxWidth:`none`}],...s})},i=r=>{let{theme:{carousel:i,...a}={},...o}=r;return(0,n.jsx)(`div`,{css:e.get(new Proxy(i||{},t.tokensHandler(a)),`footer`,{}),...o})},a=r=>{let{theme:{carousel:i,...a}={},...o}=r;return(0,n.jsx)(`div`,{css:e.get(new Proxy(i||{},t.tokensHandler(a)),`footerControls`,{}),...o})};exports.CarouselFooterControlsStyled=a,exports.CarouselFooterStyled=i,exports.ContentSlideStyled=r;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("@emotion/react/jsx-runtime");var r=r=>{let{theme:{carousel:i,...a}={},$visibleItems:o,...s}=r;return(0,n.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(a)),`contentSlide`,{}),o?{flex:`0 0 ${100/o}%`,minWidth:`${100/o}%`,maxWidth:`${100/o}%`}:{flex:`0 0 auto`,minWidth:`auto`,maxWidth:`none`}],...s})},i=r=>{let{theme:{carousel:i,...a}={},...o}=r;return(0,n.jsx)(`div`,{css:e.get(new Proxy(i||{},t.tokensHandler(a)),`footer`,{}),...o})},a=r=>{let{theme:{carousel:i,...a}={},...o}=r;return(0,n.jsx)(`div`,{css:e.get(new Proxy(i||{},t.tokensHandler(a)),`footerControls`,{}),...o})};exports.CarouselFooterControlsStyled=a,exports.CarouselFooterStyled=i,exports.ContentSlideStyled=r;

package/components/organisms/ContentCarousel/ContentCarouselStyled.d.cts

@@ -0,0 +1,8 @@
+import { ContentCarouselStyledProps } from '../../index.js';
+interface ContentSlideStyledProps extends ContentCarouselStyledProps {
+    $visibleItems?: number;
+}
+export declare const ContentSlideStyled: (props: ContentSlideStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselFooterStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarouselFooterControlsStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-import { ContentCarouselStyledProps } from '../..';
+import { ContentCarouselStyledProps } from '../../index.js';
 interface ContentSlideStyledProps extends ContentCarouselStyledProps {
     $visibleItems?: number;
 }

package/components/organisms/ContentCarousel/constants.d.cts

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

package/components/organisms/ContentCarousel/index.d.cts

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

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

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

package/components/organisms/DragAndDropFiles/DragAndDropFiles.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../types/wrapper.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`../../layout/Portal/Portal.cjs`),r=require(`./constants.cjs`),i=require(`./hooks/useDragAndDrop/useDragAndDrop.cjs`),a=require(`./DragAndDropFilesStyled.cjs`);let o=require(`react`),s=require(`@emotion/react/jsx-runtime`);var c=(0,o.forwardRef)((c,l)=>{let{children:u,dragOverContent:d,targetRef:f,triggerRef:p,onDragEnter:m,onDragOver:h,onDragLeave:g,onDrop:_,...v}=c,{theme:y}=t.useTheme(),b=(0,o.useRef)(null),{files:x,isOver:S,isGlobalDragging:C}=i.useDragAndDrop({triggerRef:p,targetRef:f,fallbackRef:b,onDragEnter:m,onDragOver:h,onDragLeave:g,onDrop:_}),w=(0,o.useMemo)(()=>!!(f?.current&&S&&d),[f?.current,S,d]);return(0,o.useImperativeHandle)(l,()=>({files:x?Array.from(x):[],isOver:S,isGlobalDragging:C}),[x,S,C]),(0,s.jsxs)(`div`,{children:[w&&(0,s.jsx)(n.Portal,{container:f.current,wrapperVariant:e.WrapperVariant.Section,children:d}),(0,s.jsx)(a.DragAndDropFilesStyled,{theme:y,ref:b,"data-testid":r.COMPONENT_NAME,...v,children:u})]})});c.displayName=r.COMPONENT_NAME,exports.DragAndDropFiles=c;
+"use client";const e=require("../../../types/wrapper.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("../../layout/Portal/Portal.cjs"),r=require("./constants.cjs"),i=require("./hooks/useDragAndDrop/useDragAndDrop.cjs"),a=require("./DragAndDropFilesStyled.cjs");let o=require("react"),s=require("@emotion/react/jsx-runtime");var c=(0,o.forwardRef)((c,l)=>{let{children:u,dragOverContent:d,targetRef:f,triggerRef:p,onDragEnter:m,onDragOver:h,onDragLeave:g,onDrop:_,...v}=c,{theme:y}=t.useTheme(),b=(0,o.useRef)(null),{files:x,isOver:S,isGlobalDragging:C}=i.useDragAndDrop({triggerRef:p,targetRef:f,fallbackRef:b,onDragEnter:m,onDragOver:h,onDragLeave:g,onDrop:_}),w=(0,o.useMemo)(()=>!!(f?.current&&S&&d),[f?.current,S,d]);return(0,o.useImperativeHandle)(l,()=>({files:x?Array.from(x):[],isOver:S,isGlobalDragging:C}),[x,S,C]),(0,s.jsxs)(`div`,{children:[w&&(0,s.jsx)(n.Portal,{container:f.current,wrapperVariant:e.WrapperVariant.Section,children:d}),(0,s.jsx)(a.DragAndDropFilesStyled,{theme:y,ref:b,"data-testid":r.COMPONENT_NAME,...v,children:u})]})});c.displayName=r.COMPONENT_NAME,exports.DragAndDropFiles=c;

package/components/organisms/DragAndDropFiles/DragAndDropFiles.d.cts

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

package/components/organisms/DragAndDropFiles/DragAndDropFiles.d.ts

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

package/components/organisms/DragAndDropFiles/DragAndDropFiles.types.d.cts

@@ -0,0 +1,21 @@
+import { PropsWithChildren, ReactNode, RefObject } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface DragAndDropFilesProps extends Omit<CommonCssComponentProps, 'onDragEnter' | 'onDragOver' | 'onDragLeave' | 'onDrop'> {
+    targetRef?: RefObject<HTMLElement>;
+    triggerRef?: RefObject<HTMLElement>;
+    dragOverContent?: ReactNode;
+    onDragEnter?: (event: DragEvent) => void;
+    /** Called when the user moves files over the zone (fires continuously) */
+    onDragOver?: (event: DragEvent) => void;
+    /** Called when the user drags files out of the zone */
+    onDragLeave?: (event: DragEvent) => void;
+    /** Called when the user drops files; receives the FileList */
+    onDrop?: (files: FileList, event: DragEvent) => void;
+}
+export interface DragAndDropFilesRef {
+    files: File[];
+    isOver: boolean;
+    isGlobalDragging: boolean;
+}
+export interface DragAndDropFilesStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode, RefObject } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface DragAndDropFilesProps extends Omit<CommonCssComponentProps, 'onDragEnter' | 'onDragOver' | 'onDragLeave' | 'onDrop'> {
     targetRef?: RefObject<HTMLElement>;
     triggerRef?: RefObject<HTMLElement>;

package/components/organisms/DragAndDropFiles/DragAndDropFilesStyled.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:{draganddropfiles:a,...o}={},styles:s={},...c}=n;return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),s],ref:i,...c})});exports.DragAndDropFilesStyled=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:{draganddropfiles:a,...o}={},styles:s={},...c}=n;return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),s],ref:i,...c})});exports.DragAndDropFilesStyled=i;

package/components/organisms/DragAndDropFiles/DragAndDropFilesStyled.d.cts

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

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

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

package/components/organisms/DragAndDropFiles/constants.d.cts

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

package/components/organisms/DragAndDropFiles/hooks/useDragAndDrop/index.d.cts

@@ -0,0 +1 @@
+export * from './useDragAndDrop.js';

package/components/organisms/DragAndDropFiles/hooks/useDragAndDrop/index.d.ts

@@ -1 +1 @@
-export * from './useDragAndDrop';
+export * from './useDragAndDrop.js';

package/components/organisms/DragAndDropFiles/hooks/useDragAndDrop/useDragAndDrop.cjs

@@ -1 +1 @@
-"use client";require(`../../../../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=t=>{let{triggerRef:n,targetRef:r,fallbackRef:i,onDragEnter:a,onDragOver:o,onDragLeave:s,onDrop:c}=t,[l,u]=(0,e.useState)(null),[d,f]=(0,e.useState)(!1),[p,m]=(0,e.useState)(!1),h=(0,e.useCallback)(e=>e?typeof e==`object`&&`current`in e&&e!==null?e.current:e instanceof HTMLElement?e:null:null,[]),g=(0,e.useCallback)(e=>{e.preventDefault(),Array.from(e.dataTransfer?.items||[]).some(e=>e.kind===`file`)&&(m(!0),a?.(e),f(!0),console.log(`Global Drag Enter (Trigger):`,h(n)||document.body))},[a,n,h]),_=(0,e.useCallback)(e=>{e.preventDefault();let t=h(n)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&(m(!1),s?.(e),f(!1),console.log(`Global Drag Leave (Trigger):`,t))},[s,n,h]),v=(0,e.useCallback)(e=>{e.preventDefault(),m(!1),f(!1)},[]),y=(0,e.useCallback)(e=>{e.preventDefault(),Array.from(e.dataTransfer?.items||[]).some(e=>e.kind===`file`)&&(f(!0),console.log(`Drop Zone Drag Enter:`,h(r)||h(i)||document.body))},[r,i,h]),b=(0,e.useCallback)(e=>{e.preventDefault(),o?.(e),f(t=>t||(console.log(`isOver (inside functional update):`,!t),o?.(e),!0))},[o]),x=(0,e.useCallback)(e=>{e.preventDefault();let t=h(r)||h(i)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&f(!1)},[r,i,h]),S=(0,e.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer?.files;t&&t.length>0&&(u(t),c?.(t,e)),f(!1),m(!1)},[c]);return(0,e.useEffect)(()=>{let e=h(n)||document.body,t=h(r)||h(i)||document.body;if(!(!e||!t))return e.addEventListener(`dragenter`,g),e.addEventListener(`dragleave`,_),e.addEventListener(`drop`,v),t.addEventListener(`dragenter`,y),t.addEventListener(`dragover`,b),t.addEventListener(`dragleave`,x),t.addEventListener(`drop`,S),()=>{e.removeEventListener(`dragenter`,g),e.removeEventListener(`dragleave`,_),e.removeEventListener(`drop`,v),t.removeEventListener(`dragenter`,y),t.removeEventListener(`dragover`,b),t.removeEventListener(`dragleave`,x),t.removeEventListener(`drop`,S)}},[n,r,i,g,_,v,y,b,x,S,h]),{files:l,isOver:d,isGlobalDragging:p}};exports.useDragAndDrop=t;
+"use client";let e=require("react");var t=t=>{let{triggerRef:n,targetRef:r,fallbackRef:i,onDragEnter:a,onDragOver:o,onDragLeave:s,onDrop:c}=t,[l,u]=(0,e.useState)(null),[d,f]=(0,e.useState)(!1),[p,m]=(0,e.useState)(!1),h=(0,e.useCallback)(e=>e?typeof e==`object`&&`current`in e&&e!==null?e.current:e instanceof HTMLElement?e:null:null,[]),g=(0,e.useCallback)(e=>{e.preventDefault(),Array.from(e.dataTransfer?.items||[]).some(e=>e.kind===`file`)&&(m(!0),a?.(e),f(!0),console.log(`Global Drag Enter (Trigger):`,h(n)||document.body))},[a,n,h]),_=(0,e.useCallback)(e=>{e.preventDefault();let t=h(n)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&(m(!1),s?.(e),f(!1),console.log(`Global Drag Leave (Trigger):`,t))},[s,n,h]),v=(0,e.useCallback)(e=>{e.preventDefault(),m(!1),f(!1)},[]),y=(0,e.useCallback)(e=>{e.preventDefault(),Array.from(e.dataTransfer?.items||[]).some(e=>e.kind===`file`)&&(f(!0),console.log(`Drop Zone Drag Enter:`,h(r)||h(i)||document.body))},[r,i,h]),b=(0,e.useCallback)(e=>{e.preventDefault(),o?.(e),f(t=>t||(console.log(`isOver (inside functional update):`,!t),o?.(e),!0))},[o]),x=(0,e.useCallback)(e=>{e.preventDefault();let t=h(r)||h(i)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&f(!1)},[r,i,h]),S=(0,e.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer?.files;t&&t.length>0&&(u(t),c?.(t,e)),f(!1),m(!1)},[c]);return(0,e.useEffect)(()=>{let e=h(n)||document.body,t=h(r)||h(i)||document.body;if(!(!e||!t))return e.addEventListener(`dragenter`,g),e.addEventListener(`dragleave`,_),e.addEventListener(`drop`,v),t.addEventListener(`dragenter`,y),t.addEventListener(`dragover`,b),t.addEventListener(`dragleave`,x),t.addEventListener(`drop`,S),()=>{e.removeEventListener(`dragenter`,g),e.removeEventListener(`dragleave`,_),e.removeEventListener(`drop`,v),t.removeEventListener(`dragenter`,y),t.removeEventListener(`dragover`,b),t.removeEventListener(`dragleave`,x),t.removeEventListener(`drop`,S)}},[n,r,i,g,_,v,y,b,x,S,h]),{files:l,isOver:d,isGlobalDragging:p}};exports.useDragAndDrop=t;

package/components/organisms/DragAndDropFiles/hooks/useDragAndDrop/useDragAndDrop.d.cts

@@ -0,0 +1,19 @@
+import { ForwardedRef, RefObject } from 'react';
+export interface DragAndDropFilesPropsForHook {
+    triggerRef?: RefObject<HTMLElement>;
+    targetRef?: RefObject<HTMLElement>;
+    fallbackRef?: ForwardedRef<HTMLDivElement>;
+    /** Called when the user first drags files into the general trigger zone (e.g., the whole window). */
+    onDragEnter?: (event: DragEvent) => void;
+    /** Called when the user moves files over the specific target drop zone (fires continuously on move). */
+    onDragOver?: (event: DragEvent) => void;
+    /** Called when the user drags files out of the general trigger zone. */
+    onDragLeave?: (event: DragEvent) => void;
+    /** Called when the user drops files; receives the FileList. Only fires on target zone. */
+    onDrop?: (files: FileList, event: DragEvent) => void;
+}
+export declare const useDragAndDrop: (props: DragAndDropFilesPropsForHook) => {
+    files: FileList | null;
+    isOver: boolean;
+    isGlobalDragging: boolean;
+};

package/components/organisms/DragAndDropFiles/index.d.cts

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

package/components/organisms/DragAndDropFiles/index.d.ts

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

package/components/organisms/Header/Header.cjs

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

package/components/organisms/Header/Header.d.cts

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

package/components/organisms/Header/Header.d.ts

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

package/components/organisms/Header/Header.types.d.cts

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

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

@@ -1,6 +1,6 @@
 import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
-import { Theme } from '../../../hooks';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps, RowProps, ColumnProps } from '../..';
+import { Theme } from '../../../hooks/index.js';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps, RowProps, ColumnProps } from '../../index.js';
 export interface MenuListItem {
     title?: string;
     path?: string;

package/components/organisms/Header/HeaderStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../layout/Column/Column.cjs`),r=require(`../../layout/Row/Row.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((n,r)=>{let{theme:{flexContainer:i,header:o,colors:s,...c}={},styles:l,$backgroundColor:u,...d}=n,f=new Proxy(o||{},t.tokensHandler(c)),{boxStyles:p,restProps:m}=t.getBoxStyles(d),h=t.resolveThemeColor(s,u);return(0,a.jsx)(`div`,{css:[e.get(i,`default`,{}),e.get(f,`container`,{}),p,h?{backgroundColor:h}:{},l],...m,ref:r})}),s=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`topBannerRow`,{}),...s})},c=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`navigationRow.default`,{}),...s})},l=r=>{let{theme:{header:i,...o}={},...s}=r;return(0,a.jsx)(n.Column,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`searchColumn.default`,{}),...s})},u=r=>{let{theme:{header:i,...o}={},...s}=r;return(0,a.jsx)(n.Column,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`actionsColumn.default`,{}),...s})},d=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`menuRow.default`,{}),...s})},f=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`menuRow.column`,{}),...s})},p=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`children.default`,{}),...s})},m=n=>{let{theme:{header:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`mobile.openedDropdownWrapper`,{}),...o})},h=n=>{let{theme:{header:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`mobile.closeMenuIconWrapper`,{}),...o})},g=n=>{let{theme:{header:r,flexContainer:i,...o}={},...s}=n,c=new Proxy(r||{},t.tokensHandler(o));return(0,a.jsx)(`div`,{css:[e.get(i,`default`,{}),e.get(c,`mobile.menuWrapper`,{})],...s})},_=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`mobile.menuItemWrapper`,{}),...s})},v=n=>{let{theme:{header:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`mobile.openMenuIconWrapper`,{}),...o})};exports.ActionsColumnStyled=u,exports.ChildrenRowStyled=p,exports.CloseMenuIconWrapperStyled=h,exports.HeaderStyled=o,exports.MenuColumnStyled=f,exports.MenuRowStyled=d,exports.MobileMenuItemWrapperStyled=_,exports.MobileMenuOpenedDropdownWrapperStyled=m,exports.MobileMenuWrapperStyled=g,exports.NavigationRowStyled=c,exports.OpenMenuIconWrapperStyled=v,exports.SearchColumnStyled=l,exports.TopBannerRowStyled=s;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../layout/Column/Column.cjs"),r=require("../../layout/Row/Row.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((n,r)=>{let{theme:{flexContainer:i,header:o,colors:s,...c}={},styles:l,$backgroundColor:u,...d}=n,f=new Proxy(o||{},t.tokensHandler(c)),{boxStyles:p,restProps:m}=t.getBoxStyles(d),h=t.resolveThemeColor(s,u);return(0,a.jsx)(`div`,{css:[e.get(i,`default`,{}),e.get(f,`container`,{}),p,h?{backgroundColor:h}:{},l],...m,ref:r})}),s=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`topBannerRow`,{}),...s})},c=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`navigationRow.default`,{}),...s})},l=r=>{let{theme:{header:i,...o}={},...s}=r;return(0,a.jsx)(n.Column,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`searchColumn.default`,{}),...s})},u=r=>{let{theme:{header:i,...o}={},...s}=r;return(0,a.jsx)(n.Column,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`actionsColumn.default`,{}),...s})},d=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`menuRow.default`,{}),...s})},f=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`menuRow.column`,{}),...s})},p=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`children.default`,{}),...s})},m=n=>{let{theme:{header:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`mobile.openedDropdownWrapper`,{}),...o})},h=n=>{let{theme:{header:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`mobile.closeMenuIconWrapper`,{}),...o})},g=n=>{let{theme:{header:r,flexContainer:i,...o}={},...s}=n,c=new Proxy(r||{},t.tokensHandler(o));return(0,a.jsx)(`div`,{css:[e.get(i,`default`,{}),e.get(c,`mobile.menuWrapper`,{})],...s})},_=n=>{let{theme:{header:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`mobile.menuItemWrapper`,{}),...s})},v=n=>{let{theme:{header:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`mobile.openMenuIconWrapper`,{}),...o})};exports.ActionsColumnStyled=u,exports.ChildrenRowStyled=p,exports.CloseMenuIconWrapperStyled=h,exports.HeaderStyled=o,exports.MenuColumnStyled=f,exports.MenuRowStyled=d,exports.MobileMenuItemWrapperStyled=_,exports.MobileMenuOpenedDropdownWrapperStyled=m,exports.MobileMenuWrapperStyled=g,exports.NavigationRowStyled=c,exports.OpenMenuIconWrapperStyled=v,exports.SearchColumnStyled=l,exports.TopBannerRowStyled=s;

package/components/organisms/Header/HeaderStyled.d.cts

@@ -0,0 +1,14 @@
+import { HeaderStyledProps, HeaderCommonStyledProps, HeaderCommonRowStyledProps, HeaderCommonColumnStyledProps } from './Header.types.js';
+export declare const HeaderStyled: import('react').ForwardRefExoticComponent<Omit<HeaderStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TopBannerRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NavigationRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchColumnStyled: (props: HeaderCommonColumnStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ActionsColumnStyled: (props: HeaderCommonColumnStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MenuRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MenuColumnStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ChildrenRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MobileMenuOpenedDropdownWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CloseMenuIconWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MobileMenuWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MobileMenuItemWrapperStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OpenMenuIconWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/Header/HeaderStyled.d.ts

@@ -1,4 +1,4 @@
-import { HeaderStyledProps, HeaderCommonStyledProps, HeaderCommonRowStyledProps, HeaderCommonColumnStyledProps } from './Header.types';
+import { HeaderStyledProps, HeaderCommonStyledProps, HeaderCommonRowStyledProps, HeaderCommonColumnStyledProps } from './Header.types.js';
 export declare const HeaderStyled: import('react').ForwardRefExoticComponent<Omit<HeaderStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const TopBannerRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const NavigationRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/Header/constants.d.cts

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

package/components/organisms/Header/index.d.cts

@@ -0,0 +1 @@
+export * from './Header.js';

package/components/organisms/Header/index.d.ts

@@ -1 +1 @@
-export * from './Header';
+export * from './Header.js';