@westpac/ui 0.13.0 → 0.14.0

package/dist/components/progress-indicator/progress-indicator.component.js

@@ -0,0 +1,26 @@
+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 './progress-indicator.styles.js';
+export function ProgressIndicator({ className , children , inverted =false , size ='medium' , 'aria-label': ariaLabel = 'Loading' , ...props }) {
+    return React.createElement("div", _extends({
+        className: styles({
+            className,
+            size,
+            inverted
+        }),
+        "aria-label": ariaLabel
+    }, props), children);
+}

package/dist/components/progress-indicator/progress-indicator.styles.d.ts

@@ -0,0 +1,27 @@
+export declare const styles: import("tailwind-variants").TVReturnType<{
+    size: {
+        xsmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    inverted: {
+        true: string;
+        false: string;
+    };
+}, undefined, "box-border inline-block animate-[spin_0.7s_linear_infinite] rounded-full border border-y-[1px] border-l-[1px] border-r-0 border-t-[transparent]", {
+    responsiveVariants: string[];
+}, {
+    size: {
+        xsmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    inverted: {
+        true: string;
+        false: string;
+    };
+}, undefined>;

package/dist/components/progress-indicator/progress-indicator.styles.js

@@ -0,0 +1,25 @@
+import { tv } from 'tailwind-variants';
+export const styles = tv({
+    base: 'box-border inline-block animate-[spin_0.7s_linear_infinite] rounded-full border border-y-[1px] border-l-[1px] border-r-0 border-t-[transparent]',
+    variants: {
+        size: {
+            xsmall: 'h-2 w-2',
+            small: 'h-3 w-3',
+            medium: 'h-4 w-4',
+            large: 'h-6 w-6',
+            xlarge: 'h-8 w-8'
+        },
+        inverted: {
+            true: 'border-b-white border-l-white',
+            false: 'border-b-hero border-l-hero'
+        }
+    }
+}, {
+    responsiveVariants: [
+        'xsl',
+        'sm',
+        'md',
+        'lg',
+        'xl'
+    ]
+});

package/dist/components/progress-indicator/progress-indicator.types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+import { type VariantProps } from 'tailwind-variants';
+import { styles } from './progress-indicator.styles.js';
+type Variants = VariantProps<typeof styles>;
+export type ProgressIndicatorProps = {
+    /**
+     * Whether indicator should be white for a dark background
+     */
+    inverted?: boolean;
+    /**
+     * Size of progress indicator
+     */
+    size?: Variants['size'];
+} & HTMLAttributes<Element>;
+export {};

package/dist/components/progress-indicator/progress-indicator.types.js

@@ -0,0 +1 @@
+export { };

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.d.ts

@@ -1,2 +1,5 @@
 import { type ProgressRopeGroupStepProps } from './progress-rope-group-step.types.js';
+/**
+ * @private
+ */
 export declare function ProgressRopeGroupStep({ steps, currentKey, furthestVisitedStep, children, firstItem, opened, onToggle, }: ProgressRopeGroupStepProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.js

@@ -1,5 +1,20 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
 import { AnimatePresence, LazyMotion, m } from 'framer-motion';
 import React, { useId, useMemo } from 'react';
+import { useFocusRing } from 'react-aria';
 import { Circle, VisuallyHidden } from '../../../index.js';
 import { ProgressRopeStep } from '../index.js';
 import { styles as progressRopeGroupStyles } from './progress-rope-group-step.styles.js';
@@ -31,7 +46,11 @@ export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep
         steps,
         furthestVisitedStep
     ]);
+    const { isFocusVisible , focusProps  } = useFocusRing();
     const state = useMemo(()=>{
+        if (current && visited) {
+            return 'current-visited';
+        }
         if (current) {
             return 'current';
         }
@@ -45,14 +64,15 @@ export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep
     ]);
     const styles = progressRopeGroupStyles({
         firstItem,
-        state
+        state,
+        isFocusVisible
     });
-    return React.createElement(React.Fragment, null, React.createElement("button", {
+    return React.createElement(React.Fragment, null, React.createElement("button", _extends({
         "aria-expanded": opened,
         className: styles.circleWrapper({}),
         onClick: onToggle,
         "aria-controls": stepsContainerID
-    }, React.createElement(Circle, {
+    }, focusProps), React.createElement(Circle, {
         className: styles.circle(),
         "aria-hidden": "true"
     }), children, React.createElement(VisuallyHidden, null, ", ", visuallyHiddenMessage)), React.createElement(LazyMotion, {
@@ -75,7 +95,7 @@ export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep
             duration: 0.2,
             ease: 'easeInOut'
         }
-    }, React.createElement("ul", {
+    }, React.createElement("ol", {
         className: styles.stepsWrapper({}),
         id: stepsContainerID,
         "aria-hidden": !opened
@@ -83,9 +103,11 @@ export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep
             key: step.index
         }, React.createElement(ProgressRopeStep, {
             firstItem: index === 0,
+            lastItemInGroup: index === steps.length - 1,
             size: "small",
             onClick: (furthestVisitedStep || 0) >= step.index ? step.onClick : undefined,
             current: step.index === currentKey,
-            visited: (furthestVisitedStep || 0) >= step.index
+            visited: (furthestVisitedStep || 0) > step.index,
+            furthest: furthestVisitedStep === step.index
         }, step.text))))))));
 }

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.styles.d.ts

