mimir-ui-kit 1.43.9 → 1.43.11

package/dist/components/SelectSearch/types.d.ts

@@ -3,12 +3,13 @@ import { ELoadingIndicatorPlacement, ESelectSearchSize } from './constants';
 import { TInputProps } from '../Input';
 
 export type TSelectOption = {
-    name: string;
+    name: string | ReactNode;
     id: number | string;
     bottom?: ReactNode;
     [index: string]: unknown;
 };
 export type TMenuPlacement = 'top' | 'bottom';
+export type TOptionLayout = 'name-bottom' | 'bottom-name';
 export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'> & {
     /**
      * Текущее выбранное значение.
@@ -44,6 +45,8 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
     items: TSelectOption[];
     /** Класснейм для значения */
     classNameOption?: string;
+    /** Класснейм для внутреннего контейнера опции */
+    classNameOptionInner?: string;
     /** Варианты отображения выпадающего меню */
     menuPlacement?: TMenuPlacement;
     /** Отключает компонент SelectSearch */
@@ -87,4 +90,9 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
      * @returns Строка для отображения в заголовке группы
      */
     getGroupTitle?: (groupValue: string) => string;
+    /**
+     * Порядок отображения элементов в опции
+     * @default 'name-bottom'
+     */
+    optionLayout?: TOptionLayout;
 };

package/dist/components/SelectSearch/utils.d.ts

@@ -3,5 +3,5 @@ import { TSelectOption } from './types';
 import { EInputSize } from '../Input';
 
 export declare const mapSizeToInputSize: (size: ESelectSearchSize) => EInputSize;
