@pismo/marola 1.0.0-beta.21 → 1.0.0-beta.23

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: <T extends string | object>({ label, type, labelKey, 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 }: import('./Autocomplete.tsx').AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, "data-testid-wrapper": dataTestId, ...props }: import('./Autocomplete.tsx').AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -12,6 +12,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const WithObjectsOptions: Story;
+export declare const WithAHugeList: Story;
 export declare const WithLabel: Story;
 export declare const WithSearch: Story;
 export declare const WithPlaceholder: Story;

package/dist/components/Button/Button.js

@@ -3,7 +3,7 @@ import { jsx as p, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as x, useMemo as c } from "react";
 import { c as v } from "../../clsx-DB4S2d7J.js";
 import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as f } from "../../Button-DiLqcAJG.js";
+import { B as f } from "../../Button-BAljjMv3.js";
 const k = "_button_dxo5v_57", t = {
   "u-typography-h1": "_u-typography-h1_dxo5v_1",
   "u-typography-h2": "_u-typography-h2_dxo5v_8",

package/dist/components/Chip/Chip.js

@@ -4,8 +4,9 @@ import "../../clsx-DB4S2d7J.js";
 import "../Adornment/Adornment.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
+import "../Input/Input.js";
 import "../Button/Button.js";
-import { C as k } from "../../Toggle-CRfZgFJp.js";
+import { C as l } from "../../Toggle-Buew6bzm.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
@@ -14,7 +15,7 @@ import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-B3p31ftp.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
-import "../../Button-DiLqcAJG.js";
+import "../../Button-BAljjMv3.js";
 export {
-  k as Chip
+  l as Chip
 };

package/dist/components/Dialog/CloseIconButton.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Icon as t } from "../Icon/Icon.js";
 import { s as i } from "../../Dialog.module-D9e4RsKo.js";
-import { B as s } from "../../Button-DiLqcAJG.js";
+import { B as s } from "../../Button-BAljjMv3.js";
 const n = ({ handleOnClose: r }) => /* @__PURE__ */ o(
   s,
   {

package/dist/components/Dialog/Dialog.js

@@ -6,12 +6,12 @@ import le from "./CloseIconButton.js";
 import ce from "./Content.js";
 import { s as z } from "../../Dialog.module-D9e4RsKo.js";
 import ee from "./DialogTitle.js";
-import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-kRhf7Gil.js";
+import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-C_I1kEHr.js";
 import * as f from "react";
-import { o as A, e as ne } from "../../ownerDocument-B61GUaFs.js";
+import { o as A, e as ne } from "../../ownerDocument-YGhwAnr1.js";
 import { u as X } from "../../useEventCallback-BAQJJ3ye.js";
-import { P as me, H as ge } from "../../Portal-B_Es6eUL.js";
-import { e as Ee } from "../../index-D3Wj0eid.js";
+import { P as me, H as ge } from "../../Portal-oY3enyAm.js";
+import { e as Ee } from "../../index-bQFToy-I.js";
 function J(...e) {
   return e.reduce((t, o) => o == null ? t : function(...s) {
     t.apply(this, s), o.apply(this, s);

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -87,13 +87,13 @@ declare const meta: {
         content?: string | undefined;
         dir?: string | undefined;
         hidden?: boolean | undefined;
+        id?: string | undefined;
         onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;

package/dist/components/IconButton/IconButton.js

@@ -3,7 +3,7 @@ import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as d, useMemo as l } from "react";
 import { c as j } from "../../clsx-DB4S2d7J.js";
 import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as x } from "../../Button-DiLqcAJG.js";
+import { B as x } from "../../Button-BAljjMv3.js";
 const o = {
   "u-typography-h1": "_u-typography-h1_gt5j9_1",
   "u-typography-h2": "_u-typography-h2_gt5j9_8",

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

@@ -2,7 +2,7 @@ import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
 
 type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
 type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
-type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Label text */
     label?: string;
     /** Info message text */
@@ -42,5 +42,44 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Id to be applied as `data-testid` on the chars counter element */
     'data-testid-charsCounter'?: string;
 };
-export declare const Input: ({ label, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, type, maxLength, hideCharsCounter, onChange, classNameWrapper, classNameLabel, classNameInput, classNameInfoMessage, classNameErrorMessage, classNameCharsCounter, "data-testid-wrapper": testIdWrapper, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, "data-testid-charsCounter": testIdCharsCounter, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: import('react').ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    /** Label text */
+    label?: string | undefined;
+    /** Info message text */
+    infoMessage?: string | undefined;
+    /** Error message text */
+    errorMessage?: string | undefined;
+    /** Left icon element */
+    leftIcon?: ReactNode;
+    /** Right icon element */
+    rightIcon?: ReactNode;
+    /** Input type. Default: text */
+    type?: CustomInputTypeAttribute | undefined;
+    /** Hide the chars counter */
+    hideCharsCounter?: boolean | undefined;
+    /** CSS classes to be applied on the container element */
+    classNameWrapper?: string | undefined;
+    /** CSS classes to be applied on the label element */
+    classNameLabel?: string | undefined;
+    /** CSS classes to be applied on the input element */
+    classNameInput?: string | undefined;
+    /** CSS classes to be applied on the info message element */
+    classNameInfoMessage?: string | undefined;
+    /** CSS classes to be applied on the error message element */
+    classNameErrorMessage?: string | undefined;
+    /** CSS classes to be applied on the chars counter element */
+    classNameCharsCounter?: string | undefined;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid-wrapper'?: string | undefined;
+    /** Id to be applied as `data-testid` on the label element */
+    'data-testid-label'?: string | undefined;
+    /** Id to be applied as `data-testid` on the input element */
+    'data-testid-input'?: string | undefined;
+    /** Id to be applied as `data-testid` on the info message element */
+    'data-testid-infoMessage'?: string | undefined;
+    /** Id to be applied as `data-testid` on the error message element */
+    'data-testid-errorMessage'?: string | undefined;
+    /** Id to be applied as `data-testid` on the chars counter element */
+    'data-testid-charsCounter'?: string | undefined;
+} & import('react').RefAttributes<HTMLInputElement>>;
 export {};