gd-design-library 1.8.2 → 1.8.3

package/components/organisms/SearchModal/SearchItems/SearchItemsStyled.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`),i=require(`../../../atoms/Button/Button.cjs`);let a=require(`@emotion/react/jsx-runtime`);var o=n=>{let{theme:{searchModal:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.default`,{}),...o})},s=n=>{let{theme:{searchModal:r,...o}={},...s}=n,c=e.get(new Proxy(r||{},t.tokensHandler(o)),`items.newSearchBtn`,{});return(0,a.jsx)(i.Button,{css:e.get(c,`styles`,{}),...e.get(c,`attrs`,{}),...s})},c=n=>{let{theme:{searchModal:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.noResult`,{}),...o})},l=n=>{let{theme:{searchModal:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.groupTitle`,{}),...o})},u=n=>{let{theme:{searchModal:r,...o}={},...s}=n,c=e.get(new Proxy(r||{},t.tokensHandler(o)),`items.item`,{});return(0,a.jsx)(i.Button,{css:e.get(c,`styles`,{}),...e.get(c,`attrs`,{}),...s})},d=n=>{let{theme:{searchModal:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`items.itemRow`,{}),...s})},f=r=>{let{theme:{searchModal:i,...o}={},...s}=r;return(0,a.jsx)(n.Column,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`items.itemColumn`,{}),...s})},p=n=>{let{theme:{searchModal:r,...i}={},$variant:o=`default`,...s}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.itemContent.${o}`,{}),...s})};exports.NewSearchButtonStyled=s,exports.SearchGroupTitleStyled=l,exports.SearchItemColumnStyled=f,exports.SearchItemContentStyled=p,exports.SearchItemRowStyled=d,exports.SearchItemStyled=u,exports.SearchItemsStyled=o,exports.SearchNoItemsStyled=c;
+"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"),i=require("../../../atoms/Button/Button.cjs");let a=require("@emotion/react/jsx-runtime");var o=n=>{let{theme:{searchModal:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.default`,{}),...o})},s=n=>{let{theme:{searchModal:r,...o}={},...s}=n,c=e.get(new Proxy(r||{},t.tokensHandler(o)),`items.newSearchBtn`,{});return(0,a.jsx)(i.Button,{css:e.get(c,`styles`,{}),...e.get(c,`attrs`,{}),...s})},c=n=>{let{theme:{searchModal:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.noResult`,{}),...o})},l=n=>{let{theme:{searchModal:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.groupTitle`,{}),...o})},u=n=>{let{theme:{searchModal:r,...o}={},...s}=n,c=e.get(new Proxy(r||{},t.tokensHandler(o)),`items.item`,{});return(0,a.jsx)(i.Button,{css:e.get(c,`styles`,{}),...e.get(c,`attrs`,{}),...s})},d=n=>{let{theme:{searchModal:i,...o}={},...s}=n;return(0,a.jsx)(r.Row,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`items.itemRow`,{}),...s})},f=r=>{let{theme:{searchModal:i,...o}={},...s}=r;return(0,a.jsx)(n.Column,{css:e.get(new Proxy(i||{},t.tokensHandler(o)),`items.itemColumn`,{}),...s})},p=n=>{let{theme:{searchModal:r,...i}={},$variant:o=`default`,...s}=n;return(0,a.jsx)(`div`,{css:e.get(new Proxy(r||{},t.tokensHandler(i)),`items.itemContent.${o}`,{}),...s})};exports.NewSearchButtonStyled=s,exports.SearchGroupTitleStyled=l,exports.SearchItemColumnStyled=f,exports.SearchItemContentStyled=p,exports.SearchItemRowStyled=d,exports.SearchItemStyled=u,exports.SearchItemsStyled=o,exports.SearchNoItemsStyled=c;

