@pismo/marola 1.0.13 → 1.0.15

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/LoadingSpinner/LoadingSpinner.stories.d.ts

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

package/dist/components/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 { jsxs as d, jsx as a, Fragment as l } from "react/jsx-runtime";
 import { useMemo as H } from "react";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
+import { c as i } 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",
+const $ = "_title_18vai_22", q = "_subtitle_18vai_43", e = {
+  "u-typography-h1": "_u-typography-h1_18vai_1",
+  "u-typography-h2": "_u-typography-h2_18vai_8",
+  "u-typography-h3": "_u-typography-h3_18vai_15",
+  "u-typography-h4": "_u-typography-h4_18vai_22",
+  "page-header__main-left-content": "_page-header__main-left-content_18vai_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",
+  "u-typography-h5": "_u-typography-h5_18vai_29",
+  "u-typography-h6": "_u-typography-h6_18vai_36",
+  "u-typography-base": "_u-typography-base_18vai_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"
+  "u-typography-base--xxl": "_u-typography-base--xxl_18vai_49",
+  "u-typography-base--xl": "_u-typography-base--xl_18vai_53",
+  "u-typography-base--lg": "_u-typography-base--lg_18vai_57",
+  "u-typography-base--sm": "_u-typography-base--sm_18vai_61",
+  "u-typography-base--bold": "_u-typography-base--bold_18vai_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_18vai_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_18vai_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18vai_74",
+  "page-header": "_page-header_18vai_22",
+  "page-header__top-content": "_page-header__top-content_18vai_87",
+  "page-header__main-content": "_page-header__main-content_18vai_90",
+  "page-header__bottom-content": "_page-header__bottom-content_18vai_90",
+  "page-header__breadcrumb": "_page-header__breadcrumb_18vai_107",
+  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_18vai_118",
+  "account-header": "_account-header_18vai_141",
+  "account-header--container": "_account-header--container_18vai_144",
+  "page-header__main-right-content": "_page-header__main-right-content_18vai_152",
+  "account-header-margin": "_account-header-margin_18vai_160"
 }, D = ({
   title: n,
-  subtitle: y,
-  rightChildren: g,
-  bottomChildren: h,
-  classNameWrapper: u,
-  classNameTitle: f,
+  subtitle: g,
+  rightChildren: u,
+  bottomChildren: o,
+  classNameWrapper: y,
+  classNameTitle: v,
   classNameSubtitle: k,
   headerBubble: r,
   "data-testid-wrapper": N,
-  "data-testid-title": v,
+  "data-testid-title": f,
   "data-testid-subtitle": x,
   "data-testid-account-header": C,
   ...L
 }) => {
   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,
+  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 j = r ? i([e["page-header"], y, e["account-header-margin"]]) : i([e["page-header"], y]), B = H(() => {
+    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,
-      {
-        icon: d === 0 ? /* @__PURE__ */ e(I, { icon: "house-blank" }) : /* @__PURE__ */ e("span", { className: a["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,
-        children: t.label
-      },
-      `${t.label}_${d}`
-    )) }) });
-  }, [s, p, m, b, c]);
-  return /* @__PURE__ */ e(l, { children: /* @__PURE__ */ i("div", { className: j, "data-testid": N, ...w, children: [
+      onClick: p
+    }), h && _.push(...h), /* @__PURE__ */ d("div", { className: e["page-header__top-content"], children: [
+      /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: _.map((t, c) => /* @__PURE__ */ a(
+        T,
+        {
+          icon: c === 0 ? /* @__PURE__ */ a(I, { 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: _.length === 1 ? !1 : c === _.length - 1,
+          children: t.label
+        },
+        `${t.label}_${c}`
+      )) }),
+      u && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: u })
+    ] });
+  }, [h, s, m, b, p]);
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ d("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 })
-      ] }) }),
-      g && /* @__PURE__ */ e("div", { className: a["page-header__main-right-content"], children: g })
-    ] }),
-    h && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: h })
+    /* @__PURE__ */ a("div", { className: e["page-header__main-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: r ? /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { className: e["account-header"], children: /* @__PURE__ */ a("div", { className: e["account-header--container"], "data-testid": C, children: r }) }) }) : /* @__PURE__ */ d(l, { children: [
+      /* @__PURE__ */ a("h1", { className: i(e.title, v), "data-testid": f, children: n }),
+      /* @__PURE__ */ a("h2", { className: i(e.subtitle, k), "data-testid": x, children: g })
+    ] }) }) }),
+    o && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: o })
   ] }) });
 };
 export {

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

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

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

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

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

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

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

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

package/dist/components/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/components/Typography/Typography.stories.d.ts

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

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

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

package/dist/main.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/package.json

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