@alif-ui-test/core 1.11.0

package/dist/components/ListItem/ListItem.utils.js

@@ -0,0 +1,50 @@
+import { getSize as t } from "../../utils/get-size.js";
+import { resolveTypography as l } from "../../utils/typography.js";
+const a = (i) => {
+  switch (i) {
+    case "l":
+      return l("body", "m");
+    case "m":
+      return l("body", "s");
+  }
+}, c = (i) => {
+  switch (i) {
+    case "l":
+      return l("body", "s");
+    case "m":
+      return l("description", "l");
+  }
+}, h = (i, n) => {
+  const e = a(i), s = c(i);
+  return {
+    ...n,
+    "--list-border-radius": t(i, "list-border-radius"),
+    "--list-spacing-between": t(i, "list-spacing-between"),
+    "--list-spacing-horizontal": t(
+      i,
+      "list-spacing-horizontal"
+    ),
+    "--list-spacing-vertical": t(i, "list-spacing-vertical"),
+    "--list-item-border-radius": t(
+      i,
+      "list-item-border-radius"
+    ),
+    "--list-item-font-family": e.fontFamily,
+    "--list-item-font-weight": e.fontWeight,
+    "--list-item-font-size": e.fontSize,
+    "--list-item-line-height": e.lineHeight,
+    "--list-item-letter-spacing": e.letterSpacing,
+    "--list-item-secondary-font-family": s.fontFamily,
+    "--list-item-secondary-font-weight": s.fontWeight,
+    "--list-item-secondary-font-size": s.fontSize,
+    "--list-item-secondary-line-height": s.lineHeight,
+    "--list-item-secondary-letter-spacing": s.letterSpacing,
+    "--list-item-icon-width": t(i, "list-item-icon-width"),
+    "--list-item-icon-height": t(i, "list-item-icon-height"),
+    "--list-item-image-width": t(i, "list-item-image-width"),
+    "--list-item-image-height": t(i, "list-item-image-height")
+  };
+};
+export {
+  h as getListStyles
+};

package/dist/components/Loader/Loader.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "./Loader.module.css.js";
+import { getLoaderStyles as m } from "./Loader.utils.js";
+const p = ({ variant: r = "primary", size: o = "m" }) => /* @__PURE__ */ t("div", { className: e.root, style: m(r, o) });
+export {
+  p as Loader
+};

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

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

package/dist/components/Loader/Loader.types.js

@@ -0,0 +1 @@
+

package/dist/components/Loader/Loader.utils.js

@@ -0,0 +1,14 @@
+const a = {
+  contrast: "var(--loader-bg-color-track-contrast)",
+  risk: "var(--loader-bg-color-track-risk)",
+  default: "var(--loader-bg-color-track)"
+}, l = (o, r) => ({
+  "--loader-bg-color-indicator": `var(--loader-bg-color-indicator-${o})`,
+  "--loader-track-bg-color": a[o] || a.default,
+  "--loader-width": `var(--loader-width-${r})`,
+  "--loader-height": `var(--loader-height-${r})`,
+  "--loader-border": `var(--loader-border-${r})`
+});
+export {
+  l as getLoaderStyles
+};

package/dist/components/Menu/Menu.context.js

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

package/dist/components/Menu/Menu.js

@@ -0,0 +1,38 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { MenuItem as f } from "./MenuItem/MenuItem.js";
+import { MenuContextProvider as u } from "./Menu.context.js";
+import m from "./Menu.module.css.js";
+import { resolveMenuProportions as v } from "./Menu.utils.js";
+import { Popover as o } from "../Popover/Popover.js";
+import { classNames as t } from "../../utils/class-names.js";
+const M = ({
+  trigger: s,
+  children: n,
+  size: e = "m",
+  offset: i = 10,
+  position: l,
+  maxHeight: p = 350,
+  className: c,
+  ...a
+}) => /* @__PURE__ */ r(u, { value: { size: e }, children: /* @__PURE__ */ d(o, { offset: i, position: l, ...a, children: [
+  /* @__PURE__ */ r(o.Trigger, { children: s }),
+  /* @__PURE__ */ r(
+    o.Dropdown,
+    {
+      className: t(m.root, c),
+      style: v(e),
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          style: { maxHeight: p },
+          className: t(m.menuContent, "scrollbarSizeM"),
+          children: n
+        }
+      )
+    }
+  )
+] }) });
+M.Item = f;
+export {
+  M as Menu
+};

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

