fix: add declare modifier to top-level function declarations in .d.ts files

components/accordion.d.ts

@@ -23,5 +23,5 @@ type Props = {
 	children: React.ReactNode /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/accordion/panel.d.ts

@@ -40,5 +40,5 @@ type Props = {
 	title?: string;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/alert.d.ts

@@ -61,5 +61,5 @@ type Props = {
 /**
  * Alert banners communicate a state that affects the entire system, not just a feature or page. It persists over a session and appears without the user initiating the action. View [banner guidelines](https://www.lightningdesignsystem.com/guidelines/messaging/components/banners/).
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/alert/container.d.ts

@@ -12,5 +12,5 @@ type Props = {
 /**
  * A fixed container for alert banners.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/app-launcher.d.ts

@@ -82,5 +82,5 @@ type Props = {
  * settings.setAppElement('#mount');
  * ```
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/app-launcher/expandable-section.d.ts

@@ -40,5 +40,5 @@ type Props = {
  * App Launcher Sections allow users to categorize App Tiles & Links as well as toggle their display. It is a superset of components/expandable-section with content formatting.
  * All Expandable Section props are compatible with props passed to this component.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/app-launcher/link.d.ts

@@ -28,5 +28,5 @@ type Props = {
 /**
  * App Launcher Link component creates simple links to be used in "All Items" sections
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/app-launcher/section.d.ts

@@ -38,5 +38,5 @@ type Props = {
 /**
  * App Launcher Sections allow users to categorize App Tiles as well as toggle their display
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/app-launcher/tile.d.ts

@@ -61,5 +61,5 @@ type Props = {
 /**
  * App Launcher Tiles provide information and links to a user's apps
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/avatar.d.ts

@@ -50,5 +50,5 @@ type Props = {
  If `initials` or `label` are not available, the fallback avatar will render a standard icon. If `variant='user'`, a user icon will
  render. If `variant='entity'`, an account icon will render.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/badge.d.ts

@@ -33,5 +33,5 @@ type Props = {
 /**
  * Badges are labels which hold small amounts of information.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/brand-band.d.ts

@@ -37,5 +37,5 @@ type Props = {
 /**
  * The brand band provides theming capability that adds personality and improves information density and contrast.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/breadcrumb.d.ts

@@ -26,5 +26,5 @@ type Props = {
 	trail: any[] /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/builder-header.d.ts

@@ -75,5 +75,5 @@ type Props = {
 	style?: Record<string, any>;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/builder-header/misc.d.ts

@@ -13,5 +13,5 @@ type Props = {
 	children?: React.ReactNode;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/builder-header/nav-link.d.ts

@@ -31,5 +31,5 @@ type Props = {
 	onClick?: (v: any) => any;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/builder-header/nav.d.ts

@@ -14,5 +14,5 @@ type Props = {
 	children?: React.ReactNode;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/builder-header/toolbar.d.ts

@@ -27,5 +27,5 @@ type Props = {
 	onRenderActions?: (v: any) => any;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/builder-header/utilities.d.ts

@@ -14,5 +14,5 @@ type Props = {
     children?: React.ReactNode,
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/button-group.d.ts

@@ -34,5 +34,5 @@ type Props = {
 /**
  * The ButtonGroup component wraps other components (ie. Button, MenuDropdown, PopoverTooltip, Checkboxes, etc).
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/button-stateful.d.ts

@@ -90,5 +90,5 @@ type Props = {
  * If no `aria-*` props are passed in, <code>aria-live='polite'</code> is used for `icon` and `icon-filled` variants,
  * and <code>aria-live='assertive'</code> is used for the remaining variants.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/button.d.ts

@@ -157,5 +157,5 @@ type Props = {
  * Either a <code>label</code> or <code>assistiveText.icon</code> is required; see the Prop Details table below. For buttons that maintain selected/unselected states, use the <a href="#/button-stateful">ButtonStateful</a> component.
  * Although not listed in the prop table, all `aria-*` and `form*` props will be added to the `button` element if passed in.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/card.d.ts

@@ -54,5 +54,5 @@ type Props = {
 	style?: Record<string, any>;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/card/empty.d.ts

@@ -10,5 +10,5 @@ type Props = {
 	heading?: string;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/card/filter.d.ts

@@ -14,5 +14,5 @@ type Props = {
 	placeholder: string /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/card/private/body.d.ts

@@ -14,5 +14,5 @@ type Props = {
 	id?: string;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/card/private/footer.d.ts

@@ -6,5 +6,5 @@ type Props = {
 	children?: React.ReactNode;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/card/private/header.d.ts

@@ -35,5 +35,5 @@ type Props = {
 	icon?: React.ReactNode;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/carousel.d.ts

@@ -73,5 +73,5 @@ type Props = {
  * A carousel allows multiple pieces of featured content to occupy an allocated amount of space.
  * Currently panel index and auto play cannot be controlled by the app.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/carousel/private/auto-play-button.d.ts

@@ -14,5 +14,5 @@ type Props = {
 	onClick?: (v: any) => any;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/carousel/private/carousel-indicators.d.ts

@@ -45,5 +45,5 @@ type Props = {
  * CarouselIndicators is used to display the list of indicators associated to the number of panels
  * a carousel has
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/carousel/private/carousel-item.d.ts

@@ -55,5 +55,5 @@ type Props = {
 	src: string /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/carousel/private/previous-next-carousel-navigator.d.ts

@@ -22,5 +22,5 @@ type Props = {
 	onClick?: (v: any) => any;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/checkbox.d.ts

@@ -150,5 +150,5 @@ type Props = {
 /**
  * The ability to style checkboxes with CSS varies across browsers. Using this component ensures checkboxes look the same everywhere.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/color-picker.d.ts

@@ -141,5 +141,5 @@ type Props = {
 /**
  * The Unified Color Picker component allows for a fully accessible and configurable color picker, allowing the user to pick from a set of predefined colors (swatches), or to pick a custom color using a HSB selection interface. It can be configured to show one or both of those color selection interfaces. View [component blueprint guidelines](https://lightningdesignsystem.com/components/color-picker/).
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/color-picker/private/swatch.d.ts

@@ -3,5 +3,5 @@ type Props = {
 	color: string /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/combobox/combobox.d.ts

@@ -312,5 +312,5 @@ type Props = {
 /**
  * A widget that provides a user with an input field that is either an autocomplete or readonly, accompanied with a listbox of pre-definfined options.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/combobox/private/menu.d.ts

@@ -109,5 +109,5 @@ type Props = {
 	assistiveText?: Record<string, any>;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table.d.ts

@@ -163,5 +163,5 @@ type Props = {
  *
  * NOTE: for horizontal scrolling with `fixedHeader`-enabled DataTables, see the `style` property description
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table/cell.d.ts

@@ -34,5 +34,5 @@ type Props = {
 	width?: string;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table/column.d.ts

@@ -67,5 +67,5 @@ type Props = {
 /**
  * Columns define the structure of the data displayed in the DataTable.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table/highlight-cell.d.ts

@@ -10,5 +10,5 @@ type Props = {
 	search?: PropTypes.any;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table/private/head.d.ts

@@ -25,5 +25,5 @@ type Props = {
 /**
  * Used internally, provides header row rendering to the DataTable.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table/private/header-cell.d.ts

@@ -47,5 +47,5 @@ type Props = {
 /**
  * Used internally, renders each individual column heading.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table/private/row.d.ts

@@ -29,5 +29,5 @@ type Props = {
 /**
  * Used internally, provides row rendering to the DataTable.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/data-table/row-actions.d.ts

@@ -37,5 +37,5 @@ type Props = {
 /**
  * RowActions provide a mechanism for defining a menu to display alongside each row in the DataTable.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/date-picker/date-picker.d.ts

@@ -150,5 +150,5 @@ type Props = {
  *
  * This component is wrapped in a [higher order component to listen for clicks outside itself](https://github.com/kentor/react-click-outside) and thus requires use of `ReactDOM`.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/date-picker/private/calendar-wrapper.d.ts

@@ -81,5 +81,5 @@ type Props = {
 	weekDayLabels: any[] /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/date-picker/private/calendar.d.ts

@@ -66,5 +66,5 @@ type Props = {
 	weekDayLabels: any[] /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/date-picker/private/day.d.ts

@@ -56,5 +56,5 @@ type Props = {
 	onRequestInternalFocusDate?: (v: any) => any;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/date-picker/private/navigation.d.ts

@@ -46,5 +46,5 @@ type Props = {
 	relativeYearTo?: number;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/date-picker/private/week.d.ts

@@ -62,5 +62,5 @@ type Props = {
 	todayLabel: string /*.isRequired*/;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/date-picker/private/year-picklist.d.ts

@@ -26,5 +26,5 @@ type Props = {
 	relativeYearTo?: number;
 };
 
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/dynamic-icon.d.ts

@@ -71,5 +71,5 @@ type Props = {
 /**
  * A set of delightful animated icons.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/expandable-section.d.ts

@@ -39,5 +39,5 @@ type Props = {
 /**
  * Toggle visibility of section content with the Expandable Section
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/expression.d.ts

@@ -61,5 +61,5 @@ type Props = {
  * These expressions can be used when querying for a filtered set of records,
  * creating rules to control when something executes, or any other conditional logic.
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;

components/expression/condition.d.ts

@@ -100,5 +100,5 @@ type Props = {
 /**
  * Expression Condition Component
  */
-function Component(props: Props): JSX.Element;
+declare function Component(props: Props): JSX.Element;
 export default Component;