@leaflink/stash 47.3.4 → 48.0.0

package/assets/illustrations/vignette/product-display.svg

@@ -0,0 +1,125 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
+  <g>
+    <path
+      d="M95.214 138.786c0-51.807 42.172-93.809 94.198-93.809 52.026 0 94.198 42.002 94.198 93.809 0 51.807-42.172 93.808-94.198 93.808-52.026 0-94.198-42.001-94.198-93.808Z"
+      fill="#0072F0" stroke="#1E164B" />
+    <path
+      d="m166.143 143.574-.086 83.322c.036 2.968-2.468 5.792-7.869 5.86h-41.591c-3.386 0-6.119-2.62-6.112-5.833l.229-83.492c.015-4.359 1.399-8.711 3.781-12.395l12.058-18.358 23.916.062 11.994 18.419c2.532 3.69 3.687 8.056 3.68 12.415v0Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="m151.531 93.605-.05 16.182c0 .791-.502 2.326-1.004 2.96l-23.916-.061c-.667-.635-1.004-2.449-1.004-3.404l.05-15.738c.007-3.213 2.726-5.785 6.104-5.772l13.752.035c3.378.006 6.083 2.592 6.068 5.805"
+      fill="#fff" />
+    <path
+      d="m151.531 93.605-.05 16.182c0 .791-.502 2.326-1.004 2.96l-23.916-.061c-.667-.635-1.004-2.449-1.004-3.404l.05-15.738c.007-3.213 2.726-5.785 6.104-5.772l13.752.035c3.378.006 6.083 2.592 6.068 5.805M110.542 207.692l55.421.143M166.136 145.048l-55.421-.144"
+      stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="m126.783 112.746-11.757 17.437c-1.836 2.729-4.175 6.808-4.311 10.042v48.939l41.77-73.45-1.836-2.968h-23.866Z"
+      fill="#DCDFE5" style="mix-blend-mode:multiply" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M73.916 42.97h31.994v132.734l31.489 78.586a4.02 4.02 0 0 1-2.927 5.434 201.057 201.057 0 0 1-40.254 4.072h-8.612c-13.521 0-27.007-1.365-40.254-4.072a4.02 4.02 0 0 1-2.927-5.434l16.182-40.384-24.772-32.647 11.54-11.561 23.95 17.458 4.59-11.454h.001V42.971Z"
+          fill="#fff" />
+    <path
+      d="M105.91 42.97h.5v-.5h-.5v.5Zm-31.994 0v-.5h-.5v.5h.5Zm31.994 132.734h-.5v.097l.036.089.464-.186Zm31.489 78.586-.464.185.464-.185Zm-2.927 5.434.1.49-.1-.49Zm-89.12 0-.1.49.1-.49Zm-2.927-5.434.464.185-.464-.185Zm16.182-40.384.464.186.105-.263-.17-.225-.4.302Zm-24.772-32.647-.353-.353-.308.308.263.347.398-.302Zm11.54-11.561.294-.404-.346-.252-.302.303.353.353Zm23.95 17.458-.294.404.52.379.239-.597-.465-.186Zm4.59-11.454v-.5h-.338l-.126.314.464.186Zm.001 0v.5h.5v-.5h-.5ZM105.91 42.471H73.916v1h31.994v-1Zm.5 133.233V42.971h-1v132.733h1Zm31.453 78.4-31.489-78.585-.928.371 31.489 78.585.928-.371Zm-3.291 6.11a4.52 4.52 0 0 0 3.291-6.11l-.928.371a3.52 3.52 0 0 1-2.563 4.759l.2.98Zm-40.354 4.082c13.555 0 27.074-1.368 40.354-4.082l-.2-.98a200.507 200.507 0 0 1-40.154 4.062v1Zm-4.306 0h4.306v-1h-4.306v1Zm-4.306 0h4.306v-1h-4.306v1Zm-40.354-4.082a201.537 201.537 0 0 0 40.354 4.082v-1c-13.487 0-26.94-1.361-40.154-4.062l-.2.98Zm-3.291-6.11a4.52 4.52 0 0 0 3.29 6.11l.2-.98a3.52 3.52 0 0 1-2.562-4.759l-.928-.371Zm16.182-40.384L41.96 254.104l.928.371 16.182-40.383-.928-.372Zm.862-.116-24.771-32.647-.797.604 24.772 32.647.796-.604ZM34.19 181.612l11.54-11.561-.708-.706-11.54 11.561.708.706Zm10.891-11.51 23.951 17.458.59-.808-23.952-17.458-.589.808Zm28.371 5.414-4.59 11.454.929.372 4.59-11.454-.929-.372Zm.465-.314v1-1Zm-.5-132.231v132.731h1V42.971h-1Z"
+      fill="#1E164B" />
+    <path transform="rotate(-45.054 224.62 54.123)" fill="#DCDFE5" stroke="#1E164B" d="M0 0h16.334v3.654H0z" />
+    <path
+      d="m35.757 179.963 8.503-8.519 70.027 70.16c.869.87.869 2.282 0 3.153l-5.355 5.365a2.222 2.222 0 0 1-3.147 0l-70.028-70.159ZM18.523 160.265l6.073-6.085 10.552 5.096-11.539 11.561-5.086-10.572ZM22.015 151.594l-6.073 6.085-11.865-2.378c-1.743-.349-2.394-2.503-1.137-3.762l12.947-12.971c1.256-1.259 3.407-.607 3.755 1.139l2.373 11.887Z"
+      fill="#DCDFE5" stroke="#1E164B" />
+    <path
+      d="m15.945 157.678 6.073-6.085 2.581 2.586-6.073 6.085-2.581-2.586ZM9.85 166.369a1.831 1.831 0 0 1 0-2.586l6.093-6.105 2.582 2.586-6.095 6.105a1.821 1.821 0 0 1-2.58 0Z"
+      fill="#DCDFE5" stroke="#1E164B" />
+    <rect width="23.212" height="5.695" rx="2.848" transform="rotate(-45.054 230.748 56.447)" fill="#DCDFE5"
+          stroke="#1E164B" />
+    <rect width="20.848" height="5.695" rx="2.848" transform="rotate(-45.054 218.876 59.676)" fill="#DCDFE5"
+          stroke="#1E164B" />
+    <g style="mix-blend-mode:multiply" />
+    <path
+      d="M69.626 38.239A6.239 6.239 0 0 1 75.865 32h28.749a6.238 6.238 0 0 1 0 12.477h-28.75a6.239 6.239 0 0 1-6.238-6.238Z"
+      fill="#fff" stroke="#1E164B" />
+    <path
+      d="M244.501 116.387h-71.489c-1.641 0-2.972 1.357-2.972 3.03v110.308c0 1.674 1.331 3.03 2.972 3.03h71.489c1.641 0 2.972-1.356 2.972-3.03V119.417c0-1.673-1.331-3.03-2.972-3.03Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M203.843 119.276h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.85 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.501 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM240.937 119.276h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.85 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.501 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM203.843 156.967h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM240.937 156.967h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM203.843 194.582h-27.416c-1.815 0-3.287 1.501-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.85-1.472-3.351-3.287-3.351ZM240.937 194.582h-27.416c-1.815 0-3.287 1.501-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.85-1.472-3.351-3.287-3.351Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M154.996 207.078h53.483c2.297 0 4.163 1.79 4.163 3.992v10.388h-61.804V211.07c0-2.202 1.867-3.992 4.164-3.992h-.006Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M152.168 221.453h59.134c1.663 0 3.015 1.296 3.015 2.891v31.619c0 1.888-1.595 3.417-3.564 3.417h-58.031c-1.969 0-3.564-1.529-3.564-3.417v-31.619c0-1.595 1.352-2.891 3.015-2.891h-.005Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M214.312 226.649h-65.158v27.534h65.158v-27.534Z" fill="#fff" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path
+      d="M155.551 221.366s-2.924-.158-4.717.531c-1.799.689-1.646 3.173-1.725 4.812-.159 3.314.152 8.185.084 9.791l-.034 20.011 1.103 1.925c1.748-2.772 20.189-37.027 20.189-37.027s-13.508-.027-14.9-.038v-.005Z"
+      fill="#DCDFE5" style="mix-blend-mode:multiply" />
+    <path fill="#fff" stroke="#1E164B"
+          d="M129.671 226.919h15.691v22.656h-15.691zM131.617 197.384a5.916 5.916 0 0 1 11.799 0l1.946 26.991h-15.691l1.946-26.991Z" />
+    <path fill="#DCDFE5" stroke="#1E164B" d="M129.671 224.375h15.691v2.543h-15.691z" />
+    <path fill="#DCDFE5" d="M131.746 237.205h11.537v12.368h-11.537z" style="mix-blend-mode:multiply" />
+    <path fill="#DCDFE5" stroke="#1E164B" d="M129.671 249.574h15.691v7.051h-15.691z" />
+    <path fill="#DCDFE5" d="M134.284 226.919h6.461v10.288h-6.461z" style="mix-blend-mode:multiply" />
+    <g style="mix-blend-mode:multiply">
+      <rect x="133.652" y="193.397" width="7.73" height="25.777" rx="3.865" fill="#DCDFE5" />
+      <rect x="133.652" y="193.397" width="7.73" height="25.777" rx="3.865" stroke="#1E164B" />
+    </g>
+    <path fill="#DCDFE5" stroke="#1E164B" d="M134.286 256.625h6.461v6.473h-6.461z" />
+    <path d="M134.286 259.629h6.461M134.286 260.785h6.461M134.286 261.941h6.461" stroke="#1E164B" />
+    <path
+      d="M295.728 172.435c-.086-3.479-2.897-6.297-6.327-6.297h-3.307c-1.362 0-2.018-1.123-2.018-2.511l.036-4.066h1.391c.691 0 1.254-.551 1.304-1.241.029-.014.043-.051.043-.095v-11.502c0-.734-.591-1.336-1.311-1.336l-6.536-.051v-13.983c0-2.914-2.299-5.292-5.138-5.38h-.44c-2.839.088-5.138 2.473-5.138 5.38v13.983l-6.982.051c-.721 0-1.312.602-1.312 1.336l.036.118v11.384c0 .734.591 1.336 1.312 1.336h1.391l.036 4.066c0 1.388-.656 2.511-2.018 2.511h-2.861c-3.423 0-6.226 2.803-6.327 6.261a1.067 1.067 0 0 0-.043.315v53.091c0 .308.029.609.065.902.324 3.377 3.135 6.049 6.536 6.049h31.058c3.401 0 6.211-2.665 6.536-6.049.036-.293.065-.594.065-.902v-53.091a.833.833 0 0 0-.044-.279h-.007Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M295.762 179.966h-44.26v40.092h44.26v-40.092Z" fill="#fff" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path d="M279.189 145.343h-10.715M284.851 159.569h-22.44" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path
+      d="m262.715 159.561.022 2.363c0 3.002-.39 3.435-1.161 4.191 0 0-4.121-.198-6.946.954-2.825 1.145-3.07 5.234-3.193 7.979-.245 5.542.238 13.689.13 16.376l-.057 33.456 32.542-61.87.058-3.435h-21.388l-.007-.014Z"
+      fill="#DCDFE5" style="mix-blend-mode:multiply" />
+    <path
+      d="M223.775 252.973c2.876-3.43 5.591-6.152 10.32-6.604 4.729-.452 3.867.296 3.867.296s-4.97.965-14.187 6.308Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M252.273 252.973c-2.875-3.43-5.59-6.152-10.319-6.604-4.729-.452-3.868.296-3.868.296s7.804 2.934 14.187 6.308Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M258.377 224.258c-.05-4.155-1.959-7.831-5.349-9.979a5.546 5.546 0 0 0 .341-1.997c-.031-2.203-1.178-4.11-3.192-5.014a7.84 7.84 0 0 0 .112-1.383c-.05-4.005-2.901-7.296-7.698-7.346-1.729-.017-3.143.435-4.252 1.232-.787-1.997-2.69-3.413-5.423-3.447-3.477-.039-5.268 2.443-5.467 5.567-.074 1.233.254 2.382.899 3.319-2.392 1.879-3.83 4.791-4.326 8.166-4.029.173-6.111 3.174-6.347 6.933-.18 2.917 1.45 5.483 4.14 6.504a16.544 16.544 0 0 0-.843 4.378c-.39 6.214 4.01 11.519 10.717 11.987.316.023.644.034.973.034h.068c1.332 2.437 3.954 4.1 7.301 4.1 5.12 0 8.95-3.615 8.894-8.49a9.088 9.088 0 0 0-.459-2.783c5.864-1.094 9.985-5.751 9.911-11.775v-.006Z"
+      fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M238.022 257.514s-2.219-5.824 0-10.425" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path d="M232.821 207.615c-3.142-.168-5.541-2.594-5.355-5.422Z" fill="#fff" />
+    <path d="M232.821 207.615c-3.142-.168-5.541-2.594-5.355-5.422" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path d="M253.114 214.046c-.8 1.93-3.149 2.928-5.25 2.231Z" fill="#fff" />
+    <path d="M253.114 214.046c-.8 1.93-3.149 2.928-5.25 2.231" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path d="M230.064 224.816c-2.082 2.667-6.179 3.358-9.154 1.545Z" fill="#fff" />
+    <path d="M230.064 224.816c-2.082 2.667-6.179 3.358-9.154 1.545" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path d="M248.77 235.978c-3.52.786-7.096-1.177-7.995-4.39Z" fill="#fff" />
+    <path d="M248.77 235.978c-3.52.786-7.096-1.177-7.995-4.39" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path d="M247.859 216.299c-2.082 2.666-6.179 3.357-9.154 1.545Z" fill="#fff" />
+    <path d="M247.859 216.299c-2.082 2.666-6.179 3.357-9.154 1.545" stroke="#1E164B" stroke-linecap="round"
+          stroke-linejoin="round" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M280.668 215.756c-2.421-.294-4.938.25-6.754 1.47.151 1.006-.725 1.784-1.683 1.852.735-2.481-5.504-5.224-6.483-2.651-.269.705-.823.726-1.421.749-.348.013-.711.027-1.041.175-2.029 1.167-1.561 4.645-1.141 7.769.238 1.775.461 3.435.203 4.492-1.622 4.231 1.048 6.522 4.027 8.963.453 1.096.836 1.202 2.003 1.257 3.837.18 3.743 1.315 3.545 3.696-.027.327-.056.677-.077 1.051-.102 1.797 1.619 8.031 2.127 8.537.509.506.745.61 1.336.61 2.859-.158 5.741-.171 8.624-.184 4.045-.018 8.092-.036 12.08-.455.39-.848.974-1.672 1.559-2.497 1.592-2.245 3.183-4.489.84-7.198a10.989 10.989 0 0 0-.554-.569c-.548-.535-1.078-1.052-1.078-1.724 0-.714.506-1.481 1.062-2.324.566-.858 1.184-1.795 1.374-2.836-.92-.376-1.961-.983-3.053-1.619-2.219-1.293-4.651-2.71-6.727-2.585.244-1.72.384-3.44.48-5.16-.959-.286-1.971-.521-2.974-.617l-.575-4.22-.577-4.232c-.332-.192-.575-.478-.62-.809-.425.418-.861.487-1.236.547-.468.074-.839.133-.971.835-2.301.117-2.3-.18-2.296-2.059l.001-.264Zm-11.176 20.128c-.42.277-.839.553-1.099.966-.693 1.634 1.444 3.075 2.279 1.56.154-.28.442-.532.729-.782.617-.54 1.224-1.07.442-1.843-.212-.21-.339-.469-.445-.686-.218-.444-.347-.708-.938.004-.262.315-.615.548-.968.781Zm10.844-11.97c-2.557.413-1.138-4.061 2.111-1.904 1.244.848-1.508 1.794-2.111 1.904Zm-.96 5.916c1.098.601 2.97.708 4.126.287 3.131-1.029.055-5.316-2.472-3.535l-.011.008c-.257.202-.47.33-.801.33-1.28 0-2.083 2.292-.842 2.91Zm6.532-1.109c.228.481 1.151.778 1.513.345 2.435-2.912-2.916-2.616-1.513-.345Zm-.051 5.608c-1.474.424-1.734 3.047.538 1.256.975-.753.555-2.15-.538-1.256Zm8.532 1.617c-1.306.147-1.794 1.499-1.21 2.462.874 1.556 2.961 1.251 3.505-.404.482-1.312-1.036-2.265-2.295-2.058Zm.959 8.224c-1.187-.414-3.637.508-1.911 1.764.393 1.698 2.403-.033 2.901-.874.383-.649-.16-.738-.631-.815a2.704 2.704 0 0 1-.359-.075Zm-6.524.706c1.483-1.286-1.964-4.057-2.207-.904 0 1.075 1.353 1.754 2.207.904Zm-5.285 5.453c.4 2.453 5.218.823 5.705-.852.081-.391.352-.635.617-.873.301-.272.594-.536.594-1.001-.437-.318-1.227.302-1.423.542-.478-.231-.703-.351-.868-.296-.181.061-.291.33-.58.893-.351.349-1.034.091-1.743-.176-1.249-.471-2.577-.972-2.302 1.763Zm-2.569-6.688c2.312.841.072 3.849-1.926 3.197-2.729-.772-.408-4.239 1.926-3.197Zm-5.284-1.823c-.967.684-2.322 2.576-.123 2.384 2.568-.224 1.45-3.469.123-2.384Zm-3.277-15.736c.972 1.549 3.849 1.172 3.048-.823-.532-1.414-1.595-1.253-2.396-.314a2.565 2.565 0 0 1-.287.271c-.284.242-.56.478-.365.866Zm1.276 21.94c.469.303 1.205.704 1.742.396.47-.251.479-1.161.31-1.587-.814-2.016-3.666.017-2.052 1.191Zm.678-12.668c.524.33 1.575.756 2.15.565 2.059-.599.67-2.511-.284-3.232-2.806-2.122-4.294 1.128-1.866 2.667Zm-10.236-3.37c-.428.235-.767.617-.812 1.051-.198 1.052 1.566.363 1.484-.426-.103-.045-.18-.152-.261-.265-.105-.147-.219-.306-.411-.36Zm3.794-4.844c-.467-1.113-3.27-.986-3.631.287-.488 1.102 2.297 1.848 3.041 1.639.048-.166.143-.366.244-.578.216-.455.46-.969.346-1.348Zm10.651 10.628c-4.881.888 3.734 7.044 3.734 2.573.322-1.971-2.239-2.772-3.734-2.573Zm-11.987-3.969c-.684 0-1.275 1.067-.672 1.573 2.328 1.694 2.112-3.338.672-1.573Zm4.134-9.371c.938-.305 1.817-.591 1.436-1.642-.129-.357-.146-.705-.162-1.034-.033-.657-.062-1.238-.972-1.653-1.93-1.068-4.526-.923-5.469 1.22a9.639 9.639 0 0 1-.176.338c-.38.711-1.123 2.102-.747 2.477.368.681 3.939 2.638 4.407 1.308.274-.556.994-.79 1.683-1.014Z"
+          fill="#fff" />
+    <path
+      d="m280.993 226.561-.011.008c-.257.202-.47.33-.801.33m-14.666-5.601a8.156 8.156 0 0 1-.176.338m5.084 13.447c-.262.314-.615.547-.968.78-.42.277-.839.553-1.099.966m17.448 11.716c.709.267 1.392.525 1.743.176.107-.208.2-.361.287-.468m7.836-4.029c-.132-.022-.259-.043-.358-.075m-30.55-11.559v-.002l-.01-.005m4.247-7.161c.274-.557.994-.791 1.684-1.015m2.341.517a2.565 2.565 0 0 1-.287.271m1.177-7.969c1.816-1.22 4.333-1.764 6.754-1.47l-.001.264c-.004 1.879-.005 2.176 2.296 2.059.132-.702.503-.761.971-.835.375-.06.811-.129 1.236-.547.045.331.288.617.62.809l.577 4.232.575 4.22c1.003.096 2.015.331 2.974.617-.096 1.72-.236 3.44-.48 5.16 2.076-.125 4.508 1.292 6.727 2.585 1.092.636 2.133 1.243 3.053 1.619-.19 1.041-.808 1.978-1.374 2.836-.556.843-1.062 1.61-1.062 2.324 0 .672.53 1.189 1.078 1.724.189.185.381.373.554.569 2.343 2.709.752 4.953-.84 7.198-.585.825-1.169 1.649-1.559 2.497-3.988.419-8.035.437-12.08.455-2.883.013-5.765.026-8.624.184-.591 0-.827-.104-1.336-.61-.508-.506-2.229-6.74-2.127-8.537.021-.374.05-.724.077-1.051.198-2.381.292-3.516-3.545-3.696-1.167-.055-1.55-.161-2.003-1.257-2.979-2.441-5.649-4.732-4.027-8.963.258-1.057.035-2.717-.203-4.492-.42-3.124-.888-6.602 1.141-7.769.33-.148.693-.162 1.041-.175.598-.023 1.152-.044 1.421-.749.979-2.573 7.218.17 6.483 2.651.958-.068 1.834-.846 1.683-1.852Zm-5.521 19.624c.26-.413.679-.689 1.099-.966.353-.233.706-.466.968-.781.591-.712.72-.448.938-.004.106.217.233.476.445.686.782.773.175 1.303-.442 1.843-.287.25-.575.502-.729.782-.835 1.515-2.972.074-2.279-1.56Zm11.943-12.936c-2.557.413-1.138-4.061 2.111-1.904 1.244.848-1.508 1.794-2.111 1.904Zm3.166 6.203c-1.156.421-3.028.314-4.126-.287-1.241-.618-.438-2.91.842-2.91.331 0 .544-.128.801-.33l.011-.008c2.527-1.781 5.603 2.506 2.472 3.535Zm2.406-1.396c.228.481 1.151.778 1.513.345 2.435-2.912-2.916-2.616-1.513-.345Zm-.051 5.608c-1.474.424-1.734 3.047.538 1.256.975-.753.555-2.15-.538-1.256Zm7.322 4.079c-.584-.963-.096-2.315 1.21-2.462 1.259-.207 2.777.746 2.295 2.058-.544 1.655-2.631 1.96-3.505.404Zm.258 7.526c-1.726-1.256.724-2.178 1.911-1.764.1.032.226.053.359.075.471.077 1.014.166.631.815-.498.841-2.508 2.572-2.901.874Zm-4.613-1.058c1.483-1.286-1.964-4.057-2.207-.904 0 1.075 1.353 1.754 2.207.904Zm.42 4.601c-.487 1.675-5.305 3.305-5.705.852-.275-2.735 1.053-2.234 2.302-1.763.709.267 1.392.525 1.743.176.289-.563.399-.832.58-.893.165-.055.39.065.868.296.196-.24.986-.86 1.423-.542 0 .465-.293.729-.594 1.001-.265.238-.536.482-.617.873Zm-8.274-5.836c2.312.841.072 3.849-1.926 3.197-2.729-.772-.408-4.239 1.926-3.197Zm-5.284-1.823c-.967.684-2.322 2.576-.123 2.384 2.568-.224 1.45-3.469.123-2.384Zm-.229-16.559c.801 1.995-2.076 2.372-3.048.823-.195-.388.081-.624.365-.866.102-.087.205-.175.287-.271.801-.939 1.864-1.1 2.396.314Zm-.03 23.159c-.537.308-1.273-.093-1.742-.396-1.614-1.174 1.238-3.207 2.052-1.191.169.426.16 1.336-.31 1.587Zm1.086-12.499c-.575.191-1.626-.235-2.15-.565-2.428-1.539-.94-4.789 1.866-2.667.954.721 2.343 2.633.284 3.232Zm-13.198-2.884c.045-.434.384-.816.812-1.051.192.054.306.213.411.36.081.113.158.22.261.265.082.789-1.682 1.478-1.484.426Zm.975-5.608c.361-1.273 3.164-1.4 3.631-.287.114.379-.13.893-.346 1.348a4.223 4.223 0 0 0-.244.578c-.744.209-3.529-.537-3.041-1.639Zm14.282 10.341c-4.881.888 3.734 7.044 3.734 2.573.322-1.971-2.239-2.772-3.734-2.573Zm-11.987-3.969c-.684 0-1.275 1.067-.672 1.573 2.328 1.694 2.112-3.338.672-1.573Zm5.57-11.013c.381 1.051-.498 1.337-1.436 1.642-.689.224-1.409.458-1.683 1.014-.468 1.33-4.039-.627-4.407-1.308-.376-.375.367-1.766.747-2.477.078-.146.141-.264.176-.338.943-2.143 3.539-2.288 5.469-1.22.91.415.939.996.972 1.653.016.329.033.677.162 1.034Z"
+      stroke="#1E164B" stroke-linejoin="round" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="m298.812 233.657-.042-.021.034.036c-1.831-.696-3.677-1.43-5.543-2.029-.059-.5-.111-.992-.229-1.492.442-.586 1.107-1.645.569-2.359-.362-.444-1.28-.317-1.459-.691-.681-1.428-1.944-2.594-3.656-2.529l.042-.051h-.05c-.575-2.293-.959-4.631-1.247-6.968.397 0 .733-.476 1.085-.632.367-.154 3.608-.282 3.64.061.968.042.192 2.71 2.028 2.71.303 0 .606-.198.709-.448.458-.775-.111-1.261-.111-1.985 1.343.126 3.831-.089 4.99.662.599.344.353 1.386.428 1.955-1.392-.563-3.38-.136-3.093 1.727 0 .914 1.725.927 2.344.792.66-.164-1.711 9.353-.439 11.262Zm-4.89-2.909c-.246-1.031 1.239-.888 2.026-.626.883.27 1.927 1.052 1.26 1.959-1.114-.418-2.155-.965-3.286-1.333Zm-.218-5.529c.475-.604 1.801.166 1.801.845 0 1.699-2.892.703-1.801-.845Zm-.937-1.639c-1.832-.278-1.173-2.535.479-1.712 1.159.651.886 2.026-.479 1.712Zm-2.052-4.028c-.411.409-.915 1.3-.915 1.926 4.208 0 1.759-2.767.915-1.926ZM271.776 249.411c.287 1.607.576 3.224 1.066 3.713-1.169.388-1.937.523-2.575.636-.449.08-.834.148-1.249.284-.922.269-2.059.092-3.094-.069-.358-.055-.703-.109-1.024-.142-.832-.085-1.531.037-2.217.157-.69.122-1.366.24-2.153.142-2.771-.276-2.306-1.248-1.655-2.61.386-.808.838-1.754.716-2.772-.117-.978-.022-1.975.072-2.961.027-.283.054-.565.075-.846a197.7 197.7 0 0 0 .219-3.274c.353-5.743.63-10.247 2.995-4.421.409.487.807.72 1.204.953.643.377 1.285.753 1.97 2.207-.295 1.617.227 5.497 4.281 5.219.684-.055 1.025 1.858 1.369 3.784Zm-8.463-4.819c-.384-.669-.14-2.006.959-1.999.449 0 .422 4.38-.959 1.999Zm2.946 4.184c-.148-.426-.306-.884-.789-.486-.244.202-.574.352-.89.496-.662.302-1.268.578-.918 1.25.098.188.177.357.247.504.297.631.417.884 1.044.69.242-.074.553-.118.867-.163.691-.098 1.392-.197 1.366-.627-.029-.5-.147-.864-.812-1.36a3.252 3.252 0 0 1-.115-.304Z"
+          fill="#fff" stroke="#1E164B" stroke-linejoin="round" />
+    <path
+      d="M257.354 252.077c1.305.207 7.62 6.013 7.62 6.013l2.472-.207 2.265-3.714 4.325-1.238 5.767 3.714-.206 2.683-2.883 1.031 2.883 1.445-1.236 1.444-8.856-.206-2.883-1.032-1.03-1.651-7.358 7.641-69.53-3.823c-.682-1.431-.916-5.692 0-8.277l68.65-3.823Z"
+      fill="#fff" />
+    <path
+      d="m267.446 257.883-2.472.207s-6.315-5.806-7.62-6.013l-68.65 3.823c-.916 2.585-.682 6.846 0 8.277l69.53 3.823 7.358-7.641m1.854-2.476 2.265-3.714 4.325-1.238 5.767 3.714-.206 2.683-2.883 1.031 2.883 1.445-1.236 1.444-8.856-.206-2.883-1.032-1.03-1.651m1.854-2.476-1.854 2.476m0 0 9.525-2.527m-9.525 2.527 8.032-.309"
+      stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="m188.729 255.89-28.171.848c-3.048 3.219-1.476 5.606 0 6.396l28.171 1.053s-1.274-3.796 0-8.297Z"
+          fill="#DCDFE5" stroke="#1E164B" stroke-linejoin="round" />
+    <path
+      d="m264.922 258.076-6.075 4.707M263.894 257.418l-4.582.309M260.135 256.077l2.01 1.433M261.334 260.862l-1.403 2.798"
+      stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
+  </g>
+</svg>

