gd-design-library 0.2.0 → 0.3.1

package/components/core/Label/LabelStyled.d.ts

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

package/components/core/Label/LabelStyled.js

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

package/components/core/Label/constants.js

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

package/components/core/Link/Link.d.ts

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

package/components/core/Link/Link.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("@emotion/react/jsx-runtime"),O=require("react"),x=require("../../../hooks/useTheme/useTheme.js"),E=require("../../../types/accesability.js"),P=require("../../../types/cursors.js"),q=require("../../../types/link.js");require("../Breadcrumbs/Breadcrumbs.js");require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");require("../Icon/Icon.js");require("../Image/Image.js");require("../InlineNotification/InlineNotification.js");require("../Input/Input.js");require("../InputFile/InputFile.js");require("../Label/Label.js");require("../List/List.js");require("../Loader/Loader.js");require("../Menu/Menu.js");require("../Modal/Modal.js");require("../Portal/Portal.js");require("../Scroll/Scroll.js");require("../Select/Select.js");require("../Separator/Separator.js");require("../Skeleton/Skeleton.js");require("../Slider/SliderStyled.js");require("../Slider/Slider.js");require("../Snackbar/Snackbar.js");require("../Snackbar/SnackbarStyled.js");require("../Snackbar/constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");require("../Wrapper/Wrapper.js");const h=require("../types/roles.types.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const e=require("./constants.js"),C=require("./LinkStyled.js"),t=O.forwardRef((s,a)=>{const{variant:n=q.LinkVariant.Primary,disabled:r=!1,className:c="",cursor:o=P.Cursors.Pointer,target:l=q.LinkTarget.Blank,tabindex:d=E.TabIndex.Default,href:N,role:k=h.Roles.Link,children:b,onClick:m,external:f=!1,ariaLabel:i,rel:u,...y}=s,{theme:L}=x.useTheme(),T=f?{href:N}:{onClick:m};return M.jsx(C.LinkStyled,{ref:a,$variant:n,$cursor:o,className:`${c}${r?`${e.COMPONENT_NAME}--disabled`:""}`,theme:L,target:l,role:k,tabIndex:d,"data-testid":e.COMPONENT_NAME,...u?{rel:u}:{},...r?{}:T,...i?{"aria-label":i}:{},...y,children:b})});t.displayName=e.COMPONENT_NAME;exports.Link=t;

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

@@ -1,25 +1,8 @@
-import { MouseEvent } from 'react';
-import { Cursors, CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
-import { TabIndex, EnumOrPrimitive } from '../../../types';
-export declare enum LinkVariant {
-    Primary = "primary",
-    Secondary = "secondary",
-    Inverted = "inverted",
-    Inherit = "inherit"
-}
-export declare enum LinkTarget {
-    Blank = "_blank",
-    Self = "_self",
-    Parent = "_parent",
-    Top = "_top",
-    Framename = "framename"
-}
-export declare enum LinkRel {
-    Nofollow = "nofollow",
-    Noopener = "noopener",
-    Noreferrer = "noreferrer"
-}
-export interface LinkProps extends Exclude<CommonCoreComponentProps<LinkVariant>, 'color'> {
+import { MouseEvent, PropsWithChildren } from 'react';
+import { EnumOrPrimitive, LinkVariant, Cursors, LinkTarget, LinkRel } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface LinkProps extends CommonCssComponentProps<HTMLAnchorElement>, PropsWithChildren {
+    variant?: EnumOrPrimitive<LinkVariant>;
     cursor?: Cursors;
     external?: boolean;
     disabled?: boolean;
@@ -28,9 +11,11 @@ export interface LinkProps extends Exclude<CommonCoreComponentProps<LinkVariant>
     onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
     ariaLabel?: string;
     role?: string;
-    tabindex?: TabIndex;
+    tabindex?: number;
     rel?: EnumOrPrimitive<LinkRel> | string;
 }
-export interface StyledLinkProps extends CommonCoreStyledComponentProps<LinkVariant> {
+export interface LinkStyledProps extends CommonCssComponentStyledProps<HTMLAnchorElement>, PropsWithChildren {
+    $variant?: EnumOrPrimitive<LinkVariant>;
     $cursor: Cursors;
+    target?: LinkTarget;
 }

package/components/core/Link/LinkStyled.d.ts

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

package/components/core/Link/LinkStyled.js

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

package/components/core/Link/constants.js

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

package/components/core/List/List.d.ts

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

package/components/core/List/List.js

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("@emotion/react/jsx-runtime"),l=require("react"),n=require("../../../utils/helpers.js"),i=require("../../../types/list.js");require("../Breadcrumbs/Breadcrumbs.js");require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");const o=require("../Icon/Icon.js");require("../Image/Image.js");require("../InlineNotification/InlineNotification.js");require("../Input/Input.js");require("../InputFile/InputFile.js");require("../Label/Label.js");require("../Link/Link.js");require("../Loader/Loader.js");require("../Menu/Menu.js");require("../Modal/Modal.js");require("../Portal/Portal.js");require("../Scroll/Scroll.js");require("../Select/Select.js");require("../Separator/Separator.js");require("../Skeleton/Skeleton.js");require("../Slider/SliderStyled.js");require("../Slider/Slider.js");require("../Snackbar/Snackbar.js");const E=require("../../../hooks/useTheme/useTheme.js");require("../Snackbar/SnackbarStyled.js");require("../Snackbar/constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");require("../Wrapper/Wrapper.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const u=require("./constants.js"),d=require("./ListStyled.js"),M=l.forwardRef((N,h)=>{const{items:t=[],variant:q=i.ListVariant.OrderedCircle,styles:O,...m}=N,{theme:s}=E.useTheme(),a=n.get(s,"list.icons",{}),C=l.useCallback(r=>{switch(q){case i.ListVariant.UnorderedDot:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u.COMPONENT_NAME}__bulletPoint`,children:e.jsx(o.Icon,{...n.get(a,"bulletDot",{name:"dot"})})}),r]});case i.ListVariant.UnorderedCheck:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u.COMPONENT_NAME}__bulletPoint`,children:e.jsx(o.Icon,{...n.get(a,"bulletCheck",{name:"check"})})}),r]});case i.ListVariant.OrderedCircle:case i.ListVariant.OrderedSquare:default:return r}},[q]);if(t!=null&&t.length)return e.jsx(d.ListWrapperStyled,{"data-testid":u.COMPONENT_NAME,ref:h,theme:s,styles:O,$variant:q,...m,children:t.map((r,c)=>e.jsx(d.ListItemStyled,{theme:s,$variant:q,"data-testid":`${u.COMPONENT_NAME}-item-${c}`,children:C(r)},`${u.COMPONENT_NAME}-${c}`))})});module.exports=M;

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