package/components/organisms/SearchModal/SearchItems/SearchItemsStyled.d.cts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../../../index.js';
+import { SearchItemContentStyledProps, SearchModalCommonStyledProps } from '../SearchModal.types.js';
+export declare const SearchItemsStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NewSearchButtonStyled: (props: SearchModalCommonStyledProps<HTMLButtonElement> & ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchNoItemsStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchGroupTitleStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemStyled: (props: SearchModalCommonStyledProps<HTMLButtonElement> & ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemRowStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemColumnStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemContentStyled: (props: SearchItemContentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/SearchModal/SearchItems/SearchItemsStyled.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../../..';
-import { SearchItemContentStyledProps, SearchModalCommonStyledProps } from '../SearchModal.types';
+import { ButtonProps } from '../../../index.js';
+import { SearchItemContentStyledProps, SearchModalCommonStyledProps } from '../SearchModal.types.js';
 export declare const SearchItemsStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const NewSearchButtonStyled: (props: SearchModalCommonStyledProps<HTMLButtonElement> & ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const SearchNoItemsStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/SearchModal/SearchItems/constants.d.cts

@@ -0,0 +1,7 @@
+export declare const COMPONENT_NAME = "SearchItems";
+export declare const COMPONENT_GROUP_TITLE = "SearchGroupTitle";
+export declare const COMPONENT_ITEM_NAME = "SearchItem";
+export declare const COMPONENT_EMPTY_NAME = "SearchEmpty";
+export declare const NEW_SEARCH = "NEW_SEARCH";
+export declare const NEW_CHAT_ICON = "edit";
+export declare const NO_RESULTS_ICON = "search";

package/components/organisms/SearchModal/SearchItems/index.d.cts

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

package/components/organisms/SearchModal/SearchItems/index.d.ts

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

package/components/organisms/SearchModal/SearchItems/utils.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../atoms/Icon/Icon.cjs`);let t=require(`@emotion/react/jsx-runtime`);var n=(n,r)=>n?typeof n==`string`?(0,t.jsx)(e.Icon,{name:n,...r}):n:null;exports.getIcon=n;
+"use client";const e=require("../../../atoms/Icon/Icon.cjs");let t=require("@emotion/react/jsx-runtime");var n=(n,r)=>n?typeof n==`string`?(0,t.jsx)(e.Icon,{name:n,...r}):n:null;exports.getIcon=n;

package/components/organisms/SearchModal/SearchItems/utils.d.cts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const getIcon: (icon: string | ReactNode | undefined, props: Record<string, string | number>) => number | true | Iterable<ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null;

package/components/organisms/SearchModal/SearchLoader/SearchLoader.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../hooks/useTheme/useTheme.cjs`),t=require(`../../../atoms/Skeleton/Skeleton.cjs`),n=require(`./constants.cjs`),r=require(`./SearchLoaderStyled.cjs`);let i=require(`@emotion/react/jsx-runtime`);var a=a=>{let{itemsCount:o}=a,{theme:s}=e.useTheme();return(0,i.jsx)(r.SearchLoaderStyled,{theme:s,"data-testid":n.COMPONENT_NAME,children:Array.from({length:o}).map((e,n)=>(0,i.jsx)(t.Skeleton,{height:`20px`},n))})};a.displayName=n.COMPONENT_NAME,exports.SearchLoader=a;
+"use client";const e=require("../../../../hooks/useTheme/useTheme.cjs"),t=require("../../../atoms/Skeleton/Skeleton.cjs"),n=require("./constants.cjs"),r=require("./SearchLoaderStyled.cjs");let i=require("@emotion/react/jsx-runtime");var a=a=>{let{itemsCount:o}=a,{theme:s}=e.useTheme();return(0,i.jsx)(r.SearchLoaderStyled,{theme:s,"data-testid":n.COMPONENT_NAME,children:Array.from({length:o}).map((e,n)=>(0,i.jsx)(t.Skeleton,{height:`20px`},n))})};a.displayName=n.COMPONENT_NAME,exports.SearchLoader=a;

package/components/organisms/SearchModal/SearchLoader/SearchLoader.d.cts

@@ -0,0 +1,5 @@
+import { SearchLoaderProps } from '../SearchModal.types.js';
+export declare const SearchLoader: {
+    (props: SearchLoaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/components/organisms/SearchModal/SearchLoader/SearchLoader.d.ts

@@ -1,4 +1,4 @@
-import { SearchLoaderProps } from '../SearchModal.types';
+import { SearchLoaderProps } from '../SearchModal.types.js';
 export declare const SearchLoader: {
     (props: SearchLoaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;

package/components/organisms/SearchModal/SearchLoader/SearchLoaderStyled.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:{searchModal:i,...a}={},...o}=r;return(0,n.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(a)),`loader.default`,{})],...o})};exports.SearchLoaderStyled=r;
+const e=require("../../../../utils/helpers.cjs"),t=require("../../../../tokens/utils.cjs");let n=require("@emotion/react/jsx-runtime");var r=r=>{let{theme:{searchModal:i,...a}={},...o}=r;return(0,n.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(a)),`loader.default`,{})],...o})};exports.SearchLoaderStyled=r;

package/components/organisms/SearchModal/SearchLoader/SearchLoaderStyled.d.cts

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

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

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

package/components/organisms/SearchModal/SearchLoader/constants.d.cts

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

package/components/organisms/SearchModal/SearchLoader/index.d.cts

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

package/components/organisms/SearchModal/SearchLoader/index.d.ts

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

