@kaizen/components 0.0.0-canary-versioned-tooltip-poc-20240619013415 → 0.0.0-canary-tooltip-poc-20240621045645

package/src/__overlays__/Tooltip/v3/_docs/Tooltip.spec.stories.tsx

@@ -0,0 +1,275 @@
+import React from "react"
+import { Meta, StoryObj } from "@storybook/react"
+import { expect, userEvent, waitFor, within } from "@storybook/test"
+import isChromatic from "chromatic"
+import { Button, IconButton } from "~components/Button"
+import { AddIcon, InformationIcon } from "~components/Icon"
+import { Tab, TabList, TabPanel, TabPanels, Tabs } from "~components/Tabs"
+import { Text } from "~components/Text"
+import { Tag } from "~components/__future__/Tag"
+import { Focusable } from "~components/__utilities__/v3"
+import { ToggleTip, Tooltip, TooltipTrigger } from "../index"
+
+const meta = {
+  title: "Overlays/Tooltip/v3/Tests",
+  component: Tooltip,
+  parameters: {
+    layout: "centered",
+  },
+  args: {
+    defaultOpen: isChromatic(),
+  },
+  argTypes: {
+    // eslint-disable-next-line camelcase
+    UNSTABLE_portalContainer: {
+      control: false,
+      table: { disable: true },
+    },
+    triggerRef: { control: false },
+  },
+} satisfies Meta<typeof Tooltip>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const OnButton: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement.parentElement!)
+    const button = canvas.queryByRole("button") || canvas.getByRole("link")
+
+    await step("Hover shows", async () => {
+      await userEvent.unhover(button)
+      await userEvent.hover(button)
+      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
+      expect(button).toHaveAttribute(
+        "aria-describedby",
+        canvas.getByRole("tooltip").id
+      )
+      await userEvent.unhover(button)
+    })
+
+    await step("Focus shows", async () => {
+      await userEvent.tab() // focus
+      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
+      await userEvent.tab() // unfocus
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+    })
+
+    await step("Escape closes", async () => {
+      await userEvent.tab() // focus
+      await userEvent.keyboard("{Escape}")
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+      await userEvent.tab() // unfocus
+    })
+  },
+}
+
+export const OnLink: Story = {
+  ...OnButton,
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" href="#" />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnButtonWithDesc: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <>
+      <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+        <IconButton
+          label="(TESTING) Add label"
+          icon={<AddIcon role="presentation" />}
+          primary
+          aria-describedby="blah"
+        />
+        <Tooltip {...args}>Tooltip content</Tooltip>
+      </TooltipTrigger>
+      <Text variant="body" id="blah" classNameOverride="p-4">
+        This is target of aria-describedby
+      </Text>
+    </>
+  ),
+}
+
+export const OnIconButton: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <IconButton
+        label="Add something"
+        icon={<AddIcon role="presentation" />}
+        primary
+        // Negate the aria description (added by RAC) as it should be the
+        // same as the accessible name, therefore no need to duplicate it
+        aria-describedby={null}
+      />
+      <Tooltip {...args}>Add something</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnDisabledButton: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" disabled />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnCustomButtonAnchor: Story = {
+  name: "On Button with custom <a>",
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button
+        label="Button"
+        component={props => (
+          // eslint-disable-next-line jsx-a11y/anchor-is-valid
+          <a {...props} href="#" style={{ padding: "0 1rem" }}>
+            Custom Link
+          </a>
+        )}
+      />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnCustomButton: Story = {
+  ...OnButton,
+  name: "On Button with custom <button>",
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button
+        label="Button"
+        component={props => <button type="button" {...props} />}
+      />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnCustomFocusableElement: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Focusable>
+        <Tag>Non-interactive element</Tag>
+      </Focusable>
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnTabs: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <Tabs>
+      <TabList aria-label="Tabs">
+        <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+          <Tab>Tab 1</Tab>
+          <Tooltip {...args}>Tooltip content</Tooltip>
+        </TooltipTrigger>
+      </TabList>
+      <TabPanels>
+        <TabPanel classNameOverride="p-24 font-family-paragraph">
+          Tab content
+        </TabPanel>
+      </TabPanels>
+    </Tabs>
+  ),
+}
+
+export const Placement: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" />
+      <Tooltip {...args} placement="top" shouldFlip={false}>
+        Placement top
+      </Tooltip>
+      <Tooltip {...args} placement="end" shouldFlip={false}>
+        Placement end
+      </Tooltip>
+      <Tooltip {...args} placement="bottom" shouldFlip={false}>
+        Placement bottom
+      </Tooltip>
+      <Tooltip {...args} placement="start" shouldFlip={false}>
+        Placement start
+      </Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const ReversedColors: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+  parameters: {
+    reverseColors: true,
+  },
+}
+
+export const ToggleTipStory: Story = {
+  name: "ToggleTip",
+  args: { defaultOpen: false },
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <ToggleTip>
+        <InformationIcon role="img" aria-label="Information" />
+      </ToggleTip>
+      <Tooltip
+        {...args}
+        style={{ display: "flex", textAlign: "left", alignItems: "center" }}
+      >
+        <InformationIcon
+          role="presentation"
+          style={{ marginRight: "0.25rem" }}
+        />
+        With rich content
+      </Tooltip>
+    </TooltipTrigger>
+  ),
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement.parentElement!)
+    // focus
+    await userEvent.tab()
+    await expect(canvas.queryByRole("tooltip")).toBeNull()
+
+    await step("Enter toggles", async () => {
+      await userEvent.keyboard("{enter}")
+      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
+      await userEvent.keyboard("{enter}")
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+    })
+    await step("Space toggles", async () => {
+      await userEvent.keyboard(" ")
+      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
+      await userEvent.keyboard(" ")
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+    })
+    await step("Pointer toggles", async () => {
+      const button = canvasElement.getElementsByTagName("button")[0]
+      await userEvent.click(button)
+      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
+      await userEvent.click(button)
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+    })
+    await step("Escape closes", async () => {
+      await userEvent.keyboard("{enter}")
+      await userEvent.keyboard("{Escape}")
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+    })
+
+    // leave open for screenshot
+    await userEvent.keyboard("{enter}")
+  },
+}

