test-stpr-ui-kit 0.7.0 → 1.0.0

package/dist/components/IfcPreview/hooks/useIfcPreviewViewer.js

@@ -0,0 +1,73 @@
+import { useRef as F, useState as o, useEffect as L } from "react";
+import { revokeBlobUrlIfNeeded as I } from "../utils/file-hellper.js";
+import { isIfcPreviewFileSizeExceeded as R, formatIfcPreviewFileSizeLimitMessage as b, IFC_FILE_SIZE_EXCEEDED as B } from "../utils/fileSizeLimit.js";
+import { fetchKnownModelByteSize as O, resolveViewerUrl as x } from "../utils/modelSource.js";
+const C = "Подготовка просмотра", j = (S) => {
+  const {
+    readonly: d,
+    effectiveFile: u,
+    effectiveUrl: E,
+    wasmPublicPath: V,
+    maxFileSizeMb: h,
+    disableFileSizeLimit: P,
+    onModelLoaded: g,
+    onError: c,
+    onOpenViewer: M,
+    onCloseViewer: v
+  } = S, l = F(null), [U, r] = o(!1), [s, f] = o(!1), [p, n] = o(null), [y, w] = o(!1), [t, i] = o(null);
+  L(() => () => {
+    I(l.current);
+  }, []);
+  const m = () => {
+    I(l.current), l.current = null;
+  }, z = (e) => {
+    i(b(e)), n(null), r(!0), f(!1), c?.(new Error(B));
+  };
+  return {
+    wasmPublicPath: V,
+    isOpen: U,
+    isPreparing: s,
+    viewerUrl: p,
+    isModelReady: y,
+    errorMessage: t,
+    preparingText: C,
+    showViewer: !s && !!p && !t,
+    showPreparingSpinner: s && !t,
+    showError: !s && !!t,
+    handleOpen: async () => {
+      i(null), w(!1), f(!0), r(!0);
+      try {
+        if (!P) {
+          const a = await O(d, u, E);
+          if (a !== null && R(a, h, !1)) {
+            z(h);
+            return;
+          }
+        }
+        const e = x(d, u, E, l);
+        if (!e) {
+          n(null), r(!1);
+          return;
+        }
+        n(e), M?.();
+      } catch (e) {
+        const a = e instanceof Error ? e : new Error(String(e));
+        c?.(a), r(!1), n(null), m();
+      } finally {
+        f(!1);
+      }
+    },
+    handleClose: () => {
+      r(!1), n(null), w(!1), i(null), m(), v?.();
+    },
+    handleViewerError: (e) => {
+      i(e.message), c?.(e);
+    },
+    handleViewerModelLoaded: () => {
+      w(!0), g?.();
+    }
+  };
+};
+export {
+  j as useIfcPreviewViewer
+};

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

@@ -0,0 +1,2 @@
+export { IfcPreview } from "./IfcPreview";
+export type { IIfcPreviewProps } from "./types";

package/dist/components/IfcPreview/types/index.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from "react";
+import type { TIfcPreviewMaxFileSizeMb } from "../utils/fileSizeLimit";
+export type { TIfcPreviewMaxFileSizeMb } from "../utils/fileSizeLimit";
+/**
+ * Предпросмотр IFC: карточка и полноэкранный просмотр в Layer (`IfcViewer`).
+ * Источник модели: `url` и/или локальный `file` (см. приоритет в `readonly`).
+ */
+export type IIfcPreviewProps = {
+    /**
+     * `true` — только просмотр по `url`, без загрузки и удаления с диска.
+     * `false` — просмотр, загрузка файла (Upload) и удаление (Trash) при наличии модели.
+     */
+    readonly?: boolean;
+    /**
+     * URL IFC-модели (HTTP(S) или `blob:`). Передаётся в `IfcViewer` при открытии просмотра.
+     * При `readonly={false}` — fallback после локального `file`.
+     */
+    url?: string;
+    /**
+     * Локальный файл при `readonly={false}` (приоритет над `url`).
+     * Если проп передан — компонент controlled; иначе файл хранится во внутреннем состоянии.
+     */
+    file?: File | null;
+    /**
+     * Колбэк при смене или сбросе файла (`readonly={false}`).
+     */
+    onFileChange?: (file: File | null) => void;
+    /**
+     * Вызывается при нажатии «Удалить»: сброс локального `file` и скрытие `url` в UI.
+     * В controlled-режиме обнулите у родителя `file` и `url` в этом колбэке.
+     */
+    onClear?: () => void;
+    /**
+     * Базовый URL каталога со статикой `web-ifc.wasm`.
+     * @default "/components-assets/IfcPreview/web-ifc/"
+     */
+    wasmPublicPath?: string;
+    onModelLoaded?: () => void;
+    onError?: (error: Error) => void;
+    onOpenViewer?: () => void;
+    onCloseViewer?: () => void;
+    /**
+     * Максимальный размер IFC для просмотра (МБ).
+     * @default 50
+     */
+    maxFileSizeMb?: TIfcPreviewMaxFileSizeMb;
+    /** @default false */
+    disableFileSizeLimit?: boolean;
+    classNameRoot?: string;
+    /** Контент в панели просмотра под канвасом (после загрузки модели). */
+    children?: ReactNode;
+};

