@abgov/react-components 6.11.0 → 7.0.0-dev.10

package/lib/textarea/textarea.d.ts

@@ -1,24 +1,72 @@
-import { GoabTextAreaCountBy, GoabTextAreaOnChangeDetail, GoabTextAreaOnKeyPressDetail, GoabTextAreaOnBlurDetail, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { GoabTextAreaCountBy, GoabTextAreaOnChangeDetail, GoabTextAreaOnKeyPressDetail, GoabTextAreaOnBlurDetail, GoabTextAreaSize, Margins, DataAttributes } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+interface WCProps extends Margins {
+    name: string;
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    error?: string;
+    readOnly?: string;
+    disabled?: string;
+    width?: string;
+    maxwidth?: string;
+    arialabel?: string;
+    countby?: GoabTextAreaCountBy;
+    maxcount?: number;
+    autocomplete?: string;
+    testid?: string;
+    size?: GoabTextAreaSize;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-textarea": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.Ref<HTMLTextAreaElement>;
+            };
+        }
+    }
+}
 export interface GoabTextAreaProps extends Margins, DataAttributes {
+    /** @required Name of the input value that is received in the change event. */
     name: string;
+    /** Bound to the current value of the textarea. */
     value?: string;
+    /** Sets the id attribute on the textarea element. */
     id?: string;
+    /** Text displayed within the textarea when no value is set. */
     placeholder?: string;
+    /** Sets the number of visible text rows. @default 3 */
     rows?: number;
+    /** Sets the input to an error state. */
     error?: boolean;
+    /** Sets the input to a read only state. */
     readOnly?: boolean;
+    /** Sets the input to a disabled state. */
     disabled?: boolean;
+    /** Sets the width of the text area. @default "100%" */
     width?: string;
+    /** Sets the maximum width of the text area. @default "60ch" */
     maxWidth?: string;
+    /** Sets a data-testid attribute for automated testing. */
     testId?: string;
+    /** Defines how the text will be translated for the screen reader. If not specified it will fall back to the name. */
     ariaLabel?: string;
+    /** Counting interval for characters or words, specifying whether to count every character or word. */
     countBy?: GoabTextAreaCountBy;
+    /** Maximum number of characters or words allowed. */
     maxCount?: number;
+    /** Specifies the autocomplete attribute for the textarea input. */
     autoComplete?: string;
+    /** Sets the visual size variant of the text area. */
+    size?: GoabTextAreaSize;
+    /** Callback fired when the value of the textarea changes. */
     onChange?: (event: GoabTextAreaOnChangeDetail) => void;
+    /** Callback fired when a key is pressed within the textarea. */
     onKeyPress?: (event: GoabTextAreaOnKeyPressDetail) => void;
+    /** Callback fired when the textarea loses focus. */
     onBlur?: (event: GoabTextAreaOnBlurDetail) => void;
 }
+/** A multi-line field where users can input and edit text. */
 export declare function GoabTextArea({ readOnly, disabled, error, onChange, onKeyPress, onBlur, ...rest }: GoabTextAreaProps): JSX.Element;
 export default GoabTextArea;

package/lib/three-column-layout/three-column-layout.d.ts

@@ -12,15 +12,25 @@ declare module "react" {
     }
 }
 export interface GoabThreeColumnLayoutProps {
+    /** Main content rendered in the center column. */
+    children: ReactNode;
+    /** Sets the width of the left column. */
     leftColumnWidth?: string;
+    /** Sets the width of the right column. */
     rightColumnWidth?: string;
+    /** Sets the maximum width of the content area. */
     maxContentWidth?: string;
+    /** Content rendered in the page header slot. */
     header?: ReactNode;
+    /** Content rendered in the page footer slot. */
     footer?: ReactNode;
+    /** Content rendered in the navigation slot. */
     nav?: ReactNode;
+    /** @deprecated Use sideMenu instead. Content rendered in the side menu slot. */
     sidebar?: ReactNode;
+    /** Content rendered in the side menu slot. */
     sideMenu?: ReactNode;
-    children: ReactNode;
 }