package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stickersheet.stories.tsx

@@ -1,68 +1,46 @@
 import React from "react"
-import { Meta } from "@storybook/react"
-import { Button } from "~components/Button"
-import {
-  StickerSheet,
-  StickerSheetStory,
-} from "~storybook/components/StickerSheet"
-import { Tooltip, TooltipTrigger } from "../index"
+import { Meta, composeStories } from "@storybook/react"
+import { ReversedColors } from "~components/__utilities__/v3"
+import { StickerSheetStory } from "~storybook/components/StickerSheet"
+import { mergeClassNames } from "~utils/mergeClassNames"
+import * as testStories from "./Tooltip.spec.stories"
 
 export default {
-  title: "Overlays/Tooltip/v3",
+  title: "Overlays/Tooltip/v3/Tests",
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },
   },
 } satisfies Meta
 
-const StickerSheetTemplate: StickerSheetStory = {
-  render: () => (
-    /** @note: If you have multiple StickerSheets to display, you can add a `heading` */
-    <StickerSheet>
-      <StickerSheet.Header headings={["Default", "Hover", "Active", "Focus"]} />
-      <StickerSheet.Body>
-        <StickerSheet.Row>
-          <TooltipTrigger defaultOpen={true}>
-            <Button label="Button with tooltip" />
-            <Tooltip>Tooltip content</Tooltip>
-          </TooltipTrigger>
-        </StickerSheet.Row>
-      </StickerSheet.Body>
-    </StickerSheet>
-  ),
-  /** @note: Only required if you have pseudo states, otherwise this can be removed */
-  parameters: {
-    /** @todo: Remove any inapplicable pseudo states */
-    pseudo: {
-      hover: '[data-sb-pseudo-styles="hover"]',
-      active: '[data-sb-pseudo-styles="active"]',
-      focus: '[data-sb-pseudo-styles="focus"]',
-      focusVisible: '[data-sb-pseudo-styles="focus"]',
-    },
-  },
-}
+const Stories = composeStories(testStories)
 
-export const StickerSheetDefault: StickerSheetStory = {
-  ...StickerSheetTemplate,
+export const Standard: StickerSheetStory = {
   name: "Sticker Sheet (Default)",
-}
-
-export const StickerSheetReversed: StickerSheetStory = {
-  ...StickerSheetTemplate,
-  name: "Sticker Sheet (Reversed)",
-  parameters: {
-    /** @note: Only required if template has parameters, otherwise this spread can be removed */
-    ...StickerSheetTemplate.parameters,
-    reverseColors: true,
-  },
+  render: args => (
+    <div className="grid gap-x-128 gap-y-128 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+      {Object.values(Stories).map((Story, index) => (
+        <div
+          key={index}
+          className={mergeClassNames(
+            "flex items-center justify-center min-h-[10rem]",
+            Story.parameters.reverseColors ? "bg-purple-700" : ""
+          )}
+        >
+          <ReversedColors isReversed={!!Story.parameters.reverseColors}>
+            <Story {...args} defaultOpen={true} />
+          </ReversedColors>
+        </div>
+      ))}
+    </div>
+  ),
 }
 
 export const StickerSheetRTL: StickerSheetStory = {
-  ...StickerSheetTemplate,
+  ...Standard,
   name: "Sticker Sheet (RTL)",
   parameters: {
-    /** @note: Only required if template has parameters, otherwise this spread can be removed */
-    ...StickerSheetTemplate.parameters,
+    ...Standard.parameters,
     textDirection: "rtl",
   },
 }

