gd-design-library 0.2.0 → 0.3.1

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

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

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

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

package/components/layout/Row/RowStyled.js

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

package/components/layout/Row/constants.js

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

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

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

package/components/layout/index.d.ts

@@ -2,4 +2,3 @@ export * from './FlexContainer';
 export * from './Column';
 export * from './Row';
 export * from './ChatContainer';
-export * from './index.types';

package/components/templates/SkeletonSearch/SkeletonSearch.d.ts

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

package/components/templates/SkeletonSearch/SkeletonSearch.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),d=require("react"),h=require("../../../hooks/useTheme/useTheme.js"),n=require("./constants.js"),r=require("./SkeletonSearchStyled.js"),l=d.forwardRef((S,o)=>{const{maxWidth:s,...c}=S,{theme:e}=h.useTheme();return t.jsx(r.SkeletonSearchStyled,{ref:o,theme:e,"data-testid":n.COMPONENT_NAME,...c,children:t.jsxs(r.SkeletonSearchContainerStyled,{$maxWidth:s,theme:e,children:[t.jsx(r.SkeletonSearchHeaderRowStyled,{theme:e,children:t.jsx(r.SkeletonSearchColumnPriceStyled,{theme:e})}),Array.from({length:n.SKELETON_CARDS_AMOUNT}).map((i,a)=>t.jsxs(r.SkeletonSearchRowStyled,{theme:e,children:[t.jsx(r.SkeletonSearchColumnImageBaseStyled,{theme:e,children:t.jsx(r.SkeletonSearchColumnImageStyled,{theme:e})}),t.jsxs(r.SkeletonSearchColumnTextBaseStyled,{theme:e,children:[t.jsx(r.SkeletonSearchColumnTextStyled,{theme:e}),t.jsx(r.SkeletonSearchColumnPriceStyled,{theme:e})]})]},`gd-skeleton-search-row-${a+1}`))]})})});l.displayName=n.COMPONENT_NAME;exports.SkeletonSearch=l;

package/components/templates/SkeletonSearch/SkeletonSearch.types.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface SkeletonSearchProps extends PropsWithChildren<CommonCssComponentProps> {
+    maxWidth?: string;
+}
+export type SkeletonSearchCommonStyledProps = PropsWithChildren<CommonCssComponentStyledProps>;

package/components/templates/SkeletonSearch/SkeletonSearchStyled.d.ts

@@ -0,0 +1,11 @@
+import { FlexContainerStyledProps } from '../../layout';
+import { SkeletonSearchCommonStyledProps } from './SkeletonSearch.types';
+export declare const SkeletonSearchStyled: import('react').ForwardRefExoticComponent<Omit<SkeletonSearchCommonStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SkeletonSearchContainerStyled: (props: FlexContainerStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonSearchHeaderRowStyled: (props: SkeletonSearchCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonSearchColumnPriceStyled: (props: SkeletonSearchCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonSearchRowStyled: (props: SkeletonSearchCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonSearchColumnImageBaseStyled: (props: SkeletonSearchCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonSearchColumnImageStyled: (props: SkeletonSearchCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonSearchColumnTextBaseStyled: (props: SkeletonSearchCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonSearchColumnTextStyled: (props: SkeletonSearchCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/templates/SkeletonSearch/SkeletonSearchStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),d=require("react"),s=require("../../../utils/helpers.js");require("../../layout/FlexContainer/FlexContainer.js");const c=require("../../layout/Column/Column.js"),i=require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");const l=require("../../core/Skeleton/Skeleton.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 h=require("../../../tokens/utils.js"),u=require("../../../types/skeleton.js"),k=d.forwardRef((e,r)=>{const{theme:{skeleton:t}={},...n}=e;return o.jsx("div",{css:s.get(t,"cards.search.default",{}),...n,ref:r})}),m=e=>{const{theme:{flexContainer:r,skeleton:t}={},...n}=e,{boxStyles:a,restProps:S}=h.getBoxStyles(n),q=[s.get(r,"default",{}),s.get(t,"cards.search.container",{}),a];return o.jsx("div",{css:q,...S})},y=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(i.Row,{styles:s.get(r,"cards.search.header",{}),...t})},g=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(l.Skeleton,{variant:u.SkeletonVariant.Rectangular,styles:s.get(r,"cards.search.columnText.price",{}),...t})},x=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(i.Row,{styles:s.get(r,"cards.search.row",{}),...t})},p=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(c.Column,{styles:s.get(r,"cards.search.columnImage.default",{}),...t})},C=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(l.Skeleton,{variant:u.SkeletonVariant.Rectangular,styles:s.get(r,"cards.search.columnImage.image",{}),...t})},P=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(c.Column,{styles:s.get(r,"cards.search.columnText.default",{}),...t})},R=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(l.Skeleton,{variant:u.SkeletonVariant.Rectangular,styles:s.get(r,"cards.search.columnText.description",{}),...t})};exports.SkeletonSearchColumnImageBaseStyled=p;exports.SkeletonSearchColumnImageStyled=C;exports.SkeletonSearchColumnPriceStyled=g;exports.SkeletonSearchColumnTextBaseStyled=P;exports.SkeletonSearchColumnTextStyled=R;exports.SkeletonSearchContainerStyled=m;exports.SkeletonSearchHeaderRowStyled=y;exports.SkeletonSearchRowStyled=x;exports.SkeletonSearchStyled=k;

package/components/templates/SkeletonSearch/constants.js

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

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

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

