@alif-ui-test/core 1.11.0

package/dist/components/FileUploader/FileUploader.module.css.js

@@ -0,0 +1,23 @@
+const e = "_root_1vel9_1", l = "_uploader_1vel9_27", t = "_error_1vel9_38", o = "_disabled_1vel9_43", _ = "_dragOver_1vel9_49", r = "_text_1vel9_54", s = "_labelText_1vel9_77", a = "_labelDescription_1vel9_85", n = "_btnMobile_1vel9_100", b = {
+  root: e,
+  uploader: l,
+  error: t,
+  disabled: o,
+  dragOver: _,
+  text: r,
+  labelText: s,
+  labelDescription: a,
+  btnMobile: n
+};
+export {
+  n as btnMobile,
+  b as default,
+  o as disabled,
+  _ as dragOver,
+  t as error,
+  a as labelDescription,
+  s as labelText,
+  e as root,
+  r as text,
+  l as uploader
+};

package/dist/components/FileUploader/FileUploader.types.js

@@ -0,0 +1 @@
+

package/dist/components/FileUploader/FileUploader.utils.js

@@ -0,0 +1,29 @@
+const a = (e, i, t) => {
+  const n = e.name.split(".").pop()?.toLowerCase(), s = i.includes(n || ""), o = t.includes(e.type);
+  return s && o;
+}, l = (e, i) => {
+  const t = i * 1024 * 1024;
+  return e.size <= t;
+}, u = (e, i) => e <= i, x = {
+  maxCountText: {
+    ru: (e) => `Максимум можно загрузить ${e} файла(ов).`,
+    en: (e) => `You can upload a maximum of ${e} file(s).`,
+    tj: (e) => `Шумо метавонед на бештар аз ${e} файл бор кунед.`
+  },
+  maxFileSizeText: {
+    ru: (e, i) => `Файл "${e}" превышает максимальный размер ${i} мб.`,
+    en: (e, i) => `The file "${e}" exceeds the maximum size of ${i} mb.`,
+    tj: (e, i) => `Файли "${e}" аз ҳадди ниҳоии андозаи ${i} мб зиёд аст.`
+  },
+  extText: {
+    ru: (e) => `Файл "${e}" имеет недопустимый тип или расширение.`,
+    en: (e) => `The file "${e}" has an invalid type or extension.`,
+    tj: (e) => `Файли "${e}" намуди номатлуб ё васеъкунии нодуруст дорад.`
+  }
+};
+export {
+  x as ERROR_TEXT,
+  u as isValidFileCount,
+  l as isValidFileSize,
+  a as isValidFileType
+};

package/dist/components/FileView/FileView.js

@@ -0,0 +1,75 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import r from "./FileView.module.css.js";
+import { formatFileSize as N } from "./FileView.utils.js";
+import { OutlineSystemFileError as h } from "../../icons/components/OutlineSystemFileError.js";
+import { OutlineSystemDoc as y } from "../../icons/components/OutlineSystemDoc.js";
+import { Typography as t } from "../Typography/Typography.js";
+import { ProgressBar as f } from "../ProgressBar/ProgressBar.js";
+import { classNames as g } from "../../utils/class-names.js";
+const j = ({
+  file: o,
+  rightIcon: a,
+  onFileClick: c,
+  onIconClick: m,
+  className: n,
+  style: p
+}) => {
+  const { errorText: d, progress: s } = o, l = d?.trim();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: g(r.root, r.file, n),
+      style: p,
+      children: [
+        /* @__PURE__ */ e("div", { className: r.fileIcon, children: l ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(y, {}) }),
+        /* @__PURE__ */ i("div", { className: r.fileText, onClick: () => c?.(o), children: [
+          /* @__PURE__ */ e(t, { category: "body", proportions: "s", className: r.label, children: o.name }),
+          /* @__PURE__ */ i("div", { className: r.fileDetails, children: [
+            o.size && !l && /* @__PURE__ */ e(
+              t,
+              {
+                category: "description",
+                proportions: "l",
+                className: r.size,
+                children: N(o.size)
+              }
+            ),
+            l && /* @__PURE__ */ e(
+              t,
+              {
+                category: "description",
+                proportions: "l",
+                className: r.errorText,
+                children: o.errorText
+              }
+            ),
+            s !== void 0 && /* @__PURE__ */ i(
+              t,
+              {
+                category: "description",
+                proportions: "l",
+                className: r.progress,
+                children: [
+                  s,
+                  "%"
+                ]
+              }
+            )
+          ] }),
+          s !== void 0 && /* @__PURE__ */ e(
+            f,
+            {
+              value: s,
+              size: "s",
+              className: r.progressBar
+            }
+          )
+        ] }),
+        a && /* @__PURE__ */ e("div", { className: r.fileRightIcon, onClick: m, children: a })
+      ]
+    }
+  );
+};
+export {
+  j as FileView
+};

