@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/collection/components/sui-banner/sui-banner.js

@@ -0,0 +1,314 @@
+import { Host, h } from "@stencil/core";
+/**
+ * `<sui-banner>` — SUI Design System (SUI Design System 2.0). COMPUESTO.
+ *
+ * Portado 1:1 desde el componente Angular homologado
+ * (master-pedidos/src/app/components/sui/sui-banner/). Misma API
+ * pública, TODAS las variantes (5 status × 4 styles = 20), mismo comportamiento
+ * (dismiss + slots icon/action, separador middle-dot) y mismos VALORES exactos
+ * (tokens del DS, no hex). Reusa el primitivo `<sui-icon>` ya portado (NO
+ * re-implementa iconos). El accent del DS es NARANJA brand (#fa7319), NO el
+ * azul de Figma.
+ *
+ * Diferencia vs Alert / Toast / Notification: el Banner es full-width altura
+ * fija 44px, pensado para vivir en el top del layout (offline / demo mode /
+ * "actualización disponible"). No tiene `size` axis — siempre la misma altura.
+ *
+ * Figma file: 8p1k72aKKvzJV4XcvPS4VO — frame 224:2249 ("Banner [1.1]"), 20 variants.
+ * Nodes pulled for verification:
+ *   225:208  Error/Stroke · 224:2399 Error/Light · 224:2616 Error/Lighter
+ *   224:2246 Error/Filled · 224:2310 Success/Filled · 224:2369 Feature/Filled
+ *
+ * EXACT specs:
+ *   Container: py=12 px=48, height=44px (fijo), gap 12, items+justify center, overflow clip
+ *   Text block (inner flex row gap 8): title Label/Small Medium (14/500/20/-0.6%)
+ *     ∙ separator (mismo color que título) · description Paragraph/Small Regular (14/400/20)
+ *   Icon: 20×20 leading · Close: sui-compact-button modifiable (24, área táctil 40 / 44 en teléfono), absolute right=12, opacity 0.48 (0.72 en Filled)
+ *
+ * Style × variant color matrix (idéntica al Angular):
+ *   stroke  → bg white-0, border-bottom soft-200, text strong-950, icon = state/{v}/base
+ *   light   → bg state/{v}/light,   text strong-950, icon state/{v}/base
+ *   lighter → bg state/{v}/lighter, text strong-950, icon state/{v}/base
+ *   filled  → bg state/{v}/base, text + icon static-white, close opacity 0.72
+ * Donde {v} = info|success|warning|error|faded. NOTA: la variante `feature` usa
+ * los tokens `--sui-state-faded-*` (gray, base #7b7b7b), NO `--sui-state-feature-*`
+ * (purple) que sí usa sui-alert. Decisión deliberada del Banner — "🚀 What's new"
+ * con color "faded" más soft.
+ *
+ * Icon map (Remix): info→information-fill, success→checkbox-circle-fill,
+ *   warning→alert-fill, error→error-warning-fill, feature→magic-fill.
+ *   (success: Figma usa `select-box-circle-fill` que no existe en RemixIcon;
+ *    `checkbox-circle-fill` es el mismo glyph. feature→magic-fill match exacto.)
+ *
+ * `scoped: true` (light DOM, NO shadow): así los selectores `:host([data-sui-*])`
+ * y los `<sui-icon>` internos heredan el font/tokens del global sin pelear con
+ * shadow DOM. Misma estrategia que el Angular original.
+ *
+ * GOTCHA Stencil: el @Prop `title` del Angular es un nombre reservado del DOM
+ * (renderiza tooltip nativo gris) → renombrado a `heading`. Además se stripea el
+ * atributo nativo `title` del Host (removeAttribute en componentWillLoad), patrón canon Ontop. El
+ * heading se expone via `aria-label` para accesibilidad.
+ *
+ * Slots:
+ *  - `icon`   → reemplaza el icono default por contenido custom (logo, emoji,
+ *               avatar). Si está vacío, cae al icono por variante (`:empty`).
+ *  - `action` → link-button / CTA proyectado (HTML libre). Se oculta si vacío.
+ */
+export class SuiBanner {
+    constructor() {
+        /** Variante semántica. Default `info`. */
+        this.variant = 'info';
+        /**
+         * Estilo visual. Default `stroke`.
+         * NOTA: el @Prop público se llama `variantStyle` (igual al Angular). En HTML
+         * el atributo es `variant-style`. Se refleja al host como `data-sui-style`.
+         */
+        this.variantStyle = 'stroke';
+        /**
+         * Título / línea principal del banner.
+         * Renombrado desde el `title` del Angular: `title` es un @Prop reservado del
+         * DOM (dispara el tooltip nativo gris). En HTML el atributo es `heading`. Se
+         * expone via `aria-label` del host para accesibilidad.
+         */
+        this.heading = null;
+        /** Descripción (texto secundario tras el separador ∙). */
+        this.description = null;
+        /** Muestra el ícono leading (color del variant). Default `true`. */
+        this.showIcon = true;
+        /** Muestra el botón X de cierre. Default `false`. */
+        this.dismissible = false;
+        /** Texto accesible de la X. Default «Cerrar» (en Angular sale de provideSuiTextos). */
+        this.closeLabel = 'Cerrar';
+        /** Estado interno de cierre (equivale al `signal dismissed` del Angular). */
+        this.dismissed = false;
+        this.onDismiss = () => {
+            this.dismissed = true;
+            this.closed.emit();
+        };
+    }
+    componentWillLoad() {
+        /* `<Host>` no borra un title puesto por el consumer: se quita
+           a mano para que no salga el tooltip nativo gris (en Angular, '[attr.title]': 'null').
+           shortcut: solo al montar; un title agregado después queda, subir a MutationObserver si hace falta. */
+        this.el.removeAttribute('title');
+    }
+    /** Icon map por variante (Remix). */
+    get iconName() {
+        const map = {
+            info: 'information-fill',
+            success: 'checkbox-circle-fill',
+            warning: 'alert-fill',
+            error: 'error-warning-fill',
+            feature: 'magic-fill',
+        };
+        return map[this.variant];
+    }
+    render() {
+        var _a, _b;
+        if (this.dismissed) {
+            // Host queda vacío (equivale al `@if (!dismissed())` del Angular).
+            return (h(Host, { role: "region", "aria-label": (_a = this.heading) !== null && _a !== void 0 ? _a : undefined, "data-sui-variant": this.variant, "data-sui-style": this.variantStyle, "data-sui-show-icon": String(this.showIcon) }));
+        }
+        return (h(Host, { role: "region", "aria-label": (_b = this.heading) !== null && _b !== void 0 ? _b : undefined, "data-sui-variant": this.variant, "data-sui-style": this.variantStyle, "data-sui-show-icon": String(this.showIcon) }, h("div", { class: "sui-banner" }, this.showIcon && (h("div", { class: "sui-banner__icon", "aria-hidden": "true" }, h("span", { class: "sui-banner__icon-slot" }, h("slot", { name: "icon" })), h("sui-icon", { class: "sui-banner__icon-default", name: this.iconName, size: 20 }))), h("div", { class: "sui-banner__text" }, this.heading && h("span", { class: "sui-banner__title" }, this.heading), this.heading && this.description && (h("span", { class: "sui-banner__sep", "aria-hidden": "true" }, "\u2219")), this.description && (h("span", { class: "sui-banner__description" }, this.description))), h("div", { class: "sui-banner__action" }, h("slot", { name: "action" })), this.dismissible && (h("sui-compact-button", { class: "sui-banner__close", icon: "close-line", variantStyle: "modifiable", size: "large", ariaLabel: this.closeLabel, onClicked: this.onDismiss })))));
+    }
+    static get is() { return "sui-banner"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["sui-banner.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["sui-banner.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SuiBannerVariant",
+                    "resolved": "\"error\" | \"feature\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SuiBannerVariant": {
+                            "location": "import",
+                            "path": "./sui-banner.data",
+                            "id": "src/components/sui-banner/sui-banner.data.ts::SuiBannerVariant",
+                            "referenceLocation": "SuiBannerVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variante sem\u00E1ntica. Default `info`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'info'"
+            },
+            "variantStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SuiBannerStyle",
+                    "resolved": "\"filled\" | \"light\" | \"lighter\" | \"stroke\"",
+                    "references": {
+                        "SuiBannerStyle": {
+                            "location": "import",
+                            "path": "./sui-banner.data",
+                            "id": "src/components/sui-banner/sui-banner.data.ts::SuiBannerStyle",
+                            "referenceLocation": "SuiBannerStyle"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "Prop",
+                            "text": "p\u00FAblico se llama `variantStyle` (igual al Angular). En HTML\nel atributo es `variant-style`. Se refleja al host como `data-sui-style`."
+                        }],
+                    "text": "Estilo visual. Default `stroke`.\nNOTA: el"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant-style",
+                "defaultValue": "'stroke'"
+            },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "Prop",
+                            "text": "reservado del\nDOM (dispara el tooltip nativo gris). En HTML el atributo es `heading`. Se\nexpone via `aria-label` del host para accesibilidad."
+                        }],
+                    "text": "T\u00EDtulo / l\u00EDnea principal del banner.\nRenombrado desde el `title` del Angular: `title` es un"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "null"
+            },
+            "description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Descripci\u00F3n (texto secundario tras el separador \u2219)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "description",
+                "defaultValue": "null"
+            },
+            "showIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Muestra el \u00EDcono leading (color del variant). Default `true`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-icon",
+                "defaultValue": "true"
+            },
+            "dismissible": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Muestra el bot\u00F3n X de cierre. Default `false`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dismissible",
+                "defaultValue": "false"
+            },
+            "closeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Texto accesible de la X. Default \u00ABCerrar\u00BB (en Angular sale de provideSuiTextos)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-label",
+                "defaultValue": "'Cerrar'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "dismissed": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "closed",
+                "name": "closed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Se emite al presionar la X."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/sui-brand-logo/assets/brand-logos/adobe-black.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.69029 5.45806C2 6.81283 2 8.58633 2 12.1333V19.8667C2 23.4137 2 25.1872 2.69029 26.5419C3.29749 27.7336 4.26637 28.7025 5.45806 29.3097C6.81283 30 8.58633 30 12.1333 30H19.8667C23.4137 30 25.1872 30 26.5419 29.3097C27.7336 28.7025 28.7025 27.7336 29.3097 26.5419C30 25.1872 30 23.4137 30 19.8667V12.1333C30 8.58633 30 6.81283 29.3097 5.45806C28.7025 4.26637 27.7336 3.29749 26.5419 2.69029C25.1872 2 23.4137 2 19.8667 2H12.1333C8.58633 2 6.81283 2 5.45806 2.69029C4.26637 3.29749 3.29749 4.26637 2.69029 5.45806ZM13.2059 8C13.2207 8.00393 7 23 7 23L17.0122 23C17.0122 22.9875 16.7715 22.4048 16.5021 21.7526C16.1565 20.9162 15.7637 19.9655 15.771 19.9567H12.9164C12.9484 19.9491 15.5972 13.784 15.606 13.7037C15.6563 13.7963 19.6641 23.0079 19.6601 23L25 23L17.9301 8H13.2059Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/adobe-original.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.69029 5.45806C2 6.81283 2 8.58633 2 12.1333V19.8667C2 23.4137 2 25.1872 2.69029 26.5419C3.29749 27.7336 4.26637 28.7025 5.45806 29.3097C6.81283 30 8.58633 30 12.1333 30H19.8667C23.4137 30 25.1872 30 26.5419 29.3097C27.7336 28.7025 28.7025 27.7336 29.3097 26.5419C30 25.1872 30 23.4137 30 19.8667V12.1333C30 8.58633 30 6.81283 29.3097 5.45806C28.7025 4.26637 27.7336 3.29749 26.5419 2.69029C25.1872 2 23.4137 2 19.8667 2H12.1333C8.58633 2 6.81283 2 5.45806 2.69029C4.26637 3.29749 3.29749 4.26637 2.69029 5.45806ZM13.2059 8C13.2207 8.00393 7 23 7 23L17.0122 23C17.0122 22.9875 16.7715 22.4048 16.5021 21.7526C16.1565 20.9162 15.7637 19.9655 15.771 19.9567H12.9164C12.9484 19.9491 15.5972 13.784 15.606 13.7037C15.6563 13.7963 19.6641 23.0079 19.6601 23L25 23L17.9301 8H13.2059Z" fill="#E6001F"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/adobe-white.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.69029 5.45806C2 6.81283 2 8.58633 2 12.1333V19.8667C2 23.4137 2 25.1872 2.69029 26.5419C3.29749 27.7336 4.26637 28.7025 5.45806 29.3097C6.81283 30 8.58633 30 12.1333 30H19.8667C23.4137 30 25.1872 30 26.5419 29.3097C27.7336 28.7025 28.7025 27.7336 29.3097 26.5419C30 25.1872 30 23.4137 30 19.8667V12.1333C30 8.58633 30 6.81283 29.3097 5.45806C28.7025 4.26637 27.7336 3.29749 26.5419 2.69029C25.1872 2 23.4137 2 19.8667 2H12.1333C8.58633 2 6.81283 2 5.45806 2.69029C4.26637 3.29749 3.29749 4.26637 2.69029 5.45806ZM13.2059 8C13.2207 8.00393 7 23 7 23L17.0122 23C17.0122 22.9875 16.7715 22.4048 16.5021 21.7526C16.1565 20.9162 15.7637 19.9655 15.771 19.9567H12.9164C12.9484 19.9491 15.5972 13.784 15.606 13.7037C15.6563 13.7963 19.6641 23.0079 19.6601 23L25 23L17.9301 8H13.2059Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/amazon-black.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5779 12.7621C10.0003 13.5948 9.71151 14.5976 9.71151 15.7721H9.70801C9.70801 17.2517 10.1281 18.3964 10.9682 19.2028C11.8083 20.0092 12.8829 20.4124 14.1886 20.4124C15.0374 20.4124 15.7515 20.3283 16.3291 20.1565C17.2445 19.9006 18.1773 19.2554 19.1294 18.2176C19.1977 18.3035 19.3167 18.4683 19.4882 18.7172C19.6563 18.9644 19.7788 19.1275 19.8558 19.2151C19.931 19.2993 20.0588 19.436 20.2373 19.6218C20.4158 19.8094 20.6224 20.0057 20.8604 20.2091C21.1492 20.3283 21.396 20.3108 21.599 20.1565C21.718 20.0548 22.4811 19.3939 23.8918 18.1668C24.0283 18.0651 24.0948 17.9459 24.0948 17.8109C24.0948 17.6917 24.0441 17.555 23.9425 17.4024L23.358 16.6241C23.2389 16.4628 23.1129 16.1998 22.9904 15.8317C22.8609 15.4688 22.7979 15.0656 22.7979 14.6221V8.45133C22.7979 8.38471 22.7909 8.16733 22.7734 7.80269C22.7559 7.43806 22.7314 7.19789 22.6964 7.08745C22.6649 6.977 22.6124 6.77715 22.5424 6.49141C22.4759 6.2004 22.4023 5.97951 22.3148 5.82524C22.2326 5.67097 22.1153 5.49917 21.97 5.30283C21.8248 5.10824 21.669 4.92417 21.501 4.75412C20.4123 3.75137 18.9019 3.25 16.9679 3.25H16.3326C14.8239 3.33415 13.5025 3.74261 12.3736 4.47364C11.2464 5.20466 10.5376 6.32662 10.2488 7.83951C10.2313 7.90788 10.2226 7.96573 10.2226 8.01832C10.2226 8.25674 10.3678 8.40925 10.6549 8.47938L13.583 8.837C13.8543 8.78616 14.024 8.58982 14.0941 8.24972C14.2113 7.70628 14.4739 7.28028 14.8817 6.9735C15.2895 6.66496 15.7743 6.48965 16.3343 6.43706H16.5321C17.297 6.43706 17.857 6.69301 18.2123 7.2049C18.4486 7.57655 18.5711 8.30933 18.5711 9.39622V9.82923C17.535 9.91338 16.7859 9.97999 16.3308 10.0326C14.9902 10.2026 13.8613 10.4831 12.9459 10.8741C11.943 11.3 11.1554 11.9294 10.5779 12.7621ZM14.5859 16.8555C14.2551 16.4523 14.0906 15.9229 14.0906 15.2602L14.0888 15.262C14.0888 13.7999 14.8344 12.8568 16.3291 12.4325C16.8366 12.2975 17.584 12.2274 18.5694 12.2274V12.8638C18.5694 13.4072 18.5659 13.7999 18.5571 14.0383C18.5484 14.2767 18.4976 14.587 18.4048 14.9674C18.3103 15.3496 18.1703 15.702 17.9848 16.0263C17.5945 16.7573 17.0414 17.2149 16.3308 17.4024C16.2958 17.4024 16.2311 17.4112 16.1383 17.4287C16.0438 17.4445 15.9738 17.4515 15.9213 17.4515C15.3612 17.4515 14.9184 17.2534 14.5859 16.8555Z" fill="#171717"/>
+<path d="M24.9331 23.2667C24.8683 23.3351 24.8158 23.4017 24.7808 23.4718V23.4753C24.7633 23.5087 24.7563 23.5332 24.7563 23.5507C24.7388 23.5858 24.7458 23.6173 24.7808 23.6524C24.8158 23.6875 24.8805 23.705 24.9856 23.705C25.3409 23.6542 25.7312 23.6051 26.1582 23.5525C26.5468 23.5174 26.8863 23.4999 27.1733 23.4999C27.9557 23.4999 28.43 23.6033 28.5998 23.8049C28.6663 23.8891 28.7013 24.0258 28.7013 24.2134C28.7013 24.7919 28.3897 25.8192 27.7597 27.2988C27.7089 27.4338 27.7317 27.5267 27.8367 27.5793C27.8682 27.595 27.9032 27.6038 27.9382 27.6038C28.0064 27.6038 28.0817 27.5722 28.1692 27.5021C28.7433 27.0095 29.1931 26.3574 29.5169 25.551C29.8389 24.7446 29.9999 24.0433 29.9999 23.4473V23.2685C29.9999 23.0651 29.9684 22.9126 29.8984 22.8127C29.7479 22.6234 29.2876 22.4971 28.5228 22.427C28.3722 22.3937 28.2095 22.3832 28.0397 22.4007C27.4289 22.4183 26.8005 22.5129 26.1582 22.6812C25.7662 22.7829 25.3584 22.9792 24.9331 23.2667Z" fill="#171717"/>
+<path d="M2.45856 23.0124C2.27128 22.8932 2.13652 22.902 2.05251 23.0387C2.0175 23.0896 2 23.1387 2 23.1913C2 23.2754 2.05251 23.3631 2.15577 23.4454C4.02325 25.1284 6.13402 26.4344 8.49681 27.36C10.8544 28.2856 13.3572 28.7502 16.0053 28.7502C17.7205 28.7502 19.4759 28.51 21.2734 28.0367C23.0726 27.5599 24.7021 26.8885 26.16 26.0207C26.6361 25.7332 27.0264 25.4772 27.3327 25.2564C27.5689 25.0863 27.6162 24.8987 27.4727 24.6954C27.3274 24.4903 27.1279 24.4412 26.8724 24.5429C26.8113 24.5727 26.7137 24.6151 26.5784 24.674L26.5293 24.6954L26.1618 24.8479C22.9186 26.0891 19.6335 26.7114 16.308 26.7114C11.3182 26.7114 6.70109 25.4772 2.45856 23.0124Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/amazon-original.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5779 12.7621C10.0003 13.5948 9.71151 14.5976 9.71151 15.7721H9.70801C9.70801 17.2517 10.1281 18.3964 10.9682 19.2028C11.8083 20.0092 12.8829 20.4124 14.1886 20.4124C15.0374 20.4124 15.7515 20.3283 16.3291 20.1565C17.2445 19.9006 18.1773 19.2554 19.1294 18.2176C19.1977 18.3035 19.3167 18.4683 19.4882 18.7172C19.6563 18.9644 19.7788 19.1275 19.8558 19.2151C19.931 19.2993 20.0588 19.436 20.2373 19.6218C20.4158 19.8094 20.6224 20.0057 20.8604 20.2091C21.1492 20.3283 21.396 20.3108 21.599 20.1565C21.718 20.0548 22.4811 19.3939 23.8918 18.1668C24.0283 18.0651 24.0948 17.9459 24.0948 17.8109C24.0948 17.6917 24.0441 17.555 23.9425 17.4024L23.358 16.6241C23.2389 16.4628 23.1129 16.1998 22.9904 15.8317C22.8609 15.4688 22.7979 15.0656 22.7979 14.6221V8.45133C22.7979 8.38471 22.7909 8.16733 22.7734 7.80269C22.7559 7.43806 22.7314 7.19789 22.6964 7.08745C22.6649 6.977 22.6124 6.77715 22.5424 6.49141C22.4759 6.2004 22.4023 5.97951 22.3148 5.82524C22.2326 5.67097 22.1153 5.49917 21.97 5.30283C21.8248 5.10824 21.669 4.92417 21.501 4.75412C20.4123 3.75137 18.9019 3.25 16.9679 3.25H16.3326C14.8239 3.33415 13.5025 3.74261 12.3736 4.47364C11.2464 5.20466 10.5376 6.32662 10.2488 7.83951C10.2313 7.90788 10.2226 7.96573 10.2226 8.01832C10.2226 8.25674 10.3678 8.40925 10.6549 8.47938L13.583 8.837C13.8543 8.78616 14.024 8.58982 14.0941 8.24972C14.2113 7.70628 14.4739 7.28028 14.8817 6.9735C15.2895 6.66496 15.7743 6.48965 16.3343 6.43706H16.5321C17.297 6.43706 17.857 6.69301 18.2123 7.2049C18.4486 7.57655 18.5711 8.30933 18.5711 9.39622V9.82923C17.535 9.91338 16.7859 9.97999 16.3308 10.0326C14.9902 10.2026 13.8613 10.4831 12.9459 10.8741C11.943 11.3 11.1554 11.9294 10.5779 12.7621ZM14.5859 16.8555C14.2551 16.4523 14.0906 15.9229 14.0906 15.2602L14.0888 15.262C14.0888 13.7999 14.8344 12.8568 16.3291 12.4325C16.8366 12.2975 17.584 12.2274 18.5694 12.2274V12.8638C18.5694 13.4072 18.5659 13.7999 18.5571 14.0383C18.5484 14.2767 18.4976 14.587 18.4048 14.9674C18.3103 15.3496 18.1703 15.702 17.9848 16.0263C17.5945 16.7573 17.0414 17.2149 16.3308 17.4024C16.2958 17.4024 16.2311 17.4112 16.1383 17.4287C16.0438 17.4445 15.9738 17.4515 15.9213 17.4515C15.3612 17.4515 14.9184 17.2534 14.5859 16.8555Z" fill="#353E47"/>
+<path d="M24.9331 23.2667C24.8683 23.3351 24.8158 23.4017 24.7808 23.4718V23.4753C24.7633 23.5087 24.7563 23.5332 24.7563 23.5507C24.7388 23.5858 24.7458 23.6173 24.7808 23.6524C24.8158 23.6875 24.8805 23.705 24.9856 23.705C25.3409 23.6542 25.7312 23.6051 26.1582 23.5525C26.5468 23.5174 26.8863 23.4999 27.1733 23.4999C27.9557 23.4999 28.43 23.6033 28.5998 23.8049C28.6663 23.8891 28.7013 24.0258 28.7013 24.2134C28.7013 24.7919 28.3897 25.8192 27.7597 27.2988C27.7089 27.4338 27.7317 27.5267 27.8367 27.5793C27.8682 27.595 27.9032 27.6038 27.9382 27.6038C28.0064 27.6038 28.0817 27.5722 28.1692 27.5021C28.7433 27.0095 29.1931 26.3574 29.5169 25.551C29.8389 24.7446 29.9999 24.0433 29.9999 23.4473V23.2685C29.9999 23.0651 29.9684 22.9126 29.8984 22.8127C29.7479 22.6234 29.2876 22.4971 28.5228 22.427C28.3722 22.3937 28.2095 22.3832 28.0397 22.4007C27.4289 22.4183 26.8005 22.5129 26.1582 22.6812C25.7662 22.7829 25.3584 22.9792 24.9331 23.2667Z" fill="#FF9900"/>
+<path d="M2.45856 23.0124C2.27128 22.8932 2.13652 22.902 2.05251 23.0387C2.0175 23.0896 2 23.1387 2 23.1913C2 23.2754 2.05251 23.3631 2.15577 23.4454C4.02325 25.1284 6.13402 26.4344 8.49681 27.36C10.8544 28.2856 13.3572 28.7502 16.0053 28.7502C17.7205 28.7502 19.4759 28.51 21.2734 28.0367C23.0726 27.5599 24.7021 26.8885 26.16 26.0207C26.6361 25.7332 27.0264 25.4772 27.3327 25.2564C27.5689 25.0863 27.6162 24.8987 27.4727 24.6954C27.3274 24.4903 27.1279 24.4412 26.8724 24.5429C26.8113 24.5727 26.7137 24.6151 26.5784 24.674L26.5293 24.6954L26.1618 24.8479C22.9186 26.0891 19.6335 26.7114 16.308 26.7114C11.3182 26.7114 6.70109 25.4772 2.45856 23.0124Z" fill="#FF9900"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/amazon-white.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5779 12.7621C10.0003 13.5948 9.71151 14.5976 9.71151 15.7721H9.70801C9.70801 17.2517 10.1281 18.3964 10.9682 19.2028C11.8083 20.0092 12.8829 20.4124 14.1886 20.4124C15.0374 20.4124 15.7515 20.3283 16.3291 20.1565C17.2445 19.9006 18.1773 19.2554 19.1294 18.2176C19.1977 18.3035 19.3167 18.4683 19.4882 18.7172C19.6563 18.9644 19.7788 19.1275 19.8558 19.2151C19.931 19.2993 20.0588 19.436 20.2373 19.6218C20.4158 19.8094 20.6224 20.0057 20.8604 20.2091C21.1492 20.3283 21.396 20.3108 21.599 20.1565C21.718 20.0548 22.4811 19.3939 23.8918 18.1668C24.0283 18.0651 24.0948 17.9459 24.0948 17.8109C24.0948 17.6917 24.0441 17.555 23.9425 17.4024L23.358 16.6241C23.2389 16.4628 23.1129 16.1998 22.9904 15.8317C22.8609 15.4688 22.7979 15.0656 22.7979 14.6221V8.45133C22.7979 8.38471 22.7909 8.16733 22.7734 7.80269C22.7559 7.43806 22.7314 7.19789 22.6964 7.08745C22.6649 6.977 22.6124 6.77715 22.5424 6.49141C22.4759 6.2004 22.4023 5.97951 22.3148 5.82524C22.2326 5.67097 22.1153 5.49917 21.97 5.30283C21.8248 5.10824 21.669 4.92417 21.501 4.75412C20.4123 3.75137 18.9019 3.25 16.9679 3.25H16.3326C14.8239 3.33415 13.5025 3.74261 12.3736 4.47364C11.2464 5.20466 10.5376 6.32662 10.2488 7.83951C10.2313 7.90788 10.2226 7.96573 10.2226 8.01832C10.2226 8.25674 10.3678 8.40925 10.6549 8.47938L13.583 8.837C13.8543 8.78616 14.024 8.58982 14.0941 8.24972C14.2113 7.70628 14.4739 7.28028 14.8817 6.9735C15.2895 6.66496 15.7743 6.48965 16.3343 6.43706H16.5321C17.297 6.43706 17.857 6.69301 18.2123 7.2049C18.4486 7.57655 18.5711 8.30933 18.5711 9.39622V9.82923C17.535 9.91338 16.7859 9.97999 16.3308 10.0326C14.9902 10.2026 13.8613 10.4831 12.9459 10.8741C11.943 11.3 11.1554 11.9294 10.5779 12.7621ZM14.5859 16.8555C14.2551 16.4523 14.0906 15.9229 14.0906 15.2602L14.0888 15.262C14.0888 13.7999 14.8344 12.8568 16.3291 12.4325C16.8366 12.2975 17.584 12.2274 18.5694 12.2274V12.8638C18.5694 13.4072 18.5659 13.7999 18.5571 14.0383C18.5484 14.2767 18.4976 14.587 18.4048 14.9674C18.3103 15.3496 18.1703 15.702 17.9848 16.0263C17.5945 16.7573 17.0414 17.2149 16.3308 17.4024C16.2958 17.4024 16.2311 17.4112 16.1383 17.4287C16.0438 17.4445 15.9738 17.4515 15.9213 17.4515C15.3612 17.4515 14.9184 17.2534 14.5859 16.8555Z" fill="white"/>
+<path d="M24.9331 23.2667C24.8683 23.3351 24.8158 23.4017 24.7808 23.4718V23.4753C24.7633 23.5087 24.7563 23.5332 24.7563 23.5507C24.7388 23.5858 24.7458 23.6173 24.7808 23.6524C24.8158 23.6875 24.8805 23.705 24.9856 23.705C25.3409 23.6542 25.7312 23.6051 26.1582 23.5525C26.5468 23.5174 26.8863 23.4999 27.1733 23.4999C27.9557 23.4999 28.43 23.6033 28.5998 23.8049C28.6663 23.8891 28.7013 24.0258 28.7013 24.2134C28.7013 24.7919 28.3897 25.8192 27.7597 27.2988C27.7089 27.4338 27.7317 27.5267 27.8367 27.5793C27.8682 27.595 27.9032 27.6038 27.9382 27.6038C28.0064 27.6038 28.0817 27.5722 28.1692 27.5021C28.7433 27.0095 29.1931 26.3574 29.5169 25.551C29.8389 24.7446 29.9999 24.0433 29.9999 23.4473V23.2685C29.9999 23.0651 29.9684 22.9126 29.8984 22.8127C29.7479 22.6234 29.2876 22.4971 28.5228 22.427C28.3722 22.3937 28.2095 22.3832 28.0397 22.4007C27.4289 22.4183 26.8005 22.5129 26.1582 22.6812C25.7662 22.7829 25.3584 22.9792 24.9331 23.2667Z" fill="white"/>
+<path d="M2.45856 23.0124C2.27128 22.8932 2.13652 22.902 2.05251 23.0387C2.0175 23.0896 2 23.1387 2 23.1913C2 23.2754 2.05251 23.3631 2.15577 23.4454C4.02325 25.1284 6.13402 26.4344 8.49681 27.36C10.8544 28.2856 13.3572 28.7502 16.0053 28.7502C17.7205 28.7502 19.4759 28.51 21.2734 28.0367C23.0726 27.5599 24.7021 26.8885 26.16 26.0207C26.6361 25.7332 27.0264 25.4772 27.3327 25.2564C27.5689 25.0863 27.6162 24.8987 27.4727 24.6954C27.3274 24.4903 27.1279 24.4412 26.8724 24.5429C26.8113 24.5727 26.7137 24.6151 26.5784 24.674L26.5293 24.6954L26.1618 24.8479C22.9186 26.0891 19.6335 26.7114 16.308 26.7114C11.3182 26.7114 6.70109 25.4772 2.45856 23.0124Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/apple-black.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5475 16.0837C22.5813 19.7157 25.7337 20.9243 25.7687 20.9397C25.742 21.0249 25.2649 22.6621 24.1078 24.3532C23.1074 25.8152 22.0693 27.2718 20.4338 27.302C18.8268 27.3316 18.3101 26.3491 16.4728 26.3491C14.6361 26.3491 14.062 27.2719 12.5408 27.3317C10.9622 27.3914 9.76003 25.7507 8.75145 24.294C6.69045 21.3143 5.11542 15.8742 7.23028 12.202C8.2809 10.3784 10.1584 9.22356 12.1963 9.19394C13.7465 9.16437 15.2097 10.2368 16.1573 10.2368C17.1044 10.2368 18.8825 8.9471 20.7517 9.13652C21.5342 9.16909 23.7308 9.45261 25.1412 11.5172C25.0276 11.5876 22.5203 13.0472 22.5475 16.0837ZM19.5274 7.16521C20.3655 6.15072 20.9296 4.73845 20.7757 3.33325C19.5676 3.38181 18.1068 4.13827 17.2403 5.15221C16.4637 6.0501 15.7836 7.48722 15.9671 8.86461C17.3136 8.96879 18.6892 8.18035 19.5274 7.16521Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/apple-original.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5475 16.0837C22.5813 19.7157 25.7337 20.9243 25.7687 20.9397C25.742 21.0249 25.2649 22.6621 24.1078 24.3532C23.1074 25.8152 22.0693 27.2718 20.4338 27.302C18.8268 27.3316 18.3101 26.3491 16.4728 26.3491C14.6361 26.3491 14.062 27.2719 12.5408 27.3317C10.9622 27.3914 9.76003 25.7507 8.75145 24.294C6.69045 21.3143 5.11542 15.8742 7.23028 12.202C8.2809 10.3784 10.1584 9.22356 12.1963 9.19394C13.7465 9.16437 15.2097 10.2368 16.1573 10.2368C17.1044 10.2368 18.8825 8.9471 20.7517 9.13652C21.5342 9.16909 23.7308 9.45261 25.1412 11.5172C25.0276 11.5876 22.5203 13.0472 22.5475 16.0837ZM19.5274 7.16521C20.3655 6.15072 20.9296 4.73845 20.7757 3.33325C19.5676 3.38181 18.1068 4.13827 17.2403 5.15221C16.4637 6.0501 15.7836 7.48722 15.9671 8.86461C17.3136 8.96879 18.6892 8.18035 19.5274 7.16521Z" fill="black"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/apple-white.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5475 16.0837C22.5813 19.7157 25.7337 20.9243 25.7687 20.9397C25.742 21.0249 25.2649 22.6621 24.1078 24.3532C23.1074 25.8152 22.0693 27.2718 20.4338 27.302C18.8268 27.3316 18.3101 26.3491 16.4728 26.3491C14.6361 26.3491 14.062 27.2719 12.5408 27.3317C10.9622 27.3914 9.76003 25.7507 8.75145 24.294C6.69045 21.3143 5.11542 15.8742 7.23028 12.202C8.2809 10.3784 10.1584 9.22356 12.1963 9.19394C13.7465 9.16437 15.2097 10.2368 16.1573 10.2368C17.1044 10.2368 18.8825 8.9471 20.7517 9.13652C21.5342 9.16909 23.7308 9.45261 25.1412 11.5172C25.0276 11.5876 22.5203 13.0472 22.5475 16.0837ZM19.5274 7.16521C20.3655 6.15072 20.9296 4.73845 20.7757 3.33325C19.5676 3.38181 18.1068 4.13827 17.2403 5.15221C16.4637 6.0501 15.7836 7.48722 15.9671 8.86461C17.3136 8.96879 18.6892 8.18035 19.5274 7.16521Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/bitcoin-black.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2346 19.6248C15.4882 19.956 18.2282 20.6796 18.6638 18.9292C19.1101 17.1396 16.4533 16.5433 15.1566 16.2523C15.0116 16.2198 14.8836 16.191 14.7788 16.1649L13.9351 19.5471C14.0211 19.5685 14.1218 19.5951 14.2346 19.6248Z" fill="#171717"/>
+<path d="M15.4167 14.6826C16.4619 14.9615 18.7419 15.57 19.139 13.979C19.5444 12.3519 17.3288 11.8613 16.2466 11.6217C16.1249 11.5948 16.0175 11.571 15.9298 11.5491L15.1648 14.6166C15.237 14.6346 15.3218 14.6572 15.4167 14.6826Z" fill="#171717"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6121 29.584C20.1139 31.4544 27.7111 26.8895 29.581 19.3886C31.4512 11.8874 26.8865 4.28899 19.3852 2.41897C11.8857 0.548964 4.28852 5.11422 2.41933 12.616C0.548494 20.1163 5.1134 27.7139 12.6121 29.584ZM19.0945 10.4736C21.0343 11.1418 22.4529 12.1434 22.1742 14.0067C21.9726 15.3707 21.217 16.0312 20.213 16.2627C21.5914 16.9803 22.2928 18.0808 21.6247 19.9887C20.7955 22.3585 18.8255 22.5584 16.2055 22.0626L15.5698 24.6107L14.0333 24.2279L14.6608 21.7139C14.2625 21.615 13.8556 21.51 13.4363 21.3962L12.8067 23.922L11.272 23.5392L11.9078 20.9862C11.7602 20.9485 11.6116 20.9097 11.4619 20.8707C11.2477 20.8149 11.0314 20.7585 10.8124 20.7036L8.81299 20.2051L9.5758 18.4464C9.5758 18.4464 10.7079 18.7474 10.6925 18.7251C11.1275 18.8328 11.3205 18.5491 11.3965 18.3601L12.4013 14.332C12.4417 14.3417 12.4811 14.3516 12.519 14.3611C12.5342 14.3649 12.5491 14.3686 12.5637 14.3722C12.5024 14.3476 12.4468 14.3318 12.404 14.3209L13.1208 11.4455C13.1395 11.1191 13.0269 10.7072 12.4048 10.5519C12.4288 10.5358 11.2889 10.2745 11.2889 10.2745L11.6976 8.63351L13.8164 9.16261L13.8146 9.17055C14.1331 9.2498 14.4614 9.32501 14.7957 9.40112L15.4253 6.87793L16.9608 7.26077L16.3437 9.73455C16.756 9.82865 17.1708 9.92358 17.5747 10.0243L18.1873 7.56676L19.7238 7.94961L19.0945 10.4736Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/bitcoin-original.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2346 19.6248C15.4882 19.956 18.2282 20.6796 18.6638 18.9292C19.1101 17.1396 16.4533 16.5433 15.1566 16.2523C15.0116 16.2198 14.8836 16.191 14.7788 16.1649L13.9351 19.5471C14.0211 19.5685 14.1218 19.5951 14.2346 19.6248Z" fill="#F7931A"/>
+<path d="M15.4167 14.6826C16.4619 14.9615 18.7419 15.57 19.139 13.979C19.5444 12.3519 17.3288 11.8613 16.2466 11.6217C16.1249 11.5948 16.0175 11.571 15.9298 11.5491L15.1648 14.6166C15.237 14.6346 15.3218 14.6572 15.4167 14.6826Z" fill="#F7931A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6121 29.584C20.1139 31.4544 27.7111 26.8895 29.581 19.3886C31.4512 11.8874 26.8865 4.28899 19.3852 2.41897C11.8857 0.548964 4.28852 5.11422 2.41933 12.616C0.548494 20.1163 5.1134 27.7139 12.6121 29.584ZM19.0945 10.4736C21.0343 11.1418 22.4529 12.1434 22.1742 14.0067C21.9726 15.3707 21.217 16.0312 20.213 16.2627C21.5914 16.9803 22.2928 18.0808 21.6247 19.9887C20.7955 22.3585 18.8255 22.5584 16.2055 22.0626L15.5698 24.6107L14.0333 24.2279L14.6608 21.7139C14.2625 21.615 13.8556 21.51 13.4363 21.3962L12.8067 23.922L11.272 23.5392L11.9078 20.9862C11.7602 20.9485 11.6116 20.9097 11.4619 20.8707C11.2477 20.8149 11.0314 20.7585 10.8124 20.7036L8.81299 20.2051L9.5758 18.4464C9.5758 18.4464 10.7079 18.7474 10.6925 18.7251C11.1275 18.8328 11.3205 18.5491 11.3965 18.3601L12.4013 14.332C12.4417 14.3417 12.4811 14.3516 12.519 14.3611C12.5342 14.3649 12.5491 14.3686 12.5637 14.3722C12.5024 14.3476 12.4468 14.3318 12.404 14.3209L13.1208 11.4455C13.1395 11.1191 13.0269 10.7072 12.4048 10.5519C12.4288 10.5358 11.2889 10.2745 11.2889 10.2745L11.6976 8.63351L13.8164 9.16261L13.8146 9.17055C14.1331 9.2498 14.4614 9.32501 14.7957 9.40112L15.4253 6.87793L16.9608 7.26077L16.3437 9.73455C16.756 9.82865 17.1708 9.92358 17.5747 10.0243L18.1873 7.56676L19.7238 7.94961L19.0945 10.4736Z" fill="#F7931A"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/bitcoin-white.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2346 19.6248C15.4882 19.956 18.2282 20.6796 18.6638 18.9292C19.1101 17.1396 16.4533 16.5433 15.1566 16.2523C15.0116 16.2198 14.8836 16.191 14.7788 16.1649L13.9351 19.5471C14.0211 19.5685 14.1218 19.5951 14.2346 19.6248Z" fill="white"/>
+<path d="M15.4167 14.6826C16.4619 14.9615 18.7419 15.57 19.139 13.979C19.5444 12.3519 17.3288 11.8613 16.2466 11.6217C16.1249 11.5948 16.0175 11.571 15.9298 11.5491L15.1648 14.6166C15.237 14.6346 15.3218 14.6572 15.4167 14.6826Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6121 29.584C20.1139 31.4544 27.7111 26.8895 29.581 19.3886C31.4512 11.8874 26.8865 4.28899 19.3852 2.41897C11.8857 0.548964 4.28852 5.11422 2.41933 12.616C0.548494 20.1163 5.1134 27.7139 12.6121 29.584ZM19.0945 10.4736C21.0343 11.1418 22.4529 12.1434 22.1742 14.0067C21.9726 15.3707 21.217 16.0312 20.213 16.2627C21.5914 16.9803 22.2928 18.0808 21.6247 19.9887C20.7955 22.3585 18.8255 22.5584 16.2055 22.0626L15.5698 24.6107L14.0333 24.2279L14.6608 21.7139C14.2625 21.615 13.8556 21.51 13.4363 21.3962L12.8067 23.922L11.272 23.5392L11.9078 20.9862C11.7602 20.9485 11.6116 20.9097 11.4619 20.8707C11.2477 20.8149 11.0314 20.7585 10.8124 20.7036L8.81299 20.2051L9.5758 18.4464C9.5758 18.4464 10.7079 18.7474 10.6925 18.7251C11.1275 18.8328 11.3205 18.5491 11.3965 18.3601L12.4013 14.332C12.4417 14.3417 12.4811 14.3516 12.519 14.3611C12.5342 14.3649 12.5491 14.3686 12.5637 14.3722C12.5024 14.3476 12.4468 14.3318 12.404 14.3209L13.1208 11.4455C13.1395 11.1191 13.0269 10.7072 12.4048 10.5519C12.4288 10.5358 11.2889 10.2745 11.2889 10.2745L11.6976 8.63351L13.8164 9.16261L13.8146 9.17055C14.1331 9.2498 14.4614 9.32501 14.7957 9.40112L15.4253 6.87793L16.9608 7.26077L16.3437 9.73455C16.756 9.82865 17.1708 9.92358 17.5747 10.0243L18.1873 7.56676L19.7238 7.94961L19.0945 10.4736Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/discord-black.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3676 16.7937C10.3676 17.9543 11.2587 18.9075 12.3454 18.9075C13.4511 18.9075 14.325 17.9543 14.3232 16.7937C14.3422 15.6314 13.4511 14.6783 12.3454 14.6783C11.2397 14.6783 10.3676 15.6331 10.3676 16.7937Z" fill="#171717"/>
+<path d="M17.6767 16.7937C17.6767 17.9543 18.5678 18.9075 19.6545 18.9075C20.7602 18.9075 21.6323 17.9543 21.6323 16.7937C21.6514 15.6314 20.7602 14.6783 19.6545 14.6783C18.5488 14.6783 17.6767 15.6331 17.6767 16.7937Z" fill="#171717"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.65396 5.27606C2 6.55953 2 8.23969 2 11.6V20.4C2 23.7603 2 25.4405 2.65396 26.7239C3.2292 27.8529 4.14708 28.7708 5.27606 29.346C6.55953 30 8.23969 30 11.6 30H20.4C23.7603 30 25.4405 30 26.7239 29.346C27.8529 28.7708 28.7708 27.8529 29.346 26.7239C30 25.4405 30 23.7603 30 20.4V11.6C30 8.23969 30 6.55953 29.346 5.27606C28.7708 4.14708 27.8529 3.2292 26.7239 2.65396C25.4405 2 23.7603 2 20.4 2H11.6C8.23969 2 6.55953 2 5.27606 2.65396C4.14708 3.2292 3.2292 4.14708 2.65396 5.27606ZM19.0973 8C20.6892 8.25903 22.212 8.71399 23.6361 9.33998C26.1261 12.8335 27.3633 16.7738 26.9065 21.3184C25.0013 22.6567 23.1533 23.4687 21.3364 24C20.8865 23.4205 20.4886 22.8029 20.1442 22.1553C20.8 21.9211 21.4299 21.6322 22.0251 21.2951C21.8694 21.1856 21.7154 21.071 21.5649 20.9531C17.9881 22.5438 14.0551 22.5438 10.4351 20.9531C10.2863 21.071 10.1323 21.1856 9.9748 21.2951C10.5683 21.6306 11.1964 21.9195 11.8523 22.1536C11.5079 22.8029 11.1082 23.4189 10.66 23.9983C8.84487 23.467 6.99856 22.6551 5.09342 21.3184C4.70409 17.3981 5.48276 13.4213 8.35518 9.3433C9.77927 8.71565 11.3037 8.25903 12.8974 8C13.0946 8.33209 13.3283 8.77875 13.4857 9.13408C15.1469 8.89498 16.8236 8.89498 18.5159 9.13408C18.6734 8.77875 18.9018 8.33209 19.0973 8Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/discord-original.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3676 16.7937C10.3676 17.9543 11.2587 18.9075 12.3454 18.9075C13.4511 18.9075 14.325 17.9543 14.3232 16.7937C14.3422 15.6314 13.4511 14.6783 12.3454 14.6783C11.2397 14.6783 10.3676 15.6331 10.3676 16.7937Z" fill="#5865F2"/>
+<path d="M17.6767 16.7937C17.6767 17.9543 18.5678 18.9075 19.6545 18.9075C20.7602 18.9075 21.6323 17.9543 21.6323 16.7937C21.6514 15.6314 20.7602 14.6783 19.6545 14.6783C18.5488 14.6783 17.6767 15.6331 17.6767 16.7937Z" fill="#5865F2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.65396 5.27606C2 6.55953 2 8.23969 2 11.6V20.4C2 23.7603 2 25.4405 2.65396 26.7239C3.2292 27.8529 4.14708 28.7708 5.27606 29.346C6.55953 30 8.23969 30 11.6 30H20.4C23.7603 30 25.4405 30 26.7239 29.346C27.8529 28.7708 28.7708 27.8529 29.346 26.7239C30 25.4405 30 23.7603 30 20.4V11.6C30 8.23969 30 6.55953 29.346 5.27606C28.7708 4.14708 27.8529 3.2292 26.7239 2.65396C25.4405 2 23.7603 2 20.4 2H11.6C8.23969 2 6.55953 2 5.27606 2.65396C4.14708 3.2292 3.2292 4.14708 2.65396 5.27606ZM19.0973 8C20.6892 8.25903 22.212 8.71399 23.6361 9.33998C26.1261 12.8335 27.3633 16.7738 26.9065 21.3184C25.0013 22.6567 23.1533 23.4687 21.3364 24C20.8865 23.4205 20.4886 22.8029 20.1442 22.1553C20.8 21.9211 21.4299 21.6322 22.0251 21.2951C21.8694 21.1856 21.7154 21.071 21.5649 20.9531C17.9881 22.5438 14.0551 22.5438 10.4351 20.9531C10.2863 21.071 10.1323 21.1856 9.9748 21.2951C10.5683 21.6306 11.1964 21.9195 11.8523 22.1536C11.5079 22.8029 11.1082 23.4189 10.66 23.9983C8.84487 23.467 6.99856 22.6551 5.09342 21.3184C4.70409 17.3981 5.48276 13.4213 8.35518 9.3433C9.77927 8.71565 11.3037 8.25903 12.8974 8C13.0946 8.33209 13.3283 8.77875 13.4857 9.13408C15.1469 8.89498 16.8236 8.89498 18.5159 9.13408C18.6734 8.77875 18.9018 8.33209 19.0973 8Z" fill="#5865F2"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/discord-white.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3676 16.7937C10.3676 17.9543 11.2587 18.9075 12.3454 18.9075C13.4511 18.9075 14.325 17.9543 14.3232 16.7937C14.3422 15.6314 13.4511 14.6783 12.3454 14.6783C11.2397 14.6783 10.3676 15.6331 10.3676 16.7937Z" fill="white"/>
+<path d="M17.6767 16.7937C17.6767 17.9543 18.5678 18.9075 19.6545 18.9075C20.7602 18.9075 21.6323 17.9543 21.6323 16.7937C21.6514 15.6314 20.7602 14.6783 19.6545 14.6783C18.5488 14.6783 17.6767 15.6331 17.6767 16.7937Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.65396 5.27606C2 6.55953 2 8.23969 2 11.6V20.4C2 23.7603 2 25.4405 2.65396 26.7239C3.2292 27.8529 4.14708 28.7708 5.27606 29.346C6.55953 30 8.23969 30 11.6 30H20.4C23.7603 30 25.4405 30 26.7239 29.346C27.8529 28.7708 28.7708 27.8529 29.346 26.7239C30 25.4405 30 23.7603 30 20.4V11.6C30 8.23969 30 6.55953 29.346 5.27606C28.7708 4.14708 27.8529 3.2292 26.7239 2.65396C25.4405 2 23.7603 2 20.4 2H11.6C8.23969 2 6.55953 2 5.27606 2.65396C4.14708 3.2292 3.2292 4.14708 2.65396 5.27606ZM19.0973 8C20.6892 8.25903 22.212 8.71399 23.6361 9.33998C26.1261 12.8335 27.3633 16.7738 26.9065 21.3184C25.0013 22.6567 23.1533 23.4687 21.3364 24C20.8865 23.4205 20.4886 22.8029 20.1442 22.1553C20.8 21.9211 21.4299 21.6322 22.0251 21.2951C21.8694 21.1856 21.7154 21.071 21.5649 20.9531C17.9881 22.5438 14.0551 22.5438 10.4351 20.9531C10.2863 21.071 10.1323 21.1856 9.9748 21.2951C10.5683 21.6306 11.1964 21.9195 11.8523 22.1536C11.5079 22.8029 11.1082 23.4189 10.66 23.9983C8.84487 23.467 6.99856 22.6551 5.09342 21.3184C4.70409 17.3981 5.48276 13.4213 8.35518 9.3433C9.77927 8.71565 11.3037 8.25903 12.8974 8C13.0946 8.33209 13.3283 8.77875 13.4857 9.13408C15.1469 8.89498 16.8236 8.89498 18.5159 9.13408C18.6734 8.77875 18.9018 8.33209 19.0973 8Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/dropbox-black.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 6L4 9.52941L10 13.0588L4 16.5882L10 20.1176L16 16.5882L22 20.1176L28 16.5882L22 13.0588L28 9.52941L22 6L16 9.52941L10 6ZM16 9.52941L22 13.0588L16 16.5882L10 13.0588L16 9.52941Z" fill="#171717"/>
+<path d="M10 22.4706L16 18.9412L22 22.4706L16 26L10 22.4706Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/dropbox-original.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 6L4 9.52941L10 13.0588L4 16.5882L10 20.1176L16 16.5882L22 20.1176L28 16.5882L22 13.0588L28 9.52941L22 6L16 9.52941L10 6ZM16 9.52941L22 13.0588L16 16.5882L10 13.0588L16 9.52941Z" fill="#0061FF"/>
+<path d="M10 22.4706L16 18.9412L22 22.4706L16 26L10 22.4706Z" fill="#0061FF"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/dropbox-white.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 6L4 9.52941L10 13.0588L4 16.5882L10 20.1176L16 16.5882L22 20.1176L28 16.5882L22 13.0588L28 9.52941L22 6L16 9.52941L10 6ZM16 9.52941L22 13.0588L16 16.5882L10 13.0588L16 9.52941Z" fill="white"/>
+<path d="M10 22.4706L16 18.9412L22 22.4706L16 26L10 22.4706Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/facebook-black.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 4C9.4 4 4 9.42714 4 16.0603C4 22.0121 8.404 26.9568 14.08 28V19.4372H11.08V16.0603H14.08V13.407C14.08 10.392 16 8.70352 18.76 8.70352C19.6 8.70352 20.56 8.82412 21.4 8.94472V12.0201H19.84C18.4 12.0201 18.04 12.7437 18.04 13.7085V16.0603H21.22L20.68 19.4372H18.04V27.9879C23.71 26.9387 28 22.0121 28 16.0603C28 9.42714 22.6 4 16 4Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/facebook-original.svg

