@alif-ui-test/core 1.11.0

package/dist/providers/AlifProvider/AlifProvider.consts.js

@@ -0,0 +1,5 @@
+const a = navigator.language.split("-")[0] || "ru", e = typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1, o = e ? "dark" : "light";
+export {
+  a as DEFAULT_LOCALE,
+  o as DEFAULT_MODE
+};

package/dist/providers/AlifProvider/AlifProvider.context.js

@@ -0,0 +1,6 @@
+import { createSafeContext as e } from "../../utils/create-safe-context/create-safe-context.js";
+const [o, r] = e("AlifProviderContext was not found in the tree");
+export {
+  o as AlifProviderContext,
+  r as useAlifProviderContext
+};

package/dist/providers/AlifProvider/AlifProvider.js

@@ -0,0 +1,31 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useEffect as n, useState as g } from "react";
+import { AlifProviderContext as f } from "./AlifProvider.context.js";
+import { DEFAULT_MODE as h, DEFAULT_LOCALE as A } from "./AlifProvider.consts.js";
+const m = (t, r) => {
+  const [e, o] = g(() => localStorage.getItem(t) || r);
+  return n(() => {
+    localStorage.setItem(t, e), document.documentElement.setAttribute(`data-${t}`, e);
+  }, [t, e]), [e, o];
+}, C = ({
+  children: t,
+  initialMode: r = h,
+  initialLocale: e = A,
+  brand: o = "alif"
+}) => {
+  const [l, s] = m("theme", r), [c, i] = m(
+    "locale",
+    e
+  );
+  return n(() => {
+    document.documentElement.setAttribute("data-brand", o);
+  }, [o]), /* @__PURE__ */ d(f, { value: { mode: l, toggleMode: () => {
+    const a = document.documentElement;
+    s((u) => u === "light" ? "dark" : "light"), a.classList.add("themeChanging"), requestAnimationFrame(() => {
+      a.classList.remove("themeChanging");
+    });
+  }, locale: c, setLocale: i }, children: t });
+};
+export {
+  C as AlifProvider
+};

package/dist/providers/AlifProvider/AlifProvider.types.js

@@ -0,0 +1 @@
+

package/dist/providers/Localization/localization.js

@@ -0,0 +1,48 @@
+import { DEFAULT_LOCALE as o } from "../AlifProvider/AlifProvider.consts.js";
+class n {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  translations = {};
+  locale = o;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  cache = {};
+  ready = !1;
+  constructor() {
+    if (typeof window < "u") {
+      const t = localStorage.getItem("locale");
+      t && (this.locale = t);
+    }
+  }
+  async init() {
+    this.ready || (await this.load(this.locale), this.ready = !0);
+  }
+  async load(t) {
+    if (!(t === this.locale && Object.keys(this.translations).length > 0)) {
+      if (this.cache[t]) {
+        this.translations = this.cache[t], this.locale = t;
+        return;
+      }
+      try {
+        const a = await fetch(`/locales/${t}.json`);
+        if (!a.ok) throw new Error(`Failed to fetch: ${a.status}`);
+        const s = await a.json();
+        this.cache[t] = s, this.translations = s, this.locale = t;
+      } catch (a) {
+        console.error(`Failed to load ${t} translations`, a), this.translations = {};
+      }
+    }
+  }
+  t(t) {
+    const a = t.split(".");
+    let s = this.translations;
+    for (const i of a)
+      if (s && typeof s == "object" && i in s)
+        s = s[i];
+      else
+        return t;
+    return typeof s == "string" ? s : t;
+  }
+}
+const c = new n();
+export {
+  c as localization
+};

package/dist/providers/Localization/useTranslation/useTranslation.js

@@ -0,0 +1,12 @@
+import { useAlifProviderContext as c } from "../../AlifProvider/AlifProvider.context.js";
+import { localization as n } from "../localization.js";
+const g = () => {
+  const { locale: t, setLocale: e } = c();
+  return { t: (o) => n.t(o), language: t, changeLanguage: async (o) => {
+    const a = typeof o == "function" ? o(t) : o;
+    await n.load(a), e(a);
+  } };
+};
+export {
+  g as useTranslation
+};

