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

package/dist/components/Icon/types.d.ts

@@ -2,4 +2,4 @@
  * This file is automatically generated. Any changes will be lost.
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
  */
-export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrows-rotate' | 'badge-check' | 'bell' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle-arrow-right' | 'circle-check' | 'circle-exclamation' | 'circle-info' | 'circle-xmark' | 'empty-set' | 'eye-slash' | 'eye' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'list' | 'loader' | 'lock-keyhole' | 'magnifying-glass' | 'money-bill-trend-up' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'trash-can' | 'trash' | 'upload' | 'user-group' | 'warehouse-full' | 'xmark' | 'logo';
+export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle-arrow-right' | 'circle-check' | 'circle-exclamation' | 'circle-info' | 'circle-xmark' | 'coins' | 'empty-set' | 'eye-slash' | 'eye' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'magnifying-glass' | 'money-bill-trend-up' | 'money-bills' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'trash-can' | 'trash' | 'upload' | 'user-group' | 'user' | 'wallet' | 'warehouse-full' | 'xmark' | 'logo';

package/dist/components/Input/Input.js

@@ -1,11 +1,11 @@
 import '../../assets/Input.css';
 import { jsxs as q, jsx as k } from "react/jsx-runtime";
-import * as w from "react";
-import { forwardRef as de, useState as ce, useId as _e, useMemo as ye } from "react";
+import * as x from "react";
+import { forwardRef as de, useState as ce, useId as _e, useMemo as he } from "react";
 import { c as E } from "../../clsx-DB4S2d7J.js";
 import { Icon as me } from "../Icon/Icon.js";
 import { Typography as L } from "../Typography/Typography.js";
