@westpac/ui 0.5.0 → 0.7.0

package/dist/components/selector/selector.component.js

@@ -13,9 +13,10 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 import React from 'react';
-import { FlexiCellAdornment, FlexiCellBody, FlexiCellButton, FlexiCellCircle, FlexiCellFooter, FlexiCellHint, FlexiCellLabel } from '../flexi-cell/components/index.js';
+import { FlexiCellAdornment, FlexiCellBody, FlexiCellButton, FlexiCellCircle, FlexiCellFooter, FlexiCellHint } from '../flexi-cell/components/index.js';
 import { SelectorCheckboxGroup, SelectorRadioGroup } from './components/index.js';
 import { SelectorCheckboxGroupOption } from './components/selector-checkbox-group/components/index.js';
+import { SelectorLabel } from './components/selector-label/index.js';
 import { SelectorRadioGroupOption } from './components/selector-radio-group/components/index.js';
 export function Selector(props) {
     if (props.type === 'checkbox') {
@@ -29,6 +30,6 @@ Selector.Body = FlexiCellBody;
 Selector.Footer = FlexiCellFooter;
 Selector.Adornment = FlexiCellAdornment;
 Selector.Hint = FlexiCellHint;
-Selector.Label = FlexiCellLabel;
+Selector.Label = SelectorLabel;
 Selector.Button = FlexiCellButton;
 Selector.Circle = FlexiCellCircle;

package/dist/components/selector/selector.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type Meta } from '@storybook/react';
 import { Selector } from './selector.component.js';
 declare const meta: Meta<typeof Selector>;
@@ -6,52 +5,52 @@ export default meta;
 /**
  * > Default usage example
  */
-export declare const DefaultStory: () => JSX.Element;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Radio usage example
  */
-export declare const RadioStory: () => JSX.Element;
+export declare const Radio: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Radio usage example
  */
-export declare const CheckWithArrowStory: () => JSX.Element;
+export declare const CheckWithArrow: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Radio with state usage example
  */
-export declare const RadioWithStateStory: () => JSX.Element;
+export declare const RadioWithState: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Check options with state usage example
  */
-export declare const CheckboxWithStateStory: () => JSX.Element;
+export declare const CheckboxWithState: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Default usage example
  */
-export declare const LongTextStory: () => JSX.Element;
+export declare const LongText: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > With hint text usage example
  */
-export declare const WithHintTextStory: () => JSX.Element;
+export declare const HintText: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > With pictogram usage example
  */
-export declare const WithPictogramStory: () => JSX.Element;
+export declare const Pictogram: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > With pictogram with different sizes usage example
  */
-export declare const WithPictogramDifferentSizesStory: () => JSX.Element;
+export declare const PictogramSizes: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > With icon and different size
  */
-export declare const WithIconsDifferentSizesStory: () => JSX.Element;
+export declare const IconsSizes: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > With icon and secondary label
  */
-export declare const WithIconsAndSecondaryLabelStory: () => JSX.Element;
+export declare const IconsAndSecondaryLabel: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Radio example with icons and secondary text
  */
-export declare const RadioWithIconsAndSecondaryLabelStory: () => JSX.Element;
+export declare const RadioWithIconsAndSecondaryLabel: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Disable state style example
  */
-export declare const DisableStateStory: () => JSX.Element;
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/selector/selector.stories.js

@@ -7,20 +7,17 @@ const HERE_IS_A_LABEL_A = 'Here is a label A';
 const HERE_IS_A_LABEL_B = 'Here is a label B';
 const HERE_IS_A_LABEL_C = 'Here is a label C';
 const meta = {
-    title: 'Example/Selector',
+    title: 'Components/Selector',
     component: Selector,
     tags: [
         'autodocs'
     ],
     decorators: [
         (Story)=>React.createElement(Story, null)
-    ],
-    parameters: {
-        layout: 'padded'
-    }
+    ]
 };
 export default meta;
-export const DefaultStory = ()=>{
+export const Default = ()=>{
     return React.createElement(Selector, {
         type: "checkbox"
     }, [
@@ -47,7 +44,7 @@ export const DefaultStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, "Something ", key))));
 };