package/dist/providers/hooks/useLocale/useLocale.js

@@ -0,0 +1,11 @@
+import { useAlifProviderContext as t } from "../../AlifProvider/AlifProvider.context.js";
+const c = () => {
+  const { locale: e, setLocale: o } = t();
+  return {
+    locale: e,
+    setLocale: o
+  };
+};
+export {
+  c as useLocale
+};

package/dist/providers/hooks/useMode/useMode.js

@@ -0,0 +1,8 @@
+import { useAlifProviderContext as t } from "../../AlifProvider/AlifProvider.context.js";
+const d = () => {
+  const { mode: o, toggleMode: e } = t();
+  return { mode: o, toggleMode: e };
+};
+export {
+  d as useMode
+};

package/dist/types/css-modules.d.js

@@ -0,0 +1 @@
+

package/dist/types/global.js

@@ -0,0 +1 @@
+

package/dist/types/icon.js

@@ -0,0 +1 @@
+

package/dist/utils/class-names.js

@@ -0,0 +1,4 @@
+const n = (...e) => e.filter((o) => !!o).join(" ");
+export {
+  n as classNames
+};

package/dist/utils/close-escape.js

@@ -0,0 +1,6 @@
+const s = (e, c) => {
+  e.key === "Escape" && c();
+};
+export {
+  s as closeEscape
+};

package/dist/utils/create-safe-context/create-safe-context.js

@@ -0,0 +1,17 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as x, useContext as c } from "react";
+function C(o) {
+  const e = x(null);
+  return [({
+    children: t,
+    value: r
+  }) => /* @__PURE__ */ n(e.Provider, { value: r, children: t }), () => {
+    const t = c(e);
+    if (t === null)
+      throw new Error(o);
+    return t;
+  }];
+}
+export {
+  C as createSafeContext
+};

package/dist/utils/create-safe-context/create-safe-context.utils.js

@@ -0,0 +1,11 @@
+const r = console.error;
+function o() {
+  console.error = () => {
+  };
+}
+o.release = () => {
+  console.error = r;
+};
+export {
+  o as patchConsoleError
+};

package/dist/utils/get-default-z-index.js

@@ -0,0 +1,12 @@
+const t = {
+  backdrop: 200,
+  popover: 300,
+  notifications: 400,
+  max: 9999
+};
+function e(o) {
+  return t[o];
+}
+export {
+  e as getDefaultZIndex
+};

package/dist/utils/get-size.js

@@ -0,0 +1,24 @@
+function n(t, e = "size") {
+  if (t !== void 0)
+    return `var(--${e}-${t})`;
+}
+function r(t) {
+  return n(t, "border-radius");
+}
+function i(t) {
+  return n(t, "font-size");
+}
+function o(t) {
+  return n(t, "line-height");
+}
+function u(t) {
+  if (t)
+    return n(t, "box-shadow");
+}
+export {
+  i as getFontSize,
+  o as getLineHeight,
+  r as getRadius,
+  u as getShadow,
+  n as getSize
+};

package/dist/utils/typography.js

