@alto-avios/alto-ui 4.2.0 → 5.0.0-alpha.0

package/dist/components/Accordion/Accordion.js

@@ -115,7 +115,7 @@ const AccordionGroup = ({
 }) => {
   const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
   const defaultExpandedKeys = React__default.Children.toArray(children).map((child, index) => {
-    if (React__default.isValidElement(child) && child.props.defaultExpanded) {
+    if (React__default.isValidElement(child) && typeof child.props === "object" && child.props !== null && "defaultExpanded" in child.props && child.props.defaultExpanded) {
       return `accordion-${index}`;
     }
     return null;

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ElementType, ReactNode } from 'react';
+import { ComponentType, ElementType, ReactNode, JSX } from 'react';
 import { AriaButtonOptions } from '@react-aria/button';
 import { HoverProps } from '@react-aria/interactions';
 import { IconProps } from '../Icon/Icon';

package/dist/components/ErrorSummary/ErrorSummary.d.ts

@@ -1,10 +1,7 @@
 import { CalloutBannerProps } from '../CalloutBanner/CalloutBanner';
 import { default as React } from 'react';
 export interface ErrorSummaryProps extends Omit<CalloutBannerProps, 'emphasis' | 'styleVariant' | 'iconProps' | 'dismissButtonProps' | 'onDismiss' | 'hideIllustration' | 'dismissButtonTooltipLabel' | 'customAsset' | 'label' | 'alignButtons'> {
-    /**
-     * One or more error messages to display in the summary
-     */
-    children: React.ReactElement[] | React.ReactElement;
+    children: React.ReactElement<unknown>[] | React.ReactElement<unknown>;
 }
 export declare const ErrorSummary: ({ title, description, children, ...props }: ErrorSummaryProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ErrorSummary;

package/dist/components/Image/Image.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useState, useRef, useEffect, useMemo } from "react";
 import { c as cva } from "../../index-DdUYounA.js";
 import { borderVariants } from "../../utils/border/border.js";
 import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
@@ -42,7 +42,7 @@ const useImageLoaded = (onLoadProp) => {
     if (ref.current && ref.current.complete) {
       setLoaded(true);
     }
-  });
+  }, []);
   return {
     ref,
     loaded,
@@ -50,16 +50,13 @@ const useImageLoaded = (onLoadProp) => {
   };
 };
 const useMergedRef = (internalRef, forwardedRef) => {
-  return React__default.useMemo(() => {
-    if (!forwardedRef) return internalRef;
-    return (node) => {
-      if (typeof forwardedRef === "function") {
-        forwardedRef(node);
-      } else if (forwardedRef && "current" in forwardedRef) {
-        forwardedRef.current = node;
-      }
-      internalRef.current = node;
-    };
+  return useMemo(() => (node) => {
+    if (typeof forwardedRef === "function") {
+      forwardedRef(node);
+    } else if (forwardedRef && "current" in forwardedRef) {
+      forwardedRef.current = node;
+    }
+    internalRef.current = node;
   }, [internalRef, forwardedRef]);
 };
 const Image = React__default.forwardRef(({
@@ -115,9 +112,10 @@ const Image = React__default.forwardRef(({
     ...props
   };
   if (asChild && React__default.isValidElement(children)) {
+    const childProps = typeof children.props === "object" && children.props !== null ? children.props : {};
     return React__default.cloneElement(children, {
       ...imgProps,
-      ...children.props
+      ...childProps
     });
   }
   return /* @__PURE__ */ jsx("img", { ...imgProps });

package/dist/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Image.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Popover/Popover.d.ts

@@ -37,7 +37,7 @@ export interface PopoverProps {
     /** Direction of the arrow that points to the trigger element */
     arrowDirection?: ArrowDirectionType;
     /** Reference to the trigger element that opens the popover */
-    triggerRef: React.RefObject<HTMLButtonElement> | {
+    triggerRef: React.RefObject<HTMLButtonElement | null> | {
         current: HTMLElement;
     };
     /** Whether to show the directional arrow on the popover */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "4.2.0",
+  "version": "5.0.0-alpha.0",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",
@@ -67,8 +67,8 @@
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.12",
     "@types/node": "^22.3.0",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
     "axe-playwright": "^2.0.3",
@@ -108,8 +108,9 @@
     "wait-on": "^8.0.1"
   },
   "peerDependencies": {
-    "@alto-avios/alto-tokens": "^3.3.0",
-    "react": "^18.0.0"
+    "@alto-avios/alto-tokens": "^3.4.0",
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0"
   },
   "main": "dist/index.js",
   "module": "dist/index.js",