+/** Organizes page content in three responsive columns. */
 export declare function GoabThreeColumnLayout(props: GoabThreeColumnLayoutProps): import("react/jsx-runtime").JSX.Element;
 export default GoabThreeColumnLayout;

package/lib/tooltip/tooltip.d.ts

@@ -15,12 +15,19 @@ declare module "react" {
     }
 }
 export interface GoabTooltipProps extends Margins, DataAttributes {
+    /** Position of the tooltip with respect to the child element. @default "top" */
     position?: GoabTooltipPosition;
+    /** The content of the tooltip. Accepts a string or a ReactNode. */
     content?: string | ReactNode;
+    /** Horizontal alignment of the tooltip relative to the child element. @default "center" */
     hAlign?: GoabTooltipHorizontalAlignment;
+    /** Sets a data-testid attribute for automated testing. */
     testId?: string;
+    /** Sets the maximum width of the tooltip. Must use 'px' unit. */
     maxWidth?: string;
+    /** The element that triggers the tooltip on hover or focus. */
     children?: ReactNode;
 }
+/** A small popover that displays more information about an item. */
 export declare function GoabTooltip({ content, children, ...rest }: GoabTooltipProps): JSX.Element;
 export default GoabTooltip;

package/lib/two-column-layout/two-column-layout.d.ts

@@ -11,12 +11,19 @@ declare module "react" {
     }
 }
 export interface GoabTwoColumnLayoutProps {
-    navColumnWidth?: string;
-    maxContentWidth?: string;
+    /** Content rendered in the page header slot. */
     header: ReactNode;
+    /** Content rendered in the page footer slot. */
     footer: ReactNode;
+    /** Content rendered in the navigation column slot. */
     nav: ReactNode;
+    /** @required Main content rendered in the body of the layout. */
     children: ReactNode;
+    /** Sets the width of the navigation column. */
+    navColumnWidth?: string;
+    /** Sets the maximum width of the content area. */
+    maxContentWidth?: string;
 }
+/** Organizes page content in two responsive columns. */
 export declare function GoabTwoColumnLayout(props: GoabTwoColumnLayoutProps): import("react/jsx-runtime").JSX.Element;
 export default GoabTwoColumnLayout;

package/lib/work-side-menu/work-side-menu.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode, JSX } from 'react';
+interface WCProps {
+    heading: string;
+    url: string;
+    "user-name"?: string;
+    "user-secondary-text"?: string;
+    testid?: string;
+    primaryContent?: ReactNode;
+    secondaryContent?: ReactNode;
+    accountContent?: ReactNode;
+    open?: boolean;
+    ref: React.RefObject<HTMLElement | null>;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-work-side-menu": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabWorkSideMenuProps {
+    /** @required The application name displayed in the header. */
+    heading: string;
+    /** @required URL for the header link. Clicking the logo/heading navigates to this URL. */
+    url: string;
+    /** User's name displayed in the profile section. */
+    userName?: string;
+    /** Secondary text displayed below the user's name, such as role or email. */
+    userSecondaryText?: string;
+    /** Sets a data-testid attribute for automated testing. */
+    testId?: string;
+    /** Content rendered in the primary navigation slot. */
+    primaryContent?: ReactNode;
+    /** Content rendered in the secondary navigation slot. */
+    secondaryContent?: ReactNode;
+    /** Content rendered in the account/profile slot. */
+    accountContent?: ReactNode;
+    /** Controls whether the side menu is expanded or collapsed. */
+    open?: boolean;
+    /** Callback fired when the side menu is toggled open or closed. */
+    onToggle?: () => void;
+    /** Callback fired when a menu item is navigated, providing the target URL path. */
+    onNavigate?: (path: string) => void;
+}
+/** Side menu variant for worker applications. */
+export declare function GoabWorkSideMenu({ heading, url, userName, userSecondaryText, testId, primaryContent, secondaryContent, accountContent, open, onToggle, onNavigate, }: GoabWorkSideMenuProps): JSX.Element;
+export default GoabWorkSideMenu;

