hrm_ui_lib 2.0.0-alpha.24 → 2.0.0-alpha.25

package/components/ProgressStep/Step.js

@@ -1,101 +1,9 @@
-import classNames from 'classnames';
-import React, { useMemo } from 'react';
-import { Text } from '../Text/Text.js';
-import { StepTypes } from './types.js';
-import { PROGRESS_STATUSES } from './consts.js';
-import { IconDismissCircle } from '../SVGIcons/IconDismissCircle.js';
-import { IconCheckmarkCircle } from '../SVGIcons/IconCheckmarkCircle.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-
-var Step = function Step(props) {
-  var width = props.width,
-    step = props.step,
-    _props$stepSize = props.stepSize,
-    stepSize = _props$stepSize === void 0 ? 'large' : _props$stepSize,
-    index = props.index,
-    activeStep = props.activeStep,
-    stepType = props.stepType,
-    onStepClick = props.onStepClick;
-  var label = step.label,
-    subText = step.subText,
-    value = step.value,
-    status = step.status;
-  var isActive = activeStep === value;
-  var isCompleted = status === PROGRESS_STATUSES.completed;
-  var isRejected = status === PROGRESS_STATUSES.rejected;
-  var isReview = status === PROGRESS_STATUSES.reviewed;
-  var textType = useMemo(function () {
-    if (isActive && !isRejected) {
-      return 'brand';
-    }
-    if (isCompleted || isRejected) {
-      return 'inverse';
-    }
-    return 'tertiary';
-  }, [isCompleted, isRejected, isActive]);
-  var onClick = function onClick() {
-    if (onStepClick) {
-      onStepClick(value);
-    }
-  };
-  var stepItemContent = useMemo(function () {
-    if (stepType === StepTypes.number) {
-      return /*#__PURE__*/React.createElement(Text, {
-        type: textType,
-        size: stepSize == 'large' ? 'medium' : 'small',
-        weight: stepSize == 'large' ? 'semibold' : 'regular'
-      }, "".concat(index));
-    }
-    if (stepType === StepTypes.dot) {
-      if (isActive) {
-        return /*#__PURE__*/React.createElement("span", {
-          className: classNames('step__circle__dot')
-        });
-      }
-      if (isCompleted) {
-        var iconSize = stepSize == 'large' ? 'small' : 'xsmall';
-        if (isRejected) {
-          return /*#__PURE__*/React.createElement(IconDismissCircle, {
-            size: iconSize,
-            type: "inverse"
-          });
-        }
-        return /*#__PURE__*/React.createElement(IconCheckmarkCircle, {
-          size: iconSize,
-          type: "inverse"
-        });
-      }
-    }
-    return null;
-  }, [index, stepType, stepSize, isCompleted, isActive, isRejected, textType]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('step', "step--".concat(stepSize), {
-      active: isActive,
-      completed: isCompleted && !isActive,
-      rejected: isRejected,
-      review: isReview
-    }),
-    style: {
-      width: width
-    },
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "step__top"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "step__circle"
-  }, stepItemContent)), /*#__PURE__*/React.createElement("div", {
-    className: "step__label"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: stepSize == 'large' ? 'standard' : 'small',
-    weight: "semibold",
-    lineHeight: 'large',
-    className: "text-truncate"
-  }, label), /*#__PURE__*/React.createElement(Text, {
-    size: stepSize == 'large' ? 'small' : 'xsmall',
-    className: "text-truncate"
-  }, subText)));
-};
-
-export { Step };
+import{jsx as e,jsxs as f}from"react/jsx-runtime";import v from"classnames";import{useMemo as h}from"react";import{Text as n}from"../Text/Text.js";import{StepTypes as g}from"./types.js";import{PROGRESS_STATUSES as a}from"./consts.js";import w from"../SVGIcons/IconDismissCircle.js";import j from"../SVGIcons/IconCheckmarkCircle.js";const H=s=>{const{width:t,step:r,stepSize:i="large",index:l,activeStep:c,stepType:m,onStepClick:o}=s,{label:p,subText:d,value:u,status:x}=r,S=c===u,_=x===a.completed,T=x===a.rejected,b=x===a.reviewed,y=h(()=>S&&!T?"brand":_||T?"inverse":"tertiary",[_,T,S]),N=h(()=>{if(m===g.number)/* @__PURE__ */
+return e(n,{type:y,size:"large"==i?"medium":"small",weight:"large"==i?"semibold":"regular",children:`${l}`});if(m===g.dot){if(S)/* @__PURE__ */
+return e("span",{className:v("step__circle__dot")});if(_){const s="large"==i?"small":"xsmall";/* @__PURE__ */
+return e(T?w:j,{size:s,type:"inverse"})}}return null},[l,m,i,_,S,T,y]);/* @__PURE__ */
+return f("div",{className:v("step",`step--${i}`,{active:S,completed:_&&!S,rejected:T,review:b}),style:{width:t},onClick:()=>{o&&o(u)},children:[
+/* @__PURE__ */e("div",{className:"step__top",children:/* @__PURE__ */e("div",{className:"step__circle",children:N})}),
+/* @__PURE__ */f("div",{className:"step__label",children:[
+/* @__PURE__ */e(n,{size:"large"==i?"standard":"small",weight:"semibold",lineHeight:"large",className:"text-truncate",children:p}),
+/* @__PURE__ */e(n,{size:"large"==i?"small":"xsmall",className:"text-truncate",children:d})]})]})};export{H as Step};