package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stories.tsx

@@ -1,13 +1,8 @@
 import React from "react"
 import { Meta, StoryObj } from "@storybook/react"
-import { expect, userEvent, waitFor, within } from "@storybook/test"
 import isChromatic from "chromatic"
-import { Button, IconButton } from "~components/Button"
-import { AddIcon, InformationIcon } from "~components/Icon"
-import { Tab, TabList, TabPanel, TabPanels, Tabs } from "~components/Tabs"
-import { Tag } from "~components/__future__/Tag"
-import { Focusable } from "~components/__utilities__/v3"
-import { ToggleTip, Tooltip, TooltipTrigger } from "../index"
+import { Button } from "~components/Button"
+import { Tooltip, TooltipTrigger } from "../index"
 
 const meta = {
   title: "Overlays/Tooltip/v3",
@@ -32,250 +27,21 @@ export default meta
 
 type Story = StoryObj<typeof meta>
 
-export const OnButton: Story = {
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <Button label="Button with tooltip" />
-      <Tooltip {...args}>Tooltip content</Tooltip>
-    </TooltipTrigger>
-  ),
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement.parentElement!)
-    const button = canvas.queryByRole("button") || canvas.getByRole("link")
-
-    await step("Hover shows", async () => {
-      await userEvent.unhover(button)
-      await userEvent.hover(button)
-      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
-      expect(button).toHaveAttribute(
-        "aria-describedby",
-        canvas.getByRole("tooltip").id
-      )
-      await userEvent.unhover(button)
-    })
-
-    await step("Focus shows", async () => {
-      await userEvent.tab() // focus
-      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
-      await userEvent.tab() // unfocus
-      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
-    })
-
-    await step("Escape closes", async () => {
-      await userEvent.tab() // focus
-      await userEvent.keyboard("{Escape}")
-      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
-      await userEvent.tab() // unfocus
-    })
-  },
-}
-
-export const OnLink: Story = {
-  ...OnButton,
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <Button label="Button with tooltip" href="#" />
-      <Tooltip {...args}>Tooltip content</Tooltip>
-    </TooltipTrigger>
-  ),
-}
-
-export const OnButtonWithDesc: Story = {
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <>
-      <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-        <IconButton
-          label="(TESTING) Add label"
-          icon={<AddIcon role="presentation" />}
-          primary
-          aria-describedby="blah"
-        />
-        <Tooltip {...args}>Tooltip content</Tooltip>
-      </TooltipTrigger>
-      <div id="blah">Custom description</div>
-    </>
-  ),
-}
-
-export const OnIconButton: Story = {
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <IconButton
-        label="Add something"
-        icon={<AddIcon role="presentation" />}
-        primary
-        // Negate the aria description (added by RAC) as it should be the
-        // same as the accessible name, therefore no need to duplicate it
-        aria-describedby={null}
-      />
-      <Tooltip {...args}>Add something</Tooltip>
-    </TooltipTrigger>
-  ),
-}
-
-export const OnDisabledButton: Story = {
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <Button label="Button with tooltip" disabled />
-      <Tooltip {...args}>Tooltip content</Tooltip>
-    </TooltipTrigger>
-  ),
-}
-
-export const OnCustomButtonAnchor: Story = {
-  name: "On Button with custom <a>",
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <Button
-        label="Button with tooltip"
-        component={props => (
-          // eslint-disable-next-line jsx-a11y/anchor-is-valid
-          <a {...props} href="#" style={{ padding: "0 1rem" }}>
-            Custom Link with tooltip
-          </a>
-        )}
-      />
-      <Tooltip {...args}>Tooltip content</Tooltip>
-    </TooltipTrigger>
-  ),
-}
+import * as spec from "./Tooltip.spec.stories"
 