package/dist/components/FileView/FileView.module.css.js

@@ -0,0 +1,27 @@
+const e = "_root_ucuxz_1", o = "_file_ucuxz_19", s = "_fileIcon_ucuxz_35", _ = "_fileText_ucuxz_44", t = "_fileDetails_ucuxz_50", c = "_label_ucuxz_57", r = "_size_ucuxz_61", l = "_progress_ucuxz_62", i = "_errorText_ucuxz_66", u = "_fileRightIcon_ucuxz_70", n = "_progressBar_ucuxz_85", x = {
+  root: e,
+  file: o,
+  fileIcon: s,
+  fileText: _,
+  fileDetails: t,
+  label: c,
+  size: r,
+  progress: l,
+  errorText: i,
+  fileRightIcon: u,
+  progressBar: n
+};
+export {
+  x as default,
+  i as errorText,
+  o as file,
+  t as fileDetails,
+  s as fileIcon,
+  u as fileRightIcon,
+  _ as fileText,
+  c as label,
+  l as progress,
+  n as progressBar,
+  e as root,
+  r as size
+};

package/dist/components/FileView/FileView.types.js

@@ -0,0 +1 @@
+

package/dist/components/FileView/FileView.utils.js

@@ -0,0 +1,4 @@
+const o = (e) => `${(e / 1e6).toFixed(2)} МБ`;
+export {
+  o as formatFileSize
+};

package/dist/components/FunctionButton/FunctionButton.js

@@ -0,0 +1,28 @@
+import { jsxs as i } from "react/jsx-runtime";
+import c from "./FunctionButton.module.css.js";
+import { getFunctionButtonStyles as l } from "./FunctionButton.utils.js";
+import { classNames as p } from "../../utils/class-names.js";
+const x = ({
+  variant: t = "primary",
+  size: o = "m",
+  leftSection: r,
+  rightSection: m,
+  children: s,
+  className: n,
+  ...e
+}) => /* @__PURE__ */ i(
+  "button",
+  {
+    style: l(t, o),
+    className: p(c.root, n),
+    ...e,
+    children: [
+      r,
+      s,
+      m
+    ]
+  }
+);
+export {
+  x as FunctionButton
+};

package/dist/components/FunctionButton/FunctionButton.module.css.js

@@ -0,0 +1,7 @@
+const o = "_root_19qv8_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/components/FunctionButton/FunctionButton.types.js

@@ -0,0 +1 @@
+

package/dist/components/FunctionButton/FunctionButton.utils.js

