@leaflink/stash 52.0.2 → 53.0.0

package/dist/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../src/components/Loading/Loading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { useCssModule } from 'vue';\n\n  defineOptions({\n    name: 'll-loading',\n  });\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-loading tw-flex tw-justify-center tw-py-12\" data-test=\"ll-loading\">\n    <div class=\"stash-loading__spinner\" :class=\"classes.spinner\">\n      <!-- TODO: Load svgs better -->\n      <!-- eslint-disable -->\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 70 70\"><path d=\"M38,43l-.51.67,0,0-.08.1,0,0-.28.3a3.36,3.36,0,0,1-3.68.6,2.87,2.87,0,0,1-.83-.53l-.08-.07L32.43,44,32.36,44h0l-.07-.07-.06-.08a.83.83,0,0,1-.12-.16l-.06-.08,0-.09a1.62,1.62,0,0,0,.69.16,1.61,1.61,0,0,0,1.09-.43c.45-.43,1.95-2.34,3.13-3.87l1-1.33v4.49a.28.28,0,0,1,0,.09v.11C38,42.78,38,42.87,38,43ZM37,32h0l0,0h0M28,43.13,25,47H21l6.94-9v4.3A4.64,4.64,0,0,0,28,43.13ZM36.72,31.9l-4.26,5.51L32,38V32.66l2.18-2.84a2,2,0,0,0,.26-.39,1.53,1.53,0,0,0-.42-2.1,1.59,1.59,0,0,0-1.31-.18l-.1,0,0,0,.12-.14.13-.14a3,3,0,0,1,4.23,0,2.8,2.8,0,0,1,.46.57c.05.08.09.17.13.25s.08.18.11.27A3,3,0,0,1,38,29.06a4.63,4.63,0,0,1-.1.65,4.82,4.82,0,0,1-1.14,2.15Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M37,32l0,0h0m11-3h0a4.63,4.63,0,0,1-.1.65,4.87,4.87,0,0,1-1.16,2.18l-4.28,5.52L42,38V32.65l2.18-2.83a2.65,2.65,0,0,0,.26-.39,1.52,1.52,0,0,0-.43-2.1,1.55,1.55,0,0,0-1.31-.18l-.1,0,0,0,.12-.14.13-.14.11-.1.23-.18.12-.09a3,3,0,0,1,3.77.37A2.91,2.91,0,0,1,48,29.06Zm0,14.85-.41.59,0,0a1,1,0,0,0-.08.11l0,0-.12.15,0,0a1.07,1.07,0,0,1-.14.16,3.23,3.23,0,0,1-4.58.07h0a.46.46,0,0,1-.07-.07,3.31,3.31,0,0,1-.53-.7h0a1.57,1.57,0,0,0,.7.17A1.54,1.54,0,0,0,43.83,44c.23-.24.75-.92,1.55-2Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M47.14,26.84a3,3,0,0,0-3.73-.36,3,3,0,0,1,3.09-.11A2.89,2.89,0,0,1,48,29h0A2.86,2.86,0,0,0,47.14,26.84ZM44,44.69a3.39,3.39,0,0,1-.84-.55L43,44.07a3.3,3.3,0,0,1-.52-.65h0a3.34,3.34,0,0,0,.53.66l.07.06h0a3.33,3.33,0,0,0,4.54-.07.64.64,0,0,0,.13-.15l-.14.15A3.31,3.31,0,0,1,44,44.69ZM42.71,27.12l0,0ZM38,42.61v0a3.31,3.31,0,0,0,0,.33C38.05,42.81,38,42.71,38,42.61Zm0-.2c0,.05,0,.1,0,.15V42.5a.28.28,0,0,1,0-.09Zm0,.17v0Zm0-.51v0Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M41.17,28.91V42.05a4.38,4.38,0,0,0,0,.52,3.54,3.54,0,0,0,1,2,.76.76,0,0,0,.09.09,3.6,3.6,0,0,0,4,.61,3.8,3.8,0,0,1-.33.37,4.7,4.7,0,0,1-8-2.52,4.88,4.88,0,0,1-.07-.85V28.65A4.68,4.68,0,0,1,42.72,24a4.79,4.79,0,0,1,1.46.23A4.68,4.68,0,0,1,47,26.8l-.17-.18a3.31,3.31,0,0,0-5.53,1.43l0,.12,0,.12A2.6,2.6,0,0,0,41.17,28.91Zm-10,0V42.05a2.94,2.94,0,0,0,.05.51h0a3.53,3.53,0,0,0,1,2l.09.09a3.26,3.26,0,0,0,.91.62,3.59,3.59,0,0,0,3.12,0,3.8,3.8,0,0,1-.33.37,4.69,4.69,0,0,1-7.94-2.51,5,5,0,0,1-.07-.86V28.64A4.68,4.68,0,0,1,32.72,24a4.62,4.62,0,0,1,1.47.24,4.73,4.73,0,0,1,2.2,1.54,4.82,4.82,0,0,1,.61,1,1,1,0,0,0-.17-.18,3.3,3.3,0,0,0-5.52,1.42.69.69,0,0,0,0,.13l0,.12A3.07,3.07,0,0,0,31.16,28.9Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M33,28a.08.08,0,0,1,0,0Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><circle id=\"circle\" cx=\"35\" cy=\"35\" r=\"32.5\" style=\"fill: none; stroke: #676a6c; stroke-width: 5px;\" /></svg>\n      <!-- eslint-enable -->\n    </div>\n  </div>\n</template>\n\n<style module>\n  @keyframes loading {\n    from {\n      stroke-dashoffset: 250;\n      transform: rotate3d(0, 0, 1, -360deg);\n    }\n\n    to {\n      stroke-dashoffset: 40;\n      transform: rotate3d(0, 0, 1, 0deg);\n    }\n  }\n\n  .spinner {\n    width: 48px;\n\n    svg {\n      display: block;\n      transform-origin: 50% 50%;\n      width: 100%;\n    }\n\n    circle {\n      animation: loading 1.5s ease-in-out alternate infinite;\n      stroke-dasharray: 250;\n      transform-origin: center center;\n    }\n  }\n</style>\n"],"names":["classes","useCssModule"],"mappings":";;;;;;;;;AAOE,UAAMA,IAAUC,EAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Loading.js","sources":["../src/components/Loading/Loading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { useCssModule } from 'vue';\n\n  defineOptions({\n    name: 'll-loading',\n  });\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-loading flex justify-center py-12\" data-test=\"ll-loading\">\n    <div class=\"stash-loading__spinner\" :class=\"classes.spinner\">\n      <!-- TODO: Load svgs better -->\n      <!-- eslint-disable -->\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 70 70\"><path d=\"M38,43l-.51.67,0,0-.08.1,0,0-.28.3a3.36,3.36,0,0,1-3.68.6,2.87,2.87,0,0,1-.83-.53l-.08-.07L32.43,44,32.36,44h0l-.07-.07-.06-.08a.83.83,0,0,1-.12-.16l-.06-.08,0-.09a1.62,1.62,0,0,0,.69.16,1.61,1.61,0,0,0,1.09-.43c.45-.43,1.95-2.34,3.13-3.87l1-1.33v4.49a.28.28,0,0,1,0,.09v.11C38,42.78,38,42.87,38,43ZM37,32h0l0,0h0M28,43.13,25,47H21l6.94-9v4.3A4.64,4.64,0,0,0,28,43.13ZM36.72,31.9l-4.26,5.51L32,38V32.66l2.18-2.84a2,2,0,0,0,.26-.39,1.53,1.53,0,0,0-.42-2.1,1.59,1.59,0,0,0-1.31-.18l-.1,0,0,0,.12-.14.13-.14a3,3,0,0,1,4.23,0,2.8,2.8,0,0,1,.46.57c.05.08.09.17.13.25s.08.18.11.27A3,3,0,0,1,38,29.06a4.63,4.63,0,0,1-.1.65,4.82,4.82,0,0,1-1.14,2.15Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M37,32l0,0h0m11-3h0a4.63,4.63,0,0,1-.1.65,4.87,4.87,0,0,1-1.16,2.18l-4.28,5.52L42,38V32.65l2.18-2.83a2.65,2.65,0,0,0,.26-.39,1.52,1.52,0,0,0-.43-2.1,1.55,1.55,0,0,0-1.31-.18l-.1,0,0,0,.12-.14.13-.14.11-.1.23-.18.12-.09a3,3,0,0,1,3.77.37A2.91,2.91,0,0,1,48,29.06Zm0,14.85-.41.59,0,0a1,1,0,0,0-.08.11l0,0-.12.15,0,0a1.07,1.07,0,0,1-.14.16,3.23,3.23,0,0,1-4.58.07h0a.46.46,0,0,1-.07-.07,3.31,3.31,0,0,1-.53-.7h0a1.57,1.57,0,0,0,.7.17A1.54,1.54,0,0,0,43.83,44c.23-.24.75-.92,1.55-2Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M47.14,26.84a3,3,0,0,0-3.73-.36,3,3,0,0,1,3.09-.11A2.89,2.89,0,0,1,48,29h0A2.86,2.86,0,0,0,47.14,26.84ZM44,44.69a3.39,3.39,0,0,1-.84-.55L43,44.07a3.3,3.3,0,0,1-.52-.65h0a3.34,3.34,0,0,0,.53.66l.07.06h0a3.33,3.33,0,0,0,4.54-.07.64.64,0,0,0,.13-.15l-.14.15A3.31,3.31,0,0,1,44,44.69ZM42.71,27.12l0,0ZM38,42.61v0a3.31,3.31,0,0,0,0,.33C38.05,42.81,38,42.71,38,42.61Zm0-.2c0,.05,0,.1,0,.15V42.5a.28.28,0,0,1,0-.09Zm0,.17v0Zm0-.51v0Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M41.17,28.91V42.05a4.38,4.38,0,0,0,0,.52,3.54,3.54,0,0,0,1,2,.76.76,0,0,0,.09.09,3.6,3.6,0,0,0,4,.61,3.8,3.8,0,0,1-.33.37,4.7,4.7,0,0,1-8-2.52,4.88,4.88,0,0,1-.07-.85V28.65A4.68,4.68,0,0,1,42.72,24a4.79,4.79,0,0,1,1.46.23A4.68,4.68,0,0,1,47,26.8l-.17-.18a3.31,3.31,0,0,0-5.53,1.43l0,.12,0,.12A2.6,2.6,0,0,0,41.17,28.91Zm-10,0V42.05a2.94,2.94,0,0,0,.05.51h0a3.53,3.53,0,0,0,1,2l.09.09a3.26,3.26,0,0,0,.91.62,3.59,3.59,0,0,0,3.12,0,3.8,3.8,0,0,1-.33.37,4.69,4.69,0,0,1-7.94-2.51,5,5,0,0,1-.07-.86V28.64A4.68,4.68,0,0,1,32.72,24a4.62,4.62,0,0,1,1.47.24,4.73,4.73,0,0,1,2.2,1.54,4.82,4.82,0,0,1,.61,1,1,1,0,0,0-.17-.18,3.3,3.3,0,0,0-5.52,1.42.69.69,0,0,0,0,.13l0,.12A3.07,3.07,0,0,0,31.16,28.9Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><path d=\"M33,28a.08.08,0,0,1,0,0Z\" transform=\"translate(-0.5 -0.5)\" style=\"fill: #676a6c;\" /><circle id=\"circle\" cx=\"35\" cy=\"35\" r=\"32.5\" style=\"fill: none; stroke: #676a6c; stroke-width: 5px;\" /></svg>\n      <!-- eslint-enable -->\n    </div>\n  </div>\n</template>\n\n<style module>\n  @layer utilities {\n    @keyframes loading {\n      from {\n        stroke-dashoffset: 250;\n        transform: rotate3d(0, 0, 1, -360deg);\n      }\n\n      to {\n        stroke-dashoffset: 40;\n        transform: rotate3d(0, 0, 1, 0deg);\n      }\n    }\n\n    .spinner {\n      width: 48px;\n\n      svg {\n        display: block;\n        transform-origin: 50% 50%;\n        width: 100%;\n      }\n\n      circle {\n        animation: loading 1.5s ease-in-out alternate infinite;\n        stroke-dasharray: 250;\n        transform-origin: center center;\n      }\n    }\n  }\n</style>\n"],"names":["classes","useCssModule"],"mappings":";;;;;;;;;AAOE,UAAMA,IAAUC,EAAA;;;;;;;;;;;;;;;"}

