@de-kit/st-ui 0.1.13 → 0.1.14

package/dist/components/form/form.js

@@ -0,0 +1,121 @@
+import { cn } from "../../lib/cn.js";
+import { Button } from "../button/button.js";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "./form.scss";
+// src/components/form/form.tsx
+const FormPendingContext = createContext(false);
+const useFormPending = () => useContext(FormPendingContext);
+const isThenable = (value) => (typeof value === "object" || typeof value === "function") && value !== null && "then" in value && typeof value.then === "function";
+const toMessage = (reason) => {
+	if (typeof reason === "string" && reason.trim()) return reason;
+	if (typeof reason === "object" && reason !== null && "message" in reason && typeof reason.message === "string" && reason.message.trim()) return reason.message;
+	return "Не получилось отправить. Попробуйте ещё раз";
+};
+const Form = forwardRef(function Form({ children, className, error, onSubmit, pending = false, ...props }, ref) {
+	const [busy, setBusy] = useState(false);
+	const [failure, setFailure] = useState(null);
+	const formNode = useRef(null);
+	const busyRef = useRef(false);
+	const requestId = useRef(0);
+	const live = useRef(true);
+	const submitting = pending || busy;
+	const shownError = error ?? failure;
+	useEffect(() => {
+		live.current = true;
+		return () => {
+			live.current = false;
+		};
+	}, []);
+	useEffect(() => {
+		const node = formNode.current;
+		if (!node) return;
+		let firstInvalid = null;
+		const handleInvalid = (event) => {
+			const target = event.target;
+			if (!(target instanceof HTMLElement) || !target.closest(".field")) return;
+			event.preventDefault();
+			if (firstInvalid) return;
+			firstInvalid = target;
+			queueMicrotask(() => {
+				firstInvalid?.focus();
+				firstInvalid = null;
+			});
+		};
+		node.addEventListener("invalid", handleInvalid, true);
+		return () => node.removeEventListener("invalid", handleInvalid, true);
+	}, []);
+	const setNode = useCallback((node) => {
+		formNode.current = node;
+		if (typeof ref === "function") {
+			ref(node);
+			return;
+		}
+		if (ref) ref.current = node;
+	}, [ref]);
+	const handleSubmit = (event) => {
+		if (!onSubmit) return;
+		event.preventDefault();
+		if (busyRef.current || pending) return;
+		const data = new FormData(event.currentTarget);
+		setFailure(null);
+		let result;
+		try {
+			result = onSubmit(data, event);
+		} catch (reason) {
+			setFailure(toMessage(reason));
+			return;
+		}
+		if (!isThenable(result)) return;
+		const id = ++requestId.current;
+		busyRef.current = true;
+		setBusy(true);
+		const finish = () => {
+			if (!live.current || requestId.current !== id) return;
+			busyRef.current = false;
+			setBusy(false);
+		};
+		Promise.resolve(result).then(() => {
+			finish();
+		}, (reason) => {
+			finish();
+			if (!live.current || requestId.current !== id) return;
+			setFailure(toMessage(reason));
+		});
+	};
+	return /* @__PURE__ */ jsx("form", {
+		...props,
+		ref: setNode,
+		className: cn("form", className),
+		onSubmit: handleSubmit,
+		"aria-busy": submitting || void 0,
+		children: /* @__PURE__ */ jsxs(FormPendingContext.Provider, {
+			value: submitting,
+			children: [children, shownError ? /* @__PURE__ */ jsx("p", {
+				className: "form__error",
+				role: "alert",
+				children: shownError
+			}) : null]
+		})
+	});
+});
+const FormActions = ({ children, className }) => /* @__PURE__ */ jsx("div", {
+	className: cn("form__buttons", className),
+	children
+});
+const FormConsent = ({ children, className }) => /* @__PURE__ */ jsx("div", {
+	className: cn("form__consent", className),
+	children
+});
+const FormSubmit = ({ loading = false, children, ...props }) => {
+	const pending = useFormPending();
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		type: "submit",
+		loading: loading || pending,
+		children
+	});
+};
+export { Form, FormActions, FormConsent, FormSubmit };
+
+//# sourceMappingURL=form.js.map