@@ -1,13 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-import { EnumOrPrimitive } from '../../../types';
-export declare enum ListVariant {
-    OrderedCircle = "ordered-circle",
-    OrderedSquare = "ordered-square",
-    UnorderedDot = "unordered-dot",
-    UnorderedCheck = "unordered-check"
-}
-export interface ListProps extends CommonCssComponentProps, PropsWithChildren {
+import { EnumOrPrimitive, ListVariant } from '../../../types';
+export interface ListProps<T> extends CommonCssComponentProps<T>, PropsWithChildren {
     items?: ReactNode[];
     variant?: EnumOrPrimitive<ListVariant>;
 }

package/components/core/List/ListStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),t=require("../../../utils/helpers.js");require("react");const o=require("../../../types/list.js"),a=r=>{const{theme:i,$variant:n=o.ListVariant.OrderedCircle,styles:l,...e}=r,s=t.get(i,"list.wrapper",{}),u={...t.get(s,"default",{}),...t.get(s,n,{}),...l};return c.jsx("ul",{css:u,...e})},d=r=>{const{theme:i,$variant:n=o.ListVariant.OrderedCircle,...l}=r,e=t.get(i,"list.item",{}),s={...t.get(e,"default",{}),...t.get(e,n,{})};return c.jsx("li",{css:s,...l})};exports.ListItemStyled=d;exports.ListWrapperStyled=a;

package/components/core/List/constants.js

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

package/components/core/Loader/Loader.d.ts

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

package/components/core/Loader/Loader.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),N=require("react"),h=require("../../../hooks/useTheme/useTheme.js");require("../Breadcrumbs/Breadcrumbs.js");require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");require("../Icon/Icon.js");require("../Image/Image.js");require("../InlineNotification/InlineNotification.js");require("../Input/Input.js");require("../InputFile/InputFile.js");require("../Label/Label.js");require("../Link/Link.js");require("../List/List.js");require("../Menu/Menu.js");require("../Modal/Modal.js");const P=require("../Portal/Portal.js");require("../Scroll/Scroll.js");require("../Select/Select.js");require("../Separator/Separator.js");require("../Skeleton/Skeleton.js");require("../Slider/SliderStyled.js");require("../Slider/Slider.js");require("../Snackbar/Snackbar.js");require("../Snackbar/SnackbarStyled.js");require("../Snackbar/constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");const M=require("../Wrapper/Wrapper.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const O=require("../../../types/common.js"),n=require("../../../types/wrapper.js"),u=require("./constants.js"),S=require("./LoaderStyled.js"),a=N.forwardRef((s,o)=>{const{name:c,variant:e=n.WrapperVariant.Inline,children:q,size:d=O.SizeVariant.Md,animationProps:p=u.BASE_ANIMATION,withWrapper:t=!0,...l}=s,{theme:m}=h.useTheme(),r=()=>q||i.jsx(S.LoaderStyled,{ref:o,theme:m,$name:c,$variant:e,$size:d,$animationProps:p,"data-testid":u.COMPONENT_NAME,...l});return e===n.WrapperVariant.FullPage?i.jsx(P,{wrapperVariant:e,withWrapper:t,children:r()}):t?i.jsx(M,{variant:e,children:r()}):r()});a.displayName=u.COMPONENT_NAME;exports.Loader=a;

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

@@ -1,13 +1,17 @@
-import { EnumOrPrimitive, NullableType } from '../../../types';
-import { CommonCoreComponentProps, CommonCoreStyledComponentProps, ColorVariant, SizeVariant, WrapperVariant } from '../..';
-export interface LoaderProps extends CommonCoreComponentProps<WrapperVariant, ColorVariant> {
+import { PropsWithChildren } from 'react';
+import { EnumOrPrimitive, SizeVariant, WrapperVariant } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export type LoaderName = 'circle' | 'dots';
+export interface LoaderProps extends CommonCssComponentProps, PropsWithChildren {
+    name?: LoaderName;
+    variant?: EnumOrPrimitive<WrapperVariant>;
     size?: EnumOrPrimitive<SizeVariant>;
     withWrapper?: boolean;
-    animationName?: NullableType<string>;
     animationProps?: string;
 }
-export interface LoaderStyledProps extends CommonCoreStyledComponentProps<WrapperVariant, ColorVariant> {
+export interface LoaderStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    $name?: LoaderName;
+    $variant?: EnumOrPrimitive<WrapperVariant>;
     $size?: EnumOrPrimitive<SizeVariant>;
-    $animationName?: NullableType<string>;
     $animationProps?: string;
 }

package/components/core/Loader/LoaderStyled.d.ts

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

package/components/core/Loader/LoaderStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),S=require("react"),e=require("../../../utils/helpers.js"),h=require("../../../types/common.js"),j=require("../../../types/wrapper.js"),$=require("./utils.js"),v=S.forwardRef((i,o)=>{const{theme:{loader:t,animations:s}={},styles:c,$name:n,$variant:m=j.WrapperVariant.Inline,$size:l=h.SizeVariant.Md,$animationProps:u,children:d,...g}=i,p=e.get(t,["animation",n,"name"],""),y=e.get(s,p,{}),{animation:r,AnimationView:f}=$.getAnimationDataByName(n,y,u),q={...e.get(t,"default",{}),...e.get(t,m,{}),...e.get(t,[n,"default"],{}),...e.get(t,[n,l],{}),...r?{animation:r}:{},...c};return a.jsxs("div",{css:q,...g,ref:o,children:[a.jsx(f,{}),d]})});exports.LoaderStyled=v;