package/dist/components/IfcPreview/utils/file-hellper.d.ts

@@ -0,0 +1,2 @@
+export declare const hasModelUrl: (url: string | undefined) => boolean;
+export declare const revokeBlobUrlIfNeeded: (objectUrl: string | null) => void;

package/dist/components/IfcPreview/utils/file-hellper.js

@@ -0,0 +1,7 @@
+const o = (e) => !!e?.trim(), t = (e) => {
+  e?.startsWith("blob:") && URL.revokeObjectURL(e);
+};
+export {
+  o as hasModelUrl,
+  t as revokeBlobUrlIfNeeded
+};

package/dist/components/IfcPreview/utils/fileSizeLimit.d.ts

@@ -0,0 +1,7 @@
+/** Допустимые лимиты размера IFC для просмотра в браузере (МБ). */
+export type TIfcPreviewMaxFileSizeMb = 50 | 100 | 150;
+export declare const DEFAULT_IFC_PREVIEW_MAX_FILE_SIZE_MB: TIfcPreviewMaxFileSizeMb;
+export declare const IFC_FILE_SIZE_EXCEEDED = "IFC_FILE_SIZE_EXCEEDED";
+export declare const getIfcPreviewMaxFileSizeBytes: (maxFileSizeMb: TIfcPreviewMaxFileSizeMb) => number;
+export declare const formatIfcPreviewFileSizeLimitMessage: (maxFileSizeMb: TIfcPreviewMaxFileSizeMb) => string;
+export declare const isIfcPreviewFileSizeExceeded: (byteSize: number, maxFileSizeMb: TIfcPreviewMaxFileSizeMb, disableFileSizeLimit: boolean) => boolean;

package/dist/components/IfcPreview/utils/fileSizeLimit.js

@@ -0,0 +1,8 @@
+const _ = 50, t = "IFC_FILE_SIZE_EXCEEDED", i = (e) => e * 1024 * 1024, F = (e) => `Загрузите файл размером до ${e} МБ`, s = (e, E, I) => e > i(E);
+export {
+  _ as DEFAULT_IFC_PREVIEW_MAX_FILE_SIZE_MB,
+  t as IFC_FILE_SIZE_EXCEEDED,
+  F as formatIfcPreviewFileSizeLimitMessage,
+  i as getIfcPreviewMaxFileSizeBytes,
+  s as isIfcPreviewFileSizeExceeded
+};

package/dist/components/IfcPreview/utils/modelSource.d.ts

@@ -0,0 +1,7 @@
+export declare const trimModelUrl: (url?: string) => string | undefined;
+export declare const getUrlFileName: (url?: string) => string | undefined;
+export declare const getCardCaption: (file: File | null, url: string | undefined, emptyTitle: string) => string;
+export declare const resolveViewerUrl: (readonly: boolean, file: File | null, url: string | undefined, ownedBlobUrlRef: {
+    current: string | null;
+}) => string | null;
+export declare const fetchKnownModelByteSize: (readonly: boolean, file: File | null, url: string | undefined) => Promise<number | null>;