package/lib/work-side-menu-group/work-side-menu-group.d.ts

@@ -0,0 +1,30 @@
+import { JSX } from 'react';
+import { GoabIconType } from '@abgov/ui-components-common';
+interface WCProps {
+    heading: string;
+    icon?: GoabIconType;
+    testid?: string;
+    open?: boolean;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-work-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabWorkSideMenuGroupProps {
+    /** @required The text displayed in the group heading. */
+    heading: string;
+    /** Icon displayed before the group label. When omitted, no icon is rendered and no space is reserved. */
+    icon?: GoabIconType;
+    /** Whether the group is open. */
+    open?: boolean;
+    /** Sets a data-testid attribute for automated testing. */
+    testId?: string;
+    /** Content rendered inside the group, typically WorkSideMenuItem components. */
+    children?: React.ReactNode;
+}
+/** Collapsible group of items within the work side menu. */
+export declare function GoabWorkSideMenuGroup(props: GoabWorkSideMenuGroupProps): JSX.Element;
+export default GoabWorkSideMenuGroup;

package/lib/work-side-menu-item/work-side-menu-item.d.ts

@@ -0,0 +1,44 @@
+import { JSX } from 'react';
+import { GoabWorkSideMenuItemType } from '@abgov/ui-components-common';
+interface WCProps {
+    label: string;
+    url?: string;
+    badge?: string;
+    current?: string;
+    divider?: string;
+    icon?: string;
+    testid?: string;
+    type?: GoabWorkSideMenuItemType;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-work-side-menu-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabWorkSideMenuItemProps {
+    /** @required The text label displayed for the menu item. */
+    label: string;
+    /** The URL the menu item links to. When absent, renders as a button instead of a link. */
+    url?: string;
+    /** Badge text displayed alongside the menu item (e.g., notification count). */
+    badge?: string;
+    /** When true, indicates this is the currently active menu item. */
+    current?: boolean;
+    /** When true, displays a divider line above this menu item. */
+    divider?: boolean;
+    /** Icon displayed before the menu item label. */
+    icon?: string;
+    /** Sets a data-testid attribute for automated testing. */
+    testId?: string;
+    /** Sets the visual style of the badge. Use "emergency" for urgent items, "success" for positive status. @default "normal" */
+    type?: GoabWorkSideMenuItemType;
+    /** Content rendered inside the menu item. */
+    children?: React.ReactNode;
+    /** Content rendered inside the popover panel attached to this menu item. */
+    popoverContent?: React.ReactNode;
+}
+/** Individual menu item within the work side menu. */
+export declare function GoabWorkSideMenuItem(props: GoabWorkSideMenuItemProps): JSX.Element;
+export default GoabWorkSideMenuItem;

package/lib/work-side-notification-item/work-side-notification-item.d.ts

@@ -0,0 +1,40 @@
+import { JSX } from 'react';
+import { GoabWorkSideNotificationItemType, GoabWorkSideNotificationReadStatus, GoabWorkSideNotificationPriority } from '@abgov/ui-components-common';
+interface WCProps {
+    type?: GoabWorkSideNotificationItemType;
+    timestamp?: string;
+    title?: string;
+    description: string;
+    "read-status"?: GoabWorkSideNotificationReadStatus;
+    priority?: GoabWorkSideNotificationPriority;
+    testid?: string;
+    ref: React.RefObject<HTMLElement | null>;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-work-side-notification-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabWorkSideNotificationItemProps {
+    /** @required The body text content of the notification card. */
+    description: string;
+    /** Sets the visual type/style of the notification item. @default "default" */
+    type?: GoabWorkSideNotificationItemType;
+    /** ISO timestamp string representing when the notification occurred. */
+    timestamp?: string;
+    /** Title text displayed in the notification card header. */
+    title?: string;
+    /** Indicates whether the notification has been read or is unread. @default "unread" */
+    readStatus?: GoabWorkSideNotificationReadStatus;
+    /** Sets the urgency level of the notification. @default "normal" */
+    priority?: GoabWorkSideNotificationPriority;
+    /** Sets a data-testid attribute for automated testing. */
+    testId?: string;
+    /** Callback fired when the notification item is clicked. */
+    onClick?: () => void;
+}
+/** Displays an individual notification item in the work-side notification panel. */
+export declare function GoabWorkSideNotificationItem({ type, timestamp, title, description, readStatus, priority, testId, onClick, }: GoabWorkSideNotificationItemProps): JSX.Element;
+export default GoabWorkSideNotificationItem;

package/lib/work-side-notification-panel/work-side-notification-panel.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, JSX } from 'react';
+import { GoabWorkSideNotificationActiveTabType } from '@abgov/ui-components-common';
+interface WCProps {
+    heading?: string;
+    "active-tab"?: GoabWorkSideNotificationActiveTabType;
+    testid?: string;
+    ref: React.RefObject<HTMLElement | null>;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-work-side-notification-panel": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabWorkSideNotificationPanelProps {
+    /** Sets the panel heading text. @default "Notifications" */
+    heading?: string;
+    /** Sets the initially active tab. @default "unread" */
+    activeTab?: GoabWorkSideNotificationActiveTabType;
+    /** Sets a data-testid attribute for automated testing. */
+    testId?: string;
+    /** Notification item content rendered inside the panel. */
+    children?: ReactNode;
+    /** Callback fired when the "Mark all as read" button is clicked. */
+    onMarkAllRead?: () => void;
+    /** Callback fired when the "View all" button is clicked. */
+    onViewAll?: () => void;
+}
+/** Displays a panel of work-side notifications. */
+export declare function GoabWorkSideNotificationPanel({ heading, activeTab, testId, children, onMarkAllRead, onViewAll, }: GoabWorkSideNotificationPanelProps): JSX.Element;
+export default GoabWorkSideNotificationPanel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "6.11.0",
+  "version": "7.0.0-dev.10",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -29,11 +29,6 @@
       "import": "./index.mjs",
       "require": "./index.js",
       "types": "./index.d.ts"
-    },
-    "./experimental": {
-      "import": "./experimental.mjs",
-      "require": "./experimental.js",
-      "types": "./experimental/index.d.ts"
     }
   }
 }

