@swan-io/lake 5.0.1 → 5.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/components/Icon.d.ts

@@ -89,6 +89,8 @@ declare const paths: {
     "check-regular": string;
     "checkmark-circle-regular": string;
     "checkmark-filled": string;
+    "checkmark-starburst-regular": string;
+    "checkmark-starburst-filled": string;
     "chevron-down-filled": string;
     "chevron-left-filled": string;
     "chevron-right-filled": string;
@@ -160,6 +162,10 @@ declare const paths: {
     "options-regular": string;
     "paint-brush-filled": string;
     "paint-brush-regular": string;
+    "panel-left-filled": string;
+    "panel-left-regular": string;
+    "panel-left-expand-filled": string;
+    "panel-left-expand-regular": string;
     "pause-regular": string;
     "payment-filled": string;
     "payment-regular": string;

package/src/components/LakeTextInput.d.ts

@@ -229,7 +229,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     disabled?: boolean | undefined;
     color?: "gray" | "live" | "sandbox" | "positive" | "warning" | "negative" | "current" | "partner" | "swan" | "shakespear" | "darkPink" | "sunglow" | "mediumSladeBlue" | undefined;
     multiline?: boolean | undefined;
-    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-counterclockwise-filled" | "arrow-clockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-regular" | "eye-off-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-calculator-regular" | "money-calculator-filled" | "money-regular" | "money-filled" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
+    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-counterclockwise-filled" | "arrow-clockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "checkmark-starburst-regular" | "checkmark-starburst-filled" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-regular" | "eye-off-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-calculator-regular" | "money-calculator-filled" | "money-regular" | "money-filled" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "panel-left-filled" | "panel-left-regular" | "panel-left-expand-filled" | "panel-left-expand-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
     unit?: string | undefined;
     units?: string[] | undefined;
     inputMode?: TextInputProps["inputMode"];

package/src/hooks/useAsyncDataSuspense.d.ts

@@ -0,0 +1,2 @@
+import { AsyncData } from "@swan-io/boxed";
+export declare const useAsyncDataSuspense: <T extends AsyncData<unknown>>(asyncData: T) => void;

package/src/hooks/useAsyncDataSuspense.js

@@ -0,0 +1,22 @@
+import { Deferred } from "@swan-io/boxed";
+import { useEffect, useMemo, useRef } from "react";
+export const useAsyncDataSuspense = (asyncData) => {
+    // For the sake of simplicity here, we also consider `NotAsked` to be a
+    // loading state, so that Suspense is triggered immediately if the query initializes
+    // in a `useEffect` hook, leaving a component render with `NotAsked`
+    const hasResolved = useRef(asyncData.isDone());
+    const deferredRef = useRef(Deferred.make());
+    const [future, resolve] = deferredRef.current;
+    const promiseToThrow = useMemo(() => future.toPromise(), [future]);
+    useEffect(() => {
+        // Once the `asyncData` has been `Done` at least once, the component becomes
+        // responsible for its own loading states
+        if (asyncData.isDone()) {
+            resolve(undefined);
+            hasResolved.current = true;
+        }
+    });
+    if (!hasResolved.current) {
+        throw promiseToThrow;
+    }
+};

package/src/icons/fluent-icons.json

@@ -39,6 +39,8 @@
   "check-regular": "M21.78 5.78a.75.75 0 0 0-1.06-1.06l-7.5 7.5a.75.75 0 1 0 1.06 1.06l7.5-7.5Zm.17 1.25c.03.17.05.34.05.52v6.9c0 1.4-1.14 2.55-2.55 2.55H4.55A2.55 2.55 0 0 1 2 14.45v-6.9C2 6.15 3.14 5 4.55 5h14.48l-1.5 1.5H4.55c-.58 0-1.05.47-1.05 1.05v6.9c0 .58.47 1.05 1.05 1.05h14.9c.58 0 1.05-.47 1.05-1.05V8.47l1.45-1.44ZM4.5 9.25c0-.41.34-.75.75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75Zm0 3.5c0-.41.34-.75.75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75Z",
   "checkmark-circle-regular": "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm-1.25 9.94 4.47-4.47a.75.75 0 0 1 1.13.98l-.07.08-5 5a.75.75 0 0 1-.98.07l-.08-.07-2.5-2.5a.75.75 0 0 1 .98-1.13l.08.07 1.97 1.97 4.47-4.47-4.47 4.47Z",
   "checkmark-filled": "m8.5 16.59-3.8-3.8a1 1 0 0 0-1.4 1.42l4.5 4.5a1 1 0 0 0 1.4 0l11-11a1 1 0 0 0-1.4-1.42L8.5 16.6Z",
+  "checkmark-starburst-regular": "m9.84 2.03.32.14 1.29.63c.35.17.75.17 1.1 0l1.28-.63a2.75 2.75 0 0 1 3.69 1.25l.07.17.06.16.46 1.36c.13.36.42.65.78.78l1.36.46a2.75 2.75 0 0 1 1.58 3.81l-.63 1.29c-.17.35-.17.75 0 1.1l.63 1.28a2.75 2.75 0 0 1-1.58 3.82l-1.36.46c-.36.13-.65.42-.78.78l-.46 1.36a2.75 2.75 0 0 1-3.82 1.58l-1.28-.63a1.25 1.25 0 0 0-1.1 0l-1.29.63a2.75 2.75 0 0 1-3.81-1.58l-.46-1.36a1.25 1.25 0 0 0-.78-.78l-1.36-.46a2.75 2.75 0 0 1-1.58-3.82l.63-1.28c.17-.35.17-.75 0-1.1l-.63-1.29a2.75 2.75 0 0 1 1.58-3.81l1.36-.46c.36-.13.65-.42.78-.78l.46-1.36a2.75 2.75 0 0 1 3.49-1.72Zm-2.07 2.2L7.3 5.6c-.28.8-.91 1.44-1.72 1.72l-1.36.46a1.25 1.25 0 0 0-.71 1.73l.63 1.29c.37.76.37 1.66 0 2.42l-.63 1.29-.07.15c-.22.65.13 1.36.78 1.58l1.36.46c.8.28 1.44.91 1.72 1.72l.46 1.35a1.25 1.25 0 0 0 1.73.72l1.29-.63a2.75 2.75 0 0 1 2.42 0l1.29.63.15.07c.65.22 1.36-.13 1.58-.79l.46-1.35c.28-.8.91-1.44 1.72-1.72l1.35-.46c.06-.01.1-.04.15-.06.62-.3.88-1.05.57-1.67l-.63-1.29a2.75 2.75 0 0 1 0-2.42l.63-1.29.07-.15a1.25 1.25 0 0 0-.79-1.58l-1.35-.46a2.75 2.75 0 0 1-1.72-1.72l-.46-1.36-.03-.07-.03-.07-.06-.12a1.25 1.25 0 0 0-1.61-.45l-1.29.63c-.76.37-1.66.37-2.42 0L9.5 3.52a1.25 1.25 0 0 0-1.73.71Zm2.28 10.16 5.42-5.42a.75.75 0 0 1 1.13.98l-.07.08-6 6a.75.75 0 0 1-1.03.03l-.08-.08-2.5-3A.75.75 0 0 1 8 11.94l.08.08 1.97 2.37 5.42-5.42-5.42 5.42Z",
+  "checkmark-starburst-filled": "m9.84 2.03.32.14 1.29.63c.35.17.75.17 1.1 0l1.28-.63a2.75 2.75 0 0 1 3.69 1.25l.07.17.06.16.46 1.36c.13.36.42.65.78.78l1.36.46a2.75 2.75 0 0 1 1.58 3.81l-.63 1.29c-.17.35-.17.75 0 1.1l.63 1.28a2.75 2.75 0 0 1-1.58 3.82l-1.36.46c-.36.13-.65.42-.78.78l-.46 1.36a2.75 2.75 0 0 1-3.82 1.58l-1.28-.63a1.25 1.25 0 0 0-1.1 0l-1.29.63a2.75 2.75 0 0 1-3.81-1.58l-.46-1.36a1.25 1.25 0 0 0-.78-.78l-1.36-.46a2.75 2.75 0 0 1-1.58-3.82l.63-1.28c.17-.35.17-.75 0-1.1l-.63-1.29a2.75 2.75 0 0 1 1.58-3.81l1.36-.46c.36-.13.65-.42.78-.78l.46-1.36a2.75 2.75 0 0 1 3.49-1.72Zm5.63 6.94-5.42 5.42-1.97-2.37a.75.75 0 1 0-1.16.96l2.5 3c.29.34.8.36 1.11.05l6-6a.75.75 0 1 0-1.06-1.06Z",
   "chevron-down-filled": "M4.3 8.3a1 1 0 0 1 1.4 0l6.3 6.29 6.3-6.3a1 1 0 1 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 0-1.42Z",
   "chevron-left-filled": "M15.7 4.3a1 1 0 0 1 0 1.4L9.42 12l6.3 6.3a1 1 0 0 1-1.42 1.4l-7-7a1 1 0 0 1 0-1.4l7-7a1 1 0 0 1 1.42 0Z",
   "chevron-right-filled": "M8.3 4.3a1 1 0 0 0 0 1.4l6.29 6.3-6.3 6.3a1 1 0 1 0 1.42 1.4l7-7a1 1 0 0 0 0-1.4l-7-7a1 1 0 0 0-1.42 0Z",
@@ -110,6 +112,10 @@
   "options-regular": "M8.75 13.5a3.25 3.25 0 0 1 3.16 2.5h9.34a.75.75 0 0 1 .1 1.5h-9.44a3.25 3.25 0 0 1-6.32 0H2.75a.75.75 0 0 1-.1-1.5h2.94a3.25 3.25 0 0 1 3.16-2.5Zm0 1.5c-.76 0-1.41.49-1.65 1.17l-.02.07-.04.14a1.76 1.76 0 0 0 .02.82l.04.13.02.07a1.75 1.75 0 0 0 3.28-.07l.04-.13-.01.06a1.75 1.75 0 0 0 .04-.82l-.03-.13-.02-.07-.04-.14A1.75 1.75 0 0 0 8.75 15Zm6.5-11a3.25 3.25 0 0 1 3.16 2.5h2.84a.75.75 0 0 1 .1 1.5h-2.94a3.25 3.25 0 0 1-6.32 0H2.75a.75.75 0 0 1-.1-1.5h9.44A3.25 3.25 0 0 1 15.25 4Zm0 1.5c-.76 0-1.41.49-1.65 1.17l-.02.07-.04.14a1.76 1.76 0 0 0 .02.82l.04.13.02.07a1.75 1.75 0 0 0 3.28-.07l.04-.13-.01.06a1.75 1.75 0 0 0 .04-.82l-.03-.13-.02-.07-.04-.14a1.75 1.75 0 0 0-1.63-1.1Z",
   "paint-brush-filled": "M12.5 2v3.25a.75.75 0 0 0 1.5 0V2h1v4.25a.75.75 0 0 0 1.5 0V2h1.75c.41 0 .75.34.75.75V11H5V2.75c0-.41.34-.75.75-.75h6.75ZM5 12.5v1.75c0 1.24 1 2.25 2.25 2.25H10V20a2 2 0 1 0 4 0v-3.5h2.75c1.24 0 2.25-1 2.25-2.25V12.5H5Z",
   "paint-brush-regular": "M5.75 2a.75.75 0 0 0-.75.75v11.5c0 1.24 1 2.25 2.25 2.25H9.5v3a2.5 2.5 0 1 0 5 0v-3h2.25c1.24 0 2.25-1 2.25-2.25V2.75a.75.75 0 0 0-.75-.75H5.75Zm.75 9V3.5h6v1.75a.75.75 0 1 0 1.5 0V3.5h1v2.75a.75.75 0 1 0 1.5 0V3.5h1V11h-11Zm0 3.25V12.5h11v1.75c0 .41-.34.75-.75.75h-3a.75.75 0 0 0-.75.75v3.75a1 1 0 0 1-2 0v-3.75a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 1-.75-.75Z",
+  "panel-left-filled": "M5.25 4A3.25 3.25 0 0 0 2 7.25v9.5C2 18.55 3.46 20 5.25 20h13.5c1.8 0 3.25-1.46 3.25-3.25v-9.5C22 5.45 20.54 4 18.75 4H5.25Zm13.5 1.5c.97 0 1.75.78 1.75 1.75v9.5c0 .97-.78 1.75-1.75 1.75H9.5v-13h9.25Z",
+  "panel-left-regular": "M2 7.25C2 5.45 3.46 4 5.25 4h13.5C20.55 4 22 5.46 22 7.25v9.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 16.75v-9.5ZM9.5 5.5v13h9.25c.97 0 1.75-.78 1.75-1.75v-9.5c0-.97-.78-1.75-1.75-1.75H9.5ZM8 5.5H5.25c-.97 0-1.75.78-1.75 1.75v9.5c0 .97.78 1.75 1.75 1.75H8v-13Z",
+  "panel-left-expand-filled": "M14.2 14.75c.27.3.74.33 1.05.06l2.5-2.25a.75.75 0 0 0 0-1.12l-2.5-2.25a.75.75 0 0 0-1 1.12l1.05.94h-3.55a.75.75 0 1 0 0 1.5h3.55l-1.05.94a.75.75 0 0 0-.06 1.06ZM2 6.75A2.75 2.75 0 0 1 4.75 4h14.5A2.75 2.75 0 0 1 22 6.75v10.5A2.75 2.75 0 0 1 19.25 20H4.75A2.75 2.75 0 0 1 2 17.25V6.75ZM9 5.5v13h10.25c.69 0 1.25-.56 1.25-1.25V6.75c0-.69-.56-1.25-1.25-1.25H9Z",
+  "panel-left-expand-regular": "M14.2 14.75c.27.3.74.33 1.05.06l2.5-2.25a.75.75 0 0 0 0-1.12l-2.5-2.25a.75.75 0 0 0-1 1.12l1.05.94h-3.55a.75.75 0 1 0 0 1.5h3.55l-1.05.94a.75.75 0 0 0-.06 1.06ZM2 6.75A2.75 2.75 0 0 1 4.75 4h14.5A2.75 2.75 0 0 1 22 6.75v10.5A2.75 2.75 0 0 1 19.25 20H4.75A2.75 2.75 0 0 1 2 17.25V6.75ZM4.75 5.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25H8v-13H4.75Zm4.75 0v13h9.75c.69 0 1.25-.56 1.25-1.25V6.75c0-.69-.56-1.25-1.25-1.25H9.5Z",
   "pause-regular": "M6.25 3C5.01 3 4 4 4 5.25v13.5C4 19.99 5 21 6.25 21h2.5C9.99 21 11 20 11 18.75V5.25C11 4.01 10 3 8.75 3h-2.5ZM5.5 5.25c0-.41.34-.75.75-.75h2.5c.41 0 .75.34.75.75v13.5c0 .41-.34.75-.75.75h-2.5a.75.75 0 0 1-.75-.75V5.25ZM15.25 3C14.01 3 13 4 13 5.25v13.5c0 1.24 1 2.25 2.25 2.25h2.5c1.24 0 2.25-1 2.25-2.25V5.25C20 4.01 19 3 17.75 3h-2.5Zm-.75 2.25c0-.41.34-.75.75-.75h2.5c.41 0 .75.34.75.75v13.5c0 .41-.34.75-.75.75h-2.5a.75.75 0 0 1-.75-.75V5.25Z",
   "payment-filled": "M5.25 5A3.25 3.25 0 0 0 2 8.25V9.5h20V8.25C22 6.45 20.54 5 18.75 5H5.25ZM22 11H2v4.75C2 17.55 3.46 19 5.25 19h13.5c1.8 0 3.25-1.46 3.25-3.25V11Zm-6.25 3.5h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5Z",
   "payment-regular": "M15.75 14.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5ZM2 8.25C2 6.45 3.46 5 5.25 5h13.5C20.55 5 22 6.46 22 8.25v7.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 15.75v-7.5ZM20.5 9.5V8.25c0-.97-.78-1.75-1.75-1.75H5.25c-.97 0-1.75.78-1.75 1.75V9.5h17ZM3.5 11v4.75c0 .97.78 1.75 1.75 1.75h13.5c.97 0 1.75-.78 1.75-1.75V11h-17Z",