package/dist/components/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../../src/components/form/form.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type FormHTMLAttributes,\n  type ForwardedRef,\n  type ReactNode,\n} from 'react';\n\nimport { Button, type ButtonProps } from '@/components/button';\nimport { cn } from '@/lib/cn';\nimport './form.scss';\n\nconst FormPendingContext = createContext(false);\n\nconst useFormPending = () => useContext(FormPendingContext);\n\nconst isThenable = (value: unknown): value is PromiseLike<void> =>\n  (typeof value === 'object' || typeof value === 'function') &&\n  value !== null &&\n  'then' in value &&\n  typeof value.then === 'function';\n\nconst toMessage = (reason: unknown) => {\n  if (typeof reason === 'string' && reason.trim()) return reason;\n  // Error и объекты вида `{ message }` из API-клиентов.\n  if (\n    typeof reason === 'object' &&\n    reason !== null &&\n    'message' in reason &&\n    typeof reason.message === 'string' &&\n    reason.message.trim()\n  ) {\n    return reason.message;\n  }\n  return 'Не получилось отправить. Попробуйте ещё раз';\n};\n\nexport interface FormProps extends Omit<\n  FormHTMLAttributes<HTMLFormElement>,\n  'onSubmit'\n> {\n  /**\n   * Вызывается после нативной проверки. `FormData` — по `name` контролов.\n   * Промис держит кнопку, пока не осядет. Синхронный throw и reject — ошибка под полями.\n   */\n  onSubmit?: (\n    data: FormData,\n    event: FormEvent<HTMLFormElement>,\n  ) => void | Promise<void>;\n  /**\n   * Запрос снаружи формы: `onSubmit` ничего не вернул, крутилку держит стор.\n   * Складывается с ожиданием промиса.\n   */\n  pending?: boolean;\n  /** Пока задана — она вместо текста из упавшего `onSubmit`. */\n  error?: ReactNode;\n}\n\nexport interface FormActionsProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface FormConsentProps {\n  /** Текст рядом с кнопкой: оферта, согласие. Ссылки можно класть внутрь. */\n  children: ReactNode;\n  className?: string;\n}\n\nexport const Form = forwardRef(function Form(\n  {\n    children,\n    className,\n    error,\n    onSubmit,\n    pending = false,\n    ...props\n  }: FormProps,\n  ref: ForwardedRef<HTMLFormElement>,\n) {\n  const [busy, setBusy] = useState(false);\n  const [failure, setFailure] = useState<string | null>(null);\n  const formNode = useRef<HTMLFormElement | null>(null);\n  const busyRef = useRef(false);\n  const requestId = useRef(0);\n  const live = useRef(true);\n  const submitting = pending || busy;\n  const shownError = error ?? failure;\n\n  useEffect(() => {\n    live.current = true;\n    return () => {\n      live.current = false;\n    };\n  }, []);\n\n  useEffect(() => {\n    const node = formNode.current;\n    if (!node) return;\n\n    // Бабл браузера английский и перекрывает подсказку. Field уже рисует\n    // ошибку. Отмена `invalid` убирает контрол из списка, которому браузер\n    // показывает бабл. Сама проверка остаётся отрицательной, сабмит не уходит.\n    let firstInvalid: HTMLElement | null = null;\n\n    const handleInvalid = (event: Event) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement) || !target.closest('.field')) return;\n\n      event.preventDefault();\n      if (firstInvalid) return;\n\n      // Браузер фокусит только контролы, чей `invalid` не отменён.\n      // Первый в дереве — тот, с которого он начал бы сам.\n      firstInvalid = target;\n      queueMicrotask(() => {\n        firstInvalid?.focus();\n        firstInvalid = null;\n      });\n    };\n\n    node.addEventListener('invalid', handleInvalid, true);\n    return () => node.removeEventListener('invalid', handleInvalid, true);\n  }, []);\n\n  // Стабильная ссылка: иначе React на каждом рендере отцепляет и вешает ref заново.\n  const setNode = useCallback(\n    (node: HTMLFormElement | null) => {\n      formNode.current = node;\n      if (typeof ref === 'function') {\n        ref(node);\n        return;\n      }\n      if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    // Без своего onSubmit остаётся нативный action/method.\n    if (!onSubmit) return;\n\n    event.preventDefault();\n    // Кнопка заблокирована, но requestSubmit и Enter её обходят.\n    if (busyRef.current || pending) return;\n\n    const data = new FormData(event.currentTarget);\n    setFailure(null);\n\n    let result: void | Promise<void>;\n    try {\n      result = onSubmit(data, event);\n    } catch (reason) {\n      setFailure(toMessage(reason));\n      return;\n    }\n\n    if (!isThenable(result)) return;\n\n    const id = ++requestId.current;\n    busyRef.current = true;\n    setBusy(true);\n\n    const finish = () => {\n      if (!live.current || requestId.current !== id) return;\n      busyRef.current = false;\n      setBusy(false);\n    };\n\n    void Promise.resolve(result).then(\n      () => {\n        finish();\n      },\n      (reason: unknown) => {\n        finish();\n        if (!live.current || requestId.current !== id) return;\n        setFailure(toMessage(reason));\n      },\n    );\n  };\n\n  return (\n    <form\n      {...props}\n      ref={setNode}\n      className={cn('form', className)}\n      onSubmit={handleSubmit}\n      aria-busy={submitting || undefined}\n    >\n      <FormPendingContext.Provider value={submitting}>\n        {children}\n        {shownError ? (\n          <p className=\"form__error\" role=\"alert\">\n            {shownError}\n          </p>\n        ) : null}\n      </FormPendingContext.Provider>\n    </form>\n  );\n});\n\nexport const FormActions = ({ children, className }: FormActionsProps) => (\n  <div className={cn('form__buttons', className)}>{children}</div>\n);\n\nexport const FormConsent = ({ children, className }: FormConsentProps) => (\n  <div className={cn('form__consent', className)}>{children}</div>\n);\n\nexport const FormSubmit = ({\n  loading = false,\n  children,\n  ...props\n}: Omit<ButtonProps, 'type' | 'asChild'>) => {\n  const pending = useFormPending();\n\n  return (\n    <Button {...props} type=\"submit\" loading={loading || pending}>\n      {children}\n    </Button>\n  );\n};\n"],"mappings":"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"}

package/dist/components/form/form.scss

@@ -0,0 +1,29 @@
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+  width: 100%;
+  margin: 0;
+}
+
+.form__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-2) var(--space-4);
+}
+
+.form__consent {
+  max-width: 220px;
+  margin: 0;
+  font-size: var(--text-xs);
+  line-height: var(--text-xs--line-height);
+  color: var(--color-muted-foreground);
+}
+
+.form__error {
+  margin: 0;
+  font-size: var(--text-xs);
+  line-height: var(--text-xs--line-height);
+  color: var(--color-destructive);
+}