@@ -0,0 +1,201 @@
+const i = {
+  display: {
+    l: {
+      fontSize: "var(--font-size-display-l)",
+      lineHeight: "var(--font-line-height-display-l)",
+      letterSpacing: "var(--font-letter-spacing-display-l)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    lStrong: {
+      fontSize: "var(--font-size-display-l-strong)",
+      lineHeight: "var(--font-line-height-display-l-strong)",
+      letterSpacing: "var(--font-letter-spacing-display-l-strong)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    m: {
+      fontSize: "var(--font-size-display-m)",
+      lineHeight: "var(--font-line-height-display-m)",
+      letterSpacing: "var(--font-letter-spacing-display-m)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    mStrong: {
+      fontSize: "var(--font-size-display-m-strong)",
+      lineHeight: "var(--font-line-height-display-m-strong)",
+      letterSpacing: "var(--font-letter-spacing-display-m-strong)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    s: {
+      fontSize: "var(--font-size-display-s)",
+      lineHeight: "var(--font-line-height-display-s)",
+      letterSpacing: "var(--font-letter-spacing-display-s)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    sStrong: {
+      fontSize: "var(--font-size-display-s-strong)",
+      lineHeight: "var(--font-line-height-display-s-strong)",
+      letterSpacing: "var(--font-letter-spacing-display-s-strong)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    }
+  },
+  heading: {
+    h1: {
+      fontSize: "var(--font-size-heading-h1)",
+      lineHeight: "var(--font-line-height-heading-h1)",
+      letterSpacing: "var(--font-letter-spacing-heading-h1)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h2: {
+      fontSize: "var(--font-size-heading-h2)",
+      lineHeight: "var(--font-line-height-heading-h2)",
+      letterSpacing: "var(--font-letter-spacing-heading-h2)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h3: {
+      fontSize: "var(--font-size-heading-h3)",
+      lineHeight: "var(--font-line-height-heading-h3)",
+      letterSpacing: "var(--font-letter-spacing-heading-h3)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h4: {
+      fontSize: "var(--font-size-heading-h4)",
+      lineHeight: "var(--font-line-height-heading-h4)",
+      letterSpacing: "var(--font-letter-spacing-heading-h4)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h5: {
+      fontSize: "var(--font-size-heading-h5)",
+      lineHeight: "var(--font-line-height-heading-h5)",
+      letterSpacing: "var(--font-letter-spacing-heading-h5)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h6: {
+      fontSize: "var(--font-size-heading-h6)",
+      lineHeight: "var(--font-line-height-heading-h6)",
+      letterSpacing: "var(--font-letter-spacing-heading-h6)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h7: {
+      fontSize: "var(--font-size-heading-h7)",
+      lineHeight: "var(--font-line-height-heading-h7)",
+      letterSpacing: "var(--font-letter-spacing-heading-h7)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h8: {
+      fontSize: "var(--font-size-heading-h8)",
+      lineHeight: "var(--font-line-height-heading-h8)",
+      letterSpacing: "var(--font-letter-spacing-heading-h8)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    },
+    h9: {
+      fontSize: "var(--font-size-heading-h9)",
+      lineHeight: "var(--font-line-height-heading-h9)",
+      letterSpacing: "var(--font-letter-spacing-heading-h9)",
+      fontWeight: "var(--font-weight-bold, 720)"
+    }
+  },
+  description: {
+    l: {
+      fontSize: "var(--font-size-description-l)",
+      lineHeight: "var(--font-line-height-description-l)",
+      letterSpacing: "var(--font-letter-spacing-description-l)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    },
+    lStrong: {
+      fontSize: "var(--font-size-description-l-strong)",
+      lineHeight: "var(--font-line-height-description-l-strong)",
+      letterSpacing: "var(--font-letter-spacing-description-l-strong)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    m: {
+      fontSize: "var(--font-size-description-m)",
+      lineHeight: "var(--font-line-height-description-m)",
+      letterSpacing: "var(--font-letter-spacing-description-m)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    },
+    mStrong: {
+      fontSize: "var(--font-size-description-m-strong)",
+      lineHeight: "var(--font-line-height-description-m-strong)",
+      letterSpacing: "var(--font-letter-spacing-description-m-strong)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    s: {
+      fontSize: "var(--font-size-description-s)",
+      lineHeight: "var(--font-line-height-description-s)",
+      letterSpacing: "var(--font-letter-spacing-description-s)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    },
+    sStrong: {
+      fontSize: "var(--font-size-description-s-strong)",
+      lineHeight: "var(--font-line-height-description-s-strong)",
+      letterSpacing: "var(--font-letter-spacing-description-s-strong)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    sTag: {
+      fontSize: "var(--font-size-description-s-tag)",
+      lineHeight: "var(--font-line-height-description-s-tag)",
+      letterSpacing: "var(--font-letter-spacing-description-s-tag)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    }
+  },
+  body: {
+    l: {
+      fontSize: "var(--font-size-body-l)",
+      lineHeight: "var(--font-line-height-body-l)",
+      letterSpacing: "var(--font-letter-spacing-body-l)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    },
+    lStrong: {
+      fontSize: "var(--font-size-body-l-strong)",
+      lineHeight: "var(--font-line-height-body-l-strong)",
+      letterSpacing: "var(--font-letter-spacing-body-l-strong)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    m: {
+      fontSize: "var(--font-size-body-m)",
+      lineHeight: "var(--font-line-height-body-m)",
+      letterSpacing: "var(--font-letter-spacing-body-m)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    },
+    mStrong: {
+      fontSize: "var(--font-size-body-m-strong)",
+      lineHeight: "var(--font-line-height-body-m-strong)",
+      letterSpacing: "var(--font-letter-spacing-body-m-strong)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    s: {
+      fontSize: "var(--font-size-body-s)",
+      lineHeight: "var(--font-line-height-body-s)",
+      letterSpacing: "var(--font-letter-spacing-body-s)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    },
+    sStrong: {
+      fontSize: "var(--font-size-body-s-strong)",
+      lineHeight: "var(--font-line-height-body-s-strong)",
+      letterSpacing: "var(--font-letter-spacing-body-s-strong)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    },
+    xs: {
+      fontSize: "var(--font-size-body-xs)",
+      lineHeight: "var(--font-line-height-body-xs)",
+      letterSpacing: "var(--font-letter-spacing-body-xs)",
+      fontWeight: "var(--font-weight-regular, 400)"
+    },
+    xsStrong: {
+      fontSize: "var(--font-size-body-xs-strong)",
+      lineHeight: "var(--font-line-height-body-xs-strong)",
+      letterSpacing: "var(--font-letter-spacing-body-xs-strong)",
+      fontWeight: "var(--font-weight-medium, 550)"
+    }
+  }
+}, n = {
+  description: "var(--font-family-description)",
+  body: "var(--font-family-body)",
+  display: "var(--font-family-display)",
+  heading: "var(--font-family-heading)"
+}, o = (t, e) => ({
+  ...i[t][e],
+  fontFamily: n[t]
+});
+export {
+  o as resolveTypography
+};

package/dist/utils/validate-icon-button-props.js

@@ -0,0 +1,8 @@
+const e = (n, o, t, c) => {
+  (n && (o || t) || !n && !c && (o || t)) && console.warn(
+    "1.Убедитесь, что флаг isIconBtn всегда установлен, если кнопка предназначена только для иконки. 2.Если флаг isIconBtn установлен используйте только children, а не leftSection / rightSection."
+  );
+};
+export {
+  e as validateIconButtonProps
+};

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@alif-ui-test/core",
+  "description": "Core UI components for Alif UI design system",
+  "keywords": [
+    "ui kit react",
+    "alif ui",
+    "react alif ui kit",
+    "ui",
+    "react",
+    "typescript",
+    "design system"
+  ],
+  "author": "Alif Bank's frontend team",
+  "homepage": "https://github.com/alifcapital/alif-ui#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alifcapital/alif-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/alifcapital/alif-ui/issues"
+  },
+  "license": "ISC",
+  "private": false,
+  "version": "1.11.0",
+  "type": "module",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/main.js",
+  "module": "./dist/main.js",
+  "style": "./dist/core.css",
+  "types": "./dist/main.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/main.js",
+      "types": "./dist/main.d.ts"
+    },
+    "./styles.css": {
+      "default": "./dist/core.css"
+    },
+    "./components": {
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./icons": {
+      "import": "./dist/icons/index.js",
+      "types": "./dist/icons/index.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/utils/index.js",
+      "types": "./dist/utils/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./dist/hooks/index.js",
+      "types": "./dist/hooks/index.d.ts"
+    },
+    "./providers": {
+      "import": "./dist/providers/index.js",
+      "types": "./dist/providers/index.d.ts"
+    },
+    "./types": {
+      "import": "./dist/types/index.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "vite build --config ./vite.config.ts",
+    "dev": "vite",
+    "preview": "vite preview",
+    "lint:fix": "eslint --fix --no-error-on-unmatched-pattern '**/*.{jsx,ts,tsx}'",
+    "lint": "npm run eslint && npm run stylelint",
+    "stylelint": "stylelint \"**/*.css\" --fix",
+    "eslint": "eslint --ext .ts,.tsx --fix",
+    "format": "prettier --no-error-on-unmatched-pattern --write **/*.{jsx,ts,tsx}",
+    "test": "jest --config ../../../config/jest/jest.config.root.json",
+    "publish:core": "npm publish",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major"
+  }
+}