@westpac/ui 0.42.3 → 0.43.0

package/dist/components/symbol/components/logos/wbg-multibrand-large-logo.js

@@ -1,33 +1,20 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const WBGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export const WBGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Westpac Group', copyrightYear = '2025', viewBoxWidth = 180, viewBoxHeight = 65, align = 'left', offset = [
     null,
     10.475,
     20.95
-] , className , ...props })=>React.createElement(Symbol, _extends({
+], className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[65px] w-[180px]', className),
         "aria-label": ariaLabel,
         align: align,
         offset: offset,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
         fill: "#000",
         d: "M145.826 33.658V23.84h5.664c3.606 0 6.07 1.66 6.07 4.838v.058c0 2.977-2.52 4.922-6.24 4.922h-5.494zm-1.487 8.84h1.487V35.03h5.408c4.18 0 7.813-2.175 7.813-6.38v-.058c0-3.862-3.032-6.124-7.442-6.124h-7.266v20.03zm-13.477.319c4.863 0 8.211-3.066 8.211-8.816V22.468h-1.487v11.707c0 4.834-2.603 7.295-6.669 7.295-4.235 0-6.784-2.719-6.784-7.44V22.467h-1.486v11.707c0 5.607 3.407 8.642 8.215 8.642zm-22.399-1.321c-4.953 0-8.559-4.062-8.559-9.015v-.054c0-4.952 3.551-8.958 8.502-8.958 4.949 0 8.555 4.063 8.555 9.012v.06c0 4.953-3.547 8.955-8.498 8.955zm-.057 1.347c6.063 0 10.101-4.892 10.101-10.362v-.054c0-5.467-3.981-10.303-10.044-10.303-6.066 0-10.103 4.894-10.103 10.357v.06c0 5.467 3.98 10.302 10.046 10.302zm-27.357-9.988V23.84h6.834c3.635 0 5.754 1.691 5.754 4.379v.06c0 2.888-2.49 4.576-5.837 4.576H81.05zm-1.49 9.643h1.49v-8.297h6.55l6.382 8.297h1.888l-6.61-8.555c3.377-.457 5.866-2.374 5.866-5.724v-.055a5.278 5.278 0 00-1.52-3.724c-1.2-1.2-3.175-1.972-5.632-1.972h-8.415v20.03zm-12.796.345c3.261 0 6.066-1.402 7.868-3.003v-7.727h-8.124v1.373h6.695v5.75c-1.461 1.233-3.836 2.289-6.382 2.289-5.354 0-8.586-3.861-8.586-9.044v-.054c0-4.837 3.407-8.958 8.273-8.958 3.032 0 4.86 1.029 6.44 2.403l.97-1.113c-2.004-1.663-4.063-2.635-7.327-2.635-5.98 0-9.902 4.949-9.902 10.357v.06c0 5.64 3.75 10.302 10.075 10.302z"
     }), React.createElement("path", {

package/dist/components/symbol/components/logos/wbg-multibrand-small-logo.js

@@ -1,33 +1,20 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const WBGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
+export const WBGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'Westpac Group', copyrightYear = '2025', viewBoxWidth = 122, viewBoxHeight = 44, align = 'left', offset = [
     null,
     null,
     0.73
-] , className , ...props })=>React.createElement(Symbol, _extends({
+], className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[44px] w-[122px]', className),
         "aria-label": ariaLabel,
         align: align,
         offset: offset,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
         fill: "#000",
         d: "M111.192 22.89v-7.487h4.32c2.749 0 4.627 1.266 4.627 3.69v.043c0 2.27-1.922 3.754-4.757 3.754h-4.19zm-1.133 6.74h1.133v-5.694h4.124c3.187 0 5.957-1.66 5.957-4.866v-.044c0-2.944-2.312-4.669-5.674-4.669h-5.54V29.63zm-10.276.243c3.708 0 6.26-2.338 6.26-6.723v-8.793h-1.133v8.927c0 3.686-1.986 5.562-5.086 5.562-3.23 0-5.172-2.073-5.172-5.674v-8.815h-1.134v8.927c0 4.275 2.598 6.589 6.265 6.589zm-17.08-1.007c-3.776 0-6.526-3.097-6.526-6.874v-.042c0-3.775 2.708-6.83 6.482-6.83s6.524 3.098 6.524 6.872v.046c0 3.776-2.705 6.828-6.48 6.828zm-.044 1.027c4.624 0 7.703-3.73 7.703-7.9v-.043c0-4.168-3.036-7.856-7.659-7.856-4.625 0-7.704 3.732-7.704 7.898v.046c0 4.168 3.035 7.855 7.66 7.855zM61.8 22.277v-6.874h5.212c2.772 0 4.387 1.29 4.387 3.339v.045c0 2.203-1.898 3.49-4.45 3.49H61.8zm-1.136 7.353H61.8v-6.326h4.994l4.867 6.326H73.1l-5.04-6.523c2.575-.349 4.473-1.81 4.473-4.365V18.7a4.024 4.024 0 00-1.159-2.84c-.915-.915-2.421-1.503-4.295-1.503h-6.416V29.63zm-9.756.263c2.486 0 4.625-1.07 6-2.29V21.71H50.71v1.047h5.106v4.385c-1.115.94-2.925 1.745-4.867 1.745-4.082 0-6.547-2.944-6.547-6.896v-.042c0-3.688 2.598-6.83 6.308-6.83 2.312 0 3.707.785 4.91 1.832l.741-.848c-1.528-1.268-3.098-2.01-5.587-2.01-4.56 0-7.55 3.774-7.55 7.898v.046c0 4.3 2.859 7.855 7.682 7.855z"
     }), React.createElement("path", {

package/dist/components/symbol/components/symbols/american-express-symbol.js

@@ -1,28 +1,15 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function AmericanExpressSymbol({ 'aria-label': ariaLabel = 'American Express' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =70 , className , ...props }) {
-    return React.createElement(Symbol, _extends({
+export function AmericanExpressSymbol({ 'aria-label': ariaLabel = 'American Express', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 70, className, ...props }) {
+    return React.createElement(Symbol, {
         className: clsx('h-[70px] w-[80px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", null, React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", null, React.createElement("path", {
         fill: "#007CC3",
         d: "M78.7 0H9v70h69.7V46.9c0.3-0.4 0.4-0.9 0.4-1.5c0-0.7-0.1-1.2-0.4-1.5V0z"
     }), React.createElement("g", null, React.createElement("path", {

package/dist/components/symbol/components/symbols/apple-store-inverse-symbol.js

@@ -1,28 +1,15 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function AppleStoreInverseSymbol({ 'aria-label': ariaLabel = 'Apple Store' , copyrightYear ='' , viewBoxWidth =170 , viewBoxHeight =58 , className , ...props }) {
-    return React.createElement(Symbol, _extends({
+export function AppleStoreInverseSymbol({ 'aria-label': ariaLabel = 'Apple Store', copyrightYear = '', viewBoxWidth = 170, viewBoxHeight = 58, className, ...props }) {
+    return React.createElement(Symbol, {
         className: clsx('h-[58px] w-[170px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none",
         fillRule: "evenodd"
     }, React.createElement("path", {

package/dist/components/symbol/components/symbols/apple-store-symbol.js

@@ -1,28 +1,15 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function AppleStoreSymbol({ 'aria-label': ariaLabel = 'Apple Store' , copyrightYear ='' , viewBoxWidth =170 , viewBoxHeight =58 , className , ...props }) {
-    return React.createElement(Symbol, _extends({
+export function AppleStoreSymbol({ 'aria-label': ariaLabel = 'Apple Store', copyrightYear = '', viewBoxWidth = 170, viewBoxHeight = 58, className, ...props }) {
+    return React.createElement(Symbol, {
         className: clsx('h-[58px] w-[170px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none",
         fillRule: "evenodd"
     }, React.createElement("path", {

package/dist/components/symbol/components/symbols/bpay-land-symbol.js

@@ -1,28 +1,15 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function BPayLandSymbol({ 'aria-label': ariaLabel = 'BPay' , copyrightYear ='' , viewBoxWidth =116 , viewBoxHeight =54 , className , ...props }) {
-    return React.createElement(Symbol, _extends({
+export function BPayLandSymbol({ 'aria-label': ariaLabel = 'BPay', copyrightYear = '', viewBoxWidth = 116, viewBoxHeight = 54, className, ...props }) {
+    return React.createElement(Symbol, {
         className: clsx('h-[54px] w-[116px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none",
         fillRule: "evenodd"
     }, React.createElement("rect", {

package/dist/components/symbol/components/symbols/bpay-port-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const BPayPortSymbol = ({ 'aria-label': ariaLabel = 'BPay' , copyrightYear ='' , viewBoxWidth =60 , viewBoxHeight =88 , className , ...props })=>React.createElement(Symbol, _extends({
+export const BPayPortSymbol = ({ 'aria-label': ariaLabel = 'BPay', copyrightYear = '', viewBoxWidth = 60, viewBoxHeight = 88, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[88px] w-[60px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none",
         fillRule: "evenodd"
     }, React.createElement("rect", {

package/dist/components/symbol/components/symbols/facebook-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const FacebookSymbol = ({ 'aria-label': ariaLabel = 'Facebook' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const FacebookSymbol = ({ 'aria-label': ariaLabel = 'Facebook', copyrightYear = '', viewBoxWidth = 32, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fillRule: "nonzero",
         fill: "none"
     }, React.createElement("rect", {

package/dist/components/symbol/components/symbols/google-plus-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const GooglePlusSymbol = ({ 'aria-label': ariaLabel = 'Google+' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const GooglePlusSymbol = ({ 'aria-label': ariaLabel = 'Google+', copyrightYear = '', viewBoxWidth = 32, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none",
         fillRule: "evenodd"
     }, React.createElement("rect", {

package/dist/components/symbol/components/symbols/google-store-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const GoogleStoreSymbol = ({ 'aria-label': ariaLabel = 'Google Store' , copyrightYear ='' , viewBoxWidth =170 , viewBoxHeight =50 , className , ...props })=>React.createElement(Symbol, _extends({
+export const GoogleStoreSymbol = ({ 'aria-label': ariaLabel = 'Google Store', copyrightYear = '', viewBoxWidth = 170, viewBoxHeight = 50, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[50px] w-[170px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("defs", null, React.createElement("linearGradient", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("defs", null, React.createElement("linearGradient", {
         id: "GoogleStoreSymbol-a",
         x1: "27.46",
         y1: "1106.94",

package/dist/components/symbol/components/symbols/instagram-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const InstagramSymbol = ({ 'aria-label': ariaLabel = 'Instagram' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const InstagramSymbol = ({ 'aria-label': ariaLabel = 'Instagram', copyrightYear = '', viewBoxWidth = 32, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("defs", null, React.createElement("radialGradient", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("defs", null, React.createElement("radialGradient", {
         cx: "29.515%",
         cy: "110.173%",
         fx: "29.515%",

package/dist/components/symbol/components/symbols/linked-in-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const LinkedInSymbol = ({ 'aria-label': ariaLabel = 'LinkedIn' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const LinkedInSymbol = ({ 'aria-label': ariaLabel = 'LinkedIn', copyrightYear = '', viewBoxWidth = 32, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none",
         fillRule: "evenodd"
     }, React.createElement("rect", {

package/dist/components/symbol/components/symbols/mastercard-accepted-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const MastercardAcceptedSymbol = ({ 'aria-label': ariaLabel = 'Mastercard Accepted' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =50 , className , ...props })=>React.createElement(Symbol, _extends({
+export const MastercardAcceptedSymbol = ({ 'aria-label': ariaLabel = 'Mastercard Accepted', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 50, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[50px] w-[80px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none"
     }, React.createElement("path", {
         fill: "#000",

package/dist/components/symbol/components/symbols/mastercard-horizontal-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const MastercardHorizontalSymbol = ({ 'aria-label': ariaLabel = 'Mastercard' , copyrightYear ='' , viewBoxWidth =160 , viewBoxHeight =28 , className , ...props })=>React.createElement(Symbol, _extends({
+export const MastercardHorizontalSymbol = ({ 'aria-label': ariaLabel = 'Mastercard', copyrightYear = '', viewBoxWidth = 160, viewBoxHeight = 28, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[28px] w-[160px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none"
     }, React.createElement("path", {
         d: "M73.4 14.404c0-1.638 1.073-2.983 2.827-2.983 1.678 0 2.808 1.288 2.808 2.984s-1.13 2.983-2.808 2.983c-1.754 0-2.827-1.345-2.827-2.983zm7.547 0v-4.66h-2.03v1.13c-.642-.838-1.617-1.365-2.943-1.365-2.613 0-4.66 2.047-4.66 4.894s2.047 4.894 4.66 4.894c1.326 0 2.3-.527 2.944-1.365v1.13h2.03v-4.66zm68.478 0c0-1.638 1.072-2.983 2.827-2.983 1.677 0 2.808 1.288 2.808 2.984s-1.13 2.983-2.808 2.983c-1.755 0-2.827-1.345-2.827-2.983zm9.814 4.217v.148h.135c.03 0 .055-.006.074-.018.017-.013.026-.03.026-.056 0-.024-.01-.042-.027-.055-.02-.013-.045-.02-.075-.02h-.136zm.136-.1c.07 0 .125.014.163.046.037.03.056.074.056.128 0 .045-.015.083-.045.112-.03.03-.073.048-.13.055l.18.208h-.14l-.167-.206h-.054v.206h-.118v-.55h.254zm-.035.736c.065 0 .124-.012.18-.036.054-.024.103-.057.144-.098.042-.042.075-.09.098-.147.024-.056.036-.116.036-.18 0-.064-.012-.123-.036-.18-.023-.056-.056-.104-.098-.146-.04-.043-.09-.075-.145-.1-.056-.023-.115-.034-.18-.034-.064 0-.125.01-.18.035-.058.025-.107.057-.148.1-.042.04-.074.09-.098.145-.023.057-.035.116-.035.18 0 .064.01.124.034.18.024.056.056.105.098.147.04.04.09.074.147.098.055.024.116.036.18.036zm0-1.052c.084 0 .162.015.235.046.073.03.137.074.192.127.054.054.097.116.13.19.03.07.046.147.046.228 0 .082-.016.158-.047.23-.032.07-.075.133-.13.187-.054.054-.118.096-.19.128-.074.03-.152.047-.235.047-.084 0-.163-.016-.238-.047-.074-.032-.137-.074-.19-.128-.056-.054-.098-.116-.13-.187-.03-.072-.047-.148-.047-.23 0-.08.016-.158.047-.23.032-.072.074-.134.13-.188.053-.053.116-.096.19-.127.075-.03.154-.046.24-.046zm-2.37-3.8V6h-2.027v4.874c-.643-.838-1.618-1.365-2.944-1.365-2.614 0-4.66 2.047-4.66 4.894s2.046 4.894 4.66 4.894c1.325 0 2.3-.527 2.943-1.365v1.13h2.028v-4.66zm-50.87-3.08c1.306 0 2.144.818 2.36 2.26h-4.837c.215-1.345 1.033-2.26 2.476-2.26zm.04-1.815c-2.73 0-4.642 1.988-4.642 4.894 0 2.964 1.99 4.894 4.777 4.894 1.404 0 2.69-.35 3.822-1.307l-.995-1.5c-.78.624-1.774.975-2.71.975-1.306 0-2.496-.604-2.79-2.282h6.923c.02-.253.04-.506.04-.78-.02-2.905-1.814-4.894-4.426-4.894zm24.47 4.894c0-1.638 1.07-2.983 2.827-2.983 1.676 0 2.807 1.288 2.807 2.984s-1.13 2.983-2.807 2.983c-1.756 0-2.828-1.345-2.828-2.983zm7.545 0v-4.66h-2.028v1.13c-.643-.838-1.618-1.365-2.944-1.365-2.613 0-4.66 2.047-4.66 4.894s2.047 4.894 4.66 4.894c1.326 0 2.3-.527 2.944-1.365v1.13h2.028v-4.66zm-18.99 0c0 2.827 1.968 4.894 4.97 4.894 1.405 0 2.34-.312 3.354-1.112l-.975-1.638c-.76.547-1.56.84-2.438.84-1.618-.02-2.808-1.19-2.808-2.984s1.19-2.964 2.807-2.983c.878 0 1.677.293 2.438.84l.974-1.64c-1.015-.8-1.95-1.11-3.354-1.11-3.003 0-4.972 2.066-4.972 4.894zM145.29 9.51c-1.168 0-1.93.546-2.455 1.364v-1.13h-2.01v9.32h2.03v-5.226c0-1.54.662-2.398 1.988-2.398.41 0 .84.058 1.268.234l.625-1.91c-.45-.177-1.034-.255-1.444-.255zm-54.32.975c-.977-.644-2.322-.976-3.804-.976-2.36 0-3.88 1.13-3.88 2.983 0 1.52 1.13 2.457 3.217 2.75l.956.135c1.11.157 1.636.45 1.636.975 0 .722-.74 1.132-2.125 1.132-1.403 0-2.417-.45-3.1-.975l-.954 1.58c1.11.818 2.515 1.208 4.036 1.208 2.69 0 4.25-1.268 4.25-3.042 0-1.638-1.228-2.496-3.256-2.788l-.955-.137c-.877-.116-1.578-.29-1.578-.915 0-.683.662-1.092 1.774-1.092 1.19 0 2.34.45 2.905.8l.88-1.638zm26.146-.976c-1.17 0-1.93.546-2.457 1.364v-1.13h-2.01v9.32h2.028v-5.226c0-1.54.663-2.398 1.99-2.398.41 0 .838.058 1.267.234l.624-1.91c-.45-.177-1.034-.255-1.444-.255zm-17.295.233h-3.314V6.916H94.46v2.827h-1.893v1.853h1.892v4.25c0 2.165.837 3.452 3.236 3.452.877 0 1.89-.273 2.534-.722l-.584-1.735c-.605.352-1.268.528-1.794.528-1.014 0-1.346-.625-1.346-1.56v-4.212h3.315V9.743zm-30.3 9.32v-5.85c0-2.202-1.404-3.684-3.666-3.704-1.19-.02-2.418.35-3.275 1.657-.645-1.033-1.66-1.658-3.082-1.658-.995 0-1.97.292-2.73 1.384v-1.15H54.74v9.32h2.048v-5.167c0-1.618.897-2.476 2.28-2.476 1.346 0 2.03.878 2.03 2.457v5.187h2.046v-5.167c0-1.618.936-2.476 2.28-2.476 1.386 0 2.05.878 2.05 2.457v5.187h2.046z",

package/dist/components/symbol/components/symbols/mastercard-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const MastercardSymbol = ({ 'aria-label': ariaLabel = 'Mastercard' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =50 , className , ...props })=>React.createElement(Symbol, _extends({
+export const MastercardSymbol = ({ 'aria-label': ariaLabel = 'Mastercard', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 50, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[50px] w-[80px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none"
     }, React.createElement("path", {
         d: "M66.88 31.6v-.66h-.173l-.2.453-.197-.454h-.173v.66h.122v-.5l.185.43h.127l.186-.43v.5h.122zm-1.094 0v-.55h.22v-.11h-.562v.11h.22v.55h.122z",

package/dist/components/symbol/components/symbols/microsoft-store-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const MicrosoftStoreSymbol = ({ 'aria-label': ariaLabel = 'Microsoft Store' , copyrightYear ='' , viewBoxWidth =170 , viewBoxHeight =62 , className , ...props })=>React.createElement(Symbol, _extends({
+export const MicrosoftStoreSymbol = ({ 'aria-label': ariaLabel = 'Microsoft Store', copyrightYear = '', viewBoxWidth = 170, viewBoxHeight = 62, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[62px] w-[170px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fillRule: "nonzero",
         fill: "none"
     }, React.createElement("path", {

package/dist/components/symbol/components/symbols/pay-id-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const PayIDSymbol = ({ 'aria-label': ariaLabel = 'PayID' , copyrightYear ='' , viewBoxWidth =90 , viewBoxHeight =42 , className , ...props })=>React.createElement(Symbol, _extends({
+export const PayIDSymbol = ({ 'aria-label': ariaLabel = 'PayID', copyrightYear = '', viewBoxWidth = 90, viewBoxHeight = 42, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[42px] w-[90px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
         fillRule: "evenodd",
         d: "M24.5166606 30.5143057h-.0866973c-.347945.6198226-.908422 1.1282592-1.6809358 1.5249788-.7730092.3963886-1.6518715.5951621-2.6372477.5951621-.560477 0-1.1447339-.0723264-1.753266-.2176413-.6085321-.1454804-1.1691744-.3872857-1.6807707-.7262434-.5120917-.3384612-.9373211-.7841708-1.2751926-1.3359701-.3382019-.5517994-.5071377-1.2343491-.5071377-2.0478145 0-1.0455059.2942753-1.8778391.8839817-2.4976617.5888807-.6194916 1.3473578-1.0938338 2.2749358-1.4231922.9272477-.3290273 1.956055-.5469996 3.0862569-.6535859 1.1302018-.1062553 2.2361284-.159714 3.3182752-.159714v-.3487226c0-.8712273-.3142569-1.5147174-.9417798-1.9314633-.6281835-.4159183-1.3765872-.6244568-2.2460367-.6244568-.7345321 0-1.4395046.1554108-2.115578.4647428-.6765688.3099941-1.2365505.6876804-1.6807707 1.1328934l-1.7968623-2.1204719c.792-.7355118 1.7048807-1.2874766 2.7386422-1.655398 1.0334312-.3675904 2.0815596-.5517994 3.1443853-.5517994 1.236055 0 2.2554495.1741131 3.0573578.5228357.8014128.3483916 1.4345504.8037006 1.8980917 1.3649338.4637064.5618953.7870459 1.1909862.9710092 1.887935.1833028.6971142.2752844 1.3942285.2752844 2.0913427v8.4810601h-3.2459449v-1.7717493zm-.0577982-4.5891699v.493872c0 1.1035987-.3093028 1.9749915-.9274129 2.6140129-.6186055.6390214-1.5263669.9584493-2.7241101.9584493-.2898165 0-.579633-.0289636-.8694495-.0870565-.2898165-.0582583-.5505688-.1547488-.782422-.2904643-.2318532-.1352189-.4202752-.3144627-.5651009-.5374002-.1448257-.2222755-.2173211-.4983407-.2173211-.8278646 0-.5226701.1737247-.9337888.5215046-1.2341835.3477798-.2998981.7825871-.532435 1.3040917-.6972797.5218349-.1641827 1.0913945-.270769 1.71-.3192624.6181101-.0481625 1.207156-.072823 1.767633-.072823h.7825872zm4.338-7.5807036h3.8541468l3.8835413 10.1367892h.0579633l3.4487339-10.1367892h3.6224587l-6.5785871 16.933322c-.2513395.6388559-.5215046 1.2052198-.8113211 1.6990918-.2898165.4937065-.6377615.9099559-1.0433395 1.2489136-.4057431.3384612-.8838165.5954932-1.4347156.7696062-.5505688.1742786-1.2124403.2613351-1.9849541.2613351-.2899817 0-.5847523-.0143991-.8839817-.0433628-.2997247-.0291291-.6040734-.0827533-.9128807-.1597139l.2898165-3.0206629c.2318532.0769606.4587523.1305848.6810275.159714.221945.0289636.4298533.0435282.6230643.0435282.3667706 0 .6760734-.0435282.9274128-.1305848.250844-.0873875.4637064-.2229375.6374312-.4068154.174055-.1843745.3284587-.4116152.4638716-.6825497.1349174-.2712655.2799082-.5910244.4346422-.9584493l.6955596-1.7717493-5.9698899-13.9416228zM0 11.7221779h6.69451376c1.17809174 0 2.24091743.1069173 3.18781652.3194279.94623852.2135037 1.75772472.5620608 2.43429362 1.0458369.6760733.4841071 1.1975779 1.1037642 1.564844 1.8588058.3667706.7552071.5505688 1.665494.5505688 2.7303641 0 1.1426583-.2126973 2.1011077-.6374312 2.875348-.4252294.7747369-.9997431 1.3991937-1.724367 1.8733704-.7244587.4748388-1.5697981.8180997-2.53568804 1.0309413-.96638532.2133381-1.99023853.3197589-3.07188991.3197589H3.65168807v8.5100238H0V11.7221779zm6.20190826 8.9747666c.59862385 0 1.16851376-.0433628 1.70966972-.1305848.54082569-.0870565 1.02385321-.2419708 1.44908257-.4645773.42473395-.2222755.76293575-.5274699 1.01444035-.9149211.2506789-.3871202.3765138-.8904261.3765138-1.5102487 0-.6001273-.1258349-1.0891996-.3765138-1.4670514-.2515046-.3773553-.58475228-.6724537-.99990824-.8857919-.41565138-.2128416-.88893578-.3530258-1.42018349-.421049-.53157798-.0675268-1.07719266-.1017867-1.63733945-.1017867H3.65168807v5.8960109h2.55022019zM56.8667339 0h24c4.9705628 0 9 4.02943725 9 9v24c0 4.9705627-4.0294372 9-9 9h-24c-4.9705627 0-9-4.0294373-9-9V9c0-4.97056275 4.0294373-9 9-9zm8.8024914 10.2191433v15.0850358h2.7148967V12.7102486c2.3170281-.0176685 7.3666215.4616733 9.1495045 4.6932968l2.5018931-1.0538977c-1.3086146-3.1065607-4.0352903-5.1760742-7.8852248-5.9850659-2.7829532-.58453529-5.1865243-.3028197-5.2874638-.2907134l-1.1936057.1452749zm-8.5702066 1.7215408c0 1.120482.9084556 2.0291048 2.0290969 2.0291048s2.029097-.9086228 2.029097-2.0291048c0-1.1206457-.9084557-2.02910487-2.029097-2.02910487-1.1206413 0-2.0290969.90845917-2.0290969 2.02910487zm23.6021782 11.5581921l2.75416.0029448-3.8828176-4.8714549-3.8744741 4.8631114 2.2506076.002454c-.1048658.5635948-.2406516 1.0597872-.4003225 1.4344264-1.3727447 3.2238604-4.8197392 4.8585307-10.2444611 4.8585307h-6.9128026V17.5175731h-2.7148967v14.9862228h9.6276993c6.61571 0 10.9029401-2.1902488 12.7424278-6.5097244.28515-.6699334.5082967-1.5343848.6548799-2.4951953z"
     }));

package/dist/components/symbol/components/symbols/pay-to-black-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToBlackSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-black-symbol.js

@@ -0,0 +1,16 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToBlackSymbol = ({ 'aria-label': ariaLabel = 'PayTo', copyrightYear = '', viewBoxWidth = 65, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('size-[65px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2267_107)"
+    }, React.createElement("path", {
+        d: "M49.6724 0H14.5125C10.6678 0.00331005 6.98162 1.53205 4.26306 4.25061C1.5445 6.96917 0.0157612 10.6554 0.0124512 14.5V49.6725C0.0124512 53.5181 1.54013 57.2063 4.2594 59.9255C6.97868 62.6448 10.6668 64.1725 14.5125 64.1725H49.6724C53.5181 64.1725 57.2062 62.6448 59.9255 59.9255C62.6448 57.2063 64.1724 53.5181 64.1724 49.6725V14.5125C64.1741 12.6073 63.8003 10.7204 63.0723 8.95975C62.3443 7.19909 61.2765 5.59914 59.9299 4.25137C58.5833 2.9036 56.9843 1.83442 55.2243 1.10494C53.4642 0.375468 51.5777 -7.07943e-07 49.6724 0ZM37.31 47.895C35.6883 47.9182 34.0783 47.6188 32.5734 47.0143C31.0685 46.4098 29.6988 45.5121 28.5439 44.3736C27.389 43.235 26.4718 41.8783 25.8459 40.3822C25.2199 38.8861 24.8975 37.2805 24.8975 35.6587C24.8975 34.037 25.2199 32.4314 25.8459 30.9353C26.4718 29.4392 27.389 28.0825 28.5439 26.9439C29.6988 25.8054 31.0685 24.9077 32.5734 24.3032C34.0783 23.6987 35.6883 23.3993 37.31 23.4225H51.115V19.62L58.2124 25.5275L51.1024 31.4425V27.56H37.1325C32.855 27.56 29.3175 31.3825 29.3175 35.6575C29.2707 36.7362 29.4428 37.8132 29.8234 38.8237C30.204 39.8341 30.7852 40.757 31.5319 41.5369C32.2787 42.3167 33.1756 42.9373 34.1686 43.3613C35.1617 43.7853 36.2302 44.0038 37.31 44.0038C38.3897 44.0038 39.4582 43.7853 40.4513 43.3613C41.4443 42.9373 42.3412 42.3167 43.088 41.5369C43.8347 40.757 44.4159 39.8341 44.7965 38.8237C45.1771 37.8132 45.3492 36.7362 45.3025 35.6575C45.2791 33.8343 44.7343 32.0559 43.7325 30.5325H48.4224C49.1622 32.1399 49.5459 33.8881 49.5474 35.6575C49.5615 37.2684 49.2545 38.8661 48.6444 40.3571C48.0344 41.8482 47.1335 43.2028 45.9944 44.3419C44.8552 45.4811 43.5006 46.382 42.0096 46.992C40.5185 47.602 38.9209 47.909 37.31 47.895ZM20.31 43.645C21.2887 43.5967 22.2557 43.4107 23.1824 43.0925V47.2975C22.268 47.6664 21.2955 47.8703 20.31 47.9C18.2845 47.8835 16.3483 47.0644 14.9259 45.6223C13.5035 44.1803 12.7111 42.233 12.7225 40.2075V27.56H7.93995V23.4225H12.7275V18.1725H16.88V23.4225H28.2125C26.595 24.5316 25.2007 25.9352 24.1025 27.56H16.88V40.2025C16.8858 41.1119 17.2496 41.9825 17.8924 42.6258C18.5352 43.2691 19.4055 43.6334 20.3149 43.64L20.31 43.645Z",
+        fill: "#231F20"
+    })));

package/dist/components/symbol/components/symbols/pay-to-dark-grey-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToDarkGreySymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;