package/dist/components/form/index.d.cts

@@ -0,0 +1,2 @@
+import { Form, FormActions, FormActionsProps, FormConsent, FormConsentProps, FormProps, FormSubmit } from "./form.cjs";
+export { Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit };

package/dist/components/form/index.d.ts

@@ -0,0 +1,2 @@
+import { Form, FormActions, FormActionsProps, FormConsent, FormConsentProps, FormProps, FormSubmit } from "./form.js";
+export { Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit };

package/dist/components/phone-input/index.d.cts

@@ -0,0 +1,2 @@
+import { PHONE_MASK, PhoneInput, PhoneInputProps } from "./phone-input.cjs";
+export { PHONE_MASK, PhoneInput, type PhoneInputProps };

package/dist/components/phone-input/index.d.ts

@@ -0,0 +1,2 @@
+import { PHONE_MASK, PhoneInput, PhoneInputProps } from "./phone-input.js";
+export { PHONE_MASK, PhoneInput, type PhoneInputProps };

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

@@ -0,0 +1,105 @@
+const require_cn = require("../../lib/cn.cjs");
+const require_field_context = require("../field/field-context.cjs");
+const require_icon_cross = require("../../icons/icon-cross.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+require("@/components/input/input.scss");
+let react_imask = require("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 = (0, react.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 = require_field_context.useFieldControl();
+	const reportValue = field?.reportValue;
+	const inputRef = (0, react.useRef)(null);
+	const [uncontrolledFilled, setUncontrolledFilled] = (0, react.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 = (0, react.useCallback)((node) => {
+		inputRef.current = node;
+		assignRef(ref, node);
+	}, [ref]);
+	(0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "input__wrap",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_imask.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: require_cn.cn("input", className, require_cn.when(size !== "md", `input--${size}`), require_cn.when(isInvalid, "input--error"), require_cn.when(clearable && !disabled && !readOnly, "input--clearable"))
+		}), canClear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: "input__clear",
+			"aria-label": clearLabel,
+			onMouseDown: handleClearMouseDown,
+			onClick: handleClear,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_cross.IconCross, {
+				width: 16,
+				height: 16
+			})
+		}) : null]
+	});
+});
+exports.PHONE_MASK = PHONE_MASK;
+exports.PhoneInput = PhoneInput;
+exports.maskPlaceholder = maskPlaceholder;
+
+//# sourceMappingURL=phone-input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.cjs","names":["forwardRef","useFieldControl","useRef","useState","useCallback","IMaskInput","cn","when","IconCross"],"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":"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"}