-export const OnCustomButton: Story = {
-  ...OnButton,
-  name: "On Button with custom <button>",
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <Button
-        label="Button with tooltip"
-        component={props => <button type="button" {...props} />}
-      />
+export const Playground: Story = {
+  render: ({ defaultOpen: _, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={true} isOpen={isOpen}>
+      <Button label="Button" />
       <Tooltip {...args}>Tooltip content</Tooltip>
     </TooltipTrigger>
   ),
 }
-
-export const OnCustomFocusableElement: Story = {
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <Focusable>
-        <Tag>Non-interactive element</Tag>
-      </Focusable>
-      <Tooltip {...args}>Tooltip content</Tooltip>
-    </TooltipTrigger>
-  ),
-}
-
-export const OnTabs: Story = {
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <Tabs>
-      <TabList aria-label="Tabs">
-        <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-          <Tab>Tab 1</Tab>
-          <Tooltip {...args}>Tooltip content</Tooltip>
-        </TooltipTrigger>
-        <Tab>Tab 2</Tab>
-        <Tab badge="3">Tab 3</Tab>
-        <Tab disabled>Disabled Tab</Tab>
-      </TabList>
-      <TabPanels>
-        <TabPanel classNameOverride="p-24 font-family-paragraph">
-          Content 1
-        </TabPanel>
-        <TabPanel classNameOverride="p-24 font-family-paragraph">
-          Content 2
-        </TabPanel>
-        <TabPanel classNameOverride="p-24 font-family-paragraph">
-          Content 3
-        </TabPanel>
-      </TabPanels>
-    </Tabs>
-  ),
-}
-
-export const PlacementLeft: Story = {
-  ...OnButton,
-  args: { placement: "left" },
-}
-
-export const PlacementRight: Story = {
-  ...OnButton,
-  args: { placement: "right" },
-}
-
-export const PlacementTop: Story = {
-  ...OnButton,
-  args: { placement: "top" },
-}
-
-export const PlacementBottom: Story = {
-  ...OnButton,
-  args: { placement: "bottom" },
-}
-
-export const ReversedColors: Story = {
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <Button label="Button with tooltip" reversed={true} />
-      <Tooltip {...args}>Tooltip content</Tooltip>
-    </TooltipTrigger>
-  ),
-  parameters: {
-    reverseColors: true,
-  },
-}
-
-export const ToggleTipStory: Story = {
-  name: "ToggleTip",
-  args: { defaultOpen: false },
-  render: ({ defaultOpen, isOpen, ...args }) => (
-    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
-      <ToggleTip>
-        <InformationIcon role="img" aria-label="Information" />
-      </ToggleTip>
-      <Tooltip
-        {...args}
-        style={{ display: "flex", textAlign: "left", alignItems: "center" }}
-      >
-        <InformationIcon
-          role="presentation"
-          style={{ marginRight: "0.25rem" }}
-        />
-        With rich content
-      </Tooltip>
-    </TooltipTrigger>
-  ),
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement.parentElement!)
-    // focus
-    await userEvent.tab()
-    await expect(canvas.queryByRole("tooltip")).toBeNull()
-
-    await step("Enter toggles", async () => {
-      await userEvent.keyboard("{enter}")
-      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
-      await userEvent.keyboard("{enter}")
-      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
-    })
-    await step("Space toggles", async () => {
-      await userEvent.keyboard(" ")
-      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
-      await userEvent.keyboard(" ")
-      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
-    })
-    await step("Pointer toggles", async () => {
-      const button = canvasElement.getElementsByTagName("button")[0]
-      await userEvent.click(button)
-      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
-      await userEvent.click(button)
-      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
-    })
-    await step("Escape closes", async () => {
-      await userEvent.keyboard("{enter}")
-      await userEvent.keyboard("{Escape}")
-      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
-    })
-
-    // leave open for screenshot
-    await userEvent.keyboard("{enter}")
-  },
+export const OnButton: Story = { ...spec.OnButton, play: undefined }
+export const OnIconButton: Story = { ...spec.OnIconButton, play: undefined }
+export const ToggleTip: Story = { ...spec.ToggleTipStory, play: undefined }
+export const Placement: Story = {
+  ...spec.OnButton,
+  play: undefined,
+  args: { placement: "start" },
 }

package/src/__react-aria-components__/index.ts

@@ -0,0 +1 @@
+export * from "react-aria-components"

package/src/__react-aria__/index.ts

@@ -0,0 +1 @@
+export * from "react-aria"

package/v3/react-aria/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/reactAriaV3.cjs",
+  "module": "../../dist/esm/reactAriaV3.mjs",
+  "types": "../../dist/types/__react-aria__/index.d.ts"
+}

package/v3/react-aria-components/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/reactAriaComponentsV3.cjs",
+  "module": "../../dist/esm/reactAriaComponentsV3.mjs",
+  "types": "../../dist/types/__react-aria-components__/index.d.ts"
+}