package/components/ProgressStep/consts.js

@@ -1,9 +1 @@
-var PROGRESS_STATUSES = /*#__PURE__*/function (PROGRESS_STATUSES) {
-  PROGRESS_STATUSES["rejected"] = "rejected";
-  PROGRESS_STATUSES["reviewed"] = "reviewed";
-  PROGRESS_STATUSES["completed"] = "completed";
-  PROGRESS_STATUSES["initial"] = "initial";
-  return PROGRESS_STATUSES;
-}({});
-
-export { PROGRESS_STATUSES };
+var i=/* @__PURE__ */(e=>(e.rejected="rejected",e.reviewed="reviewed",e.completed="completed",e.initial="initial",e))(i||{});export{i as PROGRESS_STATUSES};

package/components/ProgressStep/index.js

@@ -1,12 +1 @@
-export { ProgressStep } from './ProgressStep.js';
-import 'react';
-import 'classnames';
-import './Step.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import './types.js';
-import './consts.js';
-import '../SVGIcons/IconDismissCircle.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../SVGIcons/IconCheckmarkCircle.js';
+import{ProgressStep as o}from"./ProgressStep.js";export{o as ProgressStep};

package/components/ProgressStep/types.js

@@ -1,7 +1 @@
-var StepTypes = /*#__PURE__*/function (StepTypes) {
-  StepTypes["number"] = "number";
-  StepTypes["dot"] = "dot";
-  return StepTypes;
-}({});
-
-export { StepTypes };
+var n=/* @__PURE__ */(e=>(e.number="number",e.dot="dot",e))(n||{});export{n as StepTypes};

package/components/Radio/Radio.js

