@sberbusiness/triplex-next 1.34.0 → 1.35.1

package/components/FormField/components/FormFieldTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldTarget.js","sources":["../../../../src/components/FormField/components/FormFieldTarget.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField/enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/FormFieldTarget.module.less\";\n\n/** Свойства компонента FormFieldTarget. */\nexport interface IFormFieldTargetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст, или компонент отображающий выбранное placeholder. Отличие от children в том, что placeholder отображается только когда нет children и более бледным цветом. */\n    placeholder?: React.ReactNode;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий нередактируемое значение. */\nexport const FormFieldTarget = React.forwardRef<HTMLDivElement, IFormFieldTargetProps>(\n    ({ children, id: idProp, className, placeholder, onFocus, onBlur, ...restProps }, ref) => {\n        const { size, status, active, labelId, setFilled, setFocused, setTargetId } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"target_\") : idProp), [idProp]);\n        const childrenExist = useMemo(() => React.Children.toArray(children).length !== 0, [children]);\n        const classNames = clsx(styles.formFieldTarget, sizeToClassNameMap[size], className, {\n            [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            [styles.placeholder]: !!placeholder && !childrenExist && status !== EFormFieldStatus.DISABLED,\n            [styles.active]: active,\n        });\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            setFilled(childrenExist);\n        }, [childrenExist, setFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [onFocus, setFocused],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [onBlur, setFocused],\n        );\n\n        return (\n            <div\n                {...restProps}\n                id={id}\n                className={classNames}\n                tabIndex={status === EFormFieldStatus.DISABLED ? -1 : 0}\n                aria-labelledby={labelId}\n                aria-disabled={status === EFormFieldStatus.DISABLED}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                ref={ref}\n            >\n                {childrenExist ? children : <span className={styles.placeholderWrapper}>{placeholder}</span>}\n            </div>\n        );\n    },\n);\n\nFormFieldTarget.displayName = \"FormFieldTarget\";\n"],"names":["React","placeholder","active"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,aAAAC,cAAa,SAAS,QAAQ,GAAG,UAAA,GAAa,QAAQ;AACtF,UAAM,EAAE,MAAM,QAAQ,QAAAC,SAAQ,SAAS,WAAW,YAAY,YAAA,IAAgB,WAAW,gBAAgB;AACzG,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,SAAS,IAAI,QAAS,CAAC,MAAM,CAAC;AACxF,UAAM,gBAAgB,QAAQ,MAAMF,eAAM,SAAS,QAAQ,QAAQ,EAAE,WAAW,GAAG,CAAC,QAAQ,CAAC;AAC7F,UAAM,aAAa,KAAK,OAAO,iBAAiB,mBAAmB,IAAI,GAAG,WAAW;AAAA,MACjF,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAC/C,CAAC,OAAO,WAAW,GAAG,CAAC,CAACC,gBAAe,CAAC,iBAAiB,WAAW,iBAAiB;AAAA,MACrF,CAAC,OAAO,MAAM,GAAGC;AAAA,IAAA,CACpB;AAED,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,gBAAU,aAAa;AAAA,IAC3B,GAAG,CAAC,eAAe,SAAS,CAAC;AAE7B,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,SAAS,UAAU;AAAA,IAAA;AAGxB,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,QAAQ,UAAU;AAAA,IAAA;AAGvB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,UAAU,WAAW,iBAAiB,WAAW,KAAK;AAAA,QACtD,mBAAiB;AAAA,QACjB,iBAAe,WAAW,iBAAiB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QAEC,0BAAgB,WAAW,oBAAC,UAAK,WAAW,OAAO,oBAAqB,UAAAD,aAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjG;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/FormField/components/FormFieldTextarea.js

@@ -1,71 +1,97 @@
-import { jsx as I } from "react/jsx-runtime";
-import M, { useContext as n, useMemo as C, useCallback as s, useLayoutEffect as u } from "react";
-import { u as D, c as L } from "../../../chunks/vendor-D5cfSbgz.js";
-import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
-import { FormFieldContext as W } from "../FormFieldContext.js";
-import { EFormFieldStatus as j } from "../enums.js";
-import { isFilled as q } from "./utils.js";
-const w = "formFieldTextarea__cbc497bb", G = "sm__2079d6a4", H = "md__7fe9c68e", J = "lg__aac0ac1a", T = {
-  formFieldTextarea: w,
-  sm: G,
-  md: H,
-  lg: J
-}, K = R(T), O = M.forwardRef(
-  ({ id: d, className: p, value: t, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: c, ..._ }, N) => {
-    const { size: b, status: g, setFocused: i, setTargetId: F, setFilled: o } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), h = L(T.formFieldTextarea, K[b], p), a = s(
-      (e) => {
-        o(q(e));
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+import { FormFieldContext } from "../FormFieldContext.js";
+import { EFormFieldStatus } from "../enums.js";
+import { isFilled } from "./utils.js";
+const formFieldTextarea = "formFieldTextarea__919207ec";
+const sm = "sm__e2c296fc";
+const md = "md__fb8429c0";
+const lg = "lg__aa378fff";
+const styles = {
+  formFieldTextarea,
+  sm,
+  md,
+  lg
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const FormFieldTextarea = React__default.forwardRef(
+  ({ id: idProp, className, value, defaultValue, onFocus, onBlur, onAnimationStart, onChange, ...restProps }, ref) => {
+    const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);
+    const id = useMemo(() => idProp === void 0 ? uniqueId("textarea_") : idProp, [idProp]);
+    const classNames = clsx(styles.formFieldTextarea, sizeToClassNameMap[size], className);
+    const syncFilled = useCallback(
+      (nextValue) => {
+        setFilled(isFilled(nextValue));
       },
-      [o]
+      [setFilled]
     );
-    u(() => {
-      F(f);
-    }, [f, F]), u(() => {
-      a(t ?? x);
-    }, []), u(() => {
-      t !== void 0 && a(t);
-    }, [t, a]);
-    const y = s(
-      (e) => {
-        a(e.currentTarget.value), i(!0), r == null || r(e);
+    useLayoutEffect(() => {
+      setTargetId(id);
+    }, [id, setTargetId]);
+    useLayoutEffect(() => {
+      syncFilled(value ?? defaultValue);
+    }, []);
+    useLayoutEffect(() => {
+      if (value !== void 0) {
+        syncFilled(value);
+      }
+    }, [value, syncFilled]);
+    const handleFocus = useCallback(
+      (event) => {
+        syncFilled(event.currentTarget.value);
+        setFocused(true);
+        onFocus == null ? void 0 : onFocus(event);
       },
-      [a, i, r]
-    ), k = s(
-      (e) => {
-        a(e.currentTarget.value), i(!1), l == null || l(e);
+      [syncFilled, setFocused, onFocus]
+    );
+    const handleBlur = useCallback(
+      (event) => {
+        syncFilled(event.currentTarget.value);
+        setFocused(false);
+        onBlur == null ? void 0 : onBlur(event);
       },
-      [a, i, l]
-    ), z = s(
-      (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? o(!0) : e.animationName.startsWith("autofill-cancelled-hook") && a(e.currentTarget.value), m == null || m(e);
+      [syncFilled, setFocused, onBlur]
+    );
+    const handleAnimationStart = useCallback(
+      (event) => {
+        if (event.animationName.startsWith("autofill-applied-hook")) {
+          setFilled(true);
+        } else if (event.animationName.startsWith("autofill-cancelled-hook")) {
+          syncFilled(event.currentTarget.value);
+        }
+        onAnimationStart == null ? void 0 : onAnimationStart(event);
       },
-      [o, a, m]
-    ), E = s(
-      (e) => {
-        a(e.currentTarget.value), c == null || c(e);
+      [setFilled, syncFilled, onAnimationStart]
+    );
+    const handleChange = useCallback(
+      (event) => {
+        syncFilled(event.currentTarget.value);
+        onChange == null ? void 0 : onChange(event);
       },
-      [c, a]
+      [onChange, syncFilled]
     );
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ jsx(
       "textarea",
       {
-        ..._,
-        id: f,
-        className: h,
-        value: t,
-        defaultValue: x,
-        disabled: g === j.DISABLED,
-        onFocus: y,
-        onBlur: k,
-        onAnimationStart: z,
-        onChange: E,
-        ref: N
+        ...restProps,
+        id,
+        className: classNames,
+        value,
+        defaultValue,
+        disabled: status === EFormFieldStatus.DISABLED,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onAnimationStart: handleAnimationStart,
+        onChange: handleChange,
+        ref
       }
     );
   }
 );
-O.displayName = "FormFieldTextarea";
+FormFieldTextarea.displayName = "FormFieldTextarea";
 export {
-  O as FormFieldTextarea
+  FormFieldTextarea
 };
 //# sourceMappingURL=FormFieldTextarea.js.map

package/components/FormField/components/FormFieldTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldTextarea.js","sources":["../../../../src/components/FormField/components/FormFieldTextarea.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldTextarea.module.less\";\n\n/** Свойства компонента FormFieldTextarea. */\nexport interface IFormFieldTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий textarea. */\nexport const FormFieldTextarea = React.forwardRef<HTMLTextAreaElement, IFormFieldTextareaProps>(\n    (\n        { id: idProp, className, value, defaultValue, onFocus, onBlur, onAnimationStart, onChange, ...restProps },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"textarea_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldTextarea, sizeToClassNameMap[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldTextareaProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [syncFilled, setFocused, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [syncFilled, setFocused, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [onChange, syncFilled],\n        );\n\n        return (\n            <textarea\n                {...restProps}\n                id={id}\n                className={classNames}\n                value={value}\n                defaultValue={defaultValue}\n                disabled={status === EFormFieldStatus.DISABLED}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onAnimationStart={handleAnimationStart}\n                onChange={handleChange}\n                ref={ref}\n            />\n        );\n    },\n);\n\nFormFieldTextarea.displayName = \"FormFieldTextarea\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CACI,EAAE,IAAI,QAAQ,WAAW,OAAO,cAAc,SAAS,QAAQ,kBAAkB,UAAU,GAAG,UAAA,GAC9F,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,WAAW,IAAI,QAAS,CAAC,MAAM,CAAC;AAC1F,UAAM,aAAa,KAAK,OAAO,mBAAmB,mBAAmB,IAAI,GAAG,SAAS;AAErF,UAAM,aAAa;AAAA,MACf,CAAC,cAAgD;AAC7C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,UAAU,UAAU;AAAA,IAAA;AAGzB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU,WAAW,iBAAiB;AAAA,QACtC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,kBAAkB,cAAc;"}

package/components/FormField/components/index.js

@@ -1,23 +1,23 @@
-import { FormFieldClear as e } from "./FormFieldClear.js";
-import { FormFieldCounter as m } from "./FormFieldCounter.js";
-import { FormFieldDescription as i } from "./FormFieldDescription.js";
-import { F as x } from "../../../chunks/FormFieldInput-DFQ9utC5.js";
-import { FormFieldLabel as l } from "./FormFieldLabel.js";
-import { FormFieldMaskedInput as a } from "./FormFieldMaskedInput.js";
-import { FormFieldPostfix as s } from "./FormFieldPostfix.js";
-import { FormFieldPrefix as C } from "./FormFieldPrefix.js";
-import { FormFieldTarget as P } from "./FormFieldTarget.js";
-import { FormFieldTextarea as b } from "./FormFieldTextarea.js";
+import { FormFieldClear } from "./FormFieldClear.js";
+import { FormFieldCounter } from "./FormFieldCounter.js";
+import { FormFieldDescription } from "./FormFieldDescription.js";
+import { F } from "../../../chunks/FormFieldInput-B1sTDP0Z.js";
+import { FormFieldLabel } from "./FormFieldLabel.js";
+import { FormFieldMaskedInput } from "./FormFieldMaskedInput.js";
+import { FormFieldPostfix } from "./FormFieldPostfix.js";
+import { FormFieldPrefix } from "./FormFieldPrefix.js";
+import { FormFieldTarget } from "./FormFieldTarget.js";
+import { FormFieldTextarea } from "./FormFieldTextarea.js";
 export {
-  e as FormFieldClear,
-  m as FormFieldCounter,
-  i as FormFieldDescription,
-  x as FormFieldInput,
-  l as FormFieldLabel,
-  a as FormFieldMaskedInput,
-  s as FormFieldPostfix,
-  C as FormFieldPrefix,
-  P as FormFieldTarget,
-  b as FormFieldTextarea
+  FormFieldClear,
+  FormFieldCounter,
+  FormFieldDescription,
+  F as FormFieldInput,
+  FormFieldLabel,
+  FormFieldMaskedInput,
+  FormFieldPostfix,
+  FormFieldPrefix,
+  FormFieldTarget,
+  FormFieldTextarea
 };
 //# sourceMappingURL=index.js.map

package/components/FormField/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/components/FormField/components/utils.js

@@ -1,5 +1,13 @@
-const r = (e) => e === void 0 ? !1 : typeof e == "number" ? !0 : e.length !== 0;
+const isFilled = (value) => {
+  if (value === void 0) {
+    return false;
+  } else if (typeof value === "number") {
+    return true;
+  } else {
+    return value.length !== 0;
+  }
+};
 export {
-  r as isFilled
+  isFilled
 };
 //# sourceMappingURL=utils.js.map

package/components/FormField/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/FormField/components/utils.ts"],"sourcesContent":["// Проверяет наличие значения.\nexport const isFilled = (value: string | readonly string[] | number | undefined) => {\n    if (value === undefined) {\n        return false;\n    } else if (typeof value === \"number\") {\n        return true;\n    } else {\n        return value.length !== 0;\n    }\n};\n"],"names":[],"mappings":"AACO,MAAM,WAAW,CAAC,UAA2D;AAChF,MAAI,UAAU,QAAW;AACrB,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO;AAAA,EACX,OAAO;AACH,WAAO,MAAM,WAAW;AAAA,EAC5B;AACJ;"}

package/components/FormField/consts.js

@@ -1,5 +1,5 @@
-const A = 12;
+const TARGET_PADDING_X_DEFAULT = 12;
 export {
-  A as TARGET_PADDING_X_DEFAULT
+  TARGET_PADDING_X_DEFAULT
 };
 //# sourceMappingURL=consts.js.map

package/components/FormField/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../../src/components/FormField/consts.ts"],"sourcesContent":["// Дефолтный отступ элемента ввода (input/textarea).\nexport const TARGET_PADDING_X_DEFAULT = 12;\n"],"names":[],"mappings":"AACO,MAAM,2BAA2B;"}

package/components/FormField/enums.js

@@ -1,5 +1,11 @@
-var R = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.DISABLED = "disabled", r.ERROR = "error", r.WARNING = "warning", r))(R || {});
+var EFormFieldStatus = /* @__PURE__ */ ((EFormFieldStatus2) => {
+  EFormFieldStatus2["DEFAULT"] = "default";
+  EFormFieldStatus2["DISABLED"] = "disabled";
+  EFormFieldStatus2["ERROR"] = "error";
+  EFormFieldStatus2["WARNING"] = "warning";
+  return EFormFieldStatus2;
+})(EFormFieldStatus || {});
 export {
-  R as EFormFieldStatus
+  EFormFieldStatus
 };
 //# sourceMappingURL=enums.js.map

package/components/FormField/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/FormField/enums.ts"],"sourcesContent":["export enum EFormFieldStatus {\n    DEFAULT = \"default\",\n    DISABLED = \"disabled\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n}\n"],"names":["EFormFieldStatus"],"mappings":"AAAO,IAAK,qCAAAA,sBAAL;AACHA,oBAAA,SAAA,IAAU;AACVA,oBAAA,UAAA,IAAW;AACXA,oBAAA,OAAA,IAAQ;AACRA,oBAAA,SAAA,IAAU;AAJF,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}

package/components/FormField/index.js

@@ -1,28 +1,28 @@
-import { EFormFieldStatus as e } from "./enums.js";
-import { FormFieldClear as F } from "./components/FormFieldClear.js";
-import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
-import { FormFieldDescription as l } from "./components/FormFieldDescription.js";
-import { F as f } from "../../chunks/FormFieldInput-DFQ9utC5.js";
-import { FormFieldLabel as a } from "./components/FormFieldLabel.js";
-import { FormFieldMaskedInput as u } from "./components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as C } from "./components/FormFieldPostfix.js";
-import { FormFieldPrefix as I } from "./components/FormFieldPrefix.js";
-import { FormFieldTarget as P } from "./components/FormFieldTarget.js";
-import { FormFieldTextarea as c } from "./components/FormFieldTextarea.js";
-import { FormField as k, statusToClassNameMap as D } from "./FormField.js";
+import { EFormFieldStatus } from "./enums.js";
+import { FormFieldClear } from "./components/FormFieldClear.js";
+import { FormFieldCounter } from "./components/FormFieldCounter.js";
+import { FormFieldDescription } from "./components/FormFieldDescription.js";
+import { F } from "../../chunks/FormFieldInput-B1sTDP0Z.js";
+import { FormFieldLabel } from "./components/FormFieldLabel.js";
+import { FormFieldMaskedInput } from "./components/FormFieldMaskedInput.js";
+import { FormFieldPostfix } from "./components/FormFieldPostfix.js";
+import { FormFieldPrefix } from "./components/FormFieldPrefix.js";
+import { FormFieldTarget } from "./components/FormFieldTarget.js";
+import { FormFieldTextarea } from "./components/FormFieldTextarea.js";
+import { FormField, statusToClassNameMap } from "./FormField.js";
 export {
-  e as EFormFieldStatus,
-  k as FormField,
-  F as FormFieldClear,
-  i as FormFieldCounter,
-  l as FormFieldDescription,
-  f as FormFieldInput,
-  a as FormFieldLabel,
-  u as FormFieldMaskedInput,
-  C as FormFieldPostfix,
-  I as FormFieldPrefix,
-  P as FormFieldTarget,
-  c as FormFieldTextarea,
-  D as statusToClassNameMap
+  EFormFieldStatus,
+  FormField,
+  FormFieldClear,
+  FormFieldCounter,
+  FormFieldDescription,
+  F as FormFieldInput,
+  FormFieldLabel,
+  FormFieldMaskedInput,
+  FormFieldPostfix,
+  FormFieldPrefix,
+  FormFieldTarget,
+  FormFieldTextarea,
+  statusToClassNameMap
 };
 //# sourceMappingURL=index.js.map

package/components/FormField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/components/FormField/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/FormGroup/FormGroup.js

@@ -1,8 +1,8 @@
-import { jsx as p } from "react/jsx-runtime";
-import t from "react";
-const a = t.forwardRef(({ children: o, ...r }, m) => /* @__PURE__ */ p("div", { ref: m, ...r, children: o }));
-a.displayName = "FormGroup";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+const FormGroup = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, ...rest, children }));
+FormGroup.displayName = "FormGroup";
 export {
-  a as FormGroup
+  FormGroup
 };
 //# sourceMappingURL=FormGroup.js.map

package/components/FormGroup/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React from 'react';\n\n/** Свойства компонента FormGroup. */\ninterface IFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Элемент, объединяющий FormField, HelpBox, Alert, Description.\n * Дочерние элементы, передаются декларативно, это позволяет их кастомизировать и передавать data-атрибуты.\n */\nexport const FormGroup = React.forwardRef<HTMLDivElement, IFormGroupProps>(({children, ...rest}, ref) => (\n    <div ref={ref} {...rest}>\n        {children}\n    </div>\n));\n\nFormGroup.displayName = 'FormGroup';\n"],"names":["React"],"mappings":";;AASO,MAAM,YAAYA,eAAM,WAA4C,CAAC,EAAC,UAAU,GAAG,KAAA,GAAO,4BAC5F,OAAA,EAAI,KAAW,GAAG,MACd,UACL,CACH;AAED,UAAU,cAAc;"}

package/components/FormGroup/index.js

@@ -1,5 +1,5 @@
-import { FormGroup as m } from "./FormGroup.js";
+import { FormGroup } from "./FormGroup.js";
 export {
-  m as FormGroup
+  FormGroup
 };
 //# sourceMappingURL=index.js.map

package/components/FormGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Gap/Gap.js

@@ -1,18 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-D5cfSbgz.js";
-import a from "react";
-const c = "size4__8689cdec", _ = "size8__8fe5e0b3", n = "size12__83ea8ae6", r = "size16__ac3071ba", f = "size24__f7189125", m = "size32__d4a2ac9e", p = "size64__f62740fa", d = "size128__74d4e4e1", l = {
-  size4: c,
-  size8: _,
-  size12: n,
-  size16: r,
-  size24: f,
-  size32: m,
-  size64: p,
-  size128: d
-}, x = a.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ o("div", { className: t(l[`size${e}`], s), role: "presentation", ...i, ref: z }));
-x.displayName = "Gap";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import React__default from "react";
+const size4 = "size4__319eabcd";
+const size8 = "size8__4fcd5614";
+const size12 = "size12__3d9c6d17";
+const size16 = "size16__b509ca56";
+const size24 = "size24__aa5edfcf";
+const size32 = "size32__db9855fd";
+const size64 = "size64__740eb187";
+const size128 = "size128__3fde3f56";
+const styles = {
+  size4,
+  size8,
+  size12,
+  size16,
+  size24,
+  size32,
+  size64,
+  size128
+};
+const Gap = React__default.forwardRef(({ className, size, ...restProps }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles[`size${size}`], className), role: "presentation", ...restProps, ref }));
+Gap.displayName = "Gap";
 export {
-  x as Gap
+  Gap
 };
 //# sourceMappingURL=Gap.js.map

package/components/Gap/Gap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gap.js","sources":["../../../src/components/Gap/Gap.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport styles from \"./styles/Gap.module.less\";\n\n/** Возможные размеры вертикального отступа Gap, в пикселях. */\nexport type TGapSize = 4 | 8 | 12 | 16 | 24 | 32 | 64 | 128;\n\n/** Свойства компонента Gap. */\nexport interface IGapProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Высота отступа в пикселях. Дискретный набор значений из шкалы дизайн-системы. */\n    size: TGapSize;\n}\n\n/** Вертикальный отступ-разделитель между блоками. Рендерит `div` с `role=\"presentation\"` и фиксированной высотой. */\nexport const Gap = React.forwardRef<HTMLDivElement, IGapProps>(({ className, size, ...restProps }, ref) => (\n    <div className={clsx(styles[`size${size}`], className)} role=\"presentation\" {...restProps} ref={ref} />\n));\n\nGap.displayName = \"Gap\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,MAAMA,eAAM,WAAsC,CAAC,EAAE,WAAW,MAAM,GAAG,aAAa,QAC/F,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,OAAO,IAAI,EAAE,GAAG,SAAS,GAAG,MAAK,gBAAgB,GAAG,WAAW,IAAA,CAAU,CACxG;AAED,IAAI,cAAc;"}

package/components/Gap/index.js

@@ -1,5 +1,5 @@
-import { Gap as r } from "./Gap.js";
+import { Gap } from "./Gap.js";
 export {
-  r as Gap
+  Gap
 };
 //# sourceMappingURL=index.js.map

package/components/Gap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Header/Header.js

@@ -1,28 +1,28 @@
-import { jsx as o } from "react/jsx-runtime";
-import a from "react";
-import { HeaderTabs as i } from "./components/HeaderTabs/HeaderTabs.js";
-import { HeaderTitle as m } from "./components/HeaderTitle/HeaderTitle.js";
-import { HeaderSubheader as d } from "./components/HeaderSubheader/HeaderSubheader.js";
-import { HeaderLayoutSidebar as p } from "./components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { HeaderTabs } from "./components/HeaderTabs/HeaderTabs.js";
+import { HeaderTitle } from "./components/HeaderTitle/HeaderTitle.js";
+import { HeaderSubheader } from "./components/HeaderSubheader/HeaderSubheader.js";
+import { HeaderLayoutSidebar } from "./components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
 import "./components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
 import "./components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
 import "./components/HeaderTabs/HeaderTabsContent.js";
 import "./components/HeaderTabs/HeaderTabsControls.js";
 import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
-const f = Object.assign(
-  a.forwardRef(function({ children: r, ...e }, t) {
-    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.34.0", ref: t, children: r });
+const Header = Object.assign(
+  React__default.forwardRef(function Header2({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.35.1", ref, children });
   }),
   {
-    LayoutSidebar: p,
-    Subhead: d,
-    Tabs: i,
-    Title: m
+    LayoutSidebar: HeaderLayoutSidebar,
+    Subhead: HeaderSubheader,
+    Tabs: HeaderTabs,
+    Title: HeaderTitle
   }
 );
-f.displayName = "Header";
+Header.displayName = "Header";
 export {
-  f as Header
+  Header
 };
 //# sourceMappingURL=Header.js.map

package/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabs } from \"./components/HeaderTabs/HeaderTabs\";\nimport { HeaderTitle } from \"./components/HeaderTitle/HeaderTitle\";\nimport { HeaderSubheader } from \"./components/HeaderSubheader/HeaderSubheader\";\nimport { HeaderLayoutSidebar } from \"./components/HeaderLayoutSidebar/HeaderLayoutSidebar\";\n\n/** Свойства компонента Header. */\nexport interface IHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Заголовок. */\nexport const Header = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderProps>(function Header({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        LayoutSidebar: HeaderLayoutSidebar,\n        Subhead: HeaderSubheader,\n        Tabs: HeaderTabs,\n        Title: HeaderTitle,\n    },\n);\n\nHeader.displayName = \"Header\";\n"],"names":["React","Header"],"mappings":";;;;;;;;;;;;AAUO,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM,WAAyC,SAASC,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,eAAe;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEf;AAEA,OAAO,cAAc;"}

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -1,20 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import d from "react";
-import { c as i } from "../../../../chunks/vendor-D5cfSbgz.js";
-import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
-import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-DyYzCUfm.js";
-const b = Object.assign(
-  d.forwardRef(function({ children: e, className: r, ...a }, o) {
-    return /* @__PURE__ */ t("div", { className: i(f.headerLayoutSidebar, r), ...a, ref: o, children: e });
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
+import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-rm6esrJS.js";
+const HeaderLayoutSidebar = Object.assign(
+  React__default.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });
   }),
   {
-    Content: m,
-    Sidebar: s
+    Content: HeaderLayoutSidebarContent,
+    Sidebar: HeaderLayoutSidebarSidebar
   }
 );
-b.displayName = "HeaderLayoutSidebar";
+HeaderLayoutSidebar.displayName = "HeaderLayoutSidebar";
 export {
-  b as HeaderLayoutSidebar
+  HeaderLayoutSidebar
 };
 //# sourceMappingURL=HeaderLayoutSidebar.js.map

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayoutSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { HeaderLayoutSidebarContent } from \"./HeaderLayoutSidebarContent\";\nimport { HeaderLayoutSidebarSidebar } from \"./HeaderLayoutSidebarSidebar\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebar. */\nexport interface IHeaderLayoutSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Layout для Header с sidebar. */\nexport const HeaderLayoutSidebar = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarProps>(function HeaderLayoutSidebar(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.headerLayoutSidebar, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderLayoutSidebarContent,\n        Sidebar: HeaderLayoutSidebarSidebar,\n    },\n);\n\nHeaderLayoutSidebar.displayName = \"HeaderLayoutSidebar\";\n"],"names":["React","HeaderLayoutSidebar"],"mappings":";;;;;;AAUO,MAAM,sBAAsB,OAAO;AAAA,EACtCA,eAAM,WAAsD,SAASC,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEjB;AAEA,oBAAoB,cAAc;"}

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,12 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "react";
-import { c as d } from "../../../../chunks/vendor-D5cfSbgz.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-DyYzCUfm.js";
-const i = s.forwardRef(
-  ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, children: e })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-rm6esrJS.js";
+const HeaderLayoutSidebarContent = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarContent, className), ...rest, ref, children })
 );
-i.displayName = "HeaderLayoutSidebarContent";
+HeaderLayoutSidebarContent.displayName = "HeaderLayoutSidebarContent";
 export {
-  i as HeaderLayoutSidebarContent
+  HeaderLayoutSidebarContent
 };
 //# sourceMappingURL=HeaderLayoutSidebarContent.js.map

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayoutSidebarContent.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarContent. */\nexport interface IHeaderLayoutSidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок контента для Header с sidebar. */\nexport const HeaderLayoutSidebarContent = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarContent.displayName = \"HeaderLayoutSidebarContent\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,12 +1,12 @@
-import { jsx as d } from "react/jsx-runtime";
-import i from "react";
-import { c as t } from "../../../../chunks/vendor-D5cfSbgz.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-DyYzCUfm.js";
-const m = i.forwardRef(
-  ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-rm6esrJS.js";
+const HeaderLayoutSidebarSidebar = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarSidebar, className), ...rest, ref, children })
 );
-m.displayName = "HeaderLayoutSidebarSidebar";
+HeaderLayoutSidebarSidebar.displayName = "HeaderLayoutSidebarSidebar";
 export {
-  m as HeaderLayoutSidebarSidebar
+  HeaderLayoutSidebarSidebar
 };
 //# sourceMappingURL=HeaderLayoutSidebarSidebar.js.map

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayoutSidebarSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarSidebar. */\nexport interface IHeaderLayoutSidebarSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Header sidebar. */\nexport const HeaderLayoutSidebarSidebar = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarSidebarProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarSidebar, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarSidebar.displayName = \"HeaderLayoutSidebarSidebar\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}