package/experimental/badge/badge.d.ts

@@ -1,33 +0,0 @@
-import { DataAttributes, GoabBadgeEmphasis, GoabBadgeSize, GoabBadgeType, GoabxBadgeType, GoabIconType, Margins } from '@abgov/ui-components-common';
-import { JSX } from 'react';
-interface WCProps extends Margins {
-    type: GoabBadgeType;
-    icon?: string;
-    content?: string;
-    arialabel?: string;
-    testid?: string;
-    icontype?: GoabIconType;
-    size?: GoabBadgeSize;
-    emphasis?: GoabBadgeEmphasis;
-    version?: string;
-}
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-badge": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoabxBadgeProps extends Margins, DataAttributes {
-    type: GoabxBadgeType;
-    icon?: boolean;
-    content?: string;
-    testId?: string;
-    ariaLabel?: string;
-    iconType?: GoabIconType;
-    size?: GoabBadgeSize;
-    emphasis?: GoabBadgeEmphasis;
-    version?: string;
-}
-export declare function GoabxBadge({ icon, iconType, size, emphasis, version, ...rest }: GoabxBadgeProps): JSX.Element;
-export {};

package/experimental/button/button.d.ts

@@ -1,43 +0,0 @@
-import { ReactNode, JSX } from 'react';
-import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
-interface WCProps extends Margins {
-    type?: GoabButtonType;
-    size?: GoabButtonSize;
-    variant?: GoabButtonVariant;
-    disabled?: string;
-    leadingicon?: string;
-    trailingicon?: string;
-    width?: string;
-    testid?: string;
-    action?: string;
-    actionArgs?: string;
-    actionArg?: string;
-    version?: string;
-}
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-button": WCProps & React.HTMLAttributes<HTMLElement> & {
-                ref: React.RefObject<HTMLElement | null>;
-            };
-        }
-    }
-}
-export interface GoabxButtonProps extends Margins, DataAttributes {
-    type?: GoabButtonType;
-    size?: GoabButtonSize;
-    variant?: GoabButtonVariant;
-    disabled?: boolean;
-    leadingIcon?: GoabIconType;
-    trailingIcon?: GoabIconType;
-    width?: string;
-    onClick?: () => void;
-    testId?: string;
-    action?: string;
-    actionArgs?: Record<string, unknown>;
-    actionArg?: string;
-    version?: string;
-    children?: ReactNode;
-}
-export declare function GoabxButton({ disabled, onClick, actionArgs, actionArg, children, version, ...rest }: GoabxButtonProps): JSX.Element;
-export default GoabxButton;

