@pismo/marola 1.0.0-beta.7 → 1.0.0-beta.8

package/dist/{Button-2b1peDFT.js → Button-DiLqcAJG.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 "./index-CH45lKw7.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-kRhf7Gil.js";
 import * as c from "react";
 import { jsx as F } from "react/jsx-runtime";
-import { u as S } from "./useButton-DNk3wrQp.js";
+import { u as S } from "./useButton-Bn3MNH8I.js";
 const m = "Button";
 function U(s) {
   return T(m, s);

package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js}

@@ -1,8 +1,9 @@
 import * as t from "react";
-import { u as C, P as f } from "./index-CH45lKw7.js";
+import { u as C, P as f } from "./useSlotProps-kRhf7Gil.js";
 import { jsx as w } from "react/jsx-runtime";
-import { u as L, o as h, e as b } from "./useEventCallback-xTG9piMa.js";
-import { e as g } from "./index-CjW42-M-.js";
+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";
 function T(c) {
   return c.substring(2).toLowerCase();
 }

package/dist/Input.module-iOYlI_1w.js

@@ -0,0 +1,405 @@
+import './assets/Input.css';
+import { g as ae, a as se, u as le, f as A, b as u, _ as ue, c as Y, i as ie, P as e, d as pe, e as de } from "./useSlotProps-kRhf7Gil.js";
+import * as _ from "react";
+import { jsxs as ce, jsx as _e } from "react/jsx-runtime";
+const W = "Input";
+function be(a) {
+  return ae(W, a);
+}
+se(W, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+function fe(a) {
+  let s = "https://mui.com/production-error/?code=" + a;
+  for (let i = 1; i < arguments.length; i += 1)
+    s += "&args[]=" + encodeURIComponent(arguments[i]);
+  return "Minified MUI error #" + a + "; visit " + s + " for the full message.";
+}
+const z = /* @__PURE__ */ _.createContext(void 0);
+process.env.NODE_ENV !== "production" && (z.displayName = "FormControlContext");
+function ye() {
+  return _.useContext(z);
+}
+function he(a = {}) {
+  const {
+    defaultValue: s,
+    disabled: i = !1,
+    error: y = !1,
+    onBlur: p,
+    onChange: b,
+    onFocus: v,
+    required: C = !1,
+    value: E,
+    inputRef: I
+  } = a, t = ye();
+  let k, c, h, m, f;
+  if (t) {
+    var R, d, N;
+    if (k = void 0, c = (R = t.disabled) != null ? R : !1, h = (d = t.error) != null ? d : !1, m = (N = t.required) != null ? N : !1, f = t.value, process.env.NODE_ENV !== "production") {
+      const o = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => a[r] !== void 0);
+      o.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: ${o.join(", ")}`].join(`
+`));
+    }
+  } else
+    k = s, c = i, h = y, m = C, f = E;
+  const {
+    current: O
+  } = _.useRef(f != null), T = _.useCallback((o) => {
+    process.env.NODE_ENV !== "production" && o && o.nodeName !== "INPUT" && !o.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(`
+`));
+  }, []), g = _.useRef(null), F = le(g, I, T), [w, x] = _.useState(!1);
+  _.useEffect(() => {
+    !t && c && w && (x(!1), p == null || p());
+  }, [t, c, w, p]);
+  const B = (o) => (r) => {
+    var n;
+    if (t != null && t.disabled) {
+      r.stopPropagation();
+      return;
+    }
+    if ((n = o.onFocus) == null || n.call(o, r), t && t.onFocus) {
+      var l;
+      t == null || (l = t.onFocus) == null || l.call(t);
+    } else
+      x(!0);
+  }, S = (o) => (r) => {
+    var n;
+    (n = o.onBlur) == null || n.call(o, r), t && t.onBlur ? t.onBlur() : x(!1);
+  }, U = (o) => (r, ...n) => {
+    var l, P;
+    if (!O && (r.target || g.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." : fe(17));
+    t == null || (l = t.onChange) == null || l.call(t, r), (P = o.onChange) == null || P.call(o, r, ...n);
+  }, V = (o) => (r) => {
+    var n;
+    g.current && r.currentTarget === r.target && g.current.focus(), (n = o.onClick) == null || n.call(o, r);
+  };
+  return {
+    disabled: c,
+    error: h,
+    focused: w,
+    formControlContext: t,
+    getInputProps: (o = {}) => {
+      const n = u({}, {
+        onBlur: p,
+        onChange: b,
+        onFocus: v
+      }, A(o)), l = u({}, n, {
+        onBlur: S(n),
+        onChange: U(n),
+        onFocus: B(n)
+      });
+      return u({}, l, {
+        "aria-invalid": h || void 0,
+        defaultValue: k,
+        value: f,
+        required: m,
+        disabled: c
+      }, o, {
+        ref: F
+      }, l);
+    },
+    getRootProps: (o = {}) => {
+      const r = A(a, ["onBlur", "onChange", "onFocus"]), n = u({}, r, A(o));
+      return u({}, o, n, {
+        onClick: V(n)
+      });
+    },
+    inputRef: F,
+    required: m,
+    value: f
+  };
+}
+const me = ["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"], ge = (a) => {
+  const {
+    disabled: s,
+    error: i,
+    focused: y,
+    formControlContext: p,
+    multiline: b,
+    startAdornment: v,
+    endAdornment: C
+  } = a;
+  return pe({
+    root: ["root", s && "disabled", i && "error", y && "focused", !!p && "formControl", b && "multiline", !!v && "adornedStart", !!C && "adornedEnd"],
+    input: ["input", s && "disabled", b && "multiline"]
+  }, de(be));
+}, ve = /* @__PURE__ */ _.forwardRef(function(s, i) {
+  var y, p, b;
+  const {
+    "aria-describedby": v,
+    "aria-label": C,
+    "aria-labelledby": E,
+    autoComplete: I,
+    autoFocus: t,
+    className: k,
+    defaultValue: c,
+    disabled: h,
+    endAdornment: m,
+    error: f,
+    id: R,
+    multiline: d = !1,
+    name: N,
+    onClick: O,
+    onChange: T,
+    onKeyDown: g,
+    onKeyUp: F,
+    onFocus: w,
+    onBlur: x,
+    placeholder: B,
+    readOnly: S,
+    required: U,
+    startAdornment: V,
+    value: H,
+    type: M,
+    rows: o,
+    slotProps: r = {},
+    slots: n = {},
+    minRows: l,
+    maxRows: P
+  } = s, q = ue(s, me), {
+    getRootProps: G,
+    getInputProps: J,
+    focused: Q,
+    formControlContext: X,
+    error: Z,
+    disabled: ee
+  } = he({
+    disabled: h,
+    defaultValue: c,
+    error: f,
+    onBlur: x,
+    onClick: O,
+    onChange: T,
+    onFocus: w,
+    required: U,
+    value: H
+  }), K = d ? void 0 : M ?? "text", D = u({}, s, {
+    disabled: ee,
+    error: Z,
+    focused: Q,
+    formControlContext: X,
+    multiline: d,
+    type: K
+  }), L = ge(D), oe = {
+    "aria-describedby": v,
+    "aria-label": C,
+    "aria-labelledby": E,
+    autoComplete: I,
+    autoFocus: t,
+    id: R,
+    onKeyDown: g,
+    onKeyUp: F,
+    name: N,
+    placeholder: B,
+    readOnly: S,
+    type: K
+  }, $ = (y = n.root) != null ? y : "div", te = Y({
+    elementType: $,
+    getSlotProps: G,
+    externalSlotProps: r.root,
+    externalForwardedProps: q,
+    additionalProps: {
+      ref: i
+    },
+    ownerState: D,
+    className: [L.root, k]
+  }), j = d ? (p = n.textarea) != null ? p : "textarea" : (b = n.input) != null ? b : "input", ne = Y({
+    elementType: j,
+    getSlotProps: (re) => J(u({}, oe, re)),
+    externalSlotProps: r.input,
+    additionalProps: u({
+      rows: d ? o : void 0
+    }, d && !ie(j) && {
+      minRows: o || l,
+      maxRows: o || P
+    }),
+    ownerState: D,
+    className: L.input
+  });
+  return process.env.NODE_ENV !== "production" && d && o && (l || P) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ ce($, u({}, te, {
+    children: [V, /* @__PURE__ */ _e(j, u({}, ne)), m]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ve.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  "aria-describedby": e.string,
+  /**
+   * @ignore
+   */
+  "aria-label": e.string,
+  /**
+   * @ignore
+   */
+  "aria-labelledby": e.string,
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: e.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * Class name applied to the root element.
+   */
+  className: e.string,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: e.bool,
+  /**
+   * Trailing adornment for this input.
+   */
+  endAdornment: e.node,
+  /**
+   * If `true`, the `input` will indicate an error by setting the `aria-invalid` attribute on the input and the `baseui--error` class on the root element.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: e.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * @ignore
+   */
+  inputRef: e.oneOfType([e.func, e.shape({
+    current: e.object
+  })]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: e.number,
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: e.number,
+  /**
+   * If `true`, a `textarea` element is rendered.
+   * @default false
+   */
+  multiline: e.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * @ignore
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onClick: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: e.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: e.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: e.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: e.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: e.number,
+  /**
+   * The props used for each slot inside the Input.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside the InputBase.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType,
+    textarea: e.elementType
+  }),
+  /**
+   * Leading adornment for this input.
+   */
+  startAdornment: e.node,
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * @default 'text'
+   */
+  type: e.oneOf(["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"]),
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: e.any
+});
+const Ce = "_input__label_19vkb_77", ke = "_input_19vkb_56", Pe = {
+  "u-typography-h1": "_u-typography-h1_19vkb_1",
+  "u-typography-h2": "_u-typography-h2_19vkb_8",
+  "u-typography-h3": "_u-typography-h3_19vkb_15",
+  "u-typography-h4": "_u-typography-h4_19vkb_22",
+  "u-typography-h5": "_u-typography-h5_19vkb_29",
+  "u-typography-h6": "_u-typography-h6_19vkb_36",
+  "u-typography-base": "_u-typography-base_19vkb_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_19vkb_48",
+  "u-typography-base--xl": "_u-typography-base--xl_19vkb_52",
+  "u-typography-base--lg": "_u-typography-base--lg_19vkb_56",
+  "input__input-el": "_input__input-el_19vkb_56",
+  "u-typography-base--sm": "_u-typography-base--sm_19vkb_60",
+  "u-typography-base--bold": "_u-typography-base--bold_19vkb_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_19vkb_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_19vkb_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_19vkb_73",
+  input__label: Ce,
+  "input__input-el-wrapper": "_input__input-el-wrapper_19vkb_82",
+  "input__left-icon": "_input__left-icon_19vkb_100",
+  "input__right-icon": "_input__right-icon_19vkb_100",
+  "input__messages-wrapper": "_input__messages-wrapper_19vkb_112",
+  "input__info-message": "_input__info-message_19vkb_120",
+  "input__error-message": "_input__error-message_19vkb_120",
+  "input__chars-counter": "_input__chars-counter_19vkb_131",
+  "input--disabled": "_input--disabled_19vkb_135",
+  input: ke,
+  "input--focused": "_input--focused_19vkb_141",
+  "input--error": "_input--error_19vkb_144"
+};
+export {
+  ve as I,
+  Pe as s
+};

package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.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 "./index-CH45lKw7.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-kRhf7Gil.js";
 import * as b from "react";
 import { useLayoutEffect as Gt, useEffect as Jt } from "react";
-import { r as Qt } from "./index-CjW42-M-.js";
+import { r as Qt } from "./index-D3Wj0eid.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-DIeBsWdL.js";
+import { P as qt, H as gt } from "./Portal-B_Es6eUL.js";
 const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
   x: t,
   y: t

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

@@ -1,6 +1,6 @@
 import * as o from "react";
-import { r as P, e as y } from "./index-CjW42-M-.js";
-import { u as T, s as a, P as i } from "./index-CH45lKw7.js";
+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 { 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-BWF0-SPB.js → Toggle-BSvvbKBp.js}

@@ -3,10 +3,10 @@ import { jsx as c, jsxs as k } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { c as i } from "./clsx-DB4S2d7J.js";
 import { Icon as N } from "./components/Icon/Icon.js";
+import { Typography as x } from "./components/Typography/Typography.js";
 import "./components/Button/Button.js";
 import { Adornment as C } from "./components/Adornment/Adornment.js";
 import "./components/Dialog/Backdrop.js";
-import { Typography as x } from "./components/Typography/Typography.js";
 import "./components/IconButton/IconButton.js";
 import "./components/Select/Select.js";
 import "./components/Table/Table.js";
@@ -14,7 +14,7 @@ import "./components/Tabs/Tabs.js";
 import { s as g } from "./Group-B3p31ftp.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
 import { Skeleton as w } from "./components/Skeleton/Skeleton.js";
-import { B as I } from "./Button-2b1peDFT.js";
+import { B as I } from "./Button-DiLqcAJG.js";
 const P = "_chip_ccpk4_60", S = "_chip__adornment_ccpk4_114", R = "_chip__remove_ccpk4_119", n = {
   "u-typography-h1": "_u-typography-h1_ccpk4_1",
   "u-typography-h2": "_u-typography-h2_ccpk4_8",

package/dist/assets/Autocomplete.css

@@ -0,0 +1 @@
+._autocomplete_1gluy_1{margin-bottom:16px}._autocomplete__dropdown-list_1gluy_4{border:solid .0625rem var(--gray-25);border-radius:.375rem;margin-top:.1rem}._autocomplete__dropdown-item_1gluy_9{list-style-type:none;padding:.375rem;cursor:pointer}._autocomplete__dropdown-item_1gluy_9:hover{color:var(--accent)}

package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js}

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

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

@@ -0,0 +1,50 @@
+import { InputHTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+
+type AutocompleteProps<T> = InputHTMLAttributes<HTMLInputElement> & {
+    /** Label text */
+    label?: string;
+    /** Options array */
+    options?: Array<T>;
+    /** callback for new option selected */
+    onChange?: (event: SyntheticEvent<Element, Event>, newValue: T) => 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, 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 {};