@@ -1,58 +1,4 @@
-import React, { forwardRef } from 'react';
-import { Text } from '../Text/Text.js';
-import classNames from 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-
-var Radio = /*#__PURE__*/forwardRef(function (props, _ref) {
-  var name = props.name,
-    label = props.label,
-    helperText = props.helperText,
-    disabled = props.disabled,
-    setFieldValue = props.setFieldValue,
-    isSelected = props.isSelected,
-    value = props.value,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    onClick = props.onClick,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    iconProps = props.iconProps;
-  var isChecked = !!value || !!isSelected;
-  var iconElement = iconProps ? iconProps : /*#__PURE__*/React.createElement("span", {
-    className: "controller__icon"
-  });
-  var changeHandler = function changeHandler() {
-    if (name && setFieldValue) {
-      setFieldValue(name, !isChecked, {
-        shouldValidate: !isChecked
-      });
-    }
-    if (onClick) {
-      onClick(!isChecked);
-    }
-  };
-  return /*#__PURE__*/React.createElement("label", {
-    className: classNames('controller', 'controller--radio', className, {
-      'controller--disabled': disabled
-    })
-  }, /*#__PURE__*/React.createElement("input", {
-    "data-id": dataId,
-    type: "radio",
-    tabIndex: 0,
-    onChange: changeHandler,
-    checked: isSelected,
-    disabled: disabled
-  }), iconElement, label ? /*#__PURE__*/React.createElement("div", {
-    className: "controller__right"
-  }, /*#__PURE__*/React.createElement(Text, {
-    type: disabled ? 'disabled' : 'primary',
-    className: "controller__label"
-  }, label), helperText ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary'
-  }, helperText) : null) : null);
-});
-Radio.displayName = 'Radio';
-
-export { Radio };
+import{jsxs as t,jsx as l}from"react/jsx-runtime";import{forwardRef as _}from"react";import{Text as m}from"../Text/Text.js";import x from"classnames";const y=_((e,a)=>{const{name:r,label:s,helperText:o,disabled:d,setFieldValue:i,isSelected:c,value:n,className:p="",onClick:b,dataId:h="",iconProps:y}=e,u=!!n||!!c,_=y||/* @__PURE__ */l("span",{className:"controller__icon"});/* @__PURE__ */
+return t("label",{className:x("controller","controller--radio",p,{"controller--disabled":d}),children:[
+/* @__PURE__ */l("input",{"data-id":h,type:"radio",tabIndex:0,onChange:()=>{r&&i&&i(r,!u,{shouldValidate:!u}),b&&b(!u)},checked:c,disabled:d}),_,s?/* @__PURE__ */t("div",{className:"controller__right",children:[
+/* @__PURE__ */l(m,{type:d?"disabled":"primary",className:"controller__label",children:s}),o?/* @__PURE__ */l(m,{size:"small",type:d?"disabled":"secondary",children:o}):null]}):null]})});y.displayName="Radio";export{y as Radio};

package/components/Radio/RadioGroup.js

@@ -1,115 +1,4 @@
-import React, { forwardRef } from 'react';
-import { Radio } from './Radio.js';
-import { Label } from '../../helperComponents/Label/Label.js';
-import classNames from 'classnames';
-import 'dayjs';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-C_U8td2x.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var RadioGroup = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$isHorizontal = props.isHorizontal,
-    isHorizontal = _props$isHorizontal === void 0 ? false : _props$isHorizontal,
-    name = props.name,
-    options = props.options,
-    setFieldValue = props.setFieldValue,
-    value = props.value,
-    handleChange = props.handleChange,
-    label = props.label,
-    required = props.required,
-    disabled = props.disabled,
-    className = props.className,
-    labelAddons = props.labelAddons,
-    hasError = props.hasError,
-    selected = props.selected;
-  var onSelect = function onSelect(selected) {
-    if (name && setFieldValue) {
-      setFieldValue(name, selected, {
-        shouldValidate: true
-      });
-    }
-    if (handleChange) {
-      handleChange(selected);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('radio-group', {
-      'radio-group--horizontal': isHorizontal,
-      'radio-group--vertical': !isHorizontal
-    }, className)
-  }, /*#__PURE__*/React.createElement(Label, {
-    className: "radio-group__label",
-    text: label,
-    invalid: hasError,
-    required: required,
-    disabled: disabled,
-    labelAddons: labelAddons
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "radio-group__inner"
-  }, options.map(function (radioOption) {
-    return /*#__PURE__*/React.createElement(Radio, {
-      label: radioOption.label,
-      helperText: radioOption.helperText,
-      key: radioOption.value,
-      name: name,
-      disabled: disabled,
-      className: "radio-group__item",
-      isSelected: radioOption.value === value || radioOption.value === selected,
-      onClick: function onClick() {
-        return onSelect(radioOption.value);
-      },
-      dataId: radioOption.dataId
-    });
-  })));
-});
-RadioGroup.displayName = 'RadioGroup';
-
-export { RadioGroup };
+import{jsxs as b,jsx as l}from"react/jsx-runtime";import{forwardRef as g}from"react";import{Radio as N}from"./Radio.js";import{Label as x}from"../../helperComponents/Label/Label.js";import _ from"classnames";const R=g((a,e)=>{const{isHorizontal:r=!1,name:o,options:s,setFieldValue:d,value:i,handleChange:t,label:m,required:n,disabled:p,className:u,labelAddons:c,hasError:h,selected:g}=a;/* @__PURE__ */
+return b("div",{className:_("radio-group",{"radio-group--horizontal":r,"radio-group--vertical":!r},u),children:[
+/* @__PURE__ */l(x,{className:"radio-group__label",text:m,invalid:h,required:n,disabled:p,labelAddons:c}),
+/* @__PURE__ */l("div",{className:"radio-group__inner",children:s.map(a=>/* @__PURE__ */l(N,{label:a.label,helperText:a.helperText,name:o,disabled:p,className:"radio-group__item",isSelected:a.value===i||a.value===g,onClick:()=>(a=>{o&&d&&d(o,a,{shouldValidate:!0}),t&&t(a)})(a.value),dataId:a.dataId},a.value))})]})});R.displayName="RadioGroup";export{R as RadioGroup};