package/dist/components/phone-input/phone-input.d.cts

@@ -0,0 +1,29 @@
+import { InputSize } from "../input/input.cjs";
+import "../input/index.cjs";
+import { InputHTMLAttributes } from "react";
+import "@/components/input/input.scss";
+export declare const PHONE_MASK = "+7 (000) 000-00-00";
+export interface PhoneInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
+  /** Маска из react-imask. По умолчанию — российский номер. */
+  mask?: string;
+  /** По умолчанию показывает маску вроде «+7 (___) ___-__-__». */
+  placeholder?: string;
+  /** Маскированное значение, как в `input`. Пустая строка очищает поле. */
+  value?: string;
+  defaultValue?: string;
+  size?: InputSize;
+  error?: boolean;
+  /** Крестик справа. Появляется, только когда в поле есть значение. */
+  clearable?: boolean;
+  clearLabel?: string;
+  /** Вызывается после очистки крестиком; `onAccept` получит пустые значения. */
+  onClear?: () => void;
+  /** Вызывается на каждый ввод: `value` — с маской, `unmaskedValue` — только цифры. */
+  onAccept?: (value: string, unmaskedValue: string) => void;
+}
+/**
+ * Телефон на react-imask. Внутри `Field` берёт id, required и ошибку у поля,
+ * а в `reportValue` отдаёт цифры, чтобы пустое значение считалось пустым.
+ */
+export declare const PhoneInput: import("react").ForwardRefExoticComponent<PhoneInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=phone-input.d.cts.map

package/dist/components/phone-input/phone-input.d.ts

@@ -0,0 +1,29 @@
+import { InputSize } from "../input/input.js";
+import "../input/index.js";
+import { InputHTMLAttributes } from "react";
+import "@/components/input/input.scss";
+export declare const PHONE_MASK = "+7 (000) 000-00-00";
+export interface PhoneInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
+  /** Маска из react-imask. По умолчанию — российский номер. */
+  mask?: string;
+  /** По умолчанию показывает маску вроде «+7 (___) ___-__-__». */
+  placeholder?: string;
+  /** Маскированное значение, как в `input`. Пустая строка очищает поле. */
+  value?: string;
+  defaultValue?: string;
+  size?: InputSize;
+  error?: boolean;
+  /** Крестик справа. Появляется, только когда в поле есть значение. */
+  clearable?: boolean;
+  clearLabel?: string;
+  /** Вызывается после очистки крестиком; `onAccept` получит пустые значения. */
+  onClear?: () => void;
+  /** Вызывается на каждый ввод: `value` — с маской, `unmaskedValue` — только цифры. */
+  onAccept?: (value: string, unmaskedValue: string) => void;
+}
+/**
+ * Телефон на react-imask. Внутри `Field` берёт id, required и ошибку у поля,
+ * а в `reportValue` отдаёт цифры, чтобы пустое значение считалось пустым.
+ */
+export declare const PhoneInput: import("react").ForwardRefExoticComponent<PhoneInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=phone-input.d.ts.map

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-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"}