-import { g as fe, a as he, u as ge, f as Y, b as f, _ as be, c as Q, i as xe, P as e, d as Ce, e as we } from "../../useSlotProps-C_I1kEHr.js";
+import { g as fe, a as ye, u as ge, f as Y, b as f, _ as be, c as Q, i as Ce, P as e, d as we, e as xe } from "../../useSlotProps-C_I1kEHr.js";
 function Pe(s) {
   let l = "https://mui.com/production-error/?code=" + s;
   for (let d = 1; d < arguments.length; d += 1)
@@ -16,11 +16,11 @@ const X = "Input";
 function Ne(s) {
   return fe(X, s);
 }
-he(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const Z = /* @__PURE__ */ w.createContext(void 0);
+ye(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const Z = /* @__PURE__ */ x.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Z.displayName = "FormControlContext");
 function ve() {
-  return w.useContext(Z);
+  return x.useContext(Z);
 }
 function Re(s = {}) {
   const {
@@ -28,65 +28,65 @@ function Re(s = {}) {
     disabled: d = !1,
     error: u = !1,
     onBlur: c,
-    onChange: y,
+    onChange: h,
     onFocus: P,
     required: N = !1,
     value: F,
     inputRef: v
-  } = s, n = ve();
-  let g, m, b, x, h;
-  if (n) {
+  } = s, t = ve();
+  let g, m, b, C, y;
+  if (t) {
     var I, _, O;
-    if (g = void 0, m = (I = n.disabled) != null ? I : !1, b = (_ = n.error) != null ? _ : !1, x = (O = n.required) != null ? O : !1, h = n.value, process.env.NODE_ENV !== "production") {
-      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((o) => s[o] !== void 0);
-      t.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${t.join(", ")}`].join(`
+    if (g = void 0, m = (I = t.disabled) != null ? I : !1, b = (_ = t.error) != null ? _ : !1, C = (O = t.required) != null ? O : !1, y = t.value, process.env.NODE_ENV !== "production") {
+      const n = ["defaultValue", "disabled", "error", "required", "value"].filter((o) => s[o] !== void 0);
+      n.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${n.join(", ")}`].join(`
 `));
     }
   } else
-    g = l, m = d, b = u, x = N, h = F;
+    g = l, m = d, b = u, C = N, y = F;
   const {
     current: B
-  } = w.useRef(h != null), U = w.useCallback((t) => {
-    process.env.NODE_ENV !== "production" && t && t.nodeName !== "INPUT" && !t.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
+  } = x.useRef(y != null), U = x.useCallback((n) => {
+    process.env.NODE_ENV !== "production" && n && n.nodeName !== "INPUT" && !n.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), C = w.useRef(null), T = ge(C, v, U), [R, a] = w.useState(!1);
-  w.useEffect(() => {
-    !n && m && R && (a(!1), c == null || c());
-  }, [n, m, R, c]);
-  const V = (t) => (o) => {
+  }, []), w = x.useRef(null), T = ge(w, v, U), [R, a] = x.useState(!1);
+  x.useEffect(() => {
+    !t && m && R && (a(!1), c == null || c());
+  }, [t, m, R, c]);
+  const V = (n) => (o) => {
     var r;
-    if (n != null && n.disabled) {
+    if (t != null && t.disabled) {
       o.stopPropagation();
       return;
     }
-    if ((r = t.onFocus) == null || r.call(t, o), n && n.onFocus) {
+    if ((r = n.onFocus) == null || r.call(n, o), t && t.onFocus) {
       var i;
-      n == null || (i = n.onFocus) == null || i.call(n);
+      t == null || (i = t.onFocus) == null || i.call(t);
     } else
       a(!0);
-  }, S = (t) => (o) => {
+  }, S = (n) => (o) => {
     var r;
-    (r = t.onBlur) == null || r.call(t, o), n && n.onBlur ? n.onBlur() : a(!1);
-  }, A = (t) => (o, ...r) => {
+    (r = n.onBlur) == null || r.call(n, o), t && t.onBlur ? t.onBlur() : a(!1);
+  }, A = (n) => (o, ...r) => {
     var i, H;
-    if (!B && (o.target || C.current) == null)
+    if (!B && (o.target || w.current) == null)
       throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Pe(17));
-    n == null || (i = n.onChange) == null || i.call(n, o), (H = t.onChange) == null || H.call(t, o, ...r);
-  }, D = (t) => (o) => {
+    t == null || (i = t.onChange) == null || i.call(t, o), (H = n.onChange) == null || H.call(n, o, ...r);
+  }, D = (n) => (o) => {
     var r;
-    C.current && o.currentTarget === o.target && C.current.focus(), (r = t.onClick) == null || r.call(t, o);
+    w.current && o.currentTarget === o.target && w.current.focus(), (r = n.onClick) == null || r.call(n, o);
   };
   return {
     disabled: m,
     error: b,
     focused: R,
-    formControlContext: n,
-    getInputProps: (t = {}) => {
+    formControlContext: t,
+    getInputProps: (n = {}) => {
       const r = f({}, {
         onBlur: c,
-        onChange: y,
+        onChange: h,
         onFocus: P
-      }, Y(t)), i = f({}, r, {
+      }, Y(n)), i = f({}, r, {
         onBlur: S(r),
         onChange: A(r),
         onFocus: V(r)
@@ -94,22 +94,22 @@ function Re(s = {}) {
       return f({}, i, {
         "aria-invalid": b || void 0,
         defaultValue: g,
-        value: h,
-        required: x,
+        value: y,
+        required: C,
         disabled: m
-      }, t, {
+      }, n, {
         ref: T
       }, i);
     },
-    getRootProps: (t = {}) => {
-      const o = Y(s, ["onBlur", "onChange", "onFocus"]), r = f({}, o, Y(t));
-      return f({}, t, r, {
+    getRootProps: (n = {}) => {
+      const o = Y(s, ["onBlur", "onChange", "onFocus"]), r = f({}, o, Y(n));
+      return f({}, n, r, {
         onClick: D(r)
       });
     },
     inputRef: T,
-    required: x,
-    value: h
+    required: C,
+    value: y
   };
 }
 const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], Fe = (s) => {
@@ -118,33 +118,33 @@ const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     error: d,
     focused: u,
     formControlContext: c,
-    multiline: y,
+    multiline: h,
     startAdornment: P,
     endAdornment: N
   } = s;
-  return Ce({
-    root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", y && "multiline", !!P && "adornedStart", !!N && "adornedEnd"],
-    input: ["input", l && "disabled", y && "multiline"]
-  }, we(Ne));
-}, ee = /* @__PURE__ */ w.forwardRef(function(l, d) {
-  var u, c, y;
+  return we({
+    root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", h && "multiline", !!P && "adornedStart", !!N && "adornedEnd"],
+    input: ["input", l && "disabled", h && "multiline"]
+  }, xe(Ne));
+}, ee = /* @__PURE__ */ x.forwardRef(function(l, d) {
+  var u, c, h;
   const {
     "aria-describedby": P,
     "aria-label": N,
     "aria-labelledby": F,
     autoComplete: v,
-    autoFocus: n,
+    autoFocus: t,
     className: g,
     defaultValue: m,
     disabled: b,
-    endAdornment: x,
-    error: h,
+    endAdornment: C,
+    error: y,
     id: I,
     multiline: _ = !1,
     name: O,
     onClick: B,
     onChange: U,
-    onKeyDown: C,
+    onKeyDown: w,
     onKeyUp: T,
     onFocus: R,
     onBlur: a,
@@ -154,22 +154,22 @@ const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     startAdornment: D,
     value: j,
     type: M,
-    rows: t,
+    rows: n,
     slotProps: o = {},
     slots: r = {},
     minRows: i,
     maxRows: H
   } = l, W = be(l, Ee), {
-    getRootProps: te,
+    getRootProps: ne,
     getInputProps: oe,
-    focused: ne,
+    focused: te,
     formControlContext: re,
     error: ae,
     disabled: se
   } = Re({
     disabled: b,
     defaultValue: m,
-    error: h,
+    error: y,
     onBlur: a,
     onClick: B,
     onChange: U,
@@ -179,7 +179,7 @@ const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
   }), z = _ ? void 0 : M ?? "text", $ = f({}, l, {
     disabled: se,
     error: ae,
-    focused: ne,
+    focused: te,
     formControlContext: re,
     multiline: _,
     type: z
@@ -188,9 +188,9 @@ const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     "aria-label": N,
     "aria-labelledby": F,
     autoComplete: v,
-    autoFocus: n,
+    autoFocus: t,
     id: I,
-    onKeyDown: C,
+    onKeyDown: w,
     onKeyUp: T,
     name: O,
     placeholder: V,
@@ -198,7 +198,7 @@ const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     type: z
   }, J = (u = r.root) != null ? u : "div", ie = Q({
     elementType: J,
-    getSlotProps: te,
+    getSlotProps: ne,
     externalSlotProps: o.root,
     externalForwardedProps: W,
     additionalProps: {
@@ -206,21 +206,21 @@ const Ee = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     },
     ownerState: $,
     className: [G.root, g]
-  }), K = _ ? (c = r.textarea) != null ? c : "textarea" : (y = r.input) != null ? y : "input", ue = Q({
+  }), K = _ ? (c = r.textarea) != null ? c : "textarea" : (h = r.input) != null ? h : "input", ue = Q({
     elementType: K,
     getSlotProps: (pe) => oe(f({}, le, pe)),
     externalSlotProps: o.input,
     additionalProps: f({
-      rows: _ ? t : void 0
-    }, _ && !xe(K) && {
-      minRows: t || i,
-      maxRows: t || H
+      rows: _ ? n : void 0
+    }, _ && !Ce(K) && {
+      minRows: n || i,
+      maxRows: n || H
     }),
     ownerState: $,
     className: G.input
   });
-  return process.env.NODE_ENV !== "production" && _ && t && (i || H) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ q(J, f({}, ie, {
-    children: [D, /* @__PURE__ */ k(K, f({}, ue)), x]
+  return process.env.NODE_ENV !== "production" && _ && n && (i || H) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ q(J, f({}, ie, {
+    children: [D, /* @__PURE__ */ k(K, f({}, ue)), C]
   }));
 });
 process.env.NODE_ENV !== "production" && (ee.propTypes = {
@@ -373,35 +373,35 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    */
   value: e.any
 });
-const Ie = "_input_y27xt_57", Oe = "_input__label_y27xt_81", p = {
-  "u-typography-h1": "_u-typography-h1_y27xt_1",
-  "u-typography-h2": "_u-typography-h2_y27xt_8",
-  "u-typography-h3": "_u-typography-h3_y27xt_15",
-  "u-typography-h4": "_u-typography-h4_y27xt_22",
-  "u-typography-h5": "_u-typography-h5_y27xt_29",
-  "u-typography-h6": "_u-typography-h6_y27xt_36",
-  "u-typography-base": "_u-typography-base_y27xt_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_y27xt_49",
-  "u-typography-base--xl": "_u-typography-base--xl_y27xt_53",
-  "u-typography-base--lg": "_u-typography-base--lg_y27xt_57",
-  "input__input-el": "_input__input-el_y27xt_57",
-  "u-typography-base--sm": "_u-typography-base--sm_y27xt_61",
-  "u-typography-base--bold": "_u-typography-base--bold_y27xt_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_y27xt_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_y27xt_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_y27xt_74",
+const Ie = "_input_3n32h_57", Oe = "_input__label_3n32h_84", p = {
+  "u-typography-h1": "_u-typography-h1_3n32h_1",
+  "u-typography-h2": "_u-typography-h2_3n32h_8",
+  "u-typography-h3": "_u-typography-h3_3n32h_15",
+  "u-typography-h4": "_u-typography-h4_3n32h_22",
+  "u-typography-h5": "_u-typography-h5_3n32h_29",
+  "u-typography-h6": "_u-typography-h6_3n32h_36",
+  "u-typography-base": "_u-typography-base_3n32h_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_3n32h_49",
+  "u-typography-base--xl": "_u-typography-base--xl_3n32h_53",
+  "u-typography-base--lg": "_u-typography-base--lg_3n32h_57",
+  "input__input-el": "_input__input-el_3n32h_57",
+  "u-typography-base--sm": "_u-typography-base--sm_3n32h_61",
+  "u-typography-base--bold": "_u-typography-base--bold_3n32h_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_3n32h_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_3n32h_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_3n32h_74",
   input: Ie,
+  "input__messages-wrapper": "_input__messages-wrapper_3n32h_81",
   input__label: Oe,
-  "input__input-el-wrapper": "_input__input-el-wrapper_y27xt_86",
-  "input__left-icon": "_input__left-icon_y27xt_105",
-  "input__right-icon": "_input__right-icon_y27xt_105",
-  "input__messages-wrapper": "_input__messages-wrapper_y27xt_117",
-  "input__info-message": "_input__info-message_y27xt_131",
-  "input__error-message": "_input__error-message_y27xt_131",
-  "input__chars-counter": "_input__chars-counter_y27xt_142",
-  "input--disabled": "_input--disabled_y27xt_147",
-  "input--focused": "_input--focused_y27xt_153",
-  "input--error": "_input--error_y27xt_156"
+  "input__input-el-wrapper": "_input__input-el-wrapper_3n32h_89",
+  "input__left-icon": "_input__left-icon_3n32h_108",
+  "input__right-icon": "_input__right-icon_3n32h_108",
+  "input__info-message": "_input__info-message_3n32h_134",
+  "input__error-message": "_input__error-message_3n32h_134",
+  "input__chars-counter": "_input__chars-counter_3n32h_145",
+  "input--disabled": "_input--disabled_3n32h_150",
+  "input--focused": "_input--focused_3n32h_156",
+  "input--error": "_input--error_3n32h_159"
 }, Ae = de(
   ({
     label: s,
@@ -409,23 +409,23 @@ const Ie = "_input_y27xt_57", Oe = "_input__label_y27xt_81", p = {
     error: d,
     errorMessage: u,
     leftIcon: c,
-    rightIcon: y,
+    rightIcon: h,
     id: P,
     disabled: N,
     type: F = "text",
     maxLength: v,
-    hideCharsCounter: n = !1,
+    hideCharsCounter: t = !1,
     onChange: g,
     classNameWrapper: m,
     classNameLabel: b,
-    classNameInput: x,
-    classNameInfoMessage: h,
+    classNameInput: C,
+    classNameInfoMessage: y,
     classNameErrorMessage: I,
     classNameCharsCounter: _,
     "data-testid-wrapper": O,
     "data-testid-label": B,
     "data-testid-input": U,
-    "data-testid-infoMessage": C,
+    "data-testid-infoMessage": w,
     "data-testid-errorMessage": T,
     "data-testid-charsCounter": R,
     ...a
@@ -435,7 +435,7 @@ const Ie = "_input_y27xt_57", Oe = "_input__label_y27xt_81", p = {
     const M = (o) => {
       var r, i;
       A((i = (r = o == null ? void 0 : o.target) == null ? void 0 : r.value) == null ? void 0 : i.length), g && g(o);
-    }, t = ye(() => a.multiline !== !0 ? {
+    }, n = he(() => a.multiline !== !0 ? {
       type: F,
       multiline: a.multiline
     } : {
@@ -473,30 +473,30 @@ const Ie = "_input_y27xt_57", Oe = "_input__label_y27xt_81", p = {
             }),
             input: {
               ref: V,
-              className: E(p["input__input-el"], x),
+              className: E(p["input__input-el"], C),
               maxLength: v,
               onChange: M,
               ...a
             }
           },
           startAdornment: c && /* @__PURE__ */ k("span", { className: p["input__left-icon"], children: c }),
-          endAdornment: y && /* @__PURE__ */ k("span", { className: p["input__right-icon"], children: y }),
-          ...t
+          endAdornment: h && /* @__PURE__ */ k("span", { className: p["input__right-icon"], children: h }),
+          ...n
         }
       ),
       /* @__PURE__ */ q("div", { className: p["input__messages-wrapper"], children: [
         (u || l) && /* @__PURE__ */ q(
           L,
           {
-            className: u ? E(p["input__error-message"], I) : E(p["input__info-message"], h),
-            "data-testid": u ? T : C,
+            className: u ? E(p["input__error-message"], I) : E(p["input__info-message"], y),
+            "data-testid": u ? T : w,
             children: [
               /* @__PURE__ */ k(me, { icon: u ? "circle-exclamation" : "circle-info" }),
               u || l
             ]
           }
         ),
-        v && !n && /* @__PURE__ */ q(
+        v && !t && /* @__PURE__ */ q(
           L,
           {
             className: E(p["input__chars-counter"], _),

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

package/dist/components/Select/Select.js

@@ -4,7 +4,7 @@ import { useId as ze } from "react";
 import { c as U } from "../../clsx-DB4S2d7J.js";
 import { Icon as We } from "../Icon/Icon.js";
 import { Typography as _e } from "../Typography/Typography.js";
-import { s as y, S as Je } from "../../SelectButton-rvRI0bTU.js";
+import { s as y, S as Je } from "../../SelectButton-B38avP9u.js";
 import { g as we, a as Ie, u as Y, f as le, b as m, P as l, _ as Ne, c as se, d as Me, e as ke } from "../../useSlotProps-C_I1kEHr.js";
 import { u as Ge, c as ae, a as Se, L as X } from "../../combineHooksSlotProps-C-zYvfnF.js";
 import { u as Te } from "../../useButton-DcihopJG.js";
@@ -887,7 +887,7 @@ const Ct = (n) => {
             className: U(y.select, i, (_ || g) && y["select-button--error"]),
             slots: { root: Je },
             slotProps: {
-              root: { fullWidth: V },
+              root: { fullWidth: V, placeholder: p.placeholder },
               listbox: { className: y.select__listbox },
               popup: {
                 className: y.select__popup,

package/dist/components/Select/SelectButton.d.ts

@@ -9,5 +9,6 @@ export interface SelectButtonProps {
     'data-testid'?: string;
     onClick: () => void;
     fullWidth?: boolean;
+    placeholder?: string;
 }
 export declare const SelectButton: import('react').ForwardRefExoticComponent<SelectButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Select/SelectButton.js

@@ -3,7 +3,7 @@ import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
-import { S } from "../../SelectButton-rvRI0bTU.js";
+import { S } from "../../SelectButton-B38avP9u.js";
 export {
   S as SelectButton
 };

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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

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

package/package.json

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

package/dist/SelectButton-rvRI0bTU.js

@@ -1,73 +0,0 @@
-import './assets/SelectButton.css';
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { c as g } from "./clsx-DB4S2d7J.js";
-import { Icon as i } from "./components/Icon/Icon.js";
-import { Typography as p } from "./components/Typography/Typography.js";
-const d = "_select__listbox__option__text_1t1ci_65", x = "_select__wrapper_1t1ci_78", m = "_select__label_1t1ci_84", f = "_select_1t1ci_57", w = "_select__popup_1t1ci_96", v = "_select__listbox_1t1ci_65", k = "_select__listbox__option_1t1ci_65", N = "_select__listbox__option__icon_1t1ci_126", _ = {
-  "u-typography-h1": "_u-typography-h1_1t1ci_1",
-  "u-typography-h2": "_u-typography-h2_1t1ci_8",
-  "u-typography-h3": "_u-typography-h3_1t1ci_15",
-  "u-typography-h4": "_u-typography-h4_1t1ci_22",
-  "u-typography-h5": "_u-typography-h5_1t1ci_29",
-  "u-typography-h6": "_u-typography-h6_1t1ci_36",
-  "u-typography-base": "_u-typography-base_1t1ci_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1t1ci_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1t1ci_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1t1ci_57",
-  "select-button__text": "_select-button__text_1t1ci_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1t1ci_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1t1ci_65",
-  select__listbox__option__text: d,
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1t1ci_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1t1ci_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1t1ci_74",
-  select__wrapper: x,
-  "select__wrapper--fit-content-width": "_select__wrapper--fit-content-width_1t1ci_81",
-  select__label: m,
-  select: f,
-  select__popup: w,
-  select__listbox: v,
-  select__listbox__option: k,
-  select__listbox__option__icon: N,
-  "select__listbox__option--disabled": "_select__listbox__option--disabled_1t1ci_129",
-  "select__listbox__option--selected": "_select__listbox__option--selected_1t1ci_129",
-  "select-button": "_select-button_1t1ci_57",
-  "select-button--full-width": "_select-button--full-width_1t1ci_164",
-  "base-Select-popup": "_base-Select-popup_1t1ci_170",
-  "select-button__icon": "_select-button__icon_1t1ci_182",
-  "select-button--active": "_select-button--active_1t1ci_185",
-  "select-button--error": "_select-button--error_1t1ci_188",
-  "messages-wrapper": "_messages-wrapper_1t1ci_203",
-  "info-message": "_info-message_1t1ci_217",
-  "error-message": "_error-message_1t1ci_218"
-}, C = y((e, l) => {
-  const { children: a, disabled: r, className: n, "data-testid": u, prefix: o, onClick: b, fullWidth: h } = e, s = e["aria-expanded"];
-  return /* @__PURE__ */ c(
-    "button",
-    {
-      className: g(
-        n,
-        s ? _["select-button--active"] : "",
-        _["select-button"],
-        h && _["select-button--full-width"]
-      ),
-      type: "button",
-      onClick: b,
-      disabled: r,
-      "data-testid": u,
-      ref: l,
-      children: [
-        /* @__PURE__ */ c("span", { className: _["select-button__text"], children: [
-          o && /* @__PURE__ */ t(p, { variant: "base-lg", children: o }),
-          /* @__PURE__ */ t(p, { variant: "base-lg", children: a })
-        ] }),
-        /* @__PURE__ */ t("span", { className: _["select-button__icon"], children: s ? /* @__PURE__ */ t(i, { icon: "chevron-up" }) : /* @__PURE__ */ t(i, { icon: "chevron-down" }) })
-      ]
-    }
-  );
-});
-export {
-  C as S,
-  _ as s
-};