@pismo/marola 2.0.1 → 2.1.0

package/dist/{Button-cCziLrIy.js → Button-Bh6rpTyY.js}

@@ -1,7 +1,7 @@
-import { g as T, a as _, _ as x, b as i, c as B, d as O, e as D, P as e } from "./useSlotProps-DSnfx453.js";
+import { g as T, a as _, _ as x, b as i, c as B, d as O, e as D, P as e } from "./useSlotProps-C7dqSmdM.js";
 import * as c from "react";
 import { jsx as F } from "react/jsx-runtime";
-import { u as S } from "./useButton-eF8MXAli.js";
+import { u as S } from "./useButton-B8Y1xR88.js";
 const m = "Button";
 function U(s) {
   return T(m, s);

package/dist/{ClickAwayListener-CUayzVlD.js → ClickAwayListener-BjqhGzJh.js}

@@ -1,9 +1,9 @@
 import * as t from "react";
-import { u as C, P as f } from "./useSlotProps-DSnfx453.js";
+import { u as C, P as f } from "./useSlotProps-C7dqSmdM.js";
 import { jsx as w } from "react/jsx-runtime";
 import { u as L } from "./useEventCallback-BAQJJ3ye.js";
-import { o as h, e as b } from "./ownerDocument-CAHSRRik.js";
-import { e as g } from "./index-CATDT7fJ.js";
+import { o as h, e as b } from "./ownerDocument-CXvpb_nj.js";
+import { e as g } from "./index-Bppuplgd.js";
 function T(c) {
   return c.substring(2).toLowerCase();
 }

package/dist/DatePicker.module-CmT9Zbbu.js

@@ -0,0 +1,45 @@
+import './assets/DatePicker.css';const e = "_header_57qu7_158", _ = "_calendar_57qu7_104", a = "_weekdayNames_57qu7_186", t = "_days_57qu7_187", n = "_weekdayName_57qu7_186", d = "_day_57qu7_187", o = "_disabled_57qu7_209", r = "_selected_57qu7_209", u = "_faded_57qu7_218", c = "_months_57qu7_256", s = "_years_57qu7_257", q = "_month_57qu7_124", y = "_year_57qu7_257", l = "_rotate_57qu7_337", h = {
+  "input-container": "_input-container_57qu7_85",
+  "datepicker-input": "_datepicker-input_57qu7_98",
+  "calendar-icon": "_calendar-icon_57qu7_104",
+  "datepicker-container": "_datepicker-container_57qu7_108",
+  "range-mode": "_range-mode_57qu7_121",
+  "month-header": "_month-header_57qu7_124",
+  "month-header-row": "_month-header-row_57qu7_135",
+  "nav-button": "_nav-button_57qu7_147",
+  header: e,
+  calendar: _,
+  weekdayNames: a,
+  days: t,
+  weekdayName: n,
+  day: d,
+  disabled: o,
+  selected: r,
+  "range-start": "_range-start_57qu7_209",
+  "range-end": "_range-end_57qu7_209",
+  "range-selected": "_range-selected_57qu7_209",
+  faded: u,
+  months: c,
+  years: s,
+  month: q,
+  year: y,
+  "today-footer": "_today-footer_57qu7_296",
+  "today-button": "_today-button_57qu7_302",
+  rotate: l,
+  "current-day": "_current-day_57qu7_341",
+  "hovered-range": "_hovered-range_57qu7_346",
+  "hovered-date": "_hovered-date_57qu7_351",
+  "would-be-end-date": "_would-be-end-date_57qu7_357",
+  "would-be-start-date": "_would-be-start-date_57qu7_363",
+  "dual-calendar-container": "_dual-calendar-container_57qu7_370",
+  "navigator-input": "_navigator-input_57qu7_381",
+  "nav-month-button": "_nav-month-button_57qu7_410",
+  "nav-year-button": "_nav-year-button_57qu7_411",
+  "auto-width": "_auto-width_57qu7_419",
+  "month-selector": "_month-selector_57qu7_424",
+  "year-selector": "_year-selector_57qu7_425",
+  "nav-calendar-static": "_nav-calendar-static_57qu7_457"
+};
+export {
+  h as s
+};

package/dist/{Popup-C7AXLoP0.js → Popup-aWlctE1C.js}

@@ -1,10 +1,10 @@
-import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, d as Yt, e as Kt, P as x } from "./useSlotProps-DSnfx453.js";
+import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, d as Yt, e as Kt, P as x } from "./useSlotProps-C7dqSmdM.js";
 import * as b from "react";
 import { useLayoutEffect as Gt, useEffect as Jt } from "react";