package/components/organisms/SearchModal/SearchModal.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./SearchModalStyled.cjs`),i=require(`./SearchInput/SearchInput.cjs`),a=require(`./SearchLoader/SearchLoader.cjs`),o=require(`./SearchItems/SearchItems.cjs`);let s=require(`react`),c=require(`@emotion/react/jsx-runtime`);var l=({section:t,theme:n,testId:r})=>{let i=e.get(n,`searchModal.section.default`,{}),a=e.get(n,`searchModal.section.title`,{});return(0,c.jsxs)(`div`,{css:i,"data-testid":r,children:[t.title&&(0,c.jsx)(`div`,{css:a,children:t.title}),t.content]})},u=(0,s.forwardRef)((e,s)=>{let{children:u,onResultClick:d,results:f=[],historyResults:p=[],searchValue:m=``,isLoading:h=!1,noHistoryResultsLabel:g=n.DEFAULT_NO_HISTORY_RESULTS,noResultsLabel:_=n.DEFAULT_NO_RESULTS,newSearchCta:v=n.DEFAULT_NEW_SEARCH,loaderItemsCount:y=3,modalProps:b={},searchProps:x={},popularItems:S,aiSuggestions:C,articles:w,...T}=e,{theme:E}=t.useTheme(),D=p,O=g,k=v;m&&(D=f,O=_,k=``);let A=!m&&!h;return(0,c.jsxs)(r.SearchModalStyled,{theme:E,ref:s,"data-testid":n.COMPONENT_NAME,...b,...T,children:[(0,c.jsx)(i.SearchInput,{onEndIconClick:b?.onClose,...x,defaultValue:m}),(0,c.jsxs)(r.SearchModalWrapperStyled,{theme:E,children:[h?(0,c.jsx)(a.SearchLoader,{itemsCount:y}):(0,c.jsx)(o.SearchItems,{onItemClick:d,items:D,newSearchCta:k,noItemsLabel:O}),A&&S&&(0,c.jsx)(l,{section:S,theme:E,testId:`SearchModal-popular`}),A&&C&&(0,c.jsx)(l,{section:C,theme:E,testId:`SearchModal-ai-suggestions`}),A&&w&&(0,c.jsx)(l,{section:w,theme:E,testId:`SearchModal-articles`})]}),u]})});u.displayName=n.COMPONENT_NAME,exports.SearchModal=u;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./SearchModalStyled.cjs"),i=require("./SearchInput/SearchInput.cjs"),a=require("./SearchLoader/SearchLoader.cjs"),o=require("./SearchItems/SearchItems.cjs");let s=require("react"),c=require("@emotion/react/jsx-runtime");var l=({section:t,theme:n,testId:r})=>{let i=e.get(n,`searchModal.section.default`,{}),a=e.get(n,`searchModal.section.title`,{});return(0,c.jsxs)(`div`,{css:i,"data-testid":r,children:[t.title&&(0,c.jsx)(`div`,{css:a,children:t.title}),t.content]})},u=(0,s.forwardRef)((e,s)=>{let{children:u,onResultClick:d,results:f=[],historyResults:p=[],searchValue:m=``,isLoading:h=!1,noHistoryResultsLabel:g=n.DEFAULT_NO_HISTORY_RESULTS,noResultsLabel:_=n.DEFAULT_NO_RESULTS,newSearchCta:v=n.DEFAULT_NEW_SEARCH,loaderItemsCount:y=3,modalProps:b={},searchProps:x={},popularItems:S,aiSuggestions:C,articles:w,...T}=e,{theme:E}=t.useTheme(),D=p,O=g,k=v;m&&(D=f,O=_,k=``);let A=!m&&!h;return(0,c.jsxs)(r.SearchModalStyled,{theme:E,ref:s,"data-testid":n.COMPONENT_NAME,...b,...T,children:[(0,c.jsx)(i.SearchInput,{onEndIconClick:b?.onClose,...x,defaultValue:m}),(0,c.jsxs)(r.SearchModalWrapperStyled,{theme:E,children:[h?(0,c.jsx)(a.SearchLoader,{itemsCount:y}):(0,c.jsx)(o.SearchItems,{onItemClick:d,items:D,newSearchCta:k,noItemsLabel:O}),A&&S&&(0,c.jsx)(l,{section:S,theme:E,testId:`SearchModal-popular`}),A&&C&&(0,c.jsx)(l,{section:C,theme:E,testId:`SearchModal-ai-suggestions`}),A&&w&&(0,c.jsx)(l,{section:w,theme:E,testId:`SearchModal-articles`})]}),u]})});u.displayName=n.COMPONENT_NAME,exports.SearchModal=u;

package/components/organisms/SearchModal/SearchModal.d.cts

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

package/components/organisms/SearchModal/SearchModal.d.ts

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

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

@@ -0,0 +1,55 @@
+import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
+import { ModalProps, InputFieldProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+import { defaultTheme } from '../../../tokens/index.js';
+export type SearchInputProps = InputFieldProps & {
+    theme?: typeof defaultTheme;
+    onEndIconClick?: (event: MouseEvent<HTMLDivElement>) => void;
+};
+export interface SearchLoaderProps extends CommonCssComponentProps {
+    itemsCount: number;
+}
+export interface SearchModalResultItemProps extends CommonCssComponentProps {
+    title: string;
+    icon?: ReactNode;
+    description?: string;
+    date?: number;
+}
+export interface SearchModalHistoryResultItemProps extends CommonCssComponentProps {
+    title: string;
+    items: (never | SearchModalResultItemProps)[];
+}
+export interface SearchItemsProps extends CommonCssComponentProps {
+    items?: (never | SearchModalResultItemProps | SearchModalHistoryResultItemProps)[];
+    onItemClick?: (event: MouseEvent, item: string | SearchModalResultItemProps) => void;
+    noItemsLabel?: string;
+    newSearchCta?: string;
+}
+export interface SearchModalSectionProps {
+    title?: string;
+    content: ReactNode;
+}
+export interface SearchModalProps extends Omit<CommonCssComponentProps, 'results'> {
+    results?: (never | SearchModalResultItemProps | SearchModalHistoryResultItemProps)[];
+    historyResults?: (never | SearchModalResultItemProps | SearchModalHistoryResultItemProps)[];
+    noResultsLabel?: string;
+    noHistoryResultsLabel?: string;
+    newSearchCta?: string;
+    searchValue?: string;
+    loaderItemsCount?: number;
+    isLoading?: boolean;
+    shouldSortHistory?: boolean;
+    onResultClick?: (event: MouseEvent, id: string | SearchModalResultItemProps) => void;
+    modalProps?: ModalProps;
+    searchProps?: SearchInputProps;
+    popularItems?: SearchModalSectionProps;
+    aiSuggestions?: SearchModalSectionProps;
+    articles?: SearchModalSectionProps;
+}
+export interface SearchModalStyledProps extends Omit<CommonCssComponentStyledProps, 'title'>, PropsWithChildren {
+    title?: ReactNode;
+}
+export interface SearchItemContentStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    $variant?: 'title' | 'description' | 'date';
+}
+export interface SearchModalCommonStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+}

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

@@ -1,6 +1,6 @@
 import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
-import { ModalProps, InputFieldProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-import { defaultTheme } from '../../../tokens';
+import { ModalProps, InputFieldProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+import { defaultTheme } from '../../../tokens/index.js';
 export type SearchInputProps = InputFieldProps & {
     theme?: typeof defaultTheme;
     onEndIconClick?: (event: MouseEvent<HTMLDivElement>) => void;

package/components/organisms/SearchModal/SearchModalStyled.cjs

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

package/components/organisms/SearchModal/SearchModalStyled.d.cts

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

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

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

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

@@ -0,0 +1,5 @@
+export declare const COMPONENT_NAME = "SearchModal";
+export declare const DEFAULT_LOADER_ITEMS_COUNT = 3;
+export declare const DEFAULT_NO_HISTORY_RESULTS = "You have no conversations";
+export declare const DEFAULT_NO_RESULTS = "No Results";
+export declare const DEFAULT_NEW_SEARCH = "New chat";

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

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

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

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

package/components/organisms/Sidebar/Sidebar.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/Icon/Icon.cjs`),r=require(`./constants.cjs`),i=require(`./SidebarStyled.cjs`),a=require(`./SidebarItem.cjs`);let o=require(`react`),s=require(`@emotion/react/jsx-runtime`);var c=(0,o.forwardRef)((c,l)=>{let{items:u=[],activeItemId:d,collapsed:f=!1,width:p=`260px`,collapsedWidth:m=`64px`,onItemClick:h,onCollapsedChange:g,header:_,footer:v,children:y,...b}=c,{theme:x}=t.useTheme(),S=(0,o.useCallback)(()=>{g?.(!f)},[f,g]),C=e.get(x,`sidebar.collapseButton.default`,{});return(0,s.jsxs)(i.SidebarStyled,{ref:l,theme:x,$collapsed:f,$width:p,$collapsedWidth:m,"data-testid":r.COMPONENT_NAME,"aria-label":`Sidebar navigation`,...b,children:[(_||g)&&(0,s.jsxs)(i.SidebarHeaderStyled,{theme:x,children:[!f&&_,g&&(0,s.jsx)(`button`,{type:`button`,css:C,onClick:S,"aria-label":f?`Expand sidebar`:`Collapse sidebar`,"data-testid":`Sidebar-collapse`,children:(0,s.jsx)(n.Icon,{name:`arrowRight`,width:16,height:16,styles:{transform:f?`rotate(0deg)`:`rotate(180deg)`,transition:`transform 0.2s ease`}})})]}),(0,s.jsxs)(i.SidebarContentStyled,{theme:x,children:[u.map(e=>(0,s.jsx)(a.SidebarItemComponent,{item:e,activeItemId:d,collapsed:f,onItemClick:h},e.id)),y]}),v&&(0,s.jsx)(i.SidebarFooterStyled,{theme:x,children:v})]})});c.displayName=r.COMPONENT_NAME,exports.Sidebar=c;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("../../atoms/Icon/Icon.cjs"),r=require("./constants.cjs"),i=require("./SidebarStyled.cjs"),a=require("./SidebarItem.cjs");let o=require("react"),s=require("@emotion/react/jsx-runtime");var c=(0,o.forwardRef)((c,l)=>{let{items:u=[],activeItemId:d,collapsed:f=!1,width:p=`260px`,collapsedWidth:m=`64px`,onItemClick:h,onCollapsedChange:g,header:_,footer:v,children:y,...b}=c,{theme:x}=t.useTheme(),S=(0,o.useCallback)(()=>{g?.(!f)},[f,g]),C=e.get(x,`sidebar.collapseButton.default`,{});return(0,s.jsxs)(i.SidebarStyled,{ref:l,theme:x,$collapsed:f,$width:p,$collapsedWidth:m,"data-testid":r.COMPONENT_NAME,"aria-label":`Sidebar navigation`,...b,children:[(_||g)&&(0,s.jsxs)(i.SidebarHeaderStyled,{theme:x,children:[!f&&_,g&&(0,s.jsx)(`button`,{type:`button`,css:C,onClick:S,"aria-label":f?`Expand sidebar`:`Collapse sidebar`,"data-testid":`Sidebar-collapse`,children:(0,s.jsx)(n.Icon,{name:`arrowRight`,width:16,height:16,styles:{transform:f?`rotate(0deg)`:`rotate(180deg)`,transition:`transform 0.2s ease`}})})]}),(0,s.jsxs)(i.SidebarContentStyled,{theme:x,children:[u.map(e=>(0,s.jsx)(a.SidebarItemComponent,{item:e,activeItemId:d,collapsed:f,onItemClick:h},e.id)),y]}),v&&(0,s.jsx)(i.SidebarFooterStyled,{theme:x,children:v})]})});c.displayName=r.COMPONENT_NAME,exports.Sidebar=c;

