@pismo/marola 1.0.22 → 1.0.24

package/dist/Dialog.module-BFRHcF1J.js

@@ -0,0 +1,29 @@
+import './assets/Dialog.css';
+const _ = "_dialog_1rdt4_78", t = "_dialog__backdrop_1rdt4_88", a = "_dialog__panel_1rdt4_96", o = "_dialog__title_1rdt4_113", r = "_dialog__subtitle_1rdt4_119", p = "_dialog__divider_1rdt4_122", d = "_dialog__actions_1rdt4_137", y = {
+  "u-typography-h1": "_u-typography-h1_1rdt4_1",
+  "u-typography-h2": "_u-typography-h2_1rdt4_8",
+  "u-typography-h3": "_u-typography-h3_1rdt4_15",
+  "u-typography-h4": "_u-typography-h4_1rdt4_22",
+  "u-typography-h5": "_u-typography-h5_1rdt4_29",
+  "u-typography-h6": "_u-typography-h6_1rdt4_36",
+  "u-typography-base": "_u-typography-base_1rdt4_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1rdt4_49",
+  "u-typography-base--xl": "_u-typography-base--xl_1rdt4_53",
+  "u-typography-base--lg": "_u-typography-base--lg_1rdt4_57",
+  "u-typography-base--sm": "_u-typography-base--sm_1rdt4_61",
+  "u-typography-base--bold": "_u-typography-base--bold_1rdt4_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rdt4_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1rdt4_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rdt4_74",
+  dialog: _,
+  dialog__backdrop: t,
+  dialog__panel: a,
+  dialog__title: o,
+  dialog__subtitle: r,
+  dialog__divider: p,
+  "dialog__close-icon": "_dialog__close-icon_1rdt4_127",
+  dialog__actions: d
+};
+export {
+  y as s
+};

package/dist/assets/BankCard.css

