@westpac/ui 1.3.2 → 1.5.0

package/dist/components/autocomplete/autocomplete.component.js

@@ -71,14 +71,17 @@ function Autocomplete({ size = 'medium', invalid = false, isDisabled, footer, po
     const { buttonProps } = useButton(clearButtonProps, clearButtonRef);
     const outerRef = React.useRef(null);
     const isNoOptionPopOverOpen = useMemo(()=>{
-        return !!(noOptionsMessage && (!state.isOpen && state.isFocused && searchProps.value.length > 0 && state.selectedItems.length === 0 || state.collection.size === 0 && searchProps.value.length > 0));
+        var _ref;
+        var _searchProps_value;
+        const inputLength = (_ref = (_searchProps_value = searchProps.value) === null || _searchProps_value === void 0 ? void 0 : _searchProps_value.length) !== null && _ref !== void 0 ? _ref : 0;
+        return !!(noOptionsMessage && (!state.isOpen && state.isFocused && inputLength > 0 && !state.value || state.collection.size === 0 && inputLength > 0));
     }, [
         noOptionsMessage,
         state.isOpen,
         state.isFocused,
-        state.selectedItems,
+        state.value,
         state.collection.size,
-        searchProps.value.length
+        searchProps.value
     ]);
     return React.createElement("div", {
         className: styles.base({

package/dist/components/error-message/error-message.component.d.ts

@@ -1,2 +1,2 @@
 import { type ErrorMessageProps } from './error-message.types.js';
-export declare function ErrorMessage({ className, tag: Tag, icon: Icon, message, ...props }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorMessage({ className, tag: Tag, icon: Icon, errorTitle, message, ...props }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/error-message/error-message.component.js

@@ -1,10 +1,33 @@
 import { clsx } from 'clsx';
 import React from 'react';
 import { AlertIcon } from '../../components/icon/index.js';
+import { List, ListItem } from '../../components/list/index.js';
 import { styles as errorMessageStyles } from './error-message.styles.js';
-export function ErrorMessage({ className, tag: Tag = 'div', icon: Icon, message, ...props }) {
+export function ErrorMessage({ className, tag: Tag = 'div', icon: Icon, errorTitle, message, ...props }) {
     const styles = errorMessageStyles({});
     const FinalIcon = Icon !== null && Icon !== void 0 ? Icon : AlertIcon;
+    if (errorTitle && Array.isArray(message)) {
+        return React.createElement("div", {
+            className: styles.titleWrapper({
+                className
+            }),
+            ...props
+        }, React.createElement("span", {
+            className: styles.title({})
+        }, React.createElement(FinalIcon, {
+            color: "danger",
+            copyrightYear: "2026",
+            className: styles.icon({}),
+            size: "xsmall",
+            look: "outlined"
+        }), errorTitle), React.createElement(List, {
+            type: "bullet",
+            look: "primary",
+            className: styles.bulletList({})
+        }, message.map((msg, index)=>React.createElement(ListItem, {
+                key: index
+            }, msg))));
+    }
     return Array.isArray(message) ? React.createElement("ul", {
         className: styles.list({}),
         ...props
@@ -15,7 +38,7 @@ export function ErrorMessage({ className, tag: Tag = 'div', icon: Icon, message,
             })
         }, React.createElement(FinalIcon, {
             color: "danger",
-            copyrightYear: "2023",
+            copyrightYear: "2026",
             className: styles.icon({}),
             size: "xsmall",
             look: "outlined"
@@ -26,7 +49,7 @@ export function ErrorMessage({ className, tag: Tag = 'div', icon: Icon, message,
         ...props
     }, React.createElement(FinalIcon, {
         color: "danger",
-        copyrightYear: "2023",
+        copyrightYear: "2026",
         className: styles.icon({}),
         size: "xsmall",
         look: "outlined"

package/dist/components/error-message/error-message.styles.d.ts

@@ -2,36 +2,54 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
             list?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            titleWrapper?: import("tailwind-merge").ClassNameValue;
+            bulletList?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
             list?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            titleWrapper?: import("tailwind-merge").ClassNameValue;
+            bulletList?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
     base: string;
     list: string;
     icon: string;
+    titleWrapper: string;
+    title: string;
+    bulletList: string;
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
             list?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            titleWrapper?: import("tailwind-merge").ClassNameValue;
+            bulletList?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
     base: string;
     list: string;
     icon: string;
+    titleWrapper: string;
+    title: string;
+    bulletList: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     base: string;
     list: string;
     icon: string;
+    titleWrapper: string;
+    title: string;
+    bulletList: string;
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/error-message/error-message.styles.js

@@ -3,6 +3,9 @@ export const styles = tv({
     slots: {
         base: 'flex items-start typography-body-11 text-text-danger',
         list: 'mb-2 flex flex-col gap-1',
-        icon: 'mt-[0.25rem] mr-[0.5em] flex-shrink-0 align-top'
+        icon: 'mt-[0.25rem] mr-[0.5em] flex-shrink-0 align-top',
+        titleWrapper: 'mb-2 flex flex-col gap-1 text-text-danger',
+        title: 'flex items-start typography-body-11',
+        bulletList: 'text-text-danger'
     }
 });

package/dist/components/error-message/error-message.types.d.ts

@@ -5,6 +5,10 @@ export type ErrorMessageProps = {
      * Icon
      */
     icon?: (...args: unknown[]) => JSX.Element;
+    /**
+     * Title
+     */
+    errorTitle?: string;
     /**
      * Message or messages
      */

package/dist/components/field/field.component.d.ts

@@ -1,2 +1,2 @@
 import { type FieldProps } from './field.types.js';
-export declare function Field({ className, label, tag: Tag, children, hintMessage, errorMessage, labelElementType, labelSize, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function Field({ className, label, tag: Tag, children, hintMessage, errorTitle, errorMessage, labelElementType, labelSize, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/field/field.component.js

@@ -2,7 +2,7 @@
 import React, { Children, cloneElement, isValidElement, useCallback } from 'react';
 import { useField } from 'react-aria';
 import { ErrorMessage, Hint, Label } from '../index.js';
-export function Field({ className, label, tag: Tag = 'div', children, hintMessage, errorMessage, labelElementType, labelSize, ...props }) {
+export function Field({ className, label, tag: Tag = 'div', children, hintMessage, errorTitle, errorMessage, labelElementType, labelSize, ...props }) {
     const { labelProps, fieldProps, descriptionProps, errorMessageProps } = useField({
         ...props,
         description: hintMessage,
@@ -28,6 +28,7 @@ export function Field({ className, label, tag: Tag = 'div', children, hintMessag
         ...labelProps
     }, label), hintMessage && React.createElement(Hint, descriptionProps, hintMessage), errorMessage && React.createElement(ErrorMessage, {
         ...errorMessageProps,
+        errorTitle: errorTitle,
         message: errorMessage
     }), renderChildren());
 }

package/dist/components/field/field.types.d.ts

@@ -2,6 +2,10 @@ import { HTMLAttributes } from 'react';
 import { AriaFieldProps } from 'react-aria';
 import { HintProps, LabelProps } from '../index.js';
 export type FieldProps = {
+    /**
+     * error title
+     */
+    errorTitle?: string;
     /**
      * error message
      */

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AccessibilityIcon({ 'aria-label': ariaLabel = 'Accessibility', copyrightYear = '2025', ...props }) {
+export function AccessibilityIcon({ 'aria-label': ariaLabel = 'Accessibility', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AccountIcon({ look = 'filled', 'aria-label': ariaLabel = 'Account', copyrightYear = '2025', ...props }) {
+export function AccountIcon({ look = 'filled', 'aria-label': ariaLabel = 'Account', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/add-circle-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AddCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Add Circle', copyrightYear = '2025', ...props }) {
+export function AddCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Add Circle', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2025', ...props }) {
+export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AlertIcon({ look = 'filled', 'aria-label': ariaLabel = 'Alert', copyrightYear = '2025', ...props }) {
+export function AlertIcon({ look = 'filled', 'aria-label': ariaLabel = 'Alert', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2025', ...props }) {
+export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AppleIcon({ 'aria-label': ariaLabel = 'Apple', copyrightYear = '2025', ...props }) {
+export function AppleIcon({ 'aria-label': ariaLabel = 'Apple', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/archive-box-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ArchiveBoxIcon({ look = 'filled', 'aria-label': ariaLabel = 'Archive Box', copyrightYear = '2025', ...props }) {
+export function ArchiveBoxIcon({ look = 'filled', 'aria-label': ariaLabel = 'Archive Box', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-back-circle-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowBackCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Back Circle', copyrightYear = '2025', ...props }) {
+export function ArrowBackCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Back Circle', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-back-icon.d.ts

@@ -1,2 +1,2 @@
 import { type IconProps } from '../icon.types.js';
-export declare function ArrowBackIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowBackIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/components/arrow-back-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowBackIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Back', copyrightYear = '2025', ...props }) {
+export function ArrowBackIcon({ 'aria-label': ariaLabel = 'Arrow Back', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-down-circle-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowDownCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Down Circle', copyrightYear = '2025', ...props }) {
+export function ArrowDownCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Down Circle', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-down-icon.d.ts

@@ -1,2 +1,2 @@
 import { type IconProps } from '../icon.types.js';
-export declare function ArrowDownIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowDownIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/components/arrow-down-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowDownIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Down', copyrightYear = '2025', ...props }) {
+export function ArrowDownIcon({ 'aria-label': ariaLabel = 'Arrow Down', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-fork-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork', copyrightYear = '2025', ...props }) {
+export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-forward-circle-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowForwardCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Forward Circle', copyrightYear = '2025', ...props }) {
+export function ArrowForwardCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Forward Circle', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-forward-icon.d.ts

@@ -1,2 +1,2 @@
 import { type IconProps } from '../icon.types.js';
-export declare function ArrowForwardIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowForwardIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/components/arrow-forward-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowForwardIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Forward', copyrightYear = '2025', ...props }) {
+export function ArrowForwardIcon({ 'aria-label': ariaLabel = 'Arrow Forward', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-left-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left', copyrightYear = '2025', ...props }) {
+export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-right-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowRightIcon({ 'aria-label': ariaLabel = 'Arrow Right', copyrightYear = '2025', ...props }) {
+export function ArrowRightIcon({ 'aria-label': ariaLabel = 'Arrow Right', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-split-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowSplitIcon({ 'aria-label': ariaLabel = 'Arrow Split', copyrightYear = '2025', ...props }) {
+export function ArrowSplitIcon({ 'aria-label': ariaLabel = 'Arrow Split', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-thread-reply-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowThreadReplyIcon({ 'aria-label': ariaLabel = 'Arrow Thread Reply', copyrightYear = '2025', ...props }) {
+export function ArrowThreadReplyIcon({ 'aria-label': ariaLabel = 'Arrow Thread Reply', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-up-circle-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowUpCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Up Circle', copyrightYear = '2025', ...props }) {
+export function ArrowUpCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Up Circle', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/arrow-up-icon.d.ts

@@ -1,2 +1,2 @@
 import { type IconProps } from '../icon.types.js';
-export declare function ArrowUpIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowUpIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/components/arrow-up-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowUpIcon({ look = 'filled', 'aria-label': ariaLabel = 'Arrow Up', copyrightYear = '2025', ...props }) {
+export function ArrowUpIcon({ 'aria-label': ariaLabel = 'Arrow Up', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AtmIcon({ look = 'filled', 'aria-label': ariaLabel = 'Atm', copyrightYear = '2025', ...props }) {
+export function AtmIcon({ look = 'filled', 'aria-label': ariaLabel = 'Atm', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/attache-case-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AttacheCaseIcon({ look = 'filled', 'aria-label': ariaLabel = 'Attache Case', copyrightYear = '2025', ...props }) {
+export function AttacheCaseIcon({ look = 'filled', 'aria-label': ariaLabel = 'Attache Case', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AustraliaIcon({ look = 'filled', 'aria-label': ariaLabel = 'Australia', copyrightYear = '2025', ...props }) {
+export function AustraliaIcon({ look = 'filled', 'aria-label': ariaLabel = 'Australia', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/baby-buggy-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BabyBuggyIcon({ look = 'filled', 'aria-label': ariaLabel = 'Baby Buggy', copyrightYear = '2025', ...props }) {
+export function BabyBuggyIcon({ look = 'filled', 'aria-label': ariaLabel = 'Baby Buggy', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BackspaceIcon({ look = 'filled', 'aria-label': ariaLabel = 'Backspace', copyrightYear = '2025', ...props }) {
+export function BackspaceIcon({ look = 'filled', 'aria-label': ariaLabel = 'Backspace', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BankIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bank', copyrightYear = '2025', ...props }) {
+export function BankIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bank', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/bar-chart-down-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BarChartDownIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bar Chart Down', copyrightYear = '2025', ...props }) {
+export function BarChartDownIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bar Chart Down', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/bar-chart-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BarChartIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bar Chart', copyrightYear = '2025', ...props }) {
+export function BarChartIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bar Chart', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell', copyrightYear = '2025', ...props }) {
+export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/bath-icon.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from '../icon.types.js';
+export declare function BathIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function BathIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bath', copyrightYear = '2026', ...props }) {
+    return React.createElement(Icon, {
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
+        d: "M16.123 2C16.2255 2 16.5 2 17 2.11523C18.7357 2.5424 19.9438 4.11164 20 6V12H22V16C22 18.2091 20.2091 20 18 20V22H16V20H8V22H6V20C3.79086 20 2 18.2091 2 16V12H18V6C17.9361 4.89842 17.1896 4.02258 16.0811 4.00098C15.2389 4.01757 14.5173 4.52405 14.1885 5.24707C14.5363 5.39723 14.853 5.61084 15.1211 5.87891C15.3997 6.15748 15.6207 6.48856 15.7715 6.85254C15.9221 7.21639 16 7.6062 16 8H10C10 7.60605 10.0778 7.21553 10.2285 6.85156C10.3793 6.48775 10.6004 6.15738 10.8789 5.87891C11.1575 5.60033 11.4886 5.37928 11.8525 5.22852C11.9401 5.19227 12.0289 5.15957 12.1191 5.13184C12.5365 3.44449 13.9923 2.16679 15.7695 2.01562C15.8557 2.00555 15.9454 2 16.0391 2C16.0529 2 16.0672 2.00084 16.0811 2.00098C16.095 2.00082 16.109 2 16.123 2Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16.123 2C16.2255 2 16.5 2 17 2.11523C18.7357 2.5424 19.9438 4.11164 20 6V12H22V16C22 18.2091 20.2091 20 18 20V22H16V20H8V22H6V20C3.79086 20 2 18.2091 2 16V12H18V6C17.9361 4.89842 17.1896 4.02258 16.0811 4.00098C15.2389 4.01757 14.5173 4.52405 14.1885 5.24707C14.5363 5.39723 14.853 5.61084 15.1211 5.87891C15.3997 6.15748 15.6207 6.48856 15.7715 6.85254C15.9221 7.21639 16 7.6062 16 8H10C10 7.60605 10.0778 7.21553 10.2285 6.85156C10.3793 6.48775 10.6004 6.15738 10.8789 5.87891C11.1575 5.60033 11.4886 5.37928 11.8525 5.22852C11.9401 5.19227 12.0289 5.15957 12.1191 5.13184C12.5365 3.44449 13.9923 2.16679 15.7695 2.01562C15.8557 2.00555 15.9454 2 16.0391 2C16.0529 2 16.0672 2.00084 16.0811 2.00098C16.095 2.00082 16.109 2 16.123 2ZM4 14V16C4 17.1046 4.89543 18 6 18H18C19.1046 18 20 17.1046 20 16V14H4Z",
+        fill: "currentColor"
+    }));
+}

package/dist/components/icon/components/bed-icon.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from '../icon.types.js';
+export declare function BedIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+export function BedIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bed', copyrightYear = '2026', ...props }) {
+    return React.createElement(Icon, {
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M18 8C20.2091 8 22 9.79086 22 12V22H20V18H4V22H2V12C2 9.79086 3.79086 8 6 8H18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M10 2C10.5523 2 11 2.44772 11 3V5C11 5.55228 10.5523 6 10 6H5C4.44772 6 4 5.55228 4 5V3C4 2.44772 4.44772 2 5 2H10Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M19 2C19.5523 2 20 2.44772 20 3V5C20 5.55228 19.5523 6 19 6H14C13.4477 6 13 5.55228 13 5V3C13 2.44772 13.4477 2 14 2H19Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M4 3C4 2.44772 4.44772 2 5 2H10C10.5523 2 11 2.44772 11 3V5C11 5.55228 10.5523 6 10 6H5C4.44772 6 4 5.55228 4 5V3Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13 3C13 2.44772 13.4477 2 14 2H19C19.5523 2 20 2.44772 20 3V5C20 5.55228 19.5523 6 19 6H14C13.4477 6 13 5.55228 13 5V3Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M20 12C20 10.8954 19.1046 10 18 10V8C20.2091 8 22 9.79086 22 12V22H20V18H4V22H2V12C2 9.79086 3.79086 8 6 8V10C4.89543 10 4 10.8954 4 12V16H20V12ZM18 8V10H6V8H18Z",
+        fill: "currentColor"
+    })));
+}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function BookIcon({ look = 'filled', 'aria-label': ariaLabel = 'Book', copyrightYear = '2025', ...props }) {
+export function BookIcon({ look = 'filled', 'aria-label': ariaLabel = 'Book', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BpayIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bpay', copyrightYear = '2025', ...props }) {
+export function BpayIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bpay', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BriefcaseIcon({ look = 'filled', 'aria-label': ariaLabel = 'Briefcase', copyrightYear = '2025', ...props }) {
+export function BriefcaseIcon({ look = 'filled', 'aria-label': ariaLabel = 'Briefcase', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/bug-report-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BugReportIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bug Report', copyrightYear = '2025', ...props }) {
+export function BugReportIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bug Report', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BurgerIcon({ look = 'filled', 'aria-label': ariaLabel = 'Burger', copyrightYear = '2025', ...props }) {
+export function BurgerIcon({ look = 'filled', 'aria-label': ariaLabel = 'Burger', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/business-person-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BusinessPersonIcon({ look = 'filled', 'aria-label': ariaLabel = 'Business Person', copyrightYear = '2025', ...props }) {
+export function BusinessPersonIcon({ look = 'filled', 'aria-label': ariaLabel = 'Business Person', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,