package/components/organisms/Sidebar/Sidebar.d.cts

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

package/components/organisms/Sidebar/Sidebar.d.ts

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

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

@@ -0,0 +1,42 @@
+import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
+export interface SidebarItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    disabled?: boolean;
+    children?: SidebarItem[];
+}
+export interface SidebarProps extends PropsWithChildren<BoxCssComponentProps<HTMLElement>> {
+    items?: SidebarItem[];
+    activeItemId?: string;
+    collapsed?: boolean;
+    width?: string;
+    collapsedWidth?: string;
+    onItemClick?: (event: MouseEvent<HTMLElement>, item: SidebarItem) => void;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    header?: ReactNode;
+    footer?: ReactNode;
+}
+export interface SidebarStyledProps extends BoxCssComponentStyledProps<HTMLElement> {
+    $collapsed: boolean;
+    $width: string;
+    $collapsedWidth: string;
+}
+export interface SidebarItemProps extends PropsWithChildren {
+    item: SidebarItem;
+    activeItemId?: string;
+    collapsed?: boolean;
+    depth?: number;
+    onItemClick?: (event: MouseEvent<HTMLElement>, item: SidebarItem) => void;
+}
+export interface SidebarItemStyledProps extends BoxCssComponentStyledProps<HTMLElement> {
+    $isActive: boolean;
+    $depth: number;
+    $disabled: boolean;
+    $collapsed: boolean;
+}
+export interface SidebarGroupStyledProps extends BoxCssComponentStyledProps<HTMLDivElement> {
+    $isExpanded: boolean;
+}

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

@@ -1,5 +1,5 @@
 import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../..';