@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 4C9.4 4 4 9.42714 4 16.0603C4 22.0121 8.404 26.9568 14.08 28V19.4372H11.08V16.0603H14.08V13.407C14.08 10.392 16 8.70352 18.76 8.70352C19.6 8.70352 20.56 8.82412 21.4 8.94472V12.0201H19.84C18.4 12.0201 18.04 12.7437 18.04 13.7085V16.0603H21.22L20.68 19.4372H18.04V27.9879C23.71 26.9387 28 22.0121 28 16.0603C28 9.42714 22.6 4 16 4Z" fill="url(#paint0_linear_177_3289)"/>
+<defs>
+<linearGradient id="paint0_linear_177_3289" x1="16" y1="27.2824" x2="16" y2="4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0062E0"/>
+<stop offset="1" stop-color="#19AFFF"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/facebook-white.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 4C9.4 4 4 9.42714 4 16.0603C4 22.0121 8.404 26.9568 14.08 28V19.4372H11.08V16.0603H14.08V13.407C14.08 10.392 16 8.70352 18.76 8.70352C19.6 8.70352 20.56 8.82412 21.4 8.94472V12.0201H19.84C18.4 12.0201 18.04 12.7437 18.04 13.7085V16.0603H21.22L20.68 19.4372H18.04V27.9879C23.71 26.9387 28 22.0121 28 16.0603C28 9.42714 22.6 4 16 4Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/figma-black.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 16C16 13.7909 17.7909 12 20 12C22.2091 12 24 13.7909 24 16C24 18.2091 22.2091 20 20 20C17.7909 20 16 18.2091 16 16Z" fill="#171717"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 24C8 21.7909 9.79086 20 12 20H16V24C16 26.2091 14.2091 28 12 28C9.79086 28 8 26.2091 8 24Z" fill="#171717"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 4V12H20C22.2091 12 24 10.2091 24 8C24 5.79086 22.2091 4 20 4H16Z" fill="#171717"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 8C8 10.2091 9.79086 12 12 12H16V4H12C9.79086 4 8 5.79086 8 8Z" fill="#171717"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C8 18.2091 9.79086 20 12 20H16V12H12C9.79086 12 8 13.7909 8 16Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/figma-original.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 16C16 13.7909 17.7909 12 20 12C22.2091 12 24 13.7909 24 16C24 18.2091 22.2091 20 20 20C17.7909 20 16 18.2091 16 16Z" fill="#1ABCFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 24C8 21.7909 9.79086 20 12 20H16V24C16 26.2091 14.2091 28 12 28C9.79086 28 8 26.2091 8 24Z" fill="#0ACF83"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 4V12H20C22.2091 12 24 10.2091 24 8C24 5.79086 22.2091 4 20 4H16Z" fill="#FF7262"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 8C8 10.2091 9.79086 12 12 12H16V4H12C9.79086 4 8 5.79086 8 8Z" fill="#F24E1E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C8 18.2091 9.79086 20 12 20H16V12H12C9.79086 12 8 13.7909 8 16Z" fill="#A259FF"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/figma-white.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 16C16 13.7909 17.7909 12 20 12C22.2091 12 24 13.7909 24 16C24 18.2091 22.2091 20 20 20C17.7909 20 16 18.2091 16 16Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 24C8 21.7909 9.79086 20 12 20H16V24C16 26.2091 14.2091 28 12 28C9.79086 28 8 26.2091 8 24Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 4V12H20C22.2091 12 24 10.2091 24 8C24 5.79086 22.2091 4 20 4H16Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 8C8 10.2091 9.79086 12 12 12H16V4H12C9.79086 4 8 5.79086 8 8Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C8 18.2091 9.79086 20 12 20H16V12H12C9.79086 12 8 13.7909 8 16Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/framer-black.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16ZM16 20.3335H9L16 27.0002V20.3335ZM15.9998 13.6665H9V20.3335L23 20.3332L15.9998 13.6665L23 13.6667V7H9L15.9998 13.6665Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/framer-original.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16ZM16 20.3335H9L16 27.0002V20.3335ZM15.9998 13.6665H9V20.3335L23 20.3332L15.9998 13.6665L23 13.6667V7H9L15.9998 13.6665Z" fill="black"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/framer-white.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16ZM16 20.3335H9L16 27.0002V20.3335ZM15.9998 13.6665H9V20.3335L23 20.3332L15.9998 13.6665L23 13.6667V7H9L15.9998 13.6665Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/github-black.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0099 4C9.36875 4 4 9.49998 4 16.3042C4 21.7432 7.43994 26.3472 12.2121 27.9767C12.8087 28.0991 13.0272 27.7119 13.0272 27.3862C13.0272 27.1009 13.0076 26.1232 13.0076 25.1044C9.6667 25.8379 8.97099 23.6377 8.97099 23.6377C8.43409 22.2117 7.63858 21.8452 7.63858 21.8452C6.54511 21.0914 7.71823 21.0914 7.71823 21.0914C8.93117 21.1729 9.56763 22.3544 9.56763 22.3544C10.6412 24.2284 12.3711 23.6989 13.0671 23.3729C13.1664 22.5784 13.4847 22.0284 13.8228 21.7229C11.1582 21.4377 8.35469 20.3784 8.35469 15.6522C8.35469 14.3077 8.8316 13.2077 9.58729 12.3522C9.46807 12.0467 9.0504 10.7835 9.70677 9.09273C9.70677 9.09273 10.7208 8.76673 13.0073 10.3557C13.9863 10.0864 14.9958 9.94938 16.0099 9.94823C17.024 9.94823 18.0577 10.091 19.0123 10.3557C21.299 8.76673 22.3131 9.09273 22.3131 9.09273C22.9695 10.7835 22.5515 12.0467 22.4323 12.3522C23.2079 13.2077 23.6652 14.3077 23.6652 15.6522C23.6652 20.3784 20.8617 21.4172 18.1772 21.7229C18.6148 22.1099 18.9924 22.8432 18.9924 24.0044C18.9924 25.6544 18.9727 26.9787 18.9727 27.3859C18.9727 27.7119 19.1915 28.0991 19.7879 27.9769C24.56 26.3469 27.9999 21.7432 27.9999 16.3042C28.0196 9.49998 22.6312 4 16.0099 4Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/github-original.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0099 4C9.36875 4 4 9.49998 4 16.3042C4 21.7432 7.43994 26.3472 12.2121 27.9767C12.8087 28.0991 13.0272 27.7119 13.0272 27.3862C13.0272 27.1009 13.0076 26.1232 13.0076 25.1044C9.6667 25.8379 8.97099 23.6377 8.97099 23.6377C8.43409 22.2117 7.63858 21.8452 7.63858 21.8452C6.54511 21.0914 7.71823 21.0914 7.71823 21.0914C8.93117 21.1729 9.56763 22.3544 9.56763 22.3544C10.6412 24.2284 12.3711 23.6989 13.0671 23.3729C13.1664 22.5784 13.4847 22.0284 13.8228 21.7229C11.1582 21.4377 8.35469 20.3784 8.35469 15.6522C8.35469 14.3077 8.8316 13.2077 9.58729 12.3522C9.46807 12.0467 9.0504 10.7835 9.70677 9.09273C9.70677 9.09273 10.7208 8.76673 13.0073 10.3557C13.9863 10.0864 14.9958 9.94938 16.0099 9.94823C17.024 9.94823 18.0577 10.091 19.0123 10.3557C21.299 8.76673 22.3131 9.09273 22.3131 9.09273C22.9695 10.7835 22.5515 12.0467 22.4323 12.3522C23.2079 13.2077 23.6652 14.3077 23.6652 15.6522C23.6652 20.3784 20.8617 21.4172 18.1772 21.7229C18.6148 22.1099 18.9924 22.8432 18.9924 24.0044C18.9924 25.6544 18.9727 26.9787 18.9727 27.3859C18.9727 27.7119 19.1915 28.0991 19.7879 27.9769C24.56 26.3469 27.9999 21.7432 27.9999 16.3042C28.0196 9.49998 22.6312 4 16.0099 4Z" fill="#24292F"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/github-white.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0099 4C9.36875 4 4 9.49998 4 16.3042C4 21.7432 7.43994 26.3472 12.2121 27.9767C12.8087 28.0991 13.0272 27.7119 13.0272 27.3862C13.0272 27.1009 13.0076 26.1232 13.0076 25.1044C9.6667 25.8379 8.97099 23.6377 8.97099 23.6377C8.43409 22.2117 7.63858 21.8452 7.63858 21.8452C6.54511 21.0914 7.71823 21.0914 7.71823 21.0914C8.93117 21.1729 9.56763 22.3544 9.56763 22.3544C10.6412 24.2284 12.3711 23.6989 13.0671 23.3729C13.1664 22.5784 13.4847 22.0284 13.8228 21.7229C11.1582 21.4377 8.35469 20.3784 8.35469 15.6522C8.35469 14.3077 8.8316 13.2077 9.58729 12.3522C9.46807 12.0467 9.0504 10.7835 9.70677 9.09273C9.70677 9.09273 10.7208 8.76673 13.0073 10.3557C13.9863 10.0864 14.9958 9.94938 16.0099 9.94823C17.024 9.94823 18.0577 10.091 19.0123 10.3557C21.299 8.76673 22.3131 9.09273 22.3131 9.09273C22.9695 10.7835 22.5515 12.0467 22.4323 12.3522C23.2079 13.2077 23.6652 14.3077 23.6652 15.6522C23.6652 20.3784 20.8617 21.4172 18.1772 21.7229C18.6148 22.1099 18.9924 22.8432 18.9924 24.0044C18.9924 25.6544 18.9727 26.9787 18.9727 27.3859C18.9727 27.7119 19.1915 28.0991 19.7879 27.9769C24.56 26.3469 27.9999 21.7432 27.9999 16.3042C28.0196 9.49998 22.6312 4 16.0099 4Z" fill="white"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/google-black.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2449 13.8184V18.4657H22.8349C22.5455 19.9602 21.6771 21.2257 20.3747 22.0766L24.3487 25.0985C26.6642 23.004 28 19.9276 28 16.273C28 15.4221 27.9221 14.6039 27.7773 13.8185L16.2449 13.8184Z" fill="#171717"/>
+<path d="M5.3137 10.6221C4.47886 12.2366 4.00024 14.0584 4.00024 16.0002C4.00024 17.942 4.47886 19.7639 5.3137 21.3784C5.3137 21.3892 9.388 18.2802 9.388 18.2802C9.14311 17.5602 8.99835 16.7966 8.99835 16.0001C8.99835 15.2036 9.14311 14.44 9.388 13.72L5.3137 10.6221Z" fill="#171717"/>
+<path d="M16.2448 8.77821C18.0482 8.77821 19.6511 9.3891 20.9313 10.5673L24.4378 7.13097C22.3116 5.18917 19.551 4 16.2448 4C11.4582 4 7.32833 6.69456 5.31348 10.6219L9.38766 13.7201C10.3561 10.8837 13.0611 8.77821 16.2448 8.77821Z" fill="#171717"/>
+<path d="M9.38238 18.2842L8.48609 18.9566L5.31348 21.3784C7.32833 25.2947 11.4579 28.0002 16.2445 28.0002C19.5506 28.0002 22.3224 26.9311 24.3484 25.0984L20.3744 22.0766C19.2835 22.7966 17.892 23.233 16.2445 23.233C13.0609 23.233 10.3559 21.1275 9.38739 18.2911L9.38238 18.2842Z" fill="#171717"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/google-original.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2449 13.8184V18.4657H22.8349C22.5455 19.9602 21.6771 21.2257 20.3747 22.0766L24.3487 25.0985C26.6642 23.004 28 19.9276 28 16.273C28 15.4221 27.9221 14.6039 27.7773 13.8185L16.2449 13.8184Z" fill="#4285F4"/>
+<path d="M5.3137 10.6221C4.47886 12.2366 4.00024 14.0584 4.00024 16.0002C4.00024 17.942 4.47886 19.7639 5.3137 21.3784C5.3137 21.3892 9.388 18.2802 9.388 18.2802C9.14311 17.5602 8.99835 16.7966 8.99835 16.0001C8.99835 15.2036 9.14311 14.44 9.388 13.72L5.3137 10.6221Z" fill="#FBBC05"/>
+<path d="M16.2448 8.77821C18.0482 8.77821 19.6511 9.3891 20.9313 10.5673L24.4378 7.13097C22.3116 5.18917 19.551 4 16.2448 4C11.4582 4 7.32833 6.69456 5.31348 10.6219L9.38766 13.7201C10.3561 10.8837 13.0611 8.77821 16.2448 8.77821Z" fill="#EA4335"/>
+<path d="M9.38238 18.2842L8.48609 18.9566L5.31348 21.3784C7.32833 25.2947 11.4579 28.0002 16.2445 28.0002C19.5506 28.0002 22.3224 26.9311 24.3484 25.0984L20.3744 22.0766C19.2835 22.7966 17.892 23.233 16.2445 23.233C13.0609 23.233 10.3559 21.1275 9.38739 18.2911L9.38238 18.2842Z" fill="#34A853"/>
+</svg>

package/dist/collection/components/sui-brand-logo/assets/brand-logos/google-white.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2449 13.8184V18.4657H22.8349C22.5455 19.9602 21.6771 21.2257 20.3747 22.0766L24.3487 25.0985C26.6642 23.004 28 19.9276 28 16.273C28 15.4221 27.9221 14.6039 27.7773 13.8185L16.2449 13.8184Z" fill="white"/>
+<path d="M5.3137 10.6221C4.47886 12.2366 4.00024 14.0584 4.00024 16.0002C4.00024 17.942 4.47886 19.7639 5.3137 21.3784C5.3137 21.3892 9.388 18.2802 9.388 18.2802C9.14311 17.5602 8.99835 16.7966 8.99835 16.0001C8.99835 15.2036 9.14311 14.44 9.388 13.72L5.3137 10.6221Z" fill="white"/>
+<path d="M16.2448 8.77821C18.0482 8.77821 19.6511 9.3891 20.9313 10.5673L24.4378 7.13097C22.3116 5.18917 19.551 4 16.2448 4C11.4582 4 7.32833 6.69456 5.31348 10.6219L9.38766 13.7201C10.3561 10.8837 13.0611 8.77821 16.2448 8.77821Z" fill="white"/>
+<path d="M9.38238 18.2842L8.48609 18.9566L5.31348 21.3784C7.32833 25.2947 11.4579 28.0002 16.2445 28.0002C19.5506 28.0002 22.3224 26.9311 24.3484 25.0984L20.3744 22.0766C19.2835 22.7966 17.892 23.233 16.2445 23.233C13.0609 23.233 10.3559 21.1275 9.38739 18.2911L9.38238 18.2842Z" fill="white"/>
+</svg>