gd-design-library 0.2.0 → 0.3.1

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

@@ -0,0 +1,8 @@
+import { DropdownButtonStyledProps, DropdownIconStyledProps } from '../..';
+import { SelectWrapperStyledProps, SelectInitiatorWrapperStyledProps, ArrowIconWrapperStyledProps, SelectAdornmentStyledProps } from './Select.types';
+export declare const SelectWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SelectWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const InitiatorWrapperStyled: (props: SelectInitiatorWrapperStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ArrowIconWrapperStyled: (props: ArrowIconWrapperStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DropdownIconStyled: (props: DropdownIconStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DropdownButtonStyled: (props: DropdownButtonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SelectAdornmentStyled: (props: SelectAdornmentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Select/SelectStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),q=require("react"),u=require("../../../utils/helpers.js");require("../Breadcrumbs/Breadcrumbs.js");const c=require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");const d=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("../Portal/Portal.js");require("../Scroll/Scroll.js");require("./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");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 l=q.forwardRef((r,e)=>{const{theme:{select:t}={},styles:o={},$disabled:s,...n}=r;return i.jsx("div",{css:[u.get(t,"default",{}),s?u.get(t,"disabled",{}):{},o],...n,ref:e})}),a=r=>{const{theme:{select:e}={},width:t,...o}=r;return i.jsx("div",{css:[u.get(e,"initiatorWrapper",{}),t?{width:t}:{}],...o})},p=r=>{const{theme:{select:e}={},$isOpen:t,...o}=r;return i.jsx("div",{css:[u.get(e,"arrowIconWrapper.default",{}),t?u.get(e,"arrowIconWrapper.transform.open",{}):u.get(e,"arrowIconWrapper.transform.close",{})],...o})},S=r=>{const{theme:{select:e}={}}=r;return i.jsx(d.Icon,{...u.get(e,"arrowIcon",{name:"arrowDown"})})},y=r=>{const{theme:{select:e}={},...t}=r;return i.jsx(c.Button,{css:[u.get(e,"button.default",{})],...u.get(e,"button.attrs",{}),...t})},m=r=>{const{theme:{select:e}={},...t}=r;return i.jsx("div",{css:[u.get(e,"adornment.default",{})],...t})};exports.ArrowIconWrapperStyled=p;exports.DropdownButtonStyled=y;exports.DropdownIconStyled=S;exports.InitiatorWrapperStyled=a;exports.SelectAdornmentStyled=m;exports.SelectWrapperStyled=l;

package/components/core/Select/constants.js

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

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

@@ -1,3 +1,3 @@
-import { SelectContextType } from '../Select.types';
+import { SelectContextType } from '..';
 export declare const SelectContext: import('react').Context<SelectContextType | undefined>;
 export declare const useSelectContext: () => SelectContextType;

package/components/core/Select/hooks/useSelectContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=t.createContext(void 0),n=()=>{const e=t.useContext(o);if(!e)throw new Error("useSelectContext must be used within a Select component or children");return e};exports.SelectContext=o;exports.useSelectContext=n;

package/components/core/Separator/Separator.d.ts

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

package/components/core/Separator/Separator.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),x=require("react"),m=require("../../../hooks/useTheme/useTheme.js"),n=require("../../../types/separator.js"),b=require("./constants.js"),t=require("./SeparatorStyled.js"),p=x.forwardRef(($,h)=>{const{styles:u={},label:o,labelPosition:s=n.SeparatorLabelPosition.Center,size:a,variant:S,orientation:l,length:L,color:d,labelColor:i,...y}=$,{theme:r}=m.useTheme(),c=!!o,j=c&&s===n.SeparatorLabelPosition.Start,C=c&&s===n.SeparatorLabelPosition.Center,P=c&&s===n.SeparatorLabelPosition.End;return e.jsxs(t.SeparatorWrapperStyled,{theme:r,styles:u,ref:h,"data-testid":b.COMPONENT_NAME,$orientation:l,$length:L,...y,children:[j&&e.jsx(t.SeparatorLabelStyled,{theme:r,$size:a,$labelColor:i,children:o}),e.jsx(t.SeparatorLineStyled,{theme:r,$color:d,$size:a,$variant:S,$orientation:l}),C&&e.jsxs(e.Fragment,{children:[e.jsx(t.SeparatorLabelStyled,{theme:r,$size:a,$labelColor:i,children:o}),e.jsx(t.SeparatorLineStyled,{theme:r,$color:d,$size:a,$variant:S,$orientation:l})]}),P&&e.jsx(t.SeparatorLabelStyled,{theme:r,$size:a,$labelColor:i,children:o})]})});p.displayName=b.COMPONENT_NAME;exports.Separator=p;

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

@@ -0,0 +1,31 @@
+import { PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentProps, CommonCssComponentStyledProps, TypographyStyledProps } from '../..';
+import { EnumOrPrimitive, KeysByPrefix, Orientation, SeparatorLabelPosition, SeparatorVariant, SizeVariant } from '../../../types';
+import { Unit } from '../../../tokens';
+type SpacingKeys = KeysByPrefix<BoxCssComponentProps, 'margin'> | KeysByPrefix<BoxCssComponentProps, 'padding'>;
+export interface SeparatorProps extends CommonCssComponentProps, Pick<BoxCssComponentProps, SpacingKeys> {
+    orientation?: EnumOrPrimitive<Orientation>;
+    length?: `${number}${Unit}`;
+    color?: string;
+    size?: SizeVariant;
+    variant?: EnumOrPrimitive<SeparatorVariant>;
+    as?: 'div' | 'hr' | 'span';
+    label?: string;
+    labelPosition?: EnumOrPrimitive<SeparatorLabelPosition>;
+    labelColor?: string;
+}
+export interface SeparatorWrapperStyledProps extends CommonCssComponentStyledProps, BoxCssComponentStyledProps, PropsWithChildren {
+    $orientation?: EnumOrPrimitive<Orientation>;
+    $length?: `${number}${Unit}`;
+}
+export interface SeparatorLineStyledProps extends Omit<CommonCssComponentStyledProps, 'ref'>, PropsWithChildren {
+    $as?: 'div' | 'hr' | 'span';
+    $orientation?: EnumOrPrimitive<Orientation>;
+    $color?: string;
+    $size?: EnumOrPrimitive<SizeVariant>;
+    $variant?: EnumOrPrimitive<SeparatorVariant>;
+}
+export interface SeparatorLabelStyledProps extends TypographyStyledProps {
+    $labelColor?: string;
+}
+export {};

package/components/core/Separator/SeparatorStyled.d.ts

@@ -0,0 +1,4 @@
+import { SeparatorLabelStyledProps, SeparatorLineStyledProps, SeparatorWrapperStyledProps } from './Separator.types';
+export declare const SeparatorWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SeparatorWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SeparatorLineStyled: (props: SeparatorLineStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SeparatorLabelStyled: (props: SeparatorLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Separator/SeparatorStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@emotion/react/jsx-runtime"),f=require("react"),e=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 x=require("../../../tokens/utils.js"),q=require("../../../types/common.js"),j=require("../../../types/separator.js"),L=require("../Typography/TypographyStyled.js"),O=f.forwardRef((a,t)=>{const{theme:{separator:i}={},styles:r={},$orientation:o=q.Orientation.Horizontal,$length:s,...u}=a,l={[o===q.Orientation.Horizontal?"width":"height"]:s},{boxStyles:c,restProps:p}=x.getBoxStyles(u),d=[e.get(i,"default",{}),e.get(i,o,{}),s?l:{},c,r];return S.jsx("div",{css:d,...p,ref:t})}),H=a=>{var y,g;const{theme:{separator:t,colors:i,values:r}={},styles:o={},$as:s="div",$orientation:u=q.Orientation.Horizontal,$color:n=e.get(i,"border.default",""),$size:l=q.SizeVariant.Sm,$variant:c=j.SeparatorVariant.Solid,...p}=a,d=e.get(r,`separator.thickness.${l}`,(g=(y=r==null?void 0:r.separator)==null?void 0:y.thickness)==null?void 0:g.sm),$=e.get(i,n,n),b=`${d} ${c} ${$}`,h=u===q.Orientation.Horizontal?"borderTop":"borderLeft",m={...e.get(t,`line.${u}`,{}),[h]:b},z=[e.get(t,"line.default",{}),m,o];return S.jsx(s,{css:z,...p})},T=a=>{const{theme:{separator:t,colors:i}={},$labelColor:r=e.get(i,"text.caption"),$size:o,children:s}=a,u=e.get(t,"label.default",{}),n=e.get(t,`label.attrs.${o}`,{});return S.jsx(L.TypographyStyled,{css:u,...n,$color:r,children:s})};exports.SeparatorLabelStyled=T;exports.SeparatorLineStyled=H;exports.SeparatorWrapperStyled=O;

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

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

package/components/core/Separator/constants.js

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

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

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

package/components/core/Skeleton/Skeleton.d.ts

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

package/components/core/Skeleton/Skeleton.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),m=require("react"),h=require("../../../hooks/useTheme/useTheme.js"),S=require("../../../types/skeleton.js"),e=require("./constants.js"),N=require("./SkeletonStyled.js"),k=m.forwardRef((t,n)=>{const{variant:r=S.SkeletonVariant.Rounded,children:i,animationName:o,animationProps:a=e.BASE_ANIMATION,width:s,height:c,...u}=t,{theme:l}=h.useTheme();return d.jsx(N.SkeletonStyled,{ref:n,theme:l,$width:s,$height:c,$variant:r,$animationName:o,$animationProps:a,"data-testid":e.COMPONENT_NAME,...u,children:i})});exports.Skeleton=k;

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

@@ -1,19 +1,17 @@
-import { NullableType } from '../../../types';
-import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
-export declare enum SkeletonVariant {
-    Rectangular = "rectangular",
-    Rounded = "rounded",
-    Circular = "circular"
-}
-export interface SkeletonProps extends CommonCoreComponentProps<SkeletonVariant> {
+import { PropsWithChildren } from 'react';
+import { EnumOrPrimitive, NullableType, SkeletonVariant } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface SkeletonProps extends CommonCssComponentProps<HTMLSpanElement>, PropsWithChildren {
     animationName?: NullableType<string>;
     animationProps?: string;
     width?: string;
     height?: string;
+    variant?: EnumOrPrimitive<SkeletonVariant>;
 }
-export interface SkeletonStyledProps extends CommonCoreStyledComponentProps<SkeletonVariant> {
+export interface SkeletonPropsStyled extends CommonCssComponentStyledProps<HTMLSpanElement>, PropsWithChildren {
     $animationName?: NullableType<string>;
     $animationProps?: string;
     $width?: string;
     $height?: string;
+    $variant?: EnumOrPrimitive<SkeletonVariant>;
 }

package/components/core/Skeleton/SkeletonStyled.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonPropsStyled } from './Skeleton.types';
+export declare const SkeletonStyled: import('react').ForwardRefExoticComponent<Omit<SkeletonPropsStyled, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/components/core/Skeleton/SkeletonStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@emotion/react/jsx-runtime"),p=require("react"),e=require("../../../utils/helpers.js"),r=require("../../../tokens/utils.js"),$=require("../../../types/skeleton.js"),q=p.forwardRef((a,i)=>{const{theme:{skeleton:t,animations:l}={},$variant:c=$.SkeletonVariant.Rounded,styles:m={},$animationName:n="blinkKeyframes",$animationProps:u,...y}=a,s=e.get(l,n??"",null),o=s?r.convertJsonToCssKeyframeCss(s):n,S={animation:`${o} ${u}`},{boxStyles:d,restProps:f}=r.getBoxStyles(y),k=[e.get(t,"default",{}),e.get(t,c,{}),d,o?S:{},m];return g.jsx("span",{css:k,...f,ref:i})});exports.SkeletonStyled=q;

package/components/core/Skeleton/constants.js

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

package/components/core/Slider/Slider.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { SliderProps } from './Slider.types';
 /**
  * Slider component allows users to select a numeric value from a specified range by dragging a thumb.
@@ -18,4 +17,4 @@ import { SliderProps } from './Slider.types';
  * @example
  * <Slider min={0} max={10} value={5} onChange={val => console.log(val)} />
  */
-export declare const Slider: React.FC<SliderProps>;
+export declare const Slider: import('react').ForwardRefExoticComponent<SliderProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/core/Slider/Slider.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@emotion/react/jsx-runtime"),i=require("react"),g=require("../../../hooks/useTheme/useTheme.js"),A=require("../../../utils/setInRange.js"),a=require("./constants.js"),M=require("./SliderStyled.js"),c=i.forwardRef((d,m)=>{const{min:e=a.SLIDER_MIN_VALUE_DEFAULT,max:t=a.SLIDER_MAX_VALUE_DEFAULT,value:r,onChange:n,disabled:u,...E}=d,{theme:S}=g.useTheme(),[s,l]=i.useState(r||e);i.useEffect(()=>{r!==void 0&&l(r)},[r]);const v=f=>{const o=A.setInRange({min:e,max:t,value:Number(f.target.value)});l(o),n==null||n(o)},N=t>e?(s-e)/(t-e):e;return _.jsx(M.StyledSlider,{"data-testid":a.COMPONENT_NAME,type:"range",role:"slider",min:e,max:t,value:s,disabled:u,theme:S,fillRatio:N,onChange:v,"aria-valuenow":s,"aria-valuemin":e,"aria-valuemax":t,"aria-disabled":u,ref:m,...E})});c.displayName=a.COMPONENT_NAME;exports.Slider=c;

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

@@ -1,13 +1,17 @@
-import { CommonComponentProps, CommonStyledComponentProps } from '../../index.types';
-export interface SliderProps extends CommonComponentProps {
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface SliderProps extends Omit<CommonCssComponentProps<HTMLInputElement>, 'onChange'> {
     min?: number;
     max?: number;
     value?: number;
     onChange?: (value: number) => void;
     step?: number;
     disabled?: boolean;
-    className?: string;
 }
-export type StyledSliderProps = {
+export interface SliderStyledProps extends CommonCssComponentStyledProps<HTMLInputElement> {
+    type: string;
     fillRatio: number;
-} & CommonStyledComponentProps;
+    min?: number;
+    max?: number;
+    value?: number;
+    disabled?: boolean;
+}

package/components/core/Slider/SliderStyled.d.ts

@@ -0,0 +1,2 @@
+import { SliderStyledProps } from './Slider.types';
+export declare const StyledSlider: import('react').ForwardRefExoticComponent<Omit<SliderStyledProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/core/Slider/SliderStyled.js

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

package/components/core/Slider/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=0,_=100,A="Slider";exports.COMPONENT_NAME=A;exports.SLIDER_MAX_VALUE_DEFAULT=_;exports.SLIDER_MIN_VALUE_DEFAULT=E;

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

@@ -1,3 +1,3 @@
 export * from './Slider.types';
-export * from './StyledSlider';
+export * from './SliderStyled';
 export { Slider } from './Slider';

package/components/core/Snackbar/Snackbar.d.ts

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

package/components/core/Snackbar/Snackbar.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),u=require("react"),x=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");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 f=require("../../../tokens/utils.js"),a=require("./constants.js"),r=require("./SnackbarStyled.js"),A=u.forwardRef((d,S)=>{const{title:b,message:o,variant:q=a.DEFAULT_VARIANT,isAnimated:k=!0,duration:n,onClose:t,action:c,colored:y=!1,dismissOnClick:m=!0,icon:C,...T}=d,{theme:i}=x.useTheme(),[l,h]=u.useState(!1),s=u.useCallback(()=>{h(!0),setTimeout(()=>t==null?void 0:t(),a.ANIMATION_DURATION)},[]);return u.useEffect(()=>{if(!n)return;const j=setTimeout(()=>{s()},n);return()=>clearTimeout(j)},[n]),e.jsxs(r.SnackbarStyled,{ref:S,$variant:q,$colored:y,$isClosing:l,$isAnimated:k,onClick:m?s:void 0,theme:i,role:"alert","aria-live":"polite","aria-hidden":l,"data-testid":a.COMPONENT_NAME,...f.convertToInlineBoxStyles(T),children:[t&&e.jsx(r.CloseButtonWrapperStyled,{theme:i,onClick:s,"aria-label":"Close notification",children:e.jsx(r.CloseButtonIconStyled,{theme:i})}),e.jsxs(r.SnackbarBodyStyled,{theme:i,children:[C||e.jsx(r.SnackbarIconStyled,{theme:i,$variant:q}),e.jsxs(r.SnackbarContentStyled,{theme:i,children:[e.jsx(r.SnackbarTitleStyled,{children:b}),o&&e.jsx(r.SnackbarDescriptionStyled,{children:o}),c&&e.jsx(r.SnackbarActionsContainerStyled,{theme:i,children:c})]})]})]})});exports.Snackbar=A;

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

@@ -1,41 +1,35 @@
-import { ReactNode, CSSProperties } from 'react';
+import { ReactNode } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps } from '../../index.types';
 import { IconProps } from '../Icon';
-import { CommonCoreStyledComponentProps } from '../types/common.types';
-export declare enum SnackbarVariant {
-    Success = "success",
-    Error = "error",
-    Warning = "warning",
-    Info = "info"
-}
-export declare enum SnackbarPosition {
-    TopLeft = "top-left",
-    TopCenter = "top-center",
-    TopRight = "top-right",
-    BottomLeft = "bottom-left",
-    BottomCenter = "bottom-center",
-    BottomRight = "bottom-right"
-}
+import { EnumOrPrimitive, SnackbarPosition, SnackbarVariant } from '../../../types';
 export interface SnackbarOptions {
-    id?: string;
+    title?: ReactNode;
     message: ReactNode;
-    variant?: SnackbarVariant;
-    position?: SnackbarPosition;
+    variant?: EnumOrPrimitive<SnackbarVariant>;
     duration?: number | null;
-    onClose?: () => void;
+    onClose?: (() => void) | null;
     action?: ReactNode;
     dismissOnClick?: boolean;
     colored?: boolean;
-    customStyles?: CSSProperties;
     icon?: ReactNode;
-    title: string;
 }
 export interface SnackbarState extends SnackbarOptions {
-    id: string;
+    id?: string;
+    position?: EnumOrPrimitive<SnackbarPosition>;
+}
+export interface SnackbarProps extends SnackbarOptions, Omit<BoxCssComponentProps, 'title'> {
+    isAnimated?: boolean;
 }
-export interface StyledSnackbarProps extends CommonCoreStyledComponentProps<SnackbarVariant> {
-    position: SnackbarPosition;
+export interface SnackbarStyledProps extends BoxCssComponentStyledProps {
+    $variant: EnumOrPrimitive<SnackbarVariant>;
+    $isAnimated: boolean;
     $isClosing: boolean;
     $colored: boolean;
 }
-export interface SnackbarIconProps extends IconProps, CommonCoreStyledComponentProps<SnackbarVariant> {
+export type SnackbarCommonStyledProps = CommonCssComponentStyledProps;
+export interface SnackbarIconProps extends Partial<IconProps>, CommonCssComponentStyledProps {
+    $variant: EnumOrPrimitive<SnackbarVariant>;
+}
+export interface SnackbarContainerStyledProps extends CommonCssComponentStyledProps {
+    $position?: EnumOrPrimitive<SnackbarPosition>;
 }

package/components/core/Snackbar/SnackbarManager.d.ts

@@ -1,3 +1,3 @@
-import { SnackbarOptions } from './Snackbar.types';
-export declare const showSnackbar: (options: SnackbarOptions) => void;
+import { SnackbarState } from './Snackbar.types';
+export declare const showSnackbar: (options: SnackbarState) => void;
 export declare const SnackbarManager: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/components/core/Snackbar/SnackbarManager.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),a=require("react"),b=require("../../../utils/helpers.js"),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("../Loader/Loader.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");const A=require("./Snackbar.js"),T=require("./SnackbarStyled.js"),n=require("./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 f=require("../../../node_modules/uuid/dist/esm-browser/v4.js");let t=[];const s=[],d=()=>{s.forEach(e=>e(t))},O=e=>{const o={id:b.get(e,"id",f()),variant:n.DEFAULT_VARIANT,position:n.DEFAULT_POSITION,duration:n.DEFAULT_DURATION,...e};t=[...t,o].slice(-50),d()},E=e=>{t=t.filter(q=>q.id!==e),d()},N=e=>O(e),m=()=>{const{theme:e}=h.useTheme(),[q,o]=a.useState(t);a.useEffect(()=>{const r=u=>o(u);return s.push(r),()=>{const u=s.indexOf(r);u>-1&&s.splice(u,1)}},[]);const l=a.useMemo(()=>q.reduce((r,u)=>{const i=u.position||n.DEFAULT_POSITION;return r[i]=r[i]||[],r[i].push(u),r},{}),[q]);return q.length?c.jsx(p,{withWrapper:!1,"data-testid":n.COMPONENT_SNACKBAR_MANAGER_NAME,children:Object.entries(l).map(([r,u])=>c.jsx(T.SnackbarContainerStyled,{theme:e,$position:r,children:u.map(i=>c.jsx(A.Snackbar,{...i,onClose:()=>{var S;(S=i.onClose)==null||S.call(i),E(i.id)}},i.id))},r))}):null};exports.SnackbarManager=m;exports.showSnackbar=N;

package/components/core/Snackbar/SnackbarStyled.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { SnackbarCommonStyledProps, SnackbarContainerStyledProps, SnackbarIconProps, SnackbarStyledProps } from './Snackbar.types';
+export declare const SnackbarStyled: import('react').ForwardRefExoticComponent<Omit<SnackbarStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CloseButtonWrapperStyled: (props: SnackbarCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CloseButtonIconStyled: (props: SnackbarCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SnackbarIconStyled: (props: SnackbarIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SnackbarBodyStyled: (props: SnackbarCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SnackbarContentStyled: (props: SnackbarCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SnackbarTitleStyled: (props: PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SnackbarDescriptionStyled: (props: PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SnackbarActionsContainerStyled: (props: SnackbarCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SnackbarContainerStyled: (props: SnackbarContainerStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Snackbar/SnackbarStyled.js

@@ -0,0 +1,5 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),V=require("react"),o=require("../../../utils/helpers.js"),c=require("../../../tokens/utils.js"),g=require("../Icon/Icon.js"),p=require("../Typography/Typography.js"),a=require("../../../types/typography.js"),O=V.forwardRef((n,e)=>{var d,S,u,b;const{theme:{animations:t,snackbar:s}={},$variant:k,$colored:m,$isClosing:h,$isAnimated:C,styles:x,...v}=n,T=c.convertJsonToCssKeyframeCss(t==null?void 0:t.slideIn),$=c.convertJsonToCssKeyframeCss(t==null?void 0:t.slideOut),{boxStyles:j,restProps:B}=c.getBoxStyles(v),i=(S=(d=s==null?void 0:s.snackbar)==null?void 0:d.animation)==null?void 0:S.duration,l=(b=(u=s==null?void 0:s.snackbar)==null?void 0:u.animation)==null?void 0:b.timing,f=`
+    ${$} ${i} ${l} forwards
+  `,A=`
+    ${T} ${i} ${l}
+  `,y=o.get(s,"snackbar.background.default"),I=o.get(s,"snackbar.default",{}),q={background:m?o.get(s,`snackbar.background.variants.${k}`,y):y},P=[C?{animation:{animation:h?f:A}}:{},I,q,j,x];return r.jsx("div",{css:P,...B,ref:e})}),w=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"closeButton",{}),...t})},D=n=>{const{theme:{snackbar:e}={}}=n,t=o.get(e,"icons.close",{name:"cross"});return r.jsx(g.Icon,{...t})},J=n=>{const{$variant:e,theme:{snackbar:t}={}}=n,s=o.get(t,["icons",e],{name:""});return r.jsx(g.Icon,{...s})},K=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"snackbarBody",{}),...t})},N=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"snackbarContent",{}),...t})},R=n=>r.jsx(p.Typography,{align:a.TextAlign.Start,variant:a.TypographyVariant.Body2,styleVariant:a.TypographyStyleVariant.Semibold,...n}),W=n=>r.jsx(p.Typography,{align:a.TextAlign.Start,variant:a.TypographyVariant.Body2,styleVariant:a.TypographyStyleVariant.Normal,...n}),M=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"actionsContainer",{}),...t})},z=n=>{const{theme:{snackbar:e}={},$position:t,...s}=n;return r.jsx("div",{css:o.get(e,["positions",t],{}),...s})};exports.CloseButtonIconStyled=D;exports.CloseButtonWrapperStyled=w;exports.SnackbarActionsContainerStyled=M;exports.SnackbarBodyStyled=K;exports.SnackbarContainerStyled=z;exports.SnackbarContentStyled=N;exports.SnackbarDescriptionStyled=W;exports.SnackbarIconStyled=J;exports.SnackbarStyled=O;exports.SnackbarTitleStyled=R;

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

