fix docs build

Author: snowystinger

packages/@internationalized/date/docs/Calendar.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/date';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription, renderHTMLfromMarkdown} from '@react-spectrum/docs';
-import packageData from '@internationalized/date/package.json';
+import packageData from '../package.json';
 import tableStyles from '@adobe/spectrum-css-temp/components/table/vars.css';
 import styles from '@react-spectrum/docs/src/docs.css';
 import typographyStyles from '@adobe/spectrum-css-temp/components/typography/vars.css';

packages/@internationalized/date/docs/CalendarDate.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/date';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/date/package.json';
+import packageData from '../package.json';
 
 ---
 category: Date and Time

packages/@internationalized/date/docs/CalendarDateTime.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/date';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/date/package.json';
+import packageData from '../package.json';
 
 ---
 category: Date and Time

packages/@internationalized/date/docs/DateFormatter.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/date';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/date/package.json';
+import packageData from '../package.json';
 
 ---
 category: Date and Time

packages/@internationalized/date/docs/Time.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/date';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/date/package.json';
+import packageData from '../package.json';
 
 ---
 category: Date and Time

packages/@internationalized/date/docs/ZonedDateTime.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/date';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/date/package.json';
+import packageData from '../package.json';
 
 ---
 category: Date and Time

packages/@internationalized/date/docs/index.mdx

@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
 export default Layout;
 
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/date/package.json';
+import packageData from '../package.json';
 
 ---
 category: Date and Time

packages/@internationalized/number/docs/NumberFormatter.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/number';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/number/package.json';
+import packageData from '../package.json';
 
 ---
 category: Numbers

packages/@internationalized/number/docs/NumberParser.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@internationalized/number';
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/number/package.json';
+import packageData from '../package.json';
 
 ---
 category: Numbers

packages/@internationalized/number/docs/index.mdx

