@pismo/marola 1.0.12 → 1.0.14

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' | 'arrow-right-to-arc' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-xmark' | 'circle-xmark-outline' | 'coins' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
+export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right-to-arc' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'coin' | 'coins' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';

package/dist/components/PageHeader/PageHeader.js

@@ -1,92 +1,92 @@
 import '../../assets/PageHeader.css';
-import { jsx as e, Fragment as l, jsxs as i } from "react/jsx-runtime";
-import { useMemo as H } from "react";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
-import { Icon as I } from "../Icon/Icon.js";
-import { IconButton as T } from "../IconButton/IconButton.js";
-const $ = "_title_1loyf_22", q = "_subtitle_1loyf_43", a = {
-  "u-typography-h1": "_u-typography-h1_1loyf_1",
-  "u-typography-h2": "_u-typography-h2_1loyf_8",
-  "u-typography-h3": "_u-typography-h3_1loyf_15",
-  "u-typography-h4": "_u-typography-h4_1loyf_22",
-  "page-header__main-left-content": "_page-header__main-left-content_1loyf_22",
-  title: $,
-  "u-typography-h5": "_u-typography-h5_1loyf_29",
-  "u-typography-h6": "_u-typography-h6_1loyf_36",
-  "u-typography-base": "_u-typography-base_1loyf_43",
-  subtitle: q,
-  "u-typography-base--xxl": "_u-typography-base--xxl_1loyf_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1loyf_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1loyf_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1loyf_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1loyf_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1loyf_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1loyf_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1loyf_74",
-  "page-header": "_page-header_1loyf_22",
-  "page-header__top-content": "_page-header__top-content_1loyf_87",
-  "page-header__main-content": "_page-header__main-content_1loyf_90",
-  "page-header__bottom-content": "_page-header__bottom-content_1loyf_90",
-  "page-header__breadcrumb": "_page-header__breadcrumb_1loyf_104",
-  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_1loyf_115",
-  "account-header": "_account-header_1loyf_139",
-  "account-header--container": "_account-header--container_1loyf_142",
-  "page-header__main-right-content": "_page-header__main-right-content_1loyf_150",
-  "account-header-margin": "_account-header-margin_1loyf_159"
+import { jsx as a, Fragment as i, jsxs as l } from "react/jsx-runtime";
+import { useMemo as B } from "react";
+import { c as d } from "../../clsx-DB4S2d7J.js";
+import { Icon as H } from "../Icon/Icon.js";
+import { IconButton as I } from "../IconButton/IconButton.js";
+const T = "_title_18adz_22", $ = "_subtitle_18adz_43", e = {
+  "u-typography-h1": "_u-typography-h1_18adz_1",
+  "u-typography-h2": "_u-typography-h2_18adz_8",
+  "u-typography-h3": "_u-typography-h3_18adz_15",
+  "u-typography-h4": "_u-typography-h4_18adz_22",
+  "page-header__main-left-content": "_page-header__main-left-content_18adz_22",
+  title: T,
+  "u-typography-h5": "_u-typography-h5_18adz_29",
+  "u-typography-h6": "_u-typography-h6_18adz_36",
+  "u-typography-base": "_u-typography-base_18adz_43",
+  subtitle: $,
+  "u-typography-base--xxl": "_u-typography-base--xxl_18adz_49",
+  "u-typography-base--xl": "_u-typography-base--xl_18adz_53",
+  "u-typography-base--lg": "_u-typography-base--lg_18adz_57",
+  "u-typography-base--sm": "_u-typography-base--sm_18adz_61",
+  "u-typography-base--bold": "_u-typography-base--bold_18adz_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_18adz_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_18adz_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18adz_74",
+  "page-header": "_page-header_18adz_22",
+  "page-header__top-content": "_page-header__top-content_18adz_87",
+  "page-header__main-content": "_page-header__main-content_18adz_90",
+  "page-header__bottom-content": "_page-header__bottom-content_18adz_90",
+  "page-header__breadcrumb": "_page-header__breadcrumb_18adz_104",
+  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_18adz_115",
+  "account-header": "_account-header_18adz_138",
+  "account-header--container": "_account-header--container_18adz_141",
+  "page-header__main-right-content": "_page-header__main-right-content_18adz_149",
+  "account-header-margin": "_account-header-margin_18adz_158"
 }, D = ({
   title: n,
-  subtitle: y,
-  rightChildren: g,
-  bottomChildren: h,
-  classNameWrapper: u,
-  classNameTitle: f,
+  subtitle: g,
+  rightChildren: u,
+  bottomChildren: o,
+  classNameWrapper: y,
+  classNameTitle: z,
   classNameSubtitle: k,
   headerBubble: r,
   "data-testid-wrapper": N,
-  "data-testid-title": v,
-  "data-testid-subtitle": x,
-  "data-testid-account-header": C,
-  ...L
+  "data-testid-title": f,
+  "data-testid-subtitle": v,
+  "data-testid-account-header": x,
+  ...C
 }) => {
   const {
-    breadcrumb: s,
-    backLinkText: p,
-    onBackLinkClick: c,
+    breadcrumb: h,
+    backLinkText: s,
+    onBackLinkClick: p,
     classNameBackLink: m,
     "data-testid-backLink": b,
-    ...w
-  } = L;
-  r && (n || y || h) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !r && !n && console.error("title prop is required when not using headerBubble");
-  const j = r ? _([a["page-header"], u, a["account-header-margin"]]) : _([a["page-header"], u]), B = H(() => {
-    const o = [];
-    return p && c && o.push({
-      label: p,
+    ...L
+  } = C;
+  r && (n || g || o) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !r && !n && console.error("title prop is required when not using headerBubble");
+  const w = r ? d([e["page-header"], y, e["account-header-margin"]]) : d([e["page-header"], y]), j = B(() => {
+    const _ = [];
+    return s && p && _.push({
+      label: s,
       className: m,
       "data-testid": b,
-      onClick: c
-    }), s && o.push(...s), /* @__PURE__ */ e("div", { className: a["page-header__top-content"], children: /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: o.map((t, d) => /* @__PURE__ */ e(
-      T,
+      onClick: p
+    }), h && _.push(...h), /* @__PURE__ */ a("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: _.map((t, c) => /* @__PURE__ */ a(
+      I,
       {
-        icon: d === 0 ? /* @__PURE__ */ e(I, { icon: "house-blank" }) : /* @__PURE__ */ e("span", { className: a["page-header__breadcrumb__separator"], children: "/" }),
+        icon: c === 0 ? /* @__PURE__ */ a(H, { icon: "house-blank" }) : /* @__PURE__ */ a("span", { className: e["page-header__breadcrumb__separator"], children: "/" }),
         onClick: () => t.onClick && t.onClick(),
         className: t.className,
         "data-testid": t["data-testid"],
-        disabled: o.length === 1 ? !1 : d === o.length - 1,
+        disabled: _.length === 1 ? !1 : c === _.length - 1,
         children: t.label
       },
-      `${t.label}_${d}`
+      `${t.label}_${c}`
     )) }) });
-  }, [s, p, m, b, c]);
-  return /* @__PURE__ */ e(l, { children: /* @__PURE__ */ i("div", { className: j, "data-testid": N, ...w, children: [
-    B,
-    /* @__PURE__ */ i("div", { className: a["page-header__main-content"], children: [
-      /* @__PURE__ */ e("div", { className: a["page-header__main-left-content"], children: r ? /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { className: a["account-header"], children: /* @__PURE__ */ e("div", { className: a["account-header--container"], "data-testid": C, children: r }) }) }) : /* @__PURE__ */ i(l, { children: [
-        /* @__PURE__ */ e("h1", { className: _(a.title, f), "data-testid": v, children: n }),
-        /* @__PURE__ */ e("h2", { className: _(a.subtitle, k), "data-testid": x, children: y })
+  }, [h, s, m, b, p]);
+  return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ l("div", { className: w, "data-testid": N, ...L, children: [
+    j,
+    /* @__PURE__ */ l("div", { className: e["page-header__main-content"], children: [
+      /* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: r ? /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a("div", { className: e["account-header"], children: /* @__PURE__ */ a("div", { className: e["account-header--container"], "data-testid": x, children: r }) }) }) : /* @__PURE__ */ l(i, { children: [
+        /* @__PURE__ */ a("h1", { className: d(e.title, z), "data-testid": f, children: n }),
+        /* @__PURE__ */ a("h2", { className: d(e.subtitle, k), "data-testid": v, children: g })
       ] }) }),
-      g && /* @__PURE__ */ e("div", { className: a["page-header__main-right-content"], children: g })
+      u && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: u })
     ] }),
-    h && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: h })
+    o && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: o })
   ] }) });
 };
 export {

package/dist/components/TransactionRow/TransactionRow.d.ts

@@ -0,0 +1,16 @@
+import { IconName } from '../Icon/types';
+
+type TransactionRowProps = {
+    dateTime?: React.ReactNode;
+    month?: React.ReactNode;
+    category?: React.ReactNode;
+    name: React.ReactNode;
+    type?: React.ReactNode;
+    icon?: IconName;
+    amount: React.ReactNode;
+    installments?: React.ReactNode;
+    onClick?: () => void;
+    isPendingTransaction?: boolean;
+};
+export declare const TransactionRow: ({ dateTime, category, name, type, installments, amount, month, icon, onClick, isPendingTransaction, }: TransactionRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TransactionRow/TransactionRow.js

@@ -0,0 +1,45 @@
+import '../../assets/TransactionRow.css';
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Avatar as d } from "../Avatar/Avatar.js";
+import { Icon as l } from "../Icon/Icon.js";
+import { Typography as r } from "../Typography/Typography.js";
+const f = "_container_1zn5j_1", n = {
+  container: f,
+  "container-grid": "_container-grid_1zn5j_6",
+  "container-pending": "_container-pending_1zn5j_13",
+  "container-pending--right": "_container-pending--right_1zn5j_19",
+  "info-section": "_info-section_1zn5j_26",
+  "info-section--item": "_info-section--item_1zn5j_29",
+  "info-section--right": "_info-section--right_1zn5j_36"
+}, j = ({
+  dateTime: h,
+  category: v,
+  name: c,
+  type: m,
+  installments: o,
+  amount: t,
+  month: g,
+  icon: s,
+  onClick: e,
+  isPendingTransaction: _
+}) => _ ? /* @__PURE__ */ i("div", { className: n.container, children: /* @__PURE__ */ a("div", { className: n["container-pending"], onClick: () => e == null ? void 0 : e(), children: [
+  /* @__PURE__ */ i(d, { type: "icon", children: /* @__PURE__ */ i(l, { icon: s || "clock" }) }),
+  /* @__PURE__ */ i("div", { className: n["info-section"], children: /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: c }) }) }),
+  /* @__PURE__ */ i("div", { className: n["container-pending--right"], children: /* @__PURE__ */ i(r, { bold: !0, color: "var(--gray-95)", variant: "base", children: t }) })
+] }) }) : /* @__PURE__ */ i("div", { className: n.container, children: /* @__PURE__ */ a("div", { onClick: () => e == null ? void 0 : e(), className: n["container-grid"], children: [
+  /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: g }) }),
+  /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: h }) }),
+  /* @__PURE__ */ i(d, { type: "icon", children: /* @__PURE__ */ i(l, { icon: s || "coin" }) }),
+  /* @__PURE__ */ a("div", { className: n["info-section"], children: [
+    /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: c }) }),
+    /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: v }) })
+  ] }),
+  /* @__PURE__ */ a("div", { className: n["info-section--right"], children: [
+    o && /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: o }) }),
+    /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: m }) })
+  ] }),
+  /* @__PURE__ */ i("div", { className: n["info-section--right"], children: /* @__PURE__ */ i(r, { bold: !0, variant: "base", children: t }) })
+] }) });
+export {
+  j as TransactionRow
+};

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

