@pismo/marola 1.0.0-beta.49 → 1.0.0-beta.50

package/dist/{Toggle-BbmXeuJd.js → Toggle-CzkXi3_R.js}

@@ -9,6 +9,7 @@ import "./components/Button/Button.js";
 import { Adornment as v } from "./components/Adornment/Adornment.js";
 import "./components/Dialog/Dialog.js";
 import "./components/IconButton/IconButton.js";
+import "./components/InputSearch/InputSearch.js";
 import "./components/Select/Select.js";
 import "./components/Popover/Popover.js";
 import "./components/Table/Table.js";
@@ -60,7 +61,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       children: _
     }
   )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: d, className: e, children: _ });
-}), Q = u((t, d) => {
+}), V = u((t, d) => {
   const {
     label: _,
     className: o,
@@ -114,7 +115,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"
-}, V = u((t, d) => {
+}, X = 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);
@@ -150,7 +151,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       ]
     }
   );
-}), X = u((t, d) => {
+}), Y = u((t, d) => {
   const { text: _, isSelected: o = !1, value: r, onChange: a, disabled: s } = t;
   return /* @__PURE__ */ k(
     "label",
@@ -182,7 +183,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   );
 });
 export {
-  Q as C,
-  V as R,
-  X as T
+  V as C,
+  X as R,
+  Y as T
 };

package/dist/components/Chip/Chip.js

@@ -6,9 +6,10 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { C as n } from "../../Toggle-BbmXeuJd.js";
+import { C as q } from "../../Toggle-CzkXi3_R.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
+import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Skeleton/Skeleton.js";
@@ -18,5 +19,5 @@ import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../Button-BAljjMv3.js";
 export {
-  n as Chip
+  q as Chip
 };

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
         leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;

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