-export const RadioStory = ()=>{
+export const Radio = ()=>{
     return React.createElement(Selector, {
         type: "radio"
     }, [
@@ -74,7 +71,7 @@ export const RadioStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, "Something ", key))));
 };
-export const CheckWithArrowStory = ()=>{
+export const CheckWithArrow = ()=>{
     return React.createElement(Selector, {
         type: "radio"
     }, [
@@ -102,7 +99,7 @@ export const CheckWithArrowStory = ()=>{
             checkIcon: "arrow"
         }, React.createElement(Selector.Label, null, "Something ", key))));
 };
-export const RadioWithStateStory = ()=>{
+export const RadioWithState = ()=>{
     const [selectedOption, setSelectedOption] = useState();
     return React.createElement(React.Fragment, null, selectedOption, React.createElement(Selector, {
         type: "radio",
@@ -134,7 +131,7 @@ export const RadioWithStateStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, "Something ", key)))));
 };
-export const CheckboxWithStateStory = ()=>{
+export const CheckboxWithState = ()=>{
     const [selectedOptions, setSelectedOptions] = useState();
     return React.createElement(React.Fragment, null, selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.join(','), React.createElement(Selector, {
         type: "checkbox",
@@ -166,7 +163,7 @@ export const CheckboxWithStateStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, "Something ", key)))));
 };
-export const LongTextStory = ()=>{
+export const LongText = ()=>{
     return React.createElement(Selector, {
         type: "checkbox"
     }, [
@@ -193,7 +190,7 @@ export const LongTextStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores architecto eum aperiam consectetur quibusdam. Laboriosam saepe, explicabo odio quis doloribus consequuntur quae et necessitatibus quasi similique. Debitis non quo recusandae. ", key))));
 };
-export const WithHintTextStory = ()=>{
+export const HintText = ()=>{
     return React.createElement(Selector, {
         type: "checkbox"
     }, [
@@ -222,7 +219,7 @@ export const WithHintTextStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, label), hint && React.createElement(Selector.Hint, null, hint))));
 };
-export const WithPictogramStory = ()=>{
+export const Pictogram = ()=>{
     return React.createElement(Selector, {
         type: "checkbox"
     }, [
@@ -267,7 +264,7 @@ export const WithPictogramStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, label), hint && React.createElement(Selector.Hint, null, hint))));
 };
-export const WithPictogramDifferentSizesStory = ()=>{
+export const PictogramSizes = ()=>{
     return React.createElement(Selector, {
         type: "checkbox"
     }, [
@@ -312,7 +309,7 @@ export const WithPictogramDifferentSizesStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, label), hint && React.createElement(Selector.Hint, null, hint))));
 };
-export const WithIconsDifferentSizesStory = ()=>{
+export const IconsSizes = ()=>{
     return React.createElement(Selector, {
         type: "checkbox"
     }, [
@@ -357,7 +354,7 @@ export const WithIconsDifferentSizesStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, label), hint && React.createElement(Selector.Hint, null, hint))));
 };
-export const WithIconsAndSecondaryLabelStory = ()=>{
+export const IconsAndSecondaryLabel = ()=>{
     return React.createElement(Selector, {
         type: "checkbox"
     }, [
@@ -408,7 +405,7 @@ export const WithIconsAndSecondaryLabelStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, label), hint && React.createElement(Selector.Hint, null, hint))));
 };
-export const RadioWithIconsAndSecondaryLabelStory = ()=>{
+export const RadioWithIconsAndSecondaryLabel = ()=>{
     return React.createElement(Selector, {
         type: "radio"
     }, [
@@ -460,7 +457,7 @@ export const RadioWithIconsAndSecondaryLabelStory = ()=>{
             isDisabled: disabled
         }, React.createElement(Selector.Label, null, label), hint && React.createElement(Selector.Hint, null, hint))));
 };