package/components/widget/DragAndDrop/DragAndDrop.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),t=require("react");require("../../domainSpecific/Accordion/hooks/useAccordion.js");const U=require("../../../hooks/useTheme/useTheme.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");const _=require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../layout/FlexContainer/FlexContainer.js");const f=require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");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");const w=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("../../../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");const z=require("../../../tokens/colors.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");require("@emotion/react");const s=require("../../../types/typography.js"),A=require("../../../types/button.js"),b=require("./constants.js"),G=require("./utils/validators.js"),i=require("./DragAndDropStyled.js"),S=t.forwardRef((O,c)=>{const{styles:$={},files:y,errors:a,title:p,description:g,inputFileButtonLabel:E,acceptedFileTypes:h,maxFileSize:C,maxFiles:l,onError:x,onFilesChanged:j,disabled:n,isLoading:q,loadingOverlay:N,children:D,...R}=O,{theme:r}=U.useTheme(),F=t.useRef(null),T=t.useRef(null),o=t.useCallback(u=>{if(!u||q)return;const d=y??[],B=Array.from(u),{validFiles:v,errors:L}=G.validateFiles(B,d,h,l,C);if(x(L),v.length>0){const H=[...d,...v];j(H)}},[y,h,l,C,j,x,q]),V=t.useCallback(u=>{o(u)},[o]),M=t.useCallback(u=>{o(u.target.files)},[o]),I=a&&a.length>0,P=!l||l>1,m=t.Children.count(D)>0,k=c||null;return e.jsx(i.DragAndDropStyled,{ref:c||T,theme:r,styles:$,"data-testid":b.COMPONENT_NAME,children:e.jsxs(w.DragAndDropFiles,{targetRef:k||T,triggerRef:F,dragOverContent:q?null:e.jsx(i.DragOverContentStyled,{theme:r,children:e.jsxs(f.Column,{justify:"center",align:"center",gutter:16,children:[e.jsx(i.UploadIconStyled,{theme:r}),e.jsx(i.ContentTypographyStyled,{theme:r,variant:s.TypographyVariant.H6,children:p})]})}),onDrop:V,...R,children:[m&&D,!m&&e.jsx(i.DragAndDropAreaStyled,{theme:r,ref:F,$disabled:n,$isError:I,$isLoading:q,children:e.jsxs(f.Column,{justify:"center",align:"center",gutter:16,children:[!q&&e.jsxs(e.Fragment,{children:[e.jsx(i.UploadIconStyled,{theme:r,$disabled:n}),p&&e.jsxs(e.Fragment,{children:[e.jsx(i.ContentTypographyStyled,{theme:r,variant:s.TypographyVariant.H6,$disabled:n,children:p}),e.jsx(i.ContentTypographyStyled,{theme:r,as:"div",variant:s.TypographyVariant.Caption,$disabled:n,children:"or"})]}),e.jsx(_.InputFile,{multiple:P,disabled:n,onChange:M,buttonProps:{variant:n?A.ButtonVariant.Text:A.ButtonVariant.Outlined},children:E}),g&&e.jsx(i.ContentTypographyStyled,{theme:r,as:"div",variant:s.TypographyVariant.Caption,$disabled:n,children:g}),a==null?void 0:a.map((u,d)=>e.jsx(i.ContentTypographyStyled,{theme:r,as:"div",color:z.colors.text.error,variant:s.TypographyVariant.Caption,children:u},`${u}-${d}`))]}),q&&N]})})]})})});S.displayName=b.COMPONENT_NAME;exports.DragAndDrop=S;

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

@@ -0,0 +1,35 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentStyledProps, DragAndDropFilesProps, FileTypes, IconProps, TypographyProps } from '../..';
+import { defaultTheme } from '../../../tokens';
+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/DragAndDropStyled.d.ts

@@ -0,0 +1,6 @@
+import { DragAndDropAreaStyledProps, DragAndDropStyledProps, DragOverContentStyledProps, ContentTypographyStyledProps, UploadIconStyledProps } from './DragAndDrop.types';
+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.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),a=require("react"),t=require("../../../utils/helpers.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");const S=require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../../hooks/useTheme/useTheme.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../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("./DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");const A=require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");const h=a.forwardRef((o,r)=>{const{theme:e,styles:d={},...i}=o,u=[t.get(e,"draganddrop.default",{}),d];return s.jsx("div",{ref:r,css:u,...i})}),D=a.forwardRef((o,r)=>{const{theme:e,$disabled:d,$isError:i,$isLoading:u,styles:n={},...q}=o,l=t.get(e,"draganddrop.dragAndDropArea.hover",{}),c=t.get(e,"draganddrop.dragAndDropArea.disabled",{}),g=t.get(e,"draganddrop.dragAndDropArea.error",{}),p=t.get(e,"draganddrop.dragAndDropArea.loading",{}),y=[t.get(e,"draganddrop.dragAndDropArea.default",{}),d||u?c:{},d?{}:l,i?g:{},u?p:{},n];return s.jsx("div",{ref:r,css:y,...q})}),f=o=>{const{theme:r,styles:e={},...d}=o,i=[t.get(r,"draganddrop.dragOverContent.default",{}),e];return s.jsx("div",{css:i,...d})},b=o=>{const{theme:r,$disabled:e,...d}=o,i=t.get(r,"draganddrop.uploadIcon.default",{}),u=t.get(r,"draganddrop.uploadIcon.disabled",{}),n={name:"",...i,...e?u:{},...d};return s.jsx(S.Icon,{...n})},m=o=>{const{theme:r,$disabled:e,...d}=o,i=t.get(r,"draganddrop.contentTypography.default",{}),u=t.get(r,"draganddrop.contentTypography.disabled",{}),n={...i,...e?u:{},...d};return s.jsx(A.Typography,{...n})};exports.ContentTypographyStyled=m;exports.DragAndDropAreaStyled=D;exports.DragAndDropStyled=h;exports.DragOverContentStyled=f;exports.UploadIconStyled=b;

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

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

package/components/widget/DragAndDrop/constants.js

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

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

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

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

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

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

@@ -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/DragAndDrop/utils/validators.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=(t,o,e)=>o&&!o.includes(t.type)?`File type not supported: ${t.name} (${t.type})`:e&&t.size>e?`File too large: ${t.name} (${(t.size/(1024*1024)).toFixed(2)} MB). Max allowed is ${(e/(1024*1024)).toFixed(2)} MB.`:null,d=(t,o,e,r,u)=>{const n=[],s=[];return r&&t.length+o.length>r?(n.push(`Too many files. You can upload a maximum of ${r} files.`),{validFiles:[],errors:n}):(t.forEach(a=>{const l=i(a,e,u);l?n.push(l):s.push(a)}),{validFiles:s,errors:n})};exports.validateFile=i;exports.validateFiles=d;

package/components/widget/index.d.ts

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

package/constants/keyboard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={ESCAPE:"Escape",ENTER:"Enter",ARROW_DOWN:"ArrowDown",ARROW_UP:"ArrowUp",TAB:"Tab"};exports.KEYBOARD_KEYS=E;

package/constants/positioning.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={ZERO:0,NEGATIVE:-1,FIRST:1,LOW:100,HIGH:900,TOP:1e3};exports.Z_INDEX=e;

package/constants/timers.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=2e3,S=500;exports.BASE_ANIMATION_DELAY_MS=S;exports.BASE_ANIMATION_MS=A;

package/hooks/useAutoFocus/useAutoFocus.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=(e,t)=>{r.useEffect(()=>{var u,c;t&&e.current&&((c=(u=e.current).focus)==null||c.call(u))},[t])};exports.useAutoFocus=s;