@@ -0,0 +1,36 @@
+import { resolveTypography as r } from "../../utils/typography.js";
+import { getSize as c } from "../../utils/get-size.js";
+const g = (o, t) => {
+  const n = f(t, o), { fontFamily: u, fontSize: i, lineHeight: e, letterSpacing: l, fontWeight: b } = r("body", n);
+  return {
+    "--function-button-font-family": u,
+    "--function-button-font-size": i,
+    "--function-button-line-height": e,
+    "--function-button-letter-spacing": l,
+    "--function-button-font-weight": b,
+    "--function-button-height": c(t, "function-button-height"),
+    "--function-button-spacing-between": c(
+      t,
+      "function-button-spacing-between"
+    ),
+    "--function-button-label-color": `var(--function-button-label-color-${o}-default)`,
+    "--function-button-label-color-hover": `var(--function-button-label-color-${o}-hover)`,
+    "--function-button-label-color-disabled": `var(--function-button-label-color-${o}-disabled)`,
+    "--function-button-label-color-active": `var(--function-button-label-color-${o}-active)`,
+    "--function-button-icon-color": `var(--function-button-icon-color-${o}-default)`,
+    "--function-button-icon-color-hover": `var(--function-button-icon-color-${o}-hover)`,
+    "--function-button-icon-color-disabled": `var(--function-button-icon-color-${o}-disabled)`,
+    "--function-button-icon-color-active": `var(--function-button-icon-color-${o}-active)`,
+    "--function-button-icon-width": c(t, "function-button-icon-width"),
+    "--function-button-icon-height": c(
+      t,
+      "function-button-icon-height"
+    )
+  };
+}, f = (o, t) => {
+  const n = o === "m" ? "s" : "m";
+  return t === "accent" ? `${n}Strong` : n;
+};
+export {
+  g as getFunctionButtonStyles
+};

package/dist/components/Hinter/Hinter.js

@@ -0,0 +1,53 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import e from "./Hinter.module.css.js";
+import { Typography as c } from "../Typography/Typography.js";
+import { classNames as N } from "../../utils/class-names.js";
+import { SolidSystemCheckCircle as C } from "../../icons/components/SolidSystemCheckCircle.js";
+const k = ({
+  maxLength: i,
+  className: m = "",
+  disabled: p = !1,
+  isFilled: d = !1,
+  hasError: r = !1,
+  hintText: o = "",
+  isHintAlwaysShown: s = !1,
+  showCorrectHintIcon: f = !1,
+  showLengthHint: t = !1,
+  filledLength: n = 0,
+  style: u = {}
+}) => {
+  const y = N(
+    e.root,
+    p && e.disabled,
+    r && e.invalid,
+    m
+  );
+  return !s && !r && !t && !o ? null : /* @__PURE__ */ l("div", { style: u, className: y, "data-testid": "hinter", children: [
+    d && !r && s && f && /* @__PURE__ */ a(C, { width: "16", height: "16" }),
+    /* @__PURE__ */ a(
+      c,
+      {
+        proportions: "l",
+        category: "description",
+        className: e.hint,
+        children: s || r ? o : ""
+      }
+    ),
+    t && i && /* @__PURE__ */ l(
+      c,
+      {
+        proportions: "l",
+        category: "description",
+        className: e.counter,
+        children: [
+          n,
+          "/",
+          i
+        ]
+      }
+    )
+  ] });
+};
+export {
+  k as Hinter
+};

package/dist/components/Hinter/Hinter.module.css.js

@@ -0,0 +1,15 @@
+const t = "_root_1jgpz_1", o = "_hint_1jgpz_32", n = "_counter_1jgpz_37", _ = "_disabled_1jgpz_41", i = "_invalid_1jgpz_49", s = {
+  root: t,
+  hint: o,
+  counter: n,
+  disabled: _,
+  invalid: i
+};
+export {
+  n as counter,
+  s as default,
+  _ as disabled,
+  o as hint,
+  i as invalid,
+  t as root
+};

package/dist/components/Hinter/Hinter.types.js

@@ -0,0 +1 @@
+

package/dist/components/Input/Input.js