package/experimental/calendar/calendar.d.ts

@@ -1,30 +0,0 @@
-import { JSX } from 'react';
-import { DataAttributes, GoabCalendarOnChangeDetail, Margins } from '@abgov/ui-components-common';
-interface WCProps extends Margins {
-    name?: string;
-    value?: string;
-    min?: string;
-    max?: string;
-    testid?: string;
-    version?: string;
-}
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement> & {
-                ref: React.RefObject<HTMLElement | null>;
-            };
-        }
-    }
-}
-export interface GoabxCalendarProps extends Margins, DataAttributes {
-    name?: string;
-    value?: string;
-    min?: string;
-    max?: string;
-    testId?: string;
-    version?: string;
-    onChange: (details: GoabCalendarOnChangeDetail) => void;
-}
-export declare function GoabxCalendar({ min, max, onChange, name, version, ...rest }: GoabxCalendarProps): JSX.Element;
-export default GoabxCalendar;

package/experimental/callout/callout.d.ts

@@ -1,33 +0,0 @@
-import { GoabCalloutAriaLive, GoabCalloutEmphasis, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme, Margins, DataAttributes } from '@abgov/ui-components-common';
-interface WCProps extends Margins {
-    heading?: string;
-    type?: GoabCalloutType;
-    size?: GoabCalloutSize;
-    arialive?: GoabCalloutAriaLive;
-    maxwidth?: string;
-    icontheme?: GoabCalloutIconTheme;
-    emphasis?: GoabCalloutEmphasis;
-    testid?: string;
-    version?: string;
-}
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-callout": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoabxCalloutProps extends Margins, DataAttributes {
-    heading?: string;
-    type?: GoabCalloutType;
-    size?: GoabCalloutSize;
-    iconTheme?: GoabCalloutIconTheme;
-    emphasis?: GoabCalloutEmphasis;
-    maxWidth?: string;
-    testId?: string;
-    ariaLive?: GoabCalloutAriaLive;
-    version?: string;
-    children?: React.ReactNode;
-}
-export declare const GoabxCallout: ({ type, iconTheme, size, ariaLive, emphasis, children, version, ...rest }: GoabxCalloutProps) => import("react/jsx-runtime").JSX.Element;
-export default GoabxCallout;

package/experimental/checkbox/checkbox.d.ts

