@westpac/ui 0.42.3 → 0.44.0

package/dist/components/icon/components/wallet-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WalletIcon({ look ='filled' , 'aria-label': ariaLabel = 'Wallet' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WalletIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wallet', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M22 4C22 3.44772 21.7761 2.94772 21.4142 2.58579C21.0523 2.22386 20.5523 2 20 2H2C0.89543 2 0 2.89543 0 4V20C0 21.1046 0.89543 22 2 22H20C21.1046 22 22 21.1046 22 20V18H14C12.8954 18 12 17.1046 12 16V8C12 6.89543 12.8954 6 14 6H22V4Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/warning-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WarningIcon({ look ='filled' , 'aria-label': ariaLabel = 'Warning' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WarningIcon({ look = 'filled', 'aria-label': ariaLabel = 'Warning', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M12.7078 0.293176C12.3169 -0.0977248 11.6831 -0.0977256 11.2922 0.293175L0.293176 11.2922C-0.0977252 11.6831 -0.0977252 12.3169 0.293176 12.7078L11.2922 23.7068C11.6831 24.0977 12.3169 24.0977 12.7078 23.7068L23.7068 12.7078C24.0977 12.3169 24.0977 11.6831 23.7068 11.2922L12.7078 0.293176ZM10.9999 14H12.9999V6H10.9999V14ZM10.9999 18H12.9999V16H10.9999V18Z",

package/dist/components/icon/components/watch-icon.js

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function WatchIcon({ look ='filled' , 'aria-label': ariaLabel = 'Watch' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WatchIcon({ look = 'filled', 'aria-label': ariaLabel = 'Watch', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M16.96 5.73C18.81 7.19 20 9.46 20 12C20 14.54 18.81 16.81 16.96 18.27L16 24H8L7.05 18.27C5.19 16.81 4 14.55 4 12C4 9.45 5.19 7.19 7.05 5.73L8 0H16L16.96 5.73ZM12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6Z",

package/dist/components/icon/components/wearable-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WearableIcon({ look ='filled' , 'aria-label': ariaLabel = 'Wearable' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WearableIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wearable', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M7 2C6.44772 2 6 2.44772 6 3V6H18V3C18 2.44772 17.5523 2 17 2H7Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/wheelchair-icon.js

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function WheelchairIcon({ 'aria-label': ariaLabel = 'Wheelchair' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WheelchairIcon({ 'aria-label': ariaLabel = 'Wheelchair', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         d: "M12.25 6.5C13.4926 6.5 14.5 5.49264 14.5 4.25C14.5 3.00736 13.4926 2 12.25 2C11.0074 2 10 3.00736 10 4.25C10 5.49264 11.0074 6.5 12.25 6.5Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/windows-new-icon.js

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function WindowsNewIcon({ 'aria-label': ariaLabel = 'Windows New' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WindowsNewIcon({ 'aria-label': ariaLabel = 'Windows New', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M11.2 1.8616L23.9968 0V11.1992H11.2V1.8616ZM0.0088 11.1992L0 3.3984L9.6 2.0944V11.1992H0.0088ZM11.2 12.7992V22.2L23.9968 24L24 12.7992H11.2ZM0.008 20.6816L0.0072 12.7992H9.6V21.996L0.008 20.6816Z",

package/dist/components/icon/components/wine-glass-icon.js

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function WineGlassIcon({ look ='filled' , 'aria-label': ariaLabel = 'Wine Glass' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WineGlassIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wine Glass', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M20 8C20 12.0796 16.9463 15.446 13 15.9381V22H18V24H6V22H11V15.9381C7.05369 15.446 4 12.0796 4 8V0H20V8ZM18 7H6V2H18V7Z",

package/dist/components/icon/components/word-file-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WordFileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Word File' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WordFileIcon({ look = 'filled', 'aria-label': ariaLabel = 'Word File', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM16 2L20 6H16V2ZM14.5698 10V11.7941H15.4595L14.4339 16.2124L13.0987 10H10.9548L9.40319 16.2124L8.24111 10H6L8.27459 20H10.4648L11.999 14.087L13.3723 20H15.3919L18 10H14.5698Z",

package/dist/components/icon/components/write-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WriteIcon({ look ='filled' , 'aria-label': ariaLabel = 'Write' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function WriteIcon({ look = 'filled', 'aria-label': ariaLabel = 'Write', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21.6101 3.50951C22.13 4.02944 22.13 4.86932 21.6101 5.38925L19.1704 7.82891L14.1711 2.82961L16.6107 0.389946C17.1307 -0.129982 17.9706 -0.129982 18.4905 0.389946L21.6101 3.50951ZM2 15.0007V20H6.99931L17.7439 9.25538L12.7446 4.25608L2 15.0007ZM0 22H24V24H0V22Z",

package/dist/components/icon/components/x-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function XIcon({ look ='filled' , 'aria-label': ariaLabel = 'X' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function XIcon({ look = 'filled', 'aria-label': ariaLabel = 'X', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         fill: "currentColor",
         d: "M15.815 19.008h2.12L8.178 5.04h-2.12l9.757 13.968Z"
     }), React.createElement("path", {

package/dist/components/icon/components/yammer-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function YammerIcon({ look ='filled' , 'aria-label': ariaLabel = 'Yammer' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function YammerIcon({ look = 'filled', 'aria-label': ariaLabel = 'Yammer', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M0 2C0 0.89543 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2ZM13.2518 7.02362L9.58192 16.1792C8.96041 17.7604 8.33891 18.8438 6.45733 18.8438C6.20812 18.8438 5.93027 18.8261 5.65974 18.7786C5.28561 18.6713 5.06504 18.2838 5.1668 17.9079C5.25576 17.577 5.56285 17.3625 5.89189 17.3796C5.91443 17.3814 6.25809 17.4021 6.35619 17.4021C7.3768 17.4021 7.8216 16.7672 8.30113 15.4121L4.88468 7.07724C4.74698 6.65437 4.96268 6.19494 5.3825 6.03713C5.79196 5.88358 6.24651 6.05663 6.42991 6.44477L9.1426 13.2959H9.18281L11.7621 6.49595C11.9071 6.10233 12.336 5.89638 12.7412 6.02555C13.1537 6.15778 13.3841 6.60867 13.2518 7.02362ZM17.2073 7.62703L17.1856 7.63854C16.675 7.92004 13.2232 10.3384 13.6126 10.612C14.0001 10.8819 16.3606 9.8199 17.9734 8.93639C18.2787 8.69205 18.3561 8.25212 18.141 7.91639C17.9509 7.62087 17.5951 7.499 17.274 7.59223C17.2525 7.60293 17.2304 7.61473 17.2073 7.62703ZM19.3602 13.2923C17.5213 13.2917 14.9408 13.0864 14.7312 12.6641C14.5216 12.237 18.7113 11.7776 19.2944 11.7764C19.3291 11.7764 19.362 11.7764 19.3943 11.7782C19.7197 11.8501 19.9732 12.1291 19.9982 12.4789C20.0244 12.8768 19.7453 13.2253 19.3602 13.2923ZM18.141 17.2298C17.9509 17.5247 17.5951 17.6478 17.274 17.5545L17.2368 17.5346C17.2203 17.5258 17.2032 17.5167 17.1856 17.507C16.675 17.2261 13.2232 14.8071 13.6126 14.5347C14.0001 14.2636 16.3606 15.3262 17.9734 16.2098C18.2787 16.4535 18.3561 16.894 18.141 17.2298Z",

package/dist/components/icon/components/youtube-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function YoutubeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Youtube' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function YoutubeIcon({ look = 'filled', 'aria-label': ariaLabel = 'Youtube', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M10.5 9.5L14.5 12L10.5 14.5V9.5Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/zip-file-icon.js

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ZipFileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Zip File' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function ZipFileIcon({ look = 'filled', 'aria-label': ariaLabel = 'Zip File', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM16 2L20 6H16V2ZM9 4H6V2H9V4ZM9 6V4H12V6H9ZM9 8H6V6H9V8ZM9 10V8H12V10H9ZM9 12H6V10H9V12ZM9 14V12H12V14H9ZM9 14V16H6V14H9ZM12 16H10V20H8V18H6V21C6 21.5523 6.44772 22 7 22H11C11.5523 22 12 21.5523 12 21V16Z",

package/dist/components/icon/icon.component.js

@@ -1,21 +1,7 @@
-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 React from 'react';
 import { styles } from './icon.styles.js';
-export function Icon({ copyrightYear ='' , xmlns ='http://www.w3.org/2000/svg' , viewBox ='0 0 24 24' , role ='img' , focusable ='false' , children , className , size ='medium' , color , ...props }) {
-    return React.createElement("svg", _extends({
+export function Icon({ copyrightYear = '', xmlns = 'http://www.w3.org/2000/svg', viewBox = '0 0 24 24', role = 'img', focusable = 'false', children, className, size = 'medium', color, ...props }) {
+    return React.createElement("svg", {
         xmlns: xmlns,
         viewBox: viewBox,
         role: role,
@@ -24,6 +10,7 @@ export function Icon({ copyrightYear ='' , xmlns ='http://www.w3.org/2000/svg' ,
             size,
             color,
             className
-        })
-    }, props), copyrightYear && React.createElement("metadata", null, `Copyright © ${copyrightYear} by Westpac Banking Corporation. All rights reserved.`), children);
+        }),
+        ...props
+    }, copyrightYear && React.createElement("metadata", null, `Copyright © ${copyrightYear} by Westpac Banking Corporation. All rights reserved.`), children);
 }

package/dist/components/icon/index.d.ts

@@ -13,6 +13,7 @@ export { ArrowForwardCircleIcon } from './components/arrow-forward-circle-icon.j
 export { ArrowLeftIcon } from './components/arrow-left-icon.js';
 export { ArrowRightIcon } from './components/arrow-right-icon.js';
 export { ArrowSplitIcon } from './components/arrow-split-icon.js';
+export { ArrowThreadReplyIcon } from './components/arrow-thread-reply-icon.js';
 export { ArrowUpCircleIcon } from './components/arrow-up-circle-icon.js';
 export { AtmIcon } from './components/atm-icon.js';
 export { AttacheCaseIcon } from './components/attache-case-icon.js';
@@ -29,6 +30,7 @@ export { BriefcaseIcon } from './components/briefcase-icon.js';
 export { BugReportIcon } from './components/bug-report-icon.js';
 export { BurgerIcon } from './components/burger-icon.js';
 export { BusinessPersonIcon } from './components/business-person-icon.js';
+export { ButtonShapeIcon } from './components/button-shape-icon.js';
 export { CafeIcon } from './components/cafe-icon.js';
 export { CakeIcon } from './components/cake-icon.js';
 export { CalculateIcon } from './components/calculate-icon.js';
@@ -47,7 +49,9 @@ export { CircleIcon } from './components/circle-icon.js';
 export { ClearIcon } from './components/clear-icon.js';
 export { ClockIcon } from './components/clock-icon.js';
 export { CloseIcon } from './components/close-icon.js';
+export { ClosedCaptionIcon } from './components/closed-caption-icon.js';
 export { CocktailGlassIcon } from './components/cocktail-glass-icon.js';
+export { ColorFiltersIcon } from './components/color-filters-icon.js';
 export { CompassIcon } from './components/compass-icon.js';
 export { ContactIcon } from './components/contact-icon.js';
 export { ContentCopyIcon } from './components/content-copy-icon.js';
@@ -88,6 +92,9 @@ export { FilterIcon } from './components/filter-icon.js';
 export { FingerprintIcon } from './components/fingerprint-icon.js';
 export { FirstAidCaseIcon } from './components/first-aid-case-icon.js';
 export { FirstAidIcon } from './components/first-aid-icon.js';
+export { FormatColorIcon } from './components/format-color-icon.js';
+export { FullscreenExitIcon } from './components/fullscreen-exit-icon.js';
+export { FullscreenIcon } from './components/fullscreen-icon.js';
 export { FutureClockIcon } from './components/future-clock-icon.js';
 export { GelIcon } from './components/gel-icon.js';
 export { GenericFileIcon } from './components/generic-file-icon.js';
@@ -182,6 +189,7 @@ export { ReceiptIcon } from './components/receipt-icon.js';
 export { RefreshIcon } from './components/refresh-icon.js';
 export { RemoveCircleIcon } from './components/remove-circle-icon.js';
 export { RemoveIcon } from './components/remove-icon.js';
+export { ReplayIcon } from './components/replay-icon.js';
 export { RestaurantIcon } from './components/restaurant-icon.js';
 export { RssIcon } from './components/rss-icon.js';
 export { ScanDocumentIcon } from './components/scan-document-icon.js';
@@ -213,6 +221,9 @@ export { TakeoutCoffeeIcon } from './components/takeout-coffee-icon.js';
 export { TakeoutFoodIcon } from './components/takeout-food-icon.js';
 export { TargetIcon } from './components/target-icon.js';
 export { TelephoneIcon } from './components/telephone-icon.js';
+export { TextBoldIcon } from './components/text-bold-icon.js';
+export { TextIncreaseIcon } from './components/text-increase-icon.js';
+export { TextLargeIcon } from './components/text-large-icon.js';
 export { ThumbDownIcon } from './components/thumb-down-icon.js';
 export { ThumbUpIcon } from './components/thumb-up-icon.js';
 export { TickCircleIcon } from './components/tick-circle-icon.js';
@@ -231,6 +242,9 @@ export { VideoIcon } from './components/video-icon.js';
 export { VisibilityIcon } from './components/visibility-icon.js';
 export { VisibilityOffIcon } from './components/visibility-off-icon.js';
 export { VoiceIcon } from './components/voice-icon.js';
+export { VoiceoverOnIcon } from './components/voiceover-on-icon.js';
+export { VolumeOffIcon } from './components/volume-off-icon.js';
+export { VolumeOnIcon } from './components/volume-on-icon.js';
 export { WalkIcon } from './components/walk-icon.js';
 export { WalletIcon } from './components/wallet-icon.js';
 export { WarningIcon } from './components/warning-icon.js';

package/dist/components/icon/index.js

@@ -13,6 +13,7 @@ export { ArrowForwardCircleIcon } from './components/arrow-forward-circle-icon.j
 export { ArrowLeftIcon } from './components/arrow-left-icon.js';
 export { ArrowRightIcon } from './components/arrow-right-icon.js';
 export { ArrowSplitIcon } from './components/arrow-split-icon.js';
+export { ArrowThreadReplyIcon } from './components/arrow-thread-reply-icon.js';
 export { ArrowUpCircleIcon } from './components/arrow-up-circle-icon.js';
 export { AtmIcon } from './components/atm-icon.js';
 export { AttacheCaseIcon } from './components/attache-case-icon.js';
@@ -29,6 +30,7 @@ export { BriefcaseIcon } from './components/briefcase-icon.js';
 export { BugReportIcon } from './components/bug-report-icon.js';
 export { BurgerIcon } from './components/burger-icon.js';
 export { BusinessPersonIcon } from './components/business-person-icon.js';
+export { ButtonShapeIcon } from './components/button-shape-icon.js';
 export { CafeIcon } from './components/cafe-icon.js';
 export { CakeIcon } from './components/cake-icon.js';
 export { CalculateIcon } from './components/calculate-icon.js';
@@ -47,7 +49,9 @@ export { CircleIcon } from './components/circle-icon.js';
 export { ClearIcon } from './components/clear-icon.js';
 export { ClockIcon } from './components/clock-icon.js';
 export { CloseIcon } from './components/close-icon.js';
+export { ClosedCaptionIcon } from './components/closed-caption-icon.js';
 export { CocktailGlassIcon } from './components/cocktail-glass-icon.js';
+export { ColorFiltersIcon } from './components/color-filters-icon.js';
 export { CompassIcon } from './components/compass-icon.js';
 export { ContactIcon } from './components/contact-icon.js';
 export { ContentCopyIcon } from './components/content-copy-icon.js';
@@ -88,6 +92,9 @@ export { FilterIcon } from './components/filter-icon.js';
 export { FingerprintIcon } from './components/fingerprint-icon.js';
 export { FirstAidCaseIcon } from './components/first-aid-case-icon.js';
 export { FirstAidIcon } from './components/first-aid-icon.js';
+export { FormatColorIcon } from './components/format-color-icon.js';
+export { FullscreenExitIcon } from './components/fullscreen-exit-icon.js';
+export { FullscreenIcon } from './components/fullscreen-icon.js';
 export { FutureClockIcon } from './components/future-clock-icon.js';
 export { GelIcon } from './components/gel-icon.js';
 export { GenericFileIcon } from './components/generic-file-icon.js';
@@ -182,6 +189,7 @@ export { ReceiptIcon } from './components/receipt-icon.js';
 export { RefreshIcon } from './components/refresh-icon.js';
 export { RemoveCircleIcon } from './components/remove-circle-icon.js';
 export { RemoveIcon } from './components/remove-icon.js';
+export { ReplayIcon } from './components/replay-icon.js';
 export { RestaurantIcon } from './components/restaurant-icon.js';
 export { RssIcon } from './components/rss-icon.js';
 export { ScanDocumentIcon } from './components/scan-document-icon.js';
@@ -213,6 +221,9 @@ export { TakeoutCoffeeIcon } from './components/takeout-coffee-icon.js';
 export { TakeoutFoodIcon } from './components/takeout-food-icon.js';
 export { TargetIcon } from './components/target-icon.js';
 export { TelephoneIcon } from './components/telephone-icon.js';
+export { TextBoldIcon } from './components/text-bold-icon.js';
+export { TextIncreaseIcon } from './components/text-increase-icon.js';
+export { TextLargeIcon } from './components/text-large-icon.js';
 export { ThumbDownIcon } from './components/thumb-down-icon.js';
 export { ThumbUpIcon } from './components/thumb-up-icon.js';
 export { TickCircleIcon } from './components/tick-circle-icon.js';
@@ -231,6 +242,9 @@ export { VideoIcon } from './components/video-icon.js';
 export { VisibilityIcon } from './components/visibility-icon.js';
 export { VisibilityOffIcon } from './components/visibility-off-icon.js';
 export { VoiceIcon } from './components/voice-icon.js';
+export { VoiceoverOnIcon } from './components/voiceover-on-icon.js';
+export { VolumeOffIcon } from './components/volume-off-icon.js';
+export { VolumeOnIcon } from './components/volume-on-icon.js';
 export { WalkIcon } from './components/walk-icon.js';
 export { WalletIcon } from './components/wallet-icon.js';
 export { WarningIcon } from './components/warning-icon.js';

package/dist/components/input/input.component.js

@@ -1,24 +1,10 @@
 'use client';
-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 React, { forwardRef } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
 import { styles } from './input.styles.js';
-export function BaseInput({ className , size ='medium' , invalid =false , width ='full' , ...props }, ref) {
-    const { isFocusVisible , isFocused , focusProps  } = useFocusRing();
-    return React.createElement("input", _extends({
+export function BaseInput({ className, size = 'medium', invalid = false, width = 'full', ...props }, ref) {
+    const { isFocusVisible, isFocused, focusProps } = useFocusRing();
+    return React.createElement("input", {
         ref: ref,
         className: styles({
             className,
@@ -28,7 +14,8 @@ export function BaseInput({ className , size ='medium' , invalid =false , width
             isFocused,
             width
         }),
-        "aria-invalid": invalid
-    }, mergeProps(props, focusProps)));
+        "aria-invalid": invalid,
+        ...mergeProps(props, focusProps)
+    });
 }
 export const Input = forwardRef(BaseInput);

package/dist/components/input-group/components/input-group-add-ons/add-ons.types.js

@@ -1,5 +1,5 @@
 export var AddOnType;
 (function(AddOnType) {
-    AddOnType["Default"] = 'default';
-    AddOnType["Inset"] = 'inset';
+    AddOnType["Default"] = "default";
+    AddOnType["Inset"] = "inset";
 })(AddOnType || (AddOnType = {}));

package/dist/components/input-group/components/input-group-add-ons/components/input-group-add-on-default-add-on/input-group-add-on-default-add-on.component.js

@@ -1,23 +1,10 @@
-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 React from 'react';
 import { styles } from './input-group-add-on-default-add-on.styles.js';
-export const InputGroupAddOnDefaultAddOn = ({ className , children , ...props })=>{
-    return React.createElement("div", _extends({
+export const InputGroupAddOnDefaultAddOn = ({ className, children, ...props })=>{
+    return React.createElement("div", {
         className: styles({
             className
-        })
-    }, props), children);
+        }),
+        ...props
+    }, children);
 };