@@ -0,0 +1,43 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import e from "./Input.module.css.js";
+import { Field as N } from "../Field/Field.js";
+import { Hinter as b } from "../Hinter/Hinter.js";
+import { classNames as h } from "../../utils/class-names.js";
+const y = ({
+  isFilled: i,
+  hintText: m,
+  isHintAlwaysShown: a,
+  showCorrectHintIcon: l,
+  showLengthHint: d,
+  filledLength: c,
+  maxLength: s,
+  style: n,
+  fullWidth: o = !0,
+  ...r
+}) => {
+  const f = h(
+    e.root,
+    o && e.fullWidth,
+    r.className
+  );
+  return /* @__PURE__ */ u("div", { className: f, style: n, children: [
+    /* @__PURE__ */ t(N, { ...r, maxLength: s, fullWidth: o }),
+    /* @__PURE__ */ t(
+      b,
+      {
+        isFilled: i,
+        hintText: m,
+        disabled: r.disabled,
+        hasError: r.hasError,
+        isHintAlwaysShown: a,
+        showCorrectHintIcon: l,
+        showLengthHint: d,
+        filledLength: c,
+        maxLength: s
+      }
+    )
+  ] });
+};
+export {
+  y as Input
+};

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

@@ -0,0 +1,9 @@
+const t = "_root_bec40_1", o = "_fullWidth_bec40_10", l = {
+  root: t,
+  fullWidth: o
+};
+export {
+  l as default,
+  o as fullWidth,
+  t as root
+};

package/dist/components/Input/Input.types.js

@@ -0,0 +1 @@
+

package/dist/components/InputOtp/InputOtp.js

@@ -0,0 +1,70 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as B, useEffect as L } from "react";
+import c from "./InputOtp.module.css.js";
+import { normalizeOtpValue as M, getInputOtpStyles as S, keepOnlyDigits as m } from "./InputOtp.utils.js";
+import { classNames as h } from "../../utils/class-names.js";
+const T = ({
+  value: y,
+  onChange: D,
+  onPaste: g,
+  onComplete: v,
+  length: o = 4,
+  size: w = "m",
+  variant: C = "outline",
+  hasError: N,
+  disabled: n,
+  className: V,
+  inputClassName: j,
+  mask: k,
+  inputStyle: I,
+  integerOnly: p,
+  autoFocus: l,
+  placeholder: O
+}) => {
+  const u = M(y, o), a = B([]), f = (s) => {
+    const t = s.join("");
+    D(t), t.length === o && !s.includes("") && v?.(t);
+  }, E = (s, t) => {
+    let e = s;
+    p && (e = m(e));
+    const r = [...u];
+    r[t] = e.slice(-1), f(r), e && t < o - 1 && a.current[t + 1]?.focus();
+  }, K = (s, t) => {
+    s.key === "Backspace" && !u[t] && t > 0 && a.current[t - 1]?.focus();
+  }, P = (s) => {
+    s.preventDefault();
+    let t = s.clipboardData.getData("text").slice(0, o);
+    p && (t = m(t));
+    const e = t.split(""), r = Array(o).fill("");
+    e.forEach((z, A) => r[A] = z), f(r), a.current[Math.min(e.length, o - 1)]?.focus(), g?.(s);
+  }, R = h(
+    c.otpInput,
+    j,
+    N && c.error,
+    n && c.disabled
+  );
+  return L(() => {
+    l && !n && a.current[0]?.focus();
+  }, [l, n]), /* @__PURE__ */ i("div", { className: h(c.root, V), children: u.map((s, t) => /* @__PURE__ */ i(
+    "input",
+    {
+      type: k ? "password" : "text",
+      maxLength: 1,
+      disabled: n,
+      value: s,
+      ref: (e) => {
+        a.current[t] = e;
+      },
+      onChange: (e) => E(e.target.value, t),
+      onKeyDown: (e) => K(e, t),
+      onPaste: P,
+      style: { ...S(C, w), ...I },
+      className: R,
+      placeholder: O
+    },
+    t
+  )) });
+};
+export {
+  T as InputOtp
+};

package/dist/components/InputOtp/InputOtp.module.css.js

@@ -0,0 +1,13 @@
+const o = "_root_k34hj_1", t = "_otpInput_k34hj_67", r = "_disabled_k34hj_85", _ = "_error_k34hj_92", s = {
+  root: o,
+  otpInput: t,
+  disabled: r,
+  error: _
+};
+export {
+  s as default,
+  r as disabled,
+  _ as error,
+  t as otpInput,
+  o as root
+};