-export const DisableStateStory = ()=>{
+export const Disabled = ()=>{
     return React.createElement(Selector, {
         type: "radio",
         value: "A"

package/dist/components/skip-link/skip-link.stories.d.ts

@@ -1,9 +1,8 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta } from '@storybook/react';
 import { SkipLink } from './skip-link.component.js';
 declare const meta: Meta<typeof SkipLink>;
 export default meta;
-type Story = StoryObj<typeof meta>;
 /**
  * > Default usage example
  */
-export declare const DefaultStory: Story;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/skip-link/skip-link.stories.js

@@ -1,21 +1,29 @@
+import { useRef } from 'react';
+import { Button } from '../index.js';
 import { SkipLink } from './skip-link.component.js';
 const meta = {
-    title: 'Example/SkipLink',
+    title: 'Components/SkipLink',
     component: SkipLink,
     tags: [
         'autodocs'
     ],
     decorators: [
         (Story)=>React.createElement(Story, null)
-    ],
-    parameters: {
-        layout: 'fullscreen'
-    }
+    ]
 };
 export default meta;
-export const DefaultStory = {
-    args: {
-        children: 'This is a text only for screen reader',
-        href: '#batata'
-    }
+export const Default = ()=>{
+    const skipLinkRef = useRef();
+    return React.createElement(React.Fragment, null, React.createElement(SkipLink, {
+        href: "#skiptohere",
+        ref: skipLinkRef
+    }, "Skip to lower contents", ' '), React.createElement("div", null, "‘It was much pleasanter at home’, thought poor Alice, ‘when one wasn’t always growing larger and smaller, and being ordered about by mice and rabbits. I almost wish I hadn’t gone down that rabbit-hole — and yet — and yet — it’s rather curious, you know, this sort of life! I do wonder what can have happened to me! When I used to read fairy-tales, I fancied that kind of thing never happened, and now here I am in the middle of one! There ought to be a book written about me, that there ought!’", ' ', React.createElement("h3", {
+        id: "skiptohere",
+        className: "typography-body-7 p-2 font-bold"
+    }, "Will skip to here"), ' ', "‘It was much pleasanter at home’, thought poor Alice, ‘when one wasn’t always growing larger and smaller, and being ordered about by mice and rabbits. I almost wish I hadn’t gone down that rabbit-hole — and yet — and yet — it’s rather curious, you know, this sort of life! I do wonder what can have happened to me! When I used to read fairy-tales, I fancied that kind of thing never happened, and now here I am in the middle of one! There ought to be a book written about me, that there ought!’ ‘It was much pleasanter at home’, thought poor Alice, ‘when one wasn’t always growing larger and smaller, and being ordered about by mice and rabbits. I almost wish I hadn’t gone down that rabbit-hole — and yet — and yet — it’s rather curious, you know, this sort of life! I do wonder what can have happened to me! When I used to read fairy-tales, I fancied that kind of thing never happened, and now here I am in the middle of one! There ought to be a book written about me, that there ought!’ ‘It was much pleasanter at home’, thought poor Alice, ‘when one wasn’t always growing larger and smaller, and being ordered about by mice and rabbits. I almost wish I hadn’t gone down that rabbit-hole — and yet — and yet — it’s rather curious, you know, this sort of life! I do wonder what can have happened to me! When I used to read fairy-tales, I fancied that kind of thing never happened, and now here I am in the middle of one! There ought to be a book written about me, that there ought!’"), React.createElement(Button, {
+        onClick: ()=>{
+            var _skipLinkRef_current;
+            return (_skipLinkRef_current = skipLinkRef.current) === null || _skipLinkRef_current === void 0 ? void 0 : _skipLinkRef_current.focus();
+        }
+    }, "Open content skipper"));
 };

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

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SwitchProps } from './switch.types.js';
-export declare function Switch({ className, label, size, block, isDisabled, ...props }: SwitchProps): JSX.Element;
+export declare function Switch({ className, label, size, block, checked, isDisabled, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/switch/switch.component.js

@@ -13,23 +13,27 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 import React, { useId, useRef } from 'react';
-import { VisuallyHidden, useCheckbox, useFocusRing } from 'react-aria';
+import { VisuallyHidden, mergeProps, useCheckbox, useFocusRing } from 'react-aria';
 import { useToggleState } from 'react-stately';
 import { styles as switchStyles } from './switch.styles.js';
-export function Switch({ className , label , size ='medium' , block =false , isDisabled , ...props }) {
-    const state = useToggleState(props);
+export function Switch({ className , label , size ='medium' , block =false , checked =false , isDisabled , ...props }) {
+    const state = useToggleState({
+        ...props,
+        defaultSelected: checked
+    });
     const labelId = useId();
     const ref = useRef(null);
+    const { isSelected  } = state;
     const { inputProps  } = useCheckbox({
         isDisabled,
         'aria-labelledby': labelId,
+        defaultSelected: checked,
         ...props
     }, state, ref);
-    const { isSelected  } = state;
-    const { isFocusVisible , focusProps  } = useFocusRing();
+    const { isFocused , focusProps  } = useFocusRing();
     const styles = switchStyles({
         block,
-        isFocusVisible,
+        isFocused,
         isSelected,
         isDisabled,
         size
@@ -41,7 +45,7 @@ export function Switch({ className , label , size ='medium' , block =false , isD
     }, React.createElement("span", {
         className: styles.label(),
         id: labelId
-    }, label), React.createElement(VisuallyHidden, null, React.createElement("input", _extends({}, inputProps, focusProps, {
+    }, label), React.createElement(VisuallyHidden, null, React.createElement("input", _extends({}, mergeProps(inputProps, focusProps), {
         ref: ref
     }))), React.createElement("div", {
         className: styles.switchDiv()

package/dist/components/switch/switch.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type Meta, type StoryObj } from '@storybook/react';
 import { Switch } from './switch.component.js';
 declare const meta: Meta<typeof Switch>;
@@ -7,24 +6,24 @@ type Story = StoryObj<typeof meta>;
 /**
  * > Default usage example
  */
-export declare const DefaultStory: Story;
+export declare const Default: Story;
 /**
  * > Selected switch example
  */
-export declare const SelectedSwitch: Story;
+export declare const Selected: Story;
 /**
  * > Switch size example
  */
-export declare const SwitchSizes: () => JSX.Element;
+export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Disabled switch example
  */
-export declare const DisabledSwitch: Story;
+export declare const Disabled: Story;
 /**
  * > Block switch example
  */
-export declare const BlockSwitch: () => JSX.Element;
+export declare const Block: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Responsive switch example
  */
-export declare const ResponsiveSizeSwitch: Story;
+export declare const ResponsiveSize: Story;

package/dist/components/switch/switch.stories.js

@@ -1,18 +1,13 @@
 import { Switch } from './switch.component.js';
 const meta = {
-    title: 'Example/Switch',
+    title: 'Components/Switch',
     component: Switch,
     tags: [
         'autodocs'
     ],
     decorators: [
-        (Story)=>React.createElement("div", {
-                className: "flex p-3"
-            }, React.createElement(Story, null))
-    ],
-    parameters: {
-        layout: 'fullscreen'
-    }
+        (Story)=>React.createElement(Story, null)
+    ]
 };
 export default meta;
 const SIZES = [
@@ -21,19 +16,19 @@ const SIZES = [
     'large',
     'xlarge'
 ];
-export const DefaultStory = {
+export const Default = {
     args: {
         size: 'medium',
         label: 'eStatements'
     }
 };
-export const SelectedSwitch = {
+export const Selected = {
     args: {
         label: 'eStatements',
-        isSelected: true
+        checked: true
     }
 };
-export const SwitchSizes = ()=>React.createElement("div", null, SIZES.map((size)=>React.createElement("div", {
+export const Sizes = ()=>React.createElement("div", null, SIZES.map((size)=>React.createElement("div", {
             key: size
         }, React.createElement("h3", {
             className: "font-bold"
@@ -43,13 +38,13 @@ export const SwitchSizes = ()=>React.createElement("div", null, SIZES.map((size)
             size: size,
             label: "eStatements"
         })))));
-export const DisabledSwitch = {
+export const Disabled = {
     args: {
         label: 'eStatements',
         isDisabled: true
     }
 };
-export const BlockSwitch = ()=>React.createElement("div", null, React.createElement(React.Fragment, null, React.createElement("div", {
+export const Block = ()=>React.createElement("div", null, React.createElement(React.Fragment, null, React.createElement("div", {
         className: "mb-2"
     }, React.createElement(Switch, {
         block: true,
@@ -60,7 +55,7 @@ export const BlockSwitch = ()=>React.createElement("div", null, React.createElem
         block: true,
         label: "eStatements"
     }))));
-export const ResponsiveSizeSwitch = {
+export const ResponsiveSize = {
     args: {
         label: 'eStatements',
         size: {

package/dist/components/switch/switch.styles.d.ts

@@ -13,7 +13,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             switchDiv: string;
         };
     };
-    isFocusVisible: {
+    isFocused: {
         true: {
             switchDiv: string;
         };
@@ -60,7 +60,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             switchDiv: string;
         };
     };
-    isFocusVisible: {
+    isFocused: {
         true: {
             switchDiv: string;
         };

package/dist/components/switch/switch.styles.js

@@ -20,7 +20,7 @@ export const styles = tv({
                 switchDiv: 'h-[2.875rem] w-14 rounded-[2.875rem] after:h-[2.875rem] after:w-[2.875rem]'
             }
         },
-        isFocusVisible: {
+        isFocused: {
             true: {
                 switchDiv: 'focus-outline'
             }

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

@@ -6,6 +6,10 @@ export type SwitchProps = {
      * Whether to display switch as block
      */
     block?: boolean;
+    /**
+     * Default checked
+     */
+    checked?: boolean;
     /**
      * Classname for overriding base style
      */
@@ -14,4 +18,4 @@ export type SwitchProps = {
      * Label for the switch
      */
     label: string;
-} & Omit<AriaCheckboxProps, 'children'> & Pick<VariantProps<typeof styles>, 'size'>;
+} & Omit<AriaCheckboxProps, 'children' | 'isSelected'> & Pick<VariantProps<typeof styles>, 'size'>;

package/dist/components/symbol/components/logos/bom-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare function BOMLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps): JSX.Element;
+export declare function BOMLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/bom-multibrand-large-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare function BOMMultibrandLargeLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps): JSX.Element;
+export declare function BOMMultibrandLargeLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/bom-multibrand-small-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare function BOMMultibrandSmallLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps): JSX.Element;
+export declare function BOMMultibrandSmallLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/bom-shield-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare function BOMShieldLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps): JSX.Element;
+export declare function BOMShieldLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/bsa-logo.d.ts

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

package/dist/components/symbol/components/logos/bsa-multibrand-large-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare const BSAMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => JSX.Element;
+export declare const BSAMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/bsa-multibrand-small-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare const BSAMultibrandSmallLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxHeight, viewBoxWidth, align, offset, className, ...props }: SymbolProps) => JSX.Element;
+export declare const BSAMultibrandSmallLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxHeight, viewBoxWidth, align, offset, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/bsa-stacked-logo.d.ts

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

package/dist/components/symbol/components/logos/rams-logo.d.ts

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

package/dist/components/symbol/components/logos/rams-multibrand-large-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare const RAMSMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => JSX.Element;
+export declare const RAMSMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/rams-multibrand-small-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare const RAMSMultibrandSmallLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => JSX.Element;
+export declare const RAMSMultibrandSmallLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/red-avatar-circle-logo.d.ts

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

package/dist/components/symbol/components/logos/red-avatar-circle-reversed-logo.d.ts

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

package/dist/components/symbol/components/logos/red-avatar-logo.d.ts

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

package/dist/components/symbol/components/logos/stg-dragon-logo.d.ts

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

package/dist/components/symbol/components/logos/stg-logo.d.ts

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

package/dist/components/symbol/components/logos/stg-multibrand-large-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare const STGMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => JSX.Element;
+export declare const STGMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/stg-multibrand-small-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare const STGMultibrandSmallLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => JSX.Element;
+export declare const STGMultibrandSmallLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/wbc-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare function WBCLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps): JSX.Element;
+export declare function WBCLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/wbc-multibrand-large-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare const WBCMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => JSX.Element;
+export declare const WBCMultibrandLargeLogo: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/wbc-multibrand-small-logo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type SymbolProps } from '../../symbol.types.js';
-export declare function WBCMultibrandSmallLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps): JSX.Element;
+export declare function WBCMultibrandSmallLogo({ 'aria-label': ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, align, offset, className, ...props }: SymbolProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/logos/wbg-internal-logo.d.ts

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