package/components/Radio/index.js

@@ -1,57 +1 @@
-export { Radio } from './Radio.js';
-export { RadioGroup } from './RadioGroup.js';
-import 'react';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../helperComponents/Label/Label.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-C_U8td2x.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{Radio as p}from"./Radio.js";import{RadioGroup as d}from"./RadioGroup.js";export{p as Radio,d as RadioGroup};

package/components/SVGIcons/IconAdd.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from './types';
-export declare const IconAdd: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAdd: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAdd;

package/components/SVGIcons/IconAdd.js

@@ -1,29 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import classNames from 'classnames';
-
-var IconAdd = function IconAdd(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M11.7501 3C12.1298 3 12.4436 3.28201 12.4934 3.64808L12.5002 3.74985L12.5014 11H19.7545C20.1687 11 20.5045 11.3358 20.5045 11.75C20.5045 12.1297 20.2224 12.4435 19.8563 12.4932L19.7545 12.5H12.5014L12.5035 19.7491C12.5036 20.1633 12.1679 20.4993 11.7536 20.4993C11.3739 20.4993 11.0601 20.2173 11.0104 19.8512L11.0035 19.7494L11.0014 12.5H3.75244C3.33823 12.5 3.00244 12.1642 3.00244 11.75C3.00244 11.3703 3.2846 11.0565 3.65067 11.0068L3.75244 11H11.0014L11.0002 3.75015C11.0002 3.33594 11.3359 3 11.7501 3Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconAdd, IconAdd as default };
+import{jsx as c}from"react/jsx-runtime";import C from"classnames";const g=({size:s,type:i,className:e="",onClick:a,refHandler:o,id:n,dataId:t})=>/* @__PURE__ */c("svg",{xmlns:"http://www.w3.org/2000/svg",className:C("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${i}`]:i,[e]:e}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:o,id:n,"data-id":t?`${t}-svg-icon`:"",children:/* @__PURE__ */c("path",{d:"M11.7501 3C12.1298 3 12.4436 3.28201 12.4934 3.64808L12.5002 3.74985L12.5014 11H19.7545C20.1687 11 20.5045 11.3358 20.5045 11.75C20.5045 12.1297 20.2224 12.4435 19.8563 12.4932L19.7545 12.5H12.5014L12.5035 19.7491C12.5036 20.1633 12.1679 20.4993 11.7536 20.4993C11.3739 20.4993 11.0601 20.2173 11.0104 19.8512L11.0035 19.7494L11.0014 12.5H3.75244C3.33823 12.5 3.00244 12.1642 3.00244 11.75C3.00244 11.3703 3.2846 11.0565 3.65067 11.0068L3.75244 11H11.0014L11.0002 3.75015C11.0002 3.33594 11.3359 3 11.7501 3Z",fill:"#222222"})});export{g as default};

package/components/SVGIcons/IconAddCircle.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from './types';
-export declare const IconAddCircle: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAddCircle: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAddCircle;

package/components/SVGIcons/IconAddCircle.js

@@ -1,32 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import classNames from 'classnames';
-
-var IconAddCircle = function IconAddCircle(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Regular"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 7C12.4142 7 12.75 7.33579 12.75 7.75V11.25H16.25C16.6642 11.25 17 11.5858 17 12C17 12.4142 16.6642 12.75 16.25 12.75H12.75V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V12.75H7.75C7.33579 12.75 7 12.4142 7 12C7 11.5858 7.33579 11.25 7.75 11.25H11.25V7.75C11.25 7.33579 11.5858 7 12 7Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconAddCircle, IconAddCircle as default };
+import{jsx as C}from"react/jsx-runtime";import c from"classnames";const t=({size:e,type:i,className:s="",onClick:a,refHandler:t,id:l,dataId:n})=>/* @__PURE__ */C("svg",{xmlns:"http://www.w3.org/2000/svg",className:c("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${i}`]:i,[s]:s}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:t,id:l,"data-id":n?`${n}-svg-icon`:"",children:/* @__PURE__ */C("g",{id:"Size=24, Theme=Regular",children:/* @__PURE__ */C("path",{id:"Shape",d:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 7C12.4142 7 12.75 7.33579 12.75 7.75V11.25H16.25C16.6642 11.25 17 11.5858 17 12C17 12.4142 16.6642 12.75 16.25 12.75H12.75V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V12.75H7.75C7.33579 12.75 7 12.4142 7 12C7 11.5858 7.33579 11.25 7.75 11.25H11.25V7.75C11.25 7.33579 11.5858 7 12 7Z",fill:"#222222"})})});export{t as default};

package/components/SVGIcons/IconAddCircleFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from './types';
-export declare const IconAddCircleFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAddCircleFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAddCircleFilled;

package/components/SVGIcons/IconAddCircleFilled.js

@@ -1,32 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import classNames from 'classnames';
-
-var IconAddCircleFilled = function IconAddCircleFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Filled"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 7C11.6203 7 11.3065 7.28215 11.2568 7.64823L11.25 7.75V11.25H7.75C7.33579 11.25 7 11.5858 7 12C7 12.3797 7.28215 12.6935 7.64823 12.7432L7.75 12.75H11.25V16.25C11.25 16.6642 11.5858 17 12 17C12.3797 17 12.6935 16.7178 12.7432 16.3518L12.75 16.25V12.75H16.25C16.6642 12.75 17 12.4142 17 12C17 11.6203 16.7178 11.3065 16.3518 11.2568L16.25 11.25H12.75V7.75C12.75 7.33579 12.4142 7 12 7Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconAddCircleFilled, IconAddCircleFilled as default };
+import{jsx as i}from"react/jsx-runtime";import d from"classnames";const t=({size:e,type:s,className:a="",onClick:l,refHandler:t,id:n,dataId:o})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:d("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${s}`]:s,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:l,ref:t,id:n,"data-id":o?`${o}-svg-icon`:"",children:/* @__PURE__ */i("g",{id:"Size=24, Theme=Filled",children:/* @__PURE__ */i("path",{id:"Shape",d:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 7C11.6203 7 11.3065 7.28215 11.2568 7.64823L11.25 7.75V11.25H7.75C7.33579 11.25 7 11.5858 7 12C7 12.3797 7.28215 12.6935 7.64823 12.7432L7.75 12.75H11.25V16.25C11.25 16.6642 11.5858 17 12 17C12.3797 17 12.6935 16.7178 12.7432 16.3518L12.75 16.25V12.75H16.25C16.6642 12.75 17 12.4142 17 12C17 11.6203 16.7178 11.3065 16.3518 11.2568L16.25 11.25H12.75V7.75C12.75 7.33579 12.4142 7 12 7Z",fill:"#222222"})})});export{t as default};