package/components/core/Loader/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../constants/timers.js"),t="Loader",N=`${e.BASE_ANIMATION_MS}ms ease-in-out infinite`;exports.BASE_ANIMATION=N;exports.COMPONENT_NAME=t;

package/components/core/Loader/utils.d.ts

@@ -0,0 +1,11 @@
+import { CSSObject } from '@emotion/react';
+export declare const getAnimationDataByName: (animationName?: string, animationKeyframes?: Record<string, CSSObject>, animationProps?: string) => {
+    animation: null;
+    AnimationView: () => import("@emotion/react/jsx-runtime").JSX.Element;
+} | {
+    animation: string;
+    AnimationView: () => null;
+} | {
+    animation: null;
+    AnimationView: () => null;
+};

package/components/core/Loader/utils.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),c=require("../../../tokens/utils.js"),o=(n,i={},a)=>{const e=`${c.convertJsonToCssKeyframeCss(i)} ${a}`;switch(n){case"dots":return{animation:null,AnimationView:()=>s.jsxs(s.Fragment,{children:[s.jsx("div",{css:t.css({animation:e}),className:"dot"}),s.jsx("div",{css:t.css({animation:e}),className:"dot"}),s.jsx("div",{css:t.css({animation:e}),className:"dot"})]})};case"circle":return{animation:e,AnimationView:()=>null};default:return{animation:null,AnimationView:()=>null}}};exports.getAnimationDataByName=o;

package/components/core/Menu/Menu.d.ts