+import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
 export interface SidebarItem {
     id: string;
     label: string;

package/components/organisms/Sidebar/SidebarItem.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/Icon/Icon.cjs`),r=require(`./SidebarStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=s=>{let{item:c,activeItemId:l,collapsed:u=!1,depth:d=0,onItemClick:f}=s,{theme:p}=t.useTheme(),m=c.children&&c.children.length>0,h=c.id===l,g=(0,i.useMemo)(()=>{let e=t=>t.some(t=>t.id===l||t.children&&e(t.children));return m?e(c.children):!1},[l,m,c.children]),[_,v]=(0,i.useState)(g);(0,i.useEffect)(()=>{g&&v(!0)},[g]);let y=(0,i.useCallback)(e=>{c.disabled||(m&&v(e=>!e),f?.(e,c))},[c,m,f]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.SidebarItemStyled,{theme:p,$isActive:h,$depth:d,$disabled:!!c.disabled,$collapsed:u,onClick:y,"data-testid":`SidebarItem-${c.id}`,"aria-current":h?`page`:void 0,...c.disabled?{"aria-disabled":!0}:{},children:[c.icon&&c.icon,!u&&(0,a.jsx)(`span`,{children:c.label}),!u&&m&&(0,a.jsx)(n.Icon,{...e.get(p,`sidebar.expandIcon.icon`,{name:`arrowRight`,width:14,height:14}),styles:{...e.get(p,`sidebar.expandIcon.default`,{}),..._?e.get(p,`sidebar.expandIcon.expanded`,{}):{},marginLeft:`auto`}})]}),m&&!u&&(0,a.jsx)(r.SidebarGroupStyled,{theme:p,$isExpanded:_,children:c.children.map(e=>(0,a.jsx)(o,{item:e,activeItemId:l,collapsed:u,depth:d+1,onItemClick:f},e.id))})]})};exports.SidebarItemComponent=o;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("../../atoms/Icon/Icon.cjs"),r=require("./SidebarStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=s=>{let{item:c,activeItemId:l,collapsed:u=!1,depth:d=0,onItemClick:f}=s,{theme:p}=t.useTheme(),m=c.children&&c.children.length>0,h=c.id===l,g=(0,i.useMemo)(()=>{let e=t=>t.some(t=>t.id===l||t.children&&e(t.children));return m?e(c.children):!1},[l,m,c.children]),[_,v]=(0,i.useState)(g);(0,i.useEffect)(()=>{g&&v(!0)},[g]);let y=(0,i.useCallback)(e=>{c.disabled||(m&&v(e=>!e),f?.(e,c))},[c,m,f]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.SidebarItemStyled,{theme:p,$isActive:h,$depth:d,$disabled:!!c.disabled,$collapsed:u,onClick:y,"data-testid":`SidebarItem-${c.id}`,"aria-current":h?`page`:void 0,...c.disabled?{"aria-disabled":!0}:{},children:[c.icon&&c.icon,!u&&(0,a.jsx)(`span`,{children:c.label}),!u&&m&&(0,a.jsx)(n.Icon,{...e.get(p,`sidebar.expandIcon.icon`,{name:`arrowRight`,width:14,height:14}),styles:{...e.get(p,`sidebar.expandIcon.default`,{}),..._?e.get(p,`sidebar.expandIcon.expanded`,{}):{},marginLeft:`auto`}})]}),m&&!u&&(0,a.jsx)(r.SidebarGroupStyled,{theme:p,$isExpanded:_,children:c.children.map(e=>(0,a.jsx)(o,{item:e,activeItemId:l,collapsed:u,depth:d+1,onItemClick:f},e.id))})]})};exports.SidebarItemComponent=o;

package/components/organisms/Sidebar/SidebarItem.d.cts

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

package/components/organisms/Sidebar/SidebarItem.d.ts

@@ -1,2 +1,2 @@
-import { SidebarItemProps } from './Sidebar.types';
+import { SidebarItemProps } from './Sidebar.types.js';
 export declare const SidebarItemComponent: (props: SidebarItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/Sidebar/SidebarStyled.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:{sidebar:a,...o}={},$collapsed:s,$width:c,$collapsedWidth:l,styles:u={},...d}=n,{boxStyles:f,restProps:p}=t.getBoxStyles(d);return(0,r.jsx)(`nav`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`container.default`,{}),{width:s?l:c},f,u],...p,ref:i})}),a=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},...s}=n;return(0,r.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`header.default`,{}),...s,ref:i})}),o=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},...s}=n;return(0,r.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`content.default`,{}),...s,ref:i})}),s=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},...s}=n;return(0,r.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`footer.default`,{}),...s,ref:i})}),c=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},$isActive:s,$depth:c,$disabled:l,$collapsed:u,styles:d={},...f}=n,{boxStyles:p,restProps:m}=t.getBoxStyles(f),h=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`button`,{type:`button`,css:[e.get(h,`item.default`,{}),c>0?{paddingLeft:`${e.get(h,`item.nested.paddingBase`,16)+c*e.get(h,`item.nested.paddingMultiplier`,16)}px`}:{},s?e.get(h,`item.active`,{}):{},l?e.get(h,`item.disabled`,{}):{},u?e.get(h,`item.collapsed`,{}):{},p,d],...m,ref:i})}),l=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},$isExpanded:s,styles:c={},...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`div`,{css:[e.get(f,`group.default`,{}),s?e.get(f,`group.expanded`,{}):e.get(f,`group.collapsed`,{}),u,c],...d,ref:i})});exports.SidebarContentStyled=o,exports.SidebarFooterStyled=s,exports.SidebarGroupStyled=l,exports.SidebarHeaderStyled=a,exports.SidebarItemStyled=c,exports.SidebarStyled=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:{sidebar:a,...o}={},$collapsed:s,$width:c,$collapsedWidth:l,styles:u={},...d}=n,{boxStyles:f,restProps:p}=t.getBoxStyles(d);return(0,r.jsx)(`nav`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`container.default`,{}),{width:s?l:c},f,u],...p,ref:i})}),a=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},...s}=n;return(0,r.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`header.default`,{}),...s,ref:i})}),o=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},...s}=n;return(0,r.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`content.default`,{}),...s,ref:i})}),s=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},...s}=n;return(0,r.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`footer.default`,{}),...s,ref:i})}),c=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},$isActive:s,$depth:c,$disabled:l,$collapsed:u,styles:d={},...f}=n,{boxStyles:p,restProps:m}=t.getBoxStyles(f),h=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`button`,{type:`button`,css:[e.get(h,`item.default`,{}),c>0?{paddingLeft:`${e.get(h,`item.nested.paddingBase`,16)+c*e.get(h,`item.nested.paddingMultiplier`,16)}px`}:{},s?e.get(h,`item.active`,{}):{},l?e.get(h,`item.disabled`,{}):{},u?e.get(h,`item.collapsed`,{}):{},p,d],...m,ref:i})}),l=(0,n.forwardRef)((n,i)=>{let{theme:{sidebar:a,...o}={},$isExpanded:s,styles:c={},...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`div`,{css:[e.get(f,`group.default`,{}),s?e.get(f,`group.expanded`,{}):e.get(f,`group.collapsed`,{}),u,c],...d,ref:i})});exports.SidebarContentStyled=o,exports.SidebarFooterStyled=s,exports.SidebarGroupStyled=l,exports.SidebarHeaderStyled=a,exports.SidebarItemStyled=c,exports.SidebarStyled=i;

package/components/organisms/Sidebar/SidebarStyled.d.cts