package/dist/EmptyState.js

@@ -1,6 +1,6 @@
 import { defineComponent as d, useCssModule as f, useSlots as y, openBlock as l, createElementBlock as a, unref as e, createBlock as _, createCommentVNode as m, createElementVNode as u, renderSlot as i, toDisplayString as r, normalizeClass as n, createTextVNode as w } from "vue";
 import { t as g } from "./locale.js";
-import { _ as b } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import { _ as b } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import { s as x } from "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";

package/dist/EmptyState.vue.d.ts

@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     };
     text: string;
     subtitle: string;
-    vignette: "map" | "search" | "payments" | "calendar" | "dashboard" | "edit" | "megaphone" | "truck" | "warehouse" | "light-bulb" | "pie-chart" | "api" | "bank" | "basket" | "brand-menu" | "deals" | "document-search" | "empty-tray" | "graph" | "integrations" | "messages" | "money-bank" | "notifications" | "orders-empty" | "products" | "search-storefront" | "store" | "todo" | "users" | "warehouse-delivery";
+    vignette: "map" | "search" | "payments" | "calendar" | "dashboard" | "edit" | "megaphone" | "truck" | "warehouse" | "light-bulb" | "pie-chart" | "api" | "bank" | "basket" | "brand-menu" | "deals" | "document-search" | "empty-tray" | "graph" | "integrations" | "messages" | "money-bank" | "notifications" | "orders-empty" | "product-cards" | "product-display" | "search-storefront" | "store" | "todo" | "users" | "warehouse-delivery";
 }, {}>, Readonly<EmptyStateSlots>>;
 export default _default;
 