@@ -1,13 +1,2 @@
-import { ReactNode, CSSProperties } from 'react';
-import { OnSelectProps } from '../types/events.types';
-import { MenuOptions } from './constants';
-type MenuProps = {
-    onSelect?: (props: OnSelectProps) => void;
-    title?: string;
-    styles?: CSSProperties;
-    content?: ReactNode;
-    children?: ReactNode;
-    options?: MenuOptions;
-};
-export declare const Menu: (props: MenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+import { MenuProps } from './Menu.types';
+export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLButtonElement>>;

package/components/core/Menu/Menu.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),n=require("react"),I=require("../../../hooks/useTheme/useTheme.js"),j=require("../../../constants/keyboard.js"),A=require("../../../utils/animationFrame.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const L=require("../../../tokens/utils.js"),B=require("../Portal/Portal.js"),F=require("../Select/hooks/useSelectContext.js"),q=require("./constants.js"),y=require("./MenuStyled.js"),b=n.forwardRef((N,O)=>{const{onSelect:E,children:P,content:R,options:C={},...M}=N,{theme:T}=I.useTheme(),f=n.useMemo(()=>({...q.MENU_DEFAULT_OPTIONS,...C}),[C]),o=n.useRef(null),i=n.useRef(null),v=n.useRef(),S=n.useRef({top:0,left:0,maxHeight:f.maxHeight}),[m,g]=n.useState(!1),H=n.useCallback(({width:r,height:t})=>{const e=o.current?o.current.getBoundingClientRect():q.EMPTY_CLIENT_RECT,{minHeight:u,align:c,direction:d,offset:s}=f,l=v.current||d||"top",x=e.right+s,p={top:e.top-2*s,bottom:window.innerHeight-e.bottom-2*s},h={top:e.top,bottom:e.bottom+s,right:x,center:e.left+e.width/2+r/2<window.innerWidth-s?e.left+e.width/2-r/2:x,left:e.left+r<window.innerWidth-s?e.left:x},w=p.top>p.bottom?"top":"bottom";return p[l]>u&&d||p[l]>t?{top:h[l],left:h[c]}:(v.current=w,{top:h[w],left:h[c]})},[f]),_={onSelect:(r,t)=>{E==null||E({event:r,value:t}),g(!1)}},k=n.useCallback(()=>{g(r=>!r)},[]);return n.useImperativeHandle(O,()=>o.current),A.useAnimationFrame(()=>{if(i.current&&m){const r=i.current.getBoundingClientRect(),t=o.current?o.current.getBoundingClientRect():q.EMPTY_CLIENT_RECT,{top:e,left:u}=H(r),{offset:c,maxHeight:d}=f,l=u<t.right&&r.right>t.left&&e<2*c?t.top-2*c:window.innerHeight-e-c;S.current={top:e,left:u,maxHeight:Math.min(d,l)},i.current&&(i.current.style.left=`${u}px`,i.current.style.top=`${e}px`,i.current.style.maxHeight=`${Math.min(d,l)}px`)}}),n.useEffect(()=>{const r=t=>{m&&t.key===j.KEYBOARD_KEYS.ESCAPE&&g(!1)};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[m]),n.useEffect(()=>{const r=t=>{var e,u;!((e=o==null?void 0:o.current)!=null&&e.contains(t.target))&&!((u=i==null?void 0:i.current)!=null&&u.contains(t.target))&&g(!1)};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[i]),a.jsxs(a.Fragment,{children:[a.jsx(y.MenuTriggerStyled,{onClick:k,theme:T,ref:o,"data-testid":q.COMPONENT_NAME,...M,children:P}),m&&a.jsx(B,{withWrapper:!1,children:a.jsx(F.SelectContext.Provider,{value:_,children:a.jsx(y.MenuContentStyled,{ref:i,"data-testid":q.COMPONENT_NAME,theme:T,...L.convertToInlineBoxStyles(M),children:R})})})]})});b.displayName=q.COMPONENT_NAME;exports.Menu=b;

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

@@ -0,0 +1,18 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../../hooks';
+import { ButtonProps, CommonCssComponentStyledProps, OnSelectProps } from '../..';
+import { MENU_DEFAULT_OPTIONS } from './constants';
+export type MenuOptions = Partial<typeof MENU_DEFAULT_OPTIONS>;
+export type VerticalAlignment = 'bottom' | 'top';
+export interface MenuProps extends PropsWithChildren {
+    styles?: CSSObject;
+    onSelect?: (props: OnSelectProps) => void;
+    title?: string;
+    content?: ReactNode;
+    options?: MenuOptions;
+}
+export interface MenuTriggerStyledProps extends Partial<ButtonProps> {
+    theme?: Theme;
+}
+export type MenuContentStyledProps = CommonCssComponentStyledProps;

package/components/core/Menu/MenuStyled.d.ts

@@ -0,0 +1,3 @@
+import { MenuTriggerStyledProps, MenuContentStyledProps } from './Menu.types';
+export declare const MenuTriggerStyled: import('react').ForwardRefExoticComponent<MenuTriggerStyledProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const MenuContentStyled: import('react').ForwardRefExoticComponent<Omit<MenuContentStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Menu/MenuStyled.js

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

package/components/core/Menu/constants.d.ts

@@ -1,6 +1,5 @@
 export declare const COMPONENT_NAME = "Menu";
 export declare const EMPTY_CLIENT_RECT: DOMRect;
-export type MenuOptions = Partial<typeof MENU_DEFAULT_OPTIONS>;
 export declare const MENU_DEFAULT_OPTIONS: {
     align: string;
     direction: null;

package/components/core/Menu/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="Menu",i={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0},e={...i},o={align:"right",direction:null,limitWidth:"auto",maxHeight:400,minHeight:80,offset:4};exports.COMPONENT_NAME=t;exports.EMPTY_CLIENT_RECT=e;exports.MENU_DEFAULT_OPTIONS=o;

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

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

package/components/core/Modal/Modal.d.ts

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

package/components/core/Modal/Modal.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),a=require("react"),j=require("../../../hooks/useTheme/useTheme.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");const x=require("../../../constants/keyboard.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const T=require("../../../tokens/utils.js"),y=require("../../../utils/helpers.js"),P=require("../Icon/Icon.js"),k=require("../Portal/Portal.js"),u=require("./constants.js"),t=require("./ModalStyled.js"),M=a.forwardRef((E,h)=>{const{isOpen:l=!1,isCustomView:N=!1,onClose:i,showCloseButton:q=!0,closeOnEscape:d,title:o,children:n,footer:c,styles:O,...C}=E,{theme:r}=j.useTheme(),f=y.get(r,"modal.icons",{}),m=o||q&&i;return a.useEffect(()=>{if(!d)return;const s=S=>{i&&S.key===x.KEYBOARD_KEYS.ESCAPE&&i()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[l,d,i]),l?e.jsx(k,{children:e.jsx(t.ModalOverlayStyled,{onClick:i,theme:r,children:e.jsx(t.ModalContentStyled,{ref:h,onClick:s=>s.stopPropagation(),"data-testid":u.COMPONENT_NAME,theme:r,styles:O,...T.convertToInlineBoxStyles(C),children:N?n:e.jsxs(e.Fragment,{children:[m&&e.jsxs(t.ModalHeaderStyled,{theme:r,$withTitle:!!o,children:[o&&e.jsx(t.ModalTitleStyled,{theme:r,"data-testid":`${u.COMPONENT_NAME}-title`,children:o}),q&&i&&e.jsx(t.CloseButtonStyled,{onClick:i,"data-testid":"close-button",theme:r,children:e.jsx(P.Icon,{...y.get(f,"close",{name:"cross"})})})]}),n&&e.jsx(t.ModalBodyStyled,{theme:r,"data-testid":`${u.COMPONENT_NAME}-body`,children:n}),c&&e.jsx(t.ModalFooterStyled,{theme:r,"data-testid":`${u.COMPONENT_NAME}-footer`,children:c})]})})})}):null});M.displayName=u.COMPONENT_NAME;exports.Modal=M;

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

@@ -1,5 +1,6 @@
-import { BoxComponentProps, BoxStyledComponentProps, CommonCoreContent } from '../..';
-export interface ModalProps extends BoxComponentProps {
+import { PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps, CommonCoreContent } from '../..';
+export interface ModalProps extends Omit<BoxCssComponentProps, 'title'>, PropsWithChildren {
     isOpen?: boolean;
     isCustomView?: boolean;
     showCloseButton?: boolean;
@@ -8,7 +9,10 @@ export interface ModalProps extends BoxComponentProps {
     title?: CommonCoreContent;
     footer?: CommonCoreContent;
 }
-export type StyledModalContentProps = BoxStyledComponentProps;
-export interface StyledModalHeaderProps extends BoxStyledComponentProps {
+export interface ModalContentStyledProps extends Omit<BoxCssComponentStyledProps, 'onClick'>, PropsWithChildren {
+    onClick: (event: Event) => void;
+}
+export type ModalCommonStyledProps<T = HTMLDivElement> = CommonCssComponentStyledProps<T> & PropsWithChildren;
+export interface ModalHeaderStyledProps extends BoxCssComponentStyledProps, PropsWithChildren {
     $withTitle: boolean;
 }

package/components/core/Modal/ModalStyled.d.ts

@@ -0,0 +1,8 @@
+import { ModalContentStyledProps, ModalCommonStyledProps, ModalHeaderStyledProps } from './Modal.types';
+export declare const ModalOverlayStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ModalContentStyled: import('react').ForwardRefExoticComponent<Omit<ModalContentStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ModalHeaderStyled: (props: ModalHeaderStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ModalTitleStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ModalBodyStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ModalFooterStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CloseButtonStyled: (props: ModalCommonStyledProps<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Modal/ModalStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),n=require("react"),o=require("../../../utils/helpers.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const c=require("../../../tokens/utils.js"),a=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"overlay.default",{}),...t})},y=n.forwardRef((e,r)=>{const{theme:{modal:t}={},styles:i={},...u}=e,{boxStyles:l,restProps:d}=c.getBoxStyles(u),q=[o.get(t,"content.default",{}),i,l];return s.jsx("div",{css:q,...d,ref:r})}),S=e=>{const{theme:{modal:r}={},$withTitle:t,...i}=e,u=o.get(r,"header",{}),l=[o.get(u,"default",{}),t?o.get(u,"withTitle",{}):{}];return s.jsx("div",{css:l,...i})},m=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"title.default",{}),...t})},p=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"body.default",{}),...t})},M=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"footer.default",{}),...t})},f=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("button",{css:o.get(r,"closeButton.default",{}),...t})};exports.CloseButtonStyled=f;exports.ModalBodyStyled=p;exports.ModalContentStyled=y;exports.ModalFooterStyled=M;exports.ModalHeaderStyled=S;exports.ModalOverlayStyled=a;exports.ModalTitleStyled=m;

package/components/core/Modal/constants.js

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

package/components/core/Portal/Portal.d.ts

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

package/components/core/Portal/Portal.js

@@ -0,0 +1 @@
+"use client";"use strict";const n=require("@emotion/react/jsx-runtime"),c=require("react"),o=require("react-dom");require("../Breadcrumbs/Breadcrumbs.js");require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");require("../Icon/Icon.js");require("../Image/Image.js");require("../InlineNotification/InlineNotification.js");require("../Input/Input.js");require("../InputFile/InputFile.js");require("../Label/Label.js");require("../Link/Link.js");require("../List/List.js");require("../Loader/Loader.js");require("../Menu/Menu.js");require("../Modal/Modal.js");require("../Scroll/Scroll.js");require("../Select/Select.js");require("../Separator/Separator.js");require("../Skeleton/Skeleton.js");require("../Slider/SliderStyled.js");require("../Slider/Slider.js");require("../Snackbar/Snackbar.js");require("../../../hooks/useTheme/useTheme.js");require("../Snackbar/SnackbarStyled.js");require("../Snackbar/constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");const s=require("../Wrapper/Wrapper.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const p=require("../../../types/wrapper.js"),l=c.forwardRef((e,i)=>{const{children:r,container:u,wrapperVariant:q=p.WrapperVariant.FullPage,withWrapper:t=!0,...a}=e;return o.createPortal(t?n.jsx(s,{ref:i,variant:q,...a,children:r}):r,u||document.body)});module.exports=l;

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

@@ -1,6 +1,7 @@
-import { Maybe, EnumOrPrimitive } from '../../../types';
-import { WrapperVariant, CommonCoreComponentProps } from '../..';
-export interface PortalProps extends CommonCoreComponentProps {
+import { PropsWithChildren } from 'react';
+import { WrapperVariant, Maybe, EnumOrPrimitive } from '../../../types';
+import { CommonCssComponentProps } from '../..';
+export interface PortalProps extends CommonCssComponentProps, PropsWithChildren {
     container?: Maybe<Element | DocumentFragment>;
     wrapperVariant?: EnumOrPrimitive<WrapperVariant>;
     withWrapper?: boolean;

package/components/core/Scroll/Scroll.d.ts

@@ -1,4 +1,4 @@
-import { ScrollBarPosition } from './types';
+import { ScrollProps } from './Scroll.types';
 /**
  * Scroll is a customizable scroll container component with optional custom scrollbars.
  *
@@ -16,9 +16,4 @@ import { ScrollBarPosition } from './types';
  *   <div>Scrollable content</div>
  * </Scroll>
  */
-export declare const Scroll: import('react').ForwardRefExoticComponent<import('../..').CommonComponentProps & {
-    vertical?: ScrollBarPosition;
-    horizontal?: ScrollBarPosition;
-} & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Scroll: import('react').ForwardRefExoticComponent<ScrollProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Scroll/Scroll.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),r=require("react"),O=require("../../../hooks/useTheme/useTheme.js"),v=require("../../../utils/animationFrame.js"),c=require("./ScrollStyled.js"),m=require("./ScrollBar.js"),i=require("./constants.js"),w=r.forwardRef((N,n)=>{const[a,b]=r.useState(!1),[u,M]=r.useState(!1),e=r.useRef(null),{theme:o}=O.useTheme(),{vertical:g="auto",horizontal:d="auto",children:y,...j}=N,S=(l,s)=>l==="visible"?!0:l==="hidden"?!1:s;return v.useAnimationFrame(()=>{if(!e.current)return;const{clientHeight:l,scrollHeight:s,clientWidth:q,scrollWidth:x}=e.current,h=S(g,Math.ceil(l/s*100)<100),f=S(d,Math.ceil(q/x*100)<100);h!==a&&b(h),f!==u&&M(f)},300),r.useImperativeHandle(n,()=>e.current,[]),t.jsxs(c.ScrollStyled,{className:"gd-scroll",ref:e,theme:o,...j,"data-testid":i.COMPONENT_NAME,children:[t.jsxs(c.ScrollBarsStyled,{className:"gd-scroll--scrollbars",theme:o,"data-testid":`${i.COMPONENT_NAME}-scrollbars`,children:[a&&t.jsx(m.ScrollBar,{direction:"vertical",containerRef:e}),u&&t.jsx(m.ScrollBar,{direction:"horizontal",containerRef:e})]}),t.jsx(c.ScrollContentStyled,{ref:n,className:"gd-scroll--content",theme:o,style:d==="hidden"?{maxWidth:"100%"}:void 0,"data-testid":`${i.COMPONENT_NAME}-content`,children:y})]})});exports.Scroll=w;

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

@@ -0,0 +1,19 @@
+import { RefObject, PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
+export type ScrollDirection = 'vertical' | 'horizontal';
+export type ScrollBarPosition = 'hidden' | 'visible' | 'auto';
+export interface ScrollProps extends PropsWithChildren<CommonCssComponentProps> {
+    vertical?: ScrollBarPosition;
+    horizontal?: ScrollBarPosition;
+}
+export interface ScrollBarProps extends CommonCssComponentProps {
+    direction?: ScrollDirection;
+    containerRef?: RefObject<HTMLElement>;
+}
+export interface ScrollStyledProps extends PropsWithChildren<CommonCssComponentStyledProps> {
+    $vertical?: ScrollBarPosition;
+    $horizontal?: ScrollBarPosition;
+}
+export interface ScrollBarStyledProps extends CommonCssComponentStyledProps {
+    $direction?: ScrollDirection;
+}

package/components/core/Scroll/ScrollBar.d.ts

@@ -1,6 +1,2 @@
-import { RefObject } from 'react';
-import { ScrollDirection } from './types';
-export declare const ScrollBar: (props: {
-    direction: ScrollDirection;
-    containerRef: RefObject<HTMLElement>;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { ScrollBarProps } from './Scroll.types';
+export declare const ScrollBar: (props: ScrollBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Scroll/ScrollBar.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("@emotion/react/jsx-runtime"),v=require("react"),A=require("../../../hooks/useTheme/useTheme.js"),x=require("../../../utils/animationFrame.js"),z=require("./utils.js"),i=require("./constants.js"),S=require("./ScrollStyled.js"),C=$=>{const{direction:o,containerRef:t}=$,s=v.useRef(null),{theme:u}=A.useTheme();return x.useAnimationFrame(()=>{const r=t!=null&&t.current?z.getThumbPosition(t.current,o):{position:0,size:0};s.current&&(o==="vertical"?(s.current.style.top=`${r.position}%`,s.current.style.height=`${r.size}%`):(s.current.style.left=`${r.position}%`,s.current.style.width=`${r.size}%`))},i.SCROLL_BAR_ANIMATION_THROTTLE),v.useEffect(()=>{const r=s.current;if(!r)return;let a=0,d=0;const _=({clientY:e},{top:n,height:c})=>(e-n)/c,N=({clientX:e},{left:n,width:c})=>(e-n)/c,O=(e,n,c)=>{const h=r.parentElement,l=t==null?void 0:t.current;if(!h||!l)return[0,0];const{offsetHeight:g,offsetWidth:b}=r,{top:y,left:P,height:T,width:E}=h.getBoundingClientRect(),q=l.scrollHeight-T,B=l.scrollWidth-E,M=(e.clientY-y-g*n)/(T-g),w=(e.clientX-P-b*c)/(E-b);return[q*M,B*w]},m=e=>{const[n,c]=O(e,a,d);t!=null&&t.current&&(o==="vertical"?t.current.scrollTop=n:t.current.scrollLeft=c)},f=()=>{document.removeEventListener("pointermove",m),document.removeEventListener("pointerup",f)},p=e=>{e.stopPropagation(),e.preventDefault();const n=r.getBoundingClientRect();a=_(e,n),d=N(e,n),document.addEventListener("pointermove",m),document.addEventListener("pointerup",f)};return r.addEventListener("pointerdown",p),()=>{r.removeEventListener("pointerdown",p)}},[t,s,o]),L.jsx(S.ScrollBarStyled,{className:`gd-scroll--scrollbar gd-scroll--scrollbar__${o}`,$direction:o,theme:u,"data-testid":`${i.COMPONENT_NAME}-scrollbar_${o}`,children:L.jsx(S.ScrollBarThumbStyled,{className:`gd-scroll--scrollbar-thumb gd-scroll--scrollbar-thumb__${o}`,ref:s,$direction:o,theme:u,"data-testid":`${i.COMPONENT_NAME}-scrollbar-thumb_${o}`})})};exports.ScrollBar=C;

package/components/core/Scroll/ScrollStyled.d.ts

@@ -0,0 +1,6 @@
+import { ScrollBarStyledProps, ScrollStyledProps } from './Scroll.types';
+export declare const ScrollStyled: import('react').ForwardRefExoticComponent<Omit<ScrollStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ScrollContentStyled: import('react').ForwardRefExoticComponent<Omit<ScrollStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ScrollBarsStyled: (props: ScrollStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ScrollBarStyled: (props: ScrollBarStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ScrollBarThumbStyled: import('react').ForwardRefExoticComponent<Omit<ScrollBarStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Scroll/ScrollStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),d=require("react"),o=require("../../../utils/helpers.js"),u=d.forwardRef((r,s)=>{const{theme:{scroll:t}={},styles:e={},...l}=r,c=[o.get(t,"container.default",{}),e];return n.jsx("div",{css:c,...l,ref:s})}),S=d.forwardRef((r,s)=>{const{theme:{scroll:t}={},styles:e={},...l}=r,c=[o.get(t,"content.default",{}),e];return n.jsx("div",{css:c,...l,ref:s})}),a=r=>{const{theme:{scroll:s}={},...t}=r,e=o.get(s,"scrollbars.default",{});return n.jsx("div",{css:e,...t})},y=r=>{const{$direction:s,theme:{scroll:t}={},...e}=r,l=[o.get(t,"scrollbar.default",{}),o.get(t,`scrollbar.${s}`,{})];return n.jsx("div",{css:l,...e})},i=d.forwardRef((r,s)=>{const{$direction:t,theme:{scroll:e}={},...l}=r,c=[o.get(e,"thumb.default",{}),o.get(e,`thumb.${t}`,{})];return n.jsx("div",{css:c,...l,ref:s})});exports.ScrollBarStyled=y;exports.ScrollBarThumbStyled=i;exports.ScrollBarsStyled=a;exports.ScrollContentStyled=S;exports.ScrollStyled=u;

package/components/core/Scroll/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const COMPONENT_NAME = "Scroll";
 export declare const MIN_WIDTH = 24;
+export declare const SCROLL_BAR_ANIMATION_THROTTLE = 50;

package/components/core/Scroll/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T="Scroll",N=24,O=50;exports.COMPONENT_NAME=T;exports.MIN_WIDTH=N;exports.SCROLL_BAR_ANIMATION_THROTTLE=O;

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

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

package/components/core/Scroll/utils.d.ts

@@ -1,5 +1,5 @@
-import { ScrollDirection } from './types';
-export declare const getThumbPosition: (container: HTMLElement, orientation: ScrollDirection) => {
+import { ScrollDirection } from './Scroll.types';
+export declare const getThumbPosition: (container: HTMLElement, orientation?: ScrollDirection) => {
     position: number;
     size: number;
 };

package/components/core/Scroll/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./constants.js");function H(e){const{clientHeight:t,scrollHeight:i}=e;return t*t/i>o.MIN_WIDTH?0:o.MIN_WIDTH/t}function W(e){const{clientWidth:t,scrollWidth:i}=e;return t*t/i>o.MIN_WIDTH?0:o.MIN_WIDTH/t}function d(e,t){const{clientHeight:i,scrollHeight:c,clientWidth:l,scrollWidth:n}=e,s=t==="vertical"?i/c:l/n;return Math.ceil(s*100)/100}const a=(e,t)=>{const{scrollTop:i,scrollHeight:c,clientHeight:l,scrollLeft:n,scrollWidth:s,clientWidth:h}=e,u=t==="vertical"?i/(c-l):n/(s-h),r=d(e,t),g=(t==="vertical"?H(e):W(e))||r;return{position:u*(1-g)*100,size:r*100}};exports.getThumbPosition=a;

package/components/core/Select/Select.d.ts

@@ -1,5 +1,2 @@
-import { Ref } from 'react';
 import { SelectProps, SelectRef } from '../..';
-export declare const Select: <T extends HTMLElement = HTMLDivElement>(props: SelectProps<T> & {
-    ref?: Ref<SelectRef>;
-}) => JSX.Element;
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps<HTMLElement> & import('react').RefAttributes<SelectRef>>;

package/components/core/Select/Select.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),c=require("react"),R=require("../../../utils/focus.js"),x=require("../../../utils/helpers.js"),p=require("../../../constants/keyboard.js"),J=require("../../../hooks/useTheme/useTheme.js"),Q=require("../../../hooks/useClickOutside/useClickOutside.js"),X=require("../DropdownItem/DropdownItem.js"),Z=require("../Dropdown/Dropdown.js"),ee=require("../../layout/FlexContainer/utils.js"),m=require("./constants.js"),te=require("./hooks/useSelectContext.js"),l=require("./SelectStyled.js"),b=c.forwardRef((I,q)=>{const{onSelect:S,children:y,initiator:T,onInitiatorClick:w,renderOption:v,dropdownParams:M,renderDropdownHeader:O,emptyItemsResult:Y,autoOpen:P=!0,width:W=ee.calculateMaxWidth(),styles:B,activeIndex:A,value:h,onChange:D,itemStringifier:$=e=>String(e),itemIdentifier:L=(e,t)=>e===t,disabled:n=!1,items:d,adornmentStart:k,adornmentEnd:C}=I,{theme:s}=J.useTheme(),o=c.useRef(null),K=c.useRef(null),[f,i]=c.useState(!1),[N,_]=c.useState(h);c.useEffect(()=>{_(h)},[h]),Q.useClickOutside(o,()=>i(!1));const g=()=>{if(o.current&&!n){const e=R.getClosestFocusable({initial:o.current,root:o.current,keyboard:!0});e==null||e.focus()}};c.useEffect(()=>{const e=t=>{var a;if(!(!f||n)){if(t.key===p.KEYBOARD_KEYS.ESCAPE)t.preventDefault(),i(!1),g();else if(t.key===p.KEYBOARD_KEYS.TAB&&(t.preventDefault(),i(!1),o.current)){const E=document.createElement("div");(a=o.current.parentNode)==null||a.insertBefore(E,o.current.nextSibling);const u=R.getClosestFocusable({initial:E,root:document.body,keyboard:!0});E.remove(),u==null||u.focus()}}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[f,n]),c.useImperativeHandle(q,()=>({ref:o,isOpen:f,open:()=>{n||i(!0)},close:()=>i(!1),toggle:()=>{n||i(e=>!e)}}));const F=()=>d!=null&&d.length?G():r.jsx(r.Fragment,{children:Y}),V={onSelect:(e,t)=>{n||(e.preventDefault(),_(t),D==null||D(t),S==null||S({event:e,value:t}),i(!1),setTimeout(()=>{g()}))},value:N,itemIdentifier:L},U=e=>{if(!(n||![p.KEYBOARD_KEYS.ARROW_DOWN,p.KEYBOARD_KEYS.ARROW_UP].includes(e.key)))switch(e.preventDefault(),e.key){case p.KEYBOARD_KEYS.ARROW_DOWN:j(e,!1);break;case p.KEYBOARD_KEYS.ARROW_UP:j(e,!0);break}},j=(e,t)=>{if(n)return;e.preventDefault();const a=K.current;if(!a){i(!0);return}const E=t?a.appendChild(document.createElement("div")):a,u=R.getClosestFocusable({initial:E,previous:t,root:a});u==null||u.focus()},H=()=>{!n&&P&&i(!f)},z=e=>{n||(w?w(e):H())},G=()=>r.jsxs(r.Fragment,{children:[O==null?void 0:O(s,M),d==null?void 0:d.map((e,t)=>v?v({item:e,index:t,isActiveItem:A==t,className:x.toNumber(A)===t?"active":""}):r.jsx(X.DropdownItem,{theme:s,value:e.value,name:e.name,customClass:`${x.toNumber(A)===t?"active":""}`,children:e.name},`dropdown-item-${e.value}-${t}`))]});return r.jsx(te.SelectContext.Provider,{value:V,children:r.jsxs(l.SelectWrapperStyled,{ref:o,theme:s,"data-testid":m.COMPONENT_NAME,styles:B,$disabled:n,children:[r.jsx(l.InitiatorWrapperStyled,{theme:s,onClick:z,onKeyDown:U,width:W,"data-testid":`${m.COMPONENT_NAME}-initiator-wrapper`,children:T??r.jsx(l.DropdownButtonStyled,{theme:s,disabled:n,iconStart:k&&r.jsx(l.SelectAdornmentStyled,{theme:s,children:k}),iconEnd:r.jsxs(l.SelectAdornmentStyled,{theme:s,children:[C&&r.jsx(l.SelectAdornmentStyled,{theme:s,children:C}),r.jsx(l.ArrowIconWrapperStyled,{theme:s,$isOpen:f,children:r.jsx(l.DropdownIconStyled,{theme:s})})]}),"data-testid":`${m.COMPONENT_NAME}-initiator`,children:N?$(N):r.jsx("span",{children:m.DEFAULT_SELECTED_VALUE})})}),f&&!n&&r.jsx(Z.Dropdown,{"data-testid":`${m.COMPONENT_NAME}-dropdown`,ref:K,children:Array.isArray(y)||c.isValidElement(y)?y:F()})]})})});b.displayName=m.COMPONENT_NAME;exports.Select=b;

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

@@ -1,7 +1,7 @@
-import { ReactNode, MouseEvent, KeyboardEvent } from 'react';
+import { PropsWithChildren, ReactNode, MouseEvent, KeyboardEvent, ReactEventHandler } from 'react';
 import { Theme } from '../../../hooks/useTheme';
-import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '..';
-import { OnSelectProps } from '../types/events.types';
+import { ButtonProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { OnSelectProps } from '../types/index.types';
 export interface Option {
     value: unknown;
     name: string;
@@ -16,15 +16,16 @@ export interface DropdownParams {
     title?: string;
     resultText?: string;
 }
-export interface SelectProps<T extends HTMLElement = HTMLDivElement> extends Exclude<CommonCoreComponentProps, 'color' | 'variant'> {
+export interface SelectProps<T extends HTMLElement = HTMLDivElement> extends PropsWithChildren<CommonCssComponentProps<T>> {
     items?: (never | Option)[];
     dropdownParams?: DropdownParams;
     onSelect?: (props: OnSelectProps) => void;
+    onKeyDown?: ReactEventHandler<T>;
     onInitiatorClick?: (event: MouseEvent<T>) => void;
     children?: ReactNode;
     itemsCount?: number;
     initiator?: ReactNode;
-    width?: number | string;
+    width?: string;
     emptyItemsResult?: string;
     renderOption?: (value: renderOptionType) => ReactNode;
     renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => ReactNode;
@@ -35,6 +36,8 @@ export interface SelectProps<T extends HTMLElement = HTMLDivElement> extends Exc
     itemStringifier?: (value: unknown) => string;
     itemIdentifier?: (selected: unknown, current: unknown) => boolean;
     disabled?: boolean;
+    adornmentStart?: ReactNode;
+    adornmentEnd?: ReactNode;
 }
 export interface SelectRef {
     isOpen: boolean;
@@ -42,11 +45,22 @@ export interface SelectRef {
     close: () => void;
     toggle: () => void;
 }
-export type SelectWrapperProps = Exclude<CommonCoreStyledComponentProps, 'color' | 'variant'> & {
-    $disabled?: boolean;
-};
 export interface SelectContextType {
     onSelect?: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>, data: unknown) => void;
     value?: unknown;
     itemIdentifier?: (selected: unknown, current: unknown) => boolean;
 }
+export interface SelectWrapperStyledProps extends CommonCssComponentStyledProps {
+    $disabled?: boolean;
+}
+export interface ArrowIconWrapperStyledProps extends CommonCssComponentStyledProps {
+    $isOpen?: boolean;
+}
+export interface SelectInitiatorWrapperStyledProps extends CommonCssComponentStyledProps {
+    width?: string;
+}
+export type DropdownIconStyledProps = CommonCssComponentStyledProps;
+export type SelectAdornmentStyledProps = PropsWithChildren<CommonCssComponentStyledProps>;
+export interface DropdownButtonStyledProps extends ButtonProps {
+    theme?: Theme;
+}