-import { r as Qt } from "./index-CATDT7fJ.js";
+import { r as Qt } from "./index-Bppuplgd.js";
 import { jsx as Z } from "react/jsx-runtime";
 import { u as Zt } from "./useEnhancedEffect-CJGo-L3B.js";
-import { P as qt, H as gt } from "./Portal-CYV5TK_i.js";
+import { P as qt, H as gt } from "./Portal-Dc9ej3DW.js";
 const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
   x: t,
   y: t

package/dist/{Portal-CYV5TK_i.js → Portal-Dc9ej3DW.js}

@@ -1,6 +1,6 @@
 import * as o from "react";
-import { r as P, e as y } from "./index-CATDT7fJ.js";
-import { u as T, s as a, P as i } from "./useSlotProps-DSnfx453.js";
+import { r as P, e as y } from "./index-Bppuplgd.js";
+import { u as T, s as a, P as i } from "./useSlotProps-C7dqSmdM.js";
 import { jsx as c } from "react/jsx-runtime";
 import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
 function N(t, l, s, n, u) {

package/dist/{RadioButton.module-B4kmS66R.js → RadioButton.module-VF7v9SuY.js}

@@ -1,6 +1,6 @@
 import * as s from "react";
 import { jsx as i } from "react/jsx-runtime";
-import { P as _ } from "./useSlotProps-DSnfx453.js";
+import { P as _ } from "./useSlotProps-C7dqSmdM.js";
 import './assets/RadioButton.css';const y = () => {
 };
 function w(e, t) {

package/dist/{Toggle-DEVeyo2f.js → Toggle-DeMSbC0N.js}

@@ -8,6 +8,7 @@ import "./components/Avatar/Avatar.js";
 import "./components/Button/Button.js";
 import { Adornment as v } from "./components/Adornment/Adornment.js";
 import "./components/Dialog/Dialog.js";
+import "./components/DatePicker/DatePicker.js";
 import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
 import "./components/IconButton/IconButton.js";
 import "./components/InputSearch/InputSearch.js";
@@ -17,7 +18,7 @@ import "./components/Table/Table.js";
 import "./components/Tabs/Tabs.js";
 import { s as y } from "./Group-Cyc1W1kV.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { B as x } from "./Button-cCziLrIy.js";
+import { B as x } from "./Button-Bh6rpTyY.js";
 import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
   "u-typography-h1": "_u-typography-h1_1wvod_1",
   "u-typography-h2": "_u-typography-h2_1wvod_8",
@@ -61,7 +62,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
       children: _
     }
   )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: d, className: e, children: _ });
-}), X = u((t, d) => {
+}), Y = u((t, d) => {
   const {
     label: _,
     className: o,
@@ -100,8 +101,8 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
             role: "button",
             tabIndex: e ? -1 : 0,
             "aria-label": "remove",
-            onClick: (c) => {
-              c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation(), m();
+            onClick: (p) => {
+              p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation(), m();
             },
             "aria-disabled": e,
             children: /* @__PURE__ */ i(C, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
@@ -115,15 +116,15 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
   "row-item--clickable": "_row-item--clickable_8z1a0_13",
   "row-item--disabled": "_row-item--disabled_8z1a0_19",
   "row-item__content": "_row-item__content_8z1a0_22"
-}, Y = u((t, d) => {
+}, Z = u((t, d) => {
   const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: s, ariaLabel: e, className: g } = t, m = l(o == null ? void 0 : o.className, h["row-item__adornment"]), w = {
-    onClick: (p) => {
-      r || a && a(p);
+    onClick: (c) => {
+      r || a && a(c);
     },
     tabIndex: 0,
     "aria-label": e,
     role: "button"
-  }, c = o != null && o.customIcon ? o : { size: "1rem", ...o };
+  }, p = o != null && o.customIcon ? o : { size: "1rem", ...o };
   return /* @__PURE__ */ k(
     "div",
     {
@@ -137,13 +138,13 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
       ...!!a && w,
       ref: d,
       children: [
-        o && /* @__PURE__ */ i(v, { ...c, className: m, disabled: r }),
+        o && /* @__PURE__ */ i(v, { ...p, className: m, disabled: r }),
         /* @__PURE__ */ i("span", { className: l(h["row-item__content"]), children: _ }),
         s && /* @__PURE__ */ i(
           "div",
           {
-            onClick: (p) => {
-              p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation();
+            onClick: (c) => {
+              c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation();
             },
             children: s
           }
@@ -151,7 +152,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
       ]
     }
   );
-}), Z = u((t, d) => {
+}), A = u((t, d) => {
   const { text: _, isSelected: o = !1, value: r, onChange: a, disabled: s } = t;
   return /* @__PURE__ */ k(
     "label",
@@ -183,7 +184,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
   );
 });
 export {
-  X as C,
-  Y as R,
-  Z as T
+  Y as C,
+  Z as R,
+  A as T
 };

package/dist/_commonjsHelpers-C6fGbg64.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as g
+};

package/dist/assets/DatePicker.css

@@ -0,0 +1 @@
+._u-typography-h1_57qu7_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_57qu7_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_57qu7_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_57qu7_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_57qu7_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_57qu7_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_57qu7_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_57qu7_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_57qu7_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_57qu7_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_57qu7_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_57qu7_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_57qu7_68{text-decoration:line-through}._u-typography-base--underlined_57qu7_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_57qu7_74{text-decoration:underline line-through}._datepicker-wrapper_57qu7_79{position:relative;display:inline-block;width:100%}._input-container_57qu7_85{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;background:#fff;border:.0625rem solid var(--colors-neutral-border-color-border);border-radius:.5rem;transition:border .2s ease-in-out}._input-container_57qu7_85:hover{border-color:var(--colors-brand-primary-color-primary)}._input-container_57qu7_85 ._datepicker-input_57qu7_98{width:100%;font-size:1rem;border:none;outline:none}._input-container_57qu7_85 ._calendar-icon_57qu7_104{cursor:pointer}._datepicker-container_57qu7_108{position:absolute;left:0;z-index:100;width:max-content;padding:1rem;margin-top:.5rem;background:#fff;border:.0625rem solid #ddd;border-radius:.375rem;box-shadow:0 .25rem .625rem #0000001a;animation:_fadeIn_57qu7_1 .2s ease-in-out,_slideUp_57qu7_1 .2s ease-in-out}._datepicker-container_57qu7_108._range-mode_57qu7_121{width:max-content}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-headers_57qu7_124{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-headers_57qu7_124 ._month-header_57qu7_124{flex:1;font-weight:700;text-align:center}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135 ._month-header_57qu7_124{flex:1;font-weight:700;text-align:center}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135 ._nav-button_57qu7_147{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135 ._nav-button_57qu7_147:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_57qu7_108 ._header_57qu7_158{width:100%}._header_57qu7_158{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_57qu7_158 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_57qu7_158 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_57qu7_104{display:flex;flex-direction:column}._weekdayNames_57qu7_186,._days_57qu7_187{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_57qu7_186,._day_57qu7_187{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:.3125rem 0;font-size:1rem;font-weight:700;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._weekdayName_57qu7_186:hover:not(._disabled_57qu7_209,._selected_57qu7_209,._range-start_57qu7_209,._range-end_57qu7_209,._range-selected_57qu7_209),._day_57qu7_187:hover:not(._disabled_57qu7_209,._selected_57qu7_209,._range-start_57qu7_209,._range-end_57qu7_209,._range-selected_57qu7_209){background-color:#fafafa}._weekdayName_57qu7_186._selected_57qu7_209,._day_57qu7_187._selected_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_57qu7_186._faded_57qu7_218:not(._disabled_57qu7_209),._day_57qu7_187._faded_57qu7_218:not(._disabled_57qu7_209){color:#3f3d4b40}._weekdayName_57qu7_186._disabled_57qu7_209,._day_57qu7_187._disabled_57qu7_209{color:#aaa;cursor:not-allowed}._weekdayName_57qu7_186._range-selected_57qu7_209:not(._range-start_57qu7_209,._range-end_57qu7_209),._day_57qu7_187._range-selected_57qu7_209:not(._range-start_57qu7_209,._range-end_57qu7_209){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_57qu7_186._range-start_57qu7_209,._day_57qu7_187._range-start_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_57qu7_186._range-end_57qu7_209,._day_57qu7_187._range-end_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_57qu7_187{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_57qu7_186{color:#3f3d4b73}._months_57qu7_256,._years_57qu7_257{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_57qu7_256 ._month_57qu7_124,._months_57qu7_256 ._year_57qu7_257,._years_57qu7_257 ._month_57qu7_124,._years_57qu7_257 ._year_57qu7_257{display:flex;align-items:center;justify-content:center;width:7.5rem;height:2.5rem;padding:.5rem .625rem;margin:.25rem;font-size:1rem;font-weight:700;color:#3f3d4be0;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._months_57qu7_256 ._month_57qu7_124:hover:not(._selected_57qu7_209),._months_57qu7_256 ._year_57qu7_257:hover:not(._selected_57qu7_209),._years_57qu7_257 ._month_57qu7_124:hover:not(._selected_57qu7_209),._years_57qu7_257 ._year_57qu7_257:hover:not(._selected_57qu7_209){background-color:#fafafa}._months_57qu7_256 ._month_57qu7_124._selected_57qu7_209,._months_57qu7_256 ._year_57qu7_257._selected_57qu7_209,._years_57qu7_257 ._month_57qu7_124._selected_57qu7_209,._years_57qu7_257 ._year_57qu7_257._selected_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_57qu7_296{display:flex;justify-content:center;margin-top:.625rem}._today-button_57qu7_302{display:block;width:100%;height:2.5rem;padding:.5rem;font-size:1rem;font-weight:700;color:#3f3d4be0;text-align:center;cursor:pointer;background:transparent;border:.0625rem solid #ddd;border-radius:.375rem;transition:background .2s ease-in-out}._today-button_57qu7_302:hover{background-color:#fafafa}@keyframes _fadeIn_57qu7_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_57qu7_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_57qu7_337{transform:rotate(180deg)}._current-day_57qu7_341{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_57qu7_346:not(._range-start_57qu7_209,._range-end_57qu7_209){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_57qu7_351{background:#c5eeff!important}._hovered-date_57qu7_351:not(._range-start_57qu7_209,._range-end_57qu7_209){border-radius:0}._hovered-date_57qu7_351._would-be-end-date_57qu7_357{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_57qu7_351._would-be-start-date_57qu7_363{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_57qu7_370{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_57qu7_370 ._calendar_57qu7_104{flex:0 0 auto;width:max-content}._navigator-input_57qu7_381{display:flex;align-items:center;justify-content:space-between;width:11.25rem;height:2.5rem;padding:.5rem .75rem;cursor:pointer;background:var(--input-bg, #ffffff);border:.0625rem solid var(--input-border, var(--colors-neutral-border-color-border));border-radius:.5rem}._navigator-input_57qu7_381 ._nav-button_57qu7_147{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_57qu7_381 ._nav-button_57qu7_147:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_57qu7_381 ._nav-calendar-icon_57qu7_406{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_57qu7_381 ._nav-month-button_57qu7_410,._navigator-input_57qu7_381 ._nav-year-button_57qu7_411{padding:0;margin:0 .125rem;font-size:.875rem;cursor:pointer;background:none;border:none}._navigator-input_57qu7_381._auto-width_57qu7_419{width:fit-content;min-width:min-content}._month-selector_57qu7_424,._year-selector_57qu7_425{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_57qu7_424:hover,._year-selector_57qu7_425:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_57qu7_419{display:inline-flex;align-items:center;width:auto}._nav-month-button_57qu7_410,._nav-year-button_57qu7_411{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_57qu7_457{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_57qu7_457 svg{pointer-events:none}._nav-calendar-static_57qu7_457:hover,._nav-calendar-static_57qu7_457:focus,._nav-calendar-static_57qu7_457:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}

package/dist/{combineHooksSlotProps-BCXoX9Nx.js → combineHooksSlotProps-CNWfgylM.js}

@@ -1,4 +1,4 @@
-import { f as E, b as c } from "./useSlotProps-DSnfx453.js";
+import { f as E, b as c } from "./useSlotProps-C7dqSmdM.js";
 import * as r from "react";
 const m = {
   blur: "list:blur",

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,10 +1,14 @@
-import { SyntheticEvent } from 'react';
+import { default as React, SyntheticEvent } from 'react';
 import { InputProps } from '../Input/Input.tsx';
 export type AutocompleteProps<T> = Omit<InputProps, 'onChange' | 'value'> & {
     /** Object key to be used as label when options are an array of object */
     labelKey?: T extends object ? keyof T : never;
     /** Object key to be used as value when options are an array of object */
     valueKey?: T extends object ? keyof T : never;
+    /** Method which returns a custom label for options */
+    renderOption?: (option: T) => React.ReactNode;
+    /** Method which returns a custom label for the selected */
+    customSelectedOptionLabel?: (option: T) => string;
     /** Value */
     value?: T;
     /** Options array */
@@ -16,4 +20,4 @@ export type AutocompleteProps<T> = Omit<InputProps, 'onChange' | 'value'> & {
     /** callback when characters are entered into the input box */
     onInputChange?: (event: SyntheticEvent<Element, Event>, newValue: string) => void;
 };
-export declare const Autocomplete: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, classNameWrapper, "data-testid-wrapper": dataTestId, classNameInputWrapper, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Autocomplete: <T extends string | object>({ labelKey, valueKey, renderOption, customSelectedOptionLabel, options, type, value, onChange, onInputChange, classNameWrapper, "data-testid-wrapper": dataTestId, classNameInputWrapper, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;