package/components/SVGIcons/IconAddFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from './types';
-export declare const IconAddFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAddFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAddFilled;

package/components/SVGIcons/IconAddFilled.js

@@ -1,29 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import classNames from 'classnames';
-
-var IconAddFilled = function IconAddFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M11.8834 3.00673L12 3C12.5128 3 12.9355 3.38604 12.9933 3.88338L13 4V11H20C20.5128 11 20.9355 11.386 20.9933 11.8834L21 12C21 12.5128 20.614 12.9355 20.1166 12.9933L20 13H13V20C13 20.5128 12.614 20.9355 12.1166 20.9933L12 21C11.4872 21 11.0645 20.614 11.0067 20.1166L11 20V13H4C3.48716 13 3.06449 12.614 3.00673 12.1166L3 12C3 11.4872 3.38604 11.0645 3.88338 11.0067L4 11H11V4C11 3.48716 11.386 3.06449 11.8834 3.00673L12 3L11.8834 3.00673Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconAddFilled, IconAddFilled as default };
+import{jsx as n}from"react/jsx-runtime";import r from"classnames";const g=({size:s,type:i,className:e="",onClick:a,refHandler:o,id:t,dataId:l})=>/* @__PURE__ */n("svg",{xmlns:"http://www.w3.org/2000/svg",className:r("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${i}`]:i,[e]:e}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:o,id:t,"data-id":l?`${l}-svg-icon`:"",children:/* @__PURE__ */n("path",{d:"M11.8834 3.00673L12 3C12.5128 3 12.9355 3.38604 12.9933 3.88338L13 4V11H20C20.5128 11 20.9355 11.386 20.9933 11.8834L21 12C21 12.5128 20.614 12.9355 20.1166 12.9933L20 13H13V20C13 20.5128 12.614 20.9355 12.1166 20.9933L12 21C11.4872 21 11.0645 20.614 11.0067 20.1166L11 20V13H4C3.48716 13 3.06449 12.614 3.00673 12.1166L3 12C3 11.4872 3.38604 11.0645 3.88338 11.0067L4 11H11V4C11 3.48716 11.386 3.06449 11.8834 3.00673L12 3L11.8834 3.00673Z",fill:"#222222"})});export{g as default};

package/components/SVGIcons/IconAirplaneTakeOff.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from './types';
-export declare const IconAirplaneTakeOff: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAirplaneTakeOff: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAirplaneTakeOff;

package/components/SVGIcons/IconAirplaneTakeOff.js

@@ -1,29 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import classNames from 'classnames';
-
-var IconAirplaneTakeOff = function IconAirplaneTakeOff(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M8.31551 8.40816L7.54364 7.28135C6.59057 5.89 7.58682 4 9.27329 4C9.75351 4 10.2192 4.16486 10.5924 4.46701L13.1732 6.55618C13.4827 6.22856 13.852 5.87691 14.2634 5.55966C14.9221 5.0518 15.7632 4.57418 16.6924 4.50263C18.9302 4.33032 20.6017 5.7461 21.547 6.82923C22.0357 7.38921 22.1337 8.09723 21.9247 8.71205C21.7201 9.31393 21.2312 9.80871 20.5828 10.0323L15.212 11.8842L12.0496 16.1009C11.6249 16.6672 10.9584 17.0004 10.2506 17.0004C8.83529 17.0004 7.77186 15.7086 8.04385 14.3196L8.29513 13.0364L5.7653 13.5826C4.34291 13.8897 3 12.8058 3 11.3506V7.69166C3 6.75761 3.7572 6.00041 4.69125 6.00041C5.31015 6.00041 5.87962 6.33847 6.17598 6.8818L7.14191 8.65266L8.31551 8.40816ZM8.78114 6.43365L9.90662 8.07668L11.8053 7.68112C11.8953 7.66237 11.9844 7.63316 12.0714 7.59414L9.64863 5.63288C9.54243 5.54691 9.40993 5.5 9.27329 5.5C8.79343 5.5 8.50996 6.03777 8.78114 6.43365ZM16.8076 5.9982C16.3011 6.0372 15.7399 6.31535 15.1793 6.74757C14.63 7.17109 14.1517 7.68771 13.8188 8.08877C13.3987 8.5949 12.813 9.00339 12.1113 9.14959L6.90297 10.2346C6.5794 10.3021 6.24985 10.1497 6.09158 9.85955L4.85914 7.60008C4.82563 7.53864 4.76123 7.50041 4.69125 7.50041C4.58562 7.50041 4.5 7.58604 4.5 7.69166V11.3506C4.5 11.8498 4.96073 12.2217 5.44873 12.1164L9.09172 11.3298C9.33829 11.2766 9.59511 11.3509 9.7752 11.5275C9.95528 11.7041 10.0345 11.9595 9.98602 12.207L9.51589 14.6078C9.42534 15.0703 9.7794 15.5004 10.2506 15.5004C10.4863 15.5004 10.7082 15.3895 10.8496 15.2009L14.15 10.8002C14.2399 10.6802 14.3638 10.59 14.5055 10.5411L20.0938 8.61424C20.3174 8.53712 20.4536 8.37897 20.5045 8.22935C20.5509 8.09266 20.5347 7.95059 20.4168 7.81553C19.5642 6.83853 18.3185 5.88186 16.8076 5.9982ZM3.75 19.5C3.33579 19.5 3 19.8358 3 20.25C3 20.6642 3.33579 21 3.75 21H20.25C20.6642 21 21 20.6642 21 20.25C21 19.8358 20.6642 19.5 20.25 19.5H3.75Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconAirplaneTakeOff, IconAirplaneTakeOff as default };
+import{jsx as i}from"react/jsx-runtime";import r from"classnames";const t=({size:C,type:s,className:e="",onClick:L,refHandler:a,id:t,dataId:o})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:r("svg-icon",{[`svg-icon__size-${C}`]:C,[`svg-icon__type-${s}`]:s,[e]:e}),viewBox:"0 0 24 24",fill:"none",onClick:L,ref:a,id:t,"data-id":o?`${o}-svg-icon`:"",children:/* @__PURE__ */i("path",{d:"M8.31551 8.40816L7.54364 7.28135C6.59057 5.89 7.58682 4 9.27329 4C9.75351 4 10.2192 4.16486 10.5924 4.46701L13.1732 6.55618C13.4827 6.22856 13.852 5.87691 14.2634 5.55966C14.9221 5.0518 15.7632 4.57418 16.6924 4.50263C18.9302 4.33032 20.6017 5.7461 21.547 6.82923C22.0357 7.38921 22.1337 8.09723 21.9247 8.71205C21.7201 9.31393 21.2312 9.80871 20.5828 10.0323L15.212 11.8842L12.0496 16.1009C11.6249 16.6672 10.9584 17.0004 10.2506 17.0004C8.83529 17.0004 7.77186 15.7086 8.04385 14.3196L8.29513 13.0364L5.7653 13.5826C4.34291 13.8897 3 12.8058 3 11.3506V7.69166C3 6.75761 3.7572 6.00041 4.69125 6.00041C5.31015 6.00041 5.87962 6.33847 6.17598 6.8818L7.14191 8.65266L8.31551 8.40816ZM8.78114 6.43365L9.90662 8.07668L11.8053 7.68112C11.8953 7.66237 11.9844 7.63316 12.0714 7.59414L9.64863 5.63288C9.54243 5.54691 9.40993 5.5 9.27329 5.5C8.79343 5.5 8.50996 6.03777 8.78114 6.43365ZM16.8076 5.9982C16.3011 6.0372 15.7399 6.31535 15.1793 6.74757C14.63 7.17109 14.1517 7.68771 13.8188 8.08877C13.3987 8.5949 12.813 9.00339 12.1113 9.14959L6.90297 10.2346C6.5794 10.3021 6.24985 10.1497 6.09158 9.85955L4.85914 7.60008C4.82563 7.53864 4.76123 7.50041 4.69125 7.50041C4.58562 7.50041 4.5 7.58604 4.5 7.69166V11.3506C4.5 11.8498 4.96073 12.2217 5.44873 12.1164L9.09172 11.3298C9.33829 11.2766 9.59511 11.3509 9.7752 11.5275C9.95528 11.7041 10.0345 11.9595 9.98602 12.207L9.51589 14.6078C9.42534 15.0703 9.7794 15.5004 10.2506 15.5004C10.4863 15.5004 10.7082 15.3895 10.8496 15.2009L14.15 10.8002C14.2399 10.6802 14.3638 10.59 14.5055 10.5411L20.0938 8.61424C20.3174 8.53712 20.4536 8.37897 20.5045 8.22935C20.5509 8.09266 20.5347 7.95059 20.4168 7.81553C19.5642 6.83853 18.3185 5.88186 16.8076 5.9982ZM3.75 19.5C3.33579 19.5 3 19.8358 3 20.25C3 20.6642 3.33579 21 3.75 21H20.25C20.6642 21 21 20.6642 21 20.25C21 19.8358 20.6642 19.5 20.25 19.5H3.75Z",fill:"#222222"})});export{t as default};

package/components/SVGIcons/IconAirplaneTakeOffFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from './types';
-export declare const IconAirplaneTakeOffFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAirplaneTakeOffFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAirplaneTakeOffFilled;