@de-kit/st-ui 0.1.11 → 0.1.14

package/dist/components/phone-input/phone-input.js

@@ -0,0 +1,103 @@
+import { cn, when } from "../../lib/cn.js";
+import { useFieldControl } from "../field/field-context.js";
+import { IconCross } from "../../icons/icon-cross.js";
+import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "@/components/input/input.scss";
+import { IMaskInput } from "react-imask";
+// src/components/phone-input/phone-input.tsx
+const PHONE_MASK = "+7 (000) 000-00-00";
+/**
+* Плейсхолдер в виде маски: цифры маски заменяются на «_», литералы остаются.
+* Это атрибут placeholder, а не значение, поэтому required и FormData не меняются.
+*/
+const maskPlaceholder = (mask) => mask.replace(/[09]/g, "_");
+const assignRef = (ref, node) => {
+	if (typeof ref === "function") {
+		ref(node);
+		return;
+	}
+	if (ref) ref.current = node;
+};
+/**
+* Прямая запись `input.value` обходит react-imask, поэтому значение пишем через
+* сеттер прототипа и шлём `input`: маска сама обновится и вызовет onAccept.
+*/
+const emitInputValue = (input, next) => {
+	(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(input, next);
+	input.dispatchEvent(new Event("input", { bubbles: true }));
+};
+/**
+* Телефон на react-imask. Внутри `Field` берёт id, required и ошибку у поля,
+* а в `reportValue` отдаёт цифры, чтобы пустое значение считалось пустым.
+*/
+const PhoneInput = forwardRef(function PhoneInput({ mask = PHONE_MASK, placeholder = maskPlaceholder(mask), value, defaultValue, size = "md", error, clearable = false, clearLabel = "Очистить", onClear, className, id, disabled, readOnly, onAccept, "aria-describedby": ariaDescribedBy, ...props }, ref) {
+	const field = useFieldControl();
+	const reportValue = field?.reportValue;
+	const inputRef = useRef(null);
+	const [uncontrolledFilled, setUncontrolledFilled] = useState(() => defaultValue !== void 0 && defaultValue !== "");
+	const isInvalid = Boolean(error) || Boolean(field?.invalid);
+	const canClear = clearable && !disabled && !readOnly && (value !== void 0 ? value !== "" : uncontrolledFilled);
+	const describedBy = [field?.describedBy, ariaDescribedBy].filter((part) => Boolean(part)).join(" ");
+	const setRef = useCallback((node) => {
+		inputRef.current = node;
+		assignRef(ref, node);
+	}, [ref]);
+	useEffect(() => {
+		if (value === "") reportValue?.("");
+	}, [value, reportValue]);
+	const handleAccept = (nextValue, maskRef) => {
+		setUncontrolledFilled(maskRef.unmaskedValue !== "");
+		reportValue?.(maskRef.unmaskedValue);
+		onAccept?.(nextValue, maskRef.unmaskedValue);
+	};
+	const handleClearMouseDown = (event) => {
+		event.preventDefault();
+	};
+	const handleClear = () => {
+		const input = inputRef.current;
+		if (!input) return;
+		emitInputValue(input, "");
+		onClear?.();
+		input.focus();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "input__wrap",
+		children: [/* @__PURE__ */ jsx(IMaskInput, {
+			...props,
+			type: "tel",
+			placeholder,
+			inputMode: "tel",
+			autoComplete: "tel",
+			mask,
+			inputRef: setRef,
+			value,
+			defaultValue,
+			onAccept: handleAccept,
+			disabled,
+			readOnly,
+			...field ? { id: field.id } : { id },
+			...field?.required ? {
+				"required": true,
+				"aria-required": true
+			} : {},
+			...isInvalid ? { "aria-invalid": true } : {},
+			...describedBy ? { "aria-describedby": describedBy } : {},
+			...field?.errorId ? { "aria-errormessage": field.errorId } : {},
+			className: cn("input", className, when(size !== "md", `input--${size}`), when(isInvalid, "input--error"), when(clearable && !disabled && !readOnly, "input--clearable"))
+		}), canClear ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "input__clear",
+			"aria-label": clearLabel,
+			onMouseDown: handleClearMouseDown,
+			onClick: handleClear,
+			children: /* @__PURE__ */ jsx(IconCross, {
+				width: 16,
+				height: 16
+			})
+		}) : null]
+	});
+});
+export { PHONE_MASK, PhoneInput, maskPlaceholder };
+
+//# sourceMappingURL=phone-input.js.map

package/dist/components/phone-input/phone-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.js","names":[],"sources":["../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type Ref,\n} from 'react';\nimport { IMaskInput } from 'react-imask';\n\nimport { useFieldControl } from '@/components/field/field-context';\nimport type { InputSize } from '@/components/input';\nimport { IconCross } from '@/icons/icon-cross';\nimport { cn, when } from '@/lib/cn';\nimport '@/components/input/input.scss';\n\nexport const PHONE_MASK = '+7 (000) 000-00-00';\n\n/**\n * Плейсхолдер в виде маски: цифры маски заменяются на «_», литералы остаются.\n * Это атрибут placeholder, а не значение, поэтому required и FormData не меняются.\n */\nexport const maskPlaceholder = (mask: string) => mask.replace(/[09]/g, '_');\n\nconst assignRef = (\n  ref: Ref<HTMLInputElement> | undefined,\n  node: HTMLInputElement | null,\n) => {\n  if (typeof ref === 'function') {\n    ref(node);\n    return;\n  }\n\n  if (ref) ref.current = node;\n};\n\n/**\n * Прямая запись `input.value` обходит react-imask, поэтому значение пишем через\n * сеттер прототипа и шлём `input`: маска сама обновится и вызовет onAccept.\n */\nconst emitInputValue = (input: HTMLInputElement, next: string) => {\n  const setter = Object.getOwnPropertyDescriptor(\n    HTMLInputElement.prototype,\n    'value',\n  )?.set;\n\n  setter?.call(input, next);\n  input.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport interface PhoneInputProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'type' | 'value' | 'defaultValue' | 'onChange'\n> {\n  /** Маска из react-imask. По умолчанию — российский номер. */\n  mask?: string;\n  /** По умолчанию показывает маску вроде «+7 (___) ___-__-__». */\n  placeholder?: string;\n  /** Маскированное значение, как в `input`. Пустая строка очищает поле. */\n  value?: string;\n  defaultValue?: string;\n  size?: InputSize;\n  error?: boolean;\n  /** Крестик справа. Появляется, только когда в поле есть значение. */\n  clearable?: boolean;\n  clearLabel?: string;\n  /** Вызывается после очистки крестиком; `onAccept` получит пустые значения. */\n  onClear?: () => void;\n  /** Вызывается на каждый ввод: `value` — с маской, `unmaskedValue` — только цифры. */\n  onAccept?: (value: string, unmaskedValue: string) => void;\n}\n\n/**\n * Телефон на react-imask. Внутри `Field` берёт id, required и ошибку у поля,\n * а в `reportValue` отдаёт цифры, чтобы пустое значение считалось пустым.\n */\nexport const PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  function PhoneInput(\n    {\n      mask = PHONE_MASK,\n      placeholder = maskPlaceholder(mask),\n      value,\n      defaultValue,\n      size = 'md',\n      error,\n      clearable = false,\n      clearLabel = 'Очистить',\n      onClear,\n      className,\n      id,\n      disabled,\n      readOnly,\n      onAccept,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref,\n  ) {\n    const field = useFieldControl();\n    const reportValue = field?.reportValue;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const [uncontrolledFilled, setUncontrolledFilled] = useState(\n      () => defaultValue !== undefined && defaultValue !== '',\n    );\n    const isInvalid = Boolean(error) || Boolean(field?.invalid);\n    const hasValue = value !== undefined ? value !== '' : uncontrolledFilled;\n    const canClear = clearable && !disabled && !readOnly && hasValue;\n    const describedBy = [field?.describedBy, ariaDescribedBy]\n      .filter(part => Boolean(part))\n      .join(' ');\n\n    const setRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node;\n        assignRef(ref, node);\n      },\n      [ref],\n    );\n\n    // Сброс снаружи (value='') не проходит через onAccept, поэтому сообщаем здесь.\n    useEffect(() => {\n      if (value === '') reportValue?.('');\n    }, [value, reportValue]);\n\n    const handleAccept = (\n      nextValue: string,\n      maskRef: { unmaskedValue: string },\n    ) => {\n      setUncontrolledFilled(maskRef.unmaskedValue !== '');\n      reportValue?.(maskRef.unmaskedValue);\n      onAccept?.(nextValue, maskRef.unmaskedValue);\n    };\n\n    const handleClearMouseDown = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n    };\n\n    const handleClear = () => {\n      const input = inputRef.current;\n      if (!input) return;\n\n      emitInputValue(input, '');\n      onClear?.();\n      input.focus();\n    };\n\n    return (\n      <div className=\"input__wrap\">\n        <IMaskInput\n          {...props}\n          type=\"tel\"\n          placeholder={placeholder}\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          mask={mask}\n          inputRef={setRef}\n          value={value}\n          defaultValue={defaultValue}\n          onAccept={handleAccept}\n          disabled={disabled}\n          readOnly={readOnly}\n          {...(field ? { id: field.id } : { id })}\n          {...(field?.required\n            ? { 'required': true, 'aria-required': true }\n            : {})}\n          {...(isInvalid ? { 'aria-invalid': true } : {})}\n          {...(describedBy ? { 'aria-describedby': describedBy } : {})}\n          {...(field?.errorId ? { 'aria-errormessage': field.errorId } : {})}\n          className={cn(\n            'input',\n            className,\n            when(size !== 'md', `input--${size}`),\n            when(isInvalid, 'input--error'),\n            when(clearable && !disabled && !readOnly, 'input--clearable'),\n          )}\n        />\n        {canClear ? (\n          <button\n            type=\"button\"\n            className=\"input__clear\"\n            aria-label={clearLabel}\n            onMouseDown={handleClearMouseDown}\n            onClick={handleClear}\n          >\n            <IconCross width={16} height={16} />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAkBA,MAAa,aAAa;;;;;AAM1B,MAAa,mBAAmB,SAAiB,KAAK,QAAQ,SAAS,GAAG;AAE1E,MAAM,aACJ,KACA,SACG;CACH,IAAI,OAAO,QAAQ,YAAY;EAC7B,IAAI,IAAI;EACR;CACF;CAEA,IAAI,KAAK,IAAI,UAAU;AACzB;;;;;AAMA,MAAM,kBAAkB,OAAyB,SAAiB;CAMhE,CALe,OAAO,yBACpB,iBAAiB,WACjB,OACF,CAAC,EAAE,IAAA,EAEK,KAAK,OAAO,IAAI;CACxB,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAC3D;;;;;AA4BA,MAAa,aAAa,WACxB,SAAS,WACP,EACE,OAAO,YACP,cAAc,gBAAgB,IAAI,GAClC,OACA,cACA,OAAO,MACP,OACA,YAAY,OACZ,aAAa,YACb,SACA,WACA,IACA,UACA,UACA,UACA,oBAAoB,iBACpB,GAAG,SAEL,KACA;CACA,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,cAAc,OAAO;CAC3B,MAAM,WAAW,OAAgC,IAAI;CACrD,MAAM,CAAC,oBAAoB,yBAAyB,eAC5C,iBAAiB,KAAA,KAAa,iBAAiB,EACvD;CACA,MAAM,YAAY,QAAQ,KAAK,KAAK,QAAQ,OAAO,OAAO;CAE1D,MAAM,WAAW,aAAa,CAAC,YAAY,CAAC,aAD3B,UAAU,KAAA,IAAY,UAAU,KAAK;CAEtD,MAAM,cAAc,CAAC,OAAO,aAAa,eAAe,CAAC,CACtD,QAAO,SAAQ,QAAQ,IAAI,CAAC,CAAC,CAC7B,KAAK,GAAG;CAEX,MAAM,SAAS,aACZ,SAAkC;EACjC,SAAS,UAAU;EACnB,UAAU,KAAK,IAAI;CACrB,GACA,CAAC,GAAG,CACN;CAGA,gBAAgB;EACd,IAAI,UAAU,IAAI,cAAc,EAAE;CACpC,GAAG,CAAC,OAAO,WAAW,CAAC;CAEvB,MAAM,gBACJ,WACA,YACG;EACH,sBAAsB,QAAQ,kBAAkB,EAAE;EAClD,cAAc,QAAQ,aAAa;EACnC,WAAW,WAAW,QAAQ,aAAa;CAC7C;CAEA,MAAM,wBAAwB,UAAyC;EACrE,MAAM,eAAe;CACvB;CAEA,MAAM,oBAAoB;EACxB,MAAM,QAAQ,SAAS;EACvB,IAAI,CAAC,OAAO;EAEZ,eAAe,OAAO,EAAE;EACxB,UAAU;EACV,MAAM,MAAM;CACd;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,YAAD;GACE,GAAI;GACJ,MAAK;GACQ;GACb,WAAU;GACV,cAAa;GACP;GACN,UAAU;GACH;GACO;GACd,UAAU;GACA;GACA;GACV,GAAK,QAAQ,EAAE,IAAI,MAAM,GAAG,IAAI,EAAE,GAAG;GACrC,GAAK,OAAO,WACR;IAAE,YAAY;IAAM,iBAAiB;GAAK,IAC1C,CAAC;GACL,GAAK,YAAY,EAAE,gBAAgB,KAAK,IAAI,CAAC;GAC7C,GAAK,cAAc,EAAE,oBAAoB,YAAY,IAAI,CAAC;GAC1D,GAAK,OAAO,UAAU,EAAE,qBAAqB,MAAM,QAAQ,IAAI,CAAC;GAChE,WAAW,GACT,SACA,WACA,KAAK,SAAS,MAAM,UAAU,MAAM,GACpC,KAAK,WAAW,cAAc,GAC9B,KAAK,aAAa,CAAC,YAAY,CAAC,UAAU,kBAAkB,CAC9D;EACD,CAAA,GACA,WACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAU;GACV,cAAY;GACZ,aAAa;GACb,SAAS;GAET,UAAA,oBAAC,WAAD;IAAW,OAAO;IAAI,QAAQ;GAAK,CAAA;EAC7B,CAAA,IACN,IACD;;AAET,CACF"}

package/dist/icons/icon-gallery-next.cjs

@@ -4,7 +4,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const IconGalleryNext = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_svg.Svg, {
 	viewBox: "0 0 20 40",
 	width: 20,
-	height: 40,
+	height: 20,
 	fill: "currentColor",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {

package/dist/icons/icon-gallery-next.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-gallery-next.cjs","names":["Svg"],"sources":["../../src/icons/icon-gallery-next.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryNext = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={40}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M17.707,19.293l-14-14c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L15.586,20L2.293,33.293c-0.391,0.391-0.391,1.023,0,1.414s1.023,0.391,1.414,0s14-14,14-14C18.098,20.316,18.098,19.684,17.707,19.293z\"\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;CACH,CAAA;AACE,CAAA"}
+{"version":3,"file":"icon-gallery-next.cjs","names":["Svg"],"sources":["../../src/icons/icon-gallery-next.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryNext = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M17.707,19.293l-14-14c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L15.586,20L2.293,33.293c-0.391,0.391-0.391,1.023,0,1.414s1.023,0.391,1.414,0s14-14,14-14C18.098,20.316,18.098,19.684,17.707,19.293z\"\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;CACH,CAAA;AACE,CAAA"}

package/dist/icons/icon-gallery-next.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 const IconGalleryNext = (props) => /* @__PURE__ */ jsx(Svg, {
 	viewBox: "0 0 20 40",
 	width: 20,
-	height: 40,
+	height: 20,
 	fill: "currentColor",
 	...props,
 	children: /* @__PURE__ */ jsx("path", {

package/dist/icons/icon-gallery-next.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-gallery-next.js","names":[],"sources":["../../src/icons/icon-gallery-next.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryNext = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={40}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M17.707,19.293l-14-14c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L15.586,20L2.293,33.293c-0.391,0.391-0.391,1.023,0,1.414s1.023,0.391,1.414,0s14-14,14-14C18.098,20.316,18.098,19.684,17.707,19.293z\"\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;CACH,CAAA;AACE,CAAA"}
+{"version":3,"file":"icon-gallery-next.js","names":[],"sources":["../../src/icons/icon-gallery-next.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryNext = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M17.707,19.293l-14-14c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L15.586,20L2.293,33.293c-0.391,0.391-0.391,1.023,0,1.414s1.023,0.391,1.414,0s14-14,14-14C18.098,20.316,18.098,19.684,17.707,19.293z\"\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;CACH,CAAA;AACE,CAAA"}

package/dist/icons/icon-gallery-prev.cjs

@@ -4,7 +4,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const IconGalleryPrev = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_svg.Svg, {
 	viewBox: "0 0 20 40",
 	width: 20,
-	height: 40,
+	height: 20,
 	fill: "currentColor",
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.414,20L17.707,6.707c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0s-14,14-14,14c-0.391,0.391-0.391,1.023,0,1.414l14,14c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414L4.414,20z" })

package/dist/icons/icon-gallery-prev.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-gallery-prev.cjs","names":["Svg"],"sources":["../../src/icons/icon-gallery-prev.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryPrev = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={40}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M4.414,20L17.707,6.707c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0s-14,14-14,14c-0.391,0.391-0.391,1.023,0,1.414l14,14c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414L4.414,20z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,gMAAiM,CAAA;AACtM,CAAA"}
+{"version":3,"file":"icon-gallery-prev.cjs","names":["Svg"],"sources":["../../src/icons/icon-gallery-prev.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryPrev = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M4.414,20L17.707,6.707c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0s-14,14-14,14c-0.391,0.391-0.391,1.023,0,1.414l14,14c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414L4.414,20z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,gMAAiM,CAAA;AACtM,CAAA"}

package/dist/icons/icon-gallery-prev.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 const IconGalleryPrev = (props) => /* @__PURE__ */ jsx(Svg, {
 	viewBox: "0 0 20 40",
 	width: 20,
-	height: 40,
+	height: 20,
 	fill: "currentColor",
 	...props,
 	children: /* @__PURE__ */ jsx("path", { d: "M4.414,20L17.707,6.707c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0s-14,14-14,14c-0.391,0.391-0.391,1.023,0,1.414l14,14c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414L4.414,20z" })

package/dist/icons/icon-gallery-prev.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-gallery-prev.js","names":[],"sources":["../../src/icons/icon-gallery-prev.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryPrev = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={40}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M4.414,20L17.707,6.707c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0s-14,14-14,14c-0.391,0.391-0.391,1.023,0,1.414l14,14c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414L4.414,20z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,gMAAiM,CAAA;AACtM,CAAA"}
+{"version":3,"file":"icon-gallery-prev.js","names":[],"sources":["../../src/icons/icon-gallery-prev.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconGalleryPrev = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 40\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M4.414,20L17.707,6.707c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0s-14,14-14,14c-0.391,0.391-0.391,1.023,0,1.414l14,14c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414L4.414,20z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,gMAAiM,CAAA;AACtM,CAAA"}

package/dist/icons/icon-label-ozon.cjs

@@ -9,19 +9,19 @@ const IconLabelOzon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(req
 	children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "#005BFF",
-			d: "M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\r\nC16,5.79,14.21,4,12,4z"
+			d: "M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\nC16,5.79,14.21,4,12,4z"
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "#F91155",
-			d: "M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\r\nL12.78,9.19z"
+			d: "M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\nL12.78,9.19z"
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "#FFFFFF",
-			d: "M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\r\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z"
+			d: "M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z"
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "#F91155",
-			d: "M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\r\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z"
+			d: "M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z"
 		})
 	]
 });

package/dist/icons/icon-label-ozon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-label-ozon.cjs","names":["Svg"],"sources":["../../src/icons/icon-label-ozon.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelOzon = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <path\n      fill=\"#005BFF\"\n      d={\n        'M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\\r\\nC16,5.79,14.21,4,12,4z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\\r\\nL12.78,9.19z'\n      }\n    />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\\r\\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\\r\\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,iBAAiB,UAC5B,iBAAA,GAAA,kBAAA,KAAA,CAACA,YAAAA,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;CACE"}
+{"version":3,"file":"icon-label-ozon.cjs","names":["Svg"],"sources":["../../src/icons/icon-label-ozon.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelOzon = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <path\n      fill=\"#005BFF\"\n      d={\n        'M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\\nC16,5.79,14.21,4,12,4z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\\nL12.78,9.19z'\n      }\n    />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,iBAAiB,UAC5B,iBAAA,GAAA,kBAAA,KAAA,CAACA,YAAAA,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;CACE"}

package/dist/icons/icon-label-ozon.js

@@ -9,19 +9,19 @@ const IconLabelOzon = (props) => /* @__PURE__ */ jsxs(Svg, {
 	children: [
 		/* @__PURE__ */ jsx("path", {
 			fill: "#005BFF",
-			d: "M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\r\nC16,5.79,14.21,4,12,4z"
+			d: "M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\nC16,5.79,14.21,4,12,4z"
 		}),
 		/* @__PURE__ */ jsx("path", {
 			fill: "#F91155",
-			d: "M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\r\nL12.78,9.19z"
+			d: "M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\nL12.78,9.19z"
 		}),
 		/* @__PURE__ */ jsx("path", {
 			fill: "#FFFFFF",
-			d: "M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\r\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z"
+			d: "M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z"
 		}),
 		/* @__PURE__ */ jsx("path", {
 			fill: "#F91155",
-			d: "M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\r\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z"
+			d: "M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z"
 		})
 	]
 });

package/dist/icons/icon-label-ozon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-label-ozon.js","names":[],"sources":["../../src/icons/icon-label-ozon.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelOzon = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <path\n      fill=\"#005BFF\"\n      d={\n        'M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\\r\\nC16,5.79,14.21,4,12,4z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\\r\\nL12.78,9.19z'\n      }\n    />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\\r\\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\\r\\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,iBAAiB,UAC5B,qBAAC,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA;EACE,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;CACE"}
+{"version":3,"file":"icon-label-ozon.js","names":[],"sources":["../../src/icons/icon-label-ozon.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelOzon = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <path\n      fill=\"#005BFF\"\n      d={\n        'M12,4H8C5.79,4,4,5.79,4,8v4c0,2.21,1.79,4,4,4h4c2.21,0,4-1.79,4-4V8\\nC16,5.79,14.21,4,12,4z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.78,9.19L7,10.62v5.23C7.32,15.94,7.65,16,8,16h4c1.92,0,3.53-1.36,3.91-3.17\\nL12.78,9.19z'\n      }\n    />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M14.27,8.98c-0.4-1.69-2.65-2.6-5.01-2.03c-2.36,0.56-3.95,2.39-3.54,4.08\\nc0.4,1.69,2.65,2.6,5.01,2.03C13.09,12.49,14.68,10.66,14.27,8.98z'\n      }\n    />\n    <path\n      fill=\"#F91155\"\n      d={\n        'M12.65,9.37c-0.17-0.71-1.49-1.24-3.01-0.88c-1.51,0.36-2.46,1.43-2.29,2.15\\nc0.17,0.71,1.49,1.24,3.01,0.88C11.88,11.15,12.82,10.08,12.65,9.37z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,iBAAiB,UAC5B,qBAAC,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA;EACE,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;EACD,oBAAC,QAAD;GACE,MAAK;GACL,GACE;EAEH,CAAA;CACE"}

package/dist/icons/icon-label-yandex.cjs

@@ -13,7 +13,7 @@ const IconLabelYandex = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(r
 		r: "6"
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 		fill: "#FFFFFF",
-		d: "M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\r\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z"
+		d: "M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z"
 	})]
 });
 exports.IconLabelYandex = IconLabelYandex;

package/dist/icons/icon-label-yandex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-label-yandex.cjs","names":["Svg"],"sources":["../../src/icons/icon-label-yandex.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelYandex = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <circle fill=\"#FC3F1D\" cx=\"10\" cy=\"10\" r=\"6\" />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\\r\\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,iBAAA,GAAA,kBAAA,KAAA,CAACA,YAAAA,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,MAAK;EAAU,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA,GAC9C,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,MAAK;EACL,GACE;CAEH,CAAA,CACE"}
+{"version":3,"file":"icon-label-yandex.cjs","names":["Svg"],"sources":["../../src/icons/icon-label-yandex.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelYandex = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <circle fill=\"#FC3F1D\" cx=\"10\" cy=\"10\" r=\"6\" />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,iBAAA,GAAA,kBAAA,KAAA,CAACA,YAAAA,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,MAAK;EAAU,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA,GAC9C,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,MAAK;EACL,GACE;CAEH,CAAA,CACE"}

package/dist/icons/icon-label-yandex.js

@@ -13,7 +13,7 @@ const IconLabelYandex = (props) => /* @__PURE__ */ jsxs(Svg, {
 		r: "6"
 	}), /* @__PURE__ */ jsx("path", {
 		fill: "#FFFFFF",
-		d: "M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\r\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z"
+		d: "M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z"
 	})]
 });
 export { IconLabelYandex };

package/dist/icons/icon-label-yandex.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-label-yandex.js","names":[],"sources":["../../src/icons/icon-label-yandex.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelYandex = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <circle fill=\"#FC3F1D\" cx=\"10\" cy=\"10\" r=\"6\" />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\\r\\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,qBAAC,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA,CACE,oBAAC,UAAD;EAAQ,MAAK;EAAU,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA,GAC9C,oBAAC,QAAD;EACE,MAAK;EACL,GACE;CAEH,CAAA,CACE"}
+{"version":3,"file":"icon-label-yandex.js","names":[],"sources":["../../src/icons/icon-label-yandex.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconLabelYandex = (props: IconProps) => (\n  <Svg viewBox=\"0 0 20 20\" width={20} height={20} {...props}>\n    <circle fill=\"#FC3F1D\" cx=\"10\" cy=\"10\" r=\"6\" />\n    <path\n      fill=\"#FFFFFF\"\n      d={\n        'M10.28,6.31c-1.85,0-2.82,0.94-2.82,2.33c0,1.11,0.53,1.76,1.48,2.44L7.3,13.51h1.37\\nl1.84-2.73l-0.64-0.43C9.09,9.84,8.72,9.44,8.72,8.57c0-0.77,0.54-1.29,1.58-1.29h0.56v6.23h1.26V6.31H10.28z'\n      }\n    />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,UAC9B,qBAAC,KAAD;CAAK,SAAQ;CAAY,OAAO;CAAI,QAAQ;CAAI,GAAI;CAApD,UAAA,CACE,oBAAC,UAAD;EAAQ,MAAK;EAAU,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA,GAC9C,oBAAC,QAAD;EACE,MAAK;EACL,GACE;CAEH,CAAA,CACE"}

package/dist/icons/index.cjs

@@ -1,6 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_icon_spinner = require("./icon-spinner.cjs");
 const require_icon_cross = require("./icon-cross.cjs");
+const require_icon_calendar = require("./icon-calendar.cjs");
+const require_icon_correct = require("./icon-correct.cjs");
 const require_control_mark_checkbox = require("./control-mark-checkbox.cjs");
 const require_control_mark_radiobutton = require("./control-mark-radiobutton.cjs");
 const require_icon_adult = require("./icon-adult.cjs");
@@ -13,7 +15,6 @@ const require_icon_barchart = require("./icon-barchart.cjs");
 const require_icon_bell = require("./icon-bell.cjs");
 const require_icon_box = require("./icon-box.cjs");
 const require_icon_burger = require("./icon-burger.cjs");
-const require_icon_calendar = require("./icon-calendar.cjs");
 const require_icon_camera = require("./icon-camera.cjs");
 const require_icon_card = require("./icon-card.cjs");
 const require_icon_cart = require("./icon-cart.cjs");
@@ -26,7 +27,6 @@ const require_icon_code = require("./icon-code.cjs");
 const require_icon_comment = require("./icon-comment.cjs");
 const require_icon_conveyor = require("./icon-conveyor.cjs");
 const require_icon_copy = require("./icon-copy.cjs");
-const require_icon_correct = require("./icon-correct.cjs");
 const require_icon_crop = require("./icon-crop.cjs");
 const require_icon_cycle = require("./icon-cycle.cjs");
 const require_icon_divide = require("./icon-divide.cjs");

package/dist/icons/index.js

@@ -1,5 +1,7 @@
 import { IconSpinner } from "./icon-spinner.js";
 import { IconCross } from "./icon-cross.js";
+import { IconCalendar } from "./icon-calendar.js";
+import { IconCorrect } from "./icon-correct.js";
 import { ControlMarkCheckbox } from "./control-mark-checkbox.js";
 import { ControlMarkRadiobutton } from "./control-mark-radiobutton.js";
 import { IconAdult } from "./icon-adult.js";
@@ -12,7 +14,6 @@ import { IconBarchart } from "./icon-barchart.js";
 import { IconBell } from "./icon-bell.js";
 import { IconBox } from "./icon-box.js";
 import { IconBurger } from "./icon-burger.js";
-import { IconCalendar } from "./icon-calendar.js";
 import { IconCamera } from "./icon-camera.js";
 import { IconCard } from "./icon-card.js";
 import { IconCart } from "./icon-cart.js";
@@ -25,7 +26,6 @@ import { IconCode } from "./icon-code.js";
 import { IconComment } from "./icon-comment.js";
 import { IconConveyor } from "./icon-conveyor.js";
 import { IconCopy } from "./icon-copy.js";
-import { IconCorrect } from "./icon-correct.js";
 import { IconCrop } from "./icon-crop.js";
 import { IconCycle } from "./icon-cycle.js";
 import { IconDivide } from "./icon-divide.js";

package/dist/index.cjs

@@ -2,15 +2,25 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_button = require("./components/button/button.cjs");
 const require_checkbox = require("./components/checkbox/checkbox.cjs");
 const require_field = require("./components/field/field.cjs");
+const require_form = require("./components/form/form.cjs");
 const require_input = require("./components/input/input.cjs");
+const require_birthday_picker = require("./components/birthday-picker/birthday-picker.cjs");
 const require_radio = require("./components/radio/radio.cjs");
+const require_phone_input = require("./components/phone-input/phone-input.cjs");
 const require_spinner = require("./components/spinner/spinner.cjs");
 const require_textarea = require("./components/textarea/textarea.cjs");
 require("./styles/vars.scss");
+exports.BirthdayPicker = require_birthday_picker.BirthdayPicker;
 exports.Button = require_button.Button;
 exports.CheckboxInput = require_checkbox.CheckboxInput;
 exports.Field = require_field.Field;
+exports.Form = require_form.Form;
+exports.FormActions = require_form.FormActions;
+exports.FormConsent = require_form.FormConsent;
+exports.FormSubmit = require_form.FormSubmit;
 exports.Input = require_input.Input;
+exports.PHONE_MASK = require_phone_input.PHONE_MASK;
+exports.PhoneInput = require_phone_input.PhoneInput;
 exports.RadioGroup = require_radio.RadioGroup;
 exports.RadioInput = require_radio.RadioInput;
 exports.Spinner = require_spinner.Spinner;

package/dist/index.d.cts

@@ -4,12 +4,18 @@ import { CheckboxInput, CheckboxInputProps } from "./components/checkbox/checkbo
 import "./components/checkbox/index.cjs";
 import { Field, FieldHintPlacement, FieldProps } from "./components/field/field.cjs";
 import "./components/field/index.cjs";
+import { Form, FormActions, FormActionsProps, FormConsent, FormConsentProps, FormProps, FormSubmit } from "./components/form/form.cjs";
+import "./components/form/index.cjs";
+import { BirthdayPicker, BirthdayPickerProps } from "./components/birthday-picker/birthday-picker.cjs";
+import "./components/birthday-picker/index.cjs";
 import { Input, InputProps, InputSize } from "./components/input/input.cjs";
 import "./components/input/index.cjs";
 import { RadioGroup, RadioGroupProps, RadioInput, RadioInputProps } from "./components/radio/radio.cjs";
 import "./components/radio/index.cjs";
+import { PHONE_MASK, PhoneInput, PhoneInputProps } from "./components/phone-input/phone-input.cjs";
+import "./components/phone-input/index.cjs";
 import { Spinner, SpinnerPosition, SpinnerProps } from "./components/spinner/spinner.cjs";
 import "./components/spinner/index.cjs";
 import { TextArea, TextAreaProps, TextAreaSize } from "./components/textarea/textarea.cjs";
 import "./components/textarea/index.cjs";
-export { Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Input, type InputProps, type InputSize, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };
+export { BirthdayPicker, type BirthdayPickerProps, Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit, Input, type InputProps, type InputSize, PHONE_MASK, PhoneInput, type PhoneInputProps, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };

package/dist/index.d.ts

@@ -4,12 +4,18 @@ import { CheckboxInput, CheckboxInputProps } from "./components/checkbox/checkbo
 import "./components/checkbox/index.js";
 import { Field, FieldHintPlacement, FieldProps } from "./components/field/field.js";
 import "./components/field/index.js";
+import { Form, FormActions, FormActionsProps, FormConsent, FormConsentProps, FormProps, FormSubmit } from "./components/form/form.js";
+import "./components/form/index.js";
+import { BirthdayPicker, BirthdayPickerProps } from "./components/birthday-picker/birthday-picker.js";
+import "./components/birthday-picker/index.js";
 import { Input, InputProps, InputSize } from "./components/input/input.js";
 import "./components/input/index.js";
 import { RadioGroup, RadioGroupProps, RadioInput, RadioInputProps } from "./components/radio/radio.js";
 import "./components/radio/index.js";
+import { PHONE_MASK, PhoneInput, PhoneInputProps } from "./components/phone-input/phone-input.js";
+import "./components/phone-input/index.js";
 import { Spinner, SpinnerPosition, SpinnerProps } from "./components/spinner/spinner.js";
 import "./components/spinner/index.js";
 import { TextArea, TextAreaProps, TextAreaSize } from "./components/textarea/textarea.js";
 import "./components/textarea/index.js";
-export { Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Input, type InputProps, type InputSize, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };
+export { BirthdayPicker, type BirthdayPickerProps, Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit, Input, type InputProps, type InputSize, PHONE_MASK, PhoneInput, type PhoneInputProps, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };

package/dist/index.js

@@ -1,9 +1,12 @@
 import { Button } from "./components/button/button.js";
 import { CheckboxInput } from "./components/checkbox/checkbox.js";
 import { Field } from "./components/field/field.js";
+import { Form, FormActions, FormConsent, FormSubmit } from "./components/form/form.js";
 import { Input } from "./components/input/input.js";
+import { BirthdayPicker } from "./components/birthday-picker/birthday-picker.js";
 import { RadioGroup, RadioInput } from "./components/radio/radio.js";
+import { PHONE_MASK, PhoneInput } from "./components/phone-input/phone-input.js";
 import { Spinner } from "./components/spinner/spinner.js";
 import { TextArea } from "./components/textarea/textarea.js";
 import "./styles/vars.scss";
-export { Button, CheckboxInput, Field, Input, RadioGroup, RadioInput, Spinner, TextArea };
+export { BirthdayPicker, Button, CheckboxInput, Field, Form, FormActions, FormConsent, FormSubmit, Input, PHONE_MASK, PhoneInput, RadioGroup, RadioInput, Spinner, TextArea };

package/dist/styles/vars.scss

@@ -18,7 +18,7 @@
   // Ховер outline. Выключенный контрол и вторичный текст/иконка.
   --color-secondary: #f7f7f7;
   --color-muted: #e5e5e5;
-  --color-muted-foreground: #727272;
+  --color-muted-foreground: #808080; // 727272
 
   --color-border: color-mix(in srgb, var(--color-foreground) 10%, transparent);
   --color-input: #d9d9d9;
@@ -30,7 +30,7 @@
   --color-sidebar: color-mix(in srgb, var(--color-foreground) 3%, transparent);
 
   // Акцент, ошибка, успех. Текст на акценте отдельный: в тёмной теме primary-foreground инвертируется, этот нет.
-  --color-accent: #002bff;
+  --color-accent: #0000ff;
   --color-accent-foreground: #fff;
   --color-destructive: #ff0000;
   --color-success: #00a66f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@de-kit/st-ui",
-  "version": "0.1.11",
+  "version": "0.1.14",
   "description": "React-компоненты splittest: глобальный SCSS и токены из основного фронтенда",
   "license": "UNLICENSED",
   "repository": {
@@ -48,12 +48,15 @@
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "react-imask": "^7.6.1"
+  },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
     "@changesets/cli": "^3.0.3",
-    "@storybook/addon-a11y": "^10.6.3",
-    "@storybook/addon-docs": "^10.6.3",
-    "@storybook/react-vite": "^10.6.3",
+    "@storybook/addon-a11y": "^10.6.5",
+    "@storybook/addon-docs": "^10.6.5",
+    "@storybook/react-vite": "^10.6.5",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
@@ -69,7 +72,7 @@
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
     "sass": "^1.93.2",
-    "storybook": "^10.6.3",
+    "storybook": "^10.6.5",
     "tsdown": "^0.23.2",
     "typescript": "^6.0.3",
     "vite": "^8.3.5",