package/dist/components/IfcPreview/utils/modelSource.js

@@ -0,0 +1,35 @@
+import { revokeBlobUrlIfNeeded as l } from "./file-hellper.js";
+const u = (t) => t?.trim() || void 0, s = (t) => u(t)?.split("/").filter(Boolean).pop(), a = (t, e, n) => t?.name ?? s(e) ?? n, d = (t, e, n, r) => {
+  if (!t && e) {
+    l(r.current);
+    const o = URL.createObjectURL(e);
+    return r.current = o, o;
+  }
+  const c = u(n);
+  return c ? (l(r.current), r.current = null, c) : null;
+}, p = async (t, e, n) => {
+  if (!t && e)
+    return e.size;
+  const r = u(n);
+  if (!r)
+    return null;
+  try {
+    const c = await fetch(r, { method: "HEAD" });
+    if (!c.ok)
+      return null;
+    const o = c.headers.get("content-length");
+    if (!o)
+      return null;
+    const i = Number.parseInt(o, 10);
+    return Number.isFinite(i) && i > 0 ? i : null;
+  } catch {
+    return null;
+  }
+};
+export {
+  p as fetchKnownModelByteSize,
+  a as getCardCaption,
+  s as getUrlFileName,
+  d as resolveViewerUrl,
+  u as trimModelUrl
+};

package/dist/components/IfcViewer/IfcViewer.css

@@ -0,0 +1 @@
+._ifcViewer_1jvoc_1{position:relative;width:100%;height:100%}._viewerHost_1jvoc_7{position:absolute;inset:0;overflow:hidden}._viewerSpinner_1jvoc_13{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}._viewerErrorBanner_1jvoc_22{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spui-spacing-4x);z-index:1}

package/dist/components/IfcViewer/IfcViewer.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { IIfcViewerProps } from "./types";
+export declare const IfcViewer: React.FC<IIfcViewerProps>;

package/dist/components/IfcViewer/IfcViewer.js

@@ -0,0 +1,71 @@
+import { jsxs as A, jsx as n } from "react/jsx-runtime";
+import H from "clsx";
+import { useRef as i, useState as f, useEffect as V } from "react";
+import c from "./IfcViewer.module.scss.js";
+import { fetchIfcFromUrl as b } from "./utils/fetchIfc.js";
+import { formatMeshProgressText as F } from "./utils/formatMeshProgress.js";
+import { Spinner as U } from "../Spinner/Spinner.js";
+import { Text as W } from "../Text/Text.js";
+const j = "/components-assets/IfcPreview/web-ifc/", O = (R) => {
+  const {
+    url: m,
+    wasmPublicPath: d = j,
+    onError: u,
+    onModelLoaded: p,
+    classNameRoot: I
+  } = R, h = i(null), w = i(0), E = i(u), g = i(p), [N, r] = f("Загрузка модели"), [M, a] = f(!0), [l, v] = f(null);
+  E.current = u, g.current = p, V(() => {
+    const s = h.current;
+    if (!s)
+      return;
+    const S = ++w.current;
+    let x = !1, C;
+    a(!0), v(null), r("Загрузка модели");
+    const e = () => x || w.current !== S, T = () => {
+      for (; s.firstChild; )
+        s.removeChild(s.firstChild);
+    };
+    return (async () => {
+      try {
+        r("Загрузка модели");
+        const t = await b(m);
+        if (e())
+          return;
+        r("Инициализация просмотра");
+        const { createIfcWebViewer: o } = await import("./utils/ifcWebViewer.js");
+        if (e())
+          return;
+        r("Открытие модели");
+        const L = await o(s, t, d, {
+          isCancelled: e,
+          onMeshProgress: (_, y) => {
+            e() || r(F(_, y));
+          }
+        });
+        if (e()) {
+          L.dispose();
+          return;
+        }
+        C = L.dispose, a(!1), g.current?.();
+      } catch (t) {
+        if (e())
+          return;
+        const o = t instanceof Error ? t : new Error(String(t));
+        if (o.message === "IFC_VIEWER_CANCELLED")
+          return;
+        a(!1), v(o.message), E.current?.(o);
+      }
+    })(), () => {
+      x = !0, C?.(), T();
+    };
+  }, [m, d]);
+  const P = H(c.ifcViewer, I);
+  return /* @__PURE__ */ A("div", { className: P, children: [
+    /* @__PURE__ */ n("div", { className: c.viewerHost, ref: h }),
+    M && !l && /* @__PURE__ */ n("div", { className: c.viewerSpinner, children: /* @__PURE__ */ n(U, { loadingText: N, size: "xl" }) }),
+    l && /* @__PURE__ */ n("div", { className: c.viewerErrorBanner, children: /* @__PURE__ */ n(W, { type: "p2", children: l }) })
+  ] });
+};
+export {
+  O as IfcViewer
+};