@@ -0,0 +1,9 @@
+const t = "_root_96ge1_1", o = "_menuContent_96ge1_19", n = {
+  root: t,
+  menuContent: o
+};
+export {
+  n as default,
+  o as menuContent,
+  t as root
+};

package/dist/components/Menu/Menu.types.js

@@ -0,0 +1 @@
+

package/dist/components/Menu/Menu.utils.js

@@ -0,0 +1,12 @@
+import { getSize as e } from "../../utils/get-size.js";
+const t = (n) => ({
+  "--menu-list-spacing-vertical": e(n, "menu-list-spacing-vertical"),
+  "--menu-list-spacing-horizontal": e(
+    n,
+    "menu-list-spacing-horizontal"
+  ),
+  "--menu-list-spacing-between": e(n, "menu-list-spacing-between")
+});
+export {
+  t as resolveMenuProportions
+};

package/dist/components/Menu/MenuItem/MenuItem.js

@@ -0,0 +1,47 @@
+import { jsxs as n, jsx as m } from "react/jsx-runtime";
+import { menuItemProportionsResolver as y, resolveMenuTypography as l } from "./MenuItem.utils.js";
+import e from "./MenuItem.module.css.js";
+import { useMenuContext as v } from "../Menu.context.js";
+import { usePopoverContext as x } from "../../Popover/Popover.context.js";
+import { classNames as c } from "../../../utils/class-names.js";
+const k = ({
+  children: i,
+  disabled: o = !1,
+  onClick: t,
+  leftIcon: a,
+  rightIcon: p,
+  secondaryText: r
+}) => {
+  const { size: s } = v(), { closePopover: u } = x(), d = y(s), f = c(e.root, o && e.disabled);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      style: d,
+      className: f,
+      onClick: () => {
+        o || (u(), t && t());
+      },
+      children: [
+        a,
+        /* @__PURE__ */ n("div", { className: e.content, children: [
+          /* @__PURE__ */ m("div", { style: l(s, "text"), children: i }),
+          r && /* @__PURE__ */ m(
+            "p",
+            {
+              style: l(s, "secondaryText"),
+              className: c(
+                e.secondaryText,
+                o && e.disabled
+              ),
+              children: r
+            }
+          )
+        ] }),
+        p
+      ]
+    }
+  );
+};
+export {
+  k as MenuItem
+};

package/dist/components/Menu/MenuItem/MenuItem.module.css.js

@@ -0,0 +1,13 @@
+const t = "_root_7pye4_1", e = "_disabled_7pye4_41", o = "_content_7pye4_60", n = "_secondaryText_7pye4_64", s = {
+  root: t,
+  disabled: e,
+  content: o,
+  secondaryText: n
+};
+export {
+  o as content,
+  s as default,
+  e as disabled,
+  t as root,
+  n as secondaryText
+};

package/dist/components/Menu/MenuItem/MenuItem.utils.js

@@ -0,0 +1,34 @@
+import { resolveTypography as p } from "../../../utils/typography.js";
+import { getSize as e } from "../../../utils/get-size.js";
+const r = {
+  m: {
+    text: {
+      category: "body",
+      proportion: "s"
+    },
+    secondaryText: {
+      category: "description",
+      proportion: "l"
+    }
+  },
+  l: {
+    text: {
+      category: "body",
+      proportion: "m"
+    },
+    secondaryText: {
+      category: "body",
+      proportion: "s"
+    }
+  }
+}, s = (o, t) => {
+  const n = r[o][t].category, i = r[o][t].proportion;
+  return p(n, i);
+}, y = (o) => ({
+  "--menu-item-icon-width": e(o, "menu-item-icon-width"),
+  "--menu-item-icon-height": e(o, "menu-item-icon-height")
+});
+export {
+  y as menuItemProportionsResolver,
+  s as resolveMenuTypography
+};

package/dist/components/Modal/Modal.js

