mimir-ui-kit 1.36.8 → 1.36.10

package/dist/components/Accordion/Accordion.js

@@ -1,16 +1,16 @@
 import { jsxs as x, Fragment as X, jsx as v } from "react/jsx-runtime";
 import { c as D } from "../../index-DIxK0V-G.js";
-import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as L, forwardRef as pe } from "react";
+import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as H, forwardRef as pe } from "react";
 import { AccordionItem as me } from "./AccordionItem/AccordionItem.js";
 import { EAccordionButtonType as w, EAccordionSize as O, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
 import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
 import { Icon as ke } from "../../icons/Icon.js";
 import { Link as Se } from "../AnchorLink/Link.js";
-import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-B0lm_zyn.js";
-import { w as ye } from "../../use-active-press-86hajhdd.js";
+import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-mgWkd2Vh.js";
+import { w as ye } from "../../use-active-press-CqLGIFz7.js";
 import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as $e, i as M, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
+import { c as $e, i as M, u as Pe, x as ge, R as Te, s as we } from "../../open-closed-D2VjDhAN.js";
 import { r as Ne } from "../../bugs-diTMAGNw.js";
 import '../../assets/Accordion.css';let Ce = F(() => {
 });
@@ -33,7 +33,7 @@ let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0
 } }, W = F(null);
 W.displayName = "DisclosureContext";
 function Q(e) {
-  let t = L(W);
+  let t = H(W);
   if (t === null) {
     let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
@@ -43,7 +43,7 @@ function Q(e) {
 let V = F(null);
 V.displayName = "DisclosureAPIContext";
 function ce(e) {
-  let t = L(V);
+  let t = H(V);
   if (t === null) {
     let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(a, ce), a;
@@ -53,13 +53,13 @@ function ce(e) {
 let z = F(null);
 z.displayName = "DisclosurePanelContext";
 function Me() {
-  return L(z);
+  return H(z);
 }
 function Fe(e, t) {
   return q(t.type, Re, e, t);
 }
-let He = ne;
-function Le(e, t) {
+let Le = ne;
+function He(e, t) {
   let { defaultOpen: a = !1, ...d } = e, n = oe(null), p = U(t, Ie((c) => {
     n.current = c;
   }, e.as === void 0 || e.as === ne)), m = de(Fe, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, k] = m, l = $((c) => {
@@ -69,7 +69,7 @@ function Le(e, t) {
     let u = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : E.getElementById(r) : E.getElementById(r);
     u == null || u.focus();
   }), I = R(() => ({ close: l }), [l]), f = R(() => ({ open: o === 0, close: l }), [o, l]), _ = { ref: p };
-  return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: He, name: "Disclosure" })))));
+  return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: Le, name: "Disclosure" })))));
 }
 let Ke = "button";
 function Ue(e, t) {
@@ -106,8 +106,8 @@ function Ue(e, t) {
   }), u = $((s) => {
     var T;
     Ne(s.currentTarget) || n || (l ? (r({ type: 0 }), (T = o.buttonElement) == null || T.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), H = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
-  return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: H, defaultTag: Ke, name: "Disclosure.Button" });
+  }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), L = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
+  return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: L, defaultTag: Ke, name: "Disclosure.Button" });
 }
 let qe = "div", je = Z.RenderStrategy | Z.Static;
 function We(e, t) {
@@ -120,7 +120,7 @@ function We(e, t) {
   let _ = Pe(), [c, E] = ge(n, l, _ !== null ? (_ & M.Open) === M.Open : m.disclosureState === 0), u = R(() => ({ open: m.disclosureState === 0, close: r }), [m.disclosureState, r]), h = { ref: f, id: d, ...Te(E) };
   return S.createElement(we, null, S.createElement(z.Provider, { value: m.panelId }, j({ mergeRefs: k, ourProps: h, theirProps: p, slot: u, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
 }
-let Qe = K(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
+let Qe = K(He), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
 const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", i = {
   accordion: ze,
   "is-link": "_is-link_1k9to_9",
@@ -160,7 +160,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
       [i["is-link"]]: b
     }, C = () => {
       t || h((g) => !g);
-    }, B = n === O.S ? G.S : G.M, H = {
+    }, B = n === O.S ? G.S : G.M, L = {
       variant: "anchor",
       size: y ? "s" : "l",
       rightIcon: {
@@ -234,7 +234,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
                   [i.header]: !b,
                   [i.disabled]: t
                 }),
-                ...b ? H : {},
+                ...b ? L : {},
                 children: A(u)
               }
             ),

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,10 +1,10 @@
 import { jsxs as O, jsx as x } from "react/jsx-runtime";
-import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-B0lm_zyn.js";
+import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-mgWkd2Vh.js";
 import $, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
-import { w as re } from "../../use-active-press-86hajhdd.js";
-import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-y3ANLTNC.js";
+import { w as re } from "../../use-active-press-CqLGIFz7.js";
+import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-D4GFpe5F.js";
 import { r as ue } from "../../bugs-diTMAGNw.js";
-import { H as fe } from "../../field-FJ34aSs4.js";
+import { H as fe } from "../../field-C1kt7aNM.js";
 import { c as me } from "../../index-DIxK0V-G.js";
 import { Icon as pe } from "../../icons/Icon.js";
 import '../../assets/CheckboxMimir.css';let he = "span";

package/dist/components/DatePicker/DatePicker.js

@@ -9,7 +9,7 @@ import { formatDatePart as Y } from "./utils.js";
 import { YearPickerModal as et } from "./YearPickerModal.js";
 import { useClickOutside as it } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating as d } from "../../utils/index.js";
-import { I as at } from "../../Input-WnjLXNpw.js";
+import { I as at } from "../../Input-CbgqYgLo.js";
 import { EInputStatus as rt } from "../Input/constants.js";
 const mt = {
   days: tt,

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

@@ -57,9 +57,17 @@ type TProps = {
      * Дополнительный класс для footer.
      */
     classNameFooter?: string;
+    /**
+     * Флаг, определяющий, закрывать ли Drawer при клике вне его области
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Флаг, определяющий, показывать ли кнопку закрытия в заголовке
+     */
+    showCloseButton?: boolean;
 };
 /**
  * Компонент шторки, который может выезжать слева, справа или внизу.
  */
-export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameInner, classNameFooter }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameInner, classNameFooter, closeOnClickOutside, showCloseButton }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Drawer/Drawer.js

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

package/dist/components/Input/Input.d.ts

@@ -62,6 +62,10 @@ export type TAdditionalProps = {
      * Максимальная длина ввода
      */
     maxLength?: number;
+    /**
+     * Управляет поведением автозаполнения браузера
+     */
+    autocomplete?: 'on' | 'off';
 };
 export type TProps = TInputProps & TAdditionalProps;
 export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-WnjLXNpw.js";
+import { I as f } from "../../Input-CbgqYgLo.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-WnjLXNpw.js";
+import { I as n } from "../../Input-CbgqYgLo.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
 import { memo as w, forwardRef as u, useState as m } from "react";
 import { Icon as d } from "../../icons/Icon.js";
 import { Button as _ } from "../Button/Button.js";
-import { I as l } from "../../Input-WnjLXNpw.js";
+import { I as l } from "../../Input-CbgqYgLo.js";
 import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
   input: b,
   wrapper: x,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-WnjLXNpw.js";
+import { I as b } from "../../Input-CbgqYgLo.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts

@@ -19,4 +19,5 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen
     withChip?: boolean;
     chipVariant?: import('../Chip').EChipVariant | `${import('../Chip').EChipVariant}`;
     disableInput?: boolean;
+    autocomplete?: "on" | "off";
 } & import('react').RefAttributes<HTMLElement>>;