package/dist/components/IfcViewer/IfcViewer.module.scss.js

@@ -0,0 +1,13 @@
+import './IfcViewer.css';const e = "_ifcViewer_1jvoc_1", r = "_viewerHost_1jvoc_7", i = "_viewerSpinner_1jvoc_13", n = "_viewerErrorBanner_1jvoc_22", o = {
+  ifcViewer: e,
+  viewerHost: r,
+  viewerSpinner: i,
+  viewerErrorBanner: n
+};
+export {
+  o as default,
+  e as ifcViewer,
+  n as viewerErrorBanner,
+  r as viewerHost,
+  i as viewerSpinner
+};

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

@@ -0,0 +1,2 @@
+export { IfcViewer } from "./IfcViewer";
+export type { IIfcViewerProps } from "./types";

package/dist/components/IfcViewer/types/index.d.ts

@@ -0,0 +1,12 @@
+export type IIfcViewerProps = {
+    /** URL IFC-модели (HTTP(S) или blob:). */
+    url: string;
+    /**
+     * Базовый URL каталога со статикой `web-ifc.wasm`.
+     * @default "/components-assets/IfcPreview/web-ifc/"
+     */
+    wasmPublicPath?: string;
+    onError?: (error: Error) => void;
+    onModelLoaded?: () => void;
+    classNameRoot?: string;
+};

package/dist/components/IfcViewer/utils/fetchIfc.d.ts

@@ -0,0 +1 @@
+export declare const fetchIfcFromUrl: (modelUrl: string) => Promise<Uint8Array>;

package/dist/components/IfcViewer/utils/fetchIfc.js

@@ -0,0 +1,9 @@
+const a = async (t) => {
+  const r = await fetch(t);
+  if (!r.ok)
+    throw new Error(`IFC_FETCH_FAILED: ${r.status}`);
+  return new Uint8Array(await r.arrayBuffer());
+};
+export {
+  a as fetchIfcFromUrl
+};

package/dist/components/IfcViewer/utils/formatMeshProgress.d.ts

@@ -0,0 +1 @@
+export declare const formatMeshProgressText: (loaded: number, total: number) => string;

package/dist/components/IfcViewer/utils/formatMeshProgress.js

@@ -0,0 +1,4 @@
+const n = (e, r) => r <= 0 ? "Построение 3D-модели" : `Построение 3D-модели ${Math.min(100, Math.round(e / r * 100))}%`;
+export {
+  n as formatMeshProgressText
+};

package/dist/components/IfcViewer/utils/ifcWebViewer.d.ts

@@ -0,0 +1,14 @@
+export type IfcWebViewerHandle = {
+    dispose: () => void;
+};
+export type CreateIfcWebViewerOptions = {
+    /** Вызывается при стриминге мешей: `loaded` от 1 до `total`. */
+    onMeshProgress?: (loaded: number, total: number) => void;
+    /** When true, abort before attaching a WebGL context (e.g. effect cleanup / remount). */
+    isCancelled?: () => boolean;
+};
+/**
+ * Mounts a Three.js + web-ifc viewer into `mountEl`.
+ * Caller must install peer deps `three` and `web-ifc`, and serve `web-ifc.wasm` under `wasmPublicPath` (package default: `components-assets/IfcPreview/web-ifc/` in `dist`).
+ */
+export declare const createIfcWebViewer: (mountEl: HTMLElement, data: Uint8Array, wasmPublicPath: string, options?: CreateIfcWebViewerOptions) => Promise<IfcWebViewerHandle>;