package/hooks/useCarousel/useCarousel.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),v=require("../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js"),K=({options:n={},keyboardConfig:b={},targetRef:s,onSlideChange:f})=>{const[y,e]=v(),[i,c]=v({containScroll:"keepSnaps",dragFree:!0,...n}),[o,w]=l.useState(0),[k,x]=l.useState(0),[N,P]=l.useState(!1),[I,m]=l.useState(!1),r=l.useCallback(()=>{e&&(w(e.selectedScrollSnap()),P(e.canScrollPrev()),m(e.canScrollNext()),c==null||c.scrollTo(e.selectedScrollSnap()),f&&f(o))},[e,o,c]),E=l.useCallback(t=>{e==null||e.scrollTo(t),r()},[e,r]),a=l.useCallback(()=>{e==null||e.scrollPrev(),r()},[e,r]),u=l.useCallback(()=>{e==null||e.scrollNext(),r()},[e,r]),S={...{ArrowLeft:a,ArrowRight:u,ArrowUp:(n==null?void 0:n.axis)==="y"?a:void 0,ArrowDown:(n==null?void 0:n.axis)==="y"?u:void 0},...b},d=l.useCallback(t=>{const C=S[t.key];C&&(t.preventDefault(),C())},[S]);return l.useEffect(()=>{const t=(s==null?void 0:s.current)??window;return t.addEventListener("keydown",d),()=>t.removeEventListener("keydown",d)},[d,s]),l.useEffect(()=>{if(!e)return;const t=()=>{r(),x(e.slideNodes().length)};return e.on("select",r),e.on("reInit",t),t(),()=>{e==null||e.off("select",r),e==null||e.off("reInit",t)}},[e,r]),{carouselRef:y,carouselApi:e,thumbsRef:i,thumbsApi:c,activeIndex:o,scrollTo:E,scrollPrev:a,scrollNext:u,canScrollPrev:N,canScrollNext:I,slidesCount:k}};exports.useCarousel=K;

package/hooks/useClickOutside/useClickOutside.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=(e,t)=>{o.useEffect(()=>{const n=u=>{var s;(s=e==null?void 0:e.current)!=null&&s.contains(u.target)||t()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e,t])};exports.useClickOutside=i;

package/hooks/useKeyControls/useKeyControls.d.ts

@@ -1,2 +1,2 @@
-import { UseKeyControlsOptions } from '../../types/keys';
+import { UseKeyControlsOptions } from '../../types';
 export declare const useKeyControls: ({ ref, keyHandlers }: UseKeyControlsOptions) => void;

package/hooks/useKeyControls/useKeyControls.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=({ref:e,keyHandlers:n})=>{c.useEffect(()=>{const o=t=>{const s=t.target;if(!e.current||!e.current.contains(s))return;const r=n[t.key];r&&r(t)};return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[n,e])};exports.useKeyControls=i;

package/hooks/useMediaQuery/useMediaQuery.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),r=e=>{const[n,s]=c.useState(()=>window.matchMedia(e).matches);return c.useEffect(()=>{const t=window.matchMedia(e),a=i=>s(i.matches);return t.addEventListener("change",a),s(t.matches),()=>{t.removeEventListener("change",a)}},[e]),n};exports.useMediaQuery=r;

package/hooks/useTheme/useTheme.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@emotion/react/jsx-runtime"),i=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");const q=require("../../tokens/defaultTheme.js");require("@emotion/react");const h=i.createContext({theme:q.defaultTheme,setTheme:()=>{console.warn("setTheme method is not implemented yet.")},addTheme:()=>{console.warn("addTheme method is not implemented yet.")}}),g=t=>{const{children:a,initialTheme:n,isDefault:c=!1}=t;let e,s;c?(e=o.get(q.defaultTheme,"name"),s={[e]:q.defaultTheme}):(e=o.get(n,"name",""),s=e?{[e]:n}:{});const[u,d]=i.useState(s),[T,m]=i.useState(e),l=o.size(u),f=i.useCallback((r="")=>{u[r]?m(r):(m(e),console.warn(`Theme '${r}' does not exist.`))},[l,e]),x=i.useCallback((r,b)=>{u[r]?console.warn(`Theme '${r}' already exist.`):d(v=>Object.assign(v,{[r]:b}))},[l]);return w.jsx(h.Provider,{value:{theme:u[T],setTheme:f,addTheme:x},children:a})},y=()=>{const t=i.useContext(h);if(!t)throw new Error("useTheme could not be used outside ThemeProvider");return t};exports.ThemeProvider=g;exports.useTheme=y;

