@frollo/frollo-web-ui 1.2.9 → 3.0.0

package/esm/fw-toast.js

@@ -0,0 +1,372 @@
+import './es.array.includes-df8e6e35.js';
+import './es.number.constructor-f279ce82.js';
+import { s as isObject$2, w as wellKnownSymbol$4, f as functionUncurryThis, r as requireObjectCoercible$1, j as fails$2, q as engineV8Version, i as toObject$1 } from './function-name-e2f6ea36.js';
+import { _ as _export } from './object-keys-6a890c6f.js';
+import { f as classofRaw, l as lengthOfArrayLike$1 } from './is-forced-ddf227e6.js';
+import { t as toString$1 } from './to-string-685748aa.js';
+import { a as isArray$1, b as arraySpeciesCreate$1 } from './array-species-create-5fc23c89.js';
+import { c as createProperty$1 } from './create-property-558a3c24.js';
+import './web.timers-4a6aaab8.js';
+import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, toDisplayString, renderSlot } from 'vue';
+import { u as uniqueId } from './uniqueId-fe08534a.js';
+import { c as render$1, d as render$2, e as render$3 } from './index-4605e00e.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './add-to-unscopables-3f461c07.js';
+import './classof-a45668b6.js';
+import './check-94a5917a.js';
+
+var es_string_includes = {};
+
+var isObject$1 = isObject$2;
+var classof = classofRaw;
+var wellKnownSymbol$3 = wellKnownSymbol$4;
+
+var MATCH$1 = wellKnownSymbol$3('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject$1(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
+};
+
+var isRegExp = isRegexp;
+
+var $TypeError$1 = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw $TypeError$1("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol$2 = wellKnownSymbol$4;
+
+var MATCH = wellKnownSymbol$2('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+'use strict';
+var $$1 = _export;
+var uncurryThis = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible = requireObjectCoercible$1;
+var toString = toString$1;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString(requireObjectCoercible(this)),
+      toString(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+var es_array_concat = {};
+
+var $TypeError = TypeError;
+var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991
+
+var doesNotExceedSafeInteger$1 = function (it) {
+  if (it > MAX_SAFE_INTEGER) throw $TypeError('Maximum allowed index exceeded');
+  return it;
+};
+
+var fails$1 = fails$2;
+var wellKnownSymbol$1 = wellKnownSymbol$4;
+var V8_VERSION$1 = engineV8Version;
+
+var SPECIES = wellKnownSymbol$1('species');
+
+var arrayMethodHasSpeciesSupport$1 = function (METHOD_NAME) {
+  // We can't use this feature detection in V8 since it causes
+  // deoptimization and serious performance degradation
+  // https://github.com/zloirock/core-js/issues/677
+  return V8_VERSION$1 >= 51 || !fails$1(function () {
+    var array = [];
+    var constructor = array.constructor = {};
+    constructor[SPECIES] = function () {
+      return { foo: 1 };
+    };
+    return array[METHOD_NAME](Boolean).foo !== 1;
+  });
+};
+
+'use strict';
+var $ = _export;
+var fails = fails$2;
+var isArray = isArray$1;
+var isObject = isObject$2;
+var toObject = toObject$1;
+var lengthOfArrayLike = lengthOfArrayLike$1;
+var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
+var createProperty = createProperty$1;
+var arraySpeciesCreate = arraySpeciesCreate$1;
+var arrayMethodHasSpeciesSupport = arrayMethodHasSpeciesSupport$1;
+var wellKnownSymbol = wellKnownSymbol$4;
+var V8_VERSION = engineV8Version;
+
+var IS_CONCAT_SPREADABLE = wellKnownSymbol('isConcatSpreadable');
+
+// We can't use this feature detection in V8 since it causes
+// deoptimization and serious performance degradation
+// https://github.com/zloirock/core-js/issues/679
+var IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails(function () {
+  var array = [];
+  array[IS_CONCAT_SPREADABLE] = false;
+  return array.concat()[0] !== array;
+});
+
+var SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('concat');
+
+var isConcatSpreadable = function (O) {
+  if (!isObject(O)) return false;
+  var spreadable = O[IS_CONCAT_SPREADABLE];
+  return spreadable !== undefined ? !!spreadable : isArray(O);
+};
+
+var FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;
+
+// `Array.prototype.concat` method
+// https://tc39.es/ecma262/#sec-array.prototype.concat
+// with adding support of @@isConcatSpreadable and @@species
+$({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
+  // eslint-disable-next-line no-unused-vars -- required for `.length`
+  concat: function concat(arg) {
+    var O = toObject(this);
+    var A = arraySpeciesCreate(O, 0);
+    var n = 0;
+    var i, k, length, len, E;
+    for (i = -1, length = arguments.length; i < length; i++) {
+      E = i === -1 ? O : arguments[i];
+      if (isConcatSpreadable(E)) {
+        len = lengthOfArrayLike(E);
+        doesNotExceedSafeInteger(n + len);
+        for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);
+      } else {
+        doesNotExceedSafeInteger(n + 1);
+        createProperty(A, n++, E);
+      }
+    }
+    A.length = n;
+    return A;
+  }
+});
+
+var script = defineComponent({
+  name: 'FwToast',
+  components: {
+    SolidCheckSvg: render$1,
+    SolidXMarkSvg: render$2,
+    ErrorFilledSvg: render$3
+  },
+  emits: ['update:modelValue', 'dismissed'],
+  props: {
+    /**
+     * The toast's v-model. Controls the visibility of the toast.
+     */
+    modelValue: {
+      type: Boolean
+    },
+
+    /**
+     * The type of the toast.
+     * Accepts: 'success', 'error', 'warning'
+     */
+    type: {
+      type: String,
+      "default": 'success',
+      validator: function validator(value) {
+        return ['success', 'error', 'warning'].includes(value);
+      }
+    },
+
+    /**
+     * The position of the toast on the screen.
+     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
+     */
+    position: {
+      type: String,
+      "default": 'bottom-right',
+      validator: function validator(value) {
+        return ['top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'].includes(value);
+      }
+    },
+
+    /**
+     * The content of the toast.
+     */
+    content: {
+      type: String
+    },
+
+    /**
+     * The base container to attach to. Defaults to `#app` element.
+     */
+    element: {
+      type: String,
+      "default": '#app'
+    },
+
+    /**
+     * The duration timeout before the toast is dismissed.
+     */
+    timeout: {
+      type: Number,
+      "default": 3500
+    }
+  },
+  setup: function setup(props, ctx) {
+    var isMounted = ref(false);
+    var uuid = uniqueId();
+    var isOpen = computed({
+      get: function get() {
+        return ref(props.modelValue);
+      },
+      set: function set(state) {
+        ctx.emit('update:modelValue', state);
+      }
+    });
+    var mountContainer = ref(false);
+    var containerEl = computed(function () {
+      return "fw-toast--container-".concat(props.position);
+    });
+    var isTop = computed(function () {
+      return props.position.includes('top');
+    });
+    var isLeftRightorCenter = computed(function () {
+      if (props.position.includes('right')) {
+        return 'Right';
+      }
+
+      if (props.position.includes('left')) {
+        return 'Left';
+      }
+
+      return 'Center';
+    });
+    var baseClass = "text-white flex min-w-[70%] max-w-[90%] md:min-w-[320px] md:max-w-[600px]\n     py-3.5 px-6";
+    var typeClasses = ref({
+      success: 'bg-success',
+      error: 'bg-error',
+      warning: 'bg-alert'
+    });
+    var svgComponent = ref({
+      success: 'SolidCheckSvg',
+      error: 'SolidXMarkSvg',
+      warning: 'ErrorFilledSvg'
+    });
+    var negativePush = computed(function () {
+      return isTop.value ? '-' : '';
+    });
+    onMounted(function () {
+      var positionContainer = document.querySelector("#".concat(containerEl.value));
+
+      if (!positionContainer) {
+        mountContainer.value = true;
+      } else if (positionContainer.children.length) {
+        var _positionContainer$ch;
+
+        var first = positionContainer === null || positionContainer === void 0 ? void 0 : positionContainer.clientHeight;
+        var toastHeight = (positionContainer === null || positionContainer === void 0 ? void 0 : (_positionContainer$ch = positionContainer.children[0]) === null || _positionContainer$ch === void 0 ? void 0 : _positionContainer$ch.clientHeight) || 52;
+        var last = first + toastHeight;
+        var invert = last - first;
+        positionContainer === null || positionContainer === void 0 ? void 0 : positionContainer.animate([{
+          transform: "translateY(".concat(negativePush.value).concat(invert, "px)")
+        }, {
+          transform: 'translateY(0)'
+        }], {
+          duration: 400,
+          easing: 'ease'
+        });
+      }
+
+      isMounted.value = true;
+    });
+    watchEffect(function () {
+      if (isOpen.value.value === true) {
+        setTimeout(function () {
+          isOpen.value.value = false;
+          ctx.emit('dismissed');
+        }, props.timeout);
+      }
+    });
+    return {
+      containerEl: containerEl,
+      baseClass: baseClass,
+      typeClasses: typeClasses,
+      svgComponent: svgComponent,
+      isOpen: isOpen,
+      uuid: uuid,
+      isMounted: isMounted,
+      mountContainer: mountContainer,
+      isLeftRightorCenter: isLeftRightorCenter
+    };
+  }
+});
+
+var _hoisted_1 = ["id"];
+var _hoisted_2 = {
+  "class": "inline-flex items-center gap-x-4"
+};
+var _hoisted_3 = {
+  key: 0,
+  "class": "text-base mb-0"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(Fragment, null, [_ctx.mountContainer ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.element
+  }, [createVNode(TransitionGroup, {
+    name: "toastAnimate",
+    tag: "div",
+    appear: "",
+    id: _ctx.containerEl,
+    "class": "fw-toast--container"
+  }, null, 8, ["id"])], 8, ["to"])) : createCommentVNode("", true), _ctx.isMounted ? (openBlock(), createBlock(Teleport, {
+    key: 1,
+    to: '#' + _ctx.containerEl
+  }, [createVNode(Transition, {
+    name: "toastSlideIn".concat(_ctx.isLeftRightorCenter),
+    appear: ""
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.isOpen.value ? (openBlock(), createElementBlock("output", {
+        role: "status",
+        "class": normalizeClass(["fw-toast shadow rounded", [_ctx.baseClass, _ctx.typeClasses[_ctx.type]]]),
+        id: "fw-toast-".concat(_ctx.uuid),
+        key: "fw-toast-".concat(_ctx.uuid)
+      }, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.svgComponent[_ctx.type]), {
+        "aria-hidden": "true",
+        "class": "text-white min-w-[24px] min-h-[24px] w-[24px] h-[24px]"
+      })), _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", {
+        key: 1
+      })])], 10, _hoisted_1)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 8, ["name"])], 8, ["to"])) : createCommentVNode("", true)], 64);
+}
+
+var css_248z = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-enter-active,.toastSlideInRight-leave-active{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-enter-active,.toastSlideInLeft-leave-active{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-enter-active,.toastSlideInCenter-leave-active{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
+var stylesheet = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-enter-active,.toastSlideInRight-leave-active{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-enter-active,.toastSlideInLeft-leave-active{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-enter-active,.toastSlideInCenter-leave-active{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as FwToast };

package/esm/fw-transactions-card.js

@@ -0,0 +1,118 @@
+import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
+import { s as script$1 } from './fw-card-8d3f4ab5.js';
+import { s as script$2 } from './fw-image-ec7b02c5.js';
+import './es.array.includes-df8e6e35.js';
+import './function-name-e2f6ea36.js';
+import './object-keys-6a890c6f.js';
+import './is-forced-ddf227e6.js';
+import './add-to-unscopables-3f461c07.js';
+import './es.number.constructor-f279ce82.js';
+import './to-string-685748aa.js';
+import './classof-a45668b6.js';
+import './es.array.find-36d8f2f0.js';
+import './array-iteration-98e2cf9a.js';
+import './array-species-create-5fc23c89.js';
+import './create-property-558a3c24.js';
+import './web.timers-4a6aaab8.js';
+import './array-method-is-strict-544b103f.js';
+import './fw-loading-bar-da7d53fb.js';
+import './style-inject.es-1f59c1d0.js';
+import './index-4605e00e.js';
+import './check-94a5917a.js';
+
+var script = defineComponent({
+  name: 'FwTransactionsCard',
+  components: {
+    FwCard: script$1,
+    FwImage: script$2
+  },
+  props: {
+    /**
+     * The transaction title of the card
+     */
+    title: {
+      type: String
+    },
+
+    /**
+     * The transaction sub-title of the card
+     */
+    subTitle: {
+      type: String,
+      required: false
+    },
+
+    /**
+     * The transaction amount.
+     */
+    amount: {
+      type: String,
+      required: false
+    },
+
+    /**
+     * The src url for the image.
+     */
+    imageUrl: {
+      type: String,
+      required: false
+    }
+  }
+});
+
+var _hoisted_1 = /*#__PURE__*/createElementVNode("div", {
+  "class": "absolute top-0 left-0 w-full h-full rounded-lg bg-primary opacity-5 pointer-events-none"
+}, null, -1);
+
+var _hoisted_2 = {
+  "class": "flex flex-row w-full items-center py-3 px-4"
+};
+var _hoisted_3 = {
+  "class": "flex flex-col w-full flex-1 ml-2"
+};
+var _hoisted_4 = {
+  "class": "flex flex-row justify-between gap-x-2 items-center w-full"
+};
+var _hoisted_5 = {
+  "class": "text-left"
+};
+var _hoisted_6 = {
+  "class": "text-p2 font-semibold mb-0"
+};
+var _hoisted_7 = ["innerHTML"];
+var _hoisted_8 = {
+  key: 0,
+  "class": "text-right"
+};
+var _hoisted_9 = {
+  "class": "text-p2 font-semibold mb-0"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FwImage = resolveComponent("FwImage");
+
+  var _component_FwCard = resolveComponent("FwCard");
+
+  return openBlock(), createBlock(_component_FwCard, {
+    "class": "relative rounded-lg shadow",
+    "slot-padding": false
+  }, {
+    "default": withCtx(function () {
+      return [_hoisted_1, createElementVNode("div", _hoisted_2, [_ctx.imageUrl ? (openBlock(), createBlock(_component_FwImage, {
+        key: 0,
+        src: _ctx.imageUrl,
+        type: "background",
+        rounded: true,
+        "class": "w-9 h-9"
+      }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("p", _hoisted_6, toDisplayString(_ctx.title), 1), _ctx.subTitle ? (openBlock(), createElementBlock("p", {
+        key: 0,
+        innerHTML: _ctx.subTitle,
+        "class": "text-p-small text-grey-base mb-0"
+      }, null, 8, _hoisted_7)) : createCommentVNode("", true)]), _ctx.amount ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("p", _hoisted_9, toDisplayString(_ctx.amount), 1)])) : createCommentVNode("", true)])])])];
+    }),
+    _: 1
+  });
+}
+
+script.render = render;
+
+export { script as FwTransactionsCard };