package/dist/components/IfcViewer/utils/ifcWebViewer.js

@@ -0,0 +1,120 @@
+import * as o from "three";
+import { OrbitControls as J } from "three/examples/jsm/controls/OrbitControls.js";
+import { IfcAPI as K, LogLevel as Q } from "web-ifc";
+o.ColorManagement.enabled = !0;
+const X = (t) => {
+  for (const A of t.querySelectorAll("canvas"))
+    A.remove();
+}, Z = (t) => t.byteOffset === 0 && t.byteLength === t.buffer.byteLength ? t : new Uint8Array(t.buffer.slice(t.byteOffset, t.byteOffset + t.byteLength)), E = (t) => {
+  t && typeof t.delete == "function" && t.delete();
+}, te = async (t, A, M, N) => {
+  const { onMeshProgress: T, isCancelled: G } = N ?? {}, a = new K(), P = M.endsWith("/") ? M : `${M}/`;
+  a.SetWasmPath(P, !1), await a.Init(void 0, !0), a.SetLogLevel(Q.LOG_LEVEL_OFF);
+  const v = Z(A), h = a.OpenModel(v, { COORDINATE_TO_ORIGIN: !0 });
+  if (h < 0)
+    throw a.Dispose(), new Error("IFC_OPEN_FAILED");
+  const H = () => {
+    if (G?.())
+      throw a.CloseModel(h), a.Dispose(), new Error("IFC_VIEWER_CANCELLED");
+  }, w = new o.Scene();
+  w.background = new o.Color(15922423);
+  const u = new o.Group();
+  w.add(u);
+  const k = (e) => {
+    const n = e.length;
+    if (n === 0)
+      return { positions: e, normals: null };
+    if (n % 6 === 0) {
+      const r = n / 6, s = new Float32Array(r * 3), l = new Float32Array(r * 3);
+      for (let i = 0; i < n; i += 6) {
+        const d = i / 6;
+        s[d * 3] = e[i], s[d * 3 + 1] = e[i + 1], s[d * 3 + 2] = e[i + 2], l[d * 3] = e[i + 3], l[d * 3 + 1] = e[i + 4], l[d * 3 + 2] = e[i + 5];
+      }
+      return { positions: s, normals: l };
+    }
+    if (n % 9 === 0) {
+      const r = n / 9, s = new Float32Array(r * 3);
+      for (let l = 0; l < r; l++) {
+        const i = l * 9;
+        s[l * 3] = e[i], s[l * 3 + 1] = e[i + 1], s[l * 3 + 2] = e[i + 2];
+      }
+      return { positions: s, normals: null };
+    }
+    if (n % 3 === 0)
+      return { positions: e, normals: null };
+    const m = Math.floor(n / 3), f = new Float32Array(m * 3);
+    for (let r = 0; r < m; r++) {
+      const s = r * 3;
+      f[r * 3] = e[s], f[r * 3 + 1] = e[s + 1], f[r * 3 + 2] = e[s + 2];
+    }
+    return { positions: f, normals: null };
+  };
+  if (a.StreamAllMeshes(h, (e, n, m) => {
+    if (!G?.()) {
+      m > 0 && T?.(n + 1, m);
+      for (let f = 0; f < e.geometries.size(); f++) {
+        const r = e.geometries.get(f), s = a.GetGeometry(h, r.geometryExpressID), l = a.GetVertexArray(s.GetVertexData(), s.GetVertexDataSize()), i = a.GetIndexArray(s.GetIndexData(), s.GetIndexDataSize()), { positions: d, normals: C } = k(l);
+        if (d.length < 9) {
+          E(s);
+          continue;
+        }
+        const y = new o.BufferGeometry();
+        y.setAttribute("position", new o.BufferAttribute(d, 3)), C && y.setAttribute("normal", new o.BufferAttribute(C, 3)), i.length > 0 && y.setIndex(new o.BufferAttribute(i, 1)), C || y.computeVertexNormals();
+        const D = r.color?.x ?? 0.75, I = r.color?.y ?? 0.75, L = r.color?.z ?? 0.75, g = r.color?.w ?? 1, Y = new o.Color(D > 1 ? D / 255 : D, I > 1 ? I / 255 : I, L > 1 ? L / 255 : L), $ = new o.MeshStandardMaterial({
+          color: Y,
+          metalness: 0.05,
+          roughness: 0.75,
+          side: o.DoubleSide,
+          transparent: g !== 1,
+          opacity: g !== 1 ? Math.min(1, Math.max(0.1, g)) : 1,
+          depthWrite: g === 1
+        }), B = new o.Mesh(y, $);
+        r.flatTransformation.length === 16 && B.applyMatrix4(new o.Matrix4().fromArray(r.flatTransformation)), u.add(B), E(s);
+      }
+      E(e);
+    }
+  }), u.children.length === 0)
+    throw a.CloseModel(h), a.Dispose(), new Error("IFC_NO_GEOMETRY");
+  H(), X(t);
+  const O = Math.max(1, t.clientWidth), S = Math.max(1, t.clientHeight), p = new o.PerspectiveCamera(50, O / S, 0.1, 5e5), c = new o.WebGLRenderer({ antialias: !0, alpha: !0 });
+  c.setPixelRatio(Math.min(window.devicePixelRatio, 2)), c.setSize(O, S), c.outputColorSpace = o.SRGBColorSpace, c.toneMapping = o.ACESFilmicToneMapping, c.toneMappingExposure = 1, t.appendChild(c.domElement);
+  const q = new o.AmbientLight(16777215, 1.1);
+  w.add(q);
+  const F = new o.DirectionalLight(16777215, 1);
+  F.position.set(40, 80, 60), w.add(F);
+  const z = new o.DirectionalLight(16777215, 0.35);
+  z.position.set(-60, 30, -40), w.add(z);
+  const x = new J(p, c.domElement);
+  x.enableDamping = !0, u.updateMatrixWorld(!0);
+  const b = new o.Box3().setFromObject(u);
+  if (b.isEmpty())
+    p.position.set(8, 8, 8), p.lookAt(0, 0, 0);
+  else {
+    const e = b.getSize(new o.Vector3()), n = b.getCenter(new o.Vector3()), m = Math.max(e.x, e.y, e.z, 1), f = m * 2.2;
+    p.position.set(n.x + f, n.y + f * 0.6, n.z + f), p.near = m / 1e3, p.far = m * 1e3, p.updateProjectionMatrix(), x.target.copy(n), x.update();
+  }
+  let W = 0;
+  const R = () => {
+    W = requestAnimationFrame(R), x.update(), c.render(w, p);
+  };
+  R();
+  const V = () => {
+    const e = Math.max(1, t.clientWidth), n = Math.max(1, t.clientHeight);
+    p.aspect = e / n, p.updateProjectionMatrix(), c.setSize(e, n);
+  }, _ = new ResizeObserver(V);
+  _.observe(t);
+  const U = () => {
+    cancelAnimationFrame(W), _.disconnect(), x.dispose(), c.dispose(), c.forceContextLoss(), c.domElement.parentElement === t && t.removeChild(c.domElement), u.traverse((e) => {
+      if (e instanceof o.Mesh) {
+        e.geometry.dispose();
+        const n = Array.isArray(e.material) ? e.material : [e.material];
+        for (const m of n)
+          m.dispose();
+      }
+    }), a.CloseModel(h), a.Dispose();
+  };
+  return V(), { dispose: U };
+};
+export {
+  te as createIfcWebViewer
+};