@@ -0,0 +1 @@
+._bank-card_1hmne_1{transition:all .3s;box-shadow:inset 0 -.0625rem #ebeaf07a;color:var(--gray-25);background:linear-gradient(72.27deg,#1a1a22 -111.98%,#525061 103.61%);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.125rem;max-width:20.5rem}._bank-card_1hmne_1 ._logo-wrapper_1hmne_13{margin-bottom:1.5rem}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16{height:3.75rem;display:flex;justify-content:space-between;position:relative;font-size:1.3125rem;font-weight:700;margin-bottom:0;align-items:self-end}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._helper_1hmne_26{position:absolute;top:0;opacity:1;font-style:normal;font-weight:400;font-size:.6875rem;line-height:1rem}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._helper_1hmne_26:after{content:"";height:3.5rem;position:absolute;width:1px;left:-5px}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._helper-bin-number_1hmne_42:after{background:var(--orange-6)}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._helper-bin-range_1hmne_45:after{background:var(--green-6)}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._helper-check-digit_1hmne_48{white-space:nowrap}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._helper-check-digit_1hmne_48:after{background:var(--gold-3);right:-.25rem;left:auto}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._number-section--02_1hmne_56 ._digit-wrapper_1hmne_56:nth-of-type(3)._bin-range_1hmne_56{padding-left:5px}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._number-section--04_1hmne_59 ._digit-wrapper_1hmne_56._check-digit_1hmne_59{padding-left:5px}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._number-section--04_1hmne_59 ._digit-wrapper_1hmne_56._check-digit_1hmne_59 ._helper-check-digit_1hmne_48{right:7.75%}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._number-section_1hmne_56{display:flex;gap:.25rem;align-items:center}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._bin-number_1hmne_70{color:var(--orange-6)}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._bin-range_1hmne_56{color:var(--green-6)}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._check-digit_1hmne_59{color:var(--gold-3)}._bank-card_1hmne_1 ._info-wrapper_1hmne_79{margin-top:1rem;flex:1;align-items:flex-end;display:flex;justify-content:space-between;gap:1rem}._bank-card_1hmne_1 ._info-wrapper_1hmne_79 ._info_1hmne_79:first-of-type{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._bank-card_1hmne_1 ._info-wrapper_1hmne_79 ._info_1hmne_79 ._label_1hmne_93{font-weight:400;font-size:.75rem}._bank-card_1hmne_1 ._info-wrapper_1hmne_79 ._info_1hmne_79 ._value_1hmne_97{font-size:1rem;font-weight:700;margin-top:.25rem}._bank-card_1hmne_1._highlight-bin_1hmne_103{transition:all .3s;color:#525061}._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16._bin-range_1hmne_56,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16._check-digit_1hmne_59,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._bin-range_1hmne_56,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._check-digit_1hmne_59,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._helper-bin-range_1hmne_45,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._helper-check-digit_1hmne_48{color:#525061;transition:all .3s}._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16._bin-range_1hmne_56:after,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16._check-digit_1hmne_59:after,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._bin-range_1hmne_56:after,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._check-digit_1hmne_59:after,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._helper-bin-range_1hmne_45:after,._bank-card_1hmne_1._highlight-bin_1hmne_103 ._numbers-wrapper_1hmne_16 ._helper-check-digit_1hmne_48:after{background:#525061;transition:all .3s}._bank-card_1hmne_1._highlight-bin-range_1hmne_124{transition:all .3s;color:#525061}._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16._bin-number_1hmne_70,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16._check-digit_1hmne_59,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._bin-number_1hmne_70,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._check-digit_1hmne_59,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._helper-bin-number_1hmne_42,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._helper-check-digit_1hmne_48{color:#525061;transition:all .3s}._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16._bin-number_1hmne_70:after,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16._check-digit_1hmne_59:after,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._bin-number_1hmne_70:after,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._check-digit_1hmne_59:after,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._helper-bin-number_1hmne_42:after,._bank-card_1hmne_1._highlight-bin-range_1hmne_124 ._numbers-wrapper_1hmne_16 ._helper-check-digit_1hmne_48:after{background:#525061;transition:all .3s}._bank-card_1hmne_1._highlight-no-highlight_1hmne_145{transition:all .3s;filter:grayscale(1) opacity(.5) contrast(.5)}._bank-card-wrapper_1hmne_150{container-type:inline-size;container-name:bank-card-wrapper}@container bank-card-wrapper (max-width: 19.25rem){._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16{font-size:1.125rem}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._number-section_1hmne_56{gap:.1rem}}@container bank-card-wrapper (max-width: 16rem){._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16{font-size:.875rem}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._number-section_1hmne_56{gap:.05rem}._bank-card_1hmne_1 ._numbers-wrapper_1hmne_16 ._helper_1hmne_26{font-size:.5rem}}

package/dist/assets/Dialog.css

@@ -1 +1 @@
-._u-typography-h1_2iy7w_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_2iy7w_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_2iy7w_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_2iy7w_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_2iy7w_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_2iy7w_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_2iy7w_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_2iy7w_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_2iy7w_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_2iy7w_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_2iy7w_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_2iy7w_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_2iy7w_68{text-decoration:line-through}._u-typography-base--underlined_2iy7w_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_2iy7w_74{text-decoration:underline line-through}._dialog_2iy7w_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_2iy7w_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_2iy7w_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;max-height:100%;padding:2rem;overflow:auto;font-weight:500;color:var(--gray-90);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_2iy7w_113{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;color:#3f3d4be0}._dialog__subtitle_2iy7w_120{margin-top:1rem;color:#3f3d4be0}._dialog__divider_2iy7w_124{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_2iy7w_128{position:absolute;top:34px;right:32px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_2iy7w_138{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}._dialog__actions_2iy7w_138 button{padding:0 1.5rem}._dialog__actions_2iy7w_138 button [class*=_u-typography-base]{font-weight:700}._dialog__actions_2iy7w_138 button[class*=_button--secondary]{color:#3f3d4be0}
+._u-typography-h1_1rdt4_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1rdt4_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1rdt4_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1rdt4_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1rdt4_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1rdt4_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1rdt4_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1rdt4_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1rdt4_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1rdt4_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1rdt4_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1rdt4_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1rdt4_68{text-decoration:line-through}._u-typography-base--underlined_1rdt4_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1rdt4_74{text-decoration:underline line-through}._dialog_1rdt4_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1rdt4_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_1rdt4_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;max-height:100%;padding:2rem;overflow:auto;font-weight:500;color:var(--gray-90);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_1rdt4_113{display:flex;gap:.75rem;align-items:center;color:#3f3d4be0}._dialog__subtitle_1rdt4_119{color:#3f3d4be0}._dialog__divider_1rdt4_122{width:100%;border-top:1px solid var(--gray-10);margin:1.5rem 0}._dialog__close-icon_1rdt4_127{position:absolute;top:37px;right:32px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_1rdt4_137{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}._dialog__actions_1rdt4_137 button{padding:0 1.5rem}._dialog__actions_1rdt4_137 button [class*=_u-typography-base]{font-weight:700}._dialog__actions_1rdt4_137 button[class*=_button--secondary]{color:#3f3d4be0}

package/dist/components/BankCard/BankCard.d.ts

@@ -0,0 +1,43 @@
+export type BankCardTranslations = {
+    binNumber?: string;
+    binRange?: string;
+    checkDigit?: string;
+    name?: string;
+    cvv?: string;
+    expiration?: string;
+};
+export type CardExpiration = {
+    month: string;
+    year: string;
+};
+export type CardNumbers = {
+    bin: string;
+    range: string;
+    checkDigit?: string;
+};
+export type HighlightCard = 'bin' | 'bin-range' | 'no-highlight';
+export type BINValueText = {
+    numbers: string;
+    isBIN6: boolean;
+};
+export type BINValues = {
+    numbers: CardNumbers;
+} | BINValueText;
+export type CardInfo = {
+    name?: string;
+    cvv?: string;
+    expiration?: CardExpiration | string;
+};
+export type BankCardProps = {
+    infos?: CardInfo;
+    highlight?: HighlightCard;
+    noHelpers?: boolean;
+    /** Set language */
+    language?: string;
+    /** Set translations to labels */
+    translations?: Partial<BankCardTranslations>;
+    className?: string;
+    'data-testid'?: string;
+} & BINValues;
+declare const BankCard: ({ infos, numbers, className, language, translations, highlight, noHelpers, ...rest }: BankCardProps) => import("react/jsx-runtime").JSX.Element;
+export { BankCard };

package/dist/components/BankCard/BankCard.js

@@ -0,0 +1,162 @@
+import '../../assets/BankCard.css';
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import * as t from "react";
+import { useMemo as E } from "react";
+import { c as a } from "../../clsx-DB4S2d7J.js";
+const M = (n) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 73, height: 17, viewBox: "0 0 73 17", fill: "none", style: {
+  fill: "currentcolor"
+}, ...n }, /* @__PURE__ */ t.createElement("path", { d: "M29.5027 0C29.0333 0 28.6527 0.380558 28.6527 0.85V0.991667C28.6527 1.46111 29.0333 1.84167 29.5027 1.84167C29.9721 1.84167 30.3527 1.46111 30.3527 0.991667V0.85C30.3527 0.380558 29.9721 0 29.5027 0Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.1027 8.4807C26.1027 5.67354 23.8293 3.4 21.0224 3.4C18.1761 3.4 15.9027 5.67354 15.9027 8.4807C15.9027 8.48714 15.9027 8.49357 15.9027 8.5L15.9027 16.15C15.9027 16.6194 16.2833 17 16.7527 17C17.2221 17 17.6027 16.6194 17.6027 16.15V12.304C18.5065 13.1116 19.7029 13.6 21.0224 13.6C23.8293 13.6 26.1027 11.3272 26.1027 8.4807ZM24.4027 8.49041C24.4027 10.4018 22.9045 11.9 21.0123 11.9C19.1001 11.9 17.6027 10.4018 17.6027 8.49041C17.6027 6.59823 19.1001 5.1 21.0123 5.1C22.9045 5.1 24.4027 6.59823 24.4027 8.49041Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M72.8527 8.4807C72.8527 5.67354 70.5793 3.4 67.7724 3.4C64.9261 3.4 62.6527 5.67354 62.6527 8.4807C62.6527 11.3272 64.9261 13.6 67.7724 13.6C70.5793 13.6 72.8527 11.3272 72.8527 8.4807ZM71.1527 8.49041C71.1527 10.4018 69.6545 11.9 67.7624 11.9C65.8501 11.9 64.3527 10.4018 64.3527 8.49041C64.3527 6.59823 65.8501 5.1 67.7624 5.1C69.6545 5.1 71.1527 6.59823 71.1527 8.49041Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M60.1027 8.5C60.1027 5.68218 57.8293 3.4 55.0224 3.4C53.2315 3.4 51.6674 4.30351 50.7537 5.67547C49.8434 4.30351 48.2886 3.4 46.5224 3.4C43.6761 3.4 41.4027 5.68218 41.4027 8.5V12.75C41.4027 13.2194 41.7833 13.6 42.2527 13.6C42.7221 13.6 43.1027 13.2194 43.1027 12.75L43.1027 8.5C43.1078 6.60524 44.6034 5.10646 46.5123 5.10646C48.4012 5.10646 49.8976 6.60524 49.9027 8.5V12.75C49.9027 13.2194 50.2833 13.6 50.7527 13.6C51.2221 13.6 51.6027 13.2194 51.6027 12.75L51.6027 8.5C51.6078 6.60524 53.1034 5.10646 55.0124 5.10646C56.9012 5.10646 58.3976 6.60524 58.4027 8.5L58.4027 12.75C58.4027 13.2194 58.7833 13.6 59.2527 13.6C59.7221 13.6 60.1027 13.2194 60.1027 12.75V8.5Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M32.9027 6.369C32.9027 4.71394 34.2221 3.4 35.8837 3.4C36.5019 3.4 37.0711 3.61709 37.5274 3.87455C37.9887 4.13483 38.388 4.46626 38.6832 4.77006C39.0103 5.10674 39.0026 5.64488 38.6659 5.97201C38.3292 6.29915 37.791 6.29141 37.4639 5.95472C37.2633 5.74822 36.9903 5.52345 36.692 5.35511C36.3886 5.18395 36.1109 5.1 35.8837 5.1C35.155 5.1 34.6027 5.65885 34.6027 6.369C34.6027 6.62126 34.7071 6.81581 34.9941 7.04014C35.2638 7.25096 35.5934 7.41175 35.9911 7.60583L35.9912 7.60587L35.9931 7.60678C36.0239 7.62181 36.0551 7.63704 36.0867 7.6525L36.119 7.66832C36.1874 7.68289 36.2551 7.7062 36.3207 7.73875C36.3842 7.77033 36.4538 7.80398 36.5278 7.8398C36.9257 8.03236 37.4532 8.28759 37.8791 8.62047C38.4259 9.04788 38.9235 9.68861 38.9235 10.631C38.9235 12.2861 37.6041 13.6 35.9425 13.6C35.3244 13.6 34.7551 13.3829 34.2988 13.1255C33.8376 12.8652 33.4383 12.5337 33.1431 12.2299C32.8159 11.8933 32.8237 11.3551 33.1604 11.028C33.4971 10.7009 34.0352 10.7086 34.3623 11.0453C34.563 11.2518 34.8359 11.4765 35.1343 11.6449C35.4376 11.816 35.7154 11.9 35.9425 11.9C36.6712 11.9 37.2235 11.3412 37.2235 10.631C37.2235 10.3787 37.1191 10.1842 36.8321 9.95986C36.5624 9.74904 36.2329 9.58824 35.8351 9.39416L35.835 9.39411C35.7931 9.3737 35.7506 9.35292 35.7072 9.33168C35.6388 9.31711 35.5711 9.2938 35.5056 9.26125C35.4421 9.22972 35.3727 9.19613 35.2988 9.16037L35.2984 9.1602C34.9005 8.96764 34.3731 8.71241 33.9472 8.37953C33.4004 7.95212 32.9027 7.31139 32.9027 6.369Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M28.6527 4.25C28.6527 3.78056 29.0333 3.4 29.5027 3.4C29.9721 3.4 30.3527 3.78056 30.3527 4.25V12.75C30.3527 13.2194 29.9721 13.6 29.5027 13.6C29.0333 13.6 28.6527 13.2194 28.6527 12.75V4.25Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M7.79782 4.82504C8.92577 5.99405 10.0593 7.16884 11.272 6.00772C11.6161 5.6785 11.7274 5.07878 11.633 4.66536C11.0035 1.90807 7.30509 1.79573 5.677 3.20259L5.6791 3.21328C6.39503 3.37119 7.09534 4.09699 7.79782 4.82504Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M10.4078 12.1909C8.92876 11.3964 9.69577 9.95529 10.459 8.5213C10.9343 7.62822 11.4082 6.7379 11.3372 6.00821L11.3467 6.00291C13.1878 7.11658 14.2238 10.6686 11.796 12.1194C11.432 12.337 10.8272 12.4165 10.4078 12.1909Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M4.26017 13.2797C4.55877 11.6275 6.16633 11.9117 7.76599 12.1944C8.76225 12.3705 9.75543 12.5461 10.4274 12.253L10.4354 12.2604C9.9452 14.3556 6.88714 16.4385 4.75712 14.5779C4.43774 14.2989 4.17526 13.7483 4.26017 13.2797Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M5.6585 3.27509C6.38805 4.78724 4.92048 5.50226 3.46013 6.21376C2.55064 6.65687 1.64395 7.09863 1.27253 7.73072L1.26172 7.72941C0.426829 5.74626 1.67652 2.26363 4.49341 2.51693C4.91577 2.5549 5.45175 2.84605 5.6585 3.27509Z", fill: "currentColor" }), /* @__PURE__ */ t.createElement("path", { d: "M3.44047 10.7683C3.21506 9.15954 2.98855 7.54285 1.32496 7.76941C0.853036 7.83347 0.410505 8.25325 0.243874 8.6432C-0.867492 11.2439 2.05851 13.5087 4.2026 13.3275L4.20718 13.3176C3.7208 12.769 3.58085 11.7702 3.44047 10.7683Z", fill: "currentColor" })), V = "_helper_1hmne_26", Z = "_info_1hmne_79", R = "_label_1hmne_93", X = "_value_1hmne_97", e = {
+  "bank-card": "_bank-card_1hmne_1",
+  "logo-wrapper": "_logo-wrapper_1hmne_13",
+  "numbers-wrapper": "_numbers-wrapper_1hmne_16",
+  helper: V,
+  "helper-bin-number": "_helper-bin-number_1hmne_42",
+  "helper-bin-range": "_helper-bin-range_1hmne_45",
+  "helper-check-digit": "_helper-check-digit_1hmne_48",
+  "number-section--02": "_number-section--02_1hmne_56",
+  "digit-wrapper": "_digit-wrapper_1hmne_56",
+  "bin-range": "_bin-range_1hmne_56",
+  "number-section--04": "_number-section--04_1hmne_59",
+  "check-digit": "_check-digit_1hmne_59",
+  "number-section": "_number-section_1hmne_56",
+  "bin-number": "_bin-number_1hmne_70",
+  "info-wrapper": "_info-wrapper_1hmne_79",
+  info: Z,
+  label: R,
+  value: X,
+  "highlight-bin": "_highlight-bin_1hmne_103",
+  "highlight-bin-range": "_highlight-bin-range_1hmne_124",
+  "highlight-no-highlight": "_highlight-no-highlight_1hmne_145",
+  "bank-card-wrapper": "_bank-card-wrapper_1hmne_150"
+}, D = {
+  pt: {
+    binNumber: "Número BIN",
+    binRange: "Intervalo",
+    checkDigit: "Validador",
+    name: "Nome",
+    cvv: "CVV",
+    expiration: "EXP"
+  },
+  en: {
+    binNumber: "BIN Number",
+    binRange: "Range",
+    checkDigit: "Check Digit",
+    name: "Name",
+    cvv: "CVV",
+    expiration: "EXP"
+  }
+  // example to add a new language translation
+  // es: {
+  //   binNumber: "BIN Number",
+  //   binRange: "Range",
+  //   checkDigit: "Check Digit",
+  //   name: "Name",
+  //   cvv: "CVV",
+  //   expiration: "EXP",
+  // },
+}, y = ({
+  infos: n,
+  numbers: d,
+  className: o,
+  language: _ = "en",
+  translations: u,
+  highlight: g,
+  noHelpers: c,
+  ...N
+}) => {
+  const v = { ...D[_], ...u || {} }, m = (h) => v[h], w = E(() => {
+    var h, i;
+    return n != null && n.expiration ? typeof (n == null ? void 0 : n.expiration) == "string" ? n == null ? void 0 : n.expiration : `${(h = n == null ? void 0 : n.expiration) == null ? void 0 : h.month}/${(i = n == null ? void 0 : n.expiration) == null ? void 0 : i.year}` : "XX/XX";
+  }, [n == null ? void 0 : n.expiration]), x = () => {
+    const { bin: h, range: i, checkDigit: s } = d, p = h.length <= 6, C = h.padStart(p ? 6 : 8, "0").slice(0, p ? 6 : 8), b = i.padStart(p ? 9 : 7, "0").slice(0, p ? 9 : 7);
+    return `${C}${b}${s || "X"}`;
+  }, k = () => {
+    const h = typeof d == "string", i = h ? d : x(), s = h ? N.isBIN6 : d.bin.length <= 6, p = /* @__PURE__ */ l("span", { className: a(e["number-section"], e["number-section--01"]), children: [
+      !c && /* @__PURE__ */ r(
+        "span",
+        {
+          className: a(e.helper, e["bin-number"], e["helper-bin-number"]),
+          children: m`binNumber`
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-number"]), children: i[0] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-number"]), children: i[1] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-number"]), children: i[2] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-number"]), children: i[3] })
+    ] }), C = /* @__PURE__ */ l("span", { className: a(e["number-section"], e["number-section--02"]), children: [
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-number"]), children: i[4] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-number"]), children: i[5] }),
+      /* @__PURE__ */ l(
+        "span",
+        {
+          className: a(
+            e["digit-wrapper"],
+            !c && (s ? e["bin-range"] : e["bin-number"])
+          ),
+          children: [
+            s && !c && /* @__PURE__ */ r(
+              "span",
+              {
+                className: a(e.helper, e["bin-range"], e["helper-bin-range"]),
+                children: m`binRange`
+              }
+            ),
+            i[6]
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        "span",
+        {
+          className: a(
+            e["digit-wrapper"],
+            !c && (s ? e["bin-range"] : e["bin-number"])
+          ),
+          children: i[7]
+        }
+      )
+    ] }), b = /* @__PURE__ */ l("span", { className: a(e["number-section"], e["number-section--03"]), children: [
+      !s && !c && /* @__PURE__ */ r("span", { className: a(e.helper, e["bin-range"], e["helper-bin-range"]), children: m`binRange` }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-range"]), children: i[8] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-range"]), children: i[9] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-range"]), children: i[10] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-range"]), children: i[11] })
+    ] }), L = /* @__PURE__ */ l("span", { className: a(e["number-section"], e["number-section--04"]), children: [
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-range"]), children: i[12] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-range"]), children: i[13] }),
+      /* @__PURE__ */ r("span", { className: a(e["digit-wrapper"], !c && e["bin-range"]), children: i[14] }),
+      /* @__PURE__ */ l("span", { className: a(e["digit-wrapper"], !c && e["check-digit"]), children: [
+        !c && /* @__PURE__ */ r(
+          "span",
+          {
+            className: a(e.helper, e["check-digit"], e["helper-check-digit"]),
+            children: m`checkDigit`
+          }
+        ),
+        i[15]
+      ] })
+    ] });
+    return [p, C, b, L];
+  };
+  return /* @__PURE__ */ r("div", { className: e["bank-card-wrapper"], children: /* @__PURE__ */ l("div", { className: a(e["bank-card"], o, g && e[`highlight-${g}`]), children: [
+    /* @__PURE__ */ r("div", { className: e["logo-wrapper"], children: /* @__PURE__ */ r(M, {}) }),
+    /* @__PURE__ */ r("div", { className: e["numbers-wrapper"], children: k() }),
+    /* @__PURE__ */ l("div", { className: e["info-wrapper"], children: [
+      /* @__PURE__ */ l("div", { className: e.info, children: [
+        /* @__PURE__ */ r("div", { className: e.label, children: m`name` }),
+        /* @__PURE__ */ r("div", { className: e.value, children: (n == null ? void 0 : n.name) || "Xxxxx X Xxxx" })
+      ] }),
+      /* @__PURE__ */ l("div", { className: e.info, children: [
+        /* @__PURE__ */ r("div", { className: e.label, children: m`cvv` }),
+        /* @__PURE__ */ r("div", { className: e.value, children: (n == null ? void 0 : n.cvv) || "123" })
+      ] }),
+      /* @__PURE__ */ l("div", { className: e.info, children: [
+        /* @__PURE__ */ r("div", { className: e.label, children: m`expiration` }),
+        /* @__PURE__ */ r("div", { className: e.value, children: w })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  y as BankCard
+};

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ infos, numbers, className, language, translations, highlight, noHelpers, ...rest }: import('./BankCard').BankCardProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BankCardNumbersAsObject: Story;
+export declare const BankCardNumbersAsString: Story;
+export declare const BankCardNoHelpers: Story;

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

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

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
         leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => 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, {
         open: boolean;
         onClose: () => void;
         title?: import('react').ReactNode;

package/dist/components/Dialog/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-Duis5XWM.js";
+import { s as t } from "../../Dialog.module-BFRHcF1J.js";
 const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
 export {
   i as default

package/dist/components/Dialog/Backdrop.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { c as t } from "../../clsx-DB4S2d7J.js";
-import { s as m } from "../../Dialog.module-Duis5XWM.js";
+import { s as m } from "../../Dialog.module-BFRHcF1J.js";
 const l = s(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ({ ownerState: e, ...r }, o) => /* @__PURE__ */ a("div", { ...r, className: t(m.dialog__backdrop, r.className), ref: o })

package/dist/components/Dialog/CloseIconButton.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Icon as i } from "../Icon/Icon.js";
-import { s as r } from "../../Dialog.module-Duis5XWM.js";
+import { s as r } from "../../Dialog.module-BFRHcF1J.js";
 import { B as s } from "../../Button-BAljjMv3.js";
 const n = ({ handleOnClose: t }) => /* @__PURE__ */ o(
   s,

package/dist/components/Dialog/Dialog.js

@@ -4,7 +4,7 @@ import ie from "./Actions.js";
 import ae from "./Backdrop.js";
 import le from "./CloseIconButton.js";
 import ce from "./Content.js";
-import { s as z } from "../../Dialog.module-Duis5XWM.js";
+import { s as z } from "../../Dialog.module-BFRHcF1J.js";
 import ee from "./DialogTitle.js";
 import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-C_I1kEHr.js";
 import * as f from "react";

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

@@ -10,7 +10,7 @@ declare const meta: {
         Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         color?: string | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
         children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;

package/dist/components/Dialog/DialogTitle.js

@@ -1,7 +1,7 @@
 import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
 import { Icon as d } from "../Icon/Icon.js";
 import { Typography as i } from "../Typography/Typography.js";
-import { s as r } from "../../Dialog.module-Duis5XWM.js";
+import { s as r } from "../../Dialog.module-BFRHcF1J.js";
 const g = ({ title: o, subTitle: t, icon: a }) => /* @__PURE__ */ l(s, { children: [
   /* @__PURE__ */ l(
     i,

package/dist/components/EllipsisTooltip/EllipsisTooltip.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;
         style?: import('react').CSSProperties | undefined;

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/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/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

@@ -7,6 +7,7 @@ export * from './components/Advice/Advice';
 export * from './components/Alert/Alert';
 export * from './components/Autocomplete/Autocomplete';
 export * from './components/Avatar/Avatar';
+export * from './components/BankCard/BankCard';
 export * from './components/Button/Button';
 export * from './components/Checkbox/Checkbox';
 export * from './components/Chip/Chip';

package/dist/main.js

@@ -3,103 +3,105 @@ import { Advice as p } from "./components/Advice/Advice.js";
 import { Alert as f } from "./components/Alert/Alert.js";
 import { Autocomplete as m } from "./components/Autocomplete/Autocomplete.js";
 import { Avatar as l } from "./components/Avatar/Avatar.js";
-import { Button as T } from "./components/Button/Button.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 C } 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 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";
-import { Pagination as q, paginationDefaultTranslations as z } from "./components/Pagination/Pagination.js";
-import { Popover as J } from "./components/Popover/Popover.js";
-import { RadioButton as M } from "./components/RadioButton/RadioButton.js";
-import { ResultWithChips as U } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as X, SelectContext as Y, SelectOption as Z, useSelectContext as _ } from "./components/Select/Select.js";
-import { Skeleton as oo, SkeletonCircle as ro, SkeletonTable as to } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as po } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as fo, sortTooltipDefaultTranslations as xo } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as no } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as io } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as so, THead as co, Table as go, Td as uo, Th as So, Tr as bo } from "./components/Table/Table.js";
-import { Tabs as ko } from "./components/Tabs/Tabs.js";
-import { Tag as Do } from "./components/Tag/Tag.js";
-import { TextDisplay as Io } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as Po } from "./components/Toggle/Toggle.js";
-import { G as yo } from "./Group-ZXteFV4M.js";
-import { Tooltip as Go } from "./components/Tooltip/Tooltip.js";
-import { TransactionRow as Ho } from "./components/TransactionRow/TransactionRow.js";
-import { Text as Lo, Typography as No } from "./components/Typography/Typography.js";
-import { SnackbarContext as Wo, SnackbarProvider as jo, useSnackbar as qo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as Fo } from "./components/Dialog/DialogTitle.js";
-import { default as Ko } from "./components/Dialog/Content.js";
-import { default as Qo } from "./components/Dialog/Actions.js";
-import { Tab as Vo } from "./components/Tabs/Tab.js";
-import { TabPanel as Yo } from "./components/Tabs/TabPanel.js";
+import { BankCard as T } from "./components/BankCard/BankCard.js";
+import { Button as c } from "./components/Button/Button.js";
+import { Checkbox as u } from "./components/Checkbox/Checkbox.js";
+import { C as d, R as C, T as b } from "./Toggle-BuZjueQ7.js";
+import { ConfirmationDialog as h } from "./components/ConfirmationDialog/ConfirmationDialog.js";
+import { Description as A } from "./components/Description/Description.js";
+import { Dialog as v } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as P } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as y } from "./components/Icon/Icon.js";
+import { IconButton as w } from "./components/IconButton/IconButton.js";
+import { Input as E } from "./components/Input/Input.js";
+import { InputSearch as N } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as W } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as q } from "./components/PageHeader/PageHeader.js";
+import { Pagination as F, paginationDefaultTranslations as J } from "./components/Pagination/Pagination.js";
+import { Popover as M } from "./components/Popover/Popover.js";
+import { RadioButton as U } from "./components/RadioButton/RadioButton.js";
+import { ResultWithChips as X } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as Z, SelectContext as _, SelectOption as $, useSelectContext as oo } from "./components/Select/Select.js";
+import { Skeleton as to, SkeletonCircle as eo, SkeletonTable as po } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as fo } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as mo, sortTooltipDefaultTranslations as no } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as io } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as so } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as go, THead as uo, Table as So, Td as Co, Th as bo, Tr as ko } from "./components/Table/Table.js";
+import { Tabs as Do } from "./components/Tabs/Tabs.js";
+import { Tag as Io } from "./components/Tag/Tag.js";
+import { TextDisplay as Bo } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as Ro } from "./components/Toggle/Toggle.js";
+import { G as Go } from "./Group-ZXteFV4M.js";
+import { Tooltip as Ho } from "./components/Tooltip/Tooltip.js";
+import { TransactionRow as Lo } from "./components/TransactionRow/TransactionRow.js";
+import { Text as Oo, Typography as Wo } from "./components/Typography/Typography.js";
+import { SnackbarContext as qo, SnackbarProvider as zo, useSnackbar as Fo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as Ko } from "./components/Dialog/DialogTitle.js";
+import { default as Qo } from "./components/Dialog/Content.js";
+import { default as Vo } from "./components/Dialog/Actions.js";
+import { Tab as Yo } from "./components/Tabs/Tab.js";
+import { TabPanel as _o } from "./components/Tabs/TabPanel.js";
 export {
-  Qo as Actions,
+  Vo as Actions,
   t as Adornment,
   p as Advice,
   f as Alert,
   m as Autocomplete,
   l as Avatar,
-  T as Button,
-  c as Checkbox,
-  u as Chip,
-  C as ConfirmationDialog,
-  Ko as Content,
-  h as Description,
-  A as Dialog,
-  Fo as DialogTitle,
-  v as EllipsisTooltip,
-  R as Icon,
-  B as IconButton,
-  w as Input,
-  E as InputSearch,
-  N as LoadingSpinner,
-  W as PageHeader,
-  q as Pagination,
-  J as Popover,
-  M as RadioButton,
-  U as ResultWithChips,
-  S as RowItem,
-  X as Select,
-  Y as SelectContext,
-  Z as SelectOption,
-  oo as Skeleton,
-  ro as SkeletonCircle,
-  to as SkeletonTable,
-  po as Snackbar,
-  Wo as SnackbarContext,
-  jo as SnackbarProvider,
-  fo as SortTooltip,
-  no as Stepper,
-  io as StepperNavigator,
-  so as TBody,
-  co as THead,
-  Vo as Tab,
-  Yo as TabPanel,
-  go as Table,
-  ko as Tabs,
-  Do as Tag,
-  uo as Td,
-  Lo as Text,
-  Io as TextDisplay,
-  So as Th,
-  Po as Toggle,
-  yo as ToggleGroup,
-  d as ToggleGroupItem,
-  Go as Tooltip,
-  bo as Tr,
-  Ho as TransactionRow,
-  No as Typography,
-  z as paginationDefaultTranslations,
-  xo as sortTooltipDefaultTranslations,
-  _ as useSelectContext,
-  qo as useSnackbar
+  T as BankCard,
+  c as Button,
+  u as Checkbox,
+  d as Chip,
+  h as ConfirmationDialog,
+  Qo as Content,
+  A as Description,
+  v as Dialog,
+  Ko as DialogTitle,
+  P as EllipsisTooltip,
+  y as Icon,
+  w as IconButton,
+  E as Input,
+  N as InputSearch,
+  W as LoadingSpinner,
+  q as PageHeader,
+  F as Pagination,
+  M as Popover,
+  U as RadioButton,
+  X as ResultWithChips,
+  C as RowItem,
+  Z as Select,
+  _ as SelectContext,
+  $ as SelectOption,
+  to as Skeleton,
+  eo as SkeletonCircle,
+  po as SkeletonTable,
+  fo as Snackbar,
+  qo as SnackbarContext,
+  zo as SnackbarProvider,
+  mo as SortTooltip,
+  io as Stepper,
+  so as StepperNavigator,
+  go as TBody,
+  uo as THead,
+  Yo as Tab,
+  _o as TabPanel,
+  So as Table,
+  Do as Tabs,
+  Io as Tag,
+  Co as Td,
+  Oo as Text,
+  Bo as TextDisplay,
+  bo as Th,
+  Ro as Toggle,
+  Go as ToggleGroup,
+  b as ToggleGroupItem,
+  Ho as Tooltip,
+  ko as Tr,
+  Lo as TransactionRow,
+  Wo as Typography,
+  J as paginationDefaultTranslations,
+  no as sortTooltipDefaultTranslations,
+  oo as useSelectContext,
+  Fo as useSnackbar
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -100,4 +100,4 @@
     "@mui/base": "^5.0.0-beta.40",
     "@mui/material": "^5.15.15"
   }