@@ -10,7 +10,7 @@ declare const meta: {
         Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
         dialogTitle: import('react').ReactNode;
         dialogSubtitle?: import('react').ReactNode;

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         style?: import('react').CSSProperties | undefined;

package/dist/components/InputSearch/InputSearch.d.ts

@@ -1,9 +1,38 @@
-import { Input } from '../Input/Input';
-import { ComponentProps } from 'react';
+import { ForwardedRef } from 'react';
 
-type InputSearchProps = {
+export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omit<{
     /** How many milliseconds to wait before trigger the onChange event */
-    triggerDelay?: number;
-} & ComponentProps<typeof Input>;
-export declare const InputSearch: ({ classNameWrapper, triggerDelay, value, onChange, ...rest }: InputSearchProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+    triggerDelay?: number | undefined;
+    ref?: ForwardedRef<HTMLInputElement> | undefined;
+} & import('react').InputHTMLAttributes<HTMLInputElement> & {
+    label?: string | undefined;
+    infoMessage?: string | undefined;
+    error?: boolean | undefined;
+    errorMessage?: string | undefined;
+    multiline?: false | undefined;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+    type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
+    hideCharsCounter?: boolean | undefined;
+    classNameWrapper?: string | undefined;
+    classNameLabel?: string | undefined;
+    classNameInput?: string | undefined;
+    classNameInfoMessage?: string | undefined;
+    classNameErrorMessage?: string | undefined;
+    classNameCharsCounter?: string | undefined;
+    'data-testid-wrapper'?: string | undefined;
+    'data-testid-label'?: string | undefined;
+    'data-testid-input'?: string | undefined;
+    'data-testid-infoMessage'?: string | undefined;
+    'data-testid-errorMessage'?: string | undefined;
+    'data-testid-charsCounter'?: string | undefined;
+} & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<{
+    /** How many milliseconds to wait before trigger the onChange event */
+    triggerDelay?: number | undefined;
+    ref?: ForwardedRef<HTMLInputElement> | undefined;
+} & Omit<import('../Input/Input').SingleInputProps, "multiline"> & {
+    multiline: true;
+    minRows?: number | undefined;
+    maxRows?: number | undefined;
+    rows?: number | undefined;
+} & import('react').RefAttributes<HTMLInputElement>, "ref">) & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/InputSearch/InputSearch.js

@@ -1,34 +1,32 @@
 import '../../assets/InputSearch.css';
 import { jsx as e } from "react/jsx-runtime";
-import { c as m } from "../../clsx-DB4S2d7J.js";
-import { Icon as p } from "../Icon/Icon.js";
-import { Input as u } from "../Input/Input.js";
-const l = "_inputSearch_114e1_1", h = {
-  inputSearch: l
-};
-let n;
-const d = ({
-  classNameWrapper: r,
-  triggerDelay: o = 500,
-  value: c,
-  onChange: i = () => {
-  },
-  ...a
-}) => {
-  const s = (t) => {
-    n && clearTimeout(n), n = setTimeout(() => i(t), o);
-  };
-  return /* @__PURE__ */ e("div", { className: m(h.inputSearch, r), children: /* @__PURE__ */ e(
-    u,
-    {
-      type: "search",
-      ...a,
-      leftIcon: /* @__PURE__ */ e(p, { icon: "magnifying-glass" }),
-      defaultValue: c,
-      onChange: (t) => s(t)
-    }
-  ) });
+import { forwardRef as p } from "react";
+import { c as u } from "../../clsx-DB4S2d7J.js";
+import { Icon as f } from "../Icon/Icon.js";
+import { Input as l } from "../Input/Input.js";
+const h = "_inputSearch_114e1_1", g = {
+  inputSearch: h
 };
+let r;
+const _ = p(
+  ({ classNameWrapper: n, triggerDelay: o = 500, value: c, onChange: i = () => {
+  }, ...a }, s) => {
+    const m = (t) => {
+      r && clearTimeout(r), r = setTimeout(() => i(t), o);
+    };
+    return /* @__PURE__ */ e("div", { className: u(g.inputSearch, n), children: /* @__PURE__ */ e(
+      l,
+      {
+        type: "search",
+        ref: s,
+        ...a,
+        leftIcon: /* @__PURE__ */ e(f, { icon: "magnifying-glass" }),
+        defaultValue: c,
+        onChange: (t) => m(t)
+      }
+    ) });
+  }
+);
 export {
-  d as InputSearch
+  _ as InputSearch
 };

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

@@ -2,9 +2,40 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ classNameWrapper, triggerDelay, value, onChange, ...rest }: {
+    component: import('react').ForwardRefExoticComponent<(Omit<{
         triggerDelay?: number | undefined;
-    } & (import('../Input/Input').InputProps & import('react').RefAttributes<HTMLInputElement>)) => import("react/jsx-runtime").JSX.Element;
+        ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
+    } & import('react').InputHTMLAttributes<HTMLInputElement> & {
+        label?: string | undefined;
+        infoMessage?: string | undefined;
+        error?: boolean | undefined;
+        errorMessage?: string | undefined;
+        multiline?: false | undefined;
+        leftIcon?: import('react').ReactNode;
+        rightIcon?: import('react').ReactNode;
+        type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
+        hideCharsCounter?: boolean | undefined;
+        classNameWrapper?: string | undefined;
+        classNameLabel?: string | undefined;
+        classNameInput?: string | undefined;
+        classNameInfoMessage?: string | undefined;
+        classNameErrorMessage?: string | undefined;
+        classNameCharsCounter?: string | undefined;
+        'data-testid-wrapper'?: string | undefined;
+        'data-testid-label'?: string | undefined;
+        'data-testid-input'?: string | undefined;
+        'data-testid-infoMessage'?: string | undefined;
+        'data-testid-errorMessage'?: string | undefined;
+        'data-testid-charsCounter'?: string | undefined;
+    } & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<{
+        triggerDelay?: number | undefined;
+        ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
+    } & Omit<import('../Input/Input').SingleInputProps, "multiline"> & {
+        multiline: true;
+        minRows?: number | undefined;
+        maxRows?: number | undefined;
+        rows?: number | undefined;
+    } & import('react').RefAttributes<HTMLInputElement>, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         invert?: boolean | undefined;
         classNames?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

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

@@ -25,7 +25,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-BbmXeuJd.js";
+import { C as t } from "../../Toggle-CzkXi3_R.js";
 const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
   container: r,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",

package/dist/components/RowItem/RowItem.js

@@ -6,9 +6,10 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { R as c, R as g } from "../../Toggle-BbmXeuJd.js";
+import { R as g, R as h } from "../../Toggle-CzkXi3_R.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
+import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
@@ -16,6 +17,6 @@ import "../Tabs/Tabs.js";
 import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  c as RowItem,
-  g as default
+  g as RowItem,
+  h as default
 };

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/ToggleGroup/Toggle.js

@@ -5,9 +5,10 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { T as g } from "../../Toggle-BbmXeuJd.js";
+import { T as h } from "../../Toggle-CzkXi3_R.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
+import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
@@ -15,5 +16,5 @@ import "../Tabs/Tabs.js";
 import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  g as default
+  h as default
 };

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../Toggle-BbmXeuJd.js";
+import { T as e } from "../../Toggle-CzkXi3_R.js";
 import { G as p } from "../../Group-DspH8hyO.js";
 export {
   p as ToggleGroup,

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

@@ -6,7 +6,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         legend?: import('react').ReactNode;
         error?: import('react').ReactNode;
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         open?: boolean | undefined;

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

@@ -12,7 +12,7 @@ declare const meta: {
             };
         };
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         element?: import('react').ElementType | undefined;
         variant?: import('./Typography').VariantType | undefined;

package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts

@@ -12,7 +12,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/main.js

@@ -3,7 +3,7 @@ import { Advice as p } from "./components/Advice/Advice.js";
 import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
 import { Button as x } from "./components/Button/Button.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { C as T, R as s, T as c } from "./Toggle-BbmXeuJd.js";
+import { C as T, R as s, T as c } from "./Toggle-CzkXi3_R.js";
 import { Dialog as u } from "./components/Dialog/Dialog.js";
 import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
 import { Icon as k } from "./components/Icon/Icon.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.49",
+  "version": "1.0.0-beta.50",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",