@@ -1,4 +1,4 @@
-import { SnackbarVariant, SnackbarPosition } from './Snackbar.types';
+import { SnackbarVariant, SnackbarPosition } from '../../../types';
 export declare const COMPONENT_NAME = "Snackbar";
 export declare const COMPONENT_SNACKBAR_MANAGER_NAME = "Snackbar-manager";
 export declare const DEFAULT_VARIANT = SnackbarVariant.Info;

package/components/core/Snackbar/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../../../types/snackbar.js"),N="Snackbar",T="Snackbar-manager",O=A.SnackbarVariant.Info,n=A.SnackbarPosition.BottomRight,t=3e3,a=300;exports.ANIMATION_DURATION=a;exports.COMPONENT_NAME=N;exports.COMPONENT_SNACKBAR_MANAGER_NAME=T;exports.DEFAULT_DURATION=t;exports.DEFAULT_POSITION=n;exports.DEFAULT_VARIANT=O;

package/components/core/Switch/Switch.d.ts

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

package/components/core/Switch/Switch.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),c=require("react"),O=require("../../../hooks/useTheme/useTheme.js"),f=require("../../../types/label.js"),a=require("./constants.js"),l=require("./SwitchStyled.js"),k=c.forwardRef((S,b)=>{const{onValueChange:d,checked:r=!1,disabled:i=!1,label:w=f.LabelPosition.Right,children:E,...n}=S,{theme:t}=O.useTheme(),[h,o]=c.useState(r),u=c.useCallback(e=>{o(e),d==null||d(e)},[d]),M=c.useCallback(e=>{var N;i||u((N=e==null?void 0:e.target)==null?void 0:N.checked)},[i,u]);return c.useEffect(()=>{o(r)},[r]),s.jsxs(l.SwitchWrapperStyled,{theme:t,ref:b,$disabled:i,"data-testid":`${a.COMPONENT_NAME}-wrapper`,...n,children:[s.jsx(l.SwitchLabelStyled,{className:"gd-switch-label",theme:t,$label:w,"data-testid":`${a.COMPONENT_NAME}-label`,children:E}),s.jsxs(l.SwitchStyled,{"data-testid":a.COMPONENT_NAME,theme:t,children:[s.jsx(l.SwitchSliderStyled,{className:"gd-switch-slider",theme:t,$checked:h,"data-testid":`${a.COMPONENT_NAME}-slider`}),s.jsx(l.HiddenCheckboxStyled,{theme:t,checked:h,disabled:i,onChange:M,"data-testid":`${a.COMPONENT_NAME}-checkbox`,...n})]})]})});exports.Switch=k;

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