@@ -130,7 +130,8 @@ declare enum VignetteName {
     OrdersEmpty = "orders-empty",
     Payments = "payments",
     PieChart = "pie-chart",
-    Products = "products",
+    ProductCards = "product-cards",
+    ProductDisplay = "product-display",
     Search = "search",
     SearchStorefront = "search-storefront",
     Store = "store",

package/dist/HttpError.js

@@ -1,7 +1,7 @@
 import { defineComponent as L, useCssModule as B, useSlots as b, computed as s, resolveComponent as z, openBlock as _, createElementBlock as u, normalizeClass as l, unref as e, createElementVNode as o, createVNode as n, withCtx as h, toDisplayString as p, createTextVNode as c, renderSlot as S, createCommentVNode as V } from "vue";
 import { t } from "./locale.js";
 import X from "./Button.js";
-import { _ as I, I as N, V as $ } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import { _ as I, I as N, V as $ } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import { _ as M } from "./Logo.vue_vue_type_script_setup_true_lang-d7da48a0.js";
 import { _ as T } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";

package/dist/Illustration.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
-import { I as r, S as i, V as f, s as n, v as N } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import { _ as a } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
+import { I as r, S as i, V as f, s as n, v as N } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "vue";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";

package/dist/Illustration.vue.d.ts

@@ -233,7 +233,8 @@ export declare enum VignetteName {
     OrdersEmpty = "orders-empty",
     Payments = "payments",
     PieChart = "pie-chart",
-    Products = "products",
+    ProductCards = "product-cards",
+    ProductDisplay = "product-display",
     Search = "search",
     SearchStorefront = "search-storefront",
     Store = "store",

package/dist/{Illustration.vue_vue_type_script_setup_true_lang-e52df837.js → Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js}

@@ -1,12 +1,12 @@
-import { defineComponent as u, inject as d, computed as e, openBlock as h, createBlock as y, unref as k, normalizeClass as f } from "vue";
+import { defineComponent as d, inject as u, computed as c, openBlock as h, createBlock as y, unref as k, normalizeClass as f } from "vue";
 import v from "lodash-es/uniqueId";
 import { I as b } from "./index-79ce320f.js";
 var l = /* @__PURE__ */ ((r) => (r.Approved = "approved", r.Avatar = "avatar", r.Barcode = "barcode", r.Calendar = "calendar", r.Cartridge = "cartridge", r.Celebrate = "celebrate", r.ChatBubble = "chat-bubble", r.CheckBox = "check-box", r.CheckCircle = "check-circle", r.Click = "click", r.Cocktail = "cocktail", r.Confirmation = "confirmation", r.Connnect = "connnect", r.Cookie = "cookie", r.CreditCard = "credit-card", r.Crm = "crm", r.Cultivation = "cultivation", r.Data = "data", r.DeliveryCompleted = "delivery-completed", r.Delivery = "delivery", r.DigitalPayments = "digital-payments", r.Discover = "discover", r.Diversity = "diversity", r.Drink = "drink", r.Dolly = "dolly", r.EasyReconciliations = "easy-reconciliations", r.Efficiency = "efficiency", r.Error = "error", r.ExtendDate = "extend-date", r.FinancialGrowth = "financial-growth", r.FinancialInstitution = "financial-institution", r.Focus = "focus", r.FulfillmentIssues = "fulfillment-issues", r.Growth = "growth", r.Handshake = "handshake", r.Hierarchy = "hierarchy", r.Home = "home", r.Laptop = "laptop", r.Licenses = "licenses", r.LightBulb = "light-bulb", r.LightbulbError = "lightbulb-error", r.LineChart = "line-chart", r.Link = "link", r.LocationPin = "location-pin", r.Lock = "lock", r.Messaging = "messaging", r.Microchip = "microchip", r.MissingData = "missing-data", r.MoneyTransfer = "money-transfer", r.Money = "money", r.NoInventoryAccess = "no-inventory-access", r.NoInventory = "no-inventory", r.NoPromote = "no-promote", r.PackageReceived = "package-received", r.Package = "package", r.PaymentProcessing = "payment-processing", r.Phone = "phone", r.PieChart = "pie-chart", r.ProductCycle = "product-cycle", r.Puzzle = "puzzle", r.Receipt = "receipt", r.Retail = "retail", r.SearchingDocument = "searching-document", r.ShoppingBasket = "shopping-basket", r.Shopping = "shopping", r.Sign = "sign", r.Smile = "smile", r.Speed = "speed", r.Time = "time", r.Tools = "tools", r.Truck = "truck", r.User = "user", r.Warehouse = "warehouse", r.Warning = "warning", r.XCircle = "x-circle", r))(l || {});
 const C = Object.values(l);
-var o = /* @__PURE__ */ ((r) => (r.Api = "api", r.Bank = "bank", r.Basket = "basket", r.BrandMenu = "brand-menu", r.Calendar = "calendar", r.Dashboard = "dashboard", r.Deals = "deals", r.DocumentSearch = "document-search", r.Edit = "edit", r.EmptyTray = "empty-tray", r.Graph = "graph", r.Integrations = "integrations", r.LightBulb = "light-bulb", r.Map = "map", r.Megaphone = "megaphone", r.Messages = "messages", r.MoneyBank = "money-bank", r.Notifications = "notifications", r.OrdersEmpty = "orders-empty", r.Payments = "payments", r.PieChart = "pie-chart", r.Products = "products", r.Search = "search", r.SearchStorefront = "search-storefront", r.Store = "store", r.Todo = "todo", r.Truck = "truck", r.Users = "users", r.Warehouse = "warehouse", r.WarehouseDelivery = "warehouse-delivery", r))(o || {});
+var o = /* @__PURE__ */ ((r) => (r.Api = "api", r.Bank = "bank", r.Basket = "basket", r.BrandMenu = "brand-menu", r.Calendar = "calendar", r.Dashboard = "dashboard", r.Deals = "deals", r.DocumentSearch = "document-search", r.Edit = "edit", r.EmptyTray = "empty-tray", r.Graph = "graph", r.Integrations = "integrations", r.LightBulb = "light-bulb", r.Map = "map", r.Megaphone = "megaphone", r.Messages = "messages", r.MoneyBank = "money-bank", r.Notifications = "notifications", r.OrdersEmpty = "orders-empty", r.Payments = "payments", r.PieChart = "pie-chart", r.ProductCards = "product-cards", r.ProductDisplay = "product-display", r.Search = "search", r.SearchStorefront = "search-storefront", r.Store = "store", r.Todo = "todo", r.Truck = "truck", r.Users = "users", r.Warehouse = "warehouse", r.WarehouseDelivery = "warehouse-delivery", r))(o || {});
 const g = Object.values(o);
 var s = /* @__PURE__ */ ((r) => (r.Spot = "spot", r.Vignette = "vignette", r.Scene = "scene", r))(s || {});
-const E = /* @__PURE__ */ u({
+const I = /* @__PURE__ */ d({
   __name: "Illustration",
   props: {
     id: { default: v("ll-illustration-") },
@@ -28,13 +28,13 @@ const E = /* @__PURE__ */ u({
       throw new Error(
         `${i.type} illustration name ${i.name} not found. Did you check that you are using the correct type for your illustration?`
       );
-    const n = d("stashOptions", {
+    const n = u("stashOptions", {
       staticPath: "/static"
-    }), c = e(() => i.type === s.Spot), t = e(() => c.value ? "0" : !1), a = e(() => i.staticPath || (n == null ? void 0 : n.staticPath));
+    }), e = c(() => i.type === s.Spot), t = c(() => e.value ? "0" : !1), a = c(() => i.staticPath || (n == null ? void 0 : n.staticPath));
     return (w, P) => (h(), y(k(b), {
       id: i.id,
       class: f(["tw-inline-block tw-align-middle", {
-        [`tw-text-${i.fillColor}-400 tw-stroke-${i.strokeColor}`]: c.value
+        [`tw-text-${i.fillColor}-400 tw-stroke-${i.strokeColor}`]: e.value
       }]),
       title: i.title,
       height: i.size,
@@ -49,8 +49,8 @@ export {
   s as I,
   l as S,
   o as V,
-  E as _,
+  I as _,
   C as s,
   g as v
 };
-//# sourceMappingURL=Illustration.vue_vue_type_script_setup_true_lang-e52df837.js.map
+//# sourceMappingURL=Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js.map

package/dist/Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js","sources":["../src/components/Illustration/Illustration.models.ts","../src/components/Illustration/Illustration.vue"],"sourcesContent":["/**\n * Enum to strongly map between a friendly name and file name of the illustration\n */\nexport enum SpotName {\n  Approved = 'approved',\n  Avatar = 'avatar',\n  Barcode = 'barcode',\n  Calendar = 'calendar',\n  Cartridge = 'cartridge',\n  Celebrate = 'celebrate',\n  ChatBubble = 'chat-bubble',\n  CheckBox = 'check-box',\n  CheckCircle = 'check-circle',\n  Click = 'click',\n  Cocktail = 'cocktail',\n  Confirmation = 'confirmation',\n  Connnect = 'connnect',\n  Cookie = 'cookie',\n  CreditCard = 'credit-card',\n  Crm = 'crm',\n  Cultivation = 'cultivation',\n  Data = 'data',\n  DeliveryCompleted = 'delivery-completed',\n  Delivery = 'delivery',\n  DigitalPayments = 'digital-payments',\n  Discover = 'discover',\n  Diversity = 'diversity',\n  Drink = 'drink',\n  Dolly = 'dolly',\n  EasyReconciliations = 'easy-reconciliations',\n  Efficiency = 'efficiency',\n  Error = 'error',\n  ExtendDate = 'extend-date',\n  FinancialGrowth = 'financial-growth',\n  FinancialInstitution = 'financial-institution',\n  Focus = 'focus',\n  FulfillmentIssues = 'fulfillment-issues',\n  Growth = 'growth',\n  Handshake = 'handshake',\n  Hierarchy = 'hierarchy',\n  Home = 'home',\n  Laptop = 'laptop',\n  Licenses = 'licenses',\n  LightBulb = 'light-bulb',\n  LightbulbError = 'lightbulb-error',\n  LineChart = 'line-chart',\n  Link = 'link',\n  LocationPin = 'location-pin',\n  Lock = 'lock',\n  Messaging = 'messaging',\n  Microchip = 'microchip',\n  MissingData = 'missing-data',\n  MoneyTransfer = 'money-transfer',\n  Money = 'money',\n  NoInventoryAccess = 'no-inventory-access',\n  NoInventory = 'no-inventory',\n  NoPromote = 'no-promote',\n  PackageReceived = 'package-received',\n  Package = 'package',\n  PaymentProcessing = 'payment-processing',\n  Phone = 'phone',\n  PieChart = 'pie-chart',\n  ProductCycle = 'product-cycle',\n  Puzzle = 'puzzle',\n  Receipt = 'receipt',\n  Retail = 'retail',\n  SearchingDocument = 'searching-document',\n  ShoppingBasket = 'shopping-basket',\n  Shopping = 'shopping',\n  Sign = 'sign',\n  Smile = 'smile',\n  Speed = 'speed',\n  Time = 'time',\n  Tools = 'tools',\n  Truck = 'truck',\n  User = 'user',\n  Warehouse = 'warehouse',\n  Warning = 'warning',\n  XCircle = 'x-circle',\n}\n\nexport type SpotNames = `${SpotName}`;\n\n/**\n * String array of all illustration names\n */\nexport const spotNames = Object.values(SpotName);\n\nexport enum VignetteName {\n  Api = 'api',\n  Bank = 'bank',\n  Basket = 'basket',\n  BrandMenu = 'brand-menu',\n  Calendar = 'calendar',\n  Dashboard = 'dashboard',\n  Deals = 'deals',\n  DocumentSearch = 'document-search',\n  Edit = 'edit',\n  EmptyTray = 'empty-tray',\n  Graph = 'graph',\n  Integrations = 'integrations',\n  LightBulb = 'light-bulb',\n  Map = 'map',\n  Megaphone = 'megaphone',\n  Messages = 'messages',\n  MoneyBank = 'money-bank',\n  Notifications = 'notifications',\n  OrdersEmpty = 'orders-empty',\n  Payments = 'payments',\n  PieChart = 'pie-chart',\n  ProductCards = 'product-cards',\n  ProductDisplay = 'product-display',\n  Search = 'search',\n  SearchStorefront = 'search-storefront',\n  Store = 'store',\n  Todo = 'todo',\n  Truck = 'truck',\n  Users = 'users',\n  Warehouse = 'warehouse',\n  WarehouseDelivery = 'warehouse-delivery',\n}\n\nexport type VignetteNames = `${VignetteName}`;\n\n/**\n * String array of all vignette names\n */\nexport const vignetteNames = Object.values(VignetteName);\n\n/**\n * Types of illustrations that map to the subfolder under ./assets/illustrations/<type>\n */\nexport enum IllustrationType {\n  Spot = 'spot',\n  Vignette = 'vignette',\n  // Scene is not implemented, but adding it for future work mentioned in STASH-61.\n  Scene = 'scene',\n}\n\nexport type IllustrationTypes = `${IllustrationType}`;\n","<script lang=\"ts\">\n  export * from './Illustration.models';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashPrimaryColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import { StashProvideState } from '../../../types/misc';\n  import {\n    IllustrationType,\n    IllustrationTypes,\n    SpotName,\n    SpotNames,\n    spotNames,\n    VignetteName,\n    VignetteNames,\n    vignetteNames,\n  } from './Illustration.models';\n\n  export interface IllustrationProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: SpotNames | VignetteNames;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size in pixels of the illustration.  This number will be used for width and height\n     */\n    size?: number;\n\n    /**\n     * Type of the illustration\n     */\n    type?: IllustrationTypes;\n\n    /**\n     * The fill color for the illustration.  This component will use the 400 shade of the color\n     * per design's request.  Defaults to teal.\n     */\n    fillColor?: StashPrimaryColorGroup;\n\n    /**\n     * The color theme for the illustration.  This component will use the standard 500 shade of the color.\n     * Defaults to purple\n     */\n    strokeColor?: StashPrimaryColor;\n\n    /**\n     * Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  const props = withDefaults(defineProps<IllustrationProps>(), {\n    id: uniqueId('ll-illustration-'),\n    title: '',\n    size: 48,\n    type: IllustrationType.Spot,\n    fillColor: 'blue',\n    strokeColor: 'purple-500',\n    staticPath: '',\n  });\n\n  if (props.type === IllustrationType.Scene) {\n    throw new Error(\n      'Scene illustration types are not supported. Illustrations will need to be uploaded under ./assets/illustrations/scene. Illustrations to be provided by design.',\n    );\n  }\n\n  if (\n    (props.type === IllustrationType.Spot && !spotNames.includes(props.name as SpotName)) ||\n    (props.type === IllustrationType.Vignette && !vignetteNames.includes(props.name as VignetteName))\n  ) {\n    throw new Error(\n      `${props.type} illustration name ${props.name} not found. Did you check that you are using the correct type for your illustration?`,\n    );\n  }\n\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const isSpotIllustration = computed(() => props.type === IllustrationType.Spot);\n\n  /**\n   * Browsers won't add the `stroke-width` attribute if it is set to false.\n   * However, setting it to specific number value affects vignettes\n   */\n  const strokeWidth = computed<boolean | string>(() => {\n    return isSpotIllustration.value ? '0' : false;\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n</script>\n\n<template>\n  <!-- InlineSvg package (https://github.com/shrpne/vue-inline-svg) swaps external svgs and puts\n  them inline so we can style them with CSS -->\n  <!-- Having to override fill to be none and stroke to be zero so the exported svgs from Figma\n  that do not have those attributes specified do not get a default one applied -->\n  <InlineSvg\n    :id=\"props.id\"\n    class=\"tw-inline-block tw-align-middle\"\n    :class=\"{\n      [`tw-text-${props.fillColor}-400 tw-stroke-${props.strokeColor}`]: isSpotIllustration,\n    }\"\n    :title=\"props.title\"\n    :height=\"props.size\"\n    :width=\"props.size\"\n    :stroke-width=\"strokeWidth\"\n    fill=\"none\"\n    :src=\"`${computedStaticPath}/illustrations/${props.type}/${props.name}.svg`\"\n  />\n</template>\n"],"names":["SpotName","spotNames","VignetteName","vignetteNames","IllustrationType","props","stashOptions","inject","isSpotIllustration","computed","strokeWidth","computedStaticPath"],"mappings":"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"}

package/dist/ListView.js

@@ -58,7 +58,7 @@ import "lodash-es/isNil";
 import "./utils/i18n.js";
 import "./Radio.js";
 import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
-import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 const de = "_checkbox_hsxyw_10", he = "_actions_hsxyw_14", ue = {

package/dist/Table.js

@@ -13,7 +13,7 @@ import { T as A } from "./Table.keys-cf93df19.js";
 import { S as O } from "./misc-76697f61.js";
 import "./locale.js";
 import "lodash-es/get";
-import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "./index-79ce320f.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import "./_plugin-vue_export-helper-dad06003.js";

package/dist/TableCell.js

@@ -5,7 +5,7 @@ import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
 import "lodash-es/get";
-import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 import { T as y, s as C } from "./Table.keys-cf93df19.js";

package/dist/TableHeaderCell.js

@@ -4,7 +4,7 @@ import f from "./Icon.js";
 import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import { D as b } from "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
 import "lodash-es/get";
-import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 import { T as N } from "./Table.keys-cf93df19.js";

package/dist/TableHeaderRow.js

@@ -6,7 +6,7 @@ import "lodash-es/cloneDeep";
 import "lodash-es/uniqueId";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
-import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 import { T as v } from "./Table.keys-cf93df19.js";

package/dist/TableRow.js

@@ -8,7 +8,7 @@ import "lodash-es/cloneDeep";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
-import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 import C from "./TableCell.js";

package/dist/useStepper.js

@@ -28,9 +28,9 @@ function E(v = {
         a.value[e.value].completed = !0, e.value = -1;
     else if (s(e.value)) {
       const i = l.value === -1, c = l.value === a.value[e.value].substeps.length - 1;
-      i ? l.value++ : c ? (a.value[e.value].substeps[l.value].completed = !0, l.value = -1, a.value[e.value].completed = !0, e.value++, s(e.value) && l.value++) : (a.value[e.value].substeps[l.value].completed = !0, l.value++);
+      i ? l.value++ : c ? (a.value[e.value].substeps[l.value].completed = !0, l.value = -1, a.value[e.value].completed = !0, e.value++, s(e.value) && l.value === -1 && l.value++) : (a.value[e.value].substeps[l.value].completed = !0, l.value++);
     } else
-      a.value[e.value].completed = !0, e.value++, s(e.value) && l.value++;
+      a.value[e.value].completed = !0, e.value++, s(e.value) && l.value === -1 && l.value++;
   }
   function h() {
     e.value !== -1 && (s(e.value) ? l.value === 0 ? (e.value--, l.value--, e.value >= 0 && s(e.value) && (l.value = a.value[e.value].substeps.length - 1)) : l.value-- : (e.value--, e.value >= 0 && s(e.value) && (l.value = a.value[e.value].substeps.length - 1)));

package/dist/useStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStepper.js","sources":["../src/composables/useStepper/useStepper.ts"],"sourcesContent":["import { computed, readonly, Ref, ref } from 'vue';\n\nexport interface StepDefinition {\n  completed: boolean;\n  substeps: Array<Omit<StepDefinition, 'substeps'>>;\n}\n\nexport interface StepperOptions {\n  /**\n   * If true, the stepper will prevent skipping steps\n   */\n  linear?: boolean;\n  /**\n   * The index of the active step\n   */\n  activeStep?: number;\n  /**\n   * The index of the active substep\n   */\n  activeSubstep?: number;\n  /**\n   * The stepper representation as an array of steps and substeps\n   */\n  steps?: Array<StepDefinition>;\n  /**\n   * A ref to the stepper element\n   */\n  ref?: Ref<HTMLUListElement | null>;\n}\n\nexport default function useStepper(\n  options: StepperOptions = {\n    linear: false,\n    activeStep: -1,\n    activeSubstep: -1,\n    steps: [],\n  },\n) {\n  /**\n   * The steps and substeps of the stepper, so we can keep track of their state.\n   * Can be populated with the `steps` option, or via the `registerStep` function.\n   */\n  const steps = ref<Array<StepDefinition>>(options.steps ? options.steps : []);\n\n  const stepCount = computed(() => steps.value.length);\n\n  const activeStepIndex = ref(\n    options.activeStep !== null && options.activeStep !== undefined ? options.activeStep : -1,\n  );\n  const activeSubstepIndex = ref(\n    options.activeSubstep !== null && options.activeSubstep !== undefined ? options.activeSubstep : -1,\n  );\n\n  const stepElements = computed(() => {\n    return Array.from((options.ref?.value?.children || []) as HTMLCollectionOf<HTMLLIElement>);\n  });\n\n  const activeStepElement = computed(() => stepElements.value[activeStepIndex.value]);\n\n  /**\n   * Returns true if the step at the given index has substeps\n   * @param stepIndex The index of the step to check\n   */\n  function stepHasSubsteps(stepIndex: number): boolean {\n    return !!steps.value[stepIndex].substeps.length;\n  }\n\n  /**\n   * Goes to the next step or substep, while flagging the current one as completed.\n   * If the current step has substeps, it will go to the next substep if there are any, or to the next substep.\n   * And if the next step has substeps, automatically goes to the first substep\n   */\n  function next(): void {\n    const hasNoActiveStep = activeStepIndex.value === -1;\n    const isLastStep = activeStepIndex.value === steps.value.length - 1;\n\n    // If there is no active step, we want to activate the first step\n    if (hasNoActiveStep) {\n      activeStepIndex.value++;\n\n      // If the step we just navigated to has substeps, we want to activate the first substep\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value++;\n      }\n    } else if (isLastStep) {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to reset the step and substep to -1\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value = -1;\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n        // If there are no substeps, we want to complete the current step and reset the step to -1\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value = -1;\n      }\n    } else {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to go to the next step\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value++;\n\n          // If the step we just navigated to has substeps, we want to activate the first substep right away\n          if (stepHasSubsteps(activeStepIndex.value)) {\n            activeSubstepIndex.value++;\n          }\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value++;\n\n        // If the step we just navigated to has substeps, we want to activate the first substep right away\n        if (stepHasSubsteps(activeStepIndex.value)) {\n          activeSubstepIndex.value++;\n        }\n      }\n    }\n  }\n\n  function back(): void {\n    // We don't want to go back if there is no active step\n    if (activeStepIndex.value === -1) {\n      return;\n    }\n\n    if (stepHasSubsteps(activeStepIndex.value)) {\n      // If the active substep is the first one, we want to go back to the previous step\n      if (activeSubstepIndex.value === 0) {\n        activeStepIndex.value--;\n        activeSubstepIndex.value--;\n\n        // If the step that we just navigated to has substeps, we want to navigate to the last substep\n        if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n          activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n        }\n      } else {\n        activeSubstepIndex.value--;\n      }\n    } else {\n      activeStepIndex.value--;\n\n      // If the step that we just navigated to has substeps, we want to navigate to the last substep\n      if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n      }\n    }\n  }\n\n  /**\n   * Navigates to a specific step and substep.\n   */\n  function goTo(stepIndex: number, substepIndex = -1): void {\n    // A linear stepper prevents navigation to incomplete steps\n    if (options.linear) {\n      if (isStepCompleted(stepIndex - 1) || stepIndex === 0) {\n        if (stepHasSubsteps(stepIndex)) {\n          if (substepIndex <= 0) {\n            activeSubstepIndex.value = 0;\n          } else if (isStepCompleted(stepIndex, substepIndex - 1)) {\n            activeSubstepIndex.value = substepIndex;\n          }\n        }\n        activeStepIndex.value = stepIndex;\n      }\n    } else {\n      activeStepIndex.value = stepIndex;\n\n      if (stepHasSubsteps(stepIndex)) {\n        if (substepIndex < 0) {\n          activeSubstepIndex.value = 0;\n        } else {\n          activeSubstepIndex.value = substepIndex;\n        }\n      }\n    }\n  }\n\n  /**\n   * Returns true if the step is completed.\n   * if the substep index is provided, check if the substep is completed.\n   */\n  function isStepCompleted(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return steps.value[stepIndex]?.substeps[substepIndex]?.completed;\n    } else {\n      return steps.value[stepIndex]?.completed;\n    }\n  }\n\n  /**\n   * Returns true if the step is active.\n   * if the substep index is provided, check both if the step and the substep are active.\n   */\n  function isStepActive(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return activeStepIndex.value === stepIndex && activeSubstepIndex.value === substepIndex;\n    } else {\n      return activeStepIndex.value === stepIndex;\n    }\n  }\n\n  /**\n   * Registers a new step or substep into the steps array\n   */\n  function registerStep(nested = false): void {\n    if (nested && !steps.value.length) {\n      throw new Error('Cannot register a substep without a parent step.');\n    }\n\n    if (nested) {\n      steps.value[steps.value.length - 1].substeps.push({ completed: false });\n    } else {\n      steps.value.push({ completed: false, substeps: [] });\n    }\n  }\n\n  return {\n    steps: readonly(steps),\n    stepCount,\n    activeStepElement,\n    activeStepIndex,\n    activeSubstepIndex,\n    registerStep,\n    next,\n    back,\n    goTo,\n    isStepActive,\n    isStepCompleted,\n  };\n}\n"],"names":["useStepper","options","steps","ref","stepCount","computed","activeStepIndex","activeSubstepIndex","stepElements","_b","_a","activeStepElement","stepHasSubsteps","stepIndex","next","hasNoActiveStep","isLastStep","hasNoActiveSubstep","isLastSubstep","back","goTo","substepIndex","isStepCompleted","_c","isStepActive","registerStep","nested","readonly"],"mappings":"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"}
+{"version":3,"file":"useStepper.js","sources":["../src/composables/useStepper/useStepper.ts"],"sourcesContent":["import { computed, readonly, Ref, ref } from 'vue';\n\nexport interface StepDefinition {\n  completed: boolean;\n  substeps: Array<Omit<StepDefinition, 'substeps'>>;\n}\n\nexport interface StepperOptions {\n  /**\n   * If true, the stepper will prevent skipping steps\n   */\n  linear?: boolean;\n  /**\n   * The index of the active step\n   */\n  activeStep?: number;\n  /**\n   * The index of the active substep\n   */\n  activeSubstep?: number;\n  /**\n   * The stepper representation as an array of steps and substeps\n   */\n  steps?: Array<StepDefinition>;\n  /**\n   * A ref to the stepper element\n   */\n  ref?: Ref<HTMLUListElement | null>;\n}\n\nexport default function useStepper(\n  options: StepperOptions = {\n    linear: false,\n    activeStep: -1,\n    activeSubstep: -1,\n    steps: [],\n  },\n) {\n  /**\n   * The steps and substeps of the stepper, so we can keep track of their state.\n   * Can be populated with the `steps` option, or via the `registerStep` function.\n   */\n  const steps = ref<Array<StepDefinition>>(options.steps ? options.steps : []);\n\n  const stepCount = computed(() => steps.value.length);\n\n  const activeStepIndex = ref(\n    options.activeStep !== null && options.activeStep !== undefined ? options.activeStep : -1,\n  );\n  const activeSubstepIndex = ref(\n    options.activeSubstep !== null && options.activeSubstep !== undefined ? options.activeSubstep : -1,\n  );\n\n  const stepElements = computed(() => {\n    return Array.from((options.ref?.value?.children || []) as HTMLCollectionOf<HTMLLIElement>);\n  });\n\n  const activeStepElement = computed(() => stepElements.value[activeStepIndex.value]);\n\n  /**\n   * Returns true if the step at the given index has substeps\n   * @param stepIndex The index of the step to check\n   */\n  function stepHasSubsteps(stepIndex: number): boolean {\n    return !!steps.value[stepIndex].substeps.length;\n  }\n\n  /**\n   * Goes to the next step or substep, while flagging the current one as completed.\n   * If the current step has substeps, it will go to the next substep if there are any, or to the next substep.\n   * And if the next step has substeps, automatically goes to the first substep\n   */\n  function next(): void {\n    const hasNoActiveStep = activeStepIndex.value === -1;\n    const isLastStep = activeStepIndex.value === steps.value.length - 1;\n\n    // If there is no active step, we want to activate the first step\n    if (hasNoActiveStep) {\n      activeStepIndex.value++;\n\n      // If the step we just navigated to has substeps, we want to activate the first substep\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value++;\n      }\n    } else if (isLastStep) {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to reset the step and substep to -1\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value = -1;\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n        // If there are no substeps, we want to complete the current step and reset the step to -1\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value = -1;\n      }\n    } else {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to go to the next step\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value++;\n\n          // If the step we just navigated to has substeps, we want to activate the first substep right away\n          if (stepHasSubsteps(activeStepIndex.value) && activeSubstepIndex.value === -1) {\n            activeSubstepIndex.value++;\n          }\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value++;\n\n        // If the step we just navigated to has substeps, we want to activate the first substep right away\n        if (stepHasSubsteps(activeStepIndex.value) && activeSubstepIndex.value === -1) {\n          activeSubstepIndex.value++;\n        }\n      }\n    }\n  }\n\n  function back(): void {\n    // We don't want to go back if there is no active step\n    if (activeStepIndex.value === -1) {\n      return;\n    }\n\n    if (stepHasSubsteps(activeStepIndex.value)) {\n      // If the active substep is the first one, we want to go back to the previous step\n      if (activeSubstepIndex.value === 0) {\n        activeStepIndex.value--;\n        activeSubstepIndex.value--;\n\n        // If the step that we just navigated to has substeps, we want to navigate to the last substep\n        if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n          activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n        }\n      } else {\n        activeSubstepIndex.value--;\n      }\n    } else {\n      activeStepIndex.value--;\n\n      // If the step that we just navigated to has substeps, we want to navigate to the last substep\n      if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n      }\n    }\n  }\n\n  /**\n   * Navigates to a specific step and substep.\n   */\n  function goTo(stepIndex: number, substepIndex = -1): void {\n    // A linear stepper prevents navigation to incomplete steps\n    if (options.linear) {\n      if (isStepCompleted(stepIndex - 1) || stepIndex === 0) {\n        if (stepHasSubsteps(stepIndex)) {\n          if (substepIndex <= 0) {\n            activeSubstepIndex.value = 0;\n          } else if (isStepCompleted(stepIndex, substepIndex - 1)) {\n            activeSubstepIndex.value = substepIndex;\n          }\n        }\n        activeStepIndex.value = stepIndex;\n      }\n    } else {\n      activeStepIndex.value = stepIndex;\n\n      if (stepHasSubsteps(stepIndex)) {\n        if (substepIndex < 0) {\n          activeSubstepIndex.value = 0;\n        } else {\n          activeSubstepIndex.value = substepIndex;\n        }\n      }\n    }\n  }\n\n  /**\n   * Returns true if the step is completed.\n   * if the substep index is provided, check if the substep is completed.\n   */\n  function isStepCompleted(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return steps.value[stepIndex]?.substeps[substepIndex]?.completed;\n    } else {\n      return steps.value[stepIndex]?.completed;\n    }\n  }\n\n  /**\n   * Returns true if the step is active.\n   * if the substep index is provided, check both if the step and the substep are active.\n   */\n  function isStepActive(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return activeStepIndex.value === stepIndex && activeSubstepIndex.value === substepIndex;\n    } else {\n      return activeStepIndex.value === stepIndex;\n    }\n  }\n\n  /**\n   * Registers a new step or substep into the steps array\n   */\n  function registerStep(nested = false): void {\n    if (nested && !steps.value.length) {\n      throw new Error('Cannot register a substep without a parent step.');\n    }\n\n    if (nested) {\n      steps.value[steps.value.length - 1].substeps.push({ completed: false });\n    } else {\n      steps.value.push({ completed: false, substeps: [] });\n    }\n  }\n\n  return {\n    steps: readonly(steps),\n    stepCount,\n    activeStepElement,\n    activeStepIndex,\n    activeSubstepIndex,\n    registerStep,\n    next,\n    back,\n    goTo,\n    isStepActive,\n    isStepCompleted,\n  };\n}\n"],"names":["useStepper","options","steps","ref","stepCount","computed","activeStepIndex","activeSubstepIndex","stepElements","_b","_a","activeStepElement","stepHasSubsteps","stepIndex","next","hasNoActiveStep","isLastStep","hasNoActiveSubstep","isLastSubstep","back","goTo","substepIndex","isStepCompleted","_c","isStepActive","registerStep","nested","readonly"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "47.3.4",
+  "version": "48.0.0",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",

package/dist/Illustration.vue_vue_type_script_setup_true_lang-e52df837.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Illustration.vue_vue_type_script_setup_true_lang-e52df837.js","sources":["../src/components/Illustration/Illustration.models.ts","../src/components/Illustration/Illustration.vue"],"sourcesContent":["/**\n * Enum to strongly map between a friendly name and file name of the illustration\n */\nexport enum SpotName {\n  Approved = 'approved',\n  Avatar = 'avatar',\n  Barcode = 'barcode',\n  Calendar = 'calendar',\n  Cartridge = 'cartridge',\n  Celebrate = 'celebrate',\n  ChatBubble = 'chat-bubble',\n  CheckBox = 'check-box',\n  CheckCircle = 'check-circle',\n  Click = 'click',\n  Cocktail = 'cocktail',\n  Confirmation = 'confirmation',\n  Connnect = 'connnect',\n  Cookie = 'cookie',\n  CreditCard = 'credit-card',\n  Crm = 'crm',\n  Cultivation = 'cultivation',\n  Data = 'data',\n  DeliveryCompleted = 'delivery-completed',\n  Delivery = 'delivery',\n  DigitalPayments = 'digital-payments',\n  Discover = 'discover',\n  Diversity = 'diversity',\n  Drink = 'drink',\n  Dolly = 'dolly',\n  EasyReconciliations = 'easy-reconciliations',\n  Efficiency = 'efficiency',\n  Error = 'error',\n  ExtendDate = 'extend-date',\n  FinancialGrowth = 'financial-growth',\n  FinancialInstitution = 'financial-institution',\n  Focus = 'focus',\n  FulfillmentIssues = 'fulfillment-issues',\n  Growth = 'growth',\n  Handshake = 'handshake',\n  Hierarchy = 'hierarchy',\n  Home = 'home',\n  Laptop = 'laptop',\n  Licenses = 'licenses',\n  LightBulb = 'light-bulb',\n  LightbulbError = 'lightbulb-error',\n  LineChart = 'line-chart',\n  Link = 'link',\n  LocationPin = 'location-pin',\n  Lock = 'lock',\n  Messaging = 'messaging',\n  Microchip = 'microchip',\n  MissingData = 'missing-data',\n  MoneyTransfer = 'money-transfer',\n  Money = 'money',\n  NoInventoryAccess = 'no-inventory-access',\n  NoInventory = 'no-inventory',\n  NoPromote = 'no-promote',\n  PackageReceived = 'package-received',\n  Package = 'package',\n  PaymentProcessing = 'payment-processing',\n  Phone = 'phone',\n  PieChart = 'pie-chart',\n  ProductCycle = 'product-cycle',\n  Puzzle = 'puzzle',\n  Receipt = 'receipt',\n  Retail = 'retail',\n  SearchingDocument = 'searching-document',\n  ShoppingBasket = 'shopping-basket',\n  Shopping = 'shopping',\n  Sign = 'sign',\n  Smile = 'smile',\n  Speed = 'speed',\n  Time = 'time',\n  Tools = 'tools',\n  Truck = 'truck',\n  User = 'user',\n  Warehouse = 'warehouse',\n  Warning = 'warning',\n  XCircle = 'x-circle',\n}\n\nexport type SpotNames = `${SpotName}`;\n\n/**\n * String array of all illustration names\n */\nexport const spotNames = Object.values(SpotName);\n\nexport enum VignetteName {\n  Api = 'api',\n  Bank = 'bank',\n  Basket = 'basket',\n  BrandMenu = 'brand-menu',\n  Calendar = 'calendar',\n  Dashboard = 'dashboard',\n  Deals = 'deals',\n  DocumentSearch = 'document-search',\n  Edit = 'edit',\n  EmptyTray = 'empty-tray',\n  Graph = 'graph',\n  Integrations = 'integrations',\n  LightBulb = 'light-bulb',\n  Map = 'map',\n  Megaphone = 'megaphone',\n  Messages = 'messages',\n  MoneyBank = 'money-bank',\n  Notifications = 'notifications',\n  OrdersEmpty = 'orders-empty',\n  Payments = 'payments',\n  PieChart = 'pie-chart',\n  Products = 'products',\n  Search = 'search',\n  SearchStorefront = 'search-storefront',\n  Store = 'store',\n  Todo = 'todo',\n  Truck = 'truck',\n  Users = 'users',\n  Warehouse = 'warehouse',\n  WarehouseDelivery = 'warehouse-delivery',\n}\n\nexport type VignetteNames = `${VignetteName}`;\n\n/**\n * String array of all vignette names\n */\nexport const vignetteNames = Object.values(VignetteName);\n\n/**\n * Types of illustrations that map to the subfolder under ./assets/illustrations/<type>\n */\nexport enum IllustrationType {\n  Spot = 'spot',\n  Vignette = 'vignette',\n  // Scene is not implemented, but adding it for future work mentioned in STASH-61.\n  Scene = 'scene',\n}\n\nexport type IllustrationTypes = `${IllustrationType}`;\n","<script lang=\"ts\">\n  export * from './Illustration.models';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashPrimaryColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import { StashProvideState } from '../../../types/misc';\n  import {\n    IllustrationType,\n    IllustrationTypes,\n    SpotName,\n    SpotNames,\n    spotNames,\n    VignetteName,\n    VignetteNames,\n    vignetteNames,\n  } from './Illustration.models';\n\n  export interface IllustrationProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: SpotNames | VignetteNames;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size in pixels of the illustration.  This number will be used for width and height\n     */\n    size?: number;\n\n    /**\n     * Type of the illustration\n     */\n    type?: IllustrationTypes;\n\n    /**\n     * The fill color for the illustration.  This component will use the 400 shade of the color\n     * per design's request.  Defaults to teal.\n     */\n    fillColor?: StashPrimaryColorGroup;\n\n    /**\n     * The color theme for the illustration.  This component will use the standard 500 shade of the color.\n     * Defaults to purple\n     */\n    strokeColor?: StashPrimaryColor;\n\n    /**\n     * Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  const props = withDefaults(defineProps<IllustrationProps>(), {\n    id: uniqueId('ll-illustration-'),\n    title: '',\n    size: 48,\n    type: IllustrationType.Spot,\n    fillColor: 'blue',\n    strokeColor: 'purple-500',\n    staticPath: '',\n  });\n\n  if (props.type === IllustrationType.Scene) {\n    throw new Error(\n      'Scene illustration types are not supported. Illustrations will need to be uploaded under ./assets/illustrations/scene. Illustrations to be provided by design.',\n    );\n  }\n\n  if (\n    (props.type === IllustrationType.Spot && !spotNames.includes(props.name as SpotName)) ||\n    (props.type === IllustrationType.Vignette && !vignetteNames.includes(props.name as VignetteName))\n  ) {\n    throw new Error(\n      `${props.type} illustration name ${props.name} not found. Did you check that you are using the correct type for your illustration?`,\n    );\n  }\n\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const isSpotIllustration = computed(() => props.type === IllustrationType.Spot);\n\n  /**\n   * Browsers won't add the `stroke-width` attribute if it is set to false.\n   * However, setting it to specific number value affects vignettes\n   */\n  const strokeWidth = computed<boolean | string>(() => {\n    return isSpotIllustration.value ? '0' : false;\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n</script>\n\n<template>\n  <!-- InlineSvg package (https://github.com/shrpne/vue-inline-svg) swaps external svgs and puts\n  them inline so we can style them with CSS -->\n  <!-- Having to override fill to be none and stroke to be zero so the exported svgs from Figma\n  that do not have those attributes specified do not get a default one applied -->\n  <InlineSvg\n    :id=\"props.id\"\n    class=\"tw-inline-block tw-align-middle\"\n    :class=\"{\n      [`tw-text-${props.fillColor}-400 tw-stroke-${props.strokeColor}`]: isSpotIllustration,\n    }\"\n    :title=\"props.title\"\n    :height=\"props.size\"\n    :width=\"props.size\"\n    :stroke-width=\"strokeWidth\"\n    fill=\"none\"\n    :src=\"`${computedStaticPath}/illustrations/${props.type}/${props.name}.svg`\"\n  />\n</template>\n"],"names":["SpotName","spotNames","VignetteName","vignetteNames","IllustrationType","props","stashOptions","inject","isSpotIllustration","computed","strokeWidth","computedStaticPath"],"mappings":"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"}