@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
 export default Layout;
 
 import {HeaderInfo, FunctionAPI, ClassAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@internationalized/number/package.json';
+import packageData from '../package.json';
 
 ---
 category: Numbers

packages/@react-aria/autocomplete/docs/useAutocomplete.mdx

@@ -12,7 +12,7 @@ export default Layout;
 
 import docs from 'docs:@react-aria/autocomplete';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/autocomplete/package.json';
+import packageData from '../package.json';
 import statelyDocs from 'docs:@react-stately/autocomplete';
 import {InlineAlert, Content, Heading} from '@adobe/react-spectrum';
 

packages/@react-aria/autocomplete/docs/useSearchAutocomplete.mdx

@@ -15,7 +15,7 @@ import collectionsDocs from 'docs:@react-types/shared/src/collections.d.ts';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
 import i18nDocs from 'docs:@react-aria/i18n';
 import overlaysDocs from 'docs:@react-aria/overlays';
-import packageData from '@react-aria/autocomplete/package.json';
+import packageData from '../package.json';
 import selectionDocs from 'docs:@react-stately/selection';
 import statelyDocs from 'docs:@react-stately/combobox';
 import Anatomy from './anatomy.svg';

packages/@react-aria/breadcrumbs/docs/useBreadcrumbs.mdx

@@ -13,7 +13,7 @@ export default Layout;
 import docs from 'docs:@react-aria/breadcrumbs';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/breadcrumbs/package.json';
+import packageData from '../package.json';
 import Anatomy from './anatomy.svg';
 
 ---

packages/@react-aria/button/docs/useButton.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/button';
 import typesDocs from 'docs:@react-types/shared/src/events.d.ts';
 import {HeaderInfo, FunctionAPI, TypeLink, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/button/package.json';
+import packageData from '../package.json';
 
 ---
 category: Buttons

packages/@react-aria/button/docs/useToggleButton.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/button';
 import statelyDocs from 'docs:@react-stately/toggle';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/button/package.json';
+import packageData from '../package.json';
 
 ---
 category: Buttons

packages/@react-aria/button/docs/useToggleButtonGroup.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/button';
 import statelyDocs from 'docs:@react-stately/toggle';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/button/package.json';
+import packageData from '../package.json';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import Anatomy from './ToggleButtonGroupAnatomy.svg';
 

packages/@react-aria/calendar/docs/useCalendar.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/calendar';
 import statelyDocs from 'docs:@react-stately/calendar';
 import i18nDocs from 'docs:@internationalized/date';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/calendar/package.json';
+import packageData from '../package.json';
 import Anatomy from './calendar-anatomy.svg';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {Keyboard} from '@react-spectrum/text';

packages/@react-aria/calendar/docs/useRangeCalendar.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/calendar';
 import statelyDocs from 'docs:@react-stately/calendar';
 import i18nDocs from 'docs:@internationalized/date';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/calendar/package.json';
+import packageData from '../package.json';
 import Anatomy from './rangecalendar-anatomy.svg';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {Keyboard} from '@react-spectrum/text';

packages/@react-aria/checkbox/docs/useCheckbox.mdx

@@ -16,7 +16,7 @@ import focusDocs from 'docs:@react-aria/focus';
 import statelyDocs from 'docs:@react-stately/toggle';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/checkbox/package.json';
+import packageData from '../package.json';
 import Anatomy from './checkbox-anatomy.svg';
 import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';
 import tailwindPreview from 'url:./tailwind-example.png';

packages/@react-aria/checkbox/docs/useCheckboxGroup.mdx

@@ -16,7 +16,7 @@ import focusDocs from 'docs:@react-aria/focus';
 import statelyDocs from 'docs:@react-stately/checkbox';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/checkbox/package.json';
+import packageData from '../package.json';
 import Anatomy from './checkboxgroup-anatomy.svg';
 import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';
 import buttongroupPreview from 'url:./buttongroup-example.png';

packages/@react-aria/color/docs/useColorArea.mdx

@@ -14,7 +14,7 @@ import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import docs from 'docs:@react-aria/color';
 import statelyDocs from 'docs:@react-stately/color';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/color/package.json';
+import packageData from '../package.json';
 import Anatomy from './ColorAreaAnatomy.svg';
 
 ---
@@ -436,7 +436,7 @@ function ColorSwatch(props) {
   let {colorSwatchProps, color} = useColorSwatch(props);
 
   return (
-    <span 
+    <span
       {...colorSwatchProps}
       style={{
         ...colorSwatchProps.style,

packages/@react-aria/color/docs/useColorField.mdx

@@ -13,7 +13,7 @@ export default Layout;
 import docs from 'docs:@react-aria/color';
 import statelyDocs from 'docs:@react-stately/color';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/color/package.json';
+import packageData from '../package.json';
 import Anatomy from './ColorFieldAnatomy.svg';
 
 ---

packages/@react-aria/color/docs/useColorSlider.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/color';
 import statelyDocs from 'docs:@react-stately/color';
 import typesDocs from 'docs:@react-types/color';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/color/package.json';
+import packageData from '../package.json';
 import Anatomy from './ColorSliderAnatomy.svg';
 
 ---
@@ -92,7 +92,7 @@ get a localized string for the channel name using the `getChannelName` method. I
 to display the current channel value as text. This is formatted using the Color object's `formatChannelValue` method, which
 formats the value according to the channel type and locale settings.
 
-The visually hidden `<input>` element inside the thumb is used to represent the color slider to assistive technology. 
+The visually hidden `<input>` element inside the thumb is used to represent the color slider to assistive technology.
 The thumb also uses the [useFocusRing](useFocusRing.html) hook to grow in size when it is keyboard focused (try tabbing to it).
 
 ```tsx example export=true

packages/@react-aria/color/docs/useColorSwatch.mdx

@@ -13,7 +13,7 @@ export default Layout;
 import docs from 'docs:@react-aria/color';
 import statelyDocs from 'docs:@react-stately/color';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/color/package.json';
+import packageData from '../package.json';
 
 ---
 category: Color
@@ -63,7 +63,7 @@ function ColorSwatch(props: AriaColorSwatchProps) {
   let {colorSwatchProps, color} = useColorSwatch(props);
 
   return (
-    <div 
+    <div
       {...colorSwatchProps}
       style={{
         ...colorSwatchProps.style,

packages/@react-aria/color/docs/useColorWheel.mdx

@@ -13,7 +13,7 @@ export default Layout;
 import docs from 'docs:@react-aria/color';
 import statelyDocs from 'docs:@react-stately/color';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/color/package.json';
+import packageData from '../package.json';
 import Anatomy from './ColorWheelAnatomy.svg';
 
 ---
@@ -80,7 +80,7 @@ to assistive technologies.
 
 This example shows how to build a simple color wheel with a draggable thumb to adjust the hue value of a color. Styling for
 the track background and positioning of the thumb are provided by `useColorWheel` in the returned `style` prop for each element.
-The visually hidden `<input>` element inside the thumb is used to represent the color wheel to assistive technology. The thumb also 
+The visually hidden `<input>` element inside the thumb is used to represent the color wheel to assistive technology. The thumb also
 uses the [useFocusRing](useFocusRing.html) hook to grow in size when it is keyboard focused (try tabbing to it).
 
 ```tsx example export=true

packages/@react-aria/combobox/docs/useComboBox.mdx

@@ -16,7 +16,7 @@ import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescr
 import i18nDocs from 'docs:@react-aria/i18n';
 import listboxDocs from 'docs:@react-aria/listbox';
 import overlaysDocs from 'docs:@react-aria/overlays';
-import packageData from '@react-aria/combobox/package.json';
+import packageData from '../package.json';
 import selectionDocs from 'docs:@react-stately/selection';
 import statelyDocs from 'docs:@react-stately/combobox';
 import Anatomy from './anatomy.svg';

packages/@react-aria/datepicker/docs/useDateField.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/datepicker';
 import statelyDocs from 'docs:@react-stately/datepicker';
 import i18nDocs from 'docs:@internationalized/date';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/datepicker/package.json';
+import packageData from '../package.json';
 import Anatomy from './datefield-anatomy.svg';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';

packages/@react-aria/datepicker/docs/useDatePicker.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/datepicker';
 import statelyDocs from 'docs:@react-stately/datepicker';
 import i18nDocs from 'docs:@internationalized/date';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/datepicker/package.json';
+import packageData from '../package.json';
 import Anatomy from './datepicker-anatomy.svg';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';

packages/@react-aria/datepicker/docs/useDateRangePicker.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/datepicker';
 import statelyDocs from 'docs:@react-stately/datepicker';
 import i18nDocs from 'docs:@internationalized/date';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/datepicker/package.json';
+import packageData from '../package.json';
 import Anatomy from './daterangepicker-anatomy.svg';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';

packages/@react-aria/datepicker/docs/useTimeField.mdx

@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/datepicker';
 import statelyDocs from 'docs:@react-stately/datepicker';
 import i18nDocs from 'docs:@internationalized/date';
 import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/datepicker/package.json';
+import packageData from '../package.json';
 import Anatomy from './timefield-anatomy.svg';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';

packages/@react-aria/dialog/docs/useDialog.mdx

@@ -15,7 +15,7 @@ import overlaysDocs from 'docs:@react-aria/overlays';
 import focusDocs from 'docs:@react-aria/focus';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/dialog/package.json';
+import packageData from '../package.json';
 import Anatomy from './anatomy.svg';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';

packages/@react-aria/disclosure/docs/useDisclosure.mdx

@@ -15,7 +15,7 @@ import utilsDocs from 'docs:@react-aria/utils';
 import statelyDocs from 'docs:@react-stately/disclosure';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
 import {Keyboard} from '@react-spectrum/text';
-import packageData from '@react-aria/disclosure/package.json';
+import packageData from '../package.json';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import Anatomy from './anatomy.svg';
 
@@ -52,7 +52,7 @@ A disclosure is a collapsible section of content. It is composed of a trigger bu
 
 <Anatomy />
 
-A disclosure consists of a trigger button and a panel. Clicking on or pressing <Keyboard>Enter</Keyboard> or <Keyboard>Space</Keyboard> while the trigger button is focused toggles the visibility of the panel. 
+A disclosure consists of a trigger button and a panel. Clicking on or pressing <Keyboard>Enter</Keyboard> or <Keyboard>Space</Keyboard> while the trigger button is focused toggles the visibility of the panel.
 
 `useDisclosure` returns props to spread onto the trigger button and panel.
 
@@ -85,8 +85,8 @@ function Disclosure(props) {
   return (
     <div className="disclosure">
       <h3>
-        <button 
-          className="trigger" 
+        <button
+          className="trigger"
           ref={triggerRef}
           {...mergeProps(buttonProps, focusProps)}
           style={{outline: isFocusVisible ? '2px solid dodgerblue' : 'none'}}>
@@ -248,8 +248,8 @@ function DisclosureItem(props) {
   return (
     <div className="disclosure">
       <h3>
-        <button 
-          className="trigger" 
+        <button
+          className="trigger"
           ref={triggerRef}
           {...mergeProps(buttonProps, focusProps)}
           style={{outline: isFocusVisible ? '2px solid dodgerblue' : 'none'}}>

packages/@react-aria/dnd/docs/useClipboard.mdx

@@ -13,7 +13,7 @@ export default Layout;
 import docs from 'docs:@react-aria/dnd';
 import sharedDocs from 'docs:@react-types/shared/src/dnd.d.ts';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/dnd/package.json';
+import packageData from '../package.json';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {Keyboard} from '@react-spectrum/text';
 

packages/@react-aria/dnd/docs/useDrag.mdx

@@ -13,7 +13,7 @@ export default Layout;
 import docs from 'docs:@react-aria/dnd';
 import sharedDocs from 'docs:@react-types/shared/src/dnd.d.ts';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/dnd/package.json';
+import packageData from '../package.json';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {Keyboard} from '@react-spectrum/text';
 

packages/@react-aria/dnd/docs/useDraggableCollection.mdx

@@ -15,7 +15,7 @@ import statelyDocs from 'docs:@react-stately/dnd';
 import sharedDocs from 'docs:@react-types/shared';
 import selectionDocs from 'docs:@react-aria/selection';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/dnd/package.json';
+import packageData from '../package.json';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {Keyboard} from '@react-spectrum/text';
 

packages/@react-aria/dnd/docs/useDrop.mdx

@@ -13,7 +13,7 @@ export default Layout;
 import docs from 'docs:@react-aria/dnd';
 import sharedDocs from 'docs:@react-types/shared/src/dnd.d.ts';
 import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
-import packageData from '@react-aria/dnd/package.json';
+import packageData from '../package.json';
 import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
 import {Keyboard} from '@react-spectrum/text';