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

package/dist/components/Typography/Typography.js

@@ -1,65 +1,65 @@
 import '../../assets/Typography.css';
-import { jsx as b } from "react/jsx-runtime";
-import { forwardRef as m, useMemo as c } from "react";
-import { bemify as f, getBEMBase as x, getBEMBlock as k } from "../../utils/styleStrings.js";
-import { c as B } from "../../clsx-DB4S2d7J.js";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as c, useMemo as f } from "react";
+import { bemify as x, getBEMBase as k, getBEMBlock as B } from "../../utils/styleStrings.js";
+import { c as $ } from "../../clsx-DB4S2d7J.js";
 const t = {
-  "u-typography-h1": "_u-typography-h1_zizdh_1",
-  "u-typography-h2": "_u-typography-h2_zizdh_8",
-  "u-typography-h3": "_u-typography-h3_zizdh_15",
-  "u-typography-h4": "_u-typography-h4_zizdh_22",
-  "u-typography-h5": "_u-typography-h5_zizdh_29",
-  "u-typography-h6": "_u-typography-h6_zizdh_36",
-  "u-typography-base": "_u-typography-base_zizdh_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_zizdh_48",
-  "u-typography-base--xl": "_u-typography-base--xl_zizdh_52",
-  "u-typography-base--lg": "_u-typography-base--lg_zizdh_56",
-  "u-typography-base--sm": "_u-typography-base--sm_zizdh_60",
-  "u-typography-base--bold": "_u-typography-base--bold_zizdh_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_zizdh_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_zizdh_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_zizdh_73"
-}, $ = (e) => {
+  "u-typography-h1": "_u-typography-h1_gn8st_1",
+  "u-typography-h2": "_u-typography-h2_gn8st_8",
+  "u-typography-h3": "_u-typography-h3_gn8st_15",
+  "u-typography-h4": "_u-typography-h4_gn8st_22",
+  "u-typography-h5": "_u-typography-h5_gn8st_29",
+  "u-typography-h6": "_u-typography-h6_gn8st_36",
+  "u-typography-base": "_u-typography-base_gn8st_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_gn8st_49",
+  "u-typography-base--xl": "_u-typography-base--xl_gn8st_53",
+  "u-typography-base--lg": "_u-typography-base--lg_gn8st_57",
+  "u-typography-base--sm": "_u-typography-base--sm_gn8st_61",
+  "u-typography-base--bold": "_u-typography-base--bold_gn8st_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_gn8st_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_gn8st_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_gn8st_74"
+}, E = (e) => {
   const a = e.toString();
   let r = "base";
   return a.match(/^h[1-6]/) && (r = a), r;
-}, E = m((e, a) => {
+}, M = c((e, a) => {
   const {
     children: r,
-    className: s,
+    className: h,
     underline: y = !1,
-    element: u = "span",
-    bold: i = !1,
-    color: d,
-    variant: _ = $(u),
-    strikethrough: h = !1,
-    elementProps: n
-  } = e, l = u, z = c(() => {
-    const o = `u-typography-${f(_)}`, g = x(o), p = k(o);
-    return B(
-      t[g],
-      { [t[`${o}`]]: o !== g },
-      s,
-      { [t[`${p}--bold`]]: i },
+    element: g = "span",
+    bold: n = !1,
+    color: l,
+    variant: u = E(g),
+    strikethrough: s = !1,
+    elementProps: i
+  } = e, b = g, d = f(() => {
+    const o = `u-typography-${x(u)}`, _ = k(o), p = B(o);
+    return $(
+      t[_],
+      { [t[`${o}`]]: o !== _ },
+      h,
+      { [t[`${p}--bold`]]: n },
       { [t[`${p}--underlined`]]: y },
-      { [t[`${p}--strikethrough`]]: h },
-      { [t[`${p}--strikethrough-underlined`]]: h && h && y }
+      { [t[`${p}--strikethrough`]]: s },
+      { [t[`${p}--strikethrough-underlined`]]: s && s && y }
     );
-  }, [i, s, h, y, _]);
-  return /* @__PURE__ */ b(
-    l,
+  }, [n, h, s, y, u]);
+  return /* @__PURE__ */ m(
+    b,
     {
-      style: { color: d },
+      style: { color: l },
       ref: a,
       "data-testid": e["data-testid"],
-      ...n ?? {},
-      className: z,
+      ...i ?? {},
+      className: d,
       children: r
     }
   );
-}), j = E;
+}), w = M;
 export {
-  j as Text,
-  E as Typography,
-  E as default
+  w as Text,
+  M as Typography,
+  M as default
 };