package/dist/components/Input/Input.css

@@ -0,0 +1 @@
+._spInput_8l55v_1{display:inline-flex;flex-direction:column;width:100%}._spInput_8l55v_1{opacity:1;visibility:visible}._spInput_8l55v_1{transition:all .3s ease-in-out}@starting-style{._spInput_8l55v_1{opacity:0;visibility:hidden}}._spInput_size-md_8l55v_19{--spui-input-control-font-size: 16px;--spui-input-error-font-size: 12px;--spui-input-control-height: var(--spui-control-height-md)}._spInput_size-xl_8l55v_24{--spui-input-control-font-size: 18px;--spui-input-error-font-size: 14px;--spui-input-control-height: var(--spui-control-height-xl)}._spInput_error_8l55v_29 ._spInput__control_8l55v_29{border-color:var(--spui-color-border-error);color:var(--spui-color-text-error)}._spInput_error_8l55v_29 ._spInput__control_8l55v_29:hover::placeholder{color:var(--spui-color-text-error)}._spInput_absolutePositionError_8l55v_36{position:relative}._spInput__container_8l55v_39{position:relative;width:100%}._spInput__control_8l55v_29{display:flex;height:var(--spui-input-control-height);padding:var(--spui-spacing-none) var(--spui-spacing-4x);align-items:center;align-self:stretch;width:100%;font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-regular);font-size:var(--spui-input-control-font-size);color:var(--spui-color-text-primary);text-overflow:ellipsis;white-space:nowrap;border-width:2px;border-style:solid}._spInput__control_filled_8l55v_59{border-color:var(--spui-color-border-secondary);background-color:var(--spui-color-surface-page)}._spInput__control_outlined_8l55v_63{background-color:var(--spui-color-surface-transparent);border-color:var(--spui-color-border-primary)}._spInput__control_disabled_8l55v_67{pointer-events:none;color:var(--spui-color-text-disabled)}._spInput__control_clearable_8l55v_71{padding-right:var(--spui-spacing-12x)}._spInput__control_8l55v_29::placeholder,._spInput__control_disabled_8l55v_67:hover::placeholder{color:var(--spui-color-text-secondary)}._spInput__control_8l55v_29:hover::placeholder{color:var(--spui-color-text-primary)}._spInput__control_8l55v_29:focus,._spInput__control_8l55v_29:focus-visible{outline:none;border-style:solid;border-color:var(--spui-color-border-action);background-color:var(--spui-color-surface-transparent)}._spInput__control_8l55v_29:focus:hover::placeholder,._spInput__control_8l55v_29:focus-visible:hover::placeholder{color:var(--spui-color-text-secondary)}._spInput__clearControl_8l55v_89{color:var(--spui-color-text-secondary);cursor:pointer;position:absolute;right:16px;top:0;bottom:0;margin:auto}._spInput__label_8l55v_98{margin-bottom:var(--spui-spacing-2x)}._spInput__error_8l55v_101{padding-top:var(--spui-spacing-2x);font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-regular);font-size:var(--spui-input-error-font-size);color:var(--spui-color-text-error)}._spInput__error_absolutePosition_8l55v_108{position:absolute;top:100%}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IInputProps } from "./types";
+export declare const Input: React.ForwardRefExoticComponent<Omit<IInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Input/Input.js