@@ -1,18 +1,21 @@
 import { PropsWithChildren } from 'react';
-import { CommonComponentProps, CommonStyledComponentProps } from '../..';
-import { EnumOrPrimitive } from '../../../types/misc';
-export declare enum LabelPosition {
-    Left = "left",
-    Right = "right"
-}
-export interface StyledSwitchProps extends CommonStyledComponentProps {
+import { EnumOrPrimitive, LabelPosition } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface SwitchProps extends PropsWithChildren<CommonCssComponentProps> {
+    label?: EnumOrPrimitive<LabelPosition>;
+    name?: string;
     disabled?: boolean;
     checked?: boolean;
+    onValueChange?: (value: boolean) => void;
 }
-export interface SwitchProps extends PropsWithChildren<CommonComponentProps> {
-    classNames?: string;
-    label?: EnumOrPrimitive<LabelPosition>;
+export interface SwitchStyledProps<T = HTMLDivElement> extends PropsWithChildren<CommonCssComponentStyledProps<T>> {
+    $disabled?: boolean;
+    $checked?: boolean;
+}
+export interface SwitchLabelStyledProps extends PropsWithChildren<CommonCssComponentStyledProps> {
+    $label?: EnumOrPrimitive<LabelPosition>;
+}
+export interface HiddenCheckboxStyledProps extends CommonCssComponentStyledProps<HTMLInputElement> {
     disabled?: boolean;
     checked?: boolean;
-    onValueChange?: (value: boolean) => void;
 }

package/components/core/Switch/SwitchStyled.d.ts

@@ -0,0 +1,6 @@
+import { HiddenCheckboxStyledProps, SwitchLabelStyledProps, SwitchStyledProps } from './Switch.types';
+export declare const HiddenCheckboxStyled: (props: HiddenCheckboxStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SwitchWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SwitchStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SwitchLabelStyled: (props: SwitchLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SwitchSliderStyled: (props: SwitchStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SwitchStyled: (props: SwitchStyledProps<HTMLLabelElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Switch/SwitchStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),i=require("react"),c=require("../../../utils/helpers.js"),n=s=>{const{theme:{switchToken:e}={},...t}=s,r=c.get(e,"checkbox",{});return l.jsx("input",{type:"checkbox",css:r,...t})},h=i.forwardRef((s,e)=>{const{theme:{switchToken:t}={},styles:r={},$disabled:d,...o}=s;return l.jsx("div",{css:[c.get(t,"wrapper.default",{}),d?c.get(t,"wrapper.disabled",{}):{},r],...o,ref:e})}),S=s=>{const{theme:{switchToken:e}={},$label:t,...r}=s;return l.jsx("div",{css:[c.get(e,"label.default",{}),c.get(e,["label",t],{})],...r})},a=s=>{const{theme:{switchToken:e}={},$checked:t,...r}=s;return l.jsx("div",{css:[c.get(e,"slider.default",{}),t?c.get(e,"slider.checked",{}):{}],...r})},u=s=>{const{theme:{switchToken:e}={},...t}=s;return l.jsx("label",{css:[c.get(e,"default",{})],...t})};exports.HiddenCheckboxStyled=n;exports.SwitchLabelStyled=S;exports.SwitchSliderStyled=a;exports.SwitchStyled=u;exports.SwitchWrapperStyled=h;

package/components/core/Switch/constants.js

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

package/components/core/Textarea/Textarea.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@emotion/react/jsx-runtime"),t=require("react"),z=require("../../../hooks/useAutoFocus/useAutoFocus.js"),C=require("../../../hooks/useTheme/useTheme.js"),n=require("./constants.js"),p=require("./hooks/useDynamicHeightAdjustment.js"),M=require("./hooks/useResizeObserver.js"),$=require("./TextareaStyled.js"),r=require("./Textarea.types.js"),u=t.forwardRef((o,c)=>{const{errorText:l,onChange:a,onCustomResize:d,defaultValue:m="",variant:x=r.TextareaVariant.Outlined,color:h=r.TextareaColorVariant.Primary,resize:T=r.TextareaResize.None,ariaDescribedBy:f,maxLength:g,minHeight:y,maxHeight:b,dynamicHeightAdjustment:q=!1,disabled:H=!1,readOnly:O=!1,autoFocus:s=!1,...A}=o,{theme:N}=C.useTheme(),e=t.useRef(null);t.useImperativeHandle(c,()=>e.current),z.useAutoFocus(e,s),M.useResizeObserver(e,d);const R=p.useDynamicHeightAdjustment(e,q),j=i=>{R(i),a&&a(i)};return v.jsx($.TextareaStyled,{theme:N,ref:e,"aria-invalid":l?"true":"false","aria-describedby":f,"aria-multiline":"true",role:"textbox",$variant:x,$color:h,$resize:T,maxLength:g,disabled:H,readOnly:O,autoFocus:s,onChange:j,$minHeight:y,$maxHeight:b,defaultValue:m,"data-testid":n.COMPONENT_NAME,...A})});u.displayName=n.COMPONENT_NAME;exports.Textarea=u;

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

@@ -1,6 +1,5 @@
-import { TextareaHTMLAttributes } from 'react';
-import { EnumOrPrimitive, WithOptional } from '../../../types';
-import { CommonCoreComponentProps, CommonCoreStyledComponentProps, EventBaseComponentsCoreProps } from '../types/index.types';
+import { EnumOrPrimitive } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
 export declare enum TextareaResize {
     None = "none",
     Both = "both",
@@ -12,7 +11,6 @@ export declare enum TextareaVariant {
     Contained = "contained",
     Text = "text"
 }
-export type TextareaVariantType = TextareaVariant;
 export declare enum TextareaColorVariant {
     Primary = "primary",
     Secondary = "secondary",
@@ -20,26 +18,45 @@ export declare enum TextareaColorVariant {
     Warning = "warning",
     Error = "error"
 }
-export type TextareaColorVariantType = TextareaColorVariant;
 export type TextareaUpdatedSize = {
     height: number;
     width: number;
 };
-export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'color'>, EventBaseComponentsCoreProps<HTMLTextAreaElement>, CommonCoreComponentProps<TextareaVariantType, TextareaColorVariantType> {
+export interface TextareaProps extends CommonCssComponentProps<HTMLTextAreaElement> {
+    variant?: EnumOrPrimitive<TextareaVariant>;
+    color?: EnumOrPrimitive<TextareaColorVariant>;
+    resize?: EnumOrPrimitive<TextareaResize>;
+    name?: string;
     label?: string;
     helperText?: string;
+    placeholder?: string;
     ariaDescribedBy?: string;
+    value?: string;
     defaultValue?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
     errorText?: string;
     maxLength?: number;
     maxLengthCountShow?: boolean;
-    resize?: EnumOrPrimitive<TextareaResize>;
     dynamicHeightAdjustment?: boolean;
     onCustomResize?: (newSize: {
         height: number;
         width: number;
     }) => void;
+    minHeight?: string;
+    maxHeight?: string;
 }
-export interface StyledTextareaProps extends CommonCoreStyledComponentProps<TextareaVariantType, TextareaColorVariantType> {
-    $resize?: WithOptional<TextareaResize>;
+export interface TextareaStyledProps extends CommonCssComponentStyledProps<HTMLTextAreaElement> {
+    $minHeight?: string;
+    $maxHeight?: string;
+    $variant?: EnumOrPrimitive<TextareaVariant>;
+    $color?: EnumOrPrimitive<TextareaColorVariant>;
+    $resize?: EnumOrPrimitive<TextareaResize>;
+    maxLength?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    ariaDescribedBy?: string;
+    value?: string;
+    defaultValue?: string;
 }

package/components/core/Textarea/Textarea.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(n=>(n.None="none",n.Both="both",n.Horizontal="horizontal",n.Vertical="vertical",n))(r||{}),o=(n=>(n.Outlined="outlined",n.Contained="contained",n.Text="text",n))(o||{}),t=(n=>(n.Primary="primary",n.Secondary="secondary",n.Success="success",n.Warning="warning",n.Error="error",n))(t||{});exports.TextareaColorVariant=t;exports.TextareaResize=r;exports.TextareaVariant=o;

package/components/core/Textarea/TextareaStyled.d.ts

@@ -0,0 +1,2 @@
+import { TextareaStyledProps } from './Textarea.types';
+export declare const TextareaStyled: import('react').ForwardRefExoticComponent<Omit<TextareaStyledProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/components/core/Textarea/TextareaStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),g=require("react"),i=require("../../../utils/helpers.js"),e=require("./Textarea.types.js"),y=g.forwardRef((s,n)=>{const{theme:{textarea:t}={},$variant:o=e.TextareaVariant.Outlined,$color:c=e.TextareaColorVariant.Primary,styles:l={},$resize:u=e.TextareaResize.None,$minHeight:r,$maxHeight:a,...x}=s,m=[i.get(t,"default",{}),i.get(t,[o,c],{}),r?{minHeight:r}:{},a?{maxHeight:a}:{},{resize:u},l];return d.jsx("textarea",{css:m,...x,ref:n})});exports.TextareaStyled=y;

package/components/core/Textarea/constants.js

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

package/components/core/Textarea/hooks/useDynamicHeightAdjustment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),s=(t,e)=>c.useCallback(r=>{var u;!e||!t.current||(t.current.style.height="auto",t.current.style.height=`${t.current.scrollHeight||((u=r==null?void 0:r.target)==null?void 0:u.scrollHeight)}px`)},[e,t]);exports.useDynamicHeightAdjustment=s;

package/components/core/Textarea/hooks/useResizeObserver.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),n=require("../../../../utils/helpers.js"),i=(e,r)=>{const t=s.useRef(!1);s.useEffect(()=>{if(!e.current||!r)return;const c=new ResizeObserver(()=>{if(!t.current){t.current=!0;return}r&&e.current&&r({width:n.get(e,"current.scrollWidth",0),height:n.get(e,"current.scrollHeight",0)})});return c.observe(e.current),()=>{c.disconnect()}},[r])};exports.useResizeObserver=i;

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

@@ -1,3 +1,2 @@
 export * from './Textarea';
-export * from './TextareaWidget';
 export * from './Textarea.types';

package/components/core/Toggle/Toggle.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),u=require("react"),N=require("../../../hooks/useTheme/useTheme.js"),c=require("../../../types/button.js"),h=require("../Button/Button.js"),i=require("./constants.js"),p=require("./ToggleStyled.js"),v=e=>typeof e=="object"?e:{label:e,value:e},g=u.forwardRef((e,d)=>{const{items:T=[],onValueChange:n,value:b,renderItemContent:r,disabled:s=!1,...m}=e,{theme:f}=N.useTheme(),q=u.useCallback(t=>{n&&n(t)},[n]);return l.jsx(p.ToggleStyled,{ref:d,"data-testid":i.COMPONENT_NAME,theme:f,disabled:s,...m,children:T.map((t,a)=>{const o=v(t),C={variant:o.value===b?c.ButtonVariant.Contained:c.ButtonVariant.Text,onClick:()=>q(o.value),disabled:s};return l.jsx(h.Button,{...C,children:r?r(t,a):o.label},`toggle-${a}`)})})});g.displayName=i.COMPONENT_NAME;exports.Toggle=g;

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

@@ -1,18 +1,17 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { CommonComponentProps, CommonStyledComponentProps } from '../..';
-export interface StyledToggleProps extends CommonStyledComponentProps {
-    disabled?: boolean;
-}
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
 export interface ToggleItem {
     label: string;
     value: unknown;
     icon?: string;
 }
-export interface ToggleProps<T> extends PropsWithChildren<CommonComponentProps> {
-    classNames?: string;
+export interface ToggleProps<T> extends CommonCssComponentProps, PropsWithChildren {
     items?: string[] | ToggleItem[];
     disabled?: boolean;
     value?: unknown;
     onValueChange?: (value: T) => void;
     renderItemContent?: (item: ToggleItem | string, index: number) => ReactNode;
 }
+export interface ToggleStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    disabled?: boolean;
+}

package/components/core/Toggle/ToggleStyled.d.ts

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

package/components/core/Toggle/ToggleStyled.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"),t=require("../../../utils/helpers.js"),u=n.forwardRef((s,r)=>{const{theme:{switchToggle:e}={},disabled:o,styles:l={},...c}=s,d=[t.get(e,"default",{}),l,o?t.get(e,"disabled",{}):{}];return i.jsx("div",{css:d,...c,ref:r})});exports.ToggleStyled=u;

package/components/core/Toggle/constants.js

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

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

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

package/components/core/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("@emotion/react/jsx-runtime"),E=require("react"),j=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("../Loader/Loader.js");require("../Menu/Menu.js");require("../Modal/Modal.js");const w=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("../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 t=require("./constants.js"),O=require("./utils.js"),q=require("./TooltipStyled.js"),R=E.forwardRef((o,s)=>{const{children:l,content:n,position:c,delay:a,classNames:p="",gap:d,styles:h,...r}=o,{theme:T}=j.useTheme(),{isVisible:f,coords:i,containerRef:N,tooltipRef:m,showTooltip:y,hideTooltip:M,positionWithFallback:u}=O.useTooltip(c,a,d),x=`${p.trim()} tooltip-${u}`;return e.jsxs(q.TooltipWrapperStyled,{ref:N,onMouseEnter:y,onMouseLeave:M,...r,"data-testid":`${t.COMPONENT_NAME}-wrapper`,styles:h,children:[l,f&&e.jsx(w,{withWrapper:!1,ref:s,children:e.jsx(q.TooltipStyled,{"data-testid":t.COMPONENT_NAME,className:x,ref:m,position:u,theme:T,style:{top:i.top,left:i.left},...r,children:n})})]})});module.exports=R;