@@ -21,6 +21,16 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             circleWrapper: string;
             circle: string;
         };
+        'current-visited': {
+            base: string;
+            circleWrapper: string;
+            circle: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            circleWrapper: string;
+        };
     };
 }, {
     base: string;
@@ -52,6 +62,16 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             circleWrapper: string;
             circle: string;
         };
+        'current-visited': {
+            base: string;
+            circleWrapper: string;
+            circle: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            circleWrapper: string;
+        };
     };
 }, {
     base: string;

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.styles.js

@@ -3,31 +3,41 @@ export const styles = tv({
     slots: {
         base: '',
         circle: 'relative z-10 h-[14px] w-[14px] border-2 bg-white transition-colors',
-        circleWrapper: 'typography-body-10 relative flex h-7 cursor-pointer items-center gap-2 transition-colors before:absolute before:inset-y-0 before:left-[6px] before:block before:-translate-y-1/2 before:border-l-2 before:border-dotted before:transition-colors after:absolute after:inset-y-0 after:left-[6px] after:z-[1] after:block after:translate-y-1/2 after:border-l-2 after:transition-colors',
-        stepsWrapper: 'relative overflow-hidden transition-all'
+        circleWrapper: 'typography-body-9 relative flex w-full cursor-pointer items-center gap-2 pb-[1.625rem] pt-1 leading-[1.428571429] transition-colors ',
+        stepsWrapper: 'relative transition-all'
     },
     variants: {
         firstItem: {
             true: {
-                circleWrapper: 'before:hidden'
+                circleWrapper: 'after:first:hidden'
             },
             false: {}
         },
         state: {
             current: {
                 base: 'font-bold text-primary',
-                circle: 'border-primary bg-white',
-                circleWrapper: 'before:border-solid before:border-primary after:border-solid after:border-primary'
+                circle: 'border-primary bg-white ',
+                circleWrapper: ''
             },
             visited: {
-                base: 'before:border-solid before:border-primary',
+                base: '',
                 circle: 'border-[3px] border-primary bg-primary',
-                circleWrapper: 'text-text before:border-solid before:border-primary after:border-solid after:border-primary'
+                circleWrapper: 'text-text before:absolute before:inset-y-0 before:left-1 before:z-[1] before:block before:translate-y-[1.25rem] before:border-l-2 before:border-primary before:transition-colors after:absolute after:inset-y-[1.25rem] after:left-1 after:z-[1] after:block after:translate-y-[-1.25rem] after:border-l-2 after:border-primary after:transition-colors'
             },
             'non-visited': {
-                base: 'before:border-borderDark',
-                circleWrapper: 'text-muted-90 after:border-dotted after:border-borderDark',
+                base: '',
+                circleWrapper: 'text-muted-90',
                 circle: 'border-borderDark bg-white'
+            },
+            'current-visited': {
+                base: '',
+                circleWrapper: 'before:absolute before:inset-y-0 before:left-1 before:z-[1] before:block before:translate-y-[1.25rem] before:border-l-2 before:border-primary before:transition-colors',
+                circle: 'border-[3px] border-primary bg-white'
+            }
+        },
+        isFocusVisible: {
+            true: {
+                circleWrapper: 'focus-outline'
             }
         }
     }

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.d.ts

@@ -17,6 +17,10 @@ export type ProgressRopeGroupStepProps = {
      * Furtherst visited step
      */
     furthestVisitedStep?: number;
+    /**
+     * Whether or not it is the last item
+     */
+    lastItem?: boolean;
     /**
      * Trigger when the user try to open/close the group
      */

package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.component.d.ts

@@ -1,2 +1,5 @@
 import { type ProgressRopeStepProps } from './progress-rope-step.types.js';
-export declare function ProgressRopeStep({ className, current, visited, tag: Tag, type, size, children, firstItem, ...props }: ProgressRopeStepProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @private
+ */
+export declare function ProgressRopeStep({ className, current, visited, tag: Tag, type, size, children, firstItem, lastItemInGroup, lastItemInRope, furthest, previousStepGroup, ...props }: ProgressRopeStepProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.component.js

@@ -13,10 +13,20 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 import React, { useMemo } from 'react';
+import { mergeProps, useFocusRing } from 'react-aria';
 import { Circle } from '../../../index.js';
 import { styles as progressRopeStyles } from './progress-rope-step.styles.js';
-export function ProgressRopeStep({ className , current , visited , tag: Tag = 'button' , type , size ='medium' , children , firstItem , ...props }) {
+export function ProgressRopeStep({ className , current , visited , tag: Tag = 'button' , type , size ='medium' , children , firstItem , lastItemInGroup , lastItemInRope , furthest , previousStepGroup , ...props }) {
     const state = useMemo(()=>{
+        if (lastItemInRope && visited && current) {
+            return 'last-current';
+        }
+        if (lastItemInRope && visited) {
+            return 'last-visited';
+        }
+        if (current && visited) {
+            return 'current-visited';
+        }
         if (current) {
             return 'current';
         }
@@ -28,17 +38,24 @@ export function ProgressRopeStep({ className , current , visited , tag: Tag = 'b
         current,
         visited
     ]);
+    const { isFocusVisible , focusProps  } = useFocusRing();
     const styles = progressRopeStyles({
         className,
         state,
         size,
-        firstItem
+        firstItem,
+        lastItemInGroup,
+        lastItemInRope: lastItemInRope && !previousStepGroup,
+        lastItemInRopeGrouped: lastItemInRope && previousStepGroup,
+        furthestVisited: !current && furthest,
+        previousStepGroup: furthest && previousStepGroup,
+        isFocusVisible
     });
     return React.createElement(Tag, _extends({
         className: styles.base({}),
         "aria-current": current,
         disabled: state === 'non-visited'
-    }, props), React.createElement(Circle, {
+    }, mergeProps(props, focusProps)), React.createElement(Circle, {
         className: styles.circle(),
         "aria-hidden": "true"
     }), children);

package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.styles.d.ts

@@ -12,6 +12,18 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             base: string;
             circle: string;
         };
+        'current-visited': {
+            base: string;
+            circle: string;
+        };
+        'last-visited': {
+            base: string;
+            circle: string;
+        };
+        'last-current': {
+            base: string;
+            circle: string;
+        };
     };
     firstItem: {
         true: {
@@ -19,6 +31,31 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         };
         false: {};
     };
+    lastItemInGroup: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    lastItemInRope: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    lastItemInRopeGrouped: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    furthestVisited: {
+        true: {
+            base: string;
+            circle: string;
+        };
+        false: {};
+    };
     size: {
         medium: {
             circle: string;
@@ -28,6 +65,17 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             base: string;
         };
     };
+    previousStepGroup: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    isFocusVisible: {
+        true: {
+            base: string;
+        };
+    };
 }, {
     base: string;
     circle: string;
@@ -47,6 +95,18 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             base: string;
             circle: string;
         };
+        'current-visited': {
+            base: string;
+            circle: string;
+        };
+        'last-visited': {
+            base: string;
+            circle: string;
+        };
+        'last-current': {
+            base: string;
+            circle: string;
+        };
     };
     firstItem: {
         true: {
@@ -54,6 +114,31 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         };
         false: {};
     };
+    lastItemInGroup: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    lastItemInRope: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    lastItemInRopeGrouped: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    furthestVisited: {
+        true: {
+            base: string;
+            circle: string;
+        };
+        false: {};
+    };
     size: {
         medium: {
             circle: string;
@@ -63,6 +148,17 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             base: string;
         };
     };
+    previousStepGroup: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    isFocusVisible: {
+        true: {
+            base: string;
+        };
+    };
 }, {
     base: string;
     circle: string;

package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.styles.js

@@ -1,27 +1,64 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'typography-body-10 relative flex h-7 cursor-pointer items-center gap-2 transition-colors before:absolute before:inset-y-0 before:left-[6px] before:block before:-translate-y-1/2 before:border-l-2 before:border-dotted before:transition-colors',
+        base: 'typography-body-10 relative flex w-full cursor-pointer items-center gap-2 pb-[0.875rem] pt-[0.5rem] leading-[1.428571429] transition-colors',
         circle: 'relative z-10 bg-white transition-colors'
     },
     variants: {
         state: {
             current: {
-                base: 'font-bold text-primary before:border-solid',
+                base: 'font-bold text-primary',
                 circle: 'border-[3px] border-primary bg-white'
             },
             visited: {
-                base: 'text-text before:border-solid before:border-primary',
+                base: 'text-text before:absolute before:inset-y-0 before:left-1 before:z-10 before:block before:translate-y-[1.25rem] before:border-l-2 before:border-primary before:transition-colors',
                 circle: 'border-[3px] border-primary bg-primary'
             },
             'non-visited': {
-                base: 'text-muted-90 before:border-borderDark',
+                base: 'text-muted-90',
                 circle: 'border-2 border-borderDark bg-white'
+            },
+            'current-visited': {
+                base: 'font-bold text-primary before:absolute before:inset-y-0 before:left-1 before:z-10 before:block before:translate-y-[1.25rem] before:border-l-2 before:border-primary before:transition-colors',
+                circle: 'border-[3px] border-primary bg-primary'
+            },
+            'last-visited': {
+                base: 'text-text after:absolute after:inset-y-[0.875rem] after:left-1 after:z-[1] after:block after:translate-y-[-0.875rem] after:border-l-2 after:border-primary after:transition-colors',
+                circle: 'border-[3px] border-primary bg-primary'
+            },
+            'last-current': {
+                base: 'font-bold text-primary ',
+                circle: 'border-[3px] border-primary bg-primary'
             }
         },
         firstItem: {
             true: {
-                base: 'before:first:hidden'
+                base: ''
+            },
+            false: {}
+        },
+        lastItemInGroup: {
+            true: {
+                base: 'pb-[2.75rem]'
+            },
+            false: {}
+        },
+        lastItemInRope: {
+            true: {
+                base: 'pt-[0.625rem]'
+            },
+            false: {}
+        },
+        lastItemInRopeGrouped: {
+            true: {
+                base: 'pt-[0.875rem]'
+            },
+            false: {}
+        },
+        furthestVisited: {
+            true: {
+                base: 'text-text',
+                circle: 'border-[3px] border-primary bg-white'
             },
             false: {}
         },
@@ -33,6 +70,17 @@ export const styles = tv({
                 circle: 'mr-[0.25rem] h-[0.625rem] w-[0.625rem] translate-x-[0.125rem]',
                 base: 'gap-4'
             }
+        },
+        previousStepGroup: {
+            true: {
+                base: 'after:absolute after:inset-y-[0.875rem] after:left-1 after:z-[1] after:block after:translate-y-[-0.875rem] after:border-l-2 after:border-primary after:transition-colors'
+            },
+            false: {}
+        },
+        isFocusVisible: {
+            true: {
+                base: 'focus-outline'
+            }
         }
     }
 }, {

package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.types.d.ts

@@ -12,6 +12,22 @@ export type ProgressRopeStepProps = {
      * Whether step is first item
      */
     firstItem?: Variants['firstItem'];
+    /**
+     * Whether step is furthest visited
+     */
+    furthest?: boolean;
+    /**
+     * Whether step is last item in a group
+     */
+    lastItemInGroup?: Variants['lastItemInGroup'];
+    /**
+     * Whether step is last item in the rope e.g. Review and Submit
+     */
+    lastItemInRope?: Variants['lastItemInGroup'];
+    /**
+     * Whether previous step was part of group
+     */
+    previousStepGroup?: boolean;
     /**
      * Size of step
      */

package/dist/components/progress-rope/progress-rope.component.js

@@ -76,13 +76,15 @@ export function ProgressRope({ 'aria-label': ariaLabel = 'Form steps' , role ='n
         className: className,
         role: role,
         "aria-label": ariaLabel
-    }, props), React.createElement("ul", {
+    }, props), React.createElement("ol", {
         className: styles({})
     }, mappedData === null || mappedData === void 0 ? void 0 : mappedData.map((item, index)=>{
+        var _mappedData_;
         return React.createElement("li", {
             key: index
         }, item.type === 'group' ? React.createElement(ProgressRopeGroupStep, {
             firstItem: index === 0,
+            lastItem: index === mappedData.length - 1,
             furthestVisitedStep: furthestVisitedStep,
             currentKey: current,
             steps: item.steps,
@@ -92,8 +94,11 @@ export function ProgressRope({ 'aria-label': ariaLabel = 'Form steps' , role ='n
             firstItem: index === 0,
             type: item.type,
             onClick: furthestVisitedStep >= item.index ? item.onClick : undefined,
-            visited: furthestVisitedStep >= item.index,
-            current: current === item.index
+            visited: furthestVisitedStep > item.index,
+            furthest: furthestVisitedStep === item.index,
+            current: current === item.index,
+            previousStepGroup: ((_mappedData_ = mappedData[index - 1]) === null || _mappedData_ === void 0 ? void 0 : _mappedData_.type) === 'group',
+            lastItemInRope: item === mappedData.slice(-1)[0]
         }, item.text));
     })));
 }

package/dist/components/progress-rope/progress-rope.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const styles: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "relative flex flex-col"> | {
+export declare const styles: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "relative after:absolute after:bottom-[1.5rem] after:left-1 after:top-[1.0625rem] after:z-0 after:block after:border-l-[2px] after:border-dotted after:border-borderDark"> | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "relative flex flex-col">;
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "relative after:absolute after:bottom-[1.5rem] after:left-1 after:top-[1.0625rem] after:z-0 after:block after:border-l-[2px] after:border-dotted after:border-borderDark">;
     } | undefined;
-} | {}, undefined, "relative flex flex-col", TVConfig<V, EV>, import("tailwind-variants").TVVariantsDefault<undefined, "relative flex flex-col"> | {}, undefined>;
+} | {}, undefined, "relative after:absolute after:bottom-[1.5rem] after:left-1 after:top-[1.0625rem] after:z-0 after:block after:border-l-[2px] after:border-dotted after:border-borderDark", TVConfig<V, EV>, import("tailwind-variants").TVVariantsDefault<undefined, "relative after:absolute after:bottom-[1.5rem] after:left-1 after:top-[1.0625rem] after:z-0 after:block after:border-l-[2px] after:border-dotted after:border-borderDark"> | {}, undefined>;

package/dist/components/progress-rope/progress-rope.styles.js

@@ -1,4 +1,4 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
-    base: 'relative flex flex-col'
+    base: 'relative after:absolute after:bottom-[1.5rem] after:left-1 after:top-[1.0625rem] after:z-0 after:block after:border-l-[2px] after:border-dotted after:border-borderDark'
 });

package/dist/components/progress-rope/progress-rope.types.d.ts

@@ -16,6 +16,7 @@ export type ProgressRopeStepWithIndex = (ProgressRopeStepItem & {
 export type ProgressRopeProps = {
     /**
      * Current active step (zero-indexed)
+     * @default 0
      */
     current?: number;
     /**
@@ -28,6 +29,7 @@ export type ProgressRopeProps = {
     })[];
     /**
      * Tag to render
+     * @default nav
      */
     tag?: keyof JSX.IntrinsicElements;
 } & HTMLAttributes<Element>;

package/dist/components/radio-group/components/radio-group-radio/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroupRadio } from './radio-group-radio.component.js';
+export { type RadioGroupRadioProps } from './radio-group-radio.types.js';

package/dist/components/radio-group/components/radio-group-radio/index.js

@@ -0,0 +1 @@
+export { RadioGroupRadio } from './radio-group-radio.component.js';

package/dist/components/radio-group/components/radio-group-radio/radio-group-radio.component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const RadioGroupRadio: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    hint?: React.ReactNode;
+} & import("react-aria").AriaRadioProps & React.RefAttributes<unknown>>;