@@ -0,0 +1,48 @@
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import t from "./Modal.module.css.js";
+import { ModalHeader as M } from "./ModalHeader/ModalHeader.js";
+import { ModalContent as y } from "./ModalContent/ModalContent.js";
+import { ModalActions as N } from "./ModalActions/ModalActions.js";
+import { getModalStyles as h } from "./Modal.utils.js";
+import { Backdrop as k } from "../Backdrop/Backdrop.js";
+import { classNames as m } from "../../utils/class-names.js";
+import { OutlineSystemClose as x } from "../../icons/components/OutlineSystemClose.js";
+const r = ({
+  children: s,
+  onClose: e,
+  isOpen: a,
+  variant: l = "desktop",
+  className: i,
+  withCloseButton: n = !0,
+  isCentered: c = !0,
+  isCloseOutside: d = !0,
+  zIndex: p,
+  transitionProps: f
+}) => /* @__PURE__ */ o(
+  k,
+  {
+    transitionProps: f,
+    zIndex: p,
+    className: m(!c && t.start),
+    isOpen: a,
+    onClose: e,
+    isCloseOutside: d,
+    children: /* @__PURE__ */ u(
+      "div",
+      {
+        style: h(l),
+        className: m(t.root, i),
+        children: [
+          n && /* @__PURE__ */ o("span", { className: t.closeButton, onClick: e, children: /* @__PURE__ */ o(x, {}) }),
+          s
+        ]
+      }
+    )
+  }
+);
+r.Header = M;
+r.Content = y;
+r.Actions = N;
+export {
+  r as Modal
+};

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

@@ -0,0 +1,23 @@
+const t = "_root_54w1h_1", e = "_header_54w1h_27", o = "_alignCenter_54w1h_33", n = "_titles_54w1h_38", _ = "_title_54w1h_38", s = "_description_54w1h_48", c = "_content_54w1h_52", r = "_closeButton_54w1h_56", i = "_start_54w1h_70", l = {
+  root: t,
+  header: e,
+  alignCenter: o,
+  titles: n,
+  title: _,
+  description: s,
+  content: c,
+  closeButton: r,
+  start: i
+};
+export {
+  o as alignCenter,
+  r as closeButton,
+  c as content,
+  l as default,
+  s as description,
+  e as header,
+  t as root,
+  i as start,
+  _ as title,
+  n as titles
+};

package/dist/components/Modal/Modal.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/Modal.utils.js

@@ -0,0 +1,8 @@
+const e = (a) => ({
+  "--modal-spacing-vertical-default": `var(--modal-spacing-vertical-default-${a})`,
+  "--modal-spacing-horizontal-default": `var(--modal-spacing-horizontal-default-${a})`,
+  "--modal-spacing-between-default": `var(--modal-spacing-between-default-${a})`
+});
+export {
+  e as getModalStyles
+};

package/dist/components/Modal/ModalActions/ModalActions.js

@@ -0,0 +1,5 @@
+import { jsx as t } from "react/jsx-runtime";
+const n = ({ children: o, className: r }) => /* @__PURE__ */ t("div", { className: r, children: o });
+export {
+  n as ModalActions
+};

package/dist/components/Modal/ModalContent/ModalContent.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "../Modal.module.css.js";
+import { classNames as s } from "../../../utils/class-names.js";
+const c = ({ children: o, className: t }) => /* @__PURE__ */ r("div", { className: s(m.content, t), children: o });
+export {
+  c as ModalContent
+};

package/dist/components/Modal/ModalHeader/ModalHeader.js