@@ -0,0 +1,121 @@
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import H from "@mona-health/react-input-mask";
+import a from "clsx";
+import J from "react";
+import o from "./Input.module.scss.js";
+import { Label as K } from "../Label/Label.js";
+import { Icon as O } from "../Icons/Icon.js";
+import { EIconName as Q } from "../Icons/types/index.js";
+const U = J.forwardRef((P, i) => {
+  const {
+    value: s,
+    size: m = "xl",
+    onChange: c,
+    onBlur: w,
+    label: _,
+    variant: N = "outlined",
+    disabled: l = !1,
+    isAbsolutePositionError: d = !1,
+    error: n,
+    required: L,
+    name: p,
+    isClearable: I,
+    pattern: f,
+    onMouseEnter: y,
+    infoTooltipText: M,
+    tooltipPosition: j,
+    isVisibleDefaultTitle: C = !0,
+    placeholder: b = "Введите...",
+    classNameRoot: h,
+    classNameError: v,
+    classNameLabel: R,
+    classNameBaseTooltipRoot: z,
+    alwaysShowMask: $ = !1,
+    mask: g,
+    maskChar: q = "_",
+    ...B
+  } = P, A = a({
+    [o.spInput]: !0,
+    [o[`spInput_size-${m}`]]: m,
+    [o.spInput_error]: !!n,
+    [o.spInput_absolutePositionError]: d,
+    ...h && { [h]: !0 }
+  }), D = a({
+    [o.spInput__container]: !0
+  }), E = a({
+    [o.spInput__control]: !0,
+    [o.spInput__control_disabled]: l,
+    [o[`spInput__control_${N}`]]: N,
+    [o.spInput__control_clearable]: I
+  }), S = a({
+    [o.spInput__clearControl]: !0
+  }), V = a({
+    [o.spInput__error]: !0,
+    [o.spInput__error_absolutePosition]: d,
+    ...v && { [v]: !0 }
+  }), F = a({
+    [o.spInput__label]: !0,
+    ...R && { [R]: !0 }
+  }), G = (e) => {
+    c?.(e, { name: p, value: "" });
+  }, x = (e) => {
+    const { value: t, name: u } = e.target;
+    f && t && !new RegExp(f).test(t) || c?.(e, { value: t, name: u });
+  }, T = (e) => {
+    const { value: t, name: u } = e.target;
+    w?.(e, { name: u, value: t });
+  };
+  return /* @__PURE__ */ k("div", { className: A, children: [
+    _ && /* @__PURE__ */ r(
+      K,
+      {
+        classNameRoot: F,
+        tooltipPosition: j,
+        required: L,
+        label: _,
+        infoTooltipText: M,
+        classNameBaseTooltipRoot: z
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: D, onMouseEnter: y, children: [
+      g ? /* @__PURE__ */ r(
+        H,
+        {
+          ...B,
+          placeholder: b,
+          disabled: l,
+          onChange: x,
+          onBlur: T,
+          title: C ? s : void 0,
+          value: s,
+          name: p,
+          className: E,
+          ref: i,
+          alwaysShowMask: $,
+          mask: g,
+          maskPlaceholder: q
+        }
+      ) : /* @__PURE__ */ r(
+        "input",
+        {
+          ...B,
+          placeholder: b,
+          disabled: l,
+          onChange: x,
+          onBlur: T,
+          title: C ? s : void 0,
+          value: s,
+          name: p,
+          className: E,
+          ref: i
+        }
+      ),
+      I && s && !l && /* @__PURE__ */ r(O, { onClick: G, className: S, name: Q.Trash })
+    ] }),
+    n && /* @__PURE__ */ r("div", { className: V, children: n })
+  ] });
+});
+U.displayName = "Input";
+export {
+  U as Input
+};