package/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./hooks/useTheme/useTheme.js"),a=require("./hooks/useClickOutside/useClickOutside.js"),u=require("./hooks/useAutoFocus/useAutoFocus.js"),l=require("./hooks/useMediaQuery/useMediaQuery.js"),q=require("./hooks/useKeyControls/useKeyControls.js"),d=require("./hooks/useCarousel/useCarousel.js"),p=require("./components/core/Breadcrumbs/Breadcrumbs.js"),I=require("./components/core/Button/Button.js"),h=require("./components/core/Dropdown/Dropdown.js"),n=require("./components/core/Dropdown/hooks/useDropdown.js"),g=require("./components/core/DropdownItem/DropdownItem.js"),C=require("./components/core/Form/Form.js"),t=require("./components/core/Icon/Icon.js"),S=require("./components/core/Image/Image.js"),b=require("./components/core/InlineNotification/InlineNotification.js"),m=require("./components/core/Input/Input.js"),T=require("./components/core/InputFile/InputFile.js"),y=require("./components/core/Label/Label.js"),w=require("./components/core/Link/Link.js"),A=require("./components/core/List/List.js"),D=require("./components/core/Loader/Loader.js"),f=require("./components/core/Menu/Menu.js"),k=require("./components/core/Modal/Modal.js"),F=require("./components/core/Portal/Portal.js"),v=require("./components/core/Scroll/Scroll.js"),M=require("./components/core/Select/Select.js"),x=require("./components/core/Separator/Separator.js"),_=require("./components/core/Skeleton/Skeleton.js"),P=require("./components/core/Slider/SliderStyled.js"),R=require("./components/core/Slider/Slider.js"),L=require("./components/core/Snackbar/Snackbar.js"),c=require("./components/core/Snackbar/SnackbarManager.js"),B=require("./components/core/Switch/Switch.js"),O=require("./components/core/Toggle/Toggle.js"),U=require("./components/core/Tooltip/Tooltip.js"),E=require("./components/core/Tooltip/Tooltip.types.js"),H=require("./components/core/Typography/Typography.js"),K=require("./components/core/Wrapper/Wrapper.js"),V=require("./components/core/types/roles.types.js"),W=require("./components/core/Textarea/Textarea.js"),N=require("./components/layout/FlexContainer/FlexContainer.js"),G=require("./components/layout/Column/Column.js"),Q=require("./components/layout/Row/Row.js"),J=require("./components/layout/ChatContainer/ChatContainer.js"),$=require("./components/layout/ChatContainer/ChatContainer.types.js"),j=require("./components/domainSpecific/Accordion/Accordion.js"),z=require("./components/domainSpecific/Accordion/AccordionItem/AccordionItem.js"),X=require("./components/domainSpecific/Accordion/AccordionHeader/AccordionHeader.js"),Y=require("./components/domainSpecific/Accordion/AccordionContent/AccordionContent.js"),Z=require("./components/domainSpecific/Avatar/Avatar.js"),ee=require("./components/domainSpecific/Card/Card.js"),s=require("./components/domainSpecific/Carousel/Carousel.js"),r=require("./components/domainSpecific/Carousel/Carousel.types.js"),re=require("./components/domainSpecific/ChatBubble/ChatBubble.js"),oe=require("./components/domainSpecific/ContentCarousel/ContentCarousel.js"),ne=require("./components/domainSpecific/Counter/Counter.js"),te=require("./components/domainSpecific/DragAndDropFiles/DragAndDropFiles.js"),ce=require("./components/domainSpecific/Header/Header.js"),se=require("./components/domainSpecific/Price/Price.js"),ie=require("./components/domainSpecific/ProgressBar/ProgressBar.js"),ae=require("./components/domainSpecific/RadioGroup/RadioGroup.js"),ue=require("./components/domainSpecific/RadioGroup/RadioGroup.types.js"),le=require("./components/domainSpecific/Rating/Rating.js"),qe=require("./components/domainSpecific/Search/Search.js"),de=require("./components/domainSpecific/SearchModal/SearchModal.js"),pe=require("./components/domainSpecific/Stepper/Stepper.js"),Ie=require("./components/domainSpecific/Tabs/Tabs.js"),he=require("./components/widget/DragAndDrop/DragAndDrop.js"),ge=require("./components/templates/SkeletonSearch/SkeletonSearch.js"),Ce=require("./components/index.types.js"),Se=require("./tokens/index.js"),be=require("./assets/icons/star.js"),me=require("./assets/icons/cross.js"),Te=require("./assets/icons/toast_success.js"),ye=require("./assets/icons/toast_warning.js"),we=require("./assets/icons/toast_error.js"),Ae=require("./assets/icons/toast_info.js"),De=require("./assets/icons/dot.js"),fe=require("./assets/icons/check.js"),ke=require("./assets/icons/attachment.js"),Fe=require("./assets/icons/arrow-down.js"),ve=require("./assets/icons/chevron-right.js"),Me=require("./assets/icons/chevron-left.js"),xe=require("./assets/icons/mobile_menu_button.js"),_e=require("./assets/icons/home.js"),Pe=require("./assets/icons/slash.js"),Re=require("./assets/icons/arrow-forward.js"),Le=require("./assets/icons/local_shipping.js"),Be=require("./assets/icons/favorite.js"),Oe=require("./assets/icons/favorite_outlined.js"),Ue=require("./assets/icons/delete_outlined.js"),Ee=require("./assets/icons/account_circle.js"),He=require("./assets/icons/shopping_bag.js"),Ke=require("./assets/icons/error_outline.js"),Ve=require("./assets/icons/starOutlined.js"),We=require("./assets/icons/minus.js"),Ne=require("./assets/icons/plus.js"),Ge=require("./assets/icons/filter.js"),Qe=require("./assets/icons/ruler.js"),Je=require("./assets/icons/processing.js"),$e=require("./assets/icons/paymentCard.js"),je=require("./assets/icons/keyboard-arrow-down.js"),ze=require("./assets/icons/eye.js"),Xe=require("./assets/icons/upload.js"),Ye=require("./assets/icons/search.js"),Ze=require("./assets/icons/wifiTethering.js"),er=require("./assets/icons/portrait.js"),rr=require("./assets/icons/folder.js"),or=require("./assets/icons/folderOpen.js"),nr=require("./assets/icons/edit.js"),tr=require("./assets/icons/volume-up.js"),cr=require("./assets/icons/content-copy.js"),sr=require("./assets/icons/thumb-up.js"),ir=require("./assets/icons/thumb-down.js"),ar=require("./assets/icons/file-copy.js"),ur=require("./tokens/separator.js"),lr=require("./tokens/draganddrop.js"),qr=require("./tokens/avatar.js"),dr=require("./tokens/chatbubble.js"),pr=require("./tokens/radiogroup.js"),Ir=require("./tokens/searchModal.js"),hr=require("./tokens/inputfile.js"),gr=require("./tokens/carousel.js"),Cr=require("./tokens/progressbar.js"),Sr=require("./tokens/card.js"),br=require("./tokens/counter.js"),mr=require("./tokens/chat.js"),Tr=require("./tokens/values.js"),yr=require("./tokens/font.js"),wr=require("./tokens/colors.js"),Ar=require("./tokens/menu.js"),Dr=require("./tokens/spacing.js"),fr=require("./tokens/radius.js"),kr=require("./tokens/typography.js"),Fr=require("./tokens/borders.js"),vr=require("./tokens/button.js"),Mr=require("./tokens/input.js"),xr=require("./tokens/label.js"),_r=require("./tokens/link.js"),Pr=require("./tokens/form.js"),Rr=require("./tokens/cursors.js"),Lr=require("./tokens/textarea.js"),Br=require("./tokens/wrapper.js"),Or=require("./tokens/loader.js"),Ur=require("./tokens/switch.js"),Er=require("./tokens/animations.js"),Hr=require("./tokens/skeleton.js"),Kr=require("./tokens/defaultTheme.js"),i=require("./tokens/snackbar.js"),Vr=require("./tokens/list.js"),Wr=require("./tokens/select.js"),Nr=require("./tokens/search.js"),Gr=require("./tokens/breadcrumbs.js"),Qr=require("./tokens/icon.js"),Jr=require("./tokens/reset.js"),$r=require("./tokens/toggle.js"),jr=require("./tokens/tabs.js"),zr=require("./tokens/stepper.js"),Xr=require("./tokens/rating.js"),Yr=require("./tokens/header.js"),Zr=require("./tokens/draganddropfiles.js"),eo=require("./tokens/slider.js"),ro=require("./tokens/scroll.js"),e=require("./tokens/utils.js"),oo=require("./tokens/types/index.types.js");exports.ThemeProvider=o.ThemeProvider;exports.useTheme=o.useTheme;exports.useClickOutside=a.useClickOutside;exports.useAutoFocus=u.useAutoFocus;exports.useMediaQuery=l.useMediaQuery;exports.useKeyControls=q.useKeyControls;exports.useCarousel=d.useCarousel;exports.Breadcrumbs=p.Breadcrumbs;exports.Button=I.Button;exports.Dropdown=h.Dropdown;exports.DropdownContext=n.DropdownContext;exports.useDropdownContext=n.useDropdownContext;exports.DropdownItem=g.DropdownItem;exports.Form=C.Form;exports.Icon=t.Icon;exports.registerCustomIcons=t.registerCustomIcons;exports.Image=S.Image;exports.InlineNotification=b.InlineNotification;exports.Input=m.Input;exports.InputFile=T.InputFile;exports.Label=y.Label;exports.Link=w.Link;exports.List=A;exports.Loader=D.Loader;exports.Menu=f.Menu;exports.Modal=k.Modal;exports.Portal=F;exports.Scroll=v.Scroll;exports.Select=M.Select;exports.Separator=x.Separator;exports.Skeleton=_.Skeleton;exports.StyledSlider=P.StyledSlider;exports.Slider=R.Slider;exports.Snackbar=L.Snackbar;exports.SnackbarManager=c.SnackbarManager;exports.showSnackbar=c.showSnackbar;exports.Switch=B.Switch;exports.Toggle=O.Toggle;exports.Tooltip=U;exports.TooltipPosition=E.TooltipPosition;exports.Typography=H.Typography;exports.Wrapper=K;exports.Roles=V.Roles;exports.Textarea=W.Textarea;exports.FlexContainer=N.FlexContainer;exports.Column=G.Column;exports.Row=Q.Row;exports.ChatContainer=J.ChatContainer;exports.ChatLayoutVariant=$.ChatLayoutVariant;exports.Accordion=j.Accordion;exports.AccordionItem=z.AccordionItem;exports.AccordionHeader=X.AccordionHeader;exports.AccordionContent=Y.AccordionContent;exports.Avatar=Z.Avatar;exports.Card=ee.Card;exports.Carousel=s.Carousel;exports.extractCarouselNodes=s.extractCarouselNodes;exports.CarouselVariantTypes=r.CarouselVariantTypes;exports.LayoutType=r.LayoutType;exports.ThumbsPosition=r.ThumbsPosition;exports.ChatBubble=re.ChatBubble;exports.ContentCarousel=oe.ContentCarousel;exports.Counter=ne.Counter;exports.DragAndDropFiles=te.DragAndDropFiles;exports.Header=ce.Header;exports.Price=se.Price;exports.ProgressBar=ie.ProgressBar;exports.RadioGroup=ae.RadioGroup;exports.RadioGroupVariant=ue.RadioGroupVariant;exports.Rating=le.Rating;exports.Search=qe.Search;exports.SearchModal=de.SearchModal;exports.Stepper=pe.Stepper;exports.Tabs=Ie.Tabs;exports.DragAndDrop=he.DragAndDrop;exports.SkeletonSearch=ge.SkeletonSearch;exports.FileTypes=Ce.FileTypes;exports.defaultTokens=Se.defaultTokens;exports.StarIcon=be.StarIcon;exports.CrossIcon=me.CrossIcon;exports.ToastSuccessIcon=Te.ToastSuccessIcon;exports.ToastWarningIcon=ye.ToastWarningIcon;exports.ToastErrorIcon=we.ToastErrorIcon;exports.ToastInfoIcon=Ae.ToastInfoIcon;exports.DotIcon=De.DotIcon;exports.CheckIcon=fe.CheckIcon;exports.AttachmentIcon=ke.AttachmentIcon;exports.ArrowDownIcon=Fe.ArrowDownIcon;exports.ChevronRightIcon=ve.ChevronRightIcon;exports.ChevronLeftIcon=Me.ChevronLeftIcon;exports.MobileMenuIcon=xe.MobileMenuIcon;exports.HomeIcon=_e.HomeIcon;exports.SlashIcon=Pe.SlashIcon;exports.ArrowForwardIcon=Re.ArrowForwardIcon;exports.LocalShippingIcon=Le.LocalShippingIcon;exports.FavoriteIcon=Be.FavoriteIcon;exports.FavoriteOutlinedIcon=Oe.FavoriteOutlinedIcon;exports.DeleteOutlinedIcon=Ue.DeleteOutlinedIcon;exports.AccountCircleIcon=Ee.AccountCircleIcon;exports.ShoppingBagIcon=He.ShoppingBagIcon;exports.ErrorOutlineIcon=Ke.ErrorOutlineIcon;exports.StarOutlinedIcon=Ve.StarOutlinedIcon;exports.MinusIcon=We.MinusIcon;exports.PlusIcon=Ne.PlusIcon;exports.FilterIcon=Ge.FilterIcon;exports.RulerIcon=Qe.RulerIcon;exports.ProcessingIcon=Je.ProcessingIcon;exports.PaymentCardIcon=$e.PaymentCardIcon;exports.KeyboardArrowDownIcon=je.KeyboardArrowDownIcon;exports.EyeIcon=ze.EyeIcon;exports.UploadIcon=Xe.UploadIcon;exports.SearchIcon=Ye.SearchIcon;exports.WifiTetheringIcon=Ze.WifiTetheringIcon;exports.PortraitIcon=er.PortraitIcon;exports.FolderIcon=rr.FolderIcon;exports.FolderOpenIcon=or.FolderOpenIcon;exports.EditIcon=nr.EditIcon;exports.VolumeUpIcon=tr.VolumeUpIcon;exports.ContentCopyIcon=cr.ContentCopyIcon;exports.ThumbUpIcon=sr.ThumbUpIcon;exports.ThumbDownIcon=ir.ThumbDownIcon;exports.FileCopyIcon=ar.FileCopyIcon;exports.separator=ur.separator;exports.draganddrop=lr.draganddrop;exports.avatar=qr.avatar;exports.chatbubble=dr.chatbubble;exports.radiogroup=pr.radiogroup;exports.searchModal=Ir.searchModal;exports.inputfile=hr.inputfile;exports.carousel=gr.carousel;exports.progressbar=Cr.progressbar;exports.card=Sr.card;exports.counter=br.counter;exports.chat=mr.chat;exports.values=Tr.values;exports.font=yr.font;exports.colors=wr.colors;exports.menu=Ar.menu;exports.spacing=Dr.spacing;exports.radius=fr.radius;exports.typography=kr.typography;exports.borders=Fr.borders;exports.button=vr.button;exports.input=Mr.input;exports.label=xr.label;exports.link=_r.link;exports.form=Pr.form;exports.cursors=Rr.cursors;exports.textarea=Lr.textarea;exports.wrapper=Br.wrapper;exports.loader=Or.loader;exports.switchToken=Ur.switchToken;exports.animations=Er.animations;exports.skeleton=Hr.skeleton;exports.defaultTheme=Kr.defaultTheme;exports.DEFAULT_SNACKBAR_WIDTH=i.DEFAULT_SNACKBAR_WIDTH;exports.snackbar=i.snackbar;exports.list=Vr.list;exports.select=Wr.select;exports.search=Nr.search;exports.breadcrumbs=Gr.breadcrumbs;exports.icon=Qr.icon;exports.reset=Jr.reset;exports.switchToggle=$r.switchToggle;exports.tabs=jr.tabs;exports.stepper=zr.stepper;exports.rating=Xr.rating;exports.header=Yr.header;exports.draganddropfiles=Zr.draganddropfiles;exports.slider=eo.slider;exports.scroll=ro.scroll;exports.convertJsonToCssKeyframeCss=e.convertJsonToCssKeyframeCss;exports.convertToInlineBoxStyles=e.convertToInlineBoxStyles;exports.convertToUnit=e.convertToUnit;exports.generateStateStyles=e.generateStateStyles;exports.getBoxStyles=e.getBoxStyles;exports.getFocusStyles=e.getFocusStyles;exports.getImgSrc=e.getImgSrc;exports.getSpacing=e.getSpacing;exports.hexToRgba=e.hexToRgba;exports.Unit=oo.Unit;

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "gd-design-library",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "license": "MIT",
   "main": "./index.cjs.js",
   "types": "./index.d.ts",
