@abgov/react-components 6.10.0-dev.9 → 6.10.0-next.1

package/lib/accordion/accordion.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode, JSX } from 'react';
-import { GoabAccordionHeadingSize, GoabAccordionIconPosition, Margins } from '@abgov/ui-components-common';
+import { GoabAccordionHeadingSize, GoabAccordionIconPosition, Margins, DataAttributes } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement | null>;
     open?: string;
     headingsize?: GoabAccordionHeadingSize;
     heading: string;
@@ -14,11 +13,13 @@ interface WCProps extends Margins {
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-accordion": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-accordion": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabAccordionProps extends Margins {
+export interface GoabAccordionProps extends Margins, DataAttributes {
     open?: boolean;
     headingSize?: GoabAccordionHeadingSize;
     secondaryText?: string;
@@ -30,5 +31,5 @@ export interface GoabAccordionProps extends Margins {
     onChange?: (open: boolean) => void;
     children?: ReactNode;
 }
-export declare function GoabAccordion({ open, heading, headingSize, secondaryText, headingContent, iconPosition, maxWidth, testId, onChange, children, mt, mr, mb, ml, }: GoabAccordionProps): JSX.Element;
+export declare function GoabAccordion({ open, onChange, headingContent, children, ...rest }: GoabAccordionProps): JSX.Element;
 export default GoabAccordion;

package/lib/app-header/app-header.d.ts

@@ -1,21 +1,23 @@
 import { JSX } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
 interface WCProps {
     heading?: string;
     url?: string;
     maxcontentwidth?: string;
     fullmenubreakpoint?: number;
     hasmenuclickhandler?: string;
-    ref: React.RefObject<HTMLElement | null>;
     testid?: string;
 }
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-app-header": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-app-header": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabAppHeaderProps {
+export interface GoabAppHeaderProps extends DataAttributes {
     heading?: string;
     url?: string;
     maxContentWidth?: string;
@@ -24,5 +26,5 @@ export interface GoabAppHeaderProps {
     onMenuClick?: () => void;
     testId?: string;
 }
-export declare function GoabAppHeader({ heading, url, maxContentWidth, fullMenuBreakpoint, testId, children, onMenuClick, }: GoabAppHeaderProps): JSX.Element;
+export declare function GoabAppHeader({ onMenuClick, children, ...rest }: GoabAppHeaderProps): JSX.Element;
 export default GoabAppHeader;

package/lib/app-header-menu/app-header-menu.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { GoabIconType } from '@abgov/ui-components-common';
+import { DataAttributes, GoabIconType } from '@abgov/ui-components-common';
 interface WCProps {
     heading: string;
     leadingicon?: GoabIconType;
     testid?: string;
 }
-export interface GoabAppHeaderMenuProps {
+export interface GoabAppHeaderMenuProps extends DataAttributes {
     heading: string;
     leadingIcon?: GoabIconType;
     testId?: string;
@@ -18,5 +18,5 @@ declare module "react" {
         }
     }
 }
-export declare function GoabAppHeaderMenu(props: GoabAppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabAppHeaderMenu({ children, ...rest }: GoabAppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
 export default GoabAppHeaderMenu;

package/lib/badge/badge.d.ts

@@ -1,4 +1,4 @@
-import { GoabBadgeType, Margins, GoabIconType } from '@abgov/ui-components-common';
+import { DataAttributes, GoabBadgeType, GoabIconType, Margins } from '@abgov/ui-components-common';
 import { JSX } from 'react';
 interface WCProps extends Margins {
     type: GoabBadgeType;
@@ -15,7 +15,7 @@ declare module "react" {
         }
     }
 }
-export interface GoabBadgeProps extends Margins {
+export interface GoabBadgeProps extends Margins, DataAttributes {
     type: GoabBadgeType;
     icon?: boolean;
     content?: string;
@@ -23,7 +23,7 @@ export interface GoabBadgeProps extends Margins {
     ariaLabel?: string;
     iconType?: GoabIconType;
 }
-export declare function GoabBadge({ type, content, icon, testId, mt, mr, mb, ml, ariaLabel, iconType, }: GoabBadgeProps): JSX.Element;
+export declare function GoabBadge({ icon, iconType, ...rest }: GoabBadgeProps): JSX.Element;
 /**
  * @deprecated
  */

package/lib/block/block.d.ts

@@ -1,4 +1,4 @@
-import { GoabBlockAlignment, GoabBlockDirection, Margins, Spacing } from '@abgov/ui-components-common';
+import { GoabBlockAlignment, GoabBlockDirection, Margins, DataAttributes, Spacing } from '@abgov/ui-components-common';
 import { ReactNode } from 'react';
 export interface WCProps extends Margins {
     gap?: Spacing;
@@ -16,7 +16,7 @@ declare module "react" {
         }
     }
 }
-export interface GoabBlockProps extends Margins {
+export interface GoabBlockProps extends Margins, DataAttributes {
     gap?: Spacing;
     direction?: GoabBlockDirection;
     alignment?: GoabBlockAlignment;
@@ -26,4 +26,4 @@ export interface GoabBlockProps extends Margins {
     testId?: string;
     children?: ReactNode;
 }
-export declare function GoabBlock(props: GoabBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabBlock({ testId, children, ...rest }: GoabBlockProps): import("react/jsx-runtime").JSX.Element;

package/lib/button/button.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, JSX } from 'react';
-import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Margins } from '@abgov/ui-components-common';
+import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
     type?: GoabButtonType;
     size?: GoabButtonSize;
@@ -12,16 +12,17 @@ interface WCProps extends Margins {
     action?: string;
     actionArgs?: string;
     actionArg?: string;
-    ref: React.RefObject<HTMLElement | null>;
 }
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-button": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-button": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabButtonProps extends Margins {
+export interface GoabButtonProps extends Margins, DataAttributes {
     type?: GoabButtonType;
     size?: GoabButtonSize;
     variant?: GoabButtonVariant;
@@ -36,5 +37,5 @@ export interface GoabButtonProps extends Margins {
     actionArg?: string;
     children?: ReactNode;
 }
-export declare function GoabButton({ disabled, type, size, variant, leadingIcon, trailingIcon, width, testId, children, onClick, mt, mr, mb, ml, action, actionArgs, actionArg, }: GoabButtonProps): JSX.Element;
+export declare function GoabButton({ disabled, onClick, actionArgs, actionArg, children, ...rest }: GoabButtonProps): JSX.Element;
 export default GoabButton;

package/lib/button-group/button-group.d.ts

@@ -1,4 +1,4 @@
-import { GoabButtonGroupAlignment, GoabButtonGroupGap, Margins } from '@abgov/ui-components-common';
+import { GoabButtonGroupAlignment, GoabButtonGroupGap, Margins, DataAttributes } from '@abgov/ui-components-common';
 import { JSX } from 'react';
 interface WCProps extends Margins {
     alignment: GoabButtonGroupAlignment;
@@ -12,11 +12,11 @@ declare module "react" {
         }
     }
 }
-export interface GoabButtonGroupProps extends Margins {
+export interface GoabButtonGroupProps extends Margins, DataAttributes {
     alignment: GoabButtonGroupAlignment;
     gap?: GoabButtonGroupGap;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare function GoabButtonGroup({ alignment, gap, testId, children, mt, mr, mb, ml, }: GoabButtonGroupProps): JSX.Element;
+export declare function GoabButtonGroup({ children, ...rest }: GoabButtonGroupProps): JSX.Element;
 export default GoabButtonGroup;

package/lib/calendar/calendar.d.ts

@@ -1,7 +1,6 @@
 import { JSX } from 'react';
-import { GoabCalendarOnChangeDetail, Margins } from '@abgov/ui-components-common';
+import { DataAttributes, GoabCalendarOnChangeDetail, Margins } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement | null>;
     name?: string;
     value?: string;
     min?: string;
@@ -11,11 +10,13 @@ interface WCProps extends Margins {
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabCalendarProps extends Margins {
+export interface GoabCalendarProps extends Margins, DataAttributes {
     name?: string;
     value?: string;
     min?: string;
@@ -23,5 +24,5 @@ export interface GoabCalendarProps extends Margins {
     testId?: string;
     onChange: (details: GoabCalendarOnChangeDetail) => void;
 }
-export declare function GoabCalendar({ name, value, min, max, testId, mt, mr, mb, ml, onChange, }: GoabCalendarProps): JSX.Element;
+export declare function GoabCalendar({ min, max, onChange, name, ...rest }: GoabCalendarProps): JSX.Element;
 export default GoabCalendar;

package/lib/callout/callout.d.ts

@@ -1,4 +1,4 @@
-import { GoabCalloutAriaLive, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme, Margins } from '@abgov/ui-components-common';
+import { GoabCalloutAriaLive, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme, Margins, DataAttributes } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
     heading?: string;
     type?: GoabCalloutType;
@@ -15,7 +15,7 @@ declare module "react" {
         }
     }
 }
-export interface GoabCalloutProps extends Margins {
+export interface GoabCalloutProps extends Margins, DataAttributes {
     heading?: string;
     type?: GoabCalloutType;
     size?: GoabCalloutSize;
@@ -25,5 +25,5 @@ export interface GoabCalloutProps extends Margins {
     ariaLive?: GoabCalloutAriaLive;
     children?: React.ReactNode;
 }
-export declare const GoabCallout: ({ heading, type, iconTheme, size, maxWidth, testId, ariaLive, children, mt, mr, mb, ml, }: GoabCalloutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoabCallout: ({ type, iconTheme, size, ariaLive, children, ...rest }: GoabCalloutProps) => import("react/jsx-runtime").JSX.Element;
 export default GoabCallout;

package/lib/card/card-actions.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
@@ -6,8 +7,8 @@ declare module "react" {
         }
     }
 }
-export interface GoabCardActionsProps {
+export interface GoabCardActionsProps extends DataAttributes {
     children?: React.ReactNode;
 }
-export declare function GoabCardActions({ children }: GoabCardActionsProps): JSX.Element;
+export declare function GoabCardActions({ children, ...rest }: GoabCardActionsProps): JSX.Element;
 export default GoabCardActions;

package/lib/card/card-content.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
@@ -6,8 +7,8 @@ declare module "react" {
         }
     }
 }
-export interface GoabCardContentProps {
+export interface GoabCardContentProps extends DataAttributes {
     children?: React.ReactNode;
 }
-export declare function GoabCardContent({ children }: GoabCardContentProps): JSX.Element;
+export declare function GoabCardContent({ children, ...rest }: GoabCardContentProps): JSX.Element;
 export default GoabCardContent;

package/lib/card/card-group.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
@@ -6,8 +7,8 @@ declare module "react" {
         }
     }
 }
-export interface GoabCardGroupProps {
+export interface GoabCardGroupProps extends DataAttributes {
     children?: React.ReactNode;
 }
-export declare function GoabCardGroup({ children }: GoabCardGroupProps): JSX.Element;
+export declare function GoabCardGroup({ children, ...rest }: GoabCardGroupProps): JSX.Element;
 export default GoabCardGroup;

package/lib/card/card-image.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { DataAttributes } from '@abgov/ui-components-common';
 interface WCProps {
     src: string;
     height: string;
@@ -10,9 +11,9 @@ declare module "react" {
         }
     }
 }
-export interface GoabCardImageProps {
+export interface GoabCardImageProps extends DataAttributes {
     src: string;
     height: string;
 }
-export declare function GoabCardImage({ src, height }: GoabCardImageProps): JSX.Element;
+export declare function GoabCardImage(props: GoabCardImageProps): JSX.Element;
 export default GoabCardImage;

package/lib/card/card.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from '@abgov/ui-components-common';
+import { DataAttributes, Margins } from '@abgov/ui-components-common';
 import { JSX } from 'react';
 interface WCProps extends Margins {
     elevation?: number;
@@ -13,11 +13,11 @@ declare module "react" {
         }
     }
 }
-export interface GoabCardProps extends Margins {
+export interface GoabCardProps extends Margins, DataAttributes {
     elevation?: number;
     width?: string;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare function GoabCard({ elevation, width, mt, mr, mb, ml, testId, children, }: GoabCardProps): JSX.Element;
+export declare function GoabCard({ children, ...rest }: GoabCardProps): JSX.Element;
 export default GoabCard;

package/lib/checkbox/checkbox.d.ts

@@ -1,14 +1,15 @@
-import { GoabCheckboxOnChangeDetail, Margins } from '@abgov/ui-components-common';
+import { DataAttributes, GoabCheckboxOnChangeDetail, Margins } from '@abgov/ui-components-common';
 import { JSX } from 'react';
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement | null>;
     id?: string;
     name: string;
     checked?: string;
@@ -24,7 +25,7 @@ interface WCProps extends Margins {
     maxwidth?: string;
     testid?: string;
 }
-export interface GoabCheckboxProps extends Margins {
+export interface GoabCheckboxProps extends Margins, DataAttributes {
     id?: string;
     name: string;
     checked?: boolean;
@@ -43,5 +44,5 @@ export interface GoabCheckboxProps extends Margins {
     onChange?: (detail: GoabCheckboxOnChangeDetail) => void;
 }
 export type Props = GoabCheckboxProps;
-export declare function GoabCheckbox({ id, name, testId, error, disabled, checked, indeterminate, value, text, description, reveal, revealAriaLabel, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoabCheckboxProps): JSX.Element;
+export declare function GoabCheckbox({ error, checked, indeterminate, disabled, value, description, reveal, onChange, name, children, ...rest }: GoabCheckboxProps): JSX.Element;
 export default GoabCheckbox;

package/lib/chip/chip.d.ts

@@ -1,6 +1,5 @@
-import { GoabChipTheme, GoabChipVariant, Margins } from '@abgov/ui-components-common';
+import { DataAttributes, GoabChipTheme, GoabChipVariant, Margins } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement | null>;
     leadingicon?: string;
     icontheme?: GoabChipTheme;
     error?: string;
@@ -12,11 +11,13 @@ interface WCProps extends Margins {
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-chip": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-chip": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabChipProps extends Margins {
+export interface GoabChipProps extends Margins, DataAttributes {
     onClick?: () => void;
     deletable?: boolean;
     leadingIcon?: string;
@@ -26,5 +27,5 @@ export interface GoabChipProps extends Margins {
     variant?: GoabChipVariant;
     testId?: string;
 }
-export declare const GoabChip: ({ leadingIcon, iconTheme, deletable, error, variant, content, onClick, mt, mr, mb, ml, testId, }: GoabChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoabChip: ({ error, deletable, onClick, ...rest }: GoabChipProps) => import("react/jsx-runtime").JSX.Element;
 export default GoabChip;

package/lib/common/extract-props.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Transform function type for converting prop names to attribute names.
+ */
+export type TransformFn = (input: string) => string;
+/**
+ * Converts a camelCase string to lowercase (e.g., "headingSize" -> "headingsize")
+ */
+export declare const lowercase: TransformFn;
+/**
+ * Converts a camelCase string to kebab-case (e.g., "verticalPosition" -> "vertical-position")
+ */
+export declare const kebab: TransformFn;
+/**
+ * Transforms React props to web component attributes.
+ * Use object destructuring to extract props that need special handling,
+ * then pass the rest through this function.
+ *
+ * @param props - The remaining props after destructuring
+ * @param transform - Transform function (lowercase or kebab), defaults to lowercase
+ * @returns Converted props ready to spread on the web component
+ *
+ * @example
+ * export function GoabAccordion({open, onChange, headingContent, children, ...rest}: GoabAccordionProps) {
+ *   const _props = transformProps<WCProps>(rest, lowercase);
+ *   return (
+ *     <goa-accordion open={open ? "true" : undefined} {..._props}>
+ *       {children}
+ *     </goa-accordion>
+ *   );
+ * }
+ */
+export declare function transformProps<WC = Record<string, unknown>>(props: object, transform?: TransformFn): WC;

package/lib/container/container.d.ts

@@ -1,4 +1,4 @@
-import { GoabContainerAccent, GoabContainerPadding, GoabContainerType, GoabContainerWidth, Margins } from '@abgov/ui-components-common';
+import { GoabContainerAccent, GoabContainerPadding, GoabContainerType, GoabContainerWidth, Margins, DataAttributes } from '@abgov/ui-components-common';
 import { ReactNode, JSX } from 'react';
 interface WCProps extends Margins {
     type?: GoabContainerType;
@@ -17,7 +17,7 @@ declare module "react" {
         }
     }
 }
-export interface GoabContainerProps extends Margins {
+export interface GoabContainerProps extends Margins, DataAttributes {
     accent?: GoabContainerAccent;
     type?: GoabContainerType;
     heading?: ReactNode;
@@ -31,5 +31,5 @@ export interface GoabContainerProps extends Margins {
     maxHeight?: string;
     testId?: string;
 }
-export declare function GoabContainer({ accent, heading, title, padding, children, actions, type, width, maxWidth, minHeight, maxHeight, mt, mr, mb, ml, testId, }: GoabContainerProps): JSX.Element;
+export declare function GoabContainer({ heading, title, actions, children, ...rest }: GoabContainerProps): JSX.Element;
 export default GoabContainer;

package/lib/data-grid/data-grid.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface WCProps {
+    "keyboard-icon-visibility"?: "visible" | "hidden";
+    "keyboard-icon-position"?: "left" | "right";
+    "keyboard-nav"?: "layout" | "table";
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-data-grid": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabDataGridProps {
+    keyboardIconVisibility?: "visible" | "hidden";
+    keyboardIconPosition?: "left" | "right";
+    keyboardNav: "layout" | "table";
+    children?: React.ReactNode;
+}
+export declare function GoabDataGrid({ keyboardIconVisibility, keyboardIconPosition, keyboardNav, children, }: GoabDataGridProps): import("react/jsx-runtime").JSX.Element;
+export default GoabDataGrid;

package/lib/date-picker/date-picker.d.ts

@@ -1,7 +1,6 @@
 import { JSX } from 'react';
-import { GoabDatePickerInputType, GoabDatePickerOnChangeDetail, Margins } from '@abgov/ui-components-common';
+import { GoabDatePickerInputType, GoabDatePickerOnChangeDetail, Margins, DataAttributes } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement | null>;
     name?: string;
     value?: string;
     error?: string;
@@ -16,11 +15,13 @@ interface WCProps extends Margins {
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabDatePickerProps extends Margins {
+export interface GoabDatePickerProps extends Margins, DataAttributes {
     name?: string;
     value?: Date | string | undefined;
     error?: boolean;
@@ -36,5 +37,5 @@ export interface GoabDatePickerProps extends Margins {
     width?: string;
     onChange?: (detail: GoabDatePickerOnChangeDetail) => void;
 }
-export declare function GoabDatePicker({ name, value, error, min, max, testId, disabled, type, mt, mr, mb, ml, relative, width, onChange, }: GoabDatePickerProps): JSX.Element;
+export declare function GoabDatePicker({ value, error, min, max, disabled, relative, onChange, ...rest }: GoabDatePickerProps): JSX.Element;
 export default GoabDatePicker;

package/lib/details/details.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from '@abgov/ui-components-common';
+import { Margins, DataAttributes } from '@abgov/ui-components-common';
 import { ReactNode } from 'react';
 interface WCProps extends Margins {
     heading: string;
@@ -13,12 +13,12 @@ declare module "react" {
         }
     }
 }
-export interface GoabDetailsProps extends Margins {
+export interface GoabDetailsProps extends Margins, DataAttributes {
     heading: string;
     open?: boolean;
     maxWidth?: string;
     testId?: string;
     children: ReactNode;
 }
-export declare function GoabDetails(props: GoabDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabDetails({ open, children, ...rest }: GoabDetailsProps): import("react/jsx-runtime").JSX.Element;
 export default GoabDetails;

package/lib/dropdown/dropdown.d.ts

@@ -1,7 +1,6 @@
-import { GoabDropdownOnChangeDetail, GoabIconType, Margins } from '@abgov/ui-components-common';
+import { GoabDropdownOnChangeDetail, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
 import { JSX } from 'react';
 interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement | null>;
     arialabel?: string;
     arialabelledby?: string;
     disabled?: string;
@@ -24,11 +23,13 @@ interface WCProps extends Margins {
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabDropdownProps extends Margins {
+export interface GoabDropdownProps extends Margins, DataAttributes {
     name?: string;
     value?: string[] | string;
     onChange?: (detail: GoabDropdownOnChangeDetail) => void;
@@ -53,5 +54,5 @@ export interface GoabDropdownProps extends Margins {
      */
     relative?: boolean;
 }
-export declare function GoabDropdown(props: GoabDropdownProps): JSX.Element;
+export declare function GoabDropdown({ value, onChange, disabled, error, filterable, multiselect, native, relative, children, ...rest }: GoabDropdownProps): JSX.Element;
 export default GoabDropdown;

package/lib/file-upload-card/file-upload-card.d.ts

@@ -1,6 +1,5 @@
-import { GoabFileUploadOnCancelDetail, GoabFileUploadOnDeleteDetail } from '@abgov/ui-components-common';
+import { DataAttributes, GoabFileUploadOnCancelDetail, GoabFileUploadOnDeleteDetail } from '@abgov/ui-components-common';
 interface WCProps {
-    ref: React.RefObject<HTMLElement | null>;
     filename: string;
     size: number;
     type?: string;
@@ -11,11 +10,13 @@ interface WCProps {
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabFileUploadCardProps {
+export interface GoabFileUploadCardProps extends DataAttributes {
     filename: string;
     size: number;
     type?: string;
@@ -25,5 +26,5 @@ export interface GoabFileUploadCardProps {
     onDelete?: (detail: GoabFileUploadOnDeleteDetail) => void;
     onCancel?: (detail: GoabFileUploadOnCancelDetail) => void;
 }
-export declare function GoabFileUploadCard({ filename, size, type, progress, error, testId, onDelete, onCancel, }: GoabFileUploadCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabFileUploadCard({ onDelete, onCancel, filename, ...rest }: GoabFileUploadCardProps): import("react/jsx-runtime").JSX.Element;
 export default GoabFileUploadCard;

package/lib/file-upload-input/file-upload-input.d.ts

@@ -1,6 +1,5 @@
-import { GoabFileUploadInputOnSelectFileDetail, GoabFileUploadInputVariant } from '@abgov/ui-components-common';
+import { DataAttributes, GoabFileUploadInputOnSelectFileDetail, GoabFileUploadInputVariant } from '@abgov/ui-components-common';
 interface WCProps {
-    ref: React.RefObject<HTMLElement | null>;
     variant?: GoabFileUploadInputVariant;
     accept?: string;
     maxfilesize?: string;
@@ -9,16 +8,18 @@ interface WCProps {
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
         }
     }
 }
-export interface GoabFileUploadInputProps {
+export interface GoabFileUploadInputProps extends DataAttributes {
     variant?: GoabFileUploadInputVariant;
     accept?: string;
     maxFileSize?: string;
     testId?: string;
     onSelectFile: (detail: GoabFileUploadInputOnSelectFileDetail) => void;
 }
-export declare function GoabFileUploadInput({ variant, accept, maxFileSize, testId, onSelectFile, }: GoabFileUploadInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabFileUploadInput({ onSelectFile, ...rest }: GoabFileUploadInputProps): import("react/jsx-runtime").JSX.Element;
 export default GoabFileUploadInput;