package/dist/components/InputOtp/InputOtp.types.js

@@ -0,0 +1 @@
+

package/dist/components/InputOtp/InputOtp.utils.js

@@ -0,0 +1,38 @@
+import { resolveTypography as e } from "../../utils/typography.js";
+import { getSize as p } from "../../utils/get-size.js";
+const n = {
+  l: e("heading", "h1"),
+  m: e("heading", "h1"),
+  s: e("heading", "h4")
+}, b = (o, t) => {
+  const r = n[t], l = o === "solid" ? "transparent" : `var(--inputotp-border-color-${o}-error)`, i = o === "solid" ? "transparent" : `var(--inputotp-border-color-${o}-default)`;
+  return {
+    "--inputotp-bg-color-default": `var(--inputotp-bg-color-${o}-default)`,
+    "--inputotp-bg-color-hover": `var(--inputotp-bg-color-${o}-hover)`,
+    "--inputotp-bg-color-active": `var(--inputotp-bg-color-${o}-active)`,
+    "--inputotp-bg-color-error": `var(--inputotp-bg-color-${o}-error)`,
+    "--inputotp-bg-color-disabled": `var(--inputotp-bg-color-${o}-disabled)`,
+    "--inputotp-label-color": `var(--inputotp-label-color-${o}-filled)`,
+    "--inputotp-label-color-error": `var(--inputotp-label-color-${o}-error)`,
+    "--inputotp-label-color-disabled": `var(--inputotp-label-color-${o}-disabled-filled)`,
+    "--inputotp-border-color-default": i,
+    "--inputotp-border-color-hover": `var(--inputotp-border-color-${o}-hover)`,
+    "--inputotp-border-color-active": `var(--inputotp-border-color-${o}-active)`,
+    "--inputotp-border-color-disabled": `var(--inputotp-border-color-${o}-disabled)`,
+    "--inputotp-border-color-error": l,
+    "--inputotp-border-radius": p(t, "inputotp-border-radius"),
+    "--inputotp-border-width": p(t, "inputotp-border-width"),
+    "--inputotp-width": p(t, "inputotp-width"),
+    "--inputotp-height": p(t, "inputotp-height"),
+    "--inputotp-label-font-family": r.fontFamily,
+    "--inputotp-label-font-weight": r.fontWeight,
+    "--inputotp-label-font-size": r.fontSize,
+    "--inputotp-label-line-height": r.lineHeight,
+    "--inputotp-label-letter-spacing": r.letterSpacing
+  };
+}, c = (o, t) => o.split("").concat(Array(t).fill("")).slice(0, t), a = (o) => o.replace(/\D/g, "");
+export {
+  b as getInputOtpStyles,
+  a as keepOnlyDigits,
+  c as normalizeOtpValue
+};

package/dist/components/ListItem/ListItem.js