-  "module": "./index.es.js",
+  "module": "./index.js",
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0"
   },
   "dependencies": {},
-  "devDependencies": {}
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0"
+  }
 }

package/tokens/accordion.d.ts

@@ -1,4 +1,4 @@
-import { TextAlign } from '../components/core/Typography/Typography.types';
+import { TextAlign } from '../types';
 export declare const accordion: {
     header: {
         default: {

package/tokens/accordion.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../utils/helpers.js");require("react");const i=require("../types/typography.js"),t=require("./colors.js"),r=require("./display.js"),s=require("./cursors.js"),e=require("./spacing.js"),a=require("./borders.js"),n=require("./values.js"),d={header:{default:{width:"100%",textAlign:i.TextAlign.Left,cursor:s.cursors.pointer,border:a.borders.none,backgroundColor:t.colors.transparent,paddingTop:e.spacing.md,paddingBottom:e.spacing.md,display:r.display.flex,alignItems:r.flexAlignItems.center,":first-child":{flex:"1"}}},content:{default:{overflow:"hidden",transition:o.get(n.values,"transitions.accordion.toggle"),height:"auto"},opened:{paddingTop:e.spacing.md,paddingBottom:e.spacing.md},closed:{maxHeight:e.spacing.none,paddingTop:e.spacing.none,paddingBottom:e.spacing.none}},item:{default:{position:"relative",padding:e.spacing.none,"&::after":{content:'""',position:"absolute",bottom:e.spacing.none,left:e.spacing.none,right:e.spacing.none,height:"1px",width:"100%",backgroundColor:o.get(t.colors,"border.default")}}},icon:{default:{transition:o.get(n.values,"transitions.accordion.icon")},opened:{transform:o.get(n.values,"transform.rotateUp")},closed:{transform:o.get(n.values,"transform.rotateReset")}}};exports.accordion=d;

package/tokens/animations.d.ts

@@ -7,6 +7,14 @@ export declare const animations: {
             transform: string;
         };
     };
+    bounceKeyframes: {
+        '0%, 80%, 100%': {
+            transform: string;
+        };
+        '40%': {
+            transform: string;
+        };
+    };
     slideIn: {
         '0%': {
             transform: string;

package/tokens/animations.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={spinKeyframes:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},bounceKeyframes:{"0%, 80%, 100%":{transform:"scale(1) translateY(0)"},"40%":{transform:"scale(1) translateY(-15px)"}},slideIn:{"0%":{transform:"translateY(100%)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},slideOut:{"0%":{transform:"translateY(0)",opacity:1},"100%":{transform:"translateY(100%)",opacity:0}},blinkKeyframes:{"0%":{opacity:1},"50%":{opacity:.4},"100%":{opacity:1}},progressIndeterminate:{"0%":{transform:"translateX(-100%)"},"50%":{transform:"translateX(120%)"},"100%":{transform:"translateX(350%)"}}};exports.animations=t;

package/tokens/avatar.d.ts

@@ -0,0 +1,113 @@
+import { TextAlign, TypographyVariant } from '../types';
+export declare const avatar: {
+    default: {
+        borderRadius: string;
+        position: string;
+        width: number;
+        height: number;
+    };
+    imageWrapper: {
+        default: {
+            borderRadius: string;
+            overflow: string;
+            height: string;
+            width: string;
+            alignContent: string;
+            backgroundColor: any;
+        };
+    };
+    badge: {
+        default: {
+            position: string;
+            borderRadius: string;
+            backgroundColor: any;
+            width: number;
+            height: number;
+            border: string;
+            top: number;
+            right: number;
+        };
+        size: {
+            xs: {
+                width: number;
+                height: number;
+                border: string;
+                top: number;
+                right: number;
+            };
+            sm: {
+                width: number;
+                height: number;
+                border: string;
+                top: number;
+                right: number;
+            };
+            md: {
+                width: number;
+                height: number;
+                border: string;
+                top: number;
+                right: number;
+            };
+            lg: {
+                width: number;
+                height: number;
+                border: string;
+                top: number;
+                right: number;
+            };
+            xl: {
+                width: number;
+                height: number;
+                border: string;
+                top: number;
+                right: number;
+            };
+        };
+    };
+    fallbackText: {
+        default: {
+            variant: TypographyVariant;
+            align: TextAlign;
+        };
+        size: {
+            xs: {
+                variant: TypographyVariant;
+            };
+            sm: {
+                variant: TypographyVariant;
+            };
+            md: {
+                variant: TypographyVariant;
+            };
+            lg: {
+                variant: TypographyVariant;
+            };
+            xl: {
+                variant: TypographyVariant;
+            };
+        };
+    };
+    size: {
+        xs: {
+            width: number;
+            height: number;
+        };
+        sm: {
+            width: number;
+            height: number;
+        };
+        md: {
+            width: number;
+            height: number;
+        };
+        lg: {
+            width: number;
+            height: number;
+        };
+        xl: {
+            width: number;
+            height: number;
+        };
+    };
+};

package/tokens/avatar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/helpers.js");require("react");const i=require("../types/common.js"),r=require("../types/typography.js"),a=require("./colors.js"),t=require("./borders.js"),o={default:{borderRadius:"50%",position:"relative",width:42,height:42},imageWrapper:{default:{borderRadius:"50%",overflow:"hidden",height:"100%",width:"100%",alignContent:"center",backgroundColor:e.get(a.colors,"bg.fill.primary.default")}},badge:{default:{position:"absolute",borderRadius:"50%",backgroundColor:e.get(a.colors,"bg.fill.success.primary.default"),width:16,height:16,border:t.borders.generic({width:"2.3px",color:"white",type:"solid"}),top:-2,right:0},size:{[i.SizeVariant.Xs]:{width:8,height:8,border:t.borders.generic({width:"1px",color:"white",type:"solid"}),top:-1,right:0},[i.SizeVariant.Sm]:{width:14,height:14,border:t.borders.generic({width:"2px",color:"white",type:"solid"}),top:-2,right:0},[i.SizeVariant.Md]:{width:16,height:16,border:t.borders.generic({width:"2.3px",color:"white",type:"solid"}),top:-2,right:0},[i.SizeVariant.Lg]:{width:18,height:18,border:t.borders.generic({width:"2.7px",color:"white",type:"solid"}),top:-1,right:0},[i.SizeVariant.Xl]:{width:22,height:22,border:t.borders.generic({width:"3px",color:"white",type:"solid"}),top:0,right:0}}},fallbackText:{default:{variant:r.TypographyVariant.H6,align:r.TextAlign.Center},size:{[i.SizeVariant.Xs]:{variant:r.TypographyVariant.Caption},[i.SizeVariant.Sm]:{variant:r.TypographyVariant.Body2},[i.SizeVariant.Md]:{variant:r.TypographyVariant.H6},[i.SizeVariant.Lg]:{variant:r.TypographyVariant.H5},[i.SizeVariant.Xl]:{variant:r.TypographyVariant.H4}}},size:{[i.SizeVariant.Xs]:{width:24,height:24},[i.SizeVariant.Sm]:{width:38,height:38},[i.SizeVariant.Md]:{width:42,height:42},[i.SizeVariant.Lg]:{width:52,height:52},[i.SizeVariant.Xl]:{width:80,height:80}}};exports.avatar=o;

package/tokens/borders.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../utils/helpers.js");require("react");const e=require("./colors.js"),r=({width:o="1px",color:s=e.colors.transparent,type:t="solid"}={})=>`${o} ${t} ${s}`,n={none:0,generic:r,focus:r({width:"2px",color:c.get(e.colors,"border.focus")})};exports.borders=n;

package/tokens/breadcrumbs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../utils/helpers.js");require("react");const r=require("../types/common.js"),t=require("./spacing.js"),o=require("./colors.js"),e=a.get(o.colors,"icon.primary.default"),i={default:{display:"flex",alignItems:"center",gap:10},bordered:{padding:`${t.spacing[r.SizeVariant.Md]} ${t.spacing[r.SizeVariant.Lg]}`,border:`1px solid ${o.colors.border.default}`},item:{itemStart:{default:{color:e}},itemEnd:{default:{color:e}}},separator:{default:{display:"flex",alignItems:"center",color:e}}};exports.breadcrumbs=i;

package/tokens/button.d.ts

@@ -13,12 +13,12 @@ export declare const button: {
             '&::after': {
                 content: string;
                 position: string;
-                top: `${number}px` | `${number}rem` | `${number}%`;
-                right: `${number}px` | `${number}rem` | `${number}%`;
-                bottom: `${number}px` | `${number}rem` | `${number}%`;
-                left: `${number}px` | `${number}rem` | `${number}%`;
+                top: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                right: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                bottom: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                left: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
                 border: string;
-                borderRadius: `${number}px` | `${number}rem` | `${number}%` | undefined;
+                borderRadius: `${number}px` | `${number}rem` | `${number}%` | `${number}em` | undefined;
             };
         };
         '&:disabled, &:disabled *': {
@@ -36,6 +36,9 @@ export declare const button: {
     };
     content: {
         default: {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
             width: string;
             minWidth: string;
         };
@@ -96,6 +99,7 @@ export declare const button: {
     };
     text: {
         primary: {
+            padding: string;
             background: any;
             color: any;
             '&:hover': {
@@ -106,6 +110,7 @@ export declare const button: {
             };
         };
         secondary: {
+            padding: string;
             background: any;
             color: any;
             '&:not(:disabled):hover': {
@@ -118,10 +123,18 @@ export declare const button: {
     };
     inherit: {
         primary: {
-            padding: number;
+            backgroundColor: string;
+            padding: string;
+            '&:disabled': {
+                background: string;
+            };
         };
         secondary: {
-            padding: number;
+            padding: string;
+            backgroundColor: string;
+            '&:hover': {
+                background: string;
+            };
         };
     };
 };

package/tokens/button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../utils/helpers.js");require("react");const a=require("../types/common.js"),e=require("../types/button.js"),n=require("./borders.js"),r=require("./colors.js"),t=require("./spacing.js"),i=require("./cursors.js"),l=require("./display.js"),s=require("./values.js"),d=require("./utils.js"),c={default:{border:n.borders.none,outline:n.borders.none,padding:`${t.spacing[a.SizeVariant.Sm]} ${t.spacing[a.SizeVariant.Lg]}`,display:l.display.flex,alignItems:l.flexAlignItems.center,gap:t.spacing[a.SizeVariant.Sm],transition:o.get(s.values,"transitions.button.default"),cursor:i.cursors.pointer,"&:focus-visible":d.getFocusStyles({inset:"-6px"}),"&:disabled, &:disabled *":{cursor:i.cursors.default,color:o.get(r.colors,"text.disabled")}},icon:{padding:t.spacing[a.SizeVariant.Sm],"& span":{display:l.display.flex,justifyContent:l.flexAlignItems.center,alignItems:l.flexAlignItems.center}},content:{default:{display:l.display.flex,alignItems:l.flexAlignItems.center,justifyContent:l.flexAlignItems.center,width:"100%",minWidth:"0"}},fullWidth:{width:"100%"},startIcon:{default:{}},endIcon:{default:{}},[e.ButtonVariant.Contained]:{[e.ButtonColorVariant.Primary]:{background:o.get(r.colors,"bg.fill.primary.default"),color:o.get(r.colors,"text.active"),"&:hover":{background:o.get(r.colors,"bg.fill.primary.hover")},"&:disabled":{background:o.get(r.colors,"bg.fill.disabled")}},[e.ButtonColorVariant.Secondary]:{color:o.get(r.colors,"neutral.white"),background:o.get(r.colors,"bg.fill.error.primary.default"),"&:hover":{background:o.get(r.colors,"bg.fill.error.primary.hover")},"&:disabled":{background:o.get(r.colors,"bg.fill.disabled")}}},[e.ButtonVariant.Outlined]:{[e.ButtonColorVariant.Primary]:{border:n.borders.generic({width:s.values.borderMedium,color:o.get(r.colors,"border.secondary.default")}),background:o.get(r.colors,"bg.fill.secondary.default"),color:o.get(r.colors,"text.active"),"&:hover":{background:o.get(r.colors,"bg.fill.secondary.hover")},"&:disabled":{background:o.get(r.colors,"bg.fill.secondary.default")}},[e.ButtonColorVariant.Secondary]:{color:o.get(r.colors,"text.error"),background:o.get(r.colors,"bg.fill.error.secondary.default"),"&:hover":{background:o.get(r.colors,"bg.fill.error.secondary.hover")},"&:disabled":{background:o.get(r.colors,"bg.fill.disabled")}}},[e.ButtonVariant.Text]:{[e.ButtonColorVariant.Primary]:{padding:t.spacing.xs,background:o.get(r.colors,"bg.fill.secondary.default"),color:o.get(r.colors,"text.active"),"&:hover":{background:o.get(r.colors,"bg.fill.secondary.hover")},"&:disabled":{background:o.get(r.colors,"bg.fill.secondary.default")}},[e.ButtonColorVariant.Secondary]:{padding:t.spacing.xs,background:o.get(r.colors,"bg.fill.secondary.default"),color:o.get(r.colors,"text.active"),"&:not(:disabled):hover":{textDecoration:"underline"},"&:disabled":{background:o.get(r.colors,"bg.fill.secondary.default")}}},[e.ButtonVariant.Inherit]:{[e.ButtonColorVariant.Primary]:{backgroundColor:r.colors.bg.fill.primary.default,padding:t.spacing.xs,"&:disabled":{background:r.colors.bg.fill.disabled}},[e.ButtonColorVariant.Secondary]:{padding:t.spacing.xs,backgroundColor:r.colors.transparent,"&:hover":{background:r.colors.bg.fill.secondary.hover}}}};exports.button=c;

package/tokens/card.d.ts

@@ -1,4 +1,4 @@
-import { FlexDirection } from '../components/layout';
+import { FlexDirection } from '../types';
 export declare const card: {
     default: {
         display: string;

package/tokens/card.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../types/common.js"),a=require("../types/card.js"),i=require("../types/typography.js"),n=require("../types/layout.js"),c=require("./font.js"),t=require("./typography.js"),d=require("./values.js"),l=require("./borders.js"),e=require("./display.js"),r=require("./colors.js"),S=require("./shadow.js"),o=require("./spacing.js"),s={border:l.borders.generic({width:d.values.borderThin,color:r.colors.border.default})},u={"&:not(:focus-visible):hover":{boxShadow:"none",outline:l.borders.generic({width:d.values.borderThin,color:r.colors.primary.default})}},V={boxShadow:S.shadows.card.default},C={default:{display:e.display.flex,"&:focus-visible":{outline:l.borders.generic({width:d.values.borderMedium,color:r.colors.border.focus}),"&:hover":{boxShadow:"none"}}},[a.CardVariant.Vertical]:{default:{flexDirection:n.FlexDirection.Column,"&:hover":{...V}},bordered:{...s},highlighted:{...u}},[a.CardVariant.Horizontal]:{default:{flexDirection:n.FlexDirection.Row,"&:hover":{...V}},bordered:{...s},highlighted:{...u}},title:{default:{margin:o.spacing.none,padding:o.spacing.none},[a.CardVariant.Vertical]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}},[a.CardVariant.Horizontal]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}}},description:{default:{margin:o.spacing.none,padding:o.spacing.none},[a.CardVariant.Vertical]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}},[a.CardVariant.Horizontal]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}}},rating:{default:{display:e.display.flex,alignItems:e.flexAlignItems.start,gap:o.spacing[p.SizeVariant.Sm]},[a.CardVariant.Vertical]:{[a.CardSizeVariant.Default]:{color:r.colors.text.caption,...t.typography[i.TypographyVariant.Caption]},[a.CardSizeVariant.Sm]:{color:r.colors.text.caption,flexDirection:n.FlexDirection.Column,...t.typography[i.TypographyVariant.Caption]}},[a.CardVariant.Horizontal]:{[a.CardSizeVariant.Default]:{color:r.colors.text.caption,...t.typography[i.TypographyVariant.Caption]},[a.CardSizeVariant.Sm]:{color:r.colors.text.caption,flexDirection:n.FlexDirection.Column,...t.typography[i.TypographyVariant.Caption]}}},button:{default:{display:e.display.flex},[a.CardVariant.Vertical]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}},[a.CardVariant.Horizontal]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}}},image:{default:{},[a.CardVariant.Vertical]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}},[a.CardVariant.Horizontal]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}}},counter:{default:{},[a.CardVariant.Vertical]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}},[a.CardVariant.Horizontal]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{}}},price:{default:{display:e.display.flex},[a.CardVariant.Vertical]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{"& > div > *":{...t.typography[i.TypographyVariant.H6],fontWeight:c.font.weight.medium}}},[a.CardVariant.Horizontal]:{[a.CardSizeVariant.Default]:{},[a.CardSizeVariant.Sm]:{"& > div > *":{...t.typography[i.TypographyVariant.H6],fontWeight:c.font.weight.medium}}}}};exports.card=C;