@@ -0,0 +1,29 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ dateTime, category, name, type, installments, amount, month, icon, onClick, isPendingTransaction, }: {
+        dateTime?: import('react').ReactNode;
+        month?: import('react').ReactNode;
+        category?: import('react').ReactNode;
+        name: import('react').ReactNode;
+        type?: import('react').ReactNode;
+        icon?: import('../Icon/types').IconName | undefined;
+        amount: import('react').ReactNode;
+        installments?: import('react').ReactNode;
+        onClick?: (() => void) | undefined;
+        isPendingTransaction?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithMonth: Story;
+export declare const WithInstallments: Story;
+export declare const WithTwoCurrencies: Story;
+export declare const WithLargeAmount: Story;
+export declare const IsPending: Story;

package/dist/components/TransactionRow/TransactionRow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/main.d.ts

@@ -38,5 +38,6 @@ export * from './components/TextDisplay/TextDisplay';
 export * from './components/Toggle/Toggle';
 export * from './components/ToggleGroup/ToggleGroup';
 export * from './components/Tooltip/Tooltip';
+export * from './components/TransactionRow/TransactionRow';
 export * from './components/Typography/Typography';
 export * from './contexts/SnackbarProvider/SnackbarProvider';

package/dist/main.js

@@ -4,15 +4,15 @@ import { Alert as f } from "./components/Alert/Alert.js";
 import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
 import { Avatar as i } from "./components/Avatar/Avatar.js";
 import { Button as T } from "./components/Button/Button.js";
-import { Checkbox as g } from "./components/Checkbox/Checkbox.js";
+import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
 import { C as u, R as S, T as d } from "./Toggle-BuZjueQ7.js";
 import { ConfirmationDialog as k } from "./components/ConfirmationDialog/ConfirmationDialog.js";
 import { Description as h } from "./components/Description/Description.js";
 import { Dialog as A } from "./components/Dialog/Dialog.js";
 import { EllipsisTooltip as v } from "./components/EllipsisTooltip/EllipsisTooltip.js";
-import { Icon as y } from "./components/Icon/Icon.js";
-import { IconButton as R } from "./components/IconButton/IconButton.js";
-import { Input as H } from "./components/Input/Input.js";
+import { Icon as R } from "./components/Icon/Icon.js";
+import { IconButton as B } from "./components/IconButton/IconButton.js";
+import { Input as w } from "./components/Input/Input.js";
 import { InputSearch as E } from "./components/InputSearch/InputSearch.js";
 import { LoadingSpinner as N } from "./components/LoadingSpinner/LoadingSpinner.js";
 import { PageHeader as W } from "./components/PageHeader/PageHeader.js";
@@ -26,39 +26,40 @@ import { Snackbar as to } from "./components/Snackbar/Snackbar.js";
 import { SortTooltip as po, sortTooltipDefaultTranslations as ao } from "./components/SortTooltip/SortTooltip.js";
 import { Stepper as mo } from "./components/Stepper/Stepper.js";
 import { StepperNavigator as no } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as lo, THead as To, Table as so, Td as go, Th as co, Tr as uo } from "./components/Table/Table.js";
