@pantheon-systems/pds-toolkit-react 1.0.0-dev.9999 → 1.1.0

package/_dist/components/badges/StatusBadge/StatusBadge.d.ts

@@ -1,9 +1,14 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
 import './status-badge.css';
 /**
  * StatusBadge component props
  */
 export interface StatusBadgeProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Background color for badge
      */
@@ -23,13 +28,9 @@ export interface StatusBadgeProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Status type for badge. Only renders if `hasStatusIndicator` is true.
      */
-    statusType?: 'success' | 'info' | 'frozen' | 'critical' | 'warning' | 'discovery' | 'disabled';
-    /**
-     * Additional class names
-     */
-    className?: string;
+    statusType?: StatusType | 'frozen' | 'disabled';
 }
 /**
  * StatusBadge UI component
  */
-export declare const StatusBadge: ({ color, hasStatusIndicator, label, statusIndicatorText, statusType, className, ...props }: StatusBadgeProps) => React.JSX.Element;
+export declare const StatusBadge: ({ className, color, hasStatusIndicator, label, statusIndicatorText, statusType, ...props }: StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/badges/Tally/Tally.d.ts

@@ -1,16 +1,20 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './tally.css';
 interface TypeLabels {
+    critical?: string;
     info?: string;
-    success?: string;
     neutral?: string;
+    success?: string;
     warning?: string;
-    critical?: string;
 }
 /**
  * Prop types for Tally
  */
 export interface TallyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Label text
      */
@@ -23,16 +27,12 @@ export interface TallyProps extends ComponentPropsWithoutRef<'div'> {
      * Message type labels.
      */
     typeLabels?: TypeLabels;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Tally UI component
  */
 export declare const Tally: {
-    ({ label, type, typeLabels, className, ...props }: TallyProps): React.JSX.Element;
+    ({ className, label, type, typeLabels, ...props }: TallyProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/_dist/components/buttons/Button/Button.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentPropsWithoutRef, ReactNode, MouseEvent } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+import { ButtonDisplayType, ButtonSize, ButtonType, ButtonVariant } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './button.css';
 interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
@@ -9,7 +10,11 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Type of button
      */
-    buttonType?: 'button' | 'submit' | 'reset';
+    buttonType?: ButtonType;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
@@ -17,7 +22,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * How the button is displayed.
      */
-    displayType?: 'label-only' | 'icon-start' | 'icon-end';
+    displayType?: ButtonDisplayType;
     /**
      * Which icon to render
      */
@@ -45,7 +50,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Which size of button to render
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: ButtonSize;
     /**
      * Text for an optional tooltip to be displayed when the button is `disabled` or `isLoading`.
      */
@@ -53,11 +58,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Which variant of button to render
      */
-    variant?: 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
-    /**
-     * Additional class names
-     */
-    className?: string;
+    variant?: ButtonVariant;
 }
 /**
  * A Component used to render a Button

package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts

@@ -1,6 +1,6 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { ButtonDisplayType, ButtonSize, ButtonVariant } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ButtonDisplayType, ButtonSize, ButtonVariant } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import '../Button/button.css';
 import './button-link.css';
 type ButtonLinkVariant = Exclude<ButtonVariant, 'navbar' | 'inline'>;
@@ -8,6 +8,10 @@ type ButtonLinkVariant = Exclude<ButtonVariant, 'navbar' | 'inline'>;
  * Prop types for ButtonLink
  */
 export interface ButtonLinkProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the link disabled?
      */
@@ -36,13 +40,9 @@ export interface ButtonLinkProps extends ComponentPropsWithoutRef<'span'> {
      * Variant of the button.
      */
     variant?: ButtonLinkVariant;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ButtonLink UI component
  */
-export declare const ButtonLink: ({ disabled, displayType, iconName, linkContent, size, tooltipText, variant, className, ...props }: ButtonLinkProps) => React.JSX.Element;
+export declare const ButtonLink: ({ className, disabled, displayType, iconName, linkContent, size, tooltipText, variant, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/buttons/ClipboardButton/ClipboardButton.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './clipboard-button.css';
 /**
  * Prop types for ClipboardButton
@@ -8,6 +8,10 @@ export interface ClipboardButtonProps extends ComponentPropsWithoutRef<'button'>
      * Translation string for aria-label attribute and tooltip text.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Text to copy to clipboard.
      */
@@ -20,12 +24,8 @@ export interface ClipboardButtonProps extends ComponentPropsWithoutRef<'button'>
      * Which variant of button to render.
      */
     variant?: 'standard' | 'reverse';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ClipboardButton UI component
  */
-export declare const ClipboardButton: ({ ariaLabel, clipboardText, disabled, variant, className, ...props }: ClipboardButtonProps) => React.JSX.Element;
+export declare const ClipboardButton: ({ ariaLabel, className, clipboardText, disabled, variant, ...props }: ClipboardButtonProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/buttons/CloseButton/CloseButton.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './close-button.css';
 /**
  * Prop types for CloseButton
@@ -8,6 +8,10 @@ export interface CloseButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Aria-label attribute.
      */
     ariaLabel?: string;
+    /**
+     * Additional class names.
+     */
+    className?: string;
     /**
      * Size of the icon.
      */
@@ -16,12 +20,8 @@ export interface CloseButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Click event callback function.
      */
     onClick?: () => void;
-    /**
-     * Additional class names.
-     */
-    className?: string;
 }
 /**
  * CloseButton UI component
  */
-export declare const CloseButton: ({ ariaLabel, iconSize, onClick, className, ...props }: CloseButtonProps) => React.JSX.Element;
+export declare const CloseButton: ({ ariaLabel, className, iconSize, onClick, ...props }: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/buttons/IconButton/IconButton.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentPropsWithoutRef, MouseEvent } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ButtonSize, ButtonType } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './icon-button.css';
 interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
@@ -9,7 +10,11 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Type of button
      */
-    buttonType?: 'button' | 'submit' | 'reset';
+    buttonType?: ButtonType;
+    /**
+     * Additional class names.
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
@@ -18,14 +23,14 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Show tooltip on hover. If false, the title attribute will be used.
      */
     hasTooltip?: boolean;
-    /**
-     * Which icon to render.
-     */
-    iconName: PDSIcon;
     /**
      * Which icon to render second. If this is set, the button will be animated.
      */
     icon2Name?: PDSIcon;
+    /**
+     * Which icon to render.
+     */
+    iconName: PDSIcon;
     /**
      * Click event handler callback.
      */
@@ -33,15 +38,11 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Which size of button to render.
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: ButtonSize;
     /**
      * Which variant of button to render.
      */
     variant?: 'standard' | 'reverse' | 'critical' | 'critical-hover';
-    /**
-     * Additional class names.
-     */
-    className?: string;
 }
 /**
  * IconButton UI component

package/_dist/components/buttons/MenuButton/MenuButton.d.ts

@@ -1,11 +1,15 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-import { HeadingItemType, LinkItemType, MenuItemType, NodeItemType, SeparatorItemType } from '@libs/types/custom-types';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { ButtonSize, ButtonVariant, HeadingItemType, LinkItemType, MenuItemType, NodeItemType, SeparatorItemType } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './menu-button.css';
 /**
  * Prop types for MenuButton
  */
 export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
@@ -45,7 +49,7 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
     /**
      * Which size of button to render.
      */
-    size?: 'sm' | 'md';
+    size?: Exclude<ButtonSize, 'lg'>;
     /**
      *  Optional `data-testid` value for this component.
      */
@@ -57,19 +61,15 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
     /**
      * Which variant of button to render — only valid for icon-end (default) display type.
      */
-    variant?: 'primary' | 'secondary' | 'navbar';
+    variant?: Extract<ButtonVariant, 'primary' | 'secondary' | 'navbar'>;
     /**
      * Is this button located with the Navbar component?
      * This will adjust the styling and position of the dropdown.
      * Omit this prop for the Dashboard application. It only applies to the standard Navbar component with a bottom border.
      */
     withinNavbar?: boolean;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
- * MenuButton UI component - Modernized with Floating UI
+ * MenuButton UI component
  */
-export declare const MenuButton: ({ disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, onClick, size, testId, undefinedLabel, variant, withinNavbar, className, ...props }: MenuButtonProps) => React.JSX.Element;
+export declare const MenuButton: ({ className, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, onClick, size, testId, undefinedLabel, variant, withinNavbar, ...props }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts

@@ -1,24 +1,31 @@
-import React from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './segmented-button.css';
 /**
  * Structure for each option in the SegmentedButton component.
  */
 interface OptionType {
-    id?: string;
-    value: string;
-    label: string;
     disabled?: boolean;
     iconName?: PDSIcon;
+    id?: string;
+    label: string;
     tally?: {
         label: string | number;
         type: 'neutral' | 'critical' | 'warning' | 'info' | 'success';
     };
+    value: string;
 }
 /**
  * Prop types for SegmentedButton
  */
 export interface SegmentedButtonProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Optional initial selected option value.
+     */
+    defaultValue?: string;
     /**
      * Is the SegmentedButton disabled?
      */
@@ -27,10 +34,6 @@ export interface SegmentedButtonProps {
      * Unique ID for the SegmentedButton.
      */
     id: string;
-    /**
-     * Optional initial selected option value.
-     */
-    defaultValue?: string;
     /**
      * Label for the SegmentedButton — visually hidden, used for screen readers only.
      */
@@ -51,13 +54,9 @@ export interface SegmentedButtonProps {
      * Value of the Segmented Button. Used to set the value of the field when controlled. Cannot be used in conjunction with the `defaultValue` prop.
      */
     value?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SegmentedButton UI component
  */
-export declare const SegmentedButton: ({ disabled, id, defaultValue, label, onChange, options, size, value, className, ...props }: SegmentedButtonProps) => React.JSX.Element;
+export declare const SegmentedButton: ({ className, defaultValue, disabled, id, label, onChange, options, size, value, ...props }: SegmentedButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/buttons/SplitButton/SplitButton.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { LinkItemType, MenuItemType } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef } from 'react';
+import { ButtonSize, ButtonVariant, LinkItemType, MenuItemType } from '../../../libs/types/custom-types';
 import './split-button.css';
 /**
  * Prop types for SplitButton
@@ -9,6 +9,10 @@ interface SplitButtonProps extends ComponentPropsWithoutRef<'span'> {
      * Array of menu items
      */
     actionItems: Array<LinkItemType | MenuItemType>;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
@@ -24,18 +28,14 @@ interface SplitButtonProps extends ComponentPropsWithoutRef<'span'> {
     /**
      * Which size of button to render
      */
-    size?: 'sm' | 'md';
+    size?: Exclude<ButtonSize, 'lg'>;
     /**
      * Which variant of button to render
      */
-    variant?: 'primary' | 'secondary';
-    /**
-     * Additional class names
-     */
-    className?: string;
+    variant?: Extract<ButtonVariant, 'primary' | 'secondary'>;
 }
 /**
  * A component used to render a button with a primary action and a menu of additional options
  */
-export declare const SplitButton: ({ actionItems, disabled, id, moreActionsLabel, size, variant, className, ...props }: SplitButtonProps) => React.JSX.Element;
+export declare const SplitButton: ({ actionItems, className, disabled, id, moreActionsLabel, size, variant, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/buttons/SplitButton/split-button-sample-data.d.ts

@@ -4,7 +4,7 @@ export const sampleActionItems: {
     callback: (item: any) => void;
 }[];
 export const linkActionItems: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isLink: boolean;
     label?: undefined;
     callback?: undefined;
@@ -14,4 +14,3 @@ export const linkActionItems: ({
     linkContent?: undefined;
     isLink?: undefined;
 })[];
-import React from 'react';

package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './utility-button.css';
 /**
  * Prop types for UtilityButton
@@ -9,14 +9,26 @@ export interface UtilityButtonProps extends ComponentPropsWithoutRef<'div'> {
      * Additional props for the button element.
      */
     buttonProps?: ComponentPropsWithoutRef<'button'>;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
     disabled?: boolean;
+    /**
+     * Should the button have a border?
+     */
+    hasBorder?: boolean;
     /**
      * Which icon to render.
      */
     iconName?: PDSIcon;
+    /**
+     * Position of the icon relative to the label.
+     */
+    iconPosition?: 'before' | 'after';
     /**
      * Is the button critical? If true, the button will be styled as critical on hover and focus.
      */
@@ -25,18 +37,24 @@ export interface UtilityButtonProps extends ComponentPropsWithoutRef<'div'> {
      * Is the button in the process of an initial load?
      */
     isLoading?: boolean;
+    /**
+     * Should the button label use the monospace font?
+     */
+    isMonospace?: boolean;
     /**
      * Is the button in the process of performing a task and should be disabled?
      */
     isWorking?: boolean;
     /**
-     * Should the button label use the monospace font?
+     * The text of the button.
      */
-    isMonospace?: boolean;
+    label?: string;
     /**
-     * The text of the button.
+     * A link element using the router of your choice.
+     * Use `linkContent` to render a link instead of text.
+     * In this case, the `buttonProps`, `label`, and `onClick` props will be ignored.
      */
-    label: string;
+    linkContent?: ReactNode;
     /**
      * Click event handler callback.
      */
@@ -45,12 +63,8 @@ export interface UtilityButtonProps extends ComponentPropsWithoutRef<'div'> {
      * Tooltip text.
      */
     tooltipText?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * UtilityButton UI component
  */
-export declare const UtilityButton: ({ buttonProps, disabled, iconName, isCritical, isLoading, isWorking, isMonospace, label, onClick, tooltipText, className, ...props }: UtilityButtonProps) => React.JSX.Element;
+export declare const UtilityButton: ({ buttonProps, className, disabled, hasBorder, iconName, iconPosition, isCritical, isLoading, isMonospace, isWorking, label, linkContent, onClick, tooltipText, ...props }: UtilityButtonProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/cards/Card/Card.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions } from '@layouts/layout-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { GridGapOptions } from '../../../libs/types/layout-types';
 import './card.css';
 export type CardBackground = 'default' | 'mint-gradient' | 'sundown-gradient' | 'yellow-gradient' | 'transparent';
 /**
@@ -14,16 +14,16 @@ export interface CardProps extends ComponentPropsWithoutRef<'div'> {
      * Child elements to be assigned to named slots.
      */
     children: ReactNode;
-    /**
-     * Relative padding for the `main` slot.
-     */
-    padding?: GridGapOptions;
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Relative padding for the `main` slot.
+     */
+    padding?: GridGapOptions;
 }
 /**
  * Card UI component
  */
-export declare const Card: ({ background, children, padding, className, ...props }: CardProps) => React.JSX.Element;
+export declare const Card: ({ background, children, className, padding, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/cards/CardHeading/CardHeading.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './card-heading.css';
 /**
  * Prop types for CardHeading
  */
 export interface CardHeadingProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Font size of the heading. Default is `XL`.
      */
@@ -21,12 +24,8 @@ export interface CardHeadingProps {
      * Heading text.
      */
     text?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * CardHeading UI component
  */
-export declare const CardHeading: ({ fontSize, fontWeight, level, text, className, ...props }: CardHeadingProps) => React.JSX.Element;
+export declare const CardHeading: ({ className, fontSize, fontWeight, level, text, ...props }: CardHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts

@@ -1,6 +1,10 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './card-select-group.css';
 export interface CardOption {
+    /**
+     * Option description
+     */
+    description?: string | ReactNode;
     /**
      * Unique ID for the option
      * @default ''
@@ -10,16 +14,16 @@ export interface CardOption {
      * Option label
      */
     label: string | ReactNode;
-    /**
-     * Option description
-     */
-    description?: string | ReactNode;
     /**
      * Option value
      */
     value: string;
 }
 export interface CardSelectGroupProps extends Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Optional initial selected option value
      */
@@ -49,12 +53,8 @@ export interface CardSelectGroupProps extends Omit<ComponentPropsWithoutRef<'fie
      * Array of card options
      */
     options?: CardOption[];
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * CardSelectGroup UI component
  */
-export declare const CardSelectGroup: ({ id, defaultValue, label, labelDisplay, layout, onChange, options, className, ...props }: CardSelectGroupProps) => React.JSX.Element;
+export declare const CardSelectGroup: ({ className, defaultValue, id, label, labelDisplay, layout, onChange, options, ...props }: CardSelectGroupProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts

@@ -1,10 +1,14 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './empty-state-card.css';
 /**
  * Prop types for EmptyStateCard
  */
 export interface EmptyStateCardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      *  Heading level or `span`.
      */
@@ -25,12 +29,8 @@ export interface EmptyStateCardProps extends ComponentPropsWithoutRef<'div'> {
      * Summary paragraph.
      */
     summary: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * EmptyStateCard UI component
  */
-export declare const EmptyStateCard: ({ headingLevel, headingText, isLinkExternal, linkContent, summary, className, ...props }: EmptyStateCardProps) => React.JSX.Element;
+export declare const EmptyStateCard: ({ className, headingLevel, headingText, isLinkExternal, linkContent, summary, ...props }: EmptyStateCardProps) => import("react/jsx-runtime").JSX.Element;