@@ -1,52 +0,0 @@
-import { DataAttributes, GoabCheckboxOnChangeDetail, GoabCheckboxSize, Margins } from '@abgov/ui-components-common';
-import { JSX } from 'react';
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement> & {
-                ref: React.RefObject<HTMLElement | null>;
-            };
-        }
-    }
-}
-interface WCProps extends Margins {
-    id?: string;
-    name: string;
-    checked?: string;
-    indeterminate?: string;
-    disabled?: string;
-    error?: string;
-    text?: string;
-    value?: string | number;
-    arialabel?: string;
-    description?: string | React.ReactNode;
-    reveal?: React.ReactNode;
-    revealarialabel?: string;
-    maxwidth?: string;
-    testid?: string;
-    size?: GoabCheckboxSize;
-    version?: string;
-}
-export interface GoabxCheckboxProps extends Margins, DataAttributes {
-    id?: string;
-    name: string;
-    checked?: boolean;
-    indeterminate?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    text?: string;
-    value?: string | number | boolean;
-    children?: React.ReactNode;
-    testId?: string;
-    ariaLabel?: string;
-    description?: string | React.ReactNode;
-    reveal?: React.ReactNode;
-    revealAriaLabel?: string;
-    maxWidth?: string;
-    size?: GoabCheckboxSize;
-    version?: string;
-    onChange?: (detail: GoabCheckboxOnChangeDetail) => void;
-}
-export type Props = GoabxCheckboxProps;
-export declare function GoabxCheckbox({ error, checked, indeterminate, disabled, value, description, reveal, onChange, name, children, size, version, ...rest }: GoabxCheckboxProps): JSX.Element;
-export default GoabxCheckbox;

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

@@ -1,43 +0,0 @@
-import { JSX } from 'react';
-import { GoabDatePickerInputType, GoabDatePickerOnChangeDetail, Margins, DataAttributes } from '@abgov/ui-components-common';
-interface WCProps extends Margins {
-    name?: string;
-    value?: string;
-    error?: string;
-    min?: string;
-    max?: string;
-    type?: string;
-    relative?: string;
-    disabled?: string;
-    testid?: string;
-    width?: string;
-    version?: string;
-}
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement> & {
-                ref: React.RefObject<HTMLElement | null>;
-            };
-        }
-    }
-}
-export interface GoabxDatePickerProps extends Margins, DataAttributes {
-    name?: string;
-    value?: Date | string | undefined;
-    error?: boolean;
-    min?: Date | string;
-    max?: Date | string;
-    type?: GoabDatePickerInputType;
-    testId?: string;
-    /***
-     * @deprecated This property has no effect and will be removed in a future version
-     */
-    relative?: boolean;
-    disabled?: boolean;
-    width?: string;
-    version?: string;
-    onChange?: (detail: GoabDatePickerOnChangeDetail) => void;
-}
-export declare function GoabxDatePicker({ value, error, min, max, disabled, relative, version, onChange, ...rest }: GoabxDatePickerProps): JSX.Element;
-export default GoabxDatePicker;

package/experimental/drawer/drawer.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode, JSX } from 'react';
-import { GoabDrawerPosition, GoabDrawerSize } from '@abgov/ui-components-common';
-interface WCProps {
-    position: GoabDrawerPosition;
-    open?: boolean;
-    heading?: string;
-    maxsize?: GoabDrawerSize;
-    testid?: string;
-    ref: React.RefObject<HTMLElement | null>;
-    version?: string;
-}
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-drawer": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoabxDrawerProps {
-    position: GoabDrawerPosition;
-    open?: boolean;
-    heading?: string | ReactNode;
-    maxSize?: GoabDrawerSize;
-    testId?: string;
-    actions?: ReactNode;
-    children: ReactNode;
-    onClose: () => void;
-    version?: string;
-}
-export declare function GoabxDrawer({ position, open, heading, maxSize, testId, actions, children, onClose, version, }: GoabxDrawerProps): JSX.Element;
-export default GoabxDrawer;

package/experimental/dropdown/dropdown-item.d.ts

@@ -1,26 +0,0 @@
-import { GoabDropdownItemMountType } from '@abgov/ui-components-common';
-interface WCProps {
-    value: string;
-    label?: string;
-    filter?: string;
-    mount?: GoabDropdownItemMountType;
-    name?: string;
-}
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-dropdown-item": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoabxDropdownItemProps {
-    value: string;
-    label?: string;
-    filter?: string;
-    testId?: string;
-    mountType?: GoabDropdownItemMountType;
-    name?: string;
-}
-export declare function GoabxDropdownOption(props: GoabxDropdownItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function GoabxDropdownItem({ value, label, filter, name, mountType, }: GoabxDropdownItemProps): import("react/jsx-runtime").JSX.Element;
-export {};