@@ -0,0 +1,43 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import r from "../Modal.module.css.js";
+import { Typography as t } from "../../Typography/Typography.js";
+import { classNames as n } from "../../../utils/class-names.js";
+const N = ({
+  className: m,
+  description: e,
+  icon: c,
+  title: s,
+  align: l = "start"
+}) => {
+  const i = n(
+    r.header,
+    l === "center" && r.alignCenter,
+    m
+  );
+  return /* @__PURE__ */ a("div", { className: i, children: [
+    c,
+    (s || e) && /* @__PURE__ */ a("div", { className: r.titles, children: [
+      s && /* @__PURE__ */ o(
+        t,
+        {
+          className: r.title,
+          category: "heading",
+          proportions: "h1",
+          children: s
+        }
+      ),
+      e && /* @__PURE__ */ o(
+        t,
+        {
+          className: r.description,
+          category: "body",
+          proportions: "m",
+          children: e
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  N as ModalHeader
+};

package/dist/components/Navbar/Navbar.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "./Navbar.module.css.js";
+import { classNames as n } from "../../utils/class-names.js";
+const l = ({
+  children: t,
+  type: e = "default",
+  className: a
+}) => {
+  const s = () => {
+    switch (e) {
+      case "with-border":
+        return r.withBorder;
+      case "transparent":
+        return r.transparent;
+      default:
+        return r.default;
+    }
+  };
+  return /* @__PURE__ */ o("div", { className: n(r.root, s(), a), children: t });
+};
+export {
+  l as Navbar
+};

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

@@ -0,0 +1,12 @@
+const t = "_root_4n69b_1", r = "_withBorder_4n69b_13", n = "_transparent_4n69b_18", o = {
+  root: t,
+  default: "_default_4n69b_9",
+  withBorder: r,
+  transparent: n
+};
+export {
+  o as default,
+  t as root,
+  n as transparent,
+  r as withBorder
+};

package/dist/components/Navbar/Navbar.types.js

@@ -0,0 +1 @@
+

package/dist/components/Pagination/Pagination.hook.js

@@ -0,0 +1,27 @@
+import { useMemo as h } from "react";
+const u = "...", s = (n, i) => {
+  const r = i - n + 1;
+  return Array.from({ length: r }, (f, g) => g + n);
+}, d = ({
+  totalPageCount: n,
+  currentPage: i
+}) => h(() => {
+  if (5 >= n)
+    return s(1, n);
+  const c = Math.max(i - 1, 1), l = Math.min(
+    i + 1,
+    n
+  ), e = c > 1, o = l < n - 1;
+  if (!e && o)
+    return [...s(1, 3), u, n];
+  if (e && !o) {
+    const t = s(n - 3, n);
+    return t.slice(-2).includes(i) ? t.slice(-3) : t;
+  }
+  if (e && o)
+    return [...s(c, l), u, n];
+}, [n, i]);
+export {
+  u as DOTS,
+  d as usePagination
+};

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,182 @@
+import { jsxs as i, jsx as t, Fragment as H } from "react/jsx-runtime";
+import { useState as J } from "react";
+import { usePagination as K, DOTS as A } from "./Pagination.hook.js";
+import n from "./Pagination.module.css.js";
+import { getPaginationStyles as Q } from "./Pagination.utils.js";
+import { useLocale as U } from "../../providers/hooks/useLocale/useLocale.js";
+import { OutlineNavigationDoubleLeft as X } from "../../icons/components/OutlineNavigationDoubleLeft.js";
+import { Input as I } from "../Input/Input.js";
+import { OutlineNavigationDoubleRight as Y } from "../../icons/components/OutlineNavigationDoubleRight.js";
+import { Select as Z } from "../Select/Select.js";
+import { classNames as a } from "../../utils/class-names.js";
+import { OutlineNavigationChevronLeftSmall as $ } from "../../icons/components/OutlineNavigationChevronLeftSmall.js";
+import { OutlineNavigationChevronRightSmall as B } from "../../icons/components/OutlineNavigationChevronRightSmall.js";
+const b = {
+  ru: {
+    forward: "Вперёд",
+    backward: "Назад",
+    of: "Из"
+  },
+  en: {
+    forward: "Next",
+    backward: "Previous",
+    of: "Of"
+  },
+  tj: {
+    forward: "Ба пеш",
+    backward: "Ба қафо",
+    of: "Аз"
+  }
+}, un = ({
+  onPageChange: R,
+  onPageSizeChange: N,
+  totalCount: D,
+  pageOptions: C,
+  currentPage: o,
+  pageSize: d,
+  size: s = "m",
+  variant: g = "default",
+  className: M,
+  rounded: T = !1,
+  showInputPage: S = !0,
+  showFirstLastButton: x = !0,
+  showPages: j = !0
+}) => {
+  const [r, w] = J(String(o)), p = Math.ceil(D / d), { locale: m } = U(), c = K({
+    currentPage: o,
+    totalPageCount: p
+  });
+  if (!c || o <= 0 || c.length < 1)
+    return null;
+  const v = 1, h = c[c.length - 1], u = g === "mobile", k = 26 + Math.max(r.length, 2) * (s === "m" ? 10 : 8) + "px", E = 60 + String(d).length * (s === "m" ? 10 : 8) + "px", G = a(n.root, M), P = Q(s, T), y = a(
+    g === "default" && n.visible
+  ), V = a(
+    u && n.hidden,
+    n.flex
+  ), _ = a(
+    n.inputPage,
+    n.flex,
+    u ? n.visible : n.hidden
+  ), W = a(
+    n.inputPage,
+    n.flex,
+    u && n.hidden
+  ), F = a(
+    n.doubleChevronRight,
+    u ? n.visible : n.hidden
+  ), L = (e) => {
+    const f = e.target.value;
+    (Number(f) <= Number(h) && Number(f) > 0 || f === "") && w(f);
+  }, l = (e) => {
+    w(String(e)), R(e);
+  }, O = (e) => {
+    if (e.preventDefault(), !r) {
+      l(1);
+      return;
+    }
+    l(Number(r));
+  }, q = (e) => {
+    N && N(Number(e || d)), l(1);
+  };
+  return /* @__PURE__ */ i("div", { className: G, style: P, children: [
+    /* @__PURE__ */ i("div", { className: n.flex, children: [
+      x && /* @__PURE__ */ t(
+        "button",
+        {
+          className: n.doubleChevronLeft,
+          disabled: o === v,
+          onClick: () => l(v),
+          children: /* @__PURE__ */ t(X, {})
+        }
+      ),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: n.chevron,
+          disabled: o === v,
+          onClick: () => l(o - 1),
+          children: [
+            /* @__PURE__ */ t($, {}),
+            /* @__PURE__ */ t("span", { className: y, children: b[m].backward })
+          ]
+        }
+      ),
+      S && /* @__PURE__ */ i("div", { className: _, children: [
+        /* @__PURE__ */ t("form", { onSubmit: O, style: { width: k }, children: /* @__PURE__ */ t(
+          I,
+          {
+            value: r,
+            type: "number",
+            onChange: L,
+            proportions: s
+          }
+        ) }),
+        /* @__PURE__ */ t("span", { children: b[m].of + " " + p })
+      ] }),
+      j && /* @__PURE__ */ t("div", { className: V, children: c.map((e) => e === A ? /* @__PURE__ */ t("span", { className: n.dots, children: A }) : /* @__PURE__ */ t(
+        "button",
+        {
+          className: a(
+            o === e && n.active
+          ),
+          onClick: () => l(Number(e)),
+          children: e
+        }
+      )) }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: n.chevron,
+          disabled: o === h,
+          onClick: () => l(o + 1),
+          children: [
+            /* @__PURE__ */ t("span", { className: y, children: b[m].forward }),
+            /* @__PURE__ */ t(B, {})
+          ]
+        }
+      ),
+      x && /* @__PURE__ */ t(
+        "button",
+        {
+          className: F,
+          disabled: o === h,
+          onClick: () => l(Number(h)),
+          children: /* @__PURE__ */ t(Y, {})
+        }
+      ),
+      S && /* @__PURE__ */ i("div", { className: W, children: [
+        /* @__PURE__ */ t("form", { onSubmit: O, style: { width: k }, children: /* @__PURE__ */ t(
+          I,
+          {
+            value: r,
+            type: "number",
+            onChange: L,
+            proportions: s
+          }
+        ) }),
+        /* @__PURE__ */ t("span", { children: b[m].of + " " + p })
+      ] })
+    ] }),
+    C && /* @__PURE__ */ i(H, { children: [
+      /* @__PURE__ */ t("span", { className: n.divider }),
+      /* @__PURE__ */ t(
+        Z,
+        {
+          style: { width: E },
+          proportions: s,
+          filterable: !1,
+          showClearIcon: !1,
+          onChange: q,
+          value: String(d),
+          options: C.map((e) => ({
+            label: String(e),
+            value: String(e)
+          }))
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  un as Pagination
+};

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

@@ -0,0 +1,27 @@
+const e = "_root_m7esv_1", o = "_flex_m7esv_70", t = "_chevron_m7esv_110", _ = "_doubleChevronRight_m7esv_120", s = "_doubleChevronLeft_m7esv_124", v = "_active_m7esv_134", n = "_dots_m7esv_138", i = "_inputPage_m7esv_148", d = "_divider_m7esv_168", c = "_visible_m7esv_174", r = "_hidden_m7esv_178", h = {
+  root: e,
+  flex: o,
+  chevron: t,
+  doubleChevronRight: _,
+  doubleChevronLeft: s,
+  active: v,
+  dots: n,
+  inputPage: i,
+  divider: d,
+  visible: c,
+  hidden: r
+};
+export {
+  v as active,
+  t as chevron,
+  h as default,
+  d as divider,
+  n as dots,
+  s as doubleChevronLeft,
+  _ as doubleChevronRight,
+  o as flex,
+  r as hidden,
+  i as inputPage,
+  e as root,
+  c as visible
+};