package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js}

@@ -1,4 +1,4 @@
-import { b as Ak, h as Hk } from "./index-CH45lKw7.js";
+import { b as Ak, h as Hk } from "./useSlotProps-kRhf7Gil.js";
 import QE from "react";
 const Fk = "exact-prop: ​";
 function Xk(ne) {

package/dist/main.d.ts

@@ -2,7 +2,9 @@
  * This file is automatically generated. Any changes will be lost.
  * run "yarn export-files" or "yarn build" to regenerate it.
  */
+export * from './components/Adornment/Adornment';
 export * from './components/Advice/Advice';
+export * from './components/Autocomplete/Autocomplete';
 export * from './components/Button/Button';
 export * from './components/Checkbox/Checkbox';
 export * from './components/Chip/Chip';
@@ -15,11 +17,14 @@ export * from './components/InputSearch/InputSearch';
 export * from './components/LoadingSpinner/LoadingSpinner';
 export * from './components/PageHeader/PageHeader';
 export * from './components/Pagination/Pagination';
+export * from './components/ResultWithChips/ResultWithChips';
+export * from './components/RowItem/RowItem';
 export * from './components/Select/Select';
 export * from './components/Skeleton/Skeleton';
 export * from './components/Snackbar/Snackbar';
 export * from './components/SortTooltip/SortTooltip';
 export * from './components/Stepper/Stepper';
+export * from './components/StepperNavigator/StepperNavigator';
 export * from './components/Table/Table';
 export * from './components/Tabs/Tabs';
 export * from './components/TextDisplay/TextDisplay';

package/dist/main.js

@@ -1,78 +1,87 @@
-import { Advice as e } from "./components/Advice/Advice.js";
-import { Button as p } from "./components/Button/Button.js";
-import { Checkbox as f } from "./components/Checkbox/Checkbox.js";
-import { C as m, T as n } from "./Toggle-BCgIItCc.js";
-import { Dialog as i } from "./components/Dialog/Dialog.js";
-import { EllipsisTooltip as s } from "./components/EllipsisTooltip/EllipsisTooltip.js";
-import { Icon as g } from "./components/Icon/Icon.js";
-import { IconButton as u } from "./components/IconButton/IconButton.js";
-import { Input as d } from "./components/Input/Input.js";
-import { InputSearch as C } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as D } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as y } from "./components/PageHeader/PageHeader.js";
-import { Pagination as B, paginationDefaultTranslations as G } from "./components/Pagination/Pagination.js";
-import { Select as A, SelectOption as H } from "./components/Select/Select.js";
-import { Skeleton as L, SkeletonCircle as O, SkeletonTable as j } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as w } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as F, sortTooltipDefaultTranslations as J } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as M } from "./components/Stepper/Stepper.js";
-import { TBody as Q, THead as R, Table as U, Td as V, Th as W, Tr as X } from "./components/Table/Table.js";
-import { Tabs as Z } from "./components/Tabs/Tabs.js";
-import { TextDisplay as $ } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as ro } from "./components/Toggle/Toggle.js";
-import { G as to } from "./Group-B3p31ftp.js";
-import { Tooltip as ao } from "./components/Tooltip/Tooltip.js";
-import { Text as xo, Typography as mo } from "./components/Typography/Typography.js";
-import { SnackbarContext as lo, SnackbarProvider as io, useSnackbar as To } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as co } from "./components/Dialog/DialogTitle.js";
-import { default as So } from "./components/Dialog/Content.js";
-import { default as bo } from "./components/Dialog/Actions.js";
-import { Tab as Co } from "./components/Tabs/Tab.js";
-import { TabPanel as Do } from "./components/Tabs/TabPanel.js";
+import { Adornment as e } from "./components/Adornment/Adornment.js";
+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-CRfZgFJp.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";
+import { IconButton as C } from "./components/IconButton/IconButton.js";
+import { Input as D } from "./components/Input/Input.js";
+import { InputSearch as A } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as v } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as G } from "./components/PageHeader/PageHeader.js";
+import { Pagination as H, paginationDefaultTranslations as w } from "./components/Pagination/Pagination.js";
+import { ResultWithChips as L } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as O, SelectOption as W } from "./components/Select/Select.js";
+import { Skeleton as q, SkeletonCircle as z, SkeletonTable as F } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as K } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as Q, sortTooltipDefaultTranslations as U } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as X } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as Z } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as $, THead as oo, Table as ro, Td as eo, Th as to, Tr as po } from "./components/Table/Table.js";
+import { Tabs as fo } from "./components/Tabs/Tabs.js";
+import { TextDisplay as xo } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as lo } from "./components/Toggle/Toggle.js";
+import { G as To } from "./Group-B3p31ftp.js";
+import { Tooltip as co } from "./components/Tooltip/Tooltip.js";
+import { Text as uo, Typography as So } from "./components/Typography/Typography.js";
+import { SnackbarContext as ko, SnackbarProvider as ho, useSnackbar as Co } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as Do } from "./components/Dialog/DialogTitle.js";
+import { default as Ao } from "./components/Dialog/Content.js";
+import { default as vo } from "./components/Dialog/Actions.js";
+import { Tab as Go } from "./components/Tabs/Tab.js";
+import { TabPanel as Ho } from "./components/Tabs/TabPanel.js";
 export {
-  bo as Actions,
-  e as Advice,
-  p as Button,
-  f as Checkbox,
-  m as Chip,
-  So as Content,
-  i as Dialog,
-  co as DialogTitle,
-  s as EllipsisTooltip,
-  g as Icon,
-  u as IconButton,
-  d as Input,
-  C as InputSearch,
-  D as LoadingSpinner,
-  y as PageHeader,
-  B as Pagination,
-  A as Select,
-  H as SelectOption,
-  L as Skeleton,
-  O as SkeletonCircle,
-  j as SkeletonTable,
-  w as Snackbar,
-  lo as SnackbarContext,
-  io as SnackbarProvider,
-  F as SortTooltip,
-  M as Stepper,
-  Q as TBody,
-  R as THead,
-  Co as Tab,
-  Do as TabPanel,
-  U as Table,
-  Z as Tabs,
-  V as Td,
-  xo as Text,
-  $ as TextDisplay,
-  W as Th,
-  ro as Toggle,
-  to as ToggleGroup,
-  n as ToggleGroupItem,
-  ao as Tooltip,
-  X as Tr,
-  mo as Typography,
-  G as paginationDefaultTranslations,
-  J as sortTooltipDefaultTranslations,
-  To as useSnackbar
+  vo as Actions,
+  e as Adornment,
+  p as Advice,
+  f as Autocomplete,
+  x as Button,
+  l as Checkbox,
+  T as Chip,
+  Ao as Content,
+  u as Dialog,
+  Do as DialogTitle,
+  d as EllipsisTooltip,
+  k as Icon,
+  C as IconButton,
+  D as Input,
+  A as InputSearch,
+  v as LoadingSpinner,
+  G as PageHeader,
+  H as Pagination,
+  L as ResultWithChips,
+  s as RowItem,
+  O as Select,
+  W as SelectOption,
+  q as Skeleton,
+  z as SkeletonCircle,
+  F as SkeletonTable,
+  K as Snackbar,
+  ko as SnackbarContext,
+  ho as SnackbarProvider,
+  Q as SortTooltip,
+  X as Stepper,
+  Z as StepperNavigator,
+  $ as TBody,
+  oo as THead,
+  Go as Tab,
+  Ho as TabPanel,
+  ro as Table,
+  fo as Tabs,
+  eo as Td,
+  uo as Text,
+  xo as TextDisplay,
+  to as Th,
+  lo as Toggle,
+  To as ToggleGroup,
+  c as ToggleGroupItem,
+  co as Tooltip,
+  po as Tr,
+  So as Typography,
+  w as paginationDefaultTranslations,
+  U as sortTooltipDefaultTranslations,
+  Co as useSnackbar
 };