package/dist/Logo.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js";
+import { _ as f } from "./Logo.vue_vue_type_script_setup_true_lang-DghNC_k6.js";
 export {
   f as default
 };

package/dist/{Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js → Logo.vue_vue_type_script_setup_true_lang-DghNC_k6.js}

@@ -181,8 +181,8 @@ const G = { render: z }, U = /* @__PURE__ */ s({
         `stash-logo--${l.variant}`,
         `stash-logo--${l.color}`,
         {
-          "tw-text-purple-500": l.color === "purple",
-          "tw-text-white": l.color === "white"
+          "text-purple-500": l.color === "purple",
+          "text-white": l.color === "white"
         }
       ]],
       "data-test": "stash-logo",
@@ -193,4 +193,4 @@ const G = { render: z }, U = /* @__PURE__ */ s({
 export {
   U as _
 };
-//# sourceMappingURL=Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js.map
+//# sourceMappingURL=Logo.vue_vue_type_script_setup_true_lang-DghNC_k6.js.map

package/dist/{Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js.map → Logo.vue_vue_type_script_setup_true_lang-DghNC_k6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js","sources":["../assets/logos/direct-pay-lockup.svg","../assets/logos/flex-pay-lockup.svg","../assets/logos/leaflink-brandmark.svg","../assets/logos/leaflink-lockup.svg","../assets/logos/marketplace-brandmark.svg","../assets/logos/payments-brandmark.svg","../assets/logos/payments-lockup.svg","../assets/logos/post-lockup.svg","../src/components/Logo/Logo.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 107 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6.746 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4h-12Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.263-.646-.601-.75-.973-.302-1.658-.964-1.933-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.92 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.473 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M28.746 16.832h3.803c2.782 0 4.39-2.076 4.39-4.811 0-2.749-1.608-4.853-4.39-4.853h-3.803v9.664Zm2.195-1.922V9.09h1.608c1.44 0 2.18 1.416 2.18 2.931 0 1.5-.74 2.89-2.18 2.89H30.94ZM38.63 16.832h2.195V7.168H38.63v9.664ZM47.905 16.832h2.558l-2.488-3.52c1.551-.393 2.264-1.585 2.264-2.946 0-1.599-1.006-3.198-3.243-3.198h-3.942v9.664h2.195v-3.394h.433l2.223 3.394ZM45.249 9.09h1.453c.895 0 1.329.687 1.329 1.332s-.42 1.276-1.384 1.276h-1.398V9.09ZM54.218 14.91V13.06h3.495V11.08h-3.495V9.09h3.984V7.168h-6.179v9.664h6.305V14.91h-4.11ZM64.262 17a4.898 4.898 0 0 0 4.054-2.146l-1.706-1.192c-.503.785-1.244 1.262-2.264 1.262-1.65 0-2.768-1.346-2.768-2.945 0-1.599 1.16-2.903 2.782-2.903 1.006 0 1.747.477 2.25 1.262l1.706-1.192A4.899 4.899 0 0 0 64.262 7c-2.712 0-4.893 2.258-4.893 4.979 0 2.749 2.18 5.021 4.893 5.021ZM76.216 7.168h-7.283V9.09h2.544v7.742h2.195V9.09h2.544V7.168ZM85.39 7.168h-3.97v9.664h2.195V13.55h1.776c2.236 0 3.243-1.571 3.243-3.184 0-1.599-1.007-3.198-3.243-3.198Zm-.097 4.46h-1.678V9.09h1.692c.81 0 1.118.659 1.118 1.276s-.308 1.262-1.132 1.262ZM95.526 16.832h2.335L94.31 7.168h-2.39l-3.566 9.664h2.349l.713-2.244h3.383l.727 2.244Zm-3.509-4.152 1.077-3.38 1.09 3.38h-2.167ZM103.758 7.168l-2.265 3.563-2.222-3.563h-2.615l3.747 5.302v4.362h2.209v-4.32l3.76-5.344h-2.614Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 89 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.932-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.919 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.474 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M34.08 9.09V7.168H28v9.664h2.19V13.03h3.08v-1.908h-3.08V9.09h3.89ZM35.639 16.832h5.716V14.91h-3.527V7.168h-2.19v9.664ZM44.922 14.91V13.06h3.486V11.08h-3.486V9.09h3.974V7.168h-6.163v9.664h6.288V14.91h-4.1ZM58.978 16.832l-3.333-5.148 3.04-4.516h-2.621l-1.715 2.763-1.687-2.763h-2.65l3.026 4.516-3.304 5.148h2.565l2.05-3.394 2.05 3.394h2.579ZM67.82 7.168h-3.96v9.664h2.19V13.55h1.77c2.23 0 3.235-1.571 3.235-3.184 0-1.599-1.004-3.198-3.235-3.198Zm-.098 4.46H66.05V9.09h1.687c.809 0 1.116.659 1.116 1.276s-.307 1.262-1.13 1.262ZM77.929 16.832h2.328l-3.541-9.664H74.33l-3.555 9.664h2.342l.711-2.244h3.375l.725 2.244Zm-3.5-4.152 1.074-3.38 1.087 3.38H74.43ZM86.139 7.168l-2.259 3.563-2.217-3.563h-2.607l3.737 5.302v4.362h2.203v-4.32l3.75-5.344H86.14Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  viewBox: \"0 0 29 24\",\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", { d: \"M7.219 18.834v-4.518L0 23.633h4.195l3.092-3.99a4.956 4.956 0 0 1-.068-.81ZM14.74 22.248a3.8 3.8 0 0 1-2.657-1.094 3.68 3.68 0 0 1-1.097-2.621c0-.03.01-11.764.01-13.665.003-1.747 1.502-3.334 3.442-3.334.87 0 1.706.324 2.343.906A4.876 4.876 0 0 0 14.408.41a4.971 4.971 0 0 0-3.139-.193 4.902 4.902 0 0 0-2.61 1.726 4.771 4.771 0 0 0-1.007 2.932v13.942c0 2.522 2.11 4.803 4.9 4.803a4.904 4.904 0 0 0 2.834-.887c.345-.238.658-.517.932-.831a3.753 3.753 0 0 1-1.578.347Z\" }, null, -1),\n    _createElementVNode(\"path\", { d: \"M18.023 18.823v-4.518l-4.23 5.429c-.219.282-.53.48-.883.562-.351.081-.72.04-1.044-.117.265.46.641.848 1.094 1.132a3.338 3.338 0 0 0 3.073.248c.494-.207.929-.53 1.267-.941l.788-1.008a4.672 4.672 0 0 1-.065-.787ZM25.55 22.248a3.799 3.799 0 0 1-2.657-1.094 3.679 3.679 0 0 1-1.096-2.621l.01-13.665c0-1.746 1.5-3.33 3.441-3.33.868 0 1.703.325 2.338.907A4.875 4.875 0 0 0 25.216.414 4.971 4.971 0 0 0 22.077.22a4.902 4.902 0 0 0-2.61 1.723 4.77 4.77 0 0 0-1.01 2.931v13.942c0 2.522 2.111 4.803 4.9 4.803a4.904 4.904 0 0 0 2.835-.887c.345-.238.658-.517.932-.831a3.756 3.756 0 0 1-1.574.347Z\" }, null, -1),\n    _createElementVNode(\"path\", { d: \"m26.12 17.75-1.523 1.983c-.219.282-.53.48-.881.562-.352.081-.72.04-1.044-.116.266.46.642.848 1.095 1.132a3.339 3.339 0 0 0 3.073.248c.494-.207.929-.53 1.268-.941l.67-.865-2.657-2.003ZM25.243 1.989c-.547 0-1.084.147-1.553.425a2.99 2.99 0 0 0-1.11 1.15 1.58 1.58 0 0 1 1.973.31 1.52 1.52 0 0 1 .044 1.966L22.23 8.897v5.399l5.02-6.459a4.711 4.711 0 0 0 1.01-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.119-.854ZM14.438 1.989a3.055 3.055 0 0 0-1.551.426 2.99 2.99 0 0 0-1.108 1.15 1.58 1.58 0 0 1 1.97.312 1.52 1.52 0 0 1 .044 1.963l-2.368 3.057v5.399l5.019-6.459a4.713 4.713 0 0 0 1.008-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.117-.854Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 139 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createStaticVNode(\"<g clip-path=\\\"url(#logo_leaflink_lockup)\\\"><path d=\\\"M35.265.068h3.883V23.64h-3.883V.068ZM57.586 16.946H45.493c.433 2.143 2.11 3.232 4.422 3.232 1.708 0 3.316-.66 4.254-1.912l2.58 1.945c-1.44 2.242-4.188 3.429-7.036 3.429-4.689 0-8.24-3.231-8.24-8.045 0-4.912 3.752-8.013 8.207-8.013 4.49 0 8.007 3.069 8.007 7.88-.005.496-.038.992-.1 1.484Zm-3.786-2.67c-.234-2.11-1.876-3.33-4.053-3.33-2.11 0-3.785.989-4.254 3.33H53.8ZM76.628 7.913V23.64H72.74v-2.407c-1.071 1.648-3.282 2.407-5.196 2.407-4.12 0-7.709-3.132-7.709-8.045 0-4.944 3.552-8.013 7.672-8.013 1.977 0 4.158.759 5.226 2.374V7.91l3.894.003Zm-3.953 7.649c0-2.704-2.278-4.418-4.522-4.418-2.412 0-4.389 1.846-4.389 4.418s1.977 4.484 4.389 4.484c2.378 0 4.522-1.78 4.522-4.484ZM83.997 6.891v1.352h3.484v3.069h-3.484V23.64h-3.882V7.089C80.115 2.67 82.255 0 86.61 0h1.843l-1.072 3.56c-2.647 0-3.418 1.451-3.384 3.331ZM91.182.07h3.886v23.57h-3.886V.07ZM97.993 2.803c0-1.352 1.172-2.341 2.546-2.341 1.407 0 2.512.989 2.512 2.34 0 1.32-1.105 2.342-2.512 2.342-1.37 0-2.546-1.023-2.546-2.341Zm.606 5.44h3.886v15.396h-3.886V8.243ZM120.934 15.003v8.637h-3.885v-8.276c0-2.44-1.508-3.693-3.25-3.693-1.776 0-3.984.957-3.984 3.922v8.044h-3.891V8.243h3.886v2.44c.803-1.913 3.249-2.77 4.857-2.77 4.023 0 6.267 2.604 6.267 7.09ZM134.073 23.64l-6.098-6.99v6.99h-3.885V.068h3.885v13.087l4.489-4.912h5.059l-6.365 6.726 7.838 8.67h-4.923ZM7.219 18.834v-4.518L0 23.633h4.195l3.092-3.99a4.956 4.956 0 0 1-.068-.81ZM14.74 22.248a3.8 3.8 0 0 1-2.657-1.094 3.68 3.68 0 0 1-1.097-2.621c0-.03.01-11.764.01-13.665.003-1.747 1.502-3.334 3.442-3.334.87 0 1.706.324 2.343.906A4.876 4.876 0 0 0 14.408.41a4.971 4.971 0 0 0-3.139-.193 4.902 4.902 0 0 0-2.61 1.726 4.771 4.771 0 0 0-1.007 2.932v13.942c0 2.522 2.11 4.803 4.9 4.803a4.903 4.903 0 0 0 2.834-.887c.345-.238.658-.517.932-.831a3.753 3.753 0 0 1-1.578.347Z\\\"></path><path d=\\\"M18.023 18.823v-4.518l-4.23 5.429c-.219.282-.53.48-.883.562-.351.081-.72.04-1.044-.117.265.46.641.848 1.094 1.132a3.338 3.338 0 0 0 3.073.248c.494-.207.929-.53 1.267-.941l.788-1.008a4.672 4.672 0 0 1-.065-.787ZM25.55 22.248a3.799 3.799 0 0 1-2.657-1.094 3.679 3.679 0 0 1-1.096-2.621l.01-13.665c0-1.746 1.5-3.33 3.441-3.33.868 0 1.703.325 2.338.907A4.875 4.875 0 0 0 25.216.414 4.971 4.971 0 0 0 22.077.22a4.902 4.902 0 0 0-2.61 1.723 4.77 4.77 0 0 0-1.01 2.931v13.942c0 2.522 2.111 4.803 4.9 4.803a4.904 4.904 0 0 0 2.835-.887c.345-.238.658-.517.932-.831a3.756 3.756 0 0 1-1.574.347Z\\\"></path><path d=\\\"m26.12 17.75-1.523 1.983c-.219.282-.53.48-.881.562-.352.081-.72.04-1.044-.116.266.46.642.848 1.095 1.132a3.339 3.339 0 0 0 3.073.248c.494-.207.929-.53 1.268-.941l.67-.865-2.657-2.003ZM25.243 1.989c-.547 0-1.084.147-1.553.425a2.99 2.99 0 0 0-1.11 1.15 1.58 1.58 0 0 1 1.973.31 1.52 1.52 0 0 1 .044 1.966L22.23 8.897v5.399l5.02-6.459a4.711 4.711 0 0 0 1.01-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.119-.854ZM14.438 1.989a3.055 3.055 0 0 0-1.551.426 2.99 2.99 0 0 0-1.108 1.15 1.58 1.58 0 0 1 1.97.312 1.52 1.52 0 0 1 .044 1.963l-2.368 3.057v5.399l5.019-6.459a4.713 4.713 0 0 0 1.008-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.117-.854Z\\\"></path></g><defs><clipPath id=\\\"logo_leaflink_lockup\\\"><path fill=\\\"#fff\\\" d=\\\"M0 0h139v23.64H0z\\\"></path></clipPath></defs>\", 2)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm9.308 13.322V8.655a1.486 1.486 0 0 1 .027-.31 1.687 1.687 0 0 1 1.245-1.29 1.703 1.703 0 0 1 1.622.44l.035.037c.018.018.036.037.052.056a2.39 2.39 0 0 0-1.44-1.304 2.386 2.386 0 0 0-.749-.117 2.385 2.385 0 0 0-2.41 2.357v6.903a2.389 2.389 0 0 0 1.676 2.294 2.416 2.416 0 0 0 2.591-.773 1.85 1.85 0 0 1-2.108-.353 1.805 1.805 0 0 1-.517-1.01 2.54 2.54 0 0 1-.024-.263ZM12.6 10.164l-2.108 2.748-.227.296v-2.669l1.08-1.415c.047-.061.09-.126.126-.195.213-.415.131-.827-.21-1.048a.771.771 0 0 0-.694-.074l.015-.02.038-.047.021-.025a.669.669 0 0 1 .045-.05l.02-.019a1.485 1.485 0 0 1 2.438.543c.064.178.093.366.086.554a2.364 2.364 0 0 1-.61 1.398l-.02.023Zm-5.857 7.67 1.51-1.986a2.514 2.514 0 0 1-.031-.424v-2.203l-3.513 4.612h2.034Zm6.51-1.63.256-.35a4.485 4.485 0 0 1-.012-.077l-.011-.073v-.07l-.004-.034c-.003-.014-.003-.029-.003-.043v-2.319l-.131.179-.385.522c-.593.803-1.348 1.807-1.574 2.033a.778.778 0 0 1-.897.144.798.798 0 0 0 .055.087.953.953 0 0 0 .092.126c.01.014.02.026.032.039l.004.004.034.037.037.038a1.588 1.588 0 0 0 .454.317 1.642 1.642 0 0 0 2.003-.492l.04-.053.01-.014Zm5.236-7.458v-.004a1.465 1.465 0 0 0-.437-1.094 1.49 1.49 0 0 0-1.867-.185l-.059.043a1.473 1.473 0 0 0-.167.143l-.006.006c-.02.02-.04.04-.057.06l-.021.026-.038.047-.014.019a.774.774 0 0 1 .698.074c.34.221.422.633.209 1.048a1.308 1.308 0 0 1-.128.195l-1.077 1.415v2.669l.225-.296 2.115-2.755a2.367 2.367 0 0 0 .624-1.411Zm.22 7.181-.203.278-.012.016a1.367 1.367 0 0 1-.03.042l-.007.009a.101.101 0 0 1-.01.016l-.02.023-.04.05-.01.012a1.04 1.04 0 0 1-.068.076 1.646 1.646 0 0 1-2.274.035l-.006-.004-.006-.006a1.696 1.696 0 0 1-.292-.364l.003.003c.002 0 .003 0 .004.002l.003.001a.786.786 0 0 0 .898-.144c.114-.114.372-.436.77-.958l1.3.913Zm-8.656-7.273v6.666c0 .086.007.172.022.258v.006a1.805 1.805 0 0 0 .565 1.055 1.86 1.86 0 0 0 2.063.308 2.42 2.42 0 0 1-3.566.187 2.355 2.355 0 0 1-.702-1.706V8.522a2.388 2.388 0 0 1 2.412-2.355c.256-.001.51.04.752.12.443.147.834.42 1.125.782.127.16.233.335.314.52a1.703 1.703 0 0 0-1.707-.53c-.58.149-1.038.59-1.204 1.162a.684.684 0 0 0-.04.126c-.023.1-.034.204-.034.307Z\"\n    }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.932-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.919 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.474 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 164 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.932-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.919 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.474 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M28 16.832h5.772V14.91H30.21V7.168H28v9.664ZM37.372 14.91V13.06h3.52V11.08h-3.52V9.09h4.012V7.168h-6.222v9.664h6.349V14.91h-4.139ZM49.31 16.832h2.351l-3.575-9.664h-2.407l-3.59 9.664h2.365l.718-2.244h3.407l.732 2.244Zm-3.533-4.152 1.084-3.38 1.098 3.38h-2.182ZM58.785 9.09V7.168h-6.137v9.664h2.21V13.03h3.111v-1.908h-3.11V9.09h3.926ZM60.36 16.832h5.771V14.91H62.57V7.168h-2.21v9.664ZM67.522 16.832h2.21V7.168h-2.21v9.664ZM77.1 7.168v5.484l-3.097-5.484h-2.027v9.664h2.21v-5.554l3.181 5.554h1.943V7.168H77.1ZM89.427 16.832 85.67 11.95l3.223-4.783H86.26l-2.52 3.9v-3.9h-2.21v9.664h2.21v-3.787l2.858 3.787h2.83ZM97.185 7.168h-3.998v9.664h2.21V13.55h1.788c2.252 0 3.266-1.571 3.266-3.184 0-1.599-1.014-3.198-3.266-3.198Zm-.098 4.46h-1.69V9.09h1.704c.816 0 1.126.659 1.126 1.276s-.31 1.262-1.14 1.262ZM107.391 16.832h2.351l-3.576-9.664h-2.407l-3.589 9.664h2.364l.718-2.244h3.407l.732 2.244Zm-3.533-4.152 1.084-3.38 1.098 3.38h-2.182ZM115.68 7.168l-2.281 3.563-2.238-3.563h-2.632l3.772 5.302v4.362h2.225v-4.32l3.786-5.344h-2.632ZM130.237 16.832l-1.182-9.664h-1.887l-2.787 6.045-2.829-6.045h-1.844l-1.197 9.664h2.267l.647-5.484 2.112 4.376h1.689l2.111-4.39.634 5.498h2.266ZM134.163 14.91V13.06h3.52V11.08h-3.52V9.09h4.012V7.168h-6.222v9.664h6.349V14.91h-4.139ZM145.229 7.168v5.484l-3.097-5.484h-2.027v9.664h2.21v-5.554l3.182 5.554h1.942V7.168h-2.21ZM156.163 7.168h-7.334V9.09h2.562v7.742h2.21V9.09h2.562V7.168ZM160.425 17c1.773 0 3.575-.926 3.575-3.001 0-1.754-1.408-2.469-2.787-2.89l-1.014-.308c-.901-.253-.957-.687-.957-.884 0-.533.451-.996 1.14-.996.76 0 1.112.491 1.112 1.066h2.21c0-1.879-1.421-2.987-3.279-2.987-1.929 0-3.421 1.22-3.421 2.96 0 .911.408 2.215 2.548 2.79l1.154.351c.859.28 1.07.631 1.07 1.01 0 .63-.549.996-1.267.996-.76 0-1.38-.477-1.38-1.094h-2.21c0 1.78 1.436 2.987 3.506 2.987Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 60 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6.373 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4h-12Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.937 2.313-2.244 2.63-.342.083-.615.368-.615.72v.18a.496.496 0 0 1-.991 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.933-1.782-.154-.457.254-.855.736-.855.486 0 .856.437 1.162.815.265.328.708.54 1.293.54.919 0 1.429-.539 1.429-1.195 0-.51-.365-.933-1.225-1.167l-1.137-.32c-1.984-.51-2.334-1.707-2.334-2.48 0-1.234.86-2.154 2.035-2.512.323-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .991 0v.174c0 .34.26.62.588.714.941.269 1.618.91 1.87 1.779.134.457-.272.847-.749.847-.474 0-.828-.424-1.134-.793l-.03-.036c-.23-.275-.592-.44-1.04-.44-.774 0-1.328.482-1.328 1.124 0 .262.073.772 1.05 1.035l1.065.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M59.12 7.177v1.722h-2.66v7.924h-1.947V8.899h-2.66V7.177h7.267ZM47.718 16.991c-2.058 0-3.472-1.274-3.472-2.968h1.946c.014.686.686 1.26 1.582 1.26.868 0 1.442-.476 1.442-1.162 0-.532-.392-.91-1.218-1.162l-1.176-.336c-2.114-.56-2.492-1.834-2.492-2.702 0-1.722 1.484-2.912 3.332-2.912 1.82 0 3.22 1.106 3.22 2.94h-1.946c0-.686-.476-1.218-1.316-1.218-.756 0-1.33.504-1.33 1.148 0 .238.07.742 1.078 1.022l1.078.308c1.456.406 2.73 1.176 2.73 2.814 0 1.918-1.638 2.968-3.458 2.968ZM39.582 16.991c-1.862 0-3.514-1.372-3.514-3.43 0-2.072 1.652-3.444 3.514-3.444 1.862 0 3.514 1.372 3.514 3.444 0 2.058-1.652 3.43-3.514 3.43Zm0-1.708c.91 0 1.652-.714 1.652-1.722 0-1.022-.742-1.736-1.652-1.736-.91 0-1.652.714-1.652 1.736 0 1.008.742 1.722 1.652 1.722ZM32.307 7.177c2.184 0 3.15 1.568 3.15 3.15 0 1.582-.966 3.122-3.15 3.122h-1.988v3.374h-1.946V7.177h3.934Zm-.098 4.564c.938 0 1.288-.728 1.288-1.414 0-.7-.35-1.428-1.26-1.428h-1.918v2.842h1.89Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","<script lang=\"ts\" setup>\n  import logger from '@leaflink/snitch';\n  import { computed } from 'vue';\n\n  import DirectPayLockup from './../../../assets/logos/direct-pay-lockup.svg';\n  import FlexPayLockup from './../../../assets/logos/flex-pay-lockup.svg';\n  import LeafLinkBrandmark from './../../../assets/logos/leaflink-brandmark.svg';\n  import LeafLinkLockup from './../../../assets/logos/leaflink-lockup.svg';\n  import MarketplaceBrandmark from './../../../assets/logos/marketplace-brandmark.svg';\n  import PaymentsBrandmark from './../../../assets/logos/payments-brandmark.svg';\n  import PaymentsLockup from './../../../assets/logos/payments-lockup.svg';\n  import PostLockup from './../../../assets/logos/post-lockup.svg';\n\n  export interface LogoProps {\n    /**\n     * brand to use for the logo. This, along with variant, will determine which logo to display.\n     */\n    brand?: 'leaflink' | 'payments' | 'marketplace' | 'flex-pay' | 'direct-pay' | 'post';\n\n    /**\n     * What color the logo should be.\n     */\n    color?: 'purple' | 'white';\n\n    /**\n     * Which variant of the logo to display.\n     */\n    variant?: 'lockup' | 'brandmark';\n\n    /**\n     * Width of the logo.\n     */\n    width?: string | number;\n\n    /**\n     * Height of the logo.\n     */\n    height?: string | number;\n  }\n\n  const props = withDefaults(defineProps<LogoProps>(), {\n    brand: 'leaflink',\n    color: 'purple',\n    variant: 'lockup',\n    width: undefined,\n    height: undefined,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Fires when an invalid brand and variant combination is provided.\n     */\n    (e: 'error', msg: string): void;\n  }>();\n\n  const DEFAULT_LOGO_ATTRS = {\n    LeafLinkLockup: {\n      is: LeafLinkLockup,\n      width: 139,\n      height: 24,\n    },\n    PaymentsLockup: {\n      is: PaymentsLockup,\n      width: 164,\n      height: 24,\n    },\n    LeafLinkBrandmark: {\n      is: LeafLinkBrandmark,\n      width: 29,\n      height: 24,\n    },\n    MarketplaceBrandmark: {\n      is: MarketplaceBrandmark,\n      width: 24,\n      height: 24,\n    },\n    PaymentsBrandmark: {\n      is: PaymentsBrandmark,\n      width: 24,\n      height: 24,\n    },\n    DirectPayLockup: {\n      is: DirectPayLockup,\n      width: 107,\n      height: 24,\n    },\n    FlexPayLockup: {\n      is: FlexPayLockup,\n      width: 89,\n      height: 24,\n    },\n    PostLockup: {\n      is: PostLockup,\n      width: 60,\n      height: 24,\n    },\n  };\n\n  // Determine which logo to display based on brand and variant & set default sizes for convenience unless explicitly set.\n  // Note: Setting default width or height on the SVG element itself will not allow the SVG to scale up above those values.\n  const computedLogoAttrs = computed<{ is: string; width: number; height: number }>(() => {\n    let attrs;\n\n    if (props.brand === 'leaflink' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['LeafLinkLockup'];\n    }\n\n    if (props.brand === 'leaflink' && props.variant === 'brandmark') {\n      attrs = DEFAULT_LOGO_ATTRS['LeafLinkBrandmark'];\n    }\n\n    if (props.brand === 'marketplace' && props.variant === 'brandmark') {\n      attrs = DEFAULT_LOGO_ATTRS['MarketplaceBrandmark'];\n    }\n\n    if (props.brand === 'payments' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['PaymentsLockup'];\n    }\n\n    if (props.brand === 'direct-pay' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['DirectPayLockup'];\n    }\n\n    if (props.brand === 'flex-pay' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['FlexPayLockup'];\n    }\n\n    if (props.brand === 'post' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['PostLockup'];\n    }\n\n    if (['payments', 'direct-pay', 'flex-pay', 'post'].includes(props.brand) && props.variant === 'brandmark') {\n      attrs = DEFAULT_LOGO_ATTRS['PaymentsBrandmark'];\n    }\n\n    if (!attrs) {\n      const msg = `Invalid brand and variant combination. There's no ${props.brand.replace(\n        '-',\n        ' ',\n      )} ${props.variant.replace('-', ' ')} logo.`;\n      logger.error(msg);\n      emit('error', msg);\n\n      return;\n    }\n\n    // If width or height is explicitly set, override the default values but do it individually.\n    // SVG's will always maintain their aspect ratio, so setting one will scale the other accordingly, so if a user\n    // sends in even ONE of these props, we want to make sure we delete both defaults so the SVG can scale in the\n    // expected way.\n    if (props.width || props.height) {\n      delete attrs.width;\n      delete attrs.height;\n      if (props.width) {\n        attrs.width = props.width;\n      }\n      if (props.height) {\n        attrs.height = props.height;\n      }\n    }\n\n    return attrs;\n  });\n</script>\n\n<template>\n  <component\n    :is=\"computedLogoAttrs.is\"\n    v-if=\"computedLogoAttrs\"\n    class=\"stash-logo\"\n    :class=\"[\n      `stash-logo--${props.brand}`,\n      `stash-logo--${props.variant}`,\n      `stash-logo--${props.color}`,\n      {\n        'tw-text-purple-500': props.color === 'purple',\n        'tw-text-white': props.color === 'white',\n      },\n    ]\"\n    data-test=\"stash-logo\"\n    fill=\"currentColor\"\n    v-bind=\"computedLogoAttrs\"\n  />\n</template>\n"],"names":["_hoisted_1","render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","DirectPayLockup","FlexPayLockup","LeafLinkBrandmark","_createStaticVNode","LeafLinkLockup","MarketplaceBrandmark","PaymentsBrandmark","PaymentsLockup","PostLockup","props","__props","emit","__emit","DEFAULT_LOGO_ATTRS","computedLogoAttrs","computed","attrs","msg","logger"],"mappings":"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"}
+{"version":3,"file":"Logo.vue_vue_type_script_setup_true_lang-DghNC_k6.js","sources":["../assets/logos/direct-pay-lockup.svg","../assets/logos/flex-pay-lockup.svg","../assets/logos/leaflink-brandmark.svg","../assets/logos/leaflink-lockup.svg","../assets/logos/marketplace-brandmark.svg","../assets/logos/payments-brandmark.svg","../assets/logos/payments-lockup.svg","../assets/logos/post-lockup.svg","../src/components/Logo/Logo.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 107 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6.746 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4h-12Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.263-.646-.601-.75-.973-.302-1.658-.964-1.933-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.92 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.473 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M28.746 16.832h3.803c2.782 0 4.39-2.076 4.39-4.811 0-2.749-1.608-4.853-4.39-4.853h-3.803v9.664Zm2.195-1.922V9.09h1.608c1.44 0 2.18 1.416 2.18 2.931 0 1.5-.74 2.89-2.18 2.89H30.94ZM38.63 16.832h2.195V7.168H38.63v9.664ZM47.905 16.832h2.558l-2.488-3.52c1.551-.393 2.264-1.585 2.264-2.946 0-1.599-1.006-3.198-3.243-3.198h-3.942v9.664h2.195v-3.394h.433l2.223 3.394ZM45.249 9.09h1.453c.895 0 1.329.687 1.329 1.332s-.42 1.276-1.384 1.276h-1.398V9.09ZM54.218 14.91V13.06h3.495V11.08h-3.495V9.09h3.984V7.168h-6.179v9.664h6.305V14.91h-4.11ZM64.262 17a4.898 4.898 0 0 0 4.054-2.146l-1.706-1.192c-.503.785-1.244 1.262-2.264 1.262-1.65 0-2.768-1.346-2.768-2.945 0-1.599 1.16-2.903 2.782-2.903 1.006 0 1.747.477 2.25 1.262l1.706-1.192A4.899 4.899 0 0 0 64.262 7c-2.712 0-4.893 2.258-4.893 4.979 0 2.749 2.18 5.021 4.893 5.021ZM76.216 7.168h-7.283V9.09h2.544v7.742h2.195V9.09h2.544V7.168ZM85.39 7.168h-3.97v9.664h2.195V13.55h1.776c2.236 0 3.243-1.571 3.243-3.184 0-1.599-1.007-3.198-3.243-3.198Zm-.097 4.46h-1.678V9.09h1.692c.81 0 1.118.659 1.118 1.276s-.308 1.262-1.132 1.262ZM95.526 16.832h2.335L94.31 7.168h-2.39l-3.566 9.664h2.349l.713-2.244h3.383l.727 2.244Zm-3.509-4.152 1.077-3.38 1.09 3.38h-2.167ZM103.758 7.168l-2.265 3.563-2.222-3.563h-2.615l3.747 5.302v4.362h2.209v-4.32l3.76-5.344h-2.614Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 89 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.932-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.919 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.474 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M34.08 9.09V7.168H28v9.664h2.19V13.03h3.08v-1.908h-3.08V9.09h3.89ZM35.639 16.832h5.716V14.91h-3.527V7.168h-2.19v9.664ZM44.922 14.91V13.06h3.486V11.08h-3.486V9.09h3.974V7.168h-6.163v9.664h6.288V14.91h-4.1ZM58.978 16.832l-3.333-5.148 3.04-4.516h-2.621l-1.715 2.763-1.687-2.763h-2.65l3.026 4.516-3.304 5.148h2.565l2.05-3.394 2.05 3.394h2.579ZM67.82 7.168h-3.96v9.664h2.19V13.55h1.77c2.23 0 3.235-1.571 3.235-3.184 0-1.599-1.004-3.198-3.235-3.198Zm-.098 4.46H66.05V9.09h1.687c.809 0 1.116.659 1.116 1.276s-.307 1.262-1.13 1.262ZM77.929 16.832h2.328l-3.541-9.664H74.33l-3.555 9.664h2.342l.711-2.244h3.375l.725 2.244Zm-3.5-4.152 1.074-3.38 1.087 3.38H74.43ZM86.139 7.168l-2.259 3.563-2.217-3.563h-2.607l3.737 5.302v4.362h2.203v-4.32l3.75-5.344H86.14Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  viewBox: \"0 0 29 24\",\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", { d: \"M7.219 18.834v-4.518L0 23.633h4.195l3.092-3.99a4.956 4.956 0 0 1-.068-.81ZM14.74 22.248a3.8 3.8 0 0 1-2.657-1.094 3.68 3.68 0 0 1-1.097-2.621c0-.03.01-11.764.01-13.665.003-1.747 1.502-3.334 3.442-3.334.87 0 1.706.324 2.343.906A4.876 4.876 0 0 0 14.408.41a4.971 4.971 0 0 0-3.139-.193 4.902 4.902 0 0 0-2.61 1.726 4.771 4.771 0 0 0-1.007 2.932v13.942c0 2.522 2.11 4.803 4.9 4.803a4.904 4.904 0 0 0 2.834-.887c.345-.238.658-.517.932-.831a3.753 3.753 0 0 1-1.578.347Z\" }, null, -1),\n    _createElementVNode(\"path\", { d: \"M18.023 18.823v-4.518l-4.23 5.429c-.219.282-.53.48-.883.562-.351.081-.72.04-1.044-.117.265.46.641.848 1.094 1.132a3.338 3.338 0 0 0 3.073.248c.494-.207.929-.53 1.267-.941l.788-1.008a4.672 4.672 0 0 1-.065-.787ZM25.55 22.248a3.799 3.799 0 0 1-2.657-1.094 3.679 3.679 0 0 1-1.096-2.621l.01-13.665c0-1.746 1.5-3.33 3.441-3.33.868 0 1.703.325 2.338.907A4.875 4.875 0 0 0 25.216.414 4.971 4.971 0 0 0 22.077.22a4.902 4.902 0 0 0-2.61 1.723 4.77 4.77 0 0 0-1.01 2.931v13.942c0 2.522 2.111 4.803 4.9 4.803a4.904 4.904 0 0 0 2.835-.887c.345-.238.658-.517.932-.831a3.756 3.756 0 0 1-1.574.347Z\" }, null, -1),\n    _createElementVNode(\"path\", { d: \"m26.12 17.75-1.523 1.983c-.219.282-.53.48-.881.562-.352.081-.72.04-1.044-.116.266.46.642.848 1.095 1.132a3.339 3.339 0 0 0 3.073.248c.494-.207.929-.53 1.268-.941l.67-.865-2.657-2.003ZM25.243 1.989c-.547 0-1.084.147-1.553.425a2.99 2.99 0 0 0-1.11 1.15 1.58 1.58 0 0 1 1.973.31 1.52 1.52 0 0 1 .044 1.966L22.23 8.897v5.399l5.02-6.459a4.711 4.711 0 0 0 1.01-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.119-.854ZM14.438 1.989a3.055 3.055 0 0 0-1.551.426 2.99 2.99 0 0 0-1.108 1.15 1.58 1.58 0 0 1 1.97.312 1.52 1.52 0 0 1 .044 1.963l-2.368 3.057v5.399l5.019-6.459a4.713 4.713 0 0 0 1.008-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.117-.854Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 139 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createStaticVNode(\"<g clip-path=\\\"url(#logo_leaflink_lockup)\\\"><path d=\\\"M35.265.068h3.883V23.64h-3.883V.068ZM57.586 16.946H45.493c.433 2.143 2.11 3.232 4.422 3.232 1.708 0 3.316-.66 4.254-1.912l2.58 1.945c-1.44 2.242-4.188 3.429-7.036 3.429-4.689 0-8.24-3.231-8.24-8.045 0-4.912 3.752-8.013 8.207-8.013 4.49 0 8.007 3.069 8.007 7.88-.005.496-.038.992-.1 1.484Zm-3.786-2.67c-.234-2.11-1.876-3.33-4.053-3.33-2.11 0-3.785.989-4.254 3.33H53.8ZM76.628 7.913V23.64H72.74v-2.407c-1.071 1.648-3.282 2.407-5.196 2.407-4.12 0-7.709-3.132-7.709-8.045 0-4.944 3.552-8.013 7.672-8.013 1.977 0 4.158.759 5.226 2.374V7.91l3.894.003Zm-3.953 7.649c0-2.704-2.278-4.418-4.522-4.418-2.412 0-4.389 1.846-4.389 4.418s1.977 4.484 4.389 4.484c2.378 0 4.522-1.78 4.522-4.484ZM83.997 6.891v1.352h3.484v3.069h-3.484V23.64h-3.882V7.089C80.115 2.67 82.255 0 86.61 0h1.843l-1.072 3.56c-2.647 0-3.418 1.451-3.384 3.331ZM91.182.07h3.886v23.57h-3.886V.07ZM97.993 2.803c0-1.352 1.172-2.341 2.546-2.341 1.407 0 2.512.989 2.512 2.34 0 1.32-1.105 2.342-2.512 2.342-1.37 0-2.546-1.023-2.546-2.341Zm.606 5.44h3.886v15.396h-3.886V8.243ZM120.934 15.003v8.637h-3.885v-8.276c0-2.44-1.508-3.693-3.25-3.693-1.776 0-3.984.957-3.984 3.922v8.044h-3.891V8.243h3.886v2.44c.803-1.913 3.249-2.77 4.857-2.77 4.023 0 6.267 2.604 6.267 7.09ZM134.073 23.64l-6.098-6.99v6.99h-3.885V.068h3.885v13.087l4.489-4.912h5.059l-6.365 6.726 7.838 8.67h-4.923ZM7.219 18.834v-4.518L0 23.633h4.195l3.092-3.99a4.956 4.956 0 0 1-.068-.81ZM14.74 22.248a3.8 3.8 0 0 1-2.657-1.094 3.68 3.68 0 0 1-1.097-2.621c0-.03.01-11.764.01-13.665.003-1.747 1.502-3.334 3.442-3.334.87 0 1.706.324 2.343.906A4.876 4.876 0 0 0 14.408.41a4.971 4.971 0 0 0-3.139-.193 4.902 4.902 0 0 0-2.61 1.726 4.771 4.771 0 0 0-1.007 2.932v13.942c0 2.522 2.11 4.803 4.9 4.803a4.903 4.903 0 0 0 2.834-.887c.345-.238.658-.517.932-.831a3.753 3.753 0 0 1-1.578.347Z\\\"></path><path d=\\\"M18.023 18.823v-4.518l-4.23 5.429c-.219.282-.53.48-.883.562-.351.081-.72.04-1.044-.117.265.46.641.848 1.094 1.132a3.338 3.338 0 0 0 3.073.248c.494-.207.929-.53 1.267-.941l.788-1.008a4.672 4.672 0 0 1-.065-.787ZM25.55 22.248a3.799 3.799 0 0 1-2.657-1.094 3.679 3.679 0 0 1-1.096-2.621l.01-13.665c0-1.746 1.5-3.33 3.441-3.33.868 0 1.703.325 2.338.907A4.875 4.875 0 0 0 25.216.414 4.971 4.971 0 0 0 22.077.22a4.902 4.902 0 0 0-2.61 1.723 4.77 4.77 0 0 0-1.01 2.931v13.942c0 2.522 2.111 4.803 4.9 4.803a4.904 4.904 0 0 0 2.835-.887c.345-.238.658-.517.932-.831a3.756 3.756 0 0 1-1.574.347Z\\\"></path><path d=\\\"m26.12 17.75-1.523 1.983c-.219.282-.53.48-.881.562-.352.081-.72.04-1.044-.116.266.46.642.848 1.095 1.132a3.339 3.339 0 0 0 3.073.248c.494-.207.929-.53 1.268-.941l.67-.865-2.657-2.003ZM25.243 1.989c-.547 0-1.084.147-1.553.425a2.99 2.99 0 0 0-1.11 1.15 1.58 1.58 0 0 1 1.973.31 1.52 1.52 0 0 1 .044 1.966L22.23 8.897v5.399l5.02-6.459a4.711 4.711 0 0 0 1.01-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.119-.854ZM14.438 1.989a3.055 3.055 0 0 0-1.551.426 2.99 2.99 0 0 0-1.108 1.15 1.58 1.58 0 0 1 1.97.312 1.52 1.52 0 0 1 .044 1.963l-2.368 3.057v5.399l5.019-6.459a4.713 4.713 0 0 0 1.008-2.921 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.117-.854Z\\\"></path></g><defs><clipPath id=\\\"logo_leaflink_lockup\\\"><path fill=\\\"#fff\\\" d=\\\"M0 0h139v23.64H0z\\\"></path></clipPath></defs>\", 2)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm9.308 13.322V8.655a1.486 1.486 0 0 1 .027-.31 1.687 1.687 0 0 1 1.245-1.29 1.703 1.703 0 0 1 1.622.44l.035.037c.018.018.036.037.052.056a2.39 2.39 0 0 0-1.44-1.304 2.386 2.386 0 0 0-.749-.117 2.385 2.385 0 0 0-2.41 2.357v6.903a2.389 2.389 0 0 0 1.676 2.294 2.416 2.416 0 0 0 2.591-.773 1.85 1.85 0 0 1-2.108-.353 1.805 1.805 0 0 1-.517-1.01 2.54 2.54 0 0 1-.024-.263ZM12.6 10.164l-2.108 2.748-.227.296v-2.669l1.08-1.415c.047-.061.09-.126.126-.195.213-.415.131-.827-.21-1.048a.771.771 0 0 0-.694-.074l.015-.02.038-.047.021-.025a.669.669 0 0 1 .045-.05l.02-.019a1.485 1.485 0 0 1 2.438.543c.064.178.093.366.086.554a2.364 2.364 0 0 1-.61 1.398l-.02.023Zm-5.857 7.67 1.51-1.986a2.514 2.514 0 0 1-.031-.424v-2.203l-3.513 4.612h2.034Zm6.51-1.63.256-.35a4.485 4.485 0 0 1-.012-.077l-.011-.073v-.07l-.004-.034c-.003-.014-.003-.029-.003-.043v-2.319l-.131.179-.385.522c-.593.803-1.348 1.807-1.574 2.033a.778.778 0 0 1-.897.144.798.798 0 0 0 .055.087.953.953 0 0 0 .092.126c.01.014.02.026.032.039l.004.004.034.037.037.038a1.588 1.588 0 0 0 .454.317 1.642 1.642 0 0 0 2.003-.492l.04-.053.01-.014Zm5.236-7.458v-.004a1.465 1.465 0 0 0-.437-1.094 1.49 1.49 0 0 0-1.867-.185l-.059.043a1.473 1.473 0 0 0-.167.143l-.006.006c-.02.02-.04.04-.057.06l-.021.026-.038.047-.014.019a.774.774 0 0 1 .698.074c.34.221.422.633.209 1.048a1.308 1.308 0 0 1-.128.195l-1.077 1.415v2.669l.225-.296 2.115-2.755a2.367 2.367 0 0 0 .624-1.411Zm.22 7.181-.203.278-.012.016a1.367 1.367 0 0 1-.03.042l-.007.009a.101.101 0 0 1-.01.016l-.02.023-.04.05-.01.012a1.04 1.04 0 0 1-.068.076 1.646 1.646 0 0 1-2.274.035l-.006-.004-.006-.006a1.696 1.696 0 0 1-.292-.364l.003.003c.002 0 .003 0 .004.002l.003.001a.786.786 0 0 0 .898-.144c.114-.114.372-.436.77-.958l1.3.913Zm-8.656-7.273v6.666c0 .086.007.172.022.258v.006a1.805 1.805 0 0 0 .565 1.055 1.86 1.86 0 0 0 2.063.308 2.42 2.42 0 0 1-3.566.187 2.355 2.355 0 0 1-.702-1.706V8.522a2.388 2.388 0 0 1 2.412-2.355c.256-.001.51.04.752.12.443.147.834.42 1.125.782.127.16.233.335.314.52a1.703 1.703 0 0 0-1.707-.53c-.58.149-1.038.59-1.204 1.162a.684.684 0 0 0-.04.126c-.023.1-.034.204-.034.307Z\"\n    }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.932-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.919 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.474 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 164 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.936 2.313-2.244 2.63-.342.083-.614.368-.614.72v.18a.496.496 0 0 1-.992 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.932-1.782-.154-.457.253-.855.736-.855.485 0 .856.437 1.161.815.265.328.708.54 1.293.54.919 0 1.43-.539 1.43-1.195 0-.51-.365-.933-1.226-1.167l-1.137-.32c-1.983-.51-2.333-1.707-2.333-2.48 0-1.234.86-2.154 2.034-2.512.324-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .992 0v.174c0 .34.26.62.587.714.941.269 1.618.91 1.871 1.779.133.457-.273.847-.75.847-.474 0-.827-.424-1.134-.793l-.03-.036c-.23-.275-.591-.44-1.04-.44-.773 0-1.327.482-1.327 1.124 0 .262.073.772 1.05 1.035l1.064.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M28 16.832h5.772V14.91H30.21V7.168H28v9.664ZM37.372 14.91V13.06h3.52V11.08h-3.52V9.09h4.012V7.168h-6.222v9.664h6.349V14.91h-4.139ZM49.31 16.832h2.351l-3.575-9.664h-2.407l-3.59 9.664h2.365l.718-2.244h3.407l.732 2.244Zm-3.533-4.152 1.084-3.38 1.098 3.38h-2.182ZM58.785 9.09V7.168h-6.137v9.664h2.21V13.03h3.111v-1.908h-3.11V9.09h3.926ZM60.36 16.832h5.771V14.91H62.57V7.168h-2.21v9.664ZM67.522 16.832h2.21V7.168h-2.21v9.664ZM77.1 7.168v5.484l-3.097-5.484h-2.027v9.664h2.21v-5.554l3.181 5.554h1.943V7.168H77.1ZM89.427 16.832 85.67 11.95l3.223-4.783H86.26l-2.52 3.9v-3.9h-2.21v9.664h2.21v-3.787l2.858 3.787h2.83ZM97.185 7.168h-3.998v9.664h2.21V13.55h1.788c2.252 0 3.266-1.571 3.266-3.184 0-1.599-1.014-3.198-3.266-3.198Zm-.098 4.46h-1.69V9.09h1.704c.816 0 1.126.659 1.126 1.276s-.31 1.262-1.14 1.262ZM107.391 16.832h2.351l-3.576-9.664h-2.407l-3.589 9.664h2.364l.718-2.244h3.407l.732 2.244Zm-3.533-4.152 1.084-3.38 1.098 3.38h-2.182ZM115.68 7.168l-2.281 3.563-2.238-3.563h-2.632l3.772 5.302v4.362h2.225v-4.32l3.786-5.344h-2.632ZM130.237 16.832l-1.182-9.664h-1.887l-2.787 6.045-2.829-6.045h-1.844l-1.197 9.664h2.267l.647-5.484 2.112 4.376h1.689l2.111-4.39.634 5.498h2.266ZM134.163 14.91V13.06h3.52V11.08h-3.52V9.09h4.012V7.168h-6.222v9.664h6.349V14.91h-4.139ZM145.229 7.168v5.484l-3.097-5.484h-2.027v9.664h2.21v-5.554l3.182 5.554h1.942V7.168h-2.21ZM156.163 7.168h-7.334V9.09h2.562v7.742h2.21V9.09h2.562V7.168ZM160.425 17c1.773 0 3.575-.926 3.575-3.001 0-1.754-1.408-2.469-2.787-2.89l-1.014-.308c-.901-.253-.957-.687-.957-.884 0-.533.451-.996 1.14-.996.76 0 1.112.491 1.112 1.066h2.21c0-1.879-1.421-2.987-3.279-2.987-1.929 0-3.421 1.22-3.421 2.96 0 .911.408 2.215 2.548 2.79l1.154.351c.859.28 1.07.631 1.07 1.01 0 .63-.549.996-1.267.996-.76 0-1.38-.477-1.38-1.094h-2.21c0 1.78 1.436 2.987 3.506 2.987Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  fill: \"#1E164B\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 60 24\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      \"clip-rule\": \"evenodd\",\n      d: \"M6.373 2a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4h-12Zm6.827 8.927c1.473.394 2.567 1.196 2.567 2.61 0 1.344-.937 2.313-2.244 2.63-.342.083-.615.368-.615.72v.18a.496.496 0 0 1-.991 0v-.215c0-.354-.264-.646-.602-.75-.972-.302-1.657-.964-1.933-1.782-.154-.457.254-.855.736-.855.486 0 .856.437 1.162.815.265.328.708.54 1.293.54.919 0 1.429-.539 1.429-1.195 0-.51-.365-.933-1.225-1.167l-1.137-.32c-1.984-.51-2.334-1.707-2.334-2.48 0-1.234.86-2.154 2.035-2.512.323-.1.576-.379.576-.717v-.183a.496.496 0 1 1 .991 0v.174c0 .34.26.62.588.714.941.269 1.618.91 1.87 1.779.134.457-.272.847-.749.847-.474 0-.828-.424-1.134-.793l-.03-.036c-.23-.275-.592-.44-1.04-.44-.774 0-1.328.482-1.328 1.124 0 .262.073.772 1.05 1.035l1.065.277Z\"\n    }, null, -1),\n    _createElementVNode(\"path\", { d: \"M59.12 7.177v1.722h-2.66v7.924h-1.947V8.899h-2.66V7.177h7.267ZM47.718 16.991c-2.058 0-3.472-1.274-3.472-2.968h1.946c.014.686.686 1.26 1.582 1.26.868 0 1.442-.476 1.442-1.162 0-.532-.392-.91-1.218-1.162l-1.176-.336c-2.114-.56-2.492-1.834-2.492-2.702 0-1.722 1.484-2.912 3.332-2.912 1.82 0 3.22 1.106 3.22 2.94h-1.946c0-.686-.476-1.218-1.316-1.218-.756 0-1.33.504-1.33 1.148 0 .238.07.742 1.078 1.022l1.078.308c1.456.406 2.73 1.176 2.73 2.814 0 1.918-1.638 2.968-3.458 2.968ZM39.582 16.991c-1.862 0-3.514-1.372-3.514-3.43 0-2.072 1.652-3.444 3.514-3.444 1.862 0 3.514 1.372 3.514 3.444 0 2.058-1.652 3.43-3.514 3.43Zm0-1.708c.91 0 1.652-.714 1.652-1.722 0-1.022-.742-1.736-1.652-1.736-.91 0-1.652.714-1.652 1.736 0 1.008.742 1.722 1.652 1.722ZM32.307 7.177c2.184 0 3.15 1.568 3.15 3.15 0 1.582-.966 3.122-3.15 3.122h-1.988v3.374h-1.946V7.177h3.934Zm-.098 4.564c.938 0 1.288-.728 1.288-1.414 0-.7-.35-1.428-1.26-1.428h-1.918v2.842h1.89Z\" }, null, -1)\n  ])))\n}\nexport default { render: render }","<script lang=\"ts\" setup>\n  import logger from '@leaflink/snitch';\n  import { computed } from 'vue';\n\n  import DirectPayLockup from './../../../assets/logos/direct-pay-lockup.svg';\n  import FlexPayLockup from './../../../assets/logos/flex-pay-lockup.svg';\n  import LeafLinkBrandmark from './../../../assets/logos/leaflink-brandmark.svg';\n  import LeafLinkLockup from './../../../assets/logos/leaflink-lockup.svg';\n  import MarketplaceBrandmark from './../../../assets/logos/marketplace-brandmark.svg';\n  import PaymentsBrandmark from './../../../assets/logos/payments-brandmark.svg';\n  import PaymentsLockup from './../../../assets/logos/payments-lockup.svg';\n  import PostLockup from './../../../assets/logos/post-lockup.svg';\n\n  export interface LogoProps {\n    /**\n     * brand to use for the logo. This, along with variant, will determine which logo to display.\n     */\n    brand?: 'leaflink' | 'payments' | 'marketplace' | 'flex-pay' | 'direct-pay' | 'post';\n\n    /**\n     * What color the logo should be.\n     */\n    color?: 'purple' | 'white';\n\n    /**\n     * Which variant of the logo to display.\n     */\n    variant?: 'lockup' | 'brandmark';\n\n    /**\n     * Width of the logo.\n     */\n    width?: string | number;\n\n    /**\n     * Height of the logo.\n     */\n    height?: string | number;\n  }\n\n  const props = withDefaults(defineProps<LogoProps>(), {\n    brand: 'leaflink',\n    color: 'purple',\n    variant: 'lockup',\n    width: undefined,\n    height: undefined,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Fires when an invalid brand and variant combination is provided.\n     */\n    (e: 'error', msg: string): void;\n  }>();\n\n  const DEFAULT_LOGO_ATTRS = {\n    LeafLinkLockup: {\n      is: LeafLinkLockup,\n      width: 139,\n      height: 24,\n    },\n    PaymentsLockup: {\n      is: PaymentsLockup,\n      width: 164,\n      height: 24,\n    },\n    LeafLinkBrandmark: {\n      is: LeafLinkBrandmark,\n      width: 29,\n      height: 24,\n    },\n    MarketplaceBrandmark: {\n      is: MarketplaceBrandmark,\n      width: 24,\n      height: 24,\n    },\n    PaymentsBrandmark: {\n      is: PaymentsBrandmark,\n      width: 24,\n      height: 24,\n    },\n    DirectPayLockup: {\n      is: DirectPayLockup,\n      width: 107,\n      height: 24,\n    },\n    FlexPayLockup: {\n      is: FlexPayLockup,\n      width: 89,\n      height: 24,\n    },\n    PostLockup: {\n      is: PostLockup,\n      width: 60,\n      height: 24,\n    },\n  };\n\n  // Determine which logo to display based on brand and variant & set default sizes for convenience unless explicitly set.\n  // Note: Setting default width or height on the SVG element itself will not allow the SVG to scale up above those values.\n  const computedLogoAttrs = computed<{ is: string; width: number; height: number }>(() => {\n    let attrs;\n\n    if (props.brand === 'leaflink' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['LeafLinkLockup'];\n    }\n\n    if (props.brand === 'leaflink' && props.variant === 'brandmark') {\n      attrs = DEFAULT_LOGO_ATTRS['LeafLinkBrandmark'];\n    }\n\n    if (props.brand === 'marketplace' && props.variant === 'brandmark') {\n      attrs = DEFAULT_LOGO_ATTRS['MarketplaceBrandmark'];\n    }\n\n    if (props.brand === 'payments' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['PaymentsLockup'];\n    }\n\n    if (props.brand === 'direct-pay' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['DirectPayLockup'];\n    }\n\n    if (props.brand === 'flex-pay' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['FlexPayLockup'];\n    }\n\n    if (props.brand === 'post' && props.variant === 'lockup') {\n      attrs = DEFAULT_LOGO_ATTRS['PostLockup'];\n    }\n\n    if (['payments', 'direct-pay', 'flex-pay', 'post'].includes(props.brand) && props.variant === 'brandmark') {\n      attrs = DEFAULT_LOGO_ATTRS['PaymentsBrandmark'];\n    }\n\n    if (!attrs) {\n      const msg = `Invalid brand and variant combination. There's no ${props.brand.replace(\n        '-',\n        ' ',\n      )} ${props.variant.replace('-', ' ')} logo.`;\n      logger.error(msg);\n      emit('error', msg);\n\n      return;\n    }\n\n    // If width or height is explicitly set, override the default values but do it individually.\n    // SVG's will always maintain their aspect ratio, so setting one will scale the other accordingly, so if a user\n    // sends in even ONE of these props, we want to make sure we delete both defaults so the SVG can scale in the\n    // expected way.\n    if (props.width || props.height) {\n      delete attrs.width;\n      delete attrs.height;\n      if (props.width) {\n        attrs.width = props.width;\n      }\n      if (props.height) {\n        attrs.height = props.height;\n      }\n    }\n\n    return attrs;\n  });\n</script>\n\n<template>\n  <component\n    :is=\"computedLogoAttrs.is\"\n    v-if=\"computedLogoAttrs\"\n    class=\"stash-logo\"\n    :class=\"[\n      `stash-logo--${props.brand}`,\n      `stash-logo--${props.variant}`,\n      `stash-logo--${props.color}`,\n      {\n        'text-purple-500': props.color === 'purple',\n        'text-white': props.color === 'white',\n      },\n    ]\"\n    data-test=\"stash-logo\"\n    fill=\"currentColor\"\n    v-bind=\"computedLogoAttrs\"\n  />\n</template>\n"],"names":["_hoisted_1","render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","DirectPayLockup","FlexPayLockup","LeafLinkBrandmark","_createStaticVNode","LeafLinkLockup","MarketplaceBrandmark","PaymentsBrandmark","PaymentsLockup","PostLockup","props","__props","emit","__emit","DEFAULT_LOGO_ATTRS","computedLogoAttrs","computed","attrs","msg","logger"],"mappings":"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"}

package/dist/Menu.js

@@ -1,13 +1,13 @@
-import { createElementBlock as e, openBlock as n, renderSlot as o } from "vue";
+import { createElementBlock as t, openBlock as n, renderSlot as o } from "vue";
 import { _ as s } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const r = {}, c = {
   "data-test": "stash-menu",
-  class: "stash-menu tw-m-0 tw-list-none tw-rounded tw-bg-white tw-p-1.5",
+  class: "stash-menu m-0 list-none rounded bg-white p-1.5",
   role: "menu"
 };
-function a(t, l) {
-  return n(), e("ul", c, [
-    o(t.$slots, "default")
+function a(e, l) {
+  return n(), t("ul", c, [
+    o(e.$slots, "default")
   ]);
 }
 const _ = /* @__PURE__ */ s(r, [["render", a]]);

package/dist/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../src/components/Menu/Menu.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <ul data-test=\"stash-menu\" class=\"stash-menu tw-m-0 tw-list-none tw-rounded tw-bg-white tw-p-1.5\" role=\"menu\">\n    <slot></slot>\n  </ul>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;cAGMA,IAAU;AAAA,EAAa,aAAM;AAAA,EAAiE,OAAK;AAAA;;AAAvG,SAAAC,EAAAC,GAAAC,GAAA;SACEC,EAAa,GAAAC,EAAA,MAAAL,GAAA;AAAA;;;;"}
+{"version":3,"file":"Menu.js","sources":["../src/components/Menu/Menu.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <ul data-test=\"stash-menu\" class=\"stash-menu m-0 list-none rounded bg-white p-1.5\" role=\"menu\">\n    <slot></slot>\n  </ul>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;cAGMA,IAAU;AAAA,EAAa,aAAM;AAAA,EAAkD,OAAK;AAAA;;AAAxF,SAAAC,EAAAC,GAAAC,GAAA;SACEC,EAAa,GAAAC,EAAA,MAAAL,GAAA;AAAA;;;;"}

package/dist/MenuItem.js

@@ -1,34 +1,34 @@
-import { defineComponent as n, useCssModule as r, computed as t, createElementBlock as d, openBlock as u, normalizeClass as m, unref as c, renderSlot as p } from "vue";
-import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const f = ["aria-selected", "aria-disabled"], b = /* @__PURE__ */ n({
+import { defineComponent as n, useCssModule as r, computed as s, createElementBlock as d, openBlock as u, normalizeClass as m, unref as c, renderSlot as _ } from "vue";
+import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const p = ["aria-selected", "aria-disabled"], v = /* @__PURE__ */ n({
   __name: "MenuItem",
   props: {
     isSelected: { type: Boolean, default: void 0 },
     isDisabled: { type: Boolean, default: void 0 }
   },
-  setup(s) {
-    const o = r(), e = s, a = t(() => {
+  setup(t) {
+    const o = r(), e = t, a = s(() => {
       if (e.isSelected !== void 0)
         return e.isSelected ? "true" : "false";
-    }), i = t(() => {
+    }), i = s(() => {
       if (e.isDisabled !== void 0)
         return e.isDisabled ? "true" : void 0;
     });
     return (l, h) => (u(), d("li", {
       "data-test": "stash-menu-item",
       role: "menuitem",
-      class: m(["stash-menu-item tw-mb-1.5 first:tw-mt-0 last:tw-mb-0", c(o).menuitem]),
+      class: m(["stash-menu-item mb-1.5 first:mt-0 last:mb-0", c(o).menuitem]),
       "aria-selected": a.value,
       "aria-disabled": i.value
     }, [
-      p(l.$slots, "default")
-    ], 10, f));
+      _(l.$slots, "default")
+    ], 10, p));
   }
-}), v = "_menuitem_3ppdb_3", M = {
-  menuitem: v
+}), b = "_menuitem_16gs4_6", M = {
+  menuitem: b
 }, S = {
   $style: M
-}, D = /* @__PURE__ */ _(b, [["__cssModules", S]]);
+}, D = /* @__PURE__ */ f(v, [["__cssModules", S]]);
 export {
   D as default
 };

package/dist/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../src/components/MenuItem/MenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule } from 'vue';\n\n  const classes = useCssModule();\n\n  interface MenuItemProps {\n    isSelected?: boolean;\n    isDisabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<MenuItemProps>(), {\n    isSelected: undefined,\n    isDisabled: undefined,\n  });\n\n  const ariaSelected = computed(() => {\n    if (props.isSelected === undefined) {\n      return undefined;\n    }\n    return props.isSelected ? 'true' : 'false';\n  });\n\n  const ariaDisabled = computed(() => {\n    if (props.isDisabled === undefined) {\n      return undefined;\n    }\n    return props.isDisabled ? 'true' : undefined;\n  });\n</script>\n\n<template>\n  <li\n    data-test=\"stash-menu-item\"\n    role=\"menuitem\"\n    class=\"stash-menu-item tw-mb-1.5 first:tw-mt-0 last:tw-mb-0\"\n    :class=\"classes.menuitem\"\n    :aria-selected=\"ariaSelected\"\n    :aria-disabled=\"ariaDisabled\"\n  >\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  /* apply styling that allows the li or a child <a> or <button> tag to be displayed the same */\n  .menuitem:not(:has(> a, > button)),\n  .menuitem > :where(a, button) {\n    @apply tw-w-full\n      tw-rounded\n      tw-text-ice-700\n      hover:tw-bg-ice-200\n      hover:tw-text-ice-700\n      tw-no-underline\n      hover:tw-no-underline\n      disabled:tw-text-ice-500\n      disabled:tw-cursor-default\n      tw-transition-all\n      tw-duration-fast\n      tw-ease-swing\n      tw-cursor-pointer\n      tw-text-left\n      tw-py-[10px]\n      tw-px-1.5;\n  }\n\n  .menuitem > :where(a, button) {\n    display: block;\n    border: 0;\n  }\n\n  .menuitem {\n    @apply aria-disabled:tw-text-ice-500\n    aria-disabled:tw-pointer-events-none\n    aria-disabled:hover:tw-text-ice-500\n    aria-disabled:hover:tw-bg-inherit\n    aria-disabled:hover:tw-cursor-default\n    aria-selected:tw-bg-blue-100;\n  }\n\n  .menuitem[aria-selected='true']:not(:global(.tw-hidden)) {\n    display: flex;\n    justify-content: space-between;\n\n    &::after {\n      content: '';\n      display: block;\n      width: theme('spacing.5');\n      height: theme('spacing.5');\n      margin-left: theme('spacing.3');\n      flex-shrink: 0;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233b82f6'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n      background-size: contain;\n      background-repeat: no-repeat;\n    }\n  }\n</style>\n"],"names":["classes","useCssModule","props","__props","ariaSelected","computed","ariaDisabled"],"mappings":";;;;;;;;;AAGE,UAAMA,IAAUC,EAAA,GAOVC,IAAQC,GAKRC,IAAeC,EAAS,MAAM;AAClC,UAAIH,EAAM,eAAe;AAGzB,eAAOA,EAAM,aAAa,SAAS;AAAA,IACrC,CAAC,GAEKI,IAAeD,EAAS,MAAM;AAClC,UAAIH,EAAM,eAAe;AAGzB,eAAOA,EAAM,aAAa,SAAS;AAAA,IACrC,CAAC;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MenuItem.js","sources":["../src/components/MenuItem/MenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule } from 'vue';\n\n  const classes = useCssModule();\n\n  interface MenuItemProps {\n    isSelected?: boolean;\n    isDisabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<MenuItemProps>(), {\n    isSelected: undefined,\n    isDisabled: undefined,\n  });\n\n  const ariaSelected = computed(() => {\n    if (props.isSelected === undefined) {\n      return undefined;\n    }\n    return props.isSelected ? 'true' : 'false';\n  });\n\n  const ariaDisabled = computed(() => {\n    if (props.isDisabled === undefined) {\n      return undefined;\n    }\n    return props.isDisabled ? 'true' : undefined;\n  });\n</script>\n\n<template>\n  <li\n    data-test=\"stash-menu-item\"\n    role=\"menuitem\"\n    class=\"stash-menu-item mb-1.5 first:mt-0 last:mb-0\"\n    :class=\"classes.menuitem\"\n    :aria-selected=\"ariaSelected\"\n    :aria-disabled=\"ariaDisabled\"\n  >\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    /* apply styling that allows the li or a child <a> or <button> tag to be displayed the same */\n    .menuitem:not(:has(> a, > button)),\n    .menuitem > :where(a, button) {\n      @apply w-full\n        rounded\n        text-ice-700\n        hover:bg-ice-200\n        hover:text-ice-700\n        no-underline\n        hover:no-underline\n        disabled:text-ice-500\n        disabled:cursor-default\n        transition-all\n        duration-150\n        ease-swing\n        cursor-pointer\n        text-left\n        py-[10px]\n        px-1.5;\n    }\n\n    .menuitem > :where(a, button) {\n      display: block;\n      border: 0;\n    }\n  }\n\n  .menuitem {\n    @apply aria-disabled:text-ice-500\n    aria-disabled:pointer-events-none\n    aria-disabled:hover:text-ice-500\n    aria-disabled:hover:bg-inherit\n    aria-disabled:hover:cursor-default\n    aria-selected:bg-blue-100;\n  }\n\n  .menuitem[aria-selected='true']:not(:global(.hidden)) {\n    display: flex;\n    justify-content: space-between;\n\n    &::after {\n      content: '';\n      display: block;\n      width: theme('spacing.5');\n      height: theme('spacing.5');\n      margin-left: theme('spacing.3');\n      flex-shrink: 0;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233b82f6'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n      background-size: contain;\n      background-repeat: no-repeat;\n    }\n  }\n</style>\n"],"names":["classes","useCssModule","props","__props","ariaSelected","computed","ariaDisabled"],"mappings":";;;;;;;;;AAGE,UAAMA,IAAUC,EAAA,GAOVC,IAAQC,GAKRC,IAAeC,EAAS,MAAM;AAClC,UAAIH,EAAM,eAAe;AAGzB,eAAOA,EAAM,aAAa,SAAS;AAAA,IACrC,CAAC,GAEKI,IAAeD,EAAS,MAAM;AAClC,UAAIH,EAAM,eAAe;AAGzB,eAAOA,EAAM,aAAa,SAAS;AAAA,IACrC,CAAC;;;;;;;;;;;;;;;;"}

package/dist/Metric.js

@@ -1,11 +1,11 @@
-import { defineComponent as v, useSlots as _, computed as n, createElementBlock as o, openBlock as i, normalizeClass as r, unref as a, createElementVNode as m, createCommentVNode as p, toDisplayString as u, renderSlot as b } from "vue";
-import f from "lodash-es/uniqueId";
-var s = /* @__PURE__ */ ((t) => (t.Small = "small", t.Standard = "standard", t))(s || {}), l = /* @__PURE__ */ ((t) => (t.Accent = "accent", t.Naked = "naked", t))(l || {});
-const x = ["id"], S = ["aria-labelledby"], k = {
+import { defineComponent as _, useSlots as p, computed as n, createElementBlock as o, openBlock as i, normalizeClass as r, unref as a, createElementVNode as m, createCommentVNode as b, toDisplayString as u, renderSlot as f } from "vue";
+import x from "lodash-es/uniqueId";
+var s = /* @__PURE__ */ ((e) => (e.Small = "small", e.Standard = "standard", e))(s || {}), l = /* @__PURE__ */ ((e) => (e.Accent = "accent", e.Naked = "naked", e))(l || {});
+const S = ["id"], k = ["aria-labelledby"], y = {
   key: 0,
-  class: "stash-metric__secondary tw-mt-1 tw-text-xs tw-text-ice-700",
+  class: "stash-metric__secondary mt-1 text-xs text-ice-700",
   "data-test": "stash-metric|secondary"
-}, N = /* @__PURE__ */ v({
+}, g = /* @__PURE__ */ _({
   __name: "Metric",
   props: {
     value: {},
@@ -14,45 +14,45 @@ const x = ["id"], S = ["aria-labelledby"], k = {
     accentColor: { default: "teal-500" },
     size: { default: "standard" }
   },
-  setup(t) {
-    const e = t, w = _(), d = n(() => f("metric-")), h = n(() => String(e.value));
-    return (c, y) => (i(), o("div", {
+  setup(e) {
+    const t = e, h = p(), d = n(() => x("metric-")), v = n(() => String(t.value));
+    return (c, z) => (i(), o("div", {
       class: r(["stash-metric", [
-        `stash-metric--${e.size}`,
+        `stash-metric--${t.size}`,
         {
-          "stash-metric--naked": e.variant === a(l).Naked,
-          [`stash-metric--accent tw-border-${c.accentColor} tw-rounded tw-border-l-12 tw-bg-white tw-p-3 tw-shadow`]: e.variant === a(l).Accent
+          "stash-metric--naked": t.variant === a(l).Naked,
+          [`stash-metric--accent border-${c.accentColor} rounded border-l-12 bg-white p-3 shadow`]: t.variant === a(l).Accent
         }
       ]]),
       "data-test": "stash-metric"
     }, [
       m("div", {
         id: d.value,
-        class: r(["stash-metric__label tw-mb-1 tw-text-ice-700", [
+        class: r(["stash-metric__label mb-1 text-ice-700", [
           {
-            "tw-text-xs": e.size === a(s).Small,
-            "tw-text-sm": e.size === a(s).Standard
+            "text-xs": t.size === a(s).Small,
+            "text-sm": t.size === a(s).Standard
           }
         ]]),
         "data-test": "stash-metric|label"
-      }, u(e.label), 11, x),
+      }, u(t.label), 11, S),
       m("div", {
         "aria-labelledby": d.value,
-        class: r(["stash-metric__value tw-font-medium tw-text-ice-900", {
-          "tw-text-base": e.size === a(s).Small,
-          "tw-text-2xl": e.size === a(s).Standard
+        class: r(["stash-metric__value font-medium text-ice-900", {
+          "text-base": t.size === a(s).Small,
+          "text-2xl": t.size === a(s).Standard
         }]),
         "data-test": "stash-metric|value"
-      }, u(h.value), 11, S),
-      a(w).secondary ? (i(), o("div", k, [
-        b(c.$slots, "secondary")
-      ])) : p("", !0)
+      }, u(v.value), 11, k),
+      a(h).secondary ? (i(), o("div", y, [
+        f(c.$slots, "secondary")
+      ])) : b("", !0)
     ], 2));
   }
 });
 export {
   s as MetricSizes,
   l as MetricVariants,
-  N as default
+  g as default
 };
 //# sourceMappingURL=Metric.js.map

package/dist/Metric.js.map

@@ -1 +1 @@
-{"version":3,"file":"Metric.js","sources":["../src/components/Metric/Metric.types.ts","../src/components/Metric/Metric.vue"],"sourcesContent":["export enum MetricSizes {\n  Small = 'small',\n  Standard = 'standard',\n}\n\nexport type MetricSize = `${MetricSizes}`;\n\nexport enum MetricVariants {\n  Accent = 'accent',\n  Naked = 'naked',\n}\n\nexport type MetricVariant = `${MetricVariants}`;\n","<script lang=\"ts\">\n  export * from './Metric.types';\n</script>\n\n<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ComputedRef, useSlots } from 'vue';\n\n  import { StashCommonColor } from '../../../types/colors';\n  import { MetricSize, MetricSizes, MetricVariant, MetricVariants } from './Metric.types';\n\n  export interface MetricProps {\n    /**\n     * The primary text that will show in the metric.\n     */\n    value: number | string;\n\n    /**\n     * The label for the metric. Appears above the value.\n     */\n    label: string;\n\n    /**\n     * The variant of the metric. Defaults to `naked`.\n     */\n    variant?: MetricVariant;\n\n    /**\n     * The accent color for the metric. Defaults to `teal`. Currently only used when the variant = `accent`.\n     */\n    accentColor?: StashCommonColor;\n\n    /**\n     * Controls the size of the metric via text size adjustments.\n     */\n    size?: MetricSize;\n  }\n\n  const props = withDefaults(defineProps<MetricProps>(), {\n    size: 'standard',\n    variant: 'naked',\n    accentColor: 'teal-500',\n  });\n\n  const slots = useSlots();\n\n  const fieldId = computed(() => uniqueId('metric-'));\n\n  const computedValue: ComputedRef<string> = computed(() => String(props.value));\n</script>\n\n<template>\n  <div\n    class=\"stash-metric\"\n    data-test=\"stash-metric\"\n    :class=\"[\n      `stash-metric--${props.size}`,\n      {\n        'stash-metric--naked': props.variant === MetricVariants.Naked,\n        [`stash-metric--accent tw-border-${accentColor} tw-rounded tw-border-l-12 tw-bg-white tw-p-3 tw-shadow`]:\n          props.variant === MetricVariants.Accent,\n      },\n    ]\"\n  >\n    <div\n      :id=\"fieldId\"\n      class=\"stash-metric__label tw-mb-1 tw-text-ice-700\"\n      data-test=\"stash-metric|label\"\n      :class=\"[\n        {\n          'tw-text-xs': props.size === MetricSizes.Small,\n          'tw-text-sm': props.size === MetricSizes.Standard,\n        },\n      ]\"\n    >\n      {{ props.label }}\n    </div>\n\n    <div\n      :aria-labelledby=\"fieldId\"\n      class=\"stash-metric__value tw-font-medium tw-text-ice-900\"\n      data-test=\"stash-metric|value\"\n      :class=\"{\n        'tw-text-base': props.size === MetricSizes.Small,\n        'tw-text-2xl': props.size === MetricSizes.Standard,\n      }\"\n    >\n      {{ computedValue }}\n    </div>\n\n    <div\n      v-if=\"slots.secondary\"\n      class=\"stash-metric__secondary tw-mt-1 tw-text-xs tw-text-ice-700\"\n      data-test=\"stash-metric|secondary\"\n    >\n      <!-- @slot Supplementary information like a date, status, hint text, or secondary label. -->\n      <slot name=\"secondary\"></slot>\n    </div>\n  </div>\n</template>\n"],"names":["MetricSizes","MetricVariants","props","__props","slots","useSlots","fieldId","computed","uniqueId","computedValue"],"mappings":";;AAAO,IAAKA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;AC+BV,UAAMC,IAAQC,GAMRC,IAAQC,EAAA,GAERC,IAAUC,EAAS,MAAMC,EAAS,SAAS,CAAC,GAE5CC,IAAqCF,EAAS,MAAM,OAAOL,EAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Metric.js","sources":["../src/components/Metric/Metric.types.ts","../src/components/Metric/Metric.vue"],"sourcesContent":["export enum MetricSizes {\n  Small = 'small',\n  Standard = 'standard',\n}\n\nexport type MetricSize = `${MetricSizes}`;\n\nexport enum MetricVariants {\n  Accent = 'accent',\n  Naked = 'naked',\n}\n\nexport type MetricVariant = `${MetricVariants}`;\n","<script lang=\"ts\">\n  export * from './Metric.types';\n</script>\n\n<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ComputedRef, useSlots } from 'vue';\n\n  import { StashCommonColor } from '../../../types/colors';\n  import { MetricSize, MetricSizes, MetricVariant, MetricVariants } from './Metric.types';\n\n  export interface MetricProps {\n    /**\n     * The primary text that will show in the metric.\n     */\n    value: number | string;\n\n    /**\n     * The label for the metric. Appears above the value.\n     */\n    label: string;\n\n    /**\n     * The variant of the metric. Defaults to `naked`.\n     */\n    variant?: MetricVariant;\n\n    /**\n     * The accent color for the metric. Defaults to `teal`. Currently only used when the variant = `accent`.\n     */\n    accentColor?: StashCommonColor;\n\n    /**\n     * Controls the size of the metric via text size adjustments.\n     */\n    size?: MetricSize;\n  }\n\n  const props = withDefaults(defineProps<MetricProps>(), {\n    size: 'standard',\n    variant: 'naked',\n    accentColor: 'teal-500',\n  });\n\n  const slots = useSlots();\n\n  const fieldId = computed(() => uniqueId('metric-'));\n\n  const computedValue: ComputedRef<string> = computed(() => String(props.value));\n</script>\n\n<template>\n  <div\n    class=\"stash-metric\"\n    data-test=\"stash-metric\"\n    :class=\"[\n      `stash-metric--${props.size}`,\n      {\n        'stash-metric--naked': props.variant === MetricVariants.Naked,\n        [`stash-metric--accent border-${accentColor} rounded border-l-12 bg-white p-3 shadow`]:\n          props.variant === MetricVariants.Accent,\n      },\n    ]\"\n  >\n    <div\n      :id=\"fieldId\"\n      class=\"stash-metric__label mb-1 text-ice-700\"\n      data-test=\"stash-metric|label\"\n      :class=\"[\n        {\n          'text-xs': props.size === MetricSizes.Small,\n          'text-sm': props.size === MetricSizes.Standard,\n        },\n      ]\"\n    >\n      {{ props.label }}\n    </div>\n\n    <div\n      :aria-labelledby=\"fieldId\"\n      class=\"stash-metric__value font-medium text-ice-900\"\n      data-test=\"stash-metric|value\"\n      :class=\"{\n        'text-base': props.size === MetricSizes.Small,\n        'text-2xl': props.size === MetricSizes.Standard,\n      }\"\n    >\n      {{ computedValue }}\n    </div>\n\n    <div\n      v-if=\"slots.secondary\"\n      class=\"stash-metric__secondary mt-1 text-xs text-ice-700\"\n      data-test=\"stash-metric|secondary\"\n    >\n      <!-- @slot Supplementary information like a date, status, hint text, or secondary label. -->\n      <slot name=\"secondary\"></slot>\n    </div>\n  </div>\n</template>\n"],"names":["MetricSizes","MetricVariants","props","__props","slots","useSlots","fieldId","computed","uniqueId","computedValue"],"mappings":";;AAAO,IAAKA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;AC+BV,UAAMC,IAAQC,GAMRC,IAAQC,EAAA,GAERC,IAAUC,EAAS,MAAMC,EAAS,SAAS,CAAC,GAE5CC,IAAqCF,EAAS,MAAM,OAAOL,EAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}