@egov3/system-design 2.2.8 → 2.2.11

package/dist/index.cjs

@@ -0,0 +1,499 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// src/utils/joinClasses.tsx
+var joinClasses = (...args) => args.filter((item) => !!item).join(" ");
+
+// src/components/Accordion/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Accordion = ({
+  open,
+  setOpen,
+  children,
+  title
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        "data-testid": "Accordion_BUTTON",
+        className: Accordion_default.accordionBtn,
+        onClick: () => {
+          setOpen(!open);
+        },
+        children: [
+          title,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "svg",
+            {
+              "data-testid": "Accordion_DIRECTION",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              style: {
+                transform: !open ? "none" : "rotate(0.5turn)"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15.8346 7.5L10.0013 13.3333L4.16797 7.5", stroke: "#758393" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        "data-testid": "Accordion_CONTENT",
+        className: joinClasses(
+          Accordion_default.accordionContent,
+          !open && Accordion_default[`accordionContent--hidden`]
+        ),
+        children
+      }
+    )
+  ] });
+};
+
+// src/components/Button/button.module.css
+var button_default = {};
+
+// src/styles/typography.module.css
+var typography_default = {};
+
+// src/components/Button/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var btnTypography = {
+  mini: typography_default.Caption2Medium,
+  small: typography_default.Caption1Medium,
+  medium: typography_default.Body2Medium,
+  large: typography_default.Body1Medium
+};
+var Button = ({
+  onClick,
+  children,
+  style,
+  className = "",
+  isRounded = false,
+  disabled = false,
+  variant = "default",
+  size = "medium",
+  ariaLabel = "\u041A\u043D\u043E\u043F\u043A\u0430"
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  "button",
+  {
+    "data-testid": "Button_MAIN",
+    "aria-label": ariaLabel,
+    disabled,
+    "aria-disabled": disabled,
+    onClick,
+    className: joinClasses(
+      button_default[`btn--${size}`],
+      btnTypography[size],
+      isRounded ? button_default[`btn-rounded--${size}`] : button_default[`btn-square--${size}`],
+      disabled ? button_default[`btn-${variant}--disabled`] : button_default[`btn-${variant}`],
+      button_default.button,
+      className
+    ),
+    style,
+    children
+  }
+);
+
+// src/components/InputField/index.tsx
+var import_react = require("react");
+
+// src/components/InputField/InputField.module.css
+var InputField_default = {};
+
+// src/svg/ClearIcon.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ClearIcon = ({
+  fill = "none",
+  pathFill = "#fff",
+  width = 20,
+  height = 20,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "svg",
+    {
+      "data-testid": "Icons_CLEAR",
+      xmlns: "http://www.w3.org/2000/svg",
+      width,
+      height,
+      fill,
+      viewBox: "0 0 20 20",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "path",
+        {
+          fill: pathFill,
+          fillRule: "evenodd",
+          d: "M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+
+// src/components/InputField/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var InputField = (0, import_react.forwardRef)(
+  ({
+    onFocus,
+    onBlur,
+    onChange,
+    onEnterPress,
+    value = "",
+    inputLeftIcon,
+    placeholder = "",
+    className = "",
+    style,
+    isClearable = false,
+    type = "text",
+    id,
+    labelText = "",
+    ariaLabel = "",
+    focused = false,
+    setFocused = () => {
+    },
+    readOnly = false
+  }, ref) => {
+    const handleClear = () => {
+      if (onChange) {
+        onChange({
+          target: { value: "" }
+        });
+      }
+    };
+    const handleFocus = () => {
+      setFocused(true);
+      if (onFocus) onFocus();
+    };
+    const handleBlur = () => {
+      setFocused(false);
+      if (onBlur) onBlur();
+    };
+    const handleKeyDown = (event) => {
+      if (onEnterPress && event.key === "Enter") {
+        onEnterPress(event);
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      {
+        "data-testid": "InputField_MAIN",
+        className: joinClasses(
+          InputField_default[labelText.length ? "inputContainerLabeled" : "inputContainer"],
+          focused ? InputField_default[`input--onfocus`] : void 0,
+          InputField_default[`input-${type?.toLocaleLowerCase()}`],
+          className
+        ),
+        style,
+        children: [
+          labelText.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { htmlFor: id, "data-testid": "InputField_LABEL", children: labelText }),
+          inputLeftIcon,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "input",
+            {
+              ref,
+              "data-testid": "InputField_INPUT",
+              "aria-label": ariaLabel,
+              id,
+              type,
+              className: InputField_default.input,
+              placeholder,
+              "aria-placeholder": placeholder,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onChange,
+              onKeyDown: handleKeyDown,
+              value,
+              readOnly
+            }
+          ),
+          isClearable && value && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ClearIcon,
+            {
+              fill: "red",
+              pathFill: "#758393",
+              className: InputField_default.clearIcon,
+              onClick: handleClear
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+// src/components/Modal/index.tsx
+var import_graphics = __toESM(require("@egov3/graphics"), 1);
+
+// src/components/Modal/Modal.module.css
+var Modal_default = {};
+
+// src/components/Modal/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Modal = ({
+  open,
+  setOpen,
+  children,
+  headerTitle,
+  variant
+}) => {
+  if (open) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { "data-testid": "Modal_OVERLAY", className: Modal_default.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        "data-testid": "Modal_WRAPPER",
+        className: joinClasses(
+          Modal_default.contentWrap,
+          Modal_default[`${variant}Variant`]
+        ),
+        children: [
+          headerTitle && headerTitle.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { "data-testid": "Modal_HEADER", className: Modal_default.contentHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              Components.Typography,
+              {
+                tag: "h3",
+                fontClass: "Body1Medium",
+                "data-testid": "Modal_TITLE",
+                className: Modal_default.title,
+                children: headerTitle
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "button",
+              {
+                "data-testid": "ModalHeader_BTN",
+                onClick: () => {
+                  setOpen(!open);
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_graphics.default.General.Close, { "data-testid": "Modal_ICON" })
+              }
+            )
+          ] }),
+          children
+        ]
+      }
+    ) });
+  } else {
+    return null;
+  }
+};
+
+// src/components/RadioGroup/RadioGroup.module.css
+var RadioGroup_default = {};
+
+// src/components/RadioGroup/index.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CustomRadioButton = ({
+  label,
+  name,
+  checked,
+  onChange,
+  value
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { "data-testid": "RadioGroupItem_LABEL", className: RadioGroup_default.radio, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "input",
+    {
+      "data-testid": "RadioGroupItem_INPUT",
+      value,
+      type: "radio",
+      name,
+      checked,
+      onChange
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-testid": "RadioGroupItem_RADIO", className: RadioGroup_default.radioBtn }),
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "span",
+    {
+      "data-testid": "RadioGroupItem_TEXT",
+      className: joinClasses(RadioGroup_default.radioBtnText, typography_default.Body2Regular),
+      children: label
+    }
+  )
+] });
+var RadioGroup = ({
+  RadioGroupItems,
+  invokeCustomOnChange,
+  setSelectedOption,
+  selectedOption
+}) => {
+  const handleChange = (event) => {
+    setSelectedOption(event.target.value);
+    invokeCustomOnChange(event);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("fieldset", { "data-testid": "RadioGroup_FIELDSET", children: RadioGroupItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    CustomRadioButton,
+    {
+      label: item.label,
+      name: "radio",
+      checked: selectedOption === item.value,
+      onChange: handleChange,
+      value: item.value
+    },
+    item.label
+  )) });
+};
+
+// src/components/RadioToggle/RadioToggle.module.css
+var RadioToggle_default = {};
+
+// src/components/RadioToggle/index.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var RadioToggle = ({ lock, setLock }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "button",
+  {
+    "data-testid": "RadioToggle_BUTTON",
+    "aria-pressed": lock,
+    "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F",
+    onClick: () => {
+      setLock(!lock);
+    },
+    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        "data-testid": "RadioToggle_WRAP",
+        className: joinClasses(RadioToggle_default.wrap, lock && RadioToggle_default.wrapLock),
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { "data-testid": "RadioToggle_ROUND", className: RadioToggle_default.round })
+      }
+    )
+  }
+);
+
+// src/components/SelectBoxButton/index.tsx
+var import_graphics2 = __toESM(require("@egov3/graphics"), 1);
+
+// src/components/SelectBoxButton/SelectBoxButton.module.css
+var SelectBoxButton_default = {};
+
+// src/components/SelectBoxButton/index.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SelectBoxButton = ({
+  setIsOpen,
+  labelText,
+  disabled,
+  error,
+  modalValue
+}) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  "button",
+  {
+    "data-testid": "SelectBoxModal_BUTTON",
+    className: SelectBoxButton_default.selectContainer,
+    onClick: () => !disabled && setIsOpen(true),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-testid": "SelectBoxModal_TITLE", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Components.Typography,
+          {
+            tag: "label",
+            fontClass: "Caption1Regular",
+            "data-testid": "SelectBoxModal_LABEL",
+            className: error ? SelectBoxButton_default.errorLabel : SelectBoxButton_default.label,
+            "aria-label": labelText,
+            children: labelText
+          }
+        ),
+        modalValue && modalValue.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Components.Typography,
+          {
+            tag: "div",
+            fontClass: "Body2Regular",
+            "data-testid": "SelectBoxModal_VALUE",
+            className: SelectBoxButton_default.selectText,
+            "aria-label": modalValue,
+            children: modalValue
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_graphics2.default.Basic.ChevronDownSmall,
+        {
+          "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C",
+          fill: "#758393",
+          className: SelectBoxButton_default.clearIcon
+        }
+      )
+    ]
+  }
+);
+
+// src/components/Typography/index.tsx
+var import_react2 = __toESM(require("react"), 1);
+var Typography = ({
+  tag,
+  fontClass,
+  className,
+  children,
+  style,
+  ...restProps
+}) => import_react2.default.createElement(
+  tag,
+  {
+    ...restProps,
+    className: joinClasses(fontClass ? typography_default[fontClass] : "", className),
+    style
+  },
+  children
+);
+
+// src/components/index.ts
+var Components = {
+  Accordion,
+  Button,
+  CustomRadioButton,
+  InputField,
+  Modal,
+  RadioGroup,
+  RadioToggle,
+  SelectBoxButton,
+  Typography
+};
+
+// src/index.tsx
+var SystemDesign = {
+  Components
+};
+var index_default = SystemDesign;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx","../src/components/Accordion/Accordion.module.css","../src/utils/joinClasses.tsx","../src/components/Accordion/index.tsx","../src/components/Button/button.module.css","../src/styles/typography.module.css","../src/components/Button/index.tsx","../src/components/InputField/index.tsx","../src/components/InputField/InputField.module.css","../src/svg/ClearIcon.tsx","../src/components/Modal/index.tsx","../src/components/Modal/Modal.module.css","../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioGroup/index.tsx","../src/components/RadioToggle/RadioToggle.module.css","../src/components/RadioToggle/index.tsx","../src/components/SelectBoxButton/index.tsx","../src/components/SelectBoxButton/SelectBoxButton.module.css","../src/components/Typography/index.tsx","../src/components/index.ts"],"sourcesContent":["import { Components } from \"./components\";\n\nconst SystemDesign = {\n  Components\n}\n\nexport default SystemDesign","@import \"~styles/colors.css\";.Accordion-module__accordionBtn___1unNG{border-radius:inherit;cursor:pointer;display:flex;justify-content:space-between;text-align:left;width:100%}.Accordion-module__accordionContent___Qnx7K{max-height:1000px;overflow:hidden;transition:all .3s ease-in-out}.Accordion-module__accordionContent--hidden___DrXay{max-height:0}","export const joinClasses = (...args: unknown[]) =>\n  args.filter((item) => !!item).join(\" \");\n","import React, { Dispatch } from \"react\";\n\nimport styles from \"./Accordion.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nexport interface IAccordionProps {\n  open: boolean;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  children: React.ReactNode;\n  title: React.JSX.Element;\n}\n\nexport const Accordion = ({\n  open,\n  setOpen,\n  children,\n  title,\n}: IAccordionProps) => {\n  return (\n    <>\n      <button\n        data-testid=\"Accordion_BUTTON\"\n        className={styles.accordionBtn}\n        onClick={() => {\n          setOpen(!open);\n        }}\n      >\n        {title}\n        <svg\n          data-testid=\"Accordion_DIRECTION\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          style={{\n            transform: !open ? \"none\" : \"rotate(0.5turn)\",\n          }}\n        >\n          <path d=\"M15.8346 7.5L10.0013 13.3333L4.16797 7.5\" stroke=\"#758393\" />\n        </svg>\n      </button>\n      <div\n        data-testid=\"Accordion_CONTENT\"\n        className={joinClasses(\n          styles.accordionContent,\n          !open && styles[`accordionContent--hidden`]\n        )}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n","@import \"~styles/colors.css\";.button-module__button___JyfZW{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;transition:background-color .2s ease}.button-module__btn-default___EDl7t{background-color:var(--default-primary-accent);color:var(--default-white-color)}.button-module__btn-default--disabled___H36E7{background-color:var(--button-disabled-default-color);color:var(--text-disabled-color)}.button-module__btn-tinted___Do6iX{background-color:var(--button-tinted-default-color);color:var(--text-accent)}.button-module__btn-tinted--disabled___XRuq-{background-color:var(--button-tinted-default-color);color:var(--text-disabled-accent-color)}.button-module__btn-secondary___LtTTr{background-color:var(--surface-surface-3-color);color:var(--text-primary)}.button-module__btn-secondary--disabled___5YS63{background-color:var(--surface-surface-3-color);color:var(--text-secondary)}.button-module__btn-default___EDl7t:hover{background-color:var(--button-primary-on-hover-color)}.button-module__btn-tinted___Do6iX:hover{background-color:var(--button-tinted-on-hover-color)}.button-module__btn-secondary___LtTTr:hover{background-color:var(--button-secondary-on-hover)}.button-module__btn--mini___a9EJm{gap:4px;padding:6px 12px}.button-module__btn--small___xfhlR{gap:8px;padding:8px 16px}.button-module__btn--medium___pFJSr{gap:8px;padding:8px 20px}.button-module__btn--large___GvwY2{gap:8px;padding:14px 24px}.button-module__btn-square--mini___RWpOc{border-radius:4px}.button-module__btn-square--small___M-WgA{border-radius:6px}.button-module__btn-square--medium___aDBfE{border-radius:10px}.button-module__btn-square--large___dwebF{border-radius:12px}.button-module__btn-rounded--medium___TKy02,.button-module__btn-rounded--mini___bX5xJ,.button-module__btn-rounded--small___LI-QV{border-radius:32px}.button-module__btn-rounded--large___joy-r{border-radius:40px}",".typography-module__Heading1___qoIqf{font-family:Inter;font-size:32px;font-style:normal;font-weight:600;letter-spacing:-.32px;line-height:36px}.typography-module__Heading3___bAFUu{font-family:Inter;font-size:24px;font-style:normal;font-weight:600;letter-spacing:-.24px;line-height:28px}.typography-module__Subtitles3___fZk78{font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.typography-module__Body1Medium___6oNx-{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.typography-module__Body1Regular___M-29m{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.typography-module__Body2Medium___AgTJq{font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.typography-module__Body2Regular___vMqoR{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.typography-module__Body3Regular___4msoY{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.typography-module__Caption1Medium___ZOAXc{font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.typography-module__Caption1Regular___Ngisv{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.typography-module__Caption1Semibold___bp7U4{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.typography-module__Caption2Medium___Ru8Ob{font-family:Inter;font-size:10px;font-style:normal;font-weight:500;line-height:12px}.typography-module__Caption2Regular___tpO-t{font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:12px}","import React from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./button.module.css\";\nimport typography from \"~styles/typography.module.css\";\n\nconst btnTypography = {\n  mini: typography.Caption2Medium,\n  small: typography.Caption1Medium,\n  medium: typography.Body2Medium,\n  large: typography.Body1Medium,\n};\n\nexport interface IButtonProps {\n  ariaLabel?: string;\n  onClick?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  isRounded?: boolean;\n  disabled?: boolean;\n  variant?: \"default\" | \"tinted\" | \"secondary\";\n  size?: \"mini\" | \"small\" | \"medium\" | \"large\";\n  style?: React.CSSProperties;\n}\n\nexport const Button = ({\n  onClick,\n  children,\n  style,\n  className = \"\",\n  isRounded = false,\n  disabled = false,\n  variant = \"default\",\n  size = \"medium\",\n  ariaLabel = \"Кнопка\",\n}: IButtonProps) => (\n  <button\n    data-testid=\"Button_MAIN\"\n    aria-label={ariaLabel}\n    disabled={disabled}\n    aria-disabled={disabled}\n    onClick={onClick}\n    className={joinClasses(\n      styles[`btn--${size}`],\n      btnTypography[size],\n      isRounded\n        ? styles[`btn-rounded--${size}`]\n        : styles[`btn-square--${size}`],\n      disabled ? styles[`btn-${variant}--disabled`] : styles[`btn-${variant}`],\n      styles.button,\n      className\n    )}\n    style={style}\n  >\n    {children}\n  </button>\n);\n","// InputField.tsx\nimport React, { forwardRef, HTMLInputTypeAttribute, JSX } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./InputField.module.css\";\n\nimport { ClearIcon } from \"~svg\";\n\nexport type TOtpType = \"OTP\" | \"TEXT\";\n\nexport interface IInputFieldProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  isClearable?: boolean;\n  inputLeftIcon?: JSX.Element;\n  type?: HTMLInputTypeAttribute;\n  id: string;\n  labelText?: string;\n  ariaLabel: string;\n  focused?: boolean;\n  setFocused?: (val: boolean) => void;\n  readOnly?: boolean;\n}\n\nexport const InputField = forwardRef<HTMLInputElement, IInputFieldProps>(\n  (\n    {\n      onFocus,\n      onBlur,\n      onChange,\n      onEnterPress,\n      value = \"\",\n      inputLeftIcon,\n      placeholder = \"\",\n      className = \"\",\n      style,\n      isClearable = false,\n      type = \"text\",\n      id,\n      labelText = \"\",\n      ariaLabel = \"\",\n      focused = false,\n      setFocused = () => {},\n      readOnly = false,\n    }: IInputFieldProps,\n    ref\n  ): JSX.Element => {\n    const handleClear = () => {\n      if (onChange) {\n        onChange({\n          target: { value: \"\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    };\n    const handleFocus = () => {\n      setFocused(true);\n      if (onFocus) onFocus();\n    };\n    const handleBlur = () => {\n      setFocused(false);\n      if (onBlur) onBlur();\n    };\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (onEnterPress && event.key === \"Enter\") {\n        onEnterPress(event);\n      }\n    };\n\n    return (\n      <div\n        data-testid=\"InputField_MAIN\"\n        className={joinClasses(\n          styles[labelText.length ? \"inputContainerLabeled\" : \"inputContainer\"],\n          focused ? styles[`input--onfocus`] : undefined,\n          styles[`input-${type?.toLocaleLowerCase()}`],\n          className\n        )}\n        style={style}\n      >\n        {labelText.length > 0 && (\n          <label htmlFor={id} data-testid=\"InputField_LABEL\">\n            {labelText}\n          </label>\n        )}\n        {inputLeftIcon}\n        <input\n          ref={ref}\n          data-testid=\"InputField_INPUT\"\n          aria-label={ariaLabel}\n          id={id}\n          type={type}\n          className={styles.input}\n          placeholder={placeholder}\n          aria-placeholder={placeholder}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n          value={value}\n          readOnly={readOnly}\n        />\n        {isClearable && value && (\n          <ClearIcon\n            fill=\"red\"\n            pathFill=\"#758393\"\n            className={styles.clearIcon}\n            onClick={handleClear}\n          />\n        )}\n      </div>\n    );\n  }\n);\n","@import \"~styles/colors.css\";.InputField-module__inputContainer___f-bIm{align-items:center;background-color:var(--surface-surface-1);border-radius:8px;display:flex;padding:12px 16px}.InputField-module__inputContainerLabeled___zrQbJ{background-color:var(--surface-surface-1);border-radius:8px;display:block;padding:12px 16px}.InputField-module__inputContainerLabeled___zrQbJ label{color:var(--text-secondary)}.InputField-module__input___Lgxvm{background-color:var(--surface-surface-1);border:none;width:100%}.InputField-module__input___Lgxvm:active,.InputField-module__input___Lgxvm:focus{outline:none}.InputField-module__input___Lgxvm::-moz-placeholder{color:var(--text-disabled-color)}.InputField-module__input___Lgxvm::placeholder{color:var(--text-disabled-color)}.InputField-module__input___Lgxvm::-webkit-inner-spin-button,.InputField-module__input___Lgxvm::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.InputField-module__clearIcon___1KYtM{cursor:pointer}.InputField-module__input--onfocus___cJyDp,.InputField-module__input--onfocus___cJyDp .InputField-module__input___Lgxvm{background-color:var(--surface-surface-3-color)}","import React from \"react\";\n\nexport const ClearIcon = ({\n  fill = \"none\",\n  pathFill = \"#fff\",\n  width = 20,\n  height = 20,\n  ...props\n}: React.SVGProps<SVGSVGElement> & { pathFill?: string }) => {\n  return (\n    <svg\n      data-testid=\"Icons_CLEAR\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill={fill}\n      viewBox=\"0 0 20 20\"\n      {...props}\n    >\n      <path\n        fill={pathFill}\n        fillRule=\"evenodd\"\n        d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./Modal.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport { Components } from \"~components\";\n\nexport interface IModalProps {\n  open: boolean;\n  children: JSX.Element;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  headerTitle?: string;\n  variant: \"large\" | \"small\";\n}\n\nexport const Modal = ({\n  open,\n  setOpen,\n  children,\n  headerTitle,\n  variant,\n}: IModalProps) => {\n  if (open) {\n    return (\n      <div data-testid=\"Modal_OVERLAY\" className={styles.overlay}>\n        <div\n          data-testid=\"Modal_WRAPPER\"\n          className={joinClasses(\n            styles.contentWrap,\n            styles[`${variant}Variant`]\n          )}\n        >\n          {headerTitle && headerTitle.length > 0 && (\n            <div data-testid=\"Modal_HEADER\" className={styles.contentHeader}>\n              <Components.Typography\n                tag=\"h3\"\n                fontClass=\"Body1Medium\"\n                data-testid=\"Modal_TITLE\"\n                className={styles.title}\n              >\n                {headerTitle}\n              </Components.Typography>\n              <button\n                data-testid=\"ModalHeader_BTN\"\n                onClick={() => {\n                  setOpen(!open);\n                }}\n              >\n                <Icons.General.Close data-testid=\"Modal_ICON\" />\n              </button>\n            </div>\n          )}\n          {children}\n        </div>\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n","@import \"~styles/colors.css\";.Modal-module__overlay___dd9h1{align-items:center;background:rgba(0,0,0,.5);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.Modal-module__contentWrap___TeYsL{animation:Modal-module__flyDawn___scb7- 1s;background:var(--page-color-background-white);border-radius:16px;height:-moz-fit-content;height:fit-content}.Modal-module__largeVariant___L-djj{width:1052px}.Modal-module__smallVariant___OSCjI{width:400px}.Modal-module__contentHeader___6XO83{align-items:center;align-self:stretch;display:flex;justify-content:space-between;padding:12px 16px;position:relative}.Modal-module__title___A5OeE{color:var(--text-primary)}@keyframes Modal-module__flyDawn___scb7-{0%{opacity:.1;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}","@import \"~styles/colors.css\";.RadioGroup-module__radio___iyFIA{align-items:center;cursor:pointer;display:flex}.RadioGroup-module__radio___iyFIA input{display:none}.RadioGroup-module__radioBtn___n1J5v{border:2px solid var(--button-secondary-on-hover);border-radius:50%;height:15px;margin:10px;position:relative;transition:background .3s;width:15px}.RadioGroup-module__radioBtn___n1J5v:after{background:var(--button-primary-default);border-radius:50%;content:\"\";height:10px;left:50%;position:absolute;top:50%;transform:scale(0) translate(-50%,-50%);transition:transform .3s;width:10px}input:checked+.RadioGroup-module__radioBtn___n1J5v:after{transform:scale(1) translate(-50%,-50%)}input:checked+.RadioGroup-module__radioBtn___n1J5v{border:2px solid var(--button-primary-default)}.RadioGroup-module__radioBtnText___aP5kH{padding-left:10px;width:-moz-fit-content;width:fit-content}","import React from \"react\";\nimport styles from \"./RadioGroup.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport typography from \"~styles/typography.module.css\";\n\nexport interface RadioGroupItem {\n  label: string;\n  value: string;\n}\n\nexport interface ICustomRadioButtonProps {\n  label: string;\n  name: string;\n  checked: boolean;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string;\n}\n\nexport interface IRadioGroupProps {\n  RadioGroupItems: RadioGroupItem[];\n  invokeCustomOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  setSelectedOption: React.Dispatch<React.SetStateAction<string>>;\n  selectedOption: string;\n}\n\nexport const CustomRadioButton = ({\n  label,\n  name,\n  checked,\n  onChange,\n  value,\n}: ICustomRadioButtonProps) => (\n  <label data-testid=\"RadioGroupItem_LABEL\" className={styles.radio}>\n    <input\n      data-testid=\"RadioGroupItem_INPUT\"\n      value={value}\n      type=\"radio\"\n      name={name}\n      checked={checked}\n      onChange={onChange}\n    />\n    <span data-testid=\"RadioGroupItem_RADIO\" className={styles.radioBtn}></span>\n    <span\n      data-testid=\"RadioGroupItem_TEXT\"\n      className={joinClasses(styles.radioBtnText, typography.Body2Regular)}\n    >\n      {label}\n    </span>\n  </label>\n);\n\nexport const RadioGroup = ({\n  RadioGroupItems,\n  invokeCustomOnChange,\n  setSelectedOption,\n  selectedOption,\n}: IRadioGroupProps) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(event.target.value);\n    invokeCustomOnChange(event);\n  };\n  return (\n    <fieldset data-testid=\"RadioGroup_FIELDSET\">\n      {RadioGroupItems.map((item) => (\n        <CustomRadioButton\n          key={item.label}\n          label={item.label}\n          name=\"radio\"\n          checked={selectedOption === item.value}\n          onChange={handleChange}\n          value={item.value}\n        />\n      ))}\n    </fieldset>\n  );\n};\n","@import \"~styles/colors.css\";.RadioToggle-module__wrap___tM-kQ{align-items:center;background:var(--leaf);border-radius:40px;display:flex;height:16px;justify-content:flex-end;padding:4px;width:32px}.RadioToggle-module__wrapLock___sLgxo{background:var(--surface-surface-3-color);justify-content:flex-start}.RadioToggle-module__round___5NUUP{background:var(--surface-surface-2);border-radius:100px;height:16px;width:16px}","import React, { Dispatch, SetStateAction } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./RadioToggle.module.css\";\n\nexport interface IRadioToggleProps {\n  lock: boolean;\n  setLock: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const RadioToggle = ({ lock, setLock }: IRadioToggleProps) => (\n  <button\n    data-testid=\"RadioToggle_BUTTON\"\n    aria-pressed={lock}\n    aria-label=\"Кнопка переключения\"\n    onClick={() => {\n      setLock(!lock);\n    }}\n  >\n    <div\n      data-testid=\"RadioToggle_WRAP\"\n      className={joinClasses(styles.wrap, lock && styles.wrapLock)}\n    >\n      <div data-testid=\"RadioToggle_ROUND\" className={styles.round}></div>\n    </div>\n  </button>\n);\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./SelectBoxButton.module.css\";\nimport { Components } from \"~components\";\n\nexport interface ISelectBoxProps {\n  labelText?: string;\n  setIsOpen: Dispatch<React.SetStateAction<boolean>>;\n  disabled: boolean;\n  error?: boolean;\n  modalValue?: string;\n}\n\nexport const SelectBoxButton = ({\n  setIsOpen,\n  labelText,\n  disabled,\n  error,\n  modalValue,\n}: ISelectBoxProps): JSX.Element => (\n  <button\n    data-testid=\"SelectBoxModal_BUTTON\"\n    className={styles.selectContainer}\n    onClick={() => !disabled && setIsOpen(true)}\n  >\n    <div data-testid=\"SelectBoxModal_TITLE\">\n      <Components.Typography\n        tag=\"label\"\n        fontClass=\"Caption1Regular\"\n        data-testid=\"SelectBoxModal_LABEL\"\n        className={error ? styles.errorLabel : styles.label}\n        aria-label={labelText}\n      >\n        {labelText}\n      </Components.Typography>\n      {modalValue && modalValue.length > 0 && (\n        <Components.Typography\n          tag=\"div\"\n          fontClass=\"Body2Regular\"\n          data-testid=\"SelectBoxModal_VALUE\"\n          className={styles.selectText}\n          aria-label={modalValue}\n        >\n          {modalValue}\n        </Components.Typography>\n      )}\n    </div>\n    <Icons.Basic.ChevronDownSmall\n      aria-label=\"кнопка развернуть\"\n      fill=\"#758393\"\n      className={styles.clearIcon}\n    />\n  </button>\n);\n","@import \"~styles/colors.css\";.SelectBoxButton-module__selectContainer___MyVJF{align-items:center;background-color:var(--surface-surface-1);border-radius:8px;display:flex;height:56px;justify-content:space-between;padding:8px 16px}.SelectBoxButton-module__label___hlxlc{color:var(--text-secondary);display:flex}.SelectBoxButton-module__errorLabel___gYbNN{color:var(--icon-error-color);display:flex}.SelectBoxButton-module__selectText___7FeVj{color:var(--text-primary);display:flex}","// Typography.tsx\nimport React, { FC, JSX } from \"react\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport typography from \"~styles/typography.module.css\";\n\ntype TFontClass =\n  | \"Heading1\"\n  | \"Heading3\"\n  | \"Subtitles3\"\n  | \"Body1Medium\"\n  | \"Body1Regular\"\n  | \"Body2Medium\"\n  | \"Body2Regular\"\n  | \"Body3Regular\"\n  | \"Caption1Medium\"\n  | \"Caption1Regular\"\n  | \"Caption1Semibold\"\n  | \"Caption2Medium\"\n  | \"Caption2Regular\";\n\nexport interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {\n  tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n  fontClass: TFontClass;\n}\n\nexport const Typography: FC<ITypographyProps> = ({\n  tag,\n  fontClass,\n  className,\n  children,\n  style,\n  ...restProps\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...restProps,\n      className: joinClasses(fontClass ? typography[fontClass] : \"\", className),\n      style,\n    },\n    children\n  );\n","import { Accordion } from \"./Accordion\";\nimport { Button } from \"./Button\";\nimport { InputField } from \"./InputField\";\nimport { Modal } from \"./Modal\";\nimport { CustomRadioButton, RadioGroup } from \"./RadioGroup\";\nimport { RadioToggle } from \"./RadioToggle\";\nimport { SelectBoxButton } from \"./SelectBoxButton\";\nimport { Typography } from \"./Typography\";\n\nexport const Components = {\n  Accordion,\n  Button,\n  CustomRadioButton,\n  InputField,\n  Modal,\n  RadioGroup,\n  RadioToggle,\n  SelectBoxButton,\n  Typography,\n};\n\nexport { Button };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;;;ACAO,IAAM,cAAc,IAAI,SAC7B,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,KAAK,GAAG;;;ACkBpC;AAPG,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW,kBAAO;AAAA,QAClB,SAAS,MAAM;AACb,kBAAQ,CAAC,IAAI;AAAA,QACf;AAAA,QAEC;AAAA;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,OAAM;AAAA,cACN,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAO;AAAA,gBACL,WAAW,CAAC,OAAO,SAAS;AAAA,cAC9B;AAAA,cAEA,sDAAC,UAAK,GAAE,4CAA2C,QAAO,WAAU;AAAA;AAAA,UACtE;AAAA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW;AAAA,UACT,kBAAO;AAAA,UACP,CAAC,QAAQ,kBAAO,0BAA0B;AAAA,QAC5C;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;;;ACrDA;;;ACAA;;;ACqCE,IAAAA,sBAAA;AA9BF,IAAM,gBAAgB;AAAA,EACpB,MAAM,mBAAW;AAAA,EACjB,OAAO,mBAAW;AAAA,EAClB,QAAQ,mBAAW;AAAA,EACnB,OAAO,mBAAW;AACpB;AAcO,IAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,cAAY;AAAA,IACZ;AAAA,IACA,iBAAe;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACT,eAAO,QAAQ,IAAI,EAAE;AAAA,MACrB,cAAc,IAAI;AAAA,MAClB,YACI,eAAO,gBAAgB,IAAI,EAAE,IAC7B,eAAO,eAAe,IAAI,EAAE;AAAA,MAChC,WAAW,eAAO,OAAO,OAAO,YAAY,IAAI,eAAO,OAAO,OAAO,EAAE;AAAA,MACvE,eAAO;AAAA,MACP;AAAA,IACF;AAAA,IACA;AAAA,IAEC;AAAA;AACH;;;ACvDF,mBAA+D;;;ACD/D;;;ACmBM,IAAAC,sBAAA;AAjBC,IAAM,YAAY,CAAC;AAAA,EACxB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,GAAG;AACL,MAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA;AAAA,MACV;AAAA;AAAA,EACH;AAEJ;;;AFqDM,IAAAC,sBAAA;AA7CC,IAAM,iBAAa;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,cAAc;AAAA,IACd,YAAY;AAAA,IACZ;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa,MAAM;AAAA,IAAC;AAAA,IACpB,WAAW;AAAA,EACb,GACA,QACgB;AAChB,UAAM,cAAc,MAAM;AACxB,UAAI,UAAU;AACZ,iBAAS;AAAA,UACP,QAAQ,EAAE,OAAO,GAAG;AAAA,QACtB,CAAwC;AAAA,MAC1C;AAAA,IACF;AACA,UAAM,cAAc,MAAM;AACxB,iBAAW,IAAI;AACf,UAAI,QAAS,SAAQ;AAAA,IACvB;AACA,UAAM,aAAa,MAAM;AACvB,iBAAW,KAAK;AAChB,UAAI,OAAQ,QAAO;AAAA,IACrB;AACA,UAAM,gBAAgB,CAAC,UAAiD;AACtE,UAAI,gBAAgB,MAAM,QAAQ,SAAS;AACzC,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW;AAAA,UACT,mBAAO,UAAU,SAAS,0BAA0B,gBAAgB;AAAA,UACpE,UAAU,mBAAO,gBAAgB,IAAI;AAAA,UACrC,mBAAO,SAAS,MAAM,kBAAkB,CAAC,EAAE;AAAA,UAC3C;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,oBAAU,SAAS,KAClB,6CAAC,WAAM,SAAS,IAAI,eAAY,oBAC7B,qBACH;AAAA,UAED;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAY;AAAA,cACZ,cAAY;AAAA,cACZ;AAAA,cACA;AAAA,cACA,WAAW,mBAAO;AAAA,cAClB;AAAA,cACA,oBAAkB;AAAA,cAClB,SAAS;AAAA,cACT,QAAQ;AAAA,cACR;AAAA,cACA,WAAW;AAAA,cACX;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UACC,eAAe,SACd;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAS;AAAA,cACT,WAAW,mBAAO;AAAA,cAClB,SAAS;AAAA;AAAA,UACX;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;;;AG1HA,sBAAkB;;;ACDlB;;;ADiCY,IAAAC,sBAAA;AAlBL,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmB;AACjB,MAAI,MAAM;AACR,WACE,6CAAC,SAAI,eAAY,iBAAgB,WAAW,cAAO,SACjD;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW;AAAA,UACT,cAAO;AAAA,UACP,cAAO,GAAG,OAAO,SAAS;AAAA,QAC5B;AAAA,QAEC;AAAA,yBAAe,YAAY,SAAS,KACnC,8CAAC,SAAI,eAAY,gBAAe,WAAW,cAAO,eAChD;AAAA;AAAA,cAAC,WAAW;AAAA,cAAX;AAAA,gBACC,KAAI;AAAA,gBACJ,WAAU;AAAA,gBACV,eAAY;AAAA,gBACZ,WAAW,cAAO;AAAA,gBAEjB;AAAA;AAAA,YACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,SAAS,MAAM;AACb,0BAAQ,CAAC,IAAI;AAAA,gBACf;AAAA,gBAEA,uDAAC,gBAAAC,QAAM,QAAQ,OAAd,EAAoB,eAAY,cAAa;AAAA;AAAA,YAChD;AAAA,aACF;AAAA,UAED;AAAA;AAAA;AAAA,IACH,GACF;AAAA,EAEJ,OAAO;AACL,WAAO;AAAA,EACT;AACF;;;AE3DA;;;ACgCE,IAAAC,sBAAA;AAPK,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,8CAAC,WAAM,eAAY,wBAAuB,WAAW,mBAAO,OAC1D;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,EACA,6CAAC,UAAK,eAAY,wBAAuB,WAAW,mBAAO,UAAU;AAAA,EACrE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW,YAAY,mBAAO,cAAc,mBAAW,YAAY;AAAA,MAElE;AAAA;AAAA,EACH;AAAA,GACF;AAGK,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,QAAM,eAAe,CAAC,UAA+C;AACnE,sBAAkB,MAAM,OAAO,KAAK;AACpC,yBAAqB,KAAK;AAAA,EAC5B;AACA,SACE,6CAAC,cAAS,eAAY,uBACnB,0BAAgB,IAAI,CAAC,SACpB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,KAAK;AAAA,MACZ,MAAK;AAAA,MACL,SAAS,mBAAmB,KAAK;AAAA,MACjC,UAAU;AAAA,MACV,OAAO,KAAK;AAAA;AAAA,IALP,KAAK;AAAA,EAMZ,CACD,GACH;AAEJ;;;AC3EA;;;ACwBM,IAAAC,sBAAA;AAbC,IAAM,cAAc,CAAC,EAAE,MAAM,QAAQ,MAC1C;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,gBAAc;AAAA,IACd,cAAW;AAAA,IACX,SAAS,MAAM;AACb,cAAQ,CAAC,IAAI;AAAA,IACf;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW,YAAY,oBAAO,MAAM,QAAQ,oBAAO,QAAQ;AAAA,QAE3D,uDAAC,SAAI,eAAY,qBAAoB,WAAW,oBAAO,OAAO;AAAA;AAAA,IAChE;AAAA;AACF;;;ACzBF,IAAAC,mBAAkB;;;ACDlB;;;AD0BI,IAAAC,sBAAA;AAZG,IAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW,wBAAO;AAAA,IAClB,SAAS,MAAM,CAAC,YAAY,UAAU,IAAI;AAAA,IAE1C;AAAA,oDAAC,SAAI,eAAY,wBACf;AAAA;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACC,KAAI;AAAA,YACJ,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,WAAW,QAAQ,wBAAO,aAAa,wBAAO;AAAA,YAC9C,cAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QACC,cAAc,WAAW,SAAS,KACjC;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACC,KAAI;AAAA,YACJ,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,WAAW,wBAAO;AAAA,YAClB,cAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,SAEJ;AAAA,MACA;AAAA,QAAC,iBAAAC,QAAM,MAAM;AAAA,QAAZ;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,WAAW,wBAAO;AAAA;AAAA,MACpB;AAAA;AAAA;AACF;;;AEpDF,IAAAC,gBAA+B;AAyBxB,IAAM,aAAmC,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,cAAAC,QAAM;AAAA,EACJ;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,WAAW,YAAY,YAAY,mBAAW,SAAS,IAAI,IAAI,SAAS;AAAA,IACxE;AAAA,EACF;AAAA,EACA;AACF;;;ACjCK,IAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;AnBjBA,IAAM,eAAe;AAAA,EACnB;AACF;AAEA,IAAO,gBAAQ;","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Icons","import_jsx_runtime","import_jsx_runtime","import_graphics","import_jsx_runtime","Icons","import_react","React"]}