package/dist/ownerDocument-B61GUaFs.js

@@ -0,0 +1,33 @@
+import { P as c } from "./useSlotProps-kRhf7Gil.js";
+function a(e, n) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...t) {
+    return e(...t) || n(...t);
+  };
+}
+function p(e) {
+  const {
+    prototype: n = {}
+  } = e;
+  return !!n.isReactComponent;
+}
+function l(e, n, i, t, s) {
+  const r = e[n], f = s || n;
+  if (r == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  const u = r.type;
+  return typeof u == "function" && !p(u) && (o = "Did you accidentally use a plain function component for an element instead?"), o !== void 0 ? new Error(`Invalid ${t} \`${f}\` supplied to \`${i}\`. Expected an element that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const m = a(c.element, l);
+m.isRequired = a(c.element.isRequired, l);
+function y(e) {
+  return e && e.ownerDocument || document;
+}
+export {
+  m as e,
+  y as o
+};

package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js}

@@ -1,4 +1,4 @@
-import { u as S, b as D, f as k } from "./index-CH45lKw7.js";
+import { u as S, b as D, f as k } from "./useSlotProps-kRhf7Gil.js";
 import * as i from "react";
 import { u as _ } from "./useIsFocusVisible-BH4IAdcw.js";
 function v(p) {

package/dist/useCompoundItem-B7Eo_qZk.js

@@ -0,0 +1,68 @@
+import * as o from "react";
+import { u as I } from "./useEnhancedEffect-CJGo-L3B.js";
+const p = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
+function b(t) {
+  const c = Array.from(t.keys()).map((e) => {
+    const r = t.get(e);
+    return {
+      key: e,
+      subitem: r
+    };
+  });
+  return c.sort((e, r) => {
+    const n = e.subitem.ref.current, s = r.subitem.ref.current;
+    return n === null || s === null || n === s ? 0 : n.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+  }), new Map(c.map((e) => [e.key, e.subitem]));
+}
+function x() {
+  const [t, c] = o.useState(/* @__PURE__ */ new Map()), e = o.useRef(/* @__PURE__ */ new Set()), r = o.useCallback(function(i) {
+    e.current.delete(i), c((a) => {
+      const u = new Map(a);
+      return u.delete(i), u;
+    });
+  }, []), n = o.useCallback(function(i, a) {
+    let u;
+    return typeof i == "function" ? u = i(e.current) : u = i, e.current.add(u), c((C) => {
+      const l = new Map(C);
+      return l.set(u, a), l;
+    }), {
+      id: u,
+      deregister: () => r(u)
+    };
+  }, [r]), s = o.useMemo(() => b(t), [t]), m = o.useCallback(function(i) {
+    return Array.from(s.keys()).indexOf(i);
+  }, [s]);
+  return {
+    contextValue: o.useMemo(() => ({
+      getItemIndex: m,
+      registerItem: n,
+      totalSubitemCount: t.size
+    }), [m, n, t.size]),
+    subitems: s
+  };
+}
+function S(t, c) {
+  const e = o.useContext(p);
+  if (e === null)
+    throw new Error("useCompoundItem must be used within a useCompoundParent");
+  const {
+    registerItem: r
+  } = e, [n, s] = o.useState(typeof t == "function" ? void 0 : t);
+  return I(() => {
+    const {
+      id: m,
+      deregister: d
+    } = r(t, c);
+    return s(m), d;
+  }, [r, c, t]), {
+    id: n,
+    index: n !== void 0 ? e.getItemIndex(n) : -1,
+    totalItemCount: e.totalSubitemCount
+  };
+}
+export {
+  p as C,
+  x as a,
+  S as u
+};

package/dist/useEventCallback-BAQJJ3ye.js

@@ -0,0 +1,14 @@
+import * as t from "react";
+import { u as c } from "./useEnhancedEffect-CJGo-L3B.js";
+function s(e) {
+  const r = t.useRef(e);
+  return c(() => {
+    r.current = e;
+  }), t.useRef((...u) => (
+    // @ts-expect-error hide `this`
+    (0, r.current)(...u)
+  )).current;
+}
+export {
+  s as u
+};

package/dist/useId-BW-oWmul.js

@@ -0,0 +1,19 @@
+import * as e from "react";
+let n = 0;
+function l(t) {
+  const [u, o] = e.useState(t), a = t || u;
+  return e.useEffect(() => {
+    u == null && (n += 1, o(`mui-${n}`));
+  }, [u]), a;
+}
+const s = e.useId;
+function c(t) {
+  if (s !== void 0) {
+    const u = s();
+    return t ?? u;
+  }
+  return l(t);
+}
+export {
+  c as u
+};

package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js}

@@ -1,6 +1,6 @@
-import { b as p, u as re, f as ie } from "./index-CH45lKw7.js";
+import { b as p, u as re, f as ie } from "./useSlotProps-kRhf7Gil.js";
 import * as f from "react";
-import { L as x } from "./combineHooksSlotProps-DVjg9PRh.js";
+import { L as x } from "./combineHooksSlotProps-BtBYUV_B.js";
 function W(t, e, r = (n, l) => n === l) {
   return t.length === e.length && t.every((n, l) => r(n, e[l]));
 }