@pushwoosh/dumb-components 1.0.1 → 1.0.2

package/DropdownMenu/components/DropdownMenuItemPick/DropdownMenuItemPick.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Radio } from '../../../Radio';
+import { DropdownMenuItem } from '../DropdownMenuItem';
+import { DropdownMenuItemPickBox } from './styles';
+export function DropdownMenuItemPick(props) {
+  const {
+    isChecked
+  } = props;
+  return React.createElement(DropdownMenuItemPickBox, {
+    "$isChecked": isChecked
+  }, React.createElement(DropdownMenuItem, {
+    as: Radio,
+    ...props,
+    color: "main"
+  }));
+}

package/DropdownMenu/components/DropdownMenuItemPick/index.d.ts

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

package/DropdownMenu/components/DropdownMenuItemPick/index.js

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

package/DropdownMenu/components/DropdownMenuItemPick/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const DropdownMenuItemPickBox: import("styled-components").StyledComponent<"div", any, {
+    $isChecked?: boolean;
+}, never>;

package/DropdownMenu/components/DropdownMenuItemPick/styles.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { DropdownMenuItemBox } from '../DropdownMenuItem';
+export const DropdownMenuItemPickBox = styled.div.withConfig({
+  displayName: "DropdownMenuItemPickBox",
+  componentId: "sc-k4izj2-0"
+})(["", "{pointer-events:", ";}"], DropdownMenuItemBox, ({
+  $isChecked
+}) => $isChecked ? 'none' : 'all');

package/DropdownMenu/components/DropdownMenuItemPick/types.d.ts

@@ -0,0 +1,2 @@
+import type { RadioProps } from '../../../Radio';
+export type DropdownMenuItemPickProps = Omit<RadioProps, 'color'>;

package/DropdownMenu/components/DropdownMenuItemPick/types.js

@@ -0,0 +1 @@
+export {};

package/DropdownMenu/components/DropdownMenuItemRadio/DropdownMenuItemRadio.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from 'react';
+import { type RadioProps } from '../../../Radio';
+export declare function DropdownMenuItemRadio(props: RadioProps): ReactElement;

package/DropdownMenu/components/DropdownMenuItemRadio/DropdownMenuItemRadio.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DropdownMenuItemRadioBox } from './styles';
+import { Radio } from '../../../Radio';
+export function DropdownMenuItemRadio(props) {
+  return React.createElement(DropdownMenuItemRadioBox, null, React.createElement(Radio, {
+    color: "main",
+    ...props
+  }));
+}

package/DropdownMenu/components/DropdownMenuItemRadio/index.d.ts

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

package/DropdownMenu/components/DropdownMenuItemRadio/index.js

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

package/DropdownMenu/components/DropdownMenuItemRadio/styles.d.ts

@@ -0,0 +1 @@
+export declare const DropdownMenuItemRadioBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/DropdownMenu/components/DropdownMenuItemRadio/styles.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { FontWeight, Spacing } from '@pushwoosh/kit-constants';
+import { DropdownMenuItemBox } from '../DropdownMenuItem';
+export const DropdownMenuItemRadioBox = styled.div.withConfig({
+  displayName: "DropdownMenuItemRadioBox",
+  componentId: "sc-xu32yy-0"
+})(["padding:", " ", ";", "{padding:", " ", " ", " calc(", " - 3px);}label{font-weight:", ";}input{flex-shrink:0;}"], Spacing.S1, Spacing.S3, DropdownMenuItemBox, Spacing.S3, Spacing.S4, Spacing.S3, Spacing.S4, FontWeight.REGULAR);
+DropdownMenuItemRadioBox.displayName = 'DropdownMenuItemRadioBox';

package/DropdownMenu/components/DropdownMenuNested/DropdownMenuNested.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from 'react';
+import type { DropdownMenuNestedProps } from './types';
+export declare function DropdownMenuNested(props: DropdownMenuNestedProps): ReactElement;

package/DropdownMenu/components/DropdownMenuNested/DropdownMenuNested.js

@@ -0,0 +1,69 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { ChevronIcon } from '@pushwoosh/kit-icons';
+import { useDropdownMenuContext } from '../DropdownMenu';
+import { DropdownMenuNestedBox, DropdownMenuNestedButton, DropdownMenuNestedTitle, DropdownMenuNestedIcon, DropdownMenuNestedPortal, DropdownMenuNestedWindow } from './styles';
+export function DropdownMenuNested(props) {
+  const {
+    boxRef,
+    title,
+    onMouseEnter,
+    onMouseLeave,
+    children,
+    ...rest
+  } = props;
+  const {
+    windowZIndex
+  } = useDropdownMenuContext();
+  const [isOpen, setIsOpen] = useState(false);
+  const internalButtonRef = useRef(null);
+  const handleMouseEnter = useCallback(event => {
+    setIsOpen(true);
+    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
+  }, [onMouseEnter]);
+  const handleMouseLeave = useCallback(event => {
+    setIsOpen(false);
+    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+  }, [onMouseLeave]);
+  return React.createElement(DropdownMenuNestedBox, {
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    ref: boxRef,
+    ...rest
+  }, React.createElement(DropdownMenuNestedButton, {
+    "$isActive": isOpen,
+    ref: internalButtonRef
+  }, React.createElement(DropdownMenuNestedTitle, null, title), React.createElement(DropdownMenuNestedIcon, null, React.createElement(ChevronIcon, {
+    size: "small",
+    direction: "right"
+  }))), React.createElement(DropdownMenuNestedPortal, {
+    animation: false,
+    interactive: true,
+    delay: 0,
+    duration: 0,
+    placement: "right-start",
+    reference: internalButtonRef,
+    visible: isOpen,
+    zIndex: windowZIndex,
+    content: React.createElement(DropdownMenuNestedWindow, null, children),
+    popperOptions: {
+      strategy: 'fixed',
+      modifiers: [{
+        name: 'offset',
+        options: {
+          offset: [-8, 0]
+        }
+      }, {
+        name: 'preventOverflow',
+        options: {
+          mainAxis: true,
+          altAxis: true
+        }
+      }, {
+        name: 'flip',
+        options: {
+          fallbackPlacements: []
+        }
+      }]
+    }
+  }));
+}

package/DropdownMenu/components/DropdownMenuNested/index.d.ts

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

package/DropdownMenu/components/DropdownMenuNested/index.js

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

package/DropdownMenu/components/DropdownMenuNested/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const DropdownMenuNestedBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownMenuNestedButton: import("styled-components").StyledComponent<"div", any, {
+    $isActive: boolean;
+}, never>;
+export declare const DropdownMenuNestedTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownMenuNestedIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownMenuNestedPortal: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@tippyjs/react").TippyProps>, any, {}, never>;
+export declare const DropdownMenuNestedWindow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/DropdownMenu/components/DropdownMenuNested/styles.js

@@ -0,0 +1,35 @@
+import Tippy from '@tippyjs/react';
+import styled from 'styled-components';
+import { Color, FontSize, FontWeight, LineHeight, Shadow, ShapeRadius, Spacing } from '@pushwoosh/kit-constants';
+export const DropdownMenuNestedBox = styled.div.withConfig({
+  displayName: "DropdownMenuNestedBox",
+  componentId: "sc-kzlzhf-0"
+})(["width:100%;"]);
+export const DropdownMenuNestedButton = styled.div.withConfig({
+  displayName: "DropdownMenuNestedButton",
+  componentId: "sc-kzlzhf-1"
+})(["display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;padding:", " ", " ", " ", ";background:", ";font-size:", ";font-weight:", ";line-height:", ";white-space:nowrap;text-decoration:none;text-align:left;cursor:pointer;user-select:none;"], Spacing.S3, Spacing.S3, Spacing.S3, Spacing.S4, ({
+  $isActive
+}) => $isActive ? Color.SOFT_LIGHT : 'transparent', FontSize.REGULAR, FontWeight.REGULAR, LineHeight.REGULAR);
+export const DropdownMenuNestedTitle = styled.div.withConfig({
+  displayName: "DropdownMenuNestedTitle",
+  componentId: "sc-kzlzhf-2"
+})(["flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
+export const DropdownMenuNestedIcon = styled.div.withConfig({
+  displayName: "DropdownMenuNestedIcon",
+  componentId: "sc-kzlzhf-3"
+})(["flex:0 0 auto;padding:0 0 0 ", ";"], Spacing.S4);
+export const DropdownMenuNestedPortal = styled(Tippy).withConfig({
+  displayName: "DropdownMenuNestedPortal",
+  componentId: "sc-kzlzhf-4"
+})([".tippy-box{position:static;background-color:transparent;color:inherit;border-radius:0;font-size:inherit;line-height:inherit;outline:0;transition:none;}.tippy-content{position:static;padding:0;z-index:auto;}.tippy-arrow{display:none;}"]);
+export const DropdownMenuNestedWindow = styled.div.withConfig({
+  displayName: "DropdownMenuNestedWindow",
+  componentId: "sc-kzlzhf-5"
+})(["border:1px solid ", ";background:", ";box-shadow:", ";border-radius:", ";"], Color.FORM, Color.FROZEN, Shadow.REGULAR, ShapeRadius.CONTROL);
+DropdownMenuNestedBox.displayName = 'DropdownMenuNestedBox';
+DropdownMenuNestedButton.displayName = 'DropdownMenuNestedButton';
+DropdownMenuNestedTitle.displayName = 'DropdownMenuNestedTitle';
+DropdownMenuNestedIcon.displayName = 'DropdownMenuNestedIcon';
+DropdownMenuNestedPortal.displayName = 'DropdownMenuNestedPortal';
+DropdownMenuNestedWindow.displayName = 'DropdownMenuNestedWindow';

package/DropdownMenu/components/DropdownMenuNested/types.d.ts

@@ -0,0 +1,6 @@
+import type { Ref, ReactNode } from 'react';
+export type DropdownMenuNestedProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: Ref<HTMLDivElement>;
+    readonly title: ReactNode;
+    readonly children: ReactNode;
+};

package/DropdownMenu/components/DropdownMenuNested/types.js

@@ -0,0 +1 @@
+export {};

package/DropdownMenu/components/DropdownMenuWindow/DropdownMenuWindow.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from 'react';
+import type { DropdownMenuWindowProps } from './types';
+export declare function DropdownMenuWindow(props: DropdownMenuWindowProps): ReactElement;

package/DropdownMenu/components/DropdownMenuWindow/DropdownMenuWindow.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DropdownMenuWindowBox } from './styles';
+export function DropdownMenuWindow(props) {
+  const {
+    boxRef,
+    ...rest
+  } = props;
+  return React.createElement(DropdownMenuWindowBox, {
+    ...rest,
+    ref: boxRef
+  });
+}

package/DropdownMenu/components/DropdownMenuWindow/index.d.ts

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

package/DropdownMenu/components/DropdownMenuWindow/index.js

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

package/DropdownMenu/components/DropdownMenuWindow/styles.d.ts

@@ -0,0 +1 @@
+export declare const DropdownMenuWindowBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/DropdownMenu/components/DropdownMenuWindow/styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
+export const DropdownMenuWindowBox = styled.div.withConfig({
+  displayName: "DropdownMenuWindowBox",
+  componentId: "sc-aqah5e-0"
+})(["max-height:316px;width:100%;background:", ";box-shadow:inset 0 0 0 1px ", ",", ";border-radius:", ";overflow-y:auto;"], Color.FROZEN, Color.FORM, Shadow.REGULAR, ShapeRadius.CONTROL);
+DropdownMenuWindowBox.displayName = 'DropdownMenuWindowBox';

package/DropdownMenu/components/DropdownMenuWindow/types.d.ts

@@ -0,0 +1,5 @@
+import type { Ref, ReactNode } from 'react';
+export type DropdownMenuWindowProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    boxRef?: Ref<HTMLDivElement>;
+    children: ReactNode;
+};

package/DropdownMenu/components/DropdownMenuWindow/types.js

@@ -0,0 +1 @@
+export {};

package/DropdownMenu/index.d.ts

@@ -0,0 +1,9 @@
+export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext } from './components/DropdownMenu';
+export { DropdownMenuContainer } from './components/DropdownMenuContainer';
+export { DropdownMenuGroup } from './components/DropdownMenuGroup';
+export { DropdownMenuItem, DropdownMenuItemBox } from './components/DropdownMenuItem';
+export { DropdownMenuItemCheckbox } from './components/DropdownMenuItemCheckbox';
+export { DropdownMenuItemPick } from './components/DropdownMenuItemPick';
+export { DropdownMenuItemRadio } from './components/DropdownMenuItemRadio';
+export { DropdownMenuNested } from './components/DropdownMenuNested';
+export { DropdownMenuWindow } from './components/DropdownMenuWindow';

package/DropdownMenu/index.js

@@ -0,0 +1,9 @@
+export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext } from './components/DropdownMenu';
+export { DropdownMenuContainer } from './components/DropdownMenuContainer';
+export { DropdownMenuGroup } from './components/DropdownMenuGroup';
+export { DropdownMenuItem, DropdownMenuItemBox } from './components/DropdownMenuItem';
+export { DropdownMenuItemCheckbox } from './components/DropdownMenuItemCheckbox';
+export { DropdownMenuItemPick } from './components/DropdownMenuItemPick';
+export { DropdownMenuItemRadio } from './components/DropdownMenuItemRadio';
+export { DropdownMenuNested } from './components/DropdownMenuNested';
+export { DropdownMenuWindow } from './components/DropdownMenuWindow';

package/ExportResult/ExportResult.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Button } from '@pushwoosh/kit-button';
 import { Spacing } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { CloseIcon, CsvIcon } from '@pushwoosh/kit-icons';
+import { Button } from '../Button';
 import { LeftSlot, MainInfoContainer, RightSlotContainer, Subtitle, Title } from './styles';
 export function ExportResult(props) {
   const {

package/InputFile/InputFile.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from 'react';
+import type { InputFileProps } from './types';
+export declare function InputFile(props: InputFileProps): ReactElement;

package/InputFile/InputFile.js

@@ -0,0 +1,88 @@
+import React, { useRef } from 'react';
+import { Color } from '@pushwoosh/kit-constants';
+import { AttachmentIcon } from '@pushwoosh/kit-icons';
+import { Button } from '../Button';
+import { FieldBox } from '../FieldBox';
+import { InputFileFieldsStyled, InputFileButtonStyled, InputFileInputStyled, InputFileInputHiddenStyled, InputFileErrorStyled } from './styles';
+export function InputFile(props) {
+  const {
+    fileId,
+    textId,
+    buttonId,
+    label,
+    buttonText,
+    accept,
+    placeholder,
+    disabled,
+    fileName,
+    errorText,
+    name,
+    maxSize,
+    onError = () => {},
+    onChange,
+    isIgnoreFileSize = false
+  } = props;
+  const fieldRef = useRef(null);
+  const uploadFile = event => {
+    var _event$target$files;
+    const file = ((_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files.length) && event.target.files[0];
+    if (!file) {
+      return;
+    }
+    if (!isIgnoreFileSize) {
+      if (!file.size) {
+        onError('The file could not be empty', name);
+        return;
+      }
+      if (maxSize && file.size > maxSize * 1024 * 1024) {
+        onError(`The file size should be less than ${maxSize}MB`, name);
+        return;
+      }
+    }
+    const reader = new FileReader();
+    reader.onload = upload => {
+      var _upload$target;
+      const result = {
+        file,
+        [name]: (_upload$target = upload.target) === null || _upload$target === void 0 ? void 0 : _upload$target.result
+      };
+      onChange(result);
+    };
+    reader.readAsDataURL(file);
+  };
+  return React.createElement(FieldBox, {
+    title: label,
+    error: errorText
+  }, React.createElement(InputFileFieldsStyled, null, React.createElement(InputFileInputHiddenStyled, {
+    ref: fieldRef,
+    id: fileId,
+    type: "file",
+    disabled: disabled,
+    accept: accept,
+    onChange: uploadFile,
+    value: ""
+  }), React.createElement(InputFileInputStyled, {
+    id: textId,
+    type: "text",
+    disabled: disabled,
+    placeholder: placeholder,
+    value: fileName,
+    readOnly: true,
+    color: errorText ? Color.DANGER : Color.FORM
+  }), React.createElement(InputFileButtonStyled, null, React.createElement(Button, {
+    id: buttonId,
+    type: "button",
+    color: "secondary",
+    size: "field",
+    view: "shape",
+    isDisabled: disabled,
+    onClick: () => {
+      var _fieldRef$current;
+      return fieldRef === null || fieldRef === void 0 || (_fieldRef$current = fieldRef.current) === null || _fieldRef$current === void 0 ? void 0 : _fieldRef$current.click();
+    },
+    icon: React.createElement(AttachmentIcon, {
+      size: "medium",
+      view: "lined"
+    })
+  }, buttonText))), !!errorText && React.createElement(InputFileErrorStyled, null, errorText));
+}

package/InputFile/index.d.ts

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

package/InputFile/index.js

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

package/InputFile/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const InputFileFieldsStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputFileButtonStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputFileInputStyled: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const InputFileInputHiddenStyled: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const InputFileErrorStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

package/InputFile/styles.js

@@ -0,0 +1,29 @@
+import styled from 'styled-components';
+import { Color, Spacing, FontSize, FontFamily, ShapeRadius } from '@pushwoosh/kit-constants';
+export const InputFileFieldsStyled = styled.div.withConfig({
+  displayName: "InputFileFieldsStyled",
+  componentId: "sc-8mwin7-0"
+})(["display:flex;position:relative;gap:", ";"], Spacing.S5);
+export const InputFileButtonStyled = styled.div.withConfig({
+  displayName: "InputFileButtonStyled",
+  componentId: "sc-8mwin7-1"
+})(["Button{display:flex;}"]);
+export const InputFileInputStyled = styled.input.withConfig({
+  displayName: "InputFileInputStyled",
+  componentId: "sc-8mwin7-2"
+})(["width:100%;height:36px;padding:0 ", ";color:#555;font-size:", ";font-family:", ";line-height:1.4;background:", ";border:1px solid ", ";border-radius:4px;box-sizing:border-box;outline:none;caret-color:", ";&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;}&:focus{border-color:", ";}"], Spacing.S5, FontSize.HEADING4, FontFamily.MAIN, Color.CLEAR, ({
+  color
+}) => color, Color.BRIGHT, Color.BRIGHT);
+export const InputFileInputHiddenStyled = styled(InputFileInputStyled).withConfig({
+  displayName: "InputFileInputHiddenStyled",
+  componentId: "sc-8mwin7-3"
+})(["opacity:0;position:absolute;"]);
+export const InputFileErrorStyled = styled.div.withConfig({
+  displayName: "InputFileErrorStyled",
+  componentId: "sc-8mwin7-4"
+})(["margin:", " 0;padding:", " ", ";border:1px solid ", ";border-radius:", ";color:", ";background:", ";"], Spacing.S5, Spacing.S4, Spacing.S6, Color.DANGER, ShapeRadius.DIALOG, Color.DANGER, Color.DANGER_LIGHT);
+InputFileFieldsStyled.displayName = 'InputFileFieldsStyled';
+InputFileButtonStyled.displayName = 'InputFileButtonStyled';
+InputFileInputStyled.displayName = 'InputFileInputStyled';
+InputFileInputHiddenStyled.displayName = 'InputFileInputHiddenStyled';
+InputFileErrorStyled.displayName = 'InputFileErrorStyled';

package/InputFile/types.d.ts

@@ -0,0 +1,25 @@
+export type InputFileProps = {
+    name: string;
+    fileName?: string;
+    errorText?: string;
+    fileId?: string;
+    textId?: string;
+    buttonId?: string;
+    accept?: string;
+    label?: string;
+    buttonText?: string;
+    buttonWidth?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    maxSize?: number;
+    isIgnoreFileSize?: boolean;
+    onChange: (result: any) => void;
+    onError?: (message: string, field: string) => void;
+};
+type FileProp = {
+    file: File;
+};
+export type InputFileData = FileProp & {
+    [name: string]: string;
+};
+export {};

package/InputFile/types.js

@@ -0,0 +1 @@
+export {};

package/Link/Link.d.ts

@@ -0,0 +1,5 @@
+import { type ReactElement } from 'react';
+import type { LinkPropsWithoutAs, LinkPropsWithAsTag, LinkPropsWithAsComponent } from './types';
+export declare function Link(props: LinkPropsWithoutAs): ReactElement;
+export declare function Link<AS extends keyof JSX.IntrinsicElements>(props: LinkPropsWithAsTag<AS>): ReactElement;
+export declare function Link<OuterProps extends object>(props: LinkPropsWithAsComponent<OuterProps>): ReactElement;

package/Link/Link.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { LinkBox } from './styles';
+export function Link(props) {
+  const {
+    boxRef,
+    ...rest
+  } = props;
+  return React.createElement(LinkBox, {
+    ...rest,
+    ref: boxRef
+  });
+}

package/Link/index.d.ts

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

package/Link/index.js

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

package/Link/styles.d.ts

@@ -0,0 +1 @@
+export declare const LinkBox: import("styled-components").StyledComponent<"a", any, {}, never>;

package/Link/styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Color } from '@pushwoosh/kit-constants';
+export const LinkBox = styled.a.withConfig({
+  displayName: "LinkBox",
+  componentId: "sc-4gb8j5-0"
+})(["display:inline;padding:0;appearance:none;border:none;background:transparent;color:", ";text-decoration:none;cursor:pointer;&:hover{color:", ";text-decoration:underline;}&:focus-visible{outline:1px solid ", ";outline-offset:2px;}&:active{color:", ";}&:focus:not(:focus-visible){outline:none;}"], Color.PRIMARY, Color.PRIMARY_HOVER, Color.BRIGHT, Color.PRIMARY_PRESSED);
+LinkBox.displayName = 'LinkBox';

package/Link/types.d.ts

@@ -0,0 +1,21 @@
+import type { Ref, ReactNode, ComponentType } from 'react';
+export type LinkPropsWithoutAs = Omit<JSX.IntrinsicElements['a'], 'ref'> & {
+    readonly boxRef?: Ref<HTMLAnchorElement>;
+    readonly title: string;
+    readonly href: string;
+    readonly children: ReactNode;
+};
+export type LinkPropsWithAsTag<AS extends keyof JSX.IntrinsicElements> = Omit<JSX.IntrinsicElements[AS], 'ref'> & {
+    readonly boxRef?: Ref<JSX.IntrinsicElements[AS]>;
+    readonly as: AS;
+    readonly title?: string;
+    readonly href?: string;
+    readonly children: ReactNode;
+};
+export type LinkPropsWithAsComponent<OuterProps extends object> = OuterProps & {
+    readonly boxRef?: Ref<HTMLElement>;
+    readonly as: ComponentType<OuterProps>;
+    readonly title?: string;
+    readonly href?: string;
+    readonly children: ReactNode;
+};

package/Link/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import { type ReactElement } from 'react';
+import type { ModalProps } from './types';
+export declare function Modal(props: ModalProps): ReactElement;

package/Modal/components/Modal/Modal.js

@@ -0,0 +1,51 @@
+import React, { useState, useCallback, useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { modalSizes } from './maps';
+import { LockBody, ModalBox, ModalBoxTrans, ModalContainer, ModalInner } from './styles';
+function createDivElement() {
+  return document.createElement('div');
+}
+export function Modal(props) {
+  const {
+    size,
+    zIndex = 10000,
+    isOpen,
+    onClose,
+    children
+  } = props;
+  const ref = useRef();
+  const [element] = useState(createDivElement);
+  const handleClose = useCallback(event => {
+    if (event.target === event.currentTarget) {
+      onClose === null || onClose === void 0 || onClose();
+    }
+  }, [onClose]);
+  useEffect(() => {
+    var _document$body$lastCh;
+    (_document$body$lastCh = document.body.lastChild) === null || _document$body$lastCh === void 0 || _document$body$lastCh.after(element);
+    return () => element.remove();
+  }, [element]);
+  useEffect(() => {
+    if (isOpen && onClose) {
+      const onCloseEventHandler = event => {
+        if (event.key === 'Escape') {
+          onClose();
+        }
+      };
+      window.addEventListener('keydown', onCloseEventHandler);
+      return () => window.removeEventListener('keydown', onCloseEventHandler);
+    }
+  }, [isOpen, onClose]);
+  return createPortal(React.createElement(ModalBoxTrans, {
+    nodeRef: ref,
+    isOpen: isOpen
+  }, React.createElement(ModalBox, {
+    ref: ref,
+    "$zIndex": zIndex
+  }, React.createElement(LockBody, null), React.createElement(ModalInner, {
+    onMouseDown: handleClose
+  }, React.createElement(ModalContainer, {
+    "$width": modalSizes[size],
+    onClick: handleClose
+  }, typeof children === 'function' ? children() : children)))), element);
+}

package/Modal/components/Modal/index.d.ts

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

package/Modal/components/Modal/index.js

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

package/Modal/components/Modal/maps.d.ts

@@ -0,0 +1,6 @@
+export declare const modalSizes: {
+    small: string;
+    medium: string;
+    large: string;
+    full: string;
+};

package/Modal/components/Modal/maps.js

@@ -0,0 +1,6 @@
+export const modalSizes = {
+  small: '380px',
+  medium: '640px',
+  large: '960px',
+  full: '100%'
+};

package/Modal/components/Modal/styles.d.ts

@@ -0,0 +1,13 @@
+import { type ReactElement } from 'react';
+import type { ModalBoxBaseProps } from './types';
+export declare const LockBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const ModalBox: import("styled-components").StyledComponent<"div", any, {
+    $zIndex: number;
+}, never>;
+export declare const ModalInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare function ModalBoxBase(props: ModalBoxBaseProps): ReactElement;
+export declare const ModalBoxTrans: import("styled-components").StyledComponent<typeof ModalBoxBase, any, {}, never>;
+export declare const ModalContainer: import("styled-components").StyledComponent<"div", any, {
+    $width: string;
+}, never>;
+export {};