-}
+}

package/dist/Dialog.module-Duis5XWM.js

@@ -1,29 +0,0 @@
-import './assets/Dialog.css';
-const _ = "_dialog_2iy7w_78", y = "_dialog__backdrop_2iy7w_88", a = "_dialog__panel_2iy7w_96", o = "_dialog__title_2iy7w_113", i = "_dialog__subtitle_2iy7w_120", p = "_dialog__divider_2iy7w_124", t = "_dialog__actions_2iy7w_138", g = {
-  "u-typography-h1": "_u-typography-h1_2iy7w_1",
-  "u-typography-h2": "_u-typography-h2_2iy7w_8",
-  "u-typography-h3": "_u-typography-h3_2iy7w_15",
-  "u-typography-h4": "_u-typography-h4_2iy7w_22",
-  "u-typography-h5": "_u-typography-h5_2iy7w_29",
-  "u-typography-h6": "_u-typography-h6_2iy7w_36",
-  "u-typography-base": "_u-typography-base_2iy7w_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_2iy7w_49",
-  "u-typography-base--xl": "_u-typography-base--xl_2iy7w_53",
-  "u-typography-base--lg": "_u-typography-base--lg_2iy7w_57",
-  "u-typography-base--sm": "_u-typography-base--sm_2iy7w_61",
-  "u-typography-base--bold": "_u-typography-base--bold_2iy7w_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_2iy7w_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_2iy7w_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2iy7w_74",
-  dialog: _,
-  dialog__backdrop: y,
-  dialog__panel: a,
-  dialog__title: o,
-  dialog__subtitle: i,
-  dialog__divider: p,
-  "dialog__close-icon": "_dialog__close-icon_2iy7w_128",
-  dialog__actions: t
-};
-export {
-  g as s
-};