@pismo/marola 1.0.0-beta.20 → 1.0.0-beta.22

package/dist/{Button-DiLqcAJG.js → Button-BAljjMv3.js}

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

package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-DbEYZpyh.js}

@@ -1,9 +1,9 @@
 import * as t from "react";
-import { u as C, P as f } from "./useSlotProps-kRhf7Gil.js";
+import { u as C, P as f } from "./useSlotProps-C_I1kEHr.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-B61GUaFs.js";
-import { e as g } from "./index-D3Wj0eid.js";
+import { o as h, e as b } from "./ownerDocument-YGhwAnr1.js";
+import { e as g } from "./index-bQFToy-I.js";
 function T(c) {
   return c.substring(2).toLowerCase();
 }

package/dist/{Popup-lLWZt2wk.js → Popup-Ck3XlWMq.js}

@@ -1,10 +1,10 @@
-import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./useSlotProps-kRhf7Gil.js";
+import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./useSlotProps-C_I1kEHr.js";
 import * as b from "react";
 import { useLayoutEffect as Gt, useEffect as Jt } from "react";
-import { r as Qt } from "./index-D3Wj0eid.js";
+import { r as Qt } from "./index-bQFToy-I.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-B_Es6eUL.js";
+import { P as qt, H as gt } from "./Portal-oY3enyAm.js";
 const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
   x: t,
   y: t

package/dist/{Portal-B_Es6eUL.js → Portal-oY3enyAm.js}

@@ -1,6 +1,6 @@
 import * as o from "react";
-import { r as P, e as y } from "./index-D3Wj0eid.js";
-import { u as T, s as a, P as i } from "./useSlotProps-kRhf7Gil.js";
+import { r as P, e as y } from "./index-bQFToy-I.js";
+import { u as T, s as a, P as i } from "./useSlotProps-C_I1kEHr.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/{Toggle-CRfZgFJp.js → Toggle-Buew6bzm.js}

@@ -4,6 +4,7 @@ import { forwardRef as y } from "react";
 import { c as s } from "./clsx-DB4S2d7J.js";
 import { Icon as C } from "./components/Icon/Icon.js";
 import { Typography as N } from "./components/Typography/Typography.js";
+import "./components/Input/Input.js";
 import "./components/Button/Button.js";
 import { Adornment as v } from "./components/Adornment/Adornment.js";
 import "./components/Dialog/Dialog.js";
@@ -14,7 +15,7 @@ import "./components/Tabs/Tabs.js";
 import { s as w } from "./Group-B3p31ftp.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
 import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
-import { B as x } from "./Button-DiLqcAJG.js";
+import { B as x } from "./Button-BAljjMv3.js";
 const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", p = {
   "u-typography-h1": "_u-typography-h1_1wvod_1",
   "u-typography-h2": "_u-typography-h2_1wvod_8",
@@ -58,7 +59,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       children: _
     }
   )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: c, className: e, children: _ });
-}), M = y((t, c) => {
+}), O = y((t, c) => {
   const {
     label: _,
     className: o,
@@ -112,7 +113,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   "row-item--clickable": "_row-item--clickable_8z1a0_13",
   "row-item--disabled": "_row-item--disabled_8z1a0_19",
   "row-item__content": "_row-item__content_8z1a0_22"
-}, O = y((t, c) => {
+}, Q = y((t, c) => {
   const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: n, ariaLabel: e, className: u } = t, m = s(o == null ? void 0 : o.className, h["row-item__adornment"]), b = {
     onClick: (l) => {
       r || a && a(l);
@@ -148,7 +149,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       ]
     }
   );
-}), Q = y((t, c) => {
+}), V = y((t, c) => {
   const { text: _, isSelected: o = !1, value: r, onChange: a } = t;
   return /* @__PURE__ */ k(
     "label",
@@ -175,7 +176,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   );
 });
 export {
-  M as C,
-  O as R,
-  Q as T
+  O as C,
+  Q as R,
+  V as T
 };

package/dist/assets/Autocomplete.css

@@ -1 +1 @@
-._autocomplete_1k4ph_1{margin-bottom:16px;position:relative}._autocomplete__dropdown-list_1k4ph_5{position:absolute;background-color:var(--white-100);margin-top:.1rem;border:solid .0625rem var(--gray-25);border-radius:.375rem}._autocomplete__dropdown-list_1k4ph_5:hover{border-color:var(--gray-75)}._autocomplete__dropdown-item_1k4ph_15{background-color:var(--white-100);padding:.375rem;list-style-type:none;cursor:pointer}._autocomplete__dropdown-item_1k4ph_15:hover{color:var(--accent)}
+._autocomplete_pfc9v_1{position:relative;margin-bottom:16px}._autocomplete__dropdown-list_pfc9v_5{position:absolute;z-index:1;width:100%;max-height:25rem;padding:0;margin-top:.25rem;overflow-y:auto;background-color:#fff;border:solid .0625rem var(--gray-25);border-radius:.375rem}._autocomplete__dropdown-item_pfc9v_17{padding:.375rem 1rem;list-style-type:none;cursor:pointer}._autocomplete__dropdown-item_pfc9v_17:hover,._option-focused_pfc9v_26{color:var(--accent)}

package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js}

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

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

@@ -1,52 +1,20 @@
-import { InputHTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+import { InputProps } from '../Input/Input.tsx';
+import { SyntheticEvent } from 'react';
 
-type AutocompleteProps<T> = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    /** Label text */
-    label?: string;
+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;
+    /** Value */
+    value?: T;
     /** Options array */
     options?: Array<T>;
     /** callback for new option selected */
     onChange?: (event: SyntheticEvent<Element, Event>, newValue: T) => void;
     /** callback when characters are entered into the input box */
     onInputChange?: (event: SyntheticEvent<Element, Event>, newValue: string) => void;
-    /** Info message text */
-    infoMessage?: string;
-    /** Error message text */
-    errorMessage?: string;
-    /** Left icon element */
-    leftIcon?: ReactNode;
-    /** Right icon element */
-    rightIcon?: ReactNode;
-    /** Input type. Default: text */
-    type?: 'text' | 'password' | 'search';
-    /** Hide the chars counter */
-    hideCharsCounter?: boolean;
-    /** CSS classes to be applied on the container element */
-    classNameWrapper?: string;
-    /** CSS classes to be applied on the label element */
-    classNameLabel?: string;
-    /** CSS classes to be applied on the input element */
-    classNameInput?: string;
-    /** CSS classes to be applied on the info message element */
-    classNameInfoMessage?: string;
-    /** CSS classes to be applied on the error message element */
-    classNameErrorMessage?: string;
-    /** CSS classes to be applied on the chars counter element */
-    classNameCharsCounter?: string;
     /** Id to be applied as `data-testid` on the container element */
     'data-testid-wrapper'?: string;
-    /** Id to be applied as `data-testid` on the label element */
-    'data-testid-label'?: string;
-    /** Id to be applied as `data-testid` on the input element */
-    'data-testid-input'?: string;
-    /** Id to be applied as `data-testid` on the info message element */
-    'data-testid-infoMessage'?: string;
-    /** Id to be applied as `data-testid` on the error message element */
-    'data-testid-errorMessage'?: string;
-    /** Id to be applied as `data-testid` on the chars counter element */
-    'data-testid-charsCounter'?: string;
 };
-export declare const Autocomplete: <T extends string | (object & {
-    label: string;
-})>({ label, type, options, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, maxLength, onChange, onInputChange, classNameLabel, classNameInput, classNameErrorMessage, classNameInfoMessage, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, ...rest }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Autocomplete: <T extends string | object>({ labelKey, valueKey, options, type, value: initialValue, onChange, onInputChange, "data-testid-wrapper": dataTestId, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;