-export declare const getDropdownArrowIcon: (isOpen: boolean, size: ESelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px";
+export declare const getDropdownArrowIcon: (isOpen: boolean, size: ESelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp24px" | "DropdownArrowUp16px" | "DropdownArrowDown24px";
 export declare const prepareGroupedItems: (items: TSelectOption[], groupBy: string, getGroupTitle: (value: string) => string) => TSelectOption[];

package/dist/components/SelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { ESelectSearchSize as t } from "./constants.js";
-import "../../Input-BU_6U1CW.js";
+import "../../Input-CGZoshMl.js";
 import { EInputSize as n } from "../Input/constants.js";
 const w = (r) => {
   switch (r) {

package/dist/components/Slider/Slider.d.ts

@@ -27,10 +27,6 @@ type TProps = SwiperProps & {
      * Показывать стрелки навигации и количество слайдов.
      */
     needNavigation?: boolean;
-    /**
-     * Приостанавливать автопрокрутку при наведении на слайдер.
-     */
-    pauseOnMouseEnter?: boolean;
     /**
      * Функция, которая будет вызвана при клике на слайд.
      */
@@ -92,5 +88,5 @@ type TProps = SwiperProps & {
      */
     images?: TSlideImage[];
 };
-export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

@@ -1,35 +1,35 @@
 import { jsx as s, jsxs as o, Fragment as N } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
-import { memo as F, useCallback as u, useMemo as Z, forwardRef as V, useRef as B, useState as W, Children as I } from "react";
-import { u as ee, S as se, A as re, a as T } from "../../swiper-react-BvAw14a4.js";
+import { memo as F, useCallback as u, useMemo as X, forwardRef as Z, useRef as B, useState as V, Children as I } from "react";
+import { u as W, S as ee, A as se, a as T } from "../../swiper-react-BvAw14a4.js";
 import { EProgressBarPosition as S } from "./constants.js";
 import { formatSlideNumber as O } from "./utils.js";
 import { AppImage as P } from "../Image/Image.js";
-import { MergedButton as te } from "../MergedButton/MergedButton.js";
-import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj3_8", oe = "_link_zqjj3_15", ie = "_image_zqjj3_21", le = "_navigation_zqjj3_28", ce = "_pagination_zqjj3_46", de = "_slides_zqjj3_65", pe = "_separator_zqjj3_71", ue = "_progress_zqjj3_78", me = "_descriptions_zqjj3_95", e = {
-  swiper: ne,
-  slide: ae,
-  link: oe,
-  image: ie,
-  navigation: le,
+import { MergedButton as re } from "../MergedButton/MergedButton.js";
+import '../../assets/Slider.css';const te = "_swiper_zqjj3_2", ne = "_slide_zqjj3_8", ae = "_link_zqjj3_15", oe = "_image_zqjj3_21", ie = "_navigation_zqjj3_28", le = "_pagination_zqjj3_46", ce = "_slides_zqjj3_65", de = "_separator_zqjj3_71", pe = "_progress_zqjj3_78", ue = "_descriptions_zqjj3_95", e = {
+  swiper: te,
+  slide: ne,
+  link: ae,
+  image: oe,
+  navigation: ie,
   "navigation-content": "_navigation-content_zqjj3_37",
-  pagination: ce,
+  pagination: le,
   "is-full": "_is-full_zqjj3_60",
-  slides: de,
-  separator: pe,
-  progress: ue,
+  slides: ce,
+  separator: de,
+  progress: pe,
   "progress-bar-bottom": "_progress-bar-bottom_zqjj3_85",
   "progress-bar": "_progress-bar_zqjj3_85",
-  descriptions: me
-}, _e = 15e3, E = F(
+  descriptions: ue
+}, me = 15e3, E = F(
   ({
     variant: t = "white"
   }) => {
-    const n = ee(), p = u(() => {
+    const n = W(), p = u(() => {
       n.slideNext();
     }, [n]), c = u(() => {
       n.slidePrev();
-    }, [n]), m = Z(
+    }, [n]), m = X(
       () => [
         {
           isIconButton: !0,
@@ -46,10 +46,10 @@ import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj
       ],
       [c, t, p]
     );
-    return /* @__PURE__ */ s(te, { buttons: m });
+    return /* @__PURE__ */ s(re, { buttons: m });
   }
 ), b = F(
-  V((t, n) => /* @__PURE__ */ s(
+  Z((t, n) => /* @__PURE__ */ s(
     "div",
     {
       "data-testid": "progress-bar-wrapper",
@@ -65,7 +65,7 @@ import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj
     }
   ))
 );
-function ze({
+function qe({
   images: t,
   children: n,
   gap: p,
@@ -84,18 +84,17 @@ function ze({
   needNavigation: i = !0,
   leftDescription: C,
   rightDescription: y,
-  delay: D = _e,
-  pauseOnMouseEnter: U = !1,
-  ...Y
+  delay: D = me,
+  ...U
 }) {
-  const d = B(null), h = B(null), [G, H] = W(1), j = !(typeof n == "function") && !!n, J = j ? I.count(n) : 0, K = (t == null ? void 0 : t.length) ?? 0, A = O(G), x = O(
-    j ? J : K
-  ), Q = u(() => {
+  const d = B(null), h = B(null), [Y, G] = V(1), j = !(typeof n == "function") && !!n, H = j ? I.count(n) : 0, J = (t == null ? void 0 : t.length) ?? 0, A = O(Y), x = O(
+    j ? H : J
+  ), K = u(() => {
     if (h.current && i) {
       const r = h.current.swiper;
-      H(r.realIndex + 1);
+      G(r.realIndex + 1);
     }
-  }, [i]), X = u(
+  }, [i]), Q = u(
     (r, l) => {
       if (d.current && i) {
         const g = r.params.autoplay.delay, w = l / g * 100;
@@ -105,24 +104,23 @@ function ze({
     [i]
   );
   return /* @__PURE__ */ o(
-    se,
+    ee,
     {
-      ...Y,
+      ...U,
       ref: h,
       className: a(e.swiper, m),
       loop: !0,
       spaceBetween: p,
       autoplay: {
         delay: D,
-        disableOnInteraction: !1,
-        pauseOnMouseEnter: U
+        disableOnInteraction: !1
       },
       fadeEffect: {
         crossFade: !0
       },
-      modules: [re],
-      onAutoplayTimeLeft: X,
-      onSlideChange: Q,
+      modules: [se],
+      onAutoplayTimeLeft: Q,
+      onSlideChange: K,
       children: [
         /* @__PURE__ */ s(
           "div",
@@ -248,5 +246,5 @@ function ze({
   );
 }
 export {
-  ze as default
+  qe as default
 };

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Z } from "./hooks.js";
 import { useMergeRefs as $ } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ee } from "../../icons/Icon.js";
 import { Button as te } from "../Button/Button.js";
-import { c as e } from "../../Input-BU_6U1CW.js";
+import { c as e } from "../../Input-CGZoshMl.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const re = "_textarea_rk5xe_2", se = "_clear_rk5xe_11", le = "_label_rk5xe_26", ne = "_s_rk5xe_71", oe = "_m_rk5xe_84", ce = "_l_rk5xe_26", t = {
   "textarea-wrapper": "_textarea-wrapper_rk5xe_2",

package/dist/components/index.d.ts

@@ -73,4 +73,6 @@ export { Table } from './Table';
 export { ESortDirection, ETableVariant, ETableDisplayMode, ETableScrollButtonVariant, ETableScrollIconName } from './Table';
 export { PromoSlider } from './PromoSlider';
 export { CardTrail } from './CardTrail';
-export { ClearButton } from './InputClearButton';
+export { MiniButton } from './MiniButton';
+export { CarBodyButton } from './CarBodyButton';
+export { RoundButton } from './RoundButton';

package/dist/components/index.js

@@ -1,17 +1,17 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as n, EButtonVariantRound as f } from "./Button/constants.js";
-import { I as l } from "../Input-BU_6U1CW.js";
-import { EInputSize as S, EInputStatus as s, EInputVariant as d } from "./Input/constants.js";
+import { I as l } from "../Input-CGZoshMl.js";
+import { EInputSize as S, EInputStatus as d, EInputVariant as s } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./TextArea/constants.js";
-import { InputPassword as P } from "./InputPassword/InputPassword.js";
-import { InputPhoneNumber as z } from "./InputPhoneNumber/InputPhoneNumber.js";
+import { InputPassword as B } from "./InputPassword/InputPassword.js";
+import { InputPhoneNumber as V } from "./InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue as h, getUnmaskedInputValue as k } from "./InputPhoneNumber/utils.js";
 import { OtpInput as b } from "./OtpInput/OtpInput.js";
-import { RadioGroup as A } from "./RadioGroup/RadioGroup.js";
-import { DatePicker as M } from "./DatePicker/DatePicker.js";
-import { MergedButton as R } from "./MergedButton/MergedButton.js";
-import { EMergedButtonVariantRound as y } from "./MergedButton/constants.js";
+import { RadioGroup as w } from "./RadioGroup/RadioGroup.js";
+import { DatePicker as D } from "./DatePicker/DatePicker.js";
+import { MergedButton as y } from "./MergedButton/MergedButton.js";
+import { EMergedButtonVariantRound as U } from "./MergedButton/constants.js";
 import { AppImage as v } from "./Image/Image.js";
 import { Loader as N } from "./Loader/Loader.js";
 import { ELoaderSize as O } from "./Loader/constants.js";
@@ -28,14 +28,14 @@ import { SelectSearch as xo } from "./SelectSearch/SelectSearch.js";
 import { ELoadingIndicatorPlacement as Eo, ESelectSearchSize as So } from "./SelectSearch/constants.js";
 import { CheckboxMimir as uo } from "./CheckboxMimir/CheckboxMimir.js";
 import { Tag as To } from "./Tag/Tag.js";
-import { ETagSize as Io, ETagType as Po } from "./Tag/constants.js";
-import { Timer as zo } from "./Timer/Timer.js";
+import { ETagSize as Io, ETagType as Bo } from "./Tag/constants.js";
+import { Timer as Vo } from "./Timer/Timer.js";
 import { Accordion as ho } from "./Accordion/Accordion.js";
 import { EAccordionSize as Lo } from "./Accordion/constants.js";
-import { AccordionItem as wo } from "./Accordion/AccordionItem/AccordionItem.js";
-import { TabTrail as Do } from "./TabTrail/TabTrail.js";
-import { ETabTrailSize as Co } from "./TabTrail/constants.js";
-import { Pagination as Uo } from "./Pagination/Pagination.js";
+import { AccordionItem as Mo } from "./Accordion/AccordionItem/AccordionItem.js";
+import { TabTrail as Ao } from "./TabTrail/TabTrail.js";
+import { ETabTrailSize as Ro } from "./TabTrail/constants.js";
+import { Pagination as Co } from "./Pagination/Pagination.js";
 import { ToastProvider as Fo } from "./Toasts/ToastsProvider.js";
 import { useToast as Go } from "./Toasts/hooks.js";
 import { EToastPosition as Zo, EToastVariant as Oo } from "./Toasts/constants.js";
@@ -50,17 +50,17 @@ import { ENotificationBadgeSize as ar } from "./NotificationBadge/constants.js";
 import { Chip as mr } from "./Chip/Chip.js";
 import { EChipSize as fr, EChipVariant as xr } from "./Chip/constants.js";
 import { UniversalUploader as Er } from "./UniversalUploader/UniversalUploader.js";
-import { EUploaderType as sr } from "./UniversalUploader/constants.js";
+import { EUploaderType as dr } from "./UniversalUploader/constants.js";
 import { InputRangeSlider as ur } from "./InputRangeSlider/InputRangeSlider.js";
 import { EInputRangeSliderBorderState as Tr, EInputRangeSliderPositions as gr } from "./InputRangeSlider/constants.js";
-import { GosZnak as Pr } from "./GosZnak/GosZnak.js";
-import { EGosZnakSize as zr, EGosZnakType as Br } from "./GosZnak/constants.js";
+import { GosZnak as Br } from "./GosZnak/GosZnak.js";
+import { EGosZnakSize as Vr, EGosZnakType as zr } from "./GosZnak/constants.js";
 import { Switcher as kr } from "./Switcher/Switcher.js";
 import { ELabelPositions as br } from "./Switcher/constants.js";
-import { TwinSwitcher as Ar } from "./TwinSwitcher/TwinSwitcher.js";
-import { SkeletonBrick as Mr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
-import { SkeletonText as Rr } from "./Skeleton/SkeletonText/SkeletonText.js";
-import { SkeletonCircle as yr } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
+import { TwinSwitcher as wr } from "./TwinSwitcher/TwinSwitcher.js";
+import { SkeletonBrick as Dr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
+import { SkeletonText as yr } from "./Skeleton/SkeletonText/SkeletonText.js";
+import { SkeletonCircle as Ur } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
 import { ESkeletonVariant as vr } from "./Skeleton/constants.js";
 import { Avatar as Nr } from "./Avatar/Avatar.js";
 import { EAvatarSize as Or } from "./Avatar/constants.js";
@@ -74,20 +74,22 @@ import { EMessageShortReplyVariant as te } from "./MessageShortReply/constants.j
 import { Table as ae } from "./Table/Table.js";
 import { ESortDirection as me, ETableDisplayMode as ne, ETableScrollButtonVariant as fe, ETableScrollIconName as xe, ETableVariant as le } from "./Table/constants.js";
 import { PromoSlider as Se } from "./PromoSlider/PromoSlider.js";
-import { CardTrail as de } from "./CardTrail/CardTrail.js";
-import { ClearButton as ce } from "./InputClearButton/ClearButton.js";
-import { default as ge } from "./Slider/Slider.js";
-import { EProgressBarPosition as Pe } from "./Slider/constants.js";
+import { CardTrail as se } from "./CardTrail/CardTrail.js";
+import { MiniButton as ce } from "./MiniButton/MiniButton.js";
+import { CarBodyButton as ge } from "./CarBodyButton/CarBodyButton.js";
+import { RoundButton as Be } from "./RoundButton/RoundButton.js";
+import { default as Ve } from "./Slider/Slider.js";
+import { EProgressBarPosition as he } from "./Slider/constants.js";
 export {
   ho as Accordion,
-  wo as AccordionItem,
+  Mo as AccordionItem,
   Nr as Avatar,
   e as Button,
-  de as CardTrail,
+  ge as CarBodyButton,
+  se as CardTrail,
   uo as CheckboxMimir,
   mr as Chip,
-  ce as ClearButton,
-  M as DatePicker,
+  D as DatePicker,
   J as Drawer,
   X as Dropdown,
   Lo as EAccordionSize,
@@ -104,75 +106,77 @@ export {
   _ as EDropdownAlign,
   $ as EDropdownPlacement,
   Yr as EFileItemVariant,
-  zr as EGosZnakSize,
-  Br as EGosZnakType,
+  Vr as EGosZnakSize,
+  zr as EGosZnakType,
   Tr as EInputRangeSliderBorderState,
   gr as EInputRangeSliderPositions,
   S as EInputSize,
-  s as EInputStatus,
-  d as EInputVariant,
+  d as EInputStatus,
+  s as EInputVariant,
   br as ELabelPositions,
   or as ELinkSize,
   rr as ELinkVariant,
   O as ELoaderSize,
   Jr as ELoadingIndicatorPlacement,
-  y as EMergedButtonVariantRound,
+  U as EMergedButtonVariantRound,
   te as EMessageShortReplyVariant,
   Kr as EMultiSelectSearchSize,
   ar as ENotificationBadgeSize,
-  Pe as EProgressBarPosition,
+  he as EProgressBarPosition,
   Eo as ESSLoadingPlacement,
   So as ESelectSearchSize,
   vr as ESkeletonVariant,
   me as ESortDirection,
   to as EStepColor,
   po as EStepsSize,
-  Co as ETabTrailSize,
+  Ro as ETabTrailSize,
   ne as ETableDisplayMode,
   fe as ETableScrollButtonVariant,
   xe as ETableScrollIconName,
   le as ETableVariant,
   Io as ETagSize,
-  Po as ETagType,
+  Bo as ETagType,
   g as ETextAreaInputSize,
   Zo as EToastPosition,
   Oo as EToastVariant,
   Qo as EUploaderFilesVariant,
-  sr as EUploaderType,
+  dr as EUploaderType,
   no as EVoteSize,
-  Pr as GosZnak,
+  Br as GosZnak,
   v as Image,
   l as Input,
-  P as InputPassword,
-  z as InputPhoneNumber,
+  B as InputPassword,
+  V as InputPhoneNumber,
   ur as InputRangeSlider,
   _o as Link,
   Wr as ListFiles,
   $r as ListPhotos,
   N as Loader,
-  R as MergedButton,
+  y as MergedButton,
   re as MessageShortReply,
+  ce as MiniButton,
   qr as MultiSelectSearch,
   tr as NotificationBadge,
   b as OtpInput,
-  Uo as Pagination,
+  Co as Pagination,
   Se as PromoSlider,
-  A as RadioGroup,
+  w as RadioGroup,
+  Be as RoundButton,
   xo as SelectSearch,
-  Mr as SkeletonBrick,
-  yr as SkeletonCircle,
-  Rr as SkeletonText,
-  ge as Slider,
+  Dr as SkeletonBrick,
+  Ur as SkeletonCircle,
+  yr as SkeletonText,
+  Ve as Slider,
   q as SliderLazy,
   ro as Steps,
   kr as Switcher,
-  Do as TabTrail,
+  Ao as TabTrail,
   ae as Table,
   To as Tag,
   c as TextArea,
-  zo as Timer,
+  Vo as Timer,
   Fo as ToastProvider,
-  Ar as TwinSwitcher,
+  wr as TwinSwitcher,
   Er as UniversalUploader,
   Xo as Uploader,
   Jo as UploaderFiles,

package/dist/hooks-Cd4Ez6_j.js

@@ -0,0 +1,117 @@
+import { c as L } from "./index-DIxK0V-G.js";
+import { useState as N, useRef as C, useCallback as p, useEffect as O } from "react";
+import { EDropdownPlacement as i, EDropdownAlign as n } from "./components/Dropdown/constants.js";
+import './assets/hooks.css';const P = "_menu_1k7hr_2", S = "_arrow_1k7hr_53", $ = "_enter_1k7hr_200", M = "_leave_1k7hr_214", l = {
+  menu: P,
+  "menu-button": "_menu-button_1k7hr_5",
+  "menu-items": "_menu-items_1k7hr_10",
+  "menu-items--black": "_menu-items--black_1k7hr_20",
+  "menu-items-with-arrow": "_menu-items-with-arrow_1k7hr_24",
+  "position-bottom": "_position-bottom_1k7hr_29",
+  "position-bottom-start": "_position-bottom-start_1k7hr_30",
+  "position-bottom-end": "_position-bottom-end_1k7hr_31",
+  "position-top": "_position-top_1k7hr_35",
+  "position-top-start": "_position-top-start_1k7hr_36",
+  "position-top-end": "_position-top-end_1k7hr_37",
+  "position-left": "_position-left_1k7hr_41",
+  "position-left-start": "_position-left-start_1k7hr_42",
+  "position-left-end": "_position-left-end_1k7hr_43",
+  "position-right": "_position-right_1k7hr_47",
+  "position-right-start": "_position-right-start_1k7hr_48",
+  "position-right-end": "_position-right-end_1k7hr_49",
+  "arrow-position-bottom": "_arrow-position-bottom_1k7hr_53",
+  "arrow-position-bottom-start": "_arrow-position-bottom-start_1k7hr_54",
+  "arrow-position-bottom-end": "_arrow-position-bottom-end_1k7hr_55",
+  "arrow-position-top": "_arrow-position-top_1k7hr_59",
+  "arrow-position-top-start": "_arrow-position-top-start_1k7hr_60",
+  "arrow-position-top-end": "_arrow-position-top-end_1k7hr_61",
+  "arrow-position-left": "_arrow-position-left_1k7hr_65",
+  "arrow-position-left-start": "_arrow-position-left-start_1k7hr_66",
+  "arrow-position-left-end": "_arrow-position-left-end_1k7hr_67",
+  "arrow-position-right": "_arrow-position-right_1k7hr_71",
+  "arrow-position-right-start": "_arrow-position-right-start_1k7hr_72",
+  "arrow-position-right-end": "_arrow-position-right-end_1k7hr_73",
+  arrow: S,
+  "arrow-bottom": "_arrow-bottom_1k7hr_83",
+  "arrow-bottom-start": "_arrow-bottom-start_1k7hr_91",
+  "arrow-bottom-end": "_arrow-bottom-end_1k7hr_98",
+  "arrow-top": "_arrow-top_1k7hr_106",
+  "arrow-top-start": "_arrow-top-start_1k7hr_114",
+  "arrow-top-end": "_arrow-top-end_1k7hr_121",
+  "arrow-left": "_arrow-left_1k7hr_129",
+  "arrow-left-start": "_arrow-left-start_1k7hr_137",
+  "arrow-left-end": "_arrow-left-end_1k7hr_144",
+  "arrow-right": "_arrow-right_1k7hr_152",
+  "arrow-right-start": "_arrow-right-start_1k7hr_160",
+  "arrow-right-end": "_arrow-right-end_1k7hr_167",
+  "arrow-black": "_arrow-black_1k7hr_175",
+  "menu-items-container": "_menu-items-container_1k7hr_188",
+  "close-button": "_close-button_1k7hr_194",
+  enter: $,
+  "enter-from": "_enter-from_1k7hr_204",
+  "enter-to": "_enter-to_1k7hr_209",
+  leave: M,
+  "leave-from": "_leave-from_1k7hr_218",
+  "leave-to": "_leave-to_1k7hr_223"
+}, R = 300, u = 5, k = 10, y = 10, x = ({
+  buttonRef: h,
+  panelRef: a,
+  initialPosition: g,
+  isOpen: E,
+  arrow: c = !1,
+  variant: b = "default"
+}) => {
+  const [e, A] = N(
+    typeof g == "string" ? g : `${i.BOTTOM} ${n.END}`
+  ), w = C(null), m = p(() => {
+    w.current && (clearTimeout(w.current), w.current = null);
+  }, []), T = p(() => {
+    if (!a.current || !h.current) return null;
+    const t = h.current.getBoundingClientRect(), o = a.current.getBoundingClientRect();
+    let r = null;
+    if (o.bottom <= t.top + u ? r = i.TOP : o.top >= t.bottom - u ? r = i.BOTTOM : o.right <= t.left + u ? r = i.LEFT : o.left >= t.right - u && (r = i.RIGHT), !r) return null;
+    let _;
+    if (r === i.LEFT || r === i.RIGHT) {
+      const d = Math.abs(o.top - t.top) < k, f = Math.abs(o.bottom - t.bottom) < k;
+      _ = d ? n.START : f ? n.END : n.CENTER;
+    } else {
+      const d = Math.abs(o.left - t.left) < k, f = Math.abs(o.right - t.right) < k;
+      _ = d ? n.START : f ? n.END : n.CENTER;
+    }
+    return _ ? `${r} ${_}`.trim() : r;
+  }, [h, a]), s = p(() => {
+    m(), w.current = setTimeout(() => {
+      const t = T();
+      t && t !== e && A(t);
+    }, y);
+  }, [T, e, m]);
+  O(() => {
+    if (!a.current || !h.current || window.getComputedStyle(a.current).display === "none") return;
+    const o = setTimeout(s, R);
+    return window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
+      clearTimeout(o), m(), window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
+    };
+  }, [E, s, m]);
+  const D = p(() => {
+    if (!c) return "";
+    const t = typeof e == "string" ? e : "", [o, r] = t.split(" "), _ = r ? l[`arrow-${o}-${r}`] : l[`arrow-${o}`];
+    return L(l.arrow, _, {
+      [l["arrow-black"]]: b === "black"
+    });
+  }, [c, e, b]), v = p(() => {
+    const t = typeof e == "string" ? e : "";
+    return t ? l[`${c ? "arrow-position-" : "position-"}${t.replace(" ", "-")}`] : "";
+  }, [e, c]);
+  return {
+    getArrowClasses: D,
+    getPositionClass: v
+  };
+};
+export {
+  R as A,
+  y as D,
+  u as P,
+  k as a,
+  l as c,
+  x as u
+};

package/dist/icons/Icon.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Suspense as s } from "react";
-import { i as e } from "../index-C2dQUuc9.js";
+import { i as e } from "../index-DrVFMaBi.js";
 const p = ({ iconName: o, ...n }) => {
   const r = e[o];
   return r ? /* @__PURE__ */ t(s, { fallback: null, children: /* @__PURE__ */ t(r, { ...n, "data-testid": o }) }) : null;

package/dist/icons/components/16px/DropdownArrowDown16px.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+const w = (t) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M5.375 6.5L8 8.75L10.625 6.5",
+        stroke: "#333333",
+        "stroke-width": "1.5"
+      }
+    )
+  }
+);
+export {
+  w as default
+};

package/dist/icons/components/24px/EyeClosed24px.js

@@ -0,0 +1,65 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+const i = (t) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M2 9C2 9 6.47715 16 12 16C17.5228 16 22 9 22 9H20.1619C20.1189 9.05699 20.0737 9.11633 20.0263 9.1778C19.5516 9.79337 18.8675 10.6102 18.0283 11.4217C16.2904 13.1024 14.1563 14.5 12 14.5C9.84366 14.5 7.70962 13.1024 5.97167 11.4217C5.13246 10.6102 4.44838 9.79337 3.97372 9.1778C3.92632 9.11633 3.88111 9.05699 3.83813 9H2Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "rect",
+        {
+          x: "16.8945",
+          y: "13.0569",
+          width: "1.49471",
+          height: "4.30879",
+          transform: "rotate(-45 16.8945 13.0569)",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "rect",
+        {
+          width: "1.49471",
+          height: "4.30879",
+          transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 7.10547 13.0572)",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "rect",
+        {
+          x: "13.625",
+          y: "14.7266",
+          width: "1.5",
+          height: "4.37082",
+          transform: "rotate(-15 13.625 14.7266)",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "rect",
+        {
+          x: "8.92969",
+          y: "14.3384",
+          width: "1.5",
+          height: "4.37082",
+          transform: "rotate(15 8.92969 14.3384)",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+);
+export {
+  i as default
+};