@@ -0,0 +1,119 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useRef as j } from "react";
+import s from "./ListItem.module.css.js";
+import { getListStyles as D } from "./ListItem.utils.js";
+import { useLocale as R } from "../../providers/hooks/useLocale/useLocale.js";
+import { Field as _ } from "../Field/Field.js";
+import { OutlineSystemSearch as E } from "../../icons/components/OutlineSystemSearch.js";
+import { Skeleton as M } from "../Skeleton/Skeleton.js";
+import { OutlineSystemCheck as w } from "../../icons/components/OutlineSystemCheck.js";
+import { classNames as r } from "../../utils/class-names.js";
+const h = {
+  ru: {
+    noOptions: "Нет данных",
+    searchPlaceholder: "Поиск..."
+  },
+  en: {
+    noOptions: "No data",
+    searchPlaceholder: "Search..."
+  },
+  tj: {
+    noOptions: "Маълумот нест",
+    searchPlaceholder: "Чусту чуй..."
+  }
+}, U = ({
+  isLoading: f,
+  className: u,
+  itemClassName: y,
+  onSearch: I,
+  onChangeList: N,
+  customNoOptionsText: p,
+  style: v,
+  proportions: i = "m",
+  options: o = [],
+  values: a = [],
+  hasSearch: S = !1,
+  searchValue: b = "",
+  searchPlaceholder: g = "",
+  fullWidth: x = !1,
+  isCenteredContent: c = !1,
+  ...C
+}) => {
+  const { locale: m } = R(), L = j(null), O = r(
+    s.root,
+    u,
+    x && s.fullWidth
+  ), d = r(
+    s.icon,
+    c && s.centered
+  ), k = r(
+    s.checkIcon,
+    c && s.centered
+  ), T = r(
+    s.labelContainer,
+    c && s.centered
+  ), A = (e) => {
+    const t = Array.isArray(a) ? a.includes(e.value) : a === e.value;
+    return r(
+      s.listItem,
+      y,
+      t && s.selected,
+      e.isDisabled && s.disabled
+    );
+  }, P = () => f ? [...Array(4)].map((e, t) => /* @__PURE__ */ l(
+    M,
+    {
+      height: i === "l" ? "48px" : "44px",
+      style: { borderRadius: "var(--list-item-skeleton-border-radius)" }
+    },
+    t
+  )) : o?.length ? o.map((e) => /* @__PURE__ */ n(
+    "li",
+    {
+      className: A(e),
+      onClick: () => N(e.value, e),
+      children: [
+        e.leftIcon && /* @__PURE__ */ l("div", { className: d, children: e.leftIcon }),
+        /* @__PURE__ */ n("div", { className: T, children: [
+          /* @__PURE__ */ l("span", { className: s.primaryText, children: e.label }),
+          e.secondaryText && /* @__PURE__ */ l("span", { className: s.secondaryText, children: e.secondaryText })
+        ] }),
+        e.rightIcon && /* @__PURE__ */ l("div", { className: d, children: e.rightIcon }),
+        /* @__PURE__ */ l("div", { className: k, children: /* @__PURE__ */ l(w, {}) })
+      ]
+    },
+    String(e.value + e.label)
+  )) : /* @__PURE__ */ l("li", { className: s.noOptions, children: p || h[m].noOptions });
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: O,
+      style: D(i, v),
+      ...C,
+      children: [
+        S && /* @__PURE__ */ l(
+          _,
+          {
+            proportions: "s",
+            value: b,
+            label: g || h[m].searchPlaceholder,
+            onChange: (e) => I?.(e.target.value, e),
+            leftIcon: /* @__PURE__ */ l(E, {})
+          }
+        ),
+        /* @__PURE__ */ l(
+          "ul",
+          {
+            className: s.list,
+            ref: L,
+            onMouseDown: (e) => e.preventDefault(),
+            children: P()
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  U as ListItem
+};

package/dist/components/ListItem/ListItem.module.css.js

@@ -0,0 +1,31 @@
+const t = "_root_i6753_1", e = "_fullWidth_i6753_80", o = "_list_i6753_84", _ = "_noOptions_i6753_94", n = "_listItem_i6753_102", i = "_disabled_i6753_115", c = "_checkIcon_i6753_120", s = "_icon_i6753_126", l = "_centered_i6753_132", d = "_selected_i6753_152", r = "_labelContainer_i6753_182", a = "_primaryText_i6753_193", p = "_secondaryText_i6753_194", x = {
+  root: t,
+  fullWidth: e,
+  list: o,
+  noOptions: _,
+  listItem: n,
+  disabled: i,
+  checkIcon: c,
+  icon: s,
+  centered: l,
+  selected: d,
+  labelContainer: r,
+  primaryText: a,
+  secondaryText: p
+};
+export {
+  l as centered,
+  c as checkIcon,
+  x as default,
+  i as disabled,
+  e as fullWidth,
+  s as icon,
+  r as labelContainer,
+  o as list,
+  n as listItem,
+  _ as noOptions,
+  a as primaryText,
+  t as root,
+  p as secondaryText,
+  d as selected
+};

package/dist/components/ListItem/ListItem.types.js

@@ -0,0 +1 @@
+