+import { TBody as lo, THead as To, Table as so, Td as co, Th as go, Tr as uo } from "./components/Table/Table.js";
 import { Tabs as bo } from "./components/Tabs/Tabs.js";
 import { Tag as Co } from "./components/Tag/Tag.js";
 import { TextDisplay as Do } from "./components/TextDisplay/TextDisplay.js";
 import { Toggle as Io } from "./components/Toggle/Toggle.js";
 import { G as Po } from "./Group-ZXteFV4M.js";
-import { Tooltip as Bo } from "./components/Tooltip/Tooltip.js";
-import { Text as Go, Typography as Ho } from "./components/Typography/Typography.js";
-import { SnackbarContext as Eo, SnackbarProvider as Lo, useSnackbar as No } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as Wo } from "./components/Dialog/DialogTitle.js";
-import { default as qo } from "./components/Dialog/Content.js";
-import { default as Fo } from "./components/Dialog/Actions.js";
-import { Tab as Ko } from "./components/Tabs/Tab.js";
-import { TabPanel as Qo } from "./components/Tabs/TabPanel.js";
+import { Tooltip as yo } from "./components/Tooltip/Tooltip.js";
+import { TransactionRow as Go } from "./components/TransactionRow/TransactionRow.js";
+import { Text as Ho, Typography as Eo } from "./components/Typography/Typography.js";
+import { SnackbarContext as No, SnackbarProvider as Oo, useSnackbar as Wo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as qo } from "./components/Dialog/DialogTitle.js";
+import { default as Fo } from "./components/Dialog/Content.js";
+import { default as Ko } from "./components/Dialog/Actions.js";
+import { Tab as Qo } from "./components/Tabs/Tab.js";
+import { TabPanel as Vo } from "./components/Tabs/TabPanel.js";
 export {
-  Fo as Actions,
+  Ko as Actions,
   t as Adornment,
   p as Advice,
   f as Alert,
   x as Autocomplete,
   i as Avatar,
   T as Button,
-  g as Checkbox,
+  c as Checkbox,
   u as Chip,
   k as ConfirmationDialog,
-  qo as Content,
+  Fo as Content,
   h as Description,
   A as Dialog,
-  Wo as DialogTitle,
+  qo as DialogTitle,
   v as EllipsisTooltip,
-  y as Icon,
-  R as IconButton,
-  H as Input,
+  R as Icon,
+  B as IconButton,
+  w as Input,
   E as InputSearch,
   N as LoadingSpinner,
   W as PageHeader,
@@ -73,29 +74,30 @@ export {
   $ as SkeletonCircle,
   oo as SkeletonTable,
   to as Snackbar,
-  Eo as SnackbarContext,
-  Lo as SnackbarProvider,
+  No as SnackbarContext,
+  Oo as SnackbarProvider,
   po as SortTooltip,
   mo as Stepper,
   no as StepperNavigator,
   lo as TBody,
   To as THead,
-  Ko as Tab,
-  Qo as TabPanel,
+  Qo as Tab,
+  Vo as TabPanel,
   so as Table,
   bo as Tabs,
   Co as Tag,
-  go as Td,
-  Go as Text,
+  co as Td,
+  Ho as Text,
   Do as TextDisplay,
-  co as Th,
+  go as Th,
   Io as Toggle,
   Po as ToggleGroup,
   d as ToggleGroupItem,
-  Bo as Tooltip,
+  yo as Tooltip,
   uo as Tr,
-  Ho as Typography,
+  Go as TransactionRow,
+  Eo as Typography,
   z as paginationDefaultTranslations,
   ao as sortTooltipDefaultTranslations,
-  No as useSnackbar
+  Wo as useSnackbar
 };

package/dist/marola.css

@@ -1 +1 @@
-:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}
+:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}

package/package.json

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