package/dist/components/Input/Input.module.scss.js

@@ -0,0 +1,33 @@
+import './Input.css';const _ = "_spInput_8l55v_1", t = "_spInput_error_8l55v_29", n = "_spInput__control_8l55v_29", o = "_spInput_absolutePositionError_8l55v_36", p = "_spInput__container_8l55v_39", s = "_spInput__control_filled_8l55v_59", l = "_spInput__control_outlined_8l55v_63", r = "_spInput__control_disabled_8l55v_67", u = "_spInput__control_clearable_8l55v_71", e = "_spInput__clearControl_8l55v_89", I = "_spInput__label_8l55v_98", c = "_spInput__error_8l55v_101", i = "_spInput__error_absolutePosition_8l55v_108", a = {
+  spInput: _,
+  "spInput_size-md": "_spInput_size-md_8l55v_19",
+  "spInput_size-xl": "_spInput_size-xl_8l55v_24",
+  spInput_error: t,
+  spInput__control: n,
+  spInput_absolutePositionError: o,
+  spInput__container: p,
+  spInput__control_filled: s,
+  spInput__control_outlined: l,
+  spInput__control_disabled: r,
+  spInput__control_clearable: u,
+  spInput__clearControl: e,
+  spInput__label: I,
+  spInput__error: c,
+  spInput__error_absolutePosition: i
+};
+export {
+  a as default,
+  _ as spInput,
+  e as spInput__clearControl,
+  p as spInput__container,
+  n as spInput__control,
+  u as spInput__control_clearable,
+  r as spInput__control_disabled,
+  s as spInput__control_filled,
+  l as spInput__control_outlined,
+  c as spInput__error,
+  i as spInput__error_absolutePosition,
+  I as spInput__label,
+  o as spInput_absolutePositionError,
+  t as spInput_error
+};

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

@@ -0,0 +1,2 @@
+export { Input } from "./Input";
+export type { IInputProps, TOnBlurInput, TOnChangeInput } from "./types";