@@ -0,0 +1,16 @@
+import { SidebarStyledProps, SidebarItemStyledProps, SidebarGroupStyledProps } from './Sidebar.types.js';
+export declare const SidebarStyled: import('react').ForwardRefExoticComponent<Omit<SidebarStyledProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export declare const SidebarHeaderStyled: import('react').ForwardRefExoticComponent<{
+    theme?: Record<string, unknown>;
+    children?: React.ReactNode;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SidebarContentStyled: import('react').ForwardRefExoticComponent<{
+    theme?: Record<string, unknown>;
+    children?: React.ReactNode;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SidebarFooterStyled: import('react').ForwardRefExoticComponent<{
+    theme?: Record<string, unknown>;
+    children?: React.ReactNode;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SidebarItemStyled: import('react').ForwardRefExoticComponent<Omit<SidebarItemStyledProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SidebarGroupStyled: import('react').ForwardRefExoticComponent<Omit<SidebarGroupStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/organisms/Sidebar/SidebarStyled.d.ts

@@ -1,4 +1,4 @@
-import { SidebarStyledProps, SidebarItemStyledProps, SidebarGroupStyledProps } from './Sidebar.types';
+import { SidebarStyledProps, SidebarItemStyledProps, SidebarGroupStyledProps } from './Sidebar.types.js';
 export declare const SidebarStyled: import('react').ForwardRefExoticComponent<Omit<SidebarStyledProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
 export declare const SidebarHeaderStyled: import('react').ForwardRefExoticComponent<{
     theme?: Record<string, unknown>;

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

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

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

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

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

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

package/components/organisms/index.d.cts

@@ -0,0 +1,13 @@
+export * from './Card/index.js';
+export * from './Carousel/index.js';
+export * from './Chart/index.js';
+export * from './ChatBubble/index.js';
+export * from './ContentCarousel/index.js';
+export * from './DragAndDropFiles/index.js';
+export * from './Header/index.js';
+export * from './Modal/index.js';
+export * from './Search/index.js';
+export * from './SearchModal/index.js';
+export * from './Sidebar/index.js';
+export * from './ImagePreview/index.js';
+export * from './InputArea/index.js';

package/components/organisms/index.d.ts

@@ -1,13 +1,13 @@
-export * from './Card';
-export * from './Carousel';
-export * from './Chart';
-export * from './ChatBubble';
-export * from './ContentCarousel';
-export * from './DragAndDropFiles';
-export * from './Header';
-export * from './Modal';
-export * from './Search';
-export * from './SearchModal';
-export * from './Sidebar';
-export * from './ImagePreview';
-export * from './InputArea';
+export * from './Card/index.js';
+export * from './Carousel/index.js';
+export * from './Chart/index.js';
+export * from './ChatBubble/index.js';
+export * from './ContentCarousel/index.js';
+export * from './DragAndDropFiles/index.js';
+export * from './Header/index.js';
+export * from './Modal/index.js';
+export * from './Search/index.js';
+export * from './SearchModal/index.js';
+export * from './Sidebar/index.js';
+export * from './ImagePreview/index.js';
+export * from './InputArea/index.js';

package/components/widget/DragAndDrop/DragAndDrop.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../types/typography.cjs`),n=require(`../../../types/button.cjs`),r=require(`../../../hooks/useTheme/useTheme.cjs`),i=require(`../../layout/Column/Column.cjs`),a=require(`../../atoms/InputFile/InputFile.cjs`),o=require(`../../organisms/DragAndDropFiles/DragAndDropFiles.cjs`),s=require(`./constants.cjs`),c=require(`./utils/validators.cjs`),l=require(`./DragAndDropStyled.cjs`);let u=require(`react`),d=require(`@emotion/react/jsx-runtime`);var f=(0,u.forwardRef)((f,p)=>{let{styles:m={},files:h,errors:g,title:_,description:v,inputFileButtonLabel:y,acceptedFileTypes:b,maxFileSize:x,maxFiles:S,onError:C,onFilesChanged:w,disabled:T,isLoading:E,loadingOverlay:D,children:O,...k}=f,{theme:A}=r.useTheme(),j=(0,u.useRef)(null),M=(0,u.useRef)(null),N=(0,u.useCallback)(e=>{if(!e||E)return;let t=h??[],{validFiles:n,errors:r}=c.validateFiles(Array.from(e),t,b,S,x);C(r),n.length>0&&w([...t,...n])},[h,b,S,x,w,C,E]),P=(0,u.useCallback)(e=>{N(e)},[N]),F=(0,u.useCallback)(e=>{N(e.target.files)},[N]),I=g&&g.length>0,L=!S||S>1,R=u.Children.count(O)>0;return(0,d.jsx)(l.DragAndDropStyled,{ref:p||M,theme:A,styles:m,"data-testid":s.COMPONENT_NAME,children:(0,d.jsxs)(o.DragAndDropFiles,{targetRef:p||M,triggerRef:j,dragOverContent:E?null:(0,d.jsx)(l.DragOverContentStyled,{theme:A,children:(0,d.jsxs)(i.Column,{justify:`center`,align:`center`,gutter:16,children:[(0,d.jsx)(l.UploadIconStyled,{theme:A}),(0,d.jsx)(l.ContentTypographyStyled,{theme:A,variant:t.TypographyVariant.H6,children:_})]})}),onDrop:P,...k,children:[R&&O,!R&&(0,d.jsx)(l.DragAndDropAreaStyled,{theme:A,ref:j,$disabled:T,$isError:I,$isLoading:E,children:(0,d.jsxs)(i.Column,{justify:`center`,align:`center`,gutter:16,children:[!E&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.UploadIconStyled,{theme:A,$disabled:T}),_&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.ContentTypographyStyled,{theme:A,variant:t.TypographyVariant.H6,$disabled:T,children:_}),(0,d.jsx)(l.ContentTypographyStyled,{theme:A,as:`div`,variant:t.TypographyVariant.Caption,$disabled:T,children:`or`})]}),(0,d.jsx)(a.InputFile,{multiple:L,disabled:T,onChange:F,buttonProps:{variant:T?n.ButtonVariant.Text:n.ButtonVariant.Outlined},children:y}),v&&(0,d.jsx)(l.ContentTypographyStyled,{theme:A,as:`div`,variant:t.TypographyVariant.Caption,$disabled:T,children:v}),g?.map((n,r)=>(0,d.jsx)(l.ContentTypographyStyled,{theme:A,as:`div`,color:e.get(A,`colors.text.error`,`theme.colors.text.error`),variant:t.TypographyVariant.Caption,children:n},`${n}-${r}`))]}),E&&D]})})]})})});f.displayName=s.COMPONENT_NAME,exports.DragAndDrop=f;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../types/typography.cjs"),n=require("../../../types/button.cjs"),r=require("../../../hooks/useTheme/useTheme.cjs"),i=require("../../layout/Column/Column.cjs"),a=require("../../atoms/InputFile/InputFile.cjs"),o=require("../../organisms/DragAndDropFiles/DragAndDropFiles.cjs"),s=require("./constants.cjs"),c=require("./utils/validators.cjs"),l=require("./DragAndDropStyled.cjs");let u=require("react"),d=require("@emotion/react/jsx-runtime");var f=(0,u.forwardRef)((f,p)=>{let{styles:m={},files:h,errors:g,title:_,description:v,inputFileButtonLabel:y,acceptedFileTypes:b,maxFileSize:x,maxFiles:S,onError:C,onFilesChanged:w,disabled:T,isLoading:E,loadingOverlay:D,children:O,...k}=f,{theme:A}=r.useTheme(),j=(0,u.useRef)(null),M=(0,u.useRef)(null),N=(0,u.useCallback)(e=>{if(!e||E)return;let t=h??[],{validFiles:n,errors:r}=c.validateFiles(Array.from(e),t,b,S,x);C(r),n.length>0&&w([...t,...n])},[h,b,S,x,w,C,E]),P=(0,u.useCallback)(e=>{N(e)},[N]),F=(0,u.useCallback)(e=>{N(e.target.files)},[N]),I=g&&g.length>0,L=!S||S>1,R=u.Children.count(O)>0;return(0,d.jsx)(l.DragAndDropStyled,{ref:p||M,theme:A,styles:m,"data-testid":s.COMPONENT_NAME,children:(0,d.jsxs)(o.DragAndDropFiles,{targetRef:p||M,triggerRef:j,dragOverContent:E?null:(0,d.jsx)(l.DragOverContentStyled,{theme:A,children:(0,d.jsxs)(i.Column,{justify:`center`,align:`center`,gutter:16,children:[(0,d.jsx)(l.UploadIconStyled,{theme:A}),(0,d.jsx)(l.ContentTypographyStyled,{theme:A,variant:t.TypographyVariant.H6,children:_})]})}),onDrop:P,...k,children:[R&&O,!R&&(0,d.jsx)(l.DragAndDropAreaStyled,{theme:A,ref:j,$disabled:T,$isError:I,$isLoading:E,children:(0,d.jsxs)(i.Column,{justify:`center`,align:`center`,gutter:16,children:[!E&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.UploadIconStyled,{theme:A,$disabled:T}),_&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.ContentTypographyStyled,{theme:A,variant:t.TypographyVariant.H6,$disabled:T,children:_}),(0,d.jsx)(l.ContentTypographyStyled,{theme:A,as:`div`,variant:t.TypographyVariant.Caption,$disabled:T,children:`or`})]}),(0,d.jsx)(a.InputFile,{multiple:L,disabled:T,onChange:F,buttonProps:{variant:T?n.ButtonVariant.Text:n.ButtonVariant.Outlined},children:y}),v&&(0,d.jsx)(l.ContentTypographyStyled,{theme:A,as:`div`,variant:t.TypographyVariant.Caption,$disabled:T,children:v}),g?.map((n,r)=>(0,d.jsx)(l.ContentTypographyStyled,{theme:A,as:`div`,color:e.get(A,`colors.text.error`,`theme.colors.text.error`),variant:t.TypographyVariant.Caption,children:n},`${n}-${r}`))]}),E&&D]})})]})})});f.displayName=s.COMPONENT_NAME,exports.DragAndDrop=f;

package/components/widget/DragAndDrop/DragAndDrop.d.cts

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

package/components/widget/DragAndDrop/DragAndDrop.d.ts

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

package/components/widget/DragAndDrop/DragAndDrop.types.d.cts

@@ -0,0 +1,35 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentStyledProps, DragAndDropFilesProps, FileTypes, IconProps, TypographyProps } from '../../index.js';
+import { defaultTheme } from '../../../tokens/index.js';
+export interface DragAndDropProps extends Omit<DragAndDropFilesProps, 'onError'> {
+    files?: File[];
+    errors?: string[];
+    description?: string;
+    title?: string;
+    inputFileButtonLabel?: string;
+    acceptedFileTypes?: FileTypes[];
+    maxFileSize?: number;
+    maxFiles?: number;
+    onFilesChanged: (files: File[]) => void;
+    onError: (errors: string[]) => void;
+    disabled?: boolean;
+    isLoading?: boolean;
+    loadingOverlay?: ReactNode;
+    children?: ReactNode;
+}
+export interface DragAndDropStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface DragOverContentStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface DragAndDropAreaStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    $disabled?: boolean;
+    $isError?: boolean;
+    $isLoading?: boolean;
+}
+export interface UploadIconStyledProps extends CommonCssComponentStyledProps<SVGElement>, Partial<IconProps> {
+    $disabled?: boolean;
+}
+export interface ContentTypographyStyledProps extends TypographyProps, PropsWithChildren {
+    theme?: typeof defaultTheme;
+    $disabled?: boolean;
+}

package/components/widget/DragAndDrop/DragAndDrop.types.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { CommonCssComponentStyledProps, DragAndDropFilesProps, FileTypes, IconProps, TypographyProps } from '../..';
-import { defaultTheme } from '../../../tokens';
+import { CommonCssComponentStyledProps, DragAndDropFilesProps, FileTypes, IconProps, TypographyProps } from '../../index.js';
+import { defaultTheme } from '../../../tokens/index.js';
 export interface DragAndDropProps extends Omit<DragAndDropFilesProps, 'onError'> {
     files?: File[];
     errors?: string[];

package/components/widget/DragAndDrop/DragAndDropStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../atoms/Typography/Typography.cjs`),r=require(`../../atoms/Icon/Icon.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((n,r)=>{let{theme:{draganddrop:i,...o}={},styles:s={},...c}=n;return(0,a.jsx)(`div`,{ref:r,css:[e.get(new Proxy(i||{},t.tokensHandler(o)),`default`,{}),s],...c})}),s=(0,i.forwardRef)((n,r)=>{let{theme:{draganddrop:i,...o}={},$disabled:s,$isError:c,$isLoading:l,styles:u={},...d}=n,f=new Proxy(i||{},t.tokensHandler(o)),p=e.get(f,`dragAndDropArea.disabled`,{}),m=e.get(f,`dragAndDropArea.error`,{}),h=e.get(f,`dragAndDropArea.loading`,{});return(0,a.jsx)(`div`,{ref:r,css:[e.get(f,`dragAndDropArea.default`,{}),s||l?p:{},c?m:{},l?h:{},u],...d})}),c=t=>{let{theme:n,styles:r={},...i}=t;return(0,a.jsx)(`div`,{css:[e.get(n,`draganddrop.dragOverContent.default`,{}),r],...i})},l=t=>{let{theme:n,$disabled:i,...o}=t,s=e.get(n,`draganddrop.uploadIcon.default`,{}),c=e.get(n,`draganddrop.uploadIcon.disabled`,{});return(0,a.jsx)(r.Icon,{name:``,...s,...i?c:{},...o})},u=t=>{let{theme:r,$disabled:i,...o}=t,s=e.get(r,`draganddrop.contentTypography.default`,{}),c=e.get(r,`draganddrop.contentTypography.disabled`,{});return(0,a.jsx)(n.Typography,{...s,...i?c:{},...o})};exports.ContentTypographyStyled=u,exports.DragAndDropAreaStyled=s,exports.DragAndDropStyled=o,exports.DragOverContentStyled=c,exports.UploadIconStyled=l;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../atoms/Typography/Typography.cjs"),r=require("../../atoms/Icon/Icon.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((n,r)=>{let{theme:{draganddrop:i,...o}={},styles:s={},...c}=n;return(0,a.jsx)(`div`,{ref:r,css:[e.get(new Proxy(i||{},t.tokensHandler(o)),`default`,{}),s],...c})}),s=(0,i.forwardRef)((n,r)=>{let{theme:{draganddrop:i,...o}={},$disabled:s,$isError:c,$isLoading:l,styles:u={},...d}=n,f=new Proxy(i||{},t.tokensHandler(o)),p=e.get(f,`dragAndDropArea.disabled`,{}),m=e.get(f,`dragAndDropArea.error`,{}),h=e.get(f,`dragAndDropArea.loading`,{});return(0,a.jsx)(`div`,{ref:r,css:[e.get(f,`dragAndDropArea.default`,{}),s||l?p:{},c?m:{},l?h:{},u],...d})}),c=t=>{let{theme:n,styles:r={},...i}=t;return(0,a.jsx)(`div`,{css:[e.get(n,`draganddrop.dragOverContent.default`,{}),r],...i})},l=t=>{let{theme:n,$disabled:i,...o}=t,s=e.get(n,`draganddrop.uploadIcon.default`,{}),c=e.get(n,`draganddrop.uploadIcon.disabled`,{});return(0,a.jsx)(r.Icon,{name:``,...s,...i?c:{},...o})},u=t=>{let{theme:r,$disabled:i,...o}=t,s=e.get(r,`draganddrop.contentTypography.default`,{}),c=e.get(r,`draganddrop.contentTypography.disabled`,{});return(0,a.jsx)(n.Typography,{...s,...i?c:{},...o})};exports.ContentTypographyStyled=u,exports.DragAndDropAreaStyled=s,exports.DragAndDropStyled=o,exports.DragOverContentStyled=c,exports.UploadIconStyled=l;

package/components/widget/DragAndDrop/DragAndDropStyled.d.cts

@@ -0,0 +1,6 @@
+import { DragAndDropAreaStyledProps, DragAndDropStyledProps, DragOverContentStyledProps, ContentTypographyStyledProps, UploadIconStyledProps } from './/index.js';
+export declare const DragAndDropStyled: import('react').ForwardRefExoticComponent<Omit<DragAndDropStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DragAndDropAreaStyled: import('react').ForwardRefExoticComponent<Omit<DragAndDropAreaStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DragOverContentStyled: (props: DragOverContentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const UploadIconStyled: (props: UploadIconStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ContentTypographyStyled: (props: ContentTypographyStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/widget/DragAndDrop/DragAndDropStyled.d.ts

@@ -1,4 +1,4 @@
-import { DragAndDropAreaStyledProps, DragAndDropStyledProps, DragOverContentStyledProps, ContentTypographyStyledProps, UploadIconStyledProps } from './';
+import { DragAndDropAreaStyledProps, DragAndDropStyledProps, DragOverContentStyledProps, ContentTypographyStyledProps, UploadIconStyledProps } from './/index.js';
 export declare const DragAndDropStyled: import('react').ForwardRefExoticComponent<Omit<DragAndDropStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const DragAndDropAreaStyled: import('react').ForwardRefExoticComponent<Omit<DragAndDropAreaStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const DragOverContentStyled: (props: DragOverContentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/widget/DragAndDrop/constants.d.cts

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

package/components/widget/DragAndDrop/index.d.cts

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

package/components/widget/DragAndDrop/index.d.ts

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

package/components/widget/DragAndDrop/utils/index.d.cts

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

package/components/widget/DragAndDrop/utils/index.d.ts

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

package/components/widget/DragAndDrop/utils/validators.d.cts

@@ -0,0 +1,5 @@
+export declare const validateFile: (file: File, acceptedFileTypes?: string[], maxFileSize?: number) => string | null;
+export declare const validateFiles: (files: File[], existingFiles: File[], acceptedFileTypes?: string[], maxFilesNumber?: number, maxFilesSize?: number) => {
+    validFiles: File[];
+    errors: string[];
+};

package/components/widget/index.d.cts

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

package/components/widget/index.d.ts

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

package/constants/index.d.cts

@@ -0,0 +1,2 @@
+export * from './timers.js';
+export * from './keyboard.js';

package/constants/index.d.ts

@@ -1,2 +1,2 @@
-export * from './timers';
-export * from './keyboard';
+export * from './timers.js';
+export * from './keyboard.js';

package/constants/keyboard.d.cts

@@ -0,0 +1,8 @@
+export declare const KEYBOARD_KEYS: {
+    ESCAPE: string;
+    ENTER: string;
+    ARROW_DOWN: string;
+    ARROW_UP: string;
+    SPACE: string;
+    TAB: string;
+};