mimir-ui-kit 1.38.36 → 1.38.39

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,87 @@
+import { ElementType, ReactElement, ReactNode } from 'react';
+import { EDrawerPosition } from './constants';
+import { Props } from '../../types/propsWithAs';
+
+export declare const ANIMATION_DELAY = 300;
+type TProps = {
+    /**
+     * Обязательный заголовок.
+     */
+    title: string | ReactNode;
+    /**
+     * Флаг отвечающий за показ/скрытие.
+     */
+    isOpen?: boolean;
+    /**
+     * Флаг отвечающий за то, должен ли компонент полностью размонтироваться.
+     */
+    unmount?: boolean;
+    /**
+     * Настраиваемый паддинг для body, что бы избежать скачка контента при overflow: hidden
+     */
+    paddingRight?: number;
+    /**
+     * Функция закрытия шторки
+     */
+    onClose?: VoidFunction;
+    /**
+     * Дополнительный класс для родительской обертки.
+     */
+    className?: string;
+    /**
+     * Флаг отвечающий за загрузку
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг делающий шапку sticky
+     */
+    stickyHeader?: boolean;
+    /**
+     * Флаг отвечающий за высоту шторки в положении `bottom`
+     */
+    fullBottomHeight?: boolean;
+    /**
+     * Позиция шторки.
+     */
+    position?: `${EDrawerPosition}` | EDrawerPosition;
+    /**
+     * Кастомный footer. По дефолту в нем расположена кнопка для закрытия.
+     */
+    footer?: ReactNode | ((props: {
+        handleClose: VoidFunction;
+    }) => JSX.Element);
+    /**
+     * Дополнительный класс для title.
+     */
+    classNameTitle?: string;
+    /**
+     * Дополнительный класс для header.
+     */
+    classNameHeader?: string;
+    /**
+     * Дополнительный класс для content.
+     */
+    classNameContent?: string;
+    /**
+     * Дополнительный класс для inner.
+     */
+    classNameInner?: string;
+    /**
+     * Дополнительный класс для footer.
+     */
+    classNameFooter?: string;
+    /**
+     * Флаг, определяющий, закрывать ли Drawer при клике вне его области
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Флаг, определяющий, показывать ли кнопку закрытия в заголовке
+     */
+    showCloseButton?: boolean;
+};
+type TDrawerComponent = <C extends ElementType = 'div'>(props: Props<C, TProps>) => ReactElement | ReactNode;
+/**
+ * Компонент шторки, который может выезжать слева, справа или внизу.
+ */
+export declare const Drawer: TDrawerComponent;
+export {};

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,166 @@
+import { jsxs as _, jsx as o, Fragment as G } from "react/jsx-runtime";
+import { c as s } from "../../index-DIxK0V-G.js";
+import { forwardRef as K, useState as w, useRef as V, useCallback as u, useEffect as W } from "react";
+import { EDrawerPosition as v } from "./constants.js";
+import { useMediaQuery as Y } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as J } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as U } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as k } from "../Button/Button.js";
+import { EButtonVariantDefault as Z, EButtonSize as r } from "../Button/constants.js";
+import { Loader as $ } from "../Loader/Loader.js";
+import { Portal as ee } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1xs4d_27", se = "_header_1xs4d_45", ne = "_title_1xs4d_59", re = "_space_1xs4d_73", ie = "_inner_1xs4d_84", ae = "_button_1xs4d_87", le = "_footer_1xs4d_92", ce = "_left_1xs4d_105", de = "_right_1xs4d_109", me = "_full_1xs4d_113", _e = "_bottom_1xs4d_123", ue = "_opened_1xs4d_140", fe = "_overlay_1xs4d_196", he = "_unmount_1xs4d_212", e = {
+  drawer: oe,
+  content: te,
+  "is-loading": "_is-loading_1xs4d_41",
+  header: se,
+  "sticky-header": "_sticky-header_1xs4d_53",
+  title: ne,
+  space: re,
+  inner: ie,
+  button: ae,
+  footer: le,
+  "footer-button": "_footer-button_1xs4d_101",
+  left: ce,
+  right: de,
+  full: me,
+  bottom: _e,
+  "full-bottom-height": "_full-bottom-height_1xs4d_134",
+  opened: ue,
+  "is-closing": "_is-closing_1xs4d_159",
+  overlay: fe,
+  unmount: he
+}, pe = 300, Oe = K(
+  (C, B) => {
+    const {
+      as: E = "div",
+      isOpen: n,
+      onClose: i,
+      title: M,
+      className: O,
+      unmount: f = !0,
+      isLoading: a = !1,
+      stickyHeader: I,
+      fullBottomHeight: L = !1,
+      position: l = v.RIGHT,
+      paddingRight: R = 8,
+      footer: c,
+      children: T,
+      classNameTitle: S,
+      classNameHeader: D,
+      classNameInner: z,
+      classNameContent: H,
+      classNameFooter: A,
+      closeOnClickOutside: h = !0,
+      showCloseButton: p = !0,
+      ...P
+    } = C, [x, g] = w(!1), [X, N] = w(!1), y = V(), d = Y(q.XS1), { ref: j } = U({
+      enabled: l === v.BOTTOM
+    });
+    J({
+      on: n && !x,
+      paddingRight: R
+    });
+    const t = u(() => {
+      i && (g(!0), y.current = setTimeout(() => {
+        i(), g(!1);
+      }, pe));
+    }, [i]), F = u(() => {
+      h && t();
+    }, [h, t]), m = u(
+      (Q) => {
+        Q.key === "Escape" && t();
+      },
+      [t]
+    );
+    W(() => (n && (N(!0), window.addEventListener("keydown", m)), () => {
+      N(!1), clearTimeout(y.current), window.removeEventListener("keydown", m);
+    }), [n, m]);
+    const b = {
+      [e.opened]: X,
+      [e["is-closing"]]: x,
+      [e["full-bottom-height"]]: L,
+      [e["is-loading"]]: a
+    };
+    return !n && f ? null : /* @__PURE__ */ _(ee, { children: [
+      /* @__PURE__ */ o(
+        E,
+        {
+          ref: B,
+          "aria-hidden": !n,
+          role: "dialog",
+          className: s(e.drawer, e[l], b, O),
+          ...P,
+          children: /* @__PURE__ */ o(
+            "section",
+            {
+              ref: j,
+              className: s(
+                e.content,
+                H,
+                e[l],
+                {
+                  [e["is-loading"]]: !!a
+                }
+              ),
+              children: a ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ _(G, { children: [
+                /* @__PURE__ */ _(
+                  "header",
+                  {
+                    className: s(e.header, D, {
+                      [e["sticky-header"]]: I
+                    }),
+                    children: [
+                      /* @__PURE__ */ o("h2", { className: s(e.title, S), children: M }),
+                      /* @__PURE__ */ o("div", { className: e.space, children: p && /* @__PURE__ */ o(
+                        k,
+                        {
+                          variant: Z.SecondaryWhite,
+                          isIconButton: !0,
+                          size: d ? r.S : r.M,
+                          iconName: "Close16px",
+                          onClick: t,
+                          className: e.button
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ o("div", { className: s(e.inner, z), children: T }),
+                /* @__PURE__ */ o("footer", { className: s(e.footer, A), children: typeof c == "function" ? c({ handleClose: t }) : c || p && /* @__PURE__ */ o(
+                  k,
+                  {
+                    size: d ? r.M : r.XXL,
+                    full: d,
+                    onClick: t,
+                    className: e["footer-button"],
+                    children: "Закрыть"
+                  }
+                ) })
+              ] })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: s(
+            e.overlay,
+            {
+              [e.unmount]: !f
+            },
+            b
+          ),
+          "data-testid": "drawer-overlay",
+          onClick: F
+        }
+      )
+    ] });
+  }
+);
+export {
+  pe as ANIMATION_DELAY,
+  Oe as Drawer
+};

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

@@ -0,0 +1,6 @@
+export declare enum EDrawerPosition {
+    LEFT = "left",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    FULL = "full"
+}

package/dist/components/Drawer/constants.js

@@ -0,0 +1,4 @@
+var l = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.BOTTOM = "bottom", T.FULL = "full", T))(l || {});
+export {
+  l as EDrawerPosition
+};

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

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export { EDrawerPosition } from './constants';

package/dist/components/Drawer/index.js

@@ -0,0 +1,6 @@
+import { Drawer as e } from "./Drawer.js";
+import { EDrawerPosition as a } from "./constants.js";
+export {
+  e as Drawer,
+  a as EDrawerPosition
+};

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,45 @@
+import { PopoverProps, PopoverPanelProps } from '@headlessui/react';
+import { ReactNode } from 'react';
+
+export declare const ANIMATION_DELAY = 300;
+type TProps = {
+    /**
+     * Пропсы для Popover
+     */
+    popoverProps?: PopoverProps;
+    /**
+     *  Позиция выпадающего меню относительно кнопки.
+     */
+    position?: PopoverPanelProps['anchor'];
+    /**
+     *  Компонент при клике на который выпадающее меню открывается.
+     */
+    buttonContent?: ReactNode;
+    /**
+     *  Компонент выпадающего меню.
+     */
+    children?: ReactNode | ((props: {
+        close: VoidFunction;
+    }) => JSX.Element);
+    /**
+     * Дополнительный класс для компонента.
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для кнопки.
+     */
+    buttonClassName?: string;
+    /**
+     * Дополнительный класс для панели.
+     */
+    panelClassName?: string;
+    /**
+     * Дополнительный класс для меню.
+     */
+    menuItemsClassName?: string;
+};
+/**
+ * Компонент Dropdown, содержит в себе кнопку и панель выпадающего меню
+ */
+export declare const Dropdown: import('react').MemoExoticComponent<({ children, position, popoverProps, className, buttonClassName, panelClassName, menuItemsClassName, buttonContent }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,333 @@
+import { jsx as le, jsxs as Ae, Fragment as Le } from "react/jsx-runtime";
+import { c as ae } from "../../index-DIxK0V-G.js";
+import S, { createContext as te, useState as ne, useContext as oe, useRef as Q, useReducer as Ge, createRef as Pe, useMemo as R, useEffect as se, useId as ie, memo as Ke } from "react";
+import { o as E, u as we, M as ce, W as z, y as V, T as Ue, s as Te, a as q, H as re, $ as je, b as qe, D as ye, I as Je, n as We, c as U } from "../../keyboard-B0lm_zyn.js";
+import { w as Xe } from "../../use-active-press-86hajhdd.js";
+import { n as fe, s as Ze, e as Qe, E as Ve, R as Ye, v as ze, y as et, x as tt, a as nt, b as ot, m as rt, f as lt, d as at, t as ut } from "../../portal-WDFNoIMz.js";
+import { e as st } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { T as pe, s as de } from "../../hidden-DbgtYPOH.js";
+import { c as it, i as Y, u as _e, R as Be, H as Fe, s as ct } from "../../open-closed-CdldUPoq.js";
+import { C as pt } from "../../close-provider-CEutdhG8.js";
+import { r as ke } from "../../bugs-diTMAGNw.js";
+import { b as Se, P as j, F as H, A as dt, h as ft, T as $e } from "../../focus-management-DE4t_lW3.js";
+import '../../assets/Dropdown.css';function vt({ defaultContainers: e = [], portals: n, mainTreeNode: s } = {}) {
+  let P = fe(s), i = E(() => {
+    var c, d;
+    let r = [];
+    for (let o of e) o !== null && (o instanceof HTMLElement ? r.push(o) : "current" in o && o.current instanceof HTMLElement && r.push(o.current));
+    if (n != null && n.current) for (let o of n.current) r.push(o);
+    for (let o of (c = P == null ? void 0 : P.querySelectorAll("html > *, body > *")) != null ? c : []) o !== document.body && o !== document.head && o instanceof HTMLElement && o.id !== "headlessui-portal-root" && (s && (o.contains(s) || o.contains((d = s == null ? void 0 : s.getRootNode()) == null ? void 0 : d.host)) || r.some((y) => o.contains(y)) || r.push(o));
+    return r;
+  });
+  return { resolveContainers: i, contains: E((c) => i().some((d) => d.contains(c))) };
+}
+let Ce = te(null);
+function xe({ children: e, node: n }) {
+  let [s, P] = ne(null), i = Oe(n ?? s);
+  return S.createElement(Ce.Provider, { value: i }, e, i === null && S.createElement(pe, { features: de.Hidden, ref: (c) => {
+    var d, r;
+    if (c) {
+      for (let o of (r = (d = we(c)) == null ? void 0 : d.querySelectorAll("html > *, body > *")) != null ? r : []) if (o !== document.body && o !== document.head && o instanceof HTMLElement && o != null && o.contains(c)) {
+        P(o);
+        break;
+      }
+    }
+  } }));
+}
+function Oe(e = null) {
+  var n;
+  return (n = oe(Ce)) != null ? n : e;
+}
+var D = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(D || {});
+function Me() {
+  let e = Q(0);
+  return Ze(!0, "keydown", (n) => {
+    n.key === "Tab" && (e.current = n.shiftKey ? 1 : 0);
+  }, !0), e;
+}
+var mt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(mt || {}), bt = ((e) => (e[e.TogglePopover = 0] = "TogglePopover", e[e.ClosePopover = 1] = "ClosePopover", e[e.SetButton = 2] = "SetButton", e[e.SetButtonId = 3] = "SetButtonId", e[e.SetPanel = 4] = "SetPanel", e[e.SetPanelId = 5] = "SetPanelId", e))(bt || {});
+let Pt = { 0: (e) => ({ ...e, popoverState: q(e.popoverState, { 0: 1, 1: 0 }), __demoMode: !1 }), 1(e) {
+  return e.popoverState === 1 ? e : { ...e, popoverState: 1, __demoMode: !1 };
+}, 2(e, n) {
+  return e.button === n.button ? e : { ...e, button: n.button };
+}, 3(e, n) {
+  return e.buttonId === n.buttonId ? e : { ...e, buttonId: n.buttonId };
+}, 4(e, n) {
+  return e.panel === n.panel ? e : { ...e, panel: n.panel };
+}, 5(e, n) {
+  return e.panelId === n.panelId ? e : { ...e, panelId: n.panelId };
+} }, he = te(null);
+he.displayName = "PopoverContext";
+function ve(e) {
+  let n = oe(he);
+  if (n === null) {
+    let s = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(s, ve), s;
+  }
+  return n;
+}
+let me = te(null);
+me.displayName = "PopoverAPIContext";
+function Ee(e) {
+  let n = oe(me);
+  if (n === null) {
+    let s = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(s, Ee), s;
+  }
+  return n;
+}
+let ge = te(null);
+ge.displayName = "PopoverGroupContext";
+function Ne() {
+  return oe(ge);
+}
+let be = te(null);
+be.displayName = "PopoverPanelContext";
+function yt() {
+  return oe(be);
+}
+function $t(e, n) {
+  return q(n.type, Pt, e, n);
+}
+let St = "div";
+function ht(e, n) {
+  var s;
+  let { __demoMode: P = !1, ...i } = e, c = Q(null), d = V(n, Ue((u) => {
+    c.current = u;
+  })), r = Q([]), o = Ge($t, { __demoMode: P, popoverState: P ? 0 : 1, buttons: r, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: Pe(), afterPanelSentinel: Pe(), afterButtonSentinel: Pe() }), [{ popoverState: y, button: t, buttonId: g, panel: h, panelId: I, beforePanelSentinel: f, afterPanelSentinel: b, afterButtonSentinel: p }, $] = o, T = fe((s = c.current) != null ? s : t), k = R(() => {
+    if (!t || !h) return !1;
+    for (let _ of document.querySelectorAll("body > *")) if (Number(_ == null ? void 0 : _.contains(t)) ^ Number(_ == null ? void 0 : _.contains(h))) return !0;
+    let u = Se(), l = u.indexOf(t), a = (l + u.length - 1) % u.length, m = (l + 1) % u.length, v = u[a], F = u[m];
+    return !h.contains(v) && !h.contains(F);
+  }, [t, h]), J = Te(g), C = Te(I), W = R(() => ({ buttonId: J, panelId: C, close: () => $({ type: 1 }) }), [J, C, $]), x = Ne(), w = x == null ? void 0 : x.registerPopover, X = E(() => {
+    var u;
+    return (u = x == null ? void 0 : x.isFocusWithinPopoverGroup()) != null ? u : (T == null ? void 0 : T.activeElement) && ((t == null ? void 0 : t.contains(T.activeElement)) || (h == null ? void 0 : h.contains(T.activeElement)));
+  });
+  se(() => w == null ? void 0 : w(W), [w, W]);
+  let [A, B] = Qe(), L = Oe(t), O = vt({ mainTreeNode: L, portals: A, defaultContainers: [t, h] });
+  Ve(T == null ? void 0 : T.defaultView, "focus", (u) => {
+    var l, a, m, v, F, _;
+    u.target !== window && u.target instanceof HTMLElement && y === 0 && (X() || t && h && (O.contains(u.target) || (a = (l = f.current) == null ? void 0 : l.contains) != null && a.call(l, u.target) || (v = (m = b.current) == null ? void 0 : m.contains) != null && v.call(m, u.target) || (_ = (F = p.current) == null ? void 0 : F.contains) != null && _.call(F, u.target) || $({ type: 1 })));
+  }, !0), Ye(y === 0, O.resolveContainers, (u, l) => {
+    $({ type: 1 }), dt(l, ft.Loose) || (u.preventDefault(), t == null || t.focus());
+  });
+  let M = E((u) => {
+    $({ type: 1 });
+    let l = u ? u instanceof HTMLElement ? u : "current" in u && u.current instanceof HTMLElement ? u.current : t : t;
+    l == null || l.focus();
+  }), Z = R(() => ({ close: M, isPortalled: k }), [M, k]), ee = R(() => ({ open: y === 0, close: M }), [y, M]), G = { ref: d };
+  return S.createElement(xe, { node: L }, S.createElement(ze, null, S.createElement(be.Provider, { value: null }, S.createElement(he.Provider, { value: o }, S.createElement(me.Provider, { value: Z }, S.createElement(pt, { value: M }, S.createElement(it, { value: q(y, { 0: Y.Open, 1: Y.Closed }) }, S.createElement(B, null, re({ ourProps: G, theirProps: i, slot: ee, defaultTag: St, name: "Popover" })))))))));
+}
+let Et = "button";
+function gt(e, n) {
+  let s = ie(), { id: P = `headlessui-popover-button-${s}`, disabled: i = !1, autoFocus: c = !1, ...d } = e, [r, o] = ve("Popover.Button"), { isPortalled: y } = Ee("Popover.Button"), t = Q(null), g = `headlessui-focus-sentinel-${ie()}`, h = Ne(), I = h == null ? void 0 : h.closeOthers, f = yt() !== null;
+  se(() => {
+    if (!f) return o({ type: 3, buttonId: P }), () => {
+      o({ type: 3, buttonId: null });
+    };
+  }, [f, P, o]);
+  let [b] = ne(() => Symbol()), p = V(t, n, et(), E((l) => {
+    if (!f) {
+      if (l) r.buttons.current.push(b);
+      else {
+        let a = r.buttons.current.indexOf(b);
+        a !== -1 && r.buttons.current.splice(a, 1);
+      }
+      r.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), l && o({ type: 2, button: l });
+    }
+  })), $ = V(t, n), T = fe(t), k = E((l) => {
+    var a, m, v;
+    if (f) {
+      if (r.popoverState === 1) return;
+      switch (l.key) {
+        case U.Space:
+        case U.Enter:
+          l.preventDefault(), (m = (a = l.target).click) == null || m.call(a), o({ type: 1 }), (v = r.button) == null || v.focus();
+          break;
+      }
+    } else switch (l.key) {
+      case U.Space:
+      case U.Enter:
+        l.preventDefault(), l.stopPropagation(), r.popoverState === 1 && (I == null || I(r.buttonId)), o({ type: 0 });
+        break;
+      case U.Escape:
+        if (r.popoverState !== 0) return I == null ? void 0 : I(r.buttonId);
+        if (!t.current || T != null && T.activeElement && !t.current.contains(T.activeElement)) return;
+        l.preventDefault(), l.stopPropagation(), o({ type: 1 });
+        break;
+    }
+  }), J = E((l) => {
+    f || l.key === U.Space && l.preventDefault();
+  }), C = E((l) => {
+    var a, m;
+    ke(l.currentTarget) || i || (f ? (o({ type: 1 }), (a = r.button) == null || a.focus()) : (l.preventDefault(), l.stopPropagation(), r.popoverState === 1 && (I == null || I(r.buttonId)), o({ type: 0 }), (m = r.button) == null || m.focus()));
+  }), W = E((l) => {
+    l.preventDefault(), l.stopPropagation();
+  }), { isFocusVisible: x, focusProps: w } = je({ autoFocus: c }), { isHovered: X, hoverProps: A } = qe({ isDisabled: i }), { pressed: B, pressProps: L } = Xe({ disabled: i }), O = r.popoverState === 0, M = R(() => ({ open: O, active: B || O, disabled: i, hover: X, focus: x, autofocus: c }), [O, X, x, B, i, c]), Z = st(e, r.button), ee = f ? ye({ ref: $, type: Z, onKeyDown: k, onClick: C, disabled: i || void 0, autoFocus: c }, w, A, L) : ye({ ref: p, id: r.buttonId, type: Z, "aria-expanded": r.popoverState === 0, "aria-controls": r.panel ? r.panelId : void 0, disabled: i || void 0, autoFocus: c, onKeyDown: k, onKeyUp: J, onClick: C, onMouseDown: W }, w, A, L), G = Me(), u = E(() => {
+    let l = r.panel;
+    if (!l) return;
+    function a() {
+      q(G.current, { [D.Forwards]: () => j(l, H.First), [D.Backwards]: () => j(l, H.Last) }) === $e.Error && j(Se().filter((m) => m.dataset.headlessuiFocusGuard !== "true"), q(G.current, { [D.Forwards]: H.Next, [D.Backwards]: H.Previous }), { relativeTo: r.button });
+    }
+    a();
+  });
+  return S.createElement(S.Fragment, null, re({ ourProps: ee, theirProps: d, slot: M, defaultTag: Et, name: "Popover.Button" }), O && !f && y && S.createElement(pe, { id: g, ref: r.afterButtonSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: u }));
+}
+let It = "div", Tt = ce.RenderStrategy | ce.Static;
+function Re(e, n) {
+  let s = ie(), { id: P = `headlessui-popover-backdrop-${s}`, transition: i = !1, ...c } = e, [{ popoverState: d }, r] = ve("Popover.Backdrop"), [o, y] = ne(null), t = V(n, y), g = _e(), [h, I] = Be(i, o, g !== null ? (g & Y.Open) === Y.Open : d === 0), f = E(($) => {
+    if (ke($.currentTarget)) return $.preventDefault();
+    r({ type: 1 });
+  }), b = R(() => ({ open: d === 0 }), [d]), p = { ref: t, id: P, "aria-hidden": !0, onClick: f, ...Fe(I) };
+  return re({ ourProps: p, theirProps: c, slot: b, defaultTag: It, features: Tt, visible: h, name: "Popover.Backdrop" });
+}
+let wt = "div", _t = ce.RenderStrategy | ce.Static;
+function Bt(e, n) {
+  let s = ie(), { id: P = `headlessui-popover-panel-${s}`, focus: i = !1, anchor: c, portal: d = !1, modal: r = !1, transition: o = !1, ...y } = e, [t, g] = ve("Popover.Panel"), { close: h, isPortalled: I } = Ee("Popover.Panel"), f = `headlessui-focus-sentinel-before-${s}`, b = `headlessui-focus-sentinel-after-${s}`, p = Q(null), $ = tt(c), [T, k] = nt($), J = ot();
+  $ && (d = !0);
+  let [C, W] = ne(null), x = V(p, n, $ ? T : null, E((a) => g({ type: 4, panel: a })), W), w = fe(p), X = Je();
+  We(() => (g({ type: 5, panelId: P }), () => {
+    g({ type: 5, panelId: null });
+  }), [P, g]);
+  let A = _e(), [B, L] = Be(o, C, A !== null ? (A & Y.Open) === Y.Open : t.popoverState === 0);
+  rt(B, t.button, () => {
+    g({ type: 1 });
+  });
+  let O = t.__demoMode ? !1 : r && B;
+  lt(O, w);
+  let M = E((a) => {
+    var m;
+    switch (a.key) {
+      case U.Escape:
+        if (t.popoverState !== 0 || !p.current || w != null && w.activeElement && !p.current.contains(w.activeElement)) return;
+        a.preventDefault(), a.stopPropagation(), g({ type: 1 }), (m = t.button) == null || m.focus();
+        break;
+    }
+  });
+  se(() => {
+    var a;
+    e.static || t.popoverState === 1 && ((a = e.unmount) == null || a) && g({ type: 4, panel: null });
+  }, [t.popoverState, e.unmount, e.static, g]), se(() => {
+    if (t.__demoMode || !i || t.popoverState !== 0 || !p.current) return;
+    let a = w == null ? void 0 : w.activeElement;
+    p.current.contains(a) || j(p.current, H.First);
+  }, [t.__demoMode, i, p.current, t.popoverState]);
+  let Z = R(() => ({ open: t.popoverState === 0, close: h }), [t.popoverState, h]), ee = ye($ ? J() : {}, { ref: x, id: P, onKeyDown: M, onBlur: i && t.popoverState === 0 ? (a) => {
+    var m, v, F, _, K;
+    let N = a.relatedTarget;
+    N && p.current && ((m = p.current) != null && m.contains(N) || (g({ type: 1 }), ((F = (v = t.beforePanelSentinel.current) == null ? void 0 : v.contains) != null && F.call(v, N) || (K = (_ = t.afterPanelSentinel.current) == null ? void 0 : _.contains) != null && K.call(_, N)) && N.focus({ preventScroll: !0 })));
+  } : void 0, tabIndex: -1, style: { ...y.style, ...k, "--button-width": at(t.button, !0).width }, ...Fe(L) }), G = Me(), u = E(() => {
+    let a = p.current;
+    if (!a) return;
+    function m() {
+      q(G.current, { [D.Forwards]: () => {
+        var v;
+        j(a, H.First) === $e.Error && ((v = t.afterPanelSentinel.current) == null || v.focus());
+      }, [D.Backwards]: () => {
+        var v;
+        (v = t.button) == null || v.focus({ preventScroll: !0 });
+      } });
+    }
+    m();
+  }), l = E(() => {
+    let a = p.current;
+    if (!a) return;
+    function m() {
+      q(G.current, { [D.Forwards]: () => {
+        if (!t.button) return;
+        let v = Se(), F = v.indexOf(t.button), _ = v.slice(0, F + 1), K = [...v.slice(F + 1), ..._];
+        for (let N of K.slice()) if (N.dataset.headlessuiFocusGuard === "true" || C != null && C.contains(N)) {
+          let Ie = K.indexOf(N);
+          Ie !== -1 && K.splice(Ie, 1);
+        }
+        j(K, H.First, { sorted: !1 });
+      }, [D.Backwards]: () => {
+        var v;
+        j(a, H.Previous) === $e.Error && ((v = t.button) == null || v.focus());
+      } });
+    }
+    m();
+  });
+  return S.createElement(ct, null, S.createElement(be.Provider, { value: P }, S.createElement(me.Provider, { value: { close: h, isPortalled: I } }, S.createElement(ut, { enabled: d ? e.static || B : !1 }, B && I && S.createElement(pe, { id: f, ref: t.beforePanelSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: u }), re({ mergeRefs: X, ourProps: ee, theirProps: y, slot: Z, defaultTag: wt, features: _t, visible: B, name: "Popover.Panel" }), B && I && S.createElement(pe, { id: b, ref: t.afterPanelSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: l })))));
+}
+let Ft = "div";
+function kt(e, n) {
+  let s = Q(null), P = V(s, n), [i, c] = ne([]), d = E((f) => {
+    c((b) => {
+      let p = b.indexOf(f);
+      if (p !== -1) {
+        let $ = b.slice();
+        return $.splice(p, 1), $;
+      }
+      return b;
+    });
+  }), r = E((f) => (c((b) => [...b, f]), () => d(f))), o = E(() => {
+    var f;
+    let b = we(s);
+    if (!b) return !1;
+    let p = b.activeElement;
+    return (f = s.current) != null && f.contains(p) ? !0 : i.some(($) => {
+      var T, k;
+      return ((T = b.getElementById($.buttonId.current)) == null ? void 0 : T.contains(p)) || ((k = b.getElementById($.panelId.current)) == null ? void 0 : k.contains(p));
+    });
+  }), y = E((f) => {
+    for (let b of i) b.buttonId.current !== f && b.close();
+  }), t = R(() => ({ registerPopover: r, unregisterPopover: d, isFocusWithinPopoverGroup: o, closeOthers: y }), [r, d, o, y]), g = R(() => ({}), []), h = e, I = { ref: P };
+  return S.createElement(xe, null, S.createElement(ge.Provider, { value: t }, re({ ourProps: I, theirProps: h, slot: g, defaultTag: Ft, name: "Popover.Group" })));
+}
+let Ct = z(ht), De = z(gt), xt = z(Re), Ot = z(Re), He = z(Bt), Mt = z(kt), Nt = Object.assign(Ct, { Button: De, Backdrop: Ot, Overlay: xt, Panel: He, Group: Mt });
+const Rt = "_menu_1tfih_3", ue = {
+  menu: Rt,
+  "menu-button": "_menu-button_1tfih_6",
+  "menu-items": "_menu-items_1tfih_11",
+  "menu-items-container": "_menu-items-container_1tfih_22"
+}, Zt = 300, Qt = Ke(
+  ({
+    children: e,
+    position: n = "bottom end",
+    popoverProps: s,
+    className: P,
+    buttonClassName: i,
+    panelClassName: c,
+    menuItemsClassName: d,
+    buttonContent: r
+  }) => /* @__PURE__ */ le(
+    Nt,
+    {
+      as: "div",
+      className: ae(ue.menu, P),
+      ...s,
+      children: ({ close: o }) => /* @__PURE__ */ Ae(Le, { children: [
+        /* @__PURE__ */ le(
+          De,
+          {
+            onClick: (y) => y == null ? void 0 : y.stopPropagation(),
+            className: ae(ue["menu-button"], i),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ le(
+          He,
+          {
+            anchor: n,
+            className: ae(ue["menu-items"], c),
+            children: /* @__PURE__ */ le(
+              "div",
+              {
+                className: ae(
+                  ue["menu-items-container"],
+                  d
+                ),
+                children: typeof e == "function" ? e({ close: o }) : e
+              }
+            )
+          }
+        )
+      ] })
+    }
+  )
+);
+export {
+  Zt as ANIMATION_DELAY,
+  Qt as Dropdown
+};

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

@@ -0,0 +1 @@
+export { Dropdown } from './Dropdown';

package/dist/components/Dropdown/index.js

@@ -0,0 +1,4 @@
+import { Dropdown as p } from "./Dropdown.js";
+export {
+  p as Dropdown
+};

package/dist/components/GosZnak/GosZnak.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TGosZnakProps } from './types';
+
+export declare const GosZnak: React.FC<TGosZnakProps>;