mimir-ui-kit 1.38.36 → 1.38.38

package/dist/components/TabTrail/TabTrail.js

@@ -0,0 +1,313 @@
+import { jsxs as X, jsx as D } from "react/jsx-runtime";
+import { c as J } from "../../index-DIxK0V-G.js";
+import * as C from "react";
+import M, { useRef as z, useState as Q, createContext as ie, useReducer as ke, useMemo as R, useId as ue, useContext as ce, forwardRef as ye, useEffect as Z } from "react";
+import { ETabTrailSize as Se } from "./constants.js";
+import { TabButtons as Ae } from "./TabButtons/TabButtons.js";
+import { ETabTrailButtonVariant as Fe } from "./TabButtons/constants.js";
+import { NotificationBadge as De } from "../NotificationBadge/NotificationBadge.js";
+import { n as U, M as oe, W as V, s as K, y as q, o as N, H, $ as de, b as Ne, D as fe, a as G, u as Re, c as I, t as Le } from "../../keyboard-B0lm_zyn.js";
+import { w as Oe } from "../../use-active-press-86hajhdd.js";
+import { e as Me } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { T as pe, s as Ce } from "../../hidden-DbgtYPOH.js";
+import { _ as W, T as Y, P as O, F as P } from "../../focus-management-DE4t_lW3.js";
+import '../../assets/TabTrail.css';function Be() {
+  let e = z(!1);
+  return U(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
+}
+function We({ onFocus: e }) {
+  let [t, n] = Q(!0), r = Be();
+  return t ? M.createElement(pe, { as: "button", type: "button", features: Ce.Focusable, onFocus: (s) => {
+    s.preventDefault();
+    let l, o = 50;
+    function b() {
+      if (o-- <= 0) {
+        l && cancelAnimationFrame(l);
+        return;
+      }
+      if (e()) {
+        if (cancelAnimationFrame(l), !r.current) return;
+        n(!1);
+        return;
+      }
+      l = requestAnimationFrame(b);
+    }
+    l = requestAnimationFrame(b);
+  } }) : null;
+}
+const be = C.createContext(null);
+function Ge() {
+  return { groups: /* @__PURE__ */ new Map(), get(e, t) {
+    var n;
+    let r = this.groups.get(e);
+    r || (r = /* @__PURE__ */ new Map(), this.groups.set(e, r));
+    let s = (n = r.get(t)) != null ? n : 0;
+    r.set(t, s + 1);
+    let l = Array.from(r.keys()).indexOf(t);
+    function o() {
+      let b = r.get(t);
+      b > 1 ? r.set(t, b - 1) : r.delete(t);
+    }
+    return [l, o];
+  } };
+}
+function ze({ children: e }) {
+  let t = C.useRef(Ge());
+  return C.createElement(be.Provider, { value: t }, e);
+}
+function me(e) {
+  let t = C.useContext(be);
+  if (!t) throw new Error("You must wrap your component in a <StableCollection>");
+  let n = C.useId(), [r, s] = t.current.get(e, n);
+  return C.useEffect(() => s, []), r;
+}
+var Ue = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ue || {}), Ve = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(Ve || {}), qe = ((e) => (e[e.SetSelectedIndex = 0] = "SetSelectedIndex", e[e.RegisterTab = 1] = "RegisterTab", e[e.UnregisterTab = 2] = "UnregisterTab", e[e.RegisterPanel = 3] = "RegisterPanel", e[e.UnregisterPanel = 4] = "UnregisterPanel", e))(qe || {});
+let He = { 0(e, t) {
+  var n;
+  let r = W(e.tabs, (d) => d.current), s = W(e.panels, (d) => d.current), l = r.filter((d) => {
+    var x;
+    return !((x = d.current) != null && x.hasAttribute("disabled"));
+  }), o = { ...e, tabs: r, panels: s };
+  if (t.index < 0 || t.index > r.length - 1) {
+    let d = G(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => G(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
+    if (l.length === 0) return o;
+    let x = G(d, { 0: () => r.indexOf(l[0]), 1: () => r.indexOf(l[l.length - 1]) });
+    return { ...o, selectedIndex: x === -1 ? e.selectedIndex : x };
+  }
+  let b = r.slice(0, t.index), T = [...r.slice(t.index), ...b].find((d) => l.includes(d));
+  if (!T) return o;
+  let v = (n = r.indexOf(T)) != null ? n : e.selectedIndex;
+  return v === -1 && (v = e.selectedIndex), { ...o, selectedIndex: v };
+}, 1(e, t) {
+  if (e.tabs.includes(t.tab)) return e;
+  let n = e.tabs[e.selectedIndex], r = W([...e.tabs, t.tab], (l) => l.current), s = e.selectedIndex;
+  return e.info.current.isControlled || (s = r.indexOf(n), s === -1 && (s = e.selectedIndex)), { ...e, tabs: r, selectedIndex: s };
+}, 2(e, t) {
+  return { ...e, tabs: e.tabs.filter((n) => n !== t.tab) };
+}, 3(e, t) {
+  return e.panels.includes(t.panel) ? e : { ...e, panels: W([...e.panels, t.panel], (n) => n.current) };
+}, 4(e, t) {
+  return { ...e, panels: e.panels.filter((n) => n !== t.panel) };
+} }, ee = ie(null);
+ee.displayName = "TabsDataContext";
+function B(e) {
+  let t = ce(ee);
+  if (t === null) {
+    let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(n, B), n;
+  }
+  return t;
+}
+let te = ie(null);
+te.displayName = "TabsActionsContext";
+function re(e) {
+  let t = ce(te);
+  if (t === null) {
+    let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(n, re), n;
+  }
+  return t;
+}
+function je(e, t) {
+  return G(t.type, He, e, t);
+}
+let Je = "div";
+function Ke(e, t) {
+  let { defaultIndex: n = 0, vertical: r = !1, manual: s = !1, onChange: l, selectedIndex: o = null, ...b } = e;
+  const T = r ? "vertical" : "horizontal", v = s ? "manual" : "auto";
+  let d = o !== null, x = K({ isControlled: d }), _ = q(t), [i, c] = ke(je, { info: x, selectedIndex: o ?? n, tabs: [], panels: [] }), S = R(() => ({ selectedIndex: i.selectedIndex }), [i.selectedIndex]), A = K(l || (() => {
+  })), h = K(i.tabs), f = R(() => ({ orientation: T, activation: v, ...i }), [T, v, i]), E = N((p) => (c({ type: 1, tab: p }), () => c({ type: 2, tab: p }))), F = N((p) => (c({ type: 3, panel: p }), () => c({ type: 4, panel: p }))), g = N((p) => {
+    a.current !== p && A.current(p), d || c({ type: 0, index: p });
+  }), a = K(d ? e.selectedIndex : i.selectedIndex), m = R(() => ({ registerTab: E, registerPanel: F, change: g }), []);
+  U(() => {
+    c({ type: 0, index: o ?? n });
+  }, [o]), U(() => {
+    if (a.current === void 0 || i.tabs.length <= 0) return;
+    let p = W(i.tabs, (y) => y.current);
+    p.some((y, L) => i.tabs[L] !== y) && g(p.indexOf(i.tabs[a.current]));
+  });
+  let k = { ref: _ };
+  return M.createElement(ze, null, M.createElement(te.Provider, { value: m }, M.createElement(ee.Provider, { value: f }, f.tabs.length <= 0 && M.createElement(We, { onFocus: () => {
+    var p, y;
+    for (let L of h.current) if (((p = L.current) == null ? void 0 : p.tabIndex) === 0) return (y = L.current) == null || y.focus(), !0;
+    return !1;
+  } }), H({ ourProps: k, theirProps: b, slot: S, defaultTag: Je, name: "Tabs" }))));
+}
+let Ye = "div";
+function Qe(e, t) {
+  let { orientation: n, selectedIndex: r } = B("Tab.List"), s = q(t), l = R(() => ({ selectedIndex: r }), [r]);
+  return H({ ourProps: { ref: s, role: "tablist", "aria-orientation": n }, theirProps: e, slot: l, defaultTag: Ye, name: "Tabs.List" });
+}
+let Xe = "button";
+function Ze(e, t) {
+  var n, r;
+  let s = ue(), { id: l = `headlessui-tabs-tab-${s}`, disabled: o = !1, autoFocus: b = !1, ...T } = e, { orientation: v, activation: d, selectedIndex: x, tabs: _, panels: i } = B("Tab"), c = re("Tab"), S = B("Tab"), [A, h] = Q(null), f = z(null), E = q(f, t, h);
+  U(() => c.registerTab(f), [c, f]);
+  let F = me("tabs"), g = _.indexOf(f);
+  g === -1 && (g = F);
+  let a = g === x, m = N((u) => {
+    var $;
+    let j = u();
+    if (j === Y.Success && d === "auto") {
+      let _e = ($ = Re(f)) == null ? void 0 : $.activeElement, le = S.tabs.findIndex((Ee) => Ee.current === _e);
+      le !== -1 && c.change(le);
+    }
+    return j;
+  }), k = N((u) => {
+    let $ = _.map((j) => j.current).filter(Boolean);
+    if (u.key === I.Space || u.key === I.Enter) {
+      u.preventDefault(), u.stopPropagation(), c.change(g);
+      return;
+    }
+    switch (u.key) {
+      case I.Home:
+      case I.PageUp:
+        return u.preventDefault(), u.stopPropagation(), m(() => O($, P.First));
+      case I.End:
+      case I.PageDown:
+        return u.preventDefault(), u.stopPropagation(), m(() => O($, P.Last));
+    }
+    if (m(() => G(v, { vertical() {
+      return u.key === I.ArrowUp ? O($, P.Previous | P.WrapAround) : u.key === I.ArrowDown ? O($, P.Next | P.WrapAround) : Y.Error;
+    }, horizontal() {
+      return u.key === I.ArrowLeft ? O($, P.Previous | P.WrapAround) : u.key === I.ArrowRight ? O($, P.Next | P.WrapAround) : Y.Error;
+    } })) === Y.Success) return u.preventDefault();
+  }), p = z(!1), y = N(() => {
+    var u;
+    p.current || (p.current = !0, (u = f.current) == null || u.focus({ preventScroll: !0 }), c.change(g), Le(() => {
+      p.current = !1;
+    }));
+  }), L = N((u) => {
+    u.preventDefault();
+  }), { isFocusVisible: ne, focusProps: Te } = de({ autoFocus: b }), { isHovered: ae, hoverProps: Ie } = Ne({ isDisabled: o }), { pressed: se, pressProps: Pe } = Oe({ disabled: o }), we = R(() => ({ selected: a, hover: ae, active: se, focus: ne, autofocus: b, disabled: o }), [a, ae, ne, se, b, o]), $e = fe({ ref: E, onKeyDown: k, onMouseDown: L, onClick: y, id: l, role: "tab", type: Me(e, A), "aria-controls": (r = (n = i[g]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": a, tabIndex: a ? 0 : -1, disabled: o || void 0, autoFocus: b }, Te, Ie, Pe);
+  return H({ ourProps: $e, theirProps: T, slot: we, defaultTag: Xe, name: "Tabs.Tab" });
+}
+let et = "div";
+function tt(e, t) {
+  let { selectedIndex: n } = B("Tab.Panels"), r = q(t), s = R(() => ({ selectedIndex: n }), [n]);
+  return H({ ourProps: { ref: r }, theirProps: e, slot: s, defaultTag: et, name: "Tabs.Panels" });
+}
+let rt = "div", nt = oe.RenderStrategy | oe.Static;
+function at(e, t) {
+  var n, r, s, l;
+  let o = ue(), { id: b = `headlessui-tabs-panel-${o}`, tabIndex: T = 0, ...v } = e, { selectedIndex: d, tabs: x, panels: _ } = B("Tab.Panel"), i = re("Tab.Panel"), c = z(null), S = q(c, t);
+  U(() => i.registerPanel(c), [i, c]);
+  let A = me("panels"), h = _.indexOf(c);
+  h === -1 && (h = A);
+  let f = h === d, { isFocusVisible: E, focusProps: F } = de(), g = R(() => ({ selected: f, focus: E }), [f, E]), a = fe({ ref: S, id: b, role: "tabpanel", "aria-labelledby": (r = (n = x[h]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: f ? T : -1 }, F);
+  return !f && ((s = v.unmount) == null || s) && !((l = v.static) != null && l) ? M.createElement(pe, { "aria-hidden": "true", ...a }) : H({ ourProps: a, theirProps: v, slot: g, defaultTag: rt, features: nt, visible: f, name: "Tabs.Panel" });
+}
+let st = V(Ze), ve = V(Ke), xe = V(Qe), he = V(tt), ge = V(at), lt = Object.assign(st, { Group: ve, List: xe, Panels: he, Panel: ge });
+const ot = "_container_rlke5_2", it = "_group_rlke5_6", ut = "_tab_rlke5_16", ct = "_list_rlke5_51", dt = "_tabs_rlke5_62", ft = "_buttons_rlke5_68", pt = "_m_rlke5_75", bt = "_s_rlke5_83", w = {
+  container: ot,
+  group: it,
+  "group-inner": "_group-inner_rlke5_9",
+  tab: ut,
+  list: ct,
+  tabs: dt,
+  buttons: ft,
+  m: pt,
+  s: bt
+}, kt = ye(
+  ({
+    categories: e,
+    size: t = Se.M,
+    showButtons: n = !0,
+    className: r,
+    selectedTabIndex: s,
+    onTabChange: l,
+    buttonsVariant: o = Fe.WHITE,
+    autoShowButtons: b = !1,
+    tabClassName: T,
+    listClassName: v,
+    panelClassName: d,
+    buttonsClassName: x
+  }, _) => {
+    const [i, c] = Q(s || 0), [S, A] = Q(!1), h = z(null);
+    Z(() => {
+      s !== void 0 && s !== i && c(s);
+    }, [i, s]);
+    const f = (a) => {
+      c(a), l == null || l(a);
+    }, E = () => {
+      const a = (i + 1) % e.length;
+      f(a);
+    }, F = () => {
+      const a = (i - 1 + e.length) % e.length;
+      f(a);
+    };
+    Z(() => {
+      var m;
+      const a = (m = h.current) == null ? void 0 : m.querySelector(
+        `.${w.tab}[data-active="true"]`
+      );
+      a && typeof a.scrollIntoView == "function" && a.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "center"
+      });
+    }, [i]), Z(() => {
+      const a = () => {
+        if (h.current) {
+          const { scrollWidth: m, clientWidth: k } = h.current;
+          A(m > k);
+        }
+      };
+      return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+    }, [e]);
+    const g = b ? S : n;
+    return /* @__PURE__ */ X(
+      ve,
+      {
+        ref: _,
+        className: J(w.group, w[t], r),
+        selectedIndex: i,
+        onChange: f,
+        children: [
+          /* @__PURE__ */ X("div", { className: w["group-inner"], children: [
+            /* @__PURE__ */ D(
+              xe,
+              {
+                ref: h,
+                className: J(w.list, v),
+                children: /* @__PURE__ */ D("div", { className: w.tabs, children: e.map(({ name: a, notificationCount: m }, k) => /* @__PURE__ */ X(
+                  lt,
+                  {
+                    className: `${w.tab} ${i === k ? 'data-active="true"' : ""} ${T || ""}`,
+                    "data-active": i === k,
+                    children: [
+                      a,
+                      m && /* @__PURE__ */ D(De, { count: m, size: "m" })
+                    ]
+                  },
+                  a
+                )) })
+              }
+            ),
+            g && /* @__PURE__ */ D("div", { className: J(w.buttons, x), children: /* @__PURE__ */ D(
+              Ae,
+              {
+                handlePrevTab: F,
+                handleNextTab: E,
+                buttonsVariant: o
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ D(he, { className: w.panels, children: e.map(({ name: a, content: m }) => /* @__PURE__ */ D(
+            ge,
+            {
+              className: J(w.panel, d),
+              children: m
+            },
+            a
+          )) })
+        ]
+      }
+    );
+  }
+);
+export {
+  kt as TabTrail
+};

package/dist/components/TabTrail/constants.d.ts

@@ -0,0 +1,4 @@
+export declare enum ETabTrailSize {
+    M = "m",
+    S = "s"
+}

package/dist/components/TabTrail/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.M = "m", r.S = "s", r))(t || {});
+export {
+  t as ETabTrailSize
+};

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

@@ -0,0 +1,2 @@
+export { TabTrail, type TTabTrailProps, type TCategoryTab } from './TabTrail';
+export { ETabTrailSize } from './constants';

package/dist/components/TabTrail/index.js

@@ -0,0 +1,6 @@
+import { TabTrail as o } from "./TabTrail.js";
+import { ETabTrailSize as e } from "./constants.js";
+export {
+  e as ETabTrailSize,
+  o as TabTrail
+};

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { ETagSize, ETagType } from './constants';
+
+export type TProps = {
+    /**
+     * Класс, применяемый к корневому элементу
+     */
+    rootClassName?: string;
+    /**
+     * Класс, применяемый к контентному элементу
+     */
+    innerClassName?: string;
+    /**
+     * Класс, применяемый к контентному элементу
+     */
+    size?: ETagSize;
+    /**
+     * Класс, применяемый к корневому элемент
+     */
+    children?: ReactNode;
+    /**
+     * Класс, применяемый к корневому элемент
+     */
+    disabled?: boolean;
+    /**
+     * Определяет какой тип элемента будет создан, по умолчанию - button
+     */
+    elementType?: ETagType;
+    /**
+     * Цвет фона, при outline и текста
+     */
+    backgroundColor?: string;
+    /**
+     * Цвет текста (если не outline)
+     */
+    color?: string;
+    /**
+     * Определяет должен быть тег в стилистике outline или нет
+     */
+    outline?: boolean;
+};
+export declare const Tag: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLButtonElement | HTMLDivElement>>;

package/dist/components/Tag/Tag.js

@@ -0,0 +1,46 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "../../index-DIxK0V-G.js";
+import { forwardRef as N } from "react";
+import { ETagSize as j, ETagType as n } from "./constants.js";
+import '../../assets/Tag.css';const S = "_container_pnj33_2", g = "_disabled_pnj33_25", C = "_inner_pnj33_30", u = "_M_pnj33_38", M = "_S_pnj33_42", h = "_XS_pnj33_50", o = {
+  container: S,
+  disabled: g,
+  inner: C,
+  M: u,
+  S: M,
+  XS: h
+}, U = N(
+  (t, c) => {
+    const {
+      rootClassName: l,
+      innerClassName: i,
+      children: _,
+      size: d = j.M,
+      disabled: p = !1,
+      elementType: m = n.BUTTON,
+      backgroundColor: e = "",
+      color: T = "",
+      outline: r = !1,
+      ...b
+    } = t, f = m === n.BUTTON ? n.BUTTON : n.DIV;
+    return /* @__PURE__ */ s(
+      f,
+      {
+        className: a(o.container, o[d], l, {
+          [o.disabled]: p
+        }),
+        ref: c,
+        style: {
+          backgroundColor: r ? "transparent" : e,
+          borderColor: e,
+          color: r ? e : T
+        },
+        ...b,
+        children: /* @__PURE__ */ s("span", { className: a(o.inner, i), children: _ })
+      }
+    );
+  }
+);
+export {
+  U as Tag
+};

package/dist/components/Tag/constants.d.ts

@@ -0,0 +1,9 @@
+export declare enum ETagSize {
+    XS = "XS",
+    S = "S",
+    M = "M"
+}
+export declare enum ETagType {
+    DIV = "div",
+    BUTTON = "button"
+}

package/dist/components/Tag/constants.js

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((r) => (r.XS = "XS", r.S = "S", r.M = "M", r))(t || {}), n = /* @__PURE__ */ ((r) => (r.DIV = "div", r.BUTTON = "button", r))(n || {});
+export {
+  t as ETagSize,
+  n as ETagType
+};

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

@@ -0,0 +1,2 @@
+export { Tag } from './Tag';
+export { ETagSize, ETagType } from './constants';

package/dist/components/Tag/index.js

@@ -0,0 +1,7 @@
+import { Tag as r } from "./Tag.js";
+import { ETagSize as a, ETagType as g } from "./constants.js";
+export {
+  a as ETagSize,
+  g as ETagType,
+  r as Tag
+};

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,7 @@
+import { TTextAreaProps } from './types';
+import { TAdditionalProps } from '../Input';
+
+export type TProps = TAdditionalProps & TTextAreaProps;
+export declare const TextArea: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TAdditionalProps & Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "readOnly"> & {
+    inputSize?: `${import('./constants').ETextAreaInputSize}` | import('./constants').ETextAreaInputSize